@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&family=Space+Grotesk:wght@400;500;600;700&display=swap";.navbar{position:fixed;top:0;left:0;right:0;z-index:100;height:var(--nav-height);display:flex;align-items:center;transition:all var(--duration-normal) var(--ease-out)}.navbar.scrolled{background:#0a0a0ad9;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--color-border-dim)}.navbar .container{display:flex;align-items:center;justify-content:space-between}.nav-logo{display:flex;align-items:center;gap:var(--space-3)}.nav-logo-icon{width:40px;height:40px;background:var(--color-accent);border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;color:#000}.nav-logo-text{font-family:var(--font-heading);font-size:var(--text-lg);font-weight:700;letter-spacing:.12em}.nav-logo-sub{font-size:var(--text-xs);color:var(--color-text-muted);letter-spacing:.08em;font-weight:400;display:block;margin-top:-2px}.nav-links{display:flex;align-items:center;gap:var(--space-8)}.nav-link{font-size:var(--text-sm);color:var(--color-text-muted);transition:color var(--duration-fast) var(--ease-out);position:relative}.nav-link:after{content:"";position:absolute;bottom:-4px;left:0;width:0;height:2px;background:var(--color-accent);transition:width var(--duration-normal) var(--ease-out)}.nav-link:hover{color:var(--color-text)}.nav-link:hover:after{width:100%}.nav-link.active{color:var(--color-accent)}.nav-link.active:after{width:100%}.nav-cta{margin-left:var(--space-4)}.nav-hamburger{display:none;flex-direction:column;gap:5px;padding:var(--space-2);cursor:pointer}.nav-hamburger span{width:24px;height:2px;background:var(--color-text);border-radius:2px;transition:all var(--duration-normal) var(--ease-out)}.nav-hamburger.open span:nth-child(1){transform:rotate(45deg) translate(5px,5px)}.nav-hamburger.open span:nth-child(2){opacity:0}.nav-hamburger.open span:nth-child(3){transform:rotate(-45deg) translate(5px,-5px)}.nav-mobile-menu{display:none;position:fixed;top:var(--nav-height);left:0;right:0;bottom:0;background:#0a0a0af2;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);flex-direction:column;align-items:center;justify-content:center;gap:var(--space-8);z-index:99}.nav-mobile-menu.open{display:flex}.nav-mobile-menu .nav-link{font-size:var(--text-xl)}@media(max-width:768px){.nav-links,.nav-cta.desktop-only{display:none}.nav-hamburger{display:flex}}.intro-overlay{position:fixed;inset:0;z-index:9999;background:#000;display:flex;align-items:center;justify-content:center}.intro-canvas{position:absolute;inset:0;width:100%;height:100%}.intro-text{position:relative;z-index:1;font-family:var(--font-heading);font-size:clamp(2.5rem,8vw,6rem);font-weight:700;letter-spacing:.2em;color:transparent;-webkit-text-stroke:1px rgba(255,140,26,.3);-webkit-user-select:none;user-select:none}.page-transition-wrapper{position:relative;width:100%;min-height:100vh}.particle-bg{position:fixed;inset:0;z-index:0;pointer-events:none}.particle-bg canvas{width:100%;height:100%}.app-content{position:relative;z-index:1}.services{padding:var(--space-24) 0;position:relative}.services-header{text-align:center;margin-bottom:var(--space-16)}.services-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-6)}.services-grid-bottom{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-6);margin-top:var(--space-6);max-width:75%;margin-left:auto;margin-right:auto}.service-card{background:var(--color-surface);border:1px solid var(--color-border-dim);border-radius:var(--radius-lg);padding:var(--space-8);transition:all var(--duration-normal) var(--ease-out);position:relative;overflow:hidden;cursor:default}.service-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--color-accent);transform:scaleX(0);transition:transform var(--duration-normal) var(--ease-out);transform-origin:left}.service-card:hover{transform:translateY(-4px);border-color:var(--color-border);box-shadow:var(--shadow-glow)}.service-card:hover:before{transform:scaleX(1)}.service-card-icon{width:48px;height:48px;background:var(--color-accent-dim);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;color:var(--color-accent);margin-bottom:var(--space-5);transition:all var(--duration-normal) var(--ease-out)}.service-card:hover .service-card-icon{background:var(--color-accent);color:#000;box-shadow:0 0 20px var(--color-accent-glow)}.service-card-title{font-family:var(--font-heading);font-size:var(--text-lg);font-weight:600;margin-bottom:var(--space-3)}.service-card-desc{font-size:var(--text-sm);color:var(--color-text-muted);line-height:1.6}@media(max-width:1024px){.services-grid{grid-template-columns:repeat(2,1fr)}.services-grid-bottom{grid-template-columns:repeat(2,1fr);max-width:100%}}@media(max-width:480px){.services-grid,.services-grid-bottom{grid-template-columns:1fr}}.footer{padding:var(--space-8) 0;border-top:1px solid var(--color-border-dim)}.footer .container{display:flex;align-items:center;justify-content:space-between}.footer-socials{display:flex;gap:var(--space-6)}.footer-social-link{font-size:var(--text-sm);color:var(--color-text-muted);transition:color var(--duration-fast) var(--ease-out)}.footer-social-link:hover{color:var(--color-accent)}.footer-copyright{font-size:var(--text-sm);color:var(--color-text-dim)}@media(max-width:768px){.footer .container{flex-direction:column;gap:var(--space-4)}}.hero{min-height:100vh;display:flex;align-items:center;padding-top:var(--nav-height);position:relative;overflow:hidden}.hero .container{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-16);align-items:center}.hero-content{position:relative;z-index:2}.hero-badge{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);background:var(--color-accent-dim);border:1px solid var(--color-border);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:600;color:var(--color-accent);text-transform:uppercase;letter-spacing:.1em;margin-bottom:var(--space-8)}.hero-badge-dot{width:8px;height:8px;background:var(--color-accent);border-radius:50%;animation:pulse-dot 2s ease-in-out infinite}@keyframes pulse-dot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.8)}}.hero-title{font-family:var(--font-heading);font-size:var(--text-6xl);font-weight:700;line-height:1.05;margin-bottom:var(--space-6)}.hero-title .accent{color:var(--color-accent)}.hero-subtitle{font-size:var(--text-lg);color:var(--color-text-muted);line-height:1.7;margin-bottom:var(--space-10);max-width:480px}.hero-buttons{display:flex;gap:var(--space-4);flex-wrap:wrap}.hero-visual{position:relative;z-index:2;height:480px}.floating-card{position:absolute;border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-card);border:1px solid var(--color-border-dim)}.floating-card-1{top:10%;right:0;width:280px;height:180px;background:var(--color-surface);padding:var(--space-4);animation:float-1 6s ease-in-out infinite}.floating-card-2{top:40%;right:15%;width:240px;height:200px;background:var(--color-surface-2);padding:var(--space-4);animation:float-2 7s ease-in-out infinite;z-index:1}.floating-card-3{bottom:5%;right:5%;width:200px;height:120px;background:var(--color-surface);padding:var(--space-4);animation:float-3 5s ease-in-out infinite}.fc-header{display:flex;align-items:center;gap:var(--space-2);margin-bottom:var(--space-3)}.fc-dot{width:8px;height:8px;border-radius:50%}.fc-dot-r{background:#ff5f57}.fc-dot-y{background:#ffbd2e}.fc-dot-g{background:#28ca41}.fc-line{height:6px;background:var(--color-surface-3);border-radius:3px;margin-bottom:var(--space-2)}.fc-line.accent{background:var(--color-accent-dim)}.fc-line.short{width:60%}.fc-line.medium{width:80%}.fc-icon-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-2);margin-top:var(--space-3)}.fc-icon-item{aspect-ratio:1;background:var(--color-surface-3);border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;color:var(--color-accent);font-size:var(--text-sm)}.fc-bar-chart{display:flex;align-items:flex-end;gap:var(--space-2);height:60px;margin-top:var(--space-3)}.fc-bar{flex:1;background:var(--color-accent-dim);border-radius:3px 3px 0 0;min-height:8px}.fc-bar:nth-child(1){height:40%}.fc-bar:nth-child(2){height:70%;background:var(--color-accent)}.fc-bar:nth-child(3){height:55%}.fc-bar:nth-child(4){height:85%;background:var(--color-accent)}.fc-bar:nth-child(5){height:60%}@keyframes float-1{0%,to{transform:translateY(0) rotate(2deg)}50%{transform:translateY(-15px) rotate(0)}}@keyframes float-2{0%,to{transform:translateY(0) rotate(-1deg)}50%{transform:translateY(-20px) rotate(1deg)}}@keyframes float-3{0%,to{transform:translateY(0) rotate(-2deg)}50%{transform:translateY(-12px) rotate(0)}}@media(max-width:1024px){.hero .container{grid-template-columns:1fr;gap:var(--space-12)}.hero-title{font-size:var(--text-5xl)}.hero-visual{height:350px}}@media(max-width:768px){.hero{min-height:auto;padding-top:calc(var(--nav-height) + var(--space-12));padding-bottom:var(--space-16)}.hero-title{font-size:var(--text-4xl)}.hero-subtitle{font-size:var(--text-base)}.hero-visual{display:none}}.cta-section{padding:var(--space-24) 0;text-align:center}.cta-content{max-width:600px;margin:0 auto}.cta-title{font-family:var(--font-heading);font-size:var(--text-3xl);font-weight:700;margin-bottom:var(--space-4)}.cta-desc{font-size:var(--text-base);color:var(--color-text-muted);margin-bottom:var(--space-8);line-height:1.7}.contact-page{min-height:100vh;padding-top:calc(var(--nav-height) + var(--space-16));padding-bottom:var(--space-16)}.contact-page .container{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-16);align-items:start}.contact-info{position:relative}.contact-badge{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);background:var(--color-accent-dim);border:1px solid var(--color-border);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:600;color:var(--color-accent);text-transform:uppercase;letter-spacing:.1em;margin-bottom:var(--space-8)}.contact-badge-dot{width:8px;height:8px;background:var(--color-accent);border-radius:50%;animation:pulse-dot 2s ease-in-out infinite}.contact-title{font-family:var(--font-heading);font-size:var(--text-5xl);font-weight:700;line-height:1.1;margin-bottom:var(--space-6);text-transform:uppercase}.contact-title .accent{color:var(--color-accent);font-style:italic}.contact-subtitle{font-size:var(--text-base);color:var(--color-text-muted);line-height:1.7;margin-bottom:var(--space-10);max-width:420px}.contact-cards{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4);margin-bottom:var(--space-8)}.contact-card{background:var(--color-surface);border:1px solid var(--color-border-dim);border-radius:var(--radius-lg);padding:var(--space-6);transition:all var(--duration-normal) var(--ease-out)}.contact-card:hover{border-color:var(--color-border);box-shadow:var(--shadow-glow)}.contact-card-icon{color:var(--color-accent);margin-bottom:var(--space-3)}.contact-card-label{font-family:var(--font-heading);font-size:var(--text-sm);font-weight:600;margin-bottom:var(--space-1)}.contact-card-value{font-size:var(--text-sm);color:var(--color-text-muted)}.contact-map{width:100%;height:200px;background:var(--color-surface);border:1px solid var(--color-border-dim);border-radius:var(--radius-lg);overflow:hidden;position:relative}.contact-map-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--color-surface) 0%,var(--color-surface-2) 100%);position:relative}.contact-map-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(255,140,26,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(255,140,26,.05) 1px,transparent 1px);background-size:30px 30px}.contact-map-pin{position:relative;z-index:1;color:var(--color-accent)}.contact-form-wrapper{position:relative}.contact-form{display:flex;flex-direction:column;gap:var(--space-6)}.form-group{display:flex;flex-direction:column;gap:var(--space-2)}.form-label{font-family:var(--font-heading);font-size:var(--text-xs);font-weight:600;text-transform:uppercase;letter-spacing:.1em;color:var(--color-text-muted)}.form-input,.form-textarea{width:100%;padding:var(--space-4) var(--space-5);background:var(--color-surface);border:1px solid var(--color-border-dim);border-radius:var(--radius-md);color:var(--color-text);font-size:var(--text-base);transition:all var(--duration-normal) var(--ease-out)}.form-input::placeholder,.form-textarea::placeholder{color:var(--color-text-dim)}.form-input:focus,.form-textarea:focus{border-color:var(--color-accent);box-shadow:0 0 0 3px var(--color-accent-dim)}.form-textarea{min-height:140px;resize:vertical}.form-submit{width:100%;padding:var(--space-5);background:var(--color-accent);color:#000;font-family:var(--font-heading);font-size:var(--text-base);font-weight:700;text-transform:uppercase;letter-spacing:.1em;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;gap:var(--space-3);transition:all var(--duration-normal) var(--ease-out);cursor:pointer;margin-top:var(--space-4)}.form-submit:hover{background:var(--color-accent-2);box-shadow:var(--shadow-glow-strong);transform:translateY(-2px)}@media(max-width:1024px){.contact-page .container{grid-template-columns:1fr;gap:var(--space-12)}.contact-title{font-size:var(--text-4xl)}}@media(max-width:480px){.contact-cards{grid-template-columns:1fr}}.contact-project-preview{margin-bottom:var(--space-8);padding:var(--space-6);border:1px solid var(--color-border);border-radius:var(--radius-lg);background:#ff8c1a08}.preview-header{display:flex;align-items:center;gap:var(--space-2);margin-bottom:var(--space-4);padding-bottom:var(--space-3);border-bottom:1px solid var(--color-border-dim)}.preview-header h3{font-family:var(--font-heading);font-size:var(--text-sm);font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--color-text)}.preview-content{display:flex;flex-direction:column;gap:var(--space-2)}.preview-item{display:flex;justify-content:space-between;font-size:var(--text-sm)}.preview-item span{color:var(--color-text-dim)}.preview-item strong{color:var(--color-accent)}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4)}@media(max-width:640px){.form-row{grid-template-columns:1fr}}.configure-page{min-height:100vh;padding-top:calc(var(--nav-height) + var(--space-12));padding-bottom:var(--space-16)}.configure-header{max-width:600px;margin-bottom:var(--space-16)}.configure-title{font-family:var(--font-heading);font-size:var(--text-5xl);font-weight:700;line-height:1.1;margin-bottom:var(--space-4)}.configure-title .accent{color:var(--color-accent)}.configure-subtitle{font-size:var(--text-base);color:var(--color-text-muted);line-height:1.7;margin-bottom:var(--space-8)}.configure-layout{display:grid;grid-template-columns:1fr 340px;gap:var(--space-10);align-items:start}.config-section{margin-bottom:var(--space-12)}.config-section-number{font-family:var(--font-heading);font-size:var(--text-sm);font-weight:700;color:var(--color-accent);margin-bottom:var(--space-2)}.config-section-title{font-family:var(--font-heading);font-size:var(--text-2xl);font-weight:700;margin-bottom:var(--space-6)}.type-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-4)}.type-card{display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-2);padding:var(--space-6);background:var(--color-surface);border:1px solid var(--color-border-dim);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--duration-normal) var(--ease-out);text-align:left;position:relative;overflow:hidden;box-shadow:4px 4px 12px #0006,-2px -2px 8px #28282833}.type-card:before{content:"";position:absolute;inset:0;border-radius:inherit;background:linear-gradient(135deg,rgba(255,140,26,.05) 0%,transparent 60%);opacity:0;transition:opacity var(--duration-normal) var(--ease-out)}.type-card:hover{transform:translateY(-3px) scale(1.02);border-color:#ff8c1a4d;box-shadow:0 8px 30px #00000080,0 0 20px #ff8c1a14}.type-card:hover:before{opacity:1}.type-card.active{border-color:var(--color-accent);box-shadow:0 0 25px #ff8c1a26,inset 0 0 15px #ff8c1a08}.type-card.active .type-card-icon{color:var(--color-accent);background:var(--color-accent-dim)}.type-card-icon{width:44px;height:44px;display:flex;align-items:center;justify-content:center;color:var(--color-text-muted);background:var(--color-surface-2);border-radius:var(--radius-md);transition:all var(--duration-normal) var(--ease-out);margin-bottom:var(--space-2)}.type-card-label{font-family:var(--font-heading);font-size:var(--text-sm);font-weight:600;color:var(--color-text)}.type-card-desc{font-size:var(--text-xs);color:var(--color-text-dim);line-height:1.5}.dna-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-8);margin-bottom:var(--space-6)}.dna-group{display:flex;flex-direction:column;gap:var(--space-3)}.dna-label{font-family:var(--font-heading);font-size:var(--text-xs);font-weight:600;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.12em}.color-swatches{display:flex;gap:var(--space-3)}.color-swatch{width:36px;height:36px;border-radius:50%;background:var(--swatch-color);border:2px solid transparent;cursor:pointer;transition:all var(--duration-fast) var(--ease-out);position:relative}.color-swatch:hover{transform:scale(1.15)}.color-swatch.active{border-color:#fff;box-shadow:0 0 16px var(--swatch-color);transform:scale(1.15)}.style-pills{display:flex;flex-wrap:wrap;gap:var(--space-2)}.style-pill{padding:var(--space-2) var(--space-4);background:var(--color-surface);border:1px solid var(--color-border-dim);border-radius:var(--radius-sm);font-family:var(--font-heading);font-size:var(--text-xs);font-weight:600;color:var(--color-text-muted);cursor:pointer;transition:all var(--duration-normal) var(--ease-out)}.style-pill:hover{border-color:#ff8c1a4d;color:var(--color-text)}.style-pill.active{background:var(--color-accent);border-color:var(--color-accent);color:#000}.dna-typography{margin-top:var(--space-2)}.custom-dropdown{position:relative}.dropdown-trigger{width:100%;display:flex;align-items:center;justify-content:space-between;padding:var(--space-3) var(--space-4);background:var(--color-surface);border:1px solid var(--color-border-dim);border-radius:var(--radius-md);font-size:var(--text-sm);color:var(--color-text);cursor:pointer;transition:all var(--duration-normal) var(--ease-out)}.dropdown-trigger:hover,.dropdown-trigger:focus{border-color:var(--color-accent)}.dropdown-chevron{transition:transform var(--duration-fast) var(--ease-out);color:var(--color-text-dim)}.dropdown-chevron.open{transform:rotate(180deg)}.dropdown-menu{position:absolute;top:calc(100% + 6px);left:0;right:0;background:var(--color-surface-2);border:1px solid var(--color-border);border-radius:var(--radius-md);overflow:hidden;z-index:50;box-shadow:0 12px 40px #0009;animation:dropdown-in .2s var(--ease-out)}@keyframes dropdown-in{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.dropdown-item{width:100%;text-align:left;padding:var(--space-3) var(--space-4);font-size:var(--text-sm);color:var(--color-text-muted);cursor:pointer;transition:all var(--duration-fast);border:none;background:none}.dropdown-item:hover{background:var(--color-accent-dim);color:var(--color-accent)}.dropdown-item.active{color:var(--color-accent);font-weight:600}.feature-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:var(--space-3)}.feature-card{display:flex;flex-direction:column;align-items:center;gap:var(--space-2);padding:var(--space-5) var(--space-3);background:var(--color-surface);border:1px solid var(--color-border-dim);border-radius:var(--radius-md);cursor:pointer;transition:all var(--duration-normal) var(--ease-out);position:relative;box-shadow:3px 3px 8px #00000059,-1px -1px 6px #28282826}.feature-card:hover{transform:translateY(-2px) scale(1.03);border-color:#ff8c1a40}.feature-card.active{border-color:var(--color-accent);background:#ff8c1a14;box-shadow:0 0 20px #ff8c1a1f,inset 0 0 10px #ff8c1a05}.feature-card.active .feature-card-icon{color:var(--color-accent)}.feature-card-icon{color:var(--color-text-muted);transition:color var(--duration-normal) var(--ease-out)}.feature-card-label{font-family:var(--font-heading);font-size:.65rem;font-weight:600;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em;text-align:center}.feature-card.active .feature-card-label{color:var(--color-accent)}.config-textarea{width:100%;padding:var(--space-5);background:var(--color-surface);border:1px solid var(--color-border-dim);border-radius:var(--radius-md);color:var(--color-text);font-size:var(--text-sm);font-family:var(--font-body);resize:vertical;min-height:120px;transition:all var(--duration-normal) var(--ease-out);line-height:1.6}.config-textarea::placeholder{color:var(--color-text-dim)}.config-textarea:focus{border-color:var(--color-accent);box-shadow:0 0 0 3px var(--color-accent-dim);outline:none}.config-bottom-action{margin-top:var(--space-4)}.config-submit-btn{width:100%;justify-content:center}.config-submit-btn:disabled{opacity:.5;cursor:not-allowed;transform:none!important}.configure-sidebar{position:sticky;top:calc(var(--nav-height) + var(--space-6))}.sidebar-panel{padding:var(--space-6)}.sidebar-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-6)}.sidebar-title{font-family:var(--font-heading);font-size:var(--text-lg);font-weight:700}.sidebar-icon-badge{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:var(--color-accent);color:#000;border-radius:var(--radius-sm)}.sidebar-items{display:flex;flex-direction:column;gap:var(--space-3);margin-bottom:var(--space-6);padding-bottom:var(--space-6);border-bottom:1px solid var(--color-border-dim)}.sidebar-item{display:flex;justify-content:space-between;align-items:center}.sidebar-item-label{font-size:var(--text-sm);color:var(--color-text-muted)}.sidebar-item-value{font-family:var(--font-heading);font-size:var(--text-sm);font-weight:600;color:var(--color-text)}.accent-text{color:var(--color-accent)}.sidebar-complexity{margin-bottom:var(--space-6)}.sidebar-complexity-label{font-family:var(--font-heading);font-size:var(--text-xs);font-weight:600;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.1em;display:block;margin-bottom:var(--space-3)}.complexity-bar-track{width:100%;height:6px;background:var(--color-surface-3);border-radius:3px;overflow:hidden;margin-bottom:var(--space-2)}.complexity-bar-fill{height:100%;background:linear-gradient(90deg,var(--color-accent-2),var(--color-accent));border-radius:3px;transition:width .5s var(--ease-out);box-shadow:0 0 10px #ff8c1a66}.complexity-markers{display:flex;justify-content:space-between;font-size:.65rem;font-family:var(--font-heading);font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-dim)}.complexity-markers span.active{color:var(--color-accent)}.sidebar-actions{display:flex;flex-direction:column;gap:var(--space-3);margin-bottom:var(--space-6)}.sidebar-submit,.sidebar-save{width:100%;justify-content:center}.sidebar-submit:disabled{opacity:.5;cursor:not-allowed;transform:none!important}.sidebar-timeline{padding:var(--space-4);background:var(--color-surface);border-radius:var(--radius-md);border:1px solid var(--color-border-dim)}.sidebar-timeline-text{font-size:var(--text-xs);color:var(--color-text-muted);line-height:1.5;font-style:italic}.toast-overlay{position:fixed;inset:0;z-index:1000;display:flex;align-items:center;justify-content:center;background:#0009;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);animation:fade-in .3s var(--ease-out)}.toast{position:relative;max-width:420px;width:90%;padding:var(--space-10);text-align:center;animation:toast-in .4s var(--ease-out)}.toast-icon{color:var(--color-accent);margin-bottom:var(--space-4)}.toast-title{font-family:var(--font-heading);font-size:var(--text-2xl);font-weight:700;margin-bottom:var(--space-3)}.toast-desc{font-size:var(--text-sm);color:var(--color-text-muted);line-height:1.7;margin-bottom:var(--space-6)}.toast-close-btn{display:inline-flex;padding:var(--space-3) var(--space-8)}.toast-x{position:absolute;top:var(--space-4);right:var(--space-4);color:var(--color-text-dim);cursor:pointer;transition:color var(--duration-fast)}.toast-x:hover{color:var(--color-text)}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes toast-in{0%{opacity:0;transform:scale(.9) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}.spin{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:1100px){.configure-layout{grid-template-columns:1fr}.configure-sidebar{position:static;order:-1}.type-grid{grid-template-columns:repeat(2,1fr)}.feature-grid{grid-template-columns:repeat(4,1fr)}}@media(max-width:768px){.configure-title{font-size:var(--text-4xl)}.type-grid{grid-template-columns:repeat(2,1fr)}.dna-grid{grid-template-columns:1fr;gap:var(--space-6)}.feature-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:480px){.type-grid{grid-template-columns:1fr}.feature-grid{grid-template-columns:repeat(2,1fr)}.configure-title{font-size:var(--text-3xl)}}:root{--color-bg: #0a0a0a;--color-bg-alt: #111111;--color-surface: #151515;--color-surface-2: #1b1b1b;--color-surface-3: #1f1f1f;--color-border: rgba(255, 140, 26, .12);--color-border-dim: rgba(255, 255, 255, .06);--color-accent: #ff8c1a;--color-accent-2: #ff7a00;--color-accent-dim: rgba(255, 140, 26, .15);--color-accent-glow: rgba(255, 122, 0, .4);--color-text: #ffffff;--color-text-muted: #999999;--color-text-dim: #666666;--font-heading: "Space Grotesk", system-ui, sans-serif;--font-body: "Inter", system-ui, sans-serif;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 1.875rem;--text-4xl: 2.5rem;--text-5xl: 3.25rem;--text-6xl: 4rem;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--space-20: 5rem;--space-24: 6rem;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 24px;--radius-full: 9999px;--shadow-card: 0 4px 24px rgba(0, 0, 0, .4);--shadow-glow: 0 0 20px rgba(255, 140, 26, .15);--shadow-glow-strong: 0 0 40px rgba(255, 140, 26, .3);--ease-out: cubic-bezier(.16, 1, .3, 1);--ease-in-out: cubic-bezier(.65, 0, .35, 1);--duration-fast: .15s;--duration-normal: .3s;--duration-slow: .5s;--max-width: 1200px;--nav-height: 72px}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-body);background-color:var(--color-bg);color:var(--color-text);line-height:1.6;overflow-x:hidden;min-height:100vh}a{color:inherit;text-decoration:none}button{font-family:inherit;cursor:pointer;border:none;background:none;color:inherit}img{max-width:100%;display:block}ul,ol{list-style:none}input,textarea{font-family:inherit;border:none;outline:none;background:none;color:inherit}.container{width:100%;max-width:var(--max-width);margin:0 auto;padding:0 var(--space-6)}.section{padding:var(--space-24) 0}.section-label{font-family:var(--font-heading);font-size:var(--text-sm);font-weight:600;color:var(--color-accent);text-transform:uppercase;letter-spacing:.15em;margin-bottom:var(--space-4)}.section-title{font-family:var(--font-heading);font-size:var(--text-4xl);font-weight:700;line-height:1.15;margin-bottom:var(--space-6)}.glass{background:#15151599;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--color-border-dim);border-radius:var(--radius-lg)}.glass-strong{background:#1b1b1bcc;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border:1px solid var(--color-border);border-radius:var(--radius-lg)}.btn{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-6);font-family:var(--font-heading);font-size:var(--text-sm);font-weight:600;border-radius:var(--radius-sm);transition:all var(--duration-normal) var(--ease-out);position:relative;overflow:hidden;letter-spacing:.02em}.btn:after{content:"";position:absolute;inset:0;border-radius:inherit;opacity:0;transition:opacity var(--duration-normal) var(--ease-out)}.btn-primary{background:var(--color-accent);color:#000}.btn-primary:hover{background:var(--color-accent-2);box-shadow:var(--shadow-glow-strong);transform:translateY(-1px)}.btn-primary:after{background:radial-gradient(circle at center,rgba(255,255,255,.2) 0%,transparent 70%)}.btn-primary:hover:after{opacity:1}.btn-outline{background:transparent;color:var(--color-text);border:1px solid rgba(255,255,255,.2)}.btn-outline:hover{border-color:var(--color-accent);color:var(--color-accent);box-shadow:var(--shadow-glow);transform:translateY(-1px)}.btn-lg{padding:var(--space-4) var(--space-8);font-size:var(--text-base)}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--color-bg)}::-webkit-scrollbar-thumb{background:var(--color-surface-3);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--color-accent-dim)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}::selection{background:var(--color-accent-dim);color:var(--color-accent)}