:root{color-scheme:dark;--bg:#101820;--ink:#f5f7f1;--muted:#98a9ae;--line:#ffffff18;--accent:#c7f36b;--accent-rgb:199,243,107}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:0.875rem 'DM Sans',Arial,sans-serif;-webkit-font-smoothing:antialiased}button,input,textarea,select{font:inherit}button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a{color:inherit;text-decoration:none}button:disabled{opacity:.35;cursor:not-allowed}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid var(--accent);outline-offset:0.3125rem}[hidden]{display:none!important}.shell{width:min(90rem,calc(100% - 6rem));margin:auto}header{height:6.5rem;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.logo{font:700 2.6875rem 'Space Grotesk',Arial;letter-spacing:-0.25rem}.logo span{color:#c7f36b}.header-note{font-size:0.75rem;color:var(--muted)}.direct-contact{font-size:0.75rem;border:1px solid #ffffff30;border-radius:1.875rem;padding:0.75rem 1.1875rem}.direct-contact span{margin-left:1.125rem;color:#c7f36b}main{min-height:calc(100svh - 11.25rem)}.journey-top{display:flex;justify-content:space-between;align-items:center;margin:2.25rem 0 0.9375rem}.eyebrow{font-size:0.5625rem;letter-spacing:2.5px;color:var(--muted)}.step-count{font:0.6875rem 'Space Grotesk';color:var(--accent)}.progress{height:2px;background:#ffffff10}.progress span{display:block;width:16.66%;height:100%;background:var(--accent);transition:width .6s,background .5s}.workspace{display:grid;grid-template-columns:1fr 1fr;gap:4rem;padding:2.5rem 0 3rem;align-items:stretch}.conversation{display:flex;flex-direction:column;min-width:0}#question{flex:1;animation:enter .4s ease}.chapter{display:flex;align-items:center;gap:0.625rem;color:var(--accent);font-size:0.625rem;letter-spacing:1.6px;margin:0 0 1.25rem}.chapter:before{content:'';width:1.375rem;height:1px;background:var(--accent)}h1,h2,h3,p{margin-top:0}h1{font:500 clamp(2.25rem,3.8vw,3.5625rem)/1.08 'Space Grotesk',Arial;letter-spacing:-2.7px;margin-bottom:1.125rem;max-width:38.75rem}h1 em{font-style:normal;color:var(--accent)}.question-copy{font-size:0.8125rem;line-height:1.8;color:var(--muted);max-width:28.75rem;margin-bottom:1.6875rem}.choices{display:grid;gap:0.625rem}.choices.grid{grid-template-columns:1fr 1fr}.choice{display:flex;align-items:center;gap:0.9375rem;text-align:left;border:1px solid #ffffff20;border-radius:0.5625rem;background:#ffffff02;color:var(--ink);padding:1.125rem 1.1875rem;transition:background .2s,border-color .2s,transform .2s;min-width:0}.choice:hover{background:#ffffff06;transform:translateX(3px);border-color:#ffffff55}.choice[aria-pressed=true]{border-color:var(--accent);background:rgba(var(--accent-rgb),.065)}.choice-icon{display:grid;place-items:center;flex-shrink:0;width:2.375rem;height:2.375rem;border-radius:0.5rem;border:1px solid #ffffff15;color:var(--accent);font:1.375rem 'Space Grotesk'}.choice-text{flex:1}.choice strong{display:block;font-size:0.8125rem;font-weight:500}.choice small{display:block;margin-top:0.3125rem;color:var(--muted);font-size:0.625rem;line-height:1.5}.choice-check{flex-shrink:0;border:1px solid #ffffff35;width:1.0625rem;height:1.0625rem;border-radius:50%;display:grid;place-items:center;font-size:0.625rem;color:transparent}.choice[aria-pressed=true] .choice-check{color:var(--bg);background:var(--accent);border-color:var(--accent)}.choices.grid .choice{padding:1.0625rem 0.8125rem;gap:0.625rem}.choices.grid .choice-icon{width:1.8125rem;height:1.8125rem;font-size:1.0625rem}.choices.grid .choice strong{font-size:0.75rem}.navigation{display:flex;align-items:center;justify-content:space-between;gap:0.9375rem;margin-top:1.875rem;min-height:2.875rem}.back{border:0;background:none;color:var(--muted);font-size:0.75rem;padding:0.75rem 0}.back:hover{color:var(--ink)}#step-hint{font-size:0.625rem;color:var(--muted)}.next,.primary{display:inline-flex;align-items:center;justify-content:center;gap:1.5rem;background:var(--accent);color:#16201a;border:0;border-radius:0.375rem;padding:0.9375rem 1.25rem;font-size:0.75rem;font-weight:700}.next:hover:not(:disabled),.primary:hover:not(:disabled){filter:brightness(1.08)}.world{position:relative;isolation:isolate;overflow:hidden;min-height:33.125rem;border:1px solid #ffffff1b;border-radius:0.8125rem;background:radial-gradient(ellipse at 60% 45%,rgba(var(--accent-rgb),.10),transparent 70%),#131d24;transition:background 1s;display:flex;flex-direction:column;padding:1.5rem}.world-top{display:flex;justify-content:space-between;align-items:center;font-size:0.5rem;letter-spacing:1.5px;color:#a8b5b8;z-index:2}.world-top span:first-child{display:flex;align-items:center;gap:0.5rem}.world-top i{width:0.3125rem;height:0.3125rem;background:var(--accent);border-radius:50%;box-shadow:0 0 0.75rem var(--accent)}.world-number{color:#65777c}.orbit{position:absolute;z-index:-1;border:1px solid rgba(var(--accent-rgb),.1);border-radius:50%;width:28.125rem;height:28.125rem;top:3.75rem;left:calc(50% - 14.0625rem);animation:orbit 40s linear infinite}.orbit:before{content:'';position:absolute;top:1.5rem;left:6.875rem;width:0.3125rem;height:0.3125rem;border-radius:50%;background:var(--accent);box-shadow:0 0 0.9375rem var(--accent)}.orbit-two{width:20.625rem;height:20.625rem;left:calc(50% - 10.3125rem);top:7.5rem;animation-direction:reverse;animation-duration:30s}.preview-area{display:grid;place-items:center;flex:1;padding:2.1875rem 0.3125rem;position:relative}.seed{display:grid;place-items:center;position:relative}.seed-cube{width:9.6875rem;height:10.3125rem;border-radius:2.1875rem;transform:rotate(-12deg);display:grid;place-items:center;background:linear-gradient(140deg,#334a3c,#1b2b2d);border:1px solid rgba(var(--accent-rgb),.45);box-shadow:1.25rem 1.875rem 4.0625rem #0005,inset 0 1px #ffffff20;animation:float 7s ease-in-out infinite}.seed-cube span{font:600 5.625rem 'Space Grotesk';color:var(--accent);letter-spacing:-0.625rem;transform:rotate(12deg);padding-right:0.4375rem}.floating-tag{position:absolute;white-space:nowrap;border:1px solid #ffffff24;border-radius:1.875rem;padding:0.5625rem 0.8125rem;font-size:0.5625rem;color:#c1cec3;background:#18252a;box-shadow:0 0.5rem 1.5625rem #0002;animation:float 6s ease-in-out infinite}.tag-one{top:-2.375rem;left:-4.375rem}.tag-two{right:-4.6875rem;bottom:-1.5625rem;animation-delay:-3s}.world-bottom{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #ffffff17;padding-top:1.3125rem}.small-label{font-size:0.5rem;letter-spacing:1.8px;color:#7f9499}.world-bottom p{font:500 1.125rem 'Space Grotesk';letter-spacing:-.5px;margin:0.5625rem 0 0}.spark{color:var(--accent);font-size:2.375rem;line-height:1}.preview-disclaimer{font-size:0.5rem;line-height:1.7;color:#71878d;margin:1rem 0 0}.palette-hint{font-size:0.625rem;color:var(--muted);margin-top:0.9375rem}.timing-row{display:grid;grid-template-columns:1fr 1fr;gap:0.75rem;margin-top:1.5625rem}.field{display:grid;gap:0.5625rem;color:#b6c3c6;font-size:0.6875rem}.field input,.field textarea{width:100%;border:1px solid #ffffff25;border-radius:0.3125rem;background:#ffffff03;color:var(--ink);padding:0.8125rem;font-size:0.8125rem}.field textarea{resize:vertical;min-height:6.25rem}.field input:focus,.field textarea:focus{border-color:var(--accent)}.optional{color:#72868b;font-size:0.625rem}.budget-choices{display:grid;grid-template-columns:1fr 1fr;gap:0.625rem}.budget-choices .choice{padding:1rem}.group-label{font-size:0.6875rem;color:var(--muted);margin:1.5625rem 0 0.75rem}.contact-stage{padding:2.25rem 0 3.125rem;animation:enter .4s ease}.contact-heading{max-width:45rem;margin-bottom:2.1875rem}.contact-layout{display:grid;grid-template-columns:.85fr 1.15fr;gap:3.75rem}.summary{border:1px solid #ffffff20;border-radius:0.625rem;padding:1.625rem;height:fit-content;background:radial-gradient(ellipse at top left,rgba(var(--accent-rgb),.04),transparent)}.summary-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.25rem}.summary h2{font:500 1.375rem 'Space Grotesk';letter-spacing:-.7px;margin:0}.edit{color:var(--accent);background:none;border:0;font-size:0.6875rem;padding:0.5rem}.summary dl{margin:0}.summary-row{border-top:1px solid #ffffff12;padding:0.875rem 0;display:grid;grid-template-columns:6.5625rem 1fr;gap:0.9375rem}.summary dt{color:var(--muted);font-size:0.625rem;padding-top:2px}.summary dd{font-size:0.75rem;line-height:1.7;margin:0;overflow-wrap:anywhere}.summary-note{font-size:0.625rem;line-height:1.8;color:var(--muted);margin:0.75rem 0 0}.contact-form{display:grid;gap:1.25rem}.contact-form fieldset{padding:0;border:0;margin:0;min-width:0}.contact-form legend{font-size:0.6875rem;color:var(--muted);margin-bottom:0.75rem}.intents{display:grid;grid-template-columns:1fr 1fr;gap:0.625rem}.intent{position:relative;display:flex;align-items:center;gap:0.625rem;border:1px solid #ffffff25;border-radius:0.4375rem;padding:1rem;font-size:0.75rem;cursor:pointer}.intent:has(input:checked){border-color:var(--accent);background:rgba(var(--accent-rgb),.06)}input[type=radio],input[type=checkbox]{accent-color:var(--accent)}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.full{grid-column:1/-1}.consent{display:flex;gap:0.625rem;color:var(--muted);font-size:0.625rem;line-height:1.8;align-items:start}.consent input{margin-top:3px;flex-shrink:0}.send-row{display:flex;align-items:center;gap:1.25rem}.send-row small{max-width:14.375rem;font-size:0.5625rem;line-height:1.8;color:var(--muted)}.form-status{font-size:0.75rem;line-height:1.8;margin:0;color:var(--accent)}.form-status.error{color:#ffbbab}.honeypot{position:absolute;left:-625rem;width:1px;height:1px;overflow:hidden}.success-card{padding:2.1875rem;border:1px solid var(--accent);border-radius:0.625rem;background:rgba(var(--accent-rgb),.04)}.success-card h2{font:500 1.875rem 'Space Grotesk';letter-spacing:-1px}.success-card p{color:var(--muted);line-height:1.8}.success-mark{font-size:2.5rem;color:var(--accent);display:block;margin-bottom:1.25rem}.summary-actions{display:flex;justify-content:space-between;margin-top:1.25rem}.text-button{background:none;border:0;color:var(--muted);font-size:0.625rem;padding:0.5rem 0}.text-button:hover{color:var(--accent)}footer{border-top:1px solid var(--line);padding:1.375rem 0;display:flex;align-items:center;justify-content:space-between;gap:1.25rem;font-size:0.5625rem;color:#83979d}.motion{font-size:0.5625rem;border:1px solid #ffffff20;border-radius:1.5625rem;padding:0.5625rem 0.75rem;color:var(--muted);background:none}.paused *,.paused *:before,.paused *:after{animation-play-state:paused!important}.noscript{padding:1.875rem;color:var(--accent)}@keyframes enter{from{opacity:0;translate:0 0.75rem}to{opacity:1;translate:0 0}}@keyframes float{50%{translate:0 -0.5625rem;rotate:4deg}}@keyframes orbit{to{rotate:360deg}}@media(min-width:96.875rem){.workspace{gap:6.25rem;padding:3.75rem 0}.world{min-height:36.875rem}.choice{padding:1.375rem}}@media(max-width:68.75rem){.shell{width:calc(100% - 3rem)}.workspace{gap:1.875rem}h1{font-size:2.6875rem}.world{padding:1.25rem;min-height:32.5rem}.choice{padding:0.9375rem}.choice small{font-size:0.5625rem}.choices.grid .choice-icon{display:none}.contact-layout{gap:1.875rem}.world-top{font-size:0.4375rem}.world-number{display:none}}@media(max-width:47.5rem){.shell{width:calc(100% - 2.25rem)}header{height:5rem}.logo{font-size:2.25rem}.header-note{display:none}.direct-contact{font-size:0.625rem;padding:0.625rem 0.8125rem}.journey-top{margin-top:1.625rem}.eyebrow{font-size:0.5rem;letter-spacing:1.5px}.workspace{grid-template-columns:1fr;padding:1.75rem 0;gap:1.5625rem}.conversation{min-height:27.1875rem}h1{font-size:clamp(2.3125rem,8vw,3.1875rem);letter-spacing:-2px}.question-copy{font-size:0.75rem;margin-bottom:1.375rem}.choice{padding:0.875rem 1rem}.choice small{font-size:0.625rem}.choices.grid .choice-icon{display:grid}.choice-icon{height:2rem;width:2rem;font-size:1.1875rem}.choices.grid .choice{padding:0.875rem 0.6875rem;gap:0.5rem}.choices.grid .choice strong{font-size:0.6875rem}.navigation{margin-top:1.5rem}#step-hint{font-size:0.5625rem}.world{min-height:25.3125rem;max-height:29.375rem}.world-top{font-size:0.5rem}.world-number{display:block}.preview-area{padding:1.5rem 0.75rem}.world-bottom{padding-top:0.9375rem}.world-bottom p{font-size:1rem}.preview-disclaimer{margin-top:0.75rem}.seed-cube{width:7.8125rem;height:8.4375rem}.seed-cube span{font-size:4.6875rem}.orbit-one{top:0}.orbit-two{top:3.75rem}.contact-stage{padding-top:1.75rem}.contact-layout{grid-template-columns:1fr;gap:1.75rem}.summary{padding:1.375rem}.contact-heading{margin-bottom:1.5625rem}.contact-heading h1{font-size:2.4375rem}.summary-row{grid-template-columns:5.3125rem 1fr;padding:0.75rem 0}.form-grid{gap:0.9375rem}.send-row{align-items:start;flex-direction:column;gap:0.75rem}.send-row .primary{width:100%}.send-row small{max-width:none}.intents{gap:0.5rem}.intent{padding:0.9375rem 0.625rem;font-size:0.6875rem}footer{flex-wrap:wrap;font-size:0.5rem;gap:0.9375rem}.motion{font-size:0.5rem}.timing-row{gap:0.625rem}}@media(max-width:22.5rem){.choices.grid .choice-icon{display:none}.form-grid{grid-template-columns:1fr}#step-hint{display:none}.tag-one{left:-3.125rem}.tag-two{right:-3.125rem}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}.motion{display:none}}
/* The heading receives focus on step changes without a decorative focus frame. */
h1[tabindex="-1"]:focus{outline:none}
/* Live project preview */
.world{background:#152027;padding:1.4375rem;min-height:35.625rem;max-height:none;overflow:hidden;border-color:#ffffff20;justify-content:space-between}.orbit{display:none}.preview-area{padding:1.75rem 0;display:block;flex:0 1 auto;width:100%;min-width:0}.world-top{font-size:0.5rem;letter-spacing:1.6px}.world-bottom{padding-top:1.1875rem}.world-bottom p{font-size:1.0625rem;line-height:1.4;max-width:20.625rem}.spark{font-size:1.875rem}.preview-disclaimer{font-size:0.5625rem;color:#91a2a7;line-height:1.7}.ui-icon{display:block;width:1.1875rem;height:1.1875rem;flex-shrink:0}.project-window{width:100%;border:1px solid #ffffff20;border-radius:0.625rem;overflow:hidden;background:#f5f5ef;box-shadow:0 0.75rem 1.75rem #0002;animation:enter .3s ease}.project-toolbar{height:2.125rem;background:#26343c;color:#a3b1b7;display:flex;justify-content:space-between;align-items:center;padding:0 0.8125rem;font-size:0.4375rem;letter-spacing:1.7px}.project-toolbar>.ui-icon{width:0.75rem;height:0.75rem}.window-dots{display:flex;gap:0.25rem}.window-dots i{width:0.25rem;height:0.25rem;border-radius:50%;background:#72858d}.project-surface{padding:1.4375rem;color:#243c32;background:#f5f5ef;--surface-ink:#243c32;--surface-muted:#6c7b72;--surface-line:#243c321a;--surface-panel:#e9ede5;--surface-radius:0.4375rem}.project-nav{display:flex;align-items:center;justify-content:space-between;gap:0.75rem;padding-bottom:1.1875rem;border-bottom:1px solid var(--surface-line)}.project-brand{font:600 1.0625rem 'Space Grotesk',sans-serif;letter-spacing:-.8px;white-space:nowrap}.project-brand>span{color:#71835b}.project-nav-actions{display:flex;gap:0.75rem;align-items:center;font-size:0.5rem}.project-nav-actions>.ui-icon{width:1rem;height:1rem}.cart-symbol{display:flex;align-items:center;gap:0.3125rem}.cart-symbol b{display:grid;place-items:center;width:0.9375rem;height:0.9375rem;border-radius:50%;background:var(--surface-ink);color:#fff;font-size:0.4375rem;font-weight:500}.cart-symbol .ui-icon{width:1.25rem;height:1.25rem}.project-overline{display:block;font-size:0.4375rem;letter-spacing:1.3px;font-weight:600;color:var(--surface-muted);line-height:1.6}.store-heading{padding:1.4375rem 0 1.125rem}.project-surface h3{font:500 clamp(1.4375rem,2.15vw,2.125rem)/1.12 'Space Grotesk',sans-serif;letter-spacing:-1.25px;color:var(--surface-ink);margin:0.625rem 0}.store-heading p,.site-cover p{font-size:0.5625rem;line-height:1.7;color:var(--surface-muted);margin-bottom:0}.product-grid{display:grid;grid-template-columns:1fr 1fr;gap:0.8125rem}.product-card{min-width:0}.product-picture{position:relative;display:grid;place-items:center;background:#e5e9df;border-radius:var(--surface-radius);overflow:hidden;aspect-ratio:1.2}.product-picture-1{background:#eae5dc}.product-art{width:100%;height:100%;max-height:9.6875rem;color:#536d54}.product-picture-1 .product-art{color:#986e4b}.product-info{display:flex;align-items:center;justify-content:space-between;gap:0.4375rem;padding:0.6875rem 0 0}.product-info strong{display:block;font-size:0.625rem;font-weight:600}.product-info small{display:block;font-size:0.5rem;color:var(--surface-muted);margin-top:0.25rem}.product-add{display:grid;place-items:center;width:1.5rem;height:1.5rem;border:1px solid var(--surface-line);border-radius:50%;flex-shrink:0}.product-add .ui-icon{width:0.75rem;height:0.75rem}.product-info>.ui-icon{width:0.875rem;height:0.875rem}.stock-tag{position:absolute;bottom:0.5625rem;left:0.5625rem;display:flex;align-items:center;gap:0.25rem;padding:0.25rem 0.375rem;background:#ffffffdf;color:#243c32;border-radius:3px;font-size:0.4375rem}.stock-tag i{width:0.25rem;height:0.25rem;background:#57734d;border-radius:50%}.preview-module{display:flex;align-items:center;gap:0.625rem;border:1px solid var(--surface-line);background:#ffffff30;border-radius:var(--surface-radius);padding:0.75rem;margin-top:0.875rem;min-width:0}.preview-module>div:not(.avatar-stack){flex:1;min-width:0}.preview-module strong{display:block;font-size:0.5625rem;font-weight:500;line-height:1.6}.preview-module small{display:block;font-size:0.5rem;color:var(--surface-muted);line-height:1.6;margin-top:2px}.preview-module>.ui-icon{width:1.125rem;height:1.125rem}.preview-module>.ui-icon:last-child:not(:first-child){width:0.875rem;height:0.875rem}.delivery-module{padding:0.625rem 0 0;border:0;border-radius:0;background:none;font-size:0.5rem}.delivery-module i{font-style:normal;color:var(--surface-muted);margin:0 0.25rem}.category-tabs{display:flex;gap:0.75rem;margin:0 0 0.9375rem;font-size:0.5rem;color:var(--surface-muted)}.category-tabs span{padding-bottom:0.3125rem}.category-tabs .active{border-bottom:1px solid var(--surface-ink);color:var(--surface-ink)}.project-caption{display:flex;align-items:center;justify-content:space-between;gap:0.625rem;background:#e8ece4;border-top:1px solid #243c3210;padding:0.6875rem 0.875rem;font-size:0.4375rem;color:#68786c}.project-caption>span:first-child{display:flex;align-items:center;gap:0.3125rem}.project-caption i{display:block;background:#70865b;width:0.25rem;height:0.25rem;border-radius:50%}.project-caption>span:last-child{font-size:0.375rem;letter-spacing:1px}.site-cover{padding:1.5625rem 0 0;position:relative;overflow:hidden}.site-cover h3{position:relative;z-index:1;font-size:clamp(1.5625rem,2.4vw,2.3125rem);max-width:21.25rem}.visual-cta{display:inline-flex;align-items:center;gap:1.25rem;background:var(--surface-ink);color:#fff;border-radius:var(--surface-radius);font-size:0.5rem;padding:0.625rem 0.75rem;margin-top:1.0625rem}.visual-cta .ui-icon{width:0.8125rem;height:0.8125rem}.cover-graphic{display:flex;gap:0.5rem;margin-top:1.5rem;align-items:end;height:4.25rem}.cover-graphic span{height:100%;flex:1;background:#dae1cf;border-radius:4.375rem 4.375rem var(--surface-radius) var(--surface-radius)}.cover-graphic span:nth-child(2){height:65%;background:#a7b591}.cover-graphic span:nth-child(3){height:85%;background:var(--accent)}.module-caption{display:block;font-size:0.4375rem;font-weight:500;letter-spacing:1px;color:var(--surface-muted);margin-bottom:0.625rem}.portfolio-preview{margin-top:1.375rem}.portfolio-tiles{display:grid;grid-template-columns:repeat(3,1fr);gap:0.5rem}.portfolio-tiles>div{display:flex;flex-direction:column;justify-content:space-between;height:4.6875rem;padding:0.5625rem;background:#e0e6d7;border-radius:var(--surface-radius)}.portfolio-tiles>div:nth-child(2){background:#e9ddd0}.portfolio-tiles>div:nth-child(3){background:#d9e1e4}.portfolio-tiles span{font-size:0.5rem;opacity:.5}.portfolio-tiles strong{font-size:0.5625rem;font-weight:500}.article-preview{border-top:1px solid var(--surface-line);margin-top:1.25rem;padding-top:1rem}.article-preview strong{display:block;font-size:0.75rem;font-weight:500}.article-preview>span:last-child{display:flex;align-items:center;justify-content:space-between;font-size:0.5rem;color:var(--surface-muted);margin-top:0.5rem}.article-preview .ui-icon{width:0.8125rem;height:0.8125rem}.language-switch{font-size:0.4375rem;border:1px solid var(--surface-line);padding:0.3125rem;border-radius:3px}.avatar{display:grid;place-items:center;width:1.5625rem;height:1.5625rem;border-radius:50%;background:var(--surface-ink);color:#fff;font-size:0.5625rem}.app-heading{padding:1.4375rem 0 0.8125rem}.dashboard-preview{padding:0.9375rem;background:var(--surface-panel);border-radius:var(--surface-radius)}.dashboard-stats{display:grid;grid-template-columns:1fr 1fr;gap:0.9375rem}.dashboard-stats small{font-size:0.5rem;color:var(--surface-muted)}.dashboard-stats strong{display:block;font:500 1.5625rem 'Space Grotesk';letter-spacing:-1px;margin-top:0.3125rem}.dashboard-stats strong span{font:0.5rem 'DM Sans';letter-spacing:0;color:var(--surface-muted);margin-left:0.25rem}.activity-chart{height:4.125rem;display:flex;align-items:end;gap:0.4375rem;margin-top:1.125rem;border-bottom:1px solid var(--surface-line)}.activity-chart i{height:var(--bar);flex:1;background:#879b70;border-radius:2px 2px 0 0;opacity:.7}.activity-chart i:nth-child(3n){background:var(--surface-ink);opacity:1}.chart-caption{display:flex;justify-content:space-between;gap:0.625rem;font-size:0.375rem;color:var(--surface-muted);margin-top:0.4375rem}.avatar-stack{display:flex;padding-left:0.3125rem}.avatar-stack span{display:grid;place-items:center;width:1.25rem;height:1.25rem;border-radius:50%;background:#d4dec6;border:2px solid #f5f5ef;margin-left:-0.3125rem;font-size:0.4375rem}.avatar-stack span:nth-child(2){background:#ddcbb9}.avatar-stack span:nth-child(3){background:#c4d5da}.date-tile{border:1px solid var(--surface-line);border-radius:0.25rem;text-align:center;font-size:0.375rem;padding:0.25rem 0.4375rem;line-height:1.3}.date-tile b{display:block;font-size:0.8125rem;font-weight:500;margin-top:3px}.status-pill{font-size:0.4375rem;padding:0.3125rem 0.4375rem;background:#e0ead3;border-radius:1.25rem;color:#3f6047}.automation-preview{margin-top:0.9375rem;padding:0.875rem 0;border-top:1px solid var(--surface-line)}.automation-preview>div{display:flex;align-items:center;gap:0.4375rem;justify-content:space-between}.automation-preview>div>span{display:grid;justify-items:center;gap:0.375rem;font-size:0.4375rem}.automation-preview>div>.ui-icon{width:0.75rem;height:0.75rem;opacity:.4}.automation-preview>div>span>.ui-icon{width:1.125rem;height:1.125rem}.idea-board{padding:0.75rem 0.3125rem 0}.idea-board .seed-cube{width:3.0625rem;height:3.0625rem;border-radius:0.75rem;box-shadow:none;transform:none;animation:none;background:rgba(var(--accent-rgb),.08);margin-bottom:1.5625rem}.idea-board .seed-cube span{font-size:1.625rem;letter-spacing:-3px;transform:none;padding-right:2px}.idea-board>.project-overline{color:#9aaeb2;font-size:0.4375rem}.idea-board h3{font:500 clamp(1.875rem,3vw,2.8125rem)/1.1 'Space Grotesk';letter-spacing:-1.8px;margin:0.8125rem 0 1.5625rem}.idea-board h3 em{font-style:normal;color:var(--accent)}.idea-routes{display:grid;gap:0.5625rem}.idea-routes>div{display:flex;align-items:center;gap:0.75rem;border:1px solid #ffffff17;border-radius:0.4375rem;padding:0.75rem;color:#b9c8cb;font-size:0.625rem}.idea-routes>div>.ui-icon:first-child{color:var(--accent);width:1rem;height:1rem}.idea-routes>div>span{flex:1}.idea-routes>div>.ui-icon:last-child{width:0.8125rem;height:0.8125rem;opacity:.5}.idea-note{font-size:0.5625rem;line-height:1.8;color:var(--accent);margin:0.9375rem 0 0}
.world[data-mood=creative] .project-surface{background:#22213b;color:#efedff;--surface-ink:#efedff;--surface-muted:#b5b2ce;--surface-line:#ffffff20;--surface-panel:#31304c;--surface-radius:0.75rem}.world[data-mood=creative] .project-caption{background:#31304c;color:#c3beda;border-color:#ffffff15}.world[data-mood=creative] .project-caption i{background:var(--accent)}.world[data-mood=creative] .product-picture{background:#ccc5f1}.world[data-mood=creative] .product-picture-1{background:#e4bba5}.world[data-mood=creative] .product-art{color:#5b507b}.world[data-mood=creative] .product-picture-1 .product-art{color:#935846}.world[data-mood=creative] .visual-cta,.world[data-mood=creative] .avatar{background:#bab4ff;color:#24213b}.world[data-mood=creative] .project-brand>span{color:#bab4ff}.world[data-mood=creative] .cover-graphic span{background:#827aad}.world[data-mood=creative] .cover-graphic span:nth-child(2){background:#d6a895}.world[data-mood=creative] .cover-graphic span:nth-child(3){background:#bab4ff}.world[data-mood=creative] .portfolio-tiles>div{color:#28233e}.world[data-mood=creative] .activity-chart i{background:#bab4ff}.world[data-mood=creative] .activity-chart i:nth-child(3n){background:#edb79a}.world[data-mood=premium] .project-surface{background:#f4ede4;--surface-ink:#46392f;--surface-muted:#8a7969;--surface-line:#46392f20;--surface-panel:#ebe2d6;--surface-radius:0px;color:#46392f}.world[data-mood=premium] .project-surface h3{font-family:Georgia,serif;font-weight:400;letter-spacing:-1px}.world[data-mood=premium] .project-caption{background:#e9e0d5;color:#887866}.world[data-mood=premium] .product-picture{background:#e8ded0}.world[data-mood=premium] .product-picture-1{background:#e4d5c3}.world[data-mood=premium] .cover-graphic span{background:#c4ad94;border-radius:5rem 5rem 0 0}.world[data-mood=premium] .cover-graphic span:nth-child(2){background:#e0c4a9}.world[data-mood=premium] .cover-graphic span:nth-child(3){background:#9d846a}
@media(min-width:96.875rem){.world{padding:1.75rem;min-height:38.125rem}.project-surface{padding:1.75rem}.product-art{max-height:11.25rem}}@media(max-width:68.75rem){.world{padding:1.125rem;min-height:33.75rem}.project-surface{padding:1.0625rem}.project-surface h3{font-size:1.625rem}.project-brand{font-size:0.9375rem}.world-top{font-size:0.4375rem;letter-spacing:1px}.project-nav-actions{gap:0.5rem}.preview-module{padding:0.625rem;gap:0.4375rem}.preview-module strong{font-size:0.5rem}.preview-module small{font-size:0.4375rem}.project-caption{padding:0.625rem}.product-grid{gap:0.625rem}}@media(max-width:47.5rem){.world{padding:1.125rem;min-height:0;max-height:none}.preview-area{padding:1.375rem 0}.project-surface{padding:1.1875rem}.project-surface h3{font-size:1.75rem}.world-top{font-size:0.4375rem}.project-brand{font-size:1.0625rem}.world-bottom p{font-size:1rem}.preview-disclaimer{font-size:0.5rem}.product-picture{aspect-ratio:1.15}.project-nav-actions{font-size:0.4375rem}.project-nav-actions .ui-icon{width:1.0625rem;height:1.0625rem}.project-surface .site-cover h3{font-size:1.875rem}.idea-board h3{font-size:2.4375rem}.preview-module strong{font-size:0.5625rem}.preview-module small{font-size:0.5rem}}@media(max-width:22.5rem){.world{padding:0.875rem}.project-surface{padding:0.875rem}.project-surface h3{font-size:1.5rem}.project-brand{font-size:0.9375rem}.project-nav-actions{gap:0.375rem}.product-info strong{font-size:0.5625rem}.product-info small{font-size:0.4375rem}.project-caption>span:last-child{display:none}.world-top{letter-spacing:.7px}.world-number{display:none}.project-surface .site-cover h3{font-size:1.6875rem}}
/* Orbit markers share the exact radius of their parent circle. */
.orbit:before{top:0;left:50%;transform:translate(-50%,-50%)}
.world[data-project="start"] .orbit,.world[data-project="help"] .orbit{display:block;opacity:.5;top:50%;left:50%;margin-left:-14.0625rem;margin-top:-14.0625rem}
.world[data-project="start"] .orbit-two,.world[data-project="help"] .orbit-two{margin-left:-10.3125rem;margin-top:-10.3125rem}
@media(min-width:47.5625rem){.workspace{align-items:start}.conversation{min-height:35.625rem}}
/* Restore the original orbital introduction; selected project previews remain adaptive. */
.world[data-project="start"],.world[data-project="help"]{background:radial-gradient(ellipse at 50% 45%,rgba(var(--accent-rgb),.09),transparent 70%),#131d24}
.world[data-project="start"] .preview-area,.world[data-project="help"] .preview-area{display:grid;place-items:center;flex:1;min-height:21.875rem;padding:4.0625rem 0.9375rem}
.intro-seed .seed-cube{width:9.6875rem;height:10.3125rem;border-radius:2.1875rem;transform:rotate(-12deg);background:linear-gradient(140deg,#334a3c,#1b2b2d);box-shadow:1.25rem 1.875rem 4.0625rem #0005,inset 0 1px #ffffff20;animation:float 7s ease-in-out infinite}
.intro-seed .seed-cube span{font:600 5.625rem 'Space Grotesk',sans-serif;color:var(--accent);letter-spacing:-0.625rem;transform:rotate(12deg);padding-right:0.4375rem}
.world[data-project="start"] .orbit,.world[data-project="help"] .orbit{top:44%;opacity:1;width:min(28.125rem,84%);height:auto;aspect-ratio:1;left:50%;margin:0;translate:-50% -50%}
.world[data-project="start"] .orbit-two,.world[data-project="help"] .orbit-two{width:min(20.625rem,62%);margin:0}
.intro-seed .floating-tag{max-width:14.375rem;white-space:normal;line-height:1.6}
@media(max-width:47.5rem){.world[data-project="start"] .preview-area,.world[data-project="help"] .preview-area{min-height:19.6875rem}.intro-seed .seed-cube{width:8.4375rem;height:9.0625rem}.intro-seed .seed-cube span{font-size:4.9375rem}.intro-seed .tag-one{left:-3.375rem}.intro-seed .tag-two{right:-3.125rem;font-size:0.5rem}}
@media(max-width:22.5rem){.intro-seed .seed-cube{width:7.1875rem;height:7.8125rem}.intro-seed .seed-cube span{font-size:4.375rem}.intro-seed .tag-one{left:-2.625rem}.intro-seed .tag-two{right:-2.625rem}}

/* Scale the complete desktop interface with the available screen width. */
html{font-size:16px}
@media(min-width:1101px){html{font-size:clamp(17px,calc(15px + .15vw),20px)}}

/* Moderate desktop sizing with compact vertical rhythm. */
@media(min-width:1101px){
 header{height:4.75rem}
 .journey-top{margin:1.5rem 0 .75rem}
 .workspace{gap:3.5rem;padding:1.75rem 0 2rem}
 h1{font-size:clamp(2.75rem,3.5vw,3.25rem);margin-bottom:1rem}
 .question-copy{font-size:.875rem;margin-bottom:1.35rem;max-width:29rem}
 .choice{padding:1rem 1.2rem}
 .choice strong,.choices.grid .choice strong{font-size:.9375rem}
 .choice small{font-size:.75rem}
 .choices.grid .choice{padding:1rem .9rem}
 .choice-icon{width:2.1rem;height:2.1rem}
 .choices{gap:.6rem}
 .conversation,.world{min-height:32rem}
 .world{padding:1.35rem}
 .navigation{margin-top:1.35rem}
 .world-top{font-size:.55rem}
 .preview-disclaimer{font-size:.55rem}
 .next,.primary,.back{font-size:.8rem}
 .header-note,.direct-contact{font-size:.75rem}
}
/* Keep only useful labels around the journey. */
.journey-top{justify-content:flex-end}
#question>h1:first-child{margin-top:0;margin-bottom:1.75rem}
#question>h1:has(+.question-copy){margin-bottom:1rem}
.choice:not(:has(small)){min-height:4.1rem}
.field{gap:.5rem}
/* SVG icons share a consistent stroke, size and alignment. */
.choice-icon .ui-icon{width:1.2rem;height:1.2rem}
.choice-check .ui-icon{width:.7rem;height:.7rem;stroke-width:2.4}
.back,.edit,.text-button,.motion{display:inline-flex;align-items:center;justify-content:center;gap:.55rem}
button>.ui-icon,.intent>.ui-icon,.text-button>.ui-icon{width:1rem;height:1rem}
.intent>.ui-icon{color:var(--accent)}
.budget-choices .choice-icon{width:1.7rem;height:1.7rem;border:0;background:none}
.budget-choices .choice{gap:.6rem}
.spinning{animation:orbit 1s linear infinite}
header{border-bottom:0}
header .step-count{margin-left:auto}
header+.progress{margin:0}
@media(max-width:360px){.choices.grid .choice-icon{display:grid;width:1.5rem;height:1.5rem}.choices.grid .choice{gap:.4rem}.budget-choices .choice-icon{width:1.3rem;height:1.3rem}.budget-choices .choice{padding:.8rem .6rem}}
.spark-flash{display:block;width:2.2rem;height:2.2rem;flex-shrink:0;overflow:visible;filter:drop-shadow(0 0 .3rem rgba(var(--accent-rgb),.35))}
.spark-core{transform-origin:25px 24px;animation:spark-glimmer 3.8s ease-in-out infinite}
.spark-rays{transform-origin:25px 24px;animation:spark-scatter 3.8s ease-in-out infinite}
@keyframes spark-glimmer{0%,70%,100%{opacity:.75;transform:scale(.9)}78%{opacity:1;transform:scale(1.13)}88%{opacity:.9;transform:scale(1)}}
@keyframes spark-scatter{0%,70%,100%{opacity:.45;transform:scale(.88)}80%{opacity:1;transform:scale(1.07)}90%{opacity:.7;transform:scale(1)}}
/* A short introduction before the guided journey. */
body:not(.journey-started) header{border-bottom:1px solid var(--line)}
.welcome{display:grid;grid-template-columns:1.1fr 1fr;align-items:center;gap:3.5rem;min-height:calc(100svh - 9rem);padding:3rem 0}
.welcome-copy h1{font-size:clamp(2.8rem,4vw,4.25rem);line-height:1.06;max-width:38rem;letter-spacing:-.17rem;margin:0 0 1.5rem}
.welcome-copy>p{font-size:1rem;line-height:1.8;color:var(--muted);max-width:29rem;margin-bottom:2rem}
.welcome-start{font-size:.9rem;padding:1rem 1.4rem;gap:1.8rem}
.welcome-art{position:relative;isolation:isolate;display:grid;place-items:center;min-width:0;aspect-ratio:1;background:radial-gradient(circle,rgba(var(--accent-rgb),.06),transparent 65%)}
.welcome-art .orbit{display:block;top:50%;left:50%;margin:0;translate:-50% -50%;width:90%;height:auto;aspect-ratio:1}
.welcome-art .orbit-two{width:66%}
.welcome-art .seed-cube{width:10.5rem;height:11rem}
.welcome-art .seed-cube span{font-size:6.25rem}
#welcome-title:focus{outline:none}
@media(max-width:760px){.welcome{grid-template-columns:1fr;gap:1.5rem;padding:2.5rem 0 2rem;min-height:0}.welcome-copy h1{font-size:clamp(2.6rem,8vw,3.8rem);letter-spacing:-.13rem}.welcome-copy>p{font-size:.95rem}.welcome-art{width:min(100%,22rem);justify-self:center;max-height:22rem}.welcome-art .seed-cube{width:8rem;height:8.5rem}.welcome-art .seed-cube span{font-size:4.75rem}.welcome-start{width:100%}}
/* Shared elements carry the visitor from the welcome screen into the workshop. */
.welcome-copy,.conversation{view-transition-name:journey-copy}
.welcome-art,.world{view-transition-name:journey-visual}
.welcome-art .seed-cube,.world[data-project="start"] .seed-cube,.world[data-project="help"] .seed-cube{view-transition-name:project-mark}
.page-switching main{pointer-events:none}
::view-transition-old(root),::view-transition-new(root){animation:none;mix-blend-mode:normal}
::view-transition-group(journey-visual){animation-duration:750ms;animation-timing-function:cubic-bezier(.22,1,.36,1)}
::view-transition-group(project-mark){animation-duration:850ms;animation-timing-function:cubic-bezier(.22,1,.36,1);z-index:2}
::view-transition-old(journey-copy){animation:copy-leave 260ms ease-in both}
::view-transition-new(journey-copy){animation:copy-enter 650ms cubic-bezier(.22,1,.36,1) 120ms both}
::view-transition-old(journey-visual){animation:visual-leave 450ms ease both}
::view-transition-new(journey-visual){animation:visual-enter 750ms ease both}
@keyframes copy-leave{to{opacity:0;translate:-25px 0;filter:blur(5px)}}
@keyframes copy-enter{from{opacity:0;translate:35px 12px;filter:blur(6px)}to{opacity:1;translate:0 0;filter:blur(0)}}
@keyframes visual-leave{to{opacity:0}}
@keyframes visual-enter{from{opacity:0}to{opacity:1}}
@media(prefers-reduced-motion:reduce){::view-transition-group(*),::view-transition-old(*),::view-transition-new(*){animation:none!important}}
.brand-main{display:grid;justify-items:center;padding:1.5rem .5rem;color:var(--surface-ink)}
.brand-symbol{width:4.5rem;height:4.5rem;flex-shrink:0}
.brand-main h3{font-size:1.8rem;margin:.6rem 0 0}
.brand-colors{display:flex;height:1.6rem;border-radius:var(--surface-radius);overflow:hidden}
.brand-colors i{flex:1;background:var(--accent)}
.brand-colors i:nth-child(2){background:var(--surface-ink)}
.brand-colors i:nth-child(3){background:#baa58d}
.brand-colors i:nth-child(4){background:#e2ddd3}
.brand-type{display:flex;align-items:center;gap:1.2rem;padding:1rem 0;border-bottom:1px solid var(--surface-line)}
.brand-type>span:first-child{font:500 2.5rem 'Space Grotesk';letter-spacing:-.15rem}
.brand-type>span:last-child{font-size:.6rem;line-height:1.6;color:var(--surface-muted)}
.brand-stationery{display:grid;grid-template-columns:1fr 1fr;gap:.6rem;margin-top:1rem}
.brand-stationery>div{padding:1rem .7rem;aspect-ratio:1.7;display:flex;flex-direction:column;align-items:center;justify-content:center;background:var(--surface-ink);color:var(--surface-panel);border-radius:var(--surface-radius);gap:.3rem}
.brand-stationery>div:last-child{background:var(--surface-panel);color:var(--surface-ink);align-items:start;font-size:.5rem}
.brand-stationery .brand-symbol{width:2rem;height:2rem}
.brand-stationery strong{font-size:.55rem;font-weight:500}
.brand-poster{display:flex;align-items:center;justify-content:space-between;gap:1rem;background:var(--accent);color:#26372e;padding:1.2rem;margin-top:1rem;border-radius:var(--surface-radius)}
.brand-poster>span{font:500 1.15rem/1.2 'Space Grotesk';letter-spacing:-.04rem}
.brand-poster .brand-symbol{width:3.5rem;height:3.5rem}
.brand-social{display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem;margin-top:1rem}
.brand-social>div{aspect-ratio:1;display:grid;place-items:center;background:var(--surface-panel);border-radius:var(--surface-radius);font:500 .9rem/1.1 'Space Grotesk';letter-spacing:-.03rem}
.brand-social>div:nth-child(2){background:var(--surface-ink);color:var(--surface-panel)}
.brand-social>div:nth-child(3){background:var(--accent);color:#26372e}
.brand-social .brand-symbol{width:2.5rem;height:2.5rem}

/* Use the lowercase letterform from the Kodr wordmark in the floating tile. */
.intro-seed .seed-cube span{font-weight:700}