:root{--color-carbon:#000;--color-bone-white:#fff;--color-linen:#eaeae8;--color-mist:#e0e0e0;--color-slate:#333;--color-graphite:#666;--color-pewter:#767676;--color-obsidian:#080808;--color-indigo-whisper:#3860be;--font-arket-sans:"Inter", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-arketsansmono:"IBM Plex Mono", ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;--text-caption:10px;--leading-caption:1.5;--text-body-sm:13px;--text-body-md:16px;--leading-body-md:1.5;--text-subheading:18px;--leading-subheading:1.5;--text-heading-sm:22px;--leading-heading-sm:1.21;--text-heading:24px;--leading-heading:1.23;--text-display:28px;--leading-display:1.21;--font-weight-regular:400;--spacing-4:4px;--spacing-8:8px;--spacing-12:12px;--spacing-16:16px;--spacing-20:20px;--spacing-24:24px;--spacing-32:32px;--spacing-48:48px;--spacing-64:64px;--page-max-width:1440px;--radius-sm:6px;--radius-md:10px;--radius-2xl:16px;--shadow-md:#0000001a 0px 2px 10px 2px;--surface-canvas:#fff;--surface-hairline:#e0e0e0;--surface-inverse-panel:#000;--bg:var(--surface-canvas);--bg-2:#f4f4f2;--panel:var(--surface-canvas);--line:var(--surface-hairline);--line-2:var(--color-carbon);--text:var(--color-carbon);--text-2:var(--color-slate);--muted:var(--color-pewter);--link:var(--color-indigo-whisper);--sans:var(--font-arket-sans);--mono:var(--font-arketsansmono);--metal-gold:#c9a24d;--accent:#1098a8;--accent-soft:#e6f3f5;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html{-webkit-text-size-adjust:100%}html,body{background:var(--bg);color:var(--text);margin:0}body{font:var(--text-body-md) / var(--leading-body-md) var(--sans);font-weight:400;overflow-x:hidden}h1,h2,h3,h4{font-family:var(--sans);letter-spacing:0;margin:0;font-weight:400}h1{font-size:clamp(var(--text-display), 6vw, 56px);line-height:var(--leading-display)}h2{font-size:var(--text-heading);line-height:var(--leading-heading)}h3{font-size:var(--text-heading-sm);line-height:var(--leading-heading-sm)}h4{font-size:var(--text-subheading);line-height:var(--leading-subheading)}@media (min-width:760px){h2{font-size:var(--text-display);line-height:var(--leading-display)}}p{margin:0}a{color:var(--accent);text-underline-offset:2px;text-decoration:underline;-webkit-text-decoration-color:var(--color-pewter);text-decoration-color:var(--color-pewter)}b,strong{font-weight:400}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0;border-radius:0;padding:0}input,textarea,select{font:inherit;color:inherit}svg{display:block}.muted{color:var(--muted)}.small{font-size:var(--text-body-sm);line-height:1.5}.lead{font-size:var(--text-subheading);line-height:var(--leading-subheading);color:var(--text-2)}.num{font-family:var(--mono);font-variant-numeric:tabular-nums}.serif{font-family:var(--mono)}.sr{clip:rect(0 0 0 0);width:1px;height:1px;position:absolute;overflow:hidden}.eyebrow,.tag{font-family:var(--mono);font-size:var(--text-caption);letter-spacing:-.05em;text-transform:uppercase;color:var(--accent);margin-bottom:var(--spacing-8);line-height:1.5;transition:color .3s;display:block}@media (min-width:760px){.eyebrow{font-size:12px}}.mono{font-family:var(--mono)}.btn{justify-content:center;align-items:center;gap:var(--spacing-8);min-height:44px;padding:var(--spacing-12) var(--spacing-24);border-radius:var(--radius-sm);font-family:var(--sans);font-size:var(--text-body-sm);text-transform:uppercase;letter-spacing:0;white-space:nowrap;-webkit-user-select:none;user-select:none;background:var(--color-bone-white);color:var(--color-carbon);border:1px solid var(--color-carbon);font-weight:400;line-height:1.23;text-decoration:none;transition:background .15s,color .15s,border-color .15s;display:inline-flex}.btn:active{background:var(--color-linen)}.btn.primary{background:var(--color-carbon);color:var(--color-bone-white);border-color:var(--color-carbon)}.btn.primary:active{background:var(--color-slate)}.btn.ghost{background:var(--color-bone-white);color:var(--color-carbon);border-color:var(--color-carbon)}.btn.soft{border-color:var(--color-linen);color:var(--color-slate)}.btn.soft:active{background:var(--color-linen)}.btn.inverse{color:var(--color-bone-white);border-color:var(--color-bone-white);background:0 0}.btn.sm{min-height:40px;padding:10px var(--spacing-16)}.btn.block{width:100%}.btn:disabled{opacity:.35;cursor:default}.btn svg{flex:none;width:16px;height:16px}.icon-btn{border-radius:var(--radius-sm);background:var(--color-bone-white);border:1px solid var(--color-linen);width:40px;height:40px;color:var(--color-carbon);place-items:center;display:inline-grid}.icon-btn:active{background:var(--color-linen)}.icon-btn:disabled{opacity:.35}.icon-btn svg{width:20px;height:20px}.icon-btn.on{background:var(--color-carbon);color:var(--color-bone-white);border-color:var(--color-carbon)}.chips{gap:var(--spacing-8);flex-wrap:wrap;display:flex}.chips.scroll{scrollbar-width:none;margin:0 calc(-1 * var(--spacing-16));padding:0 var(--spacing-16);flex-wrap:nowrap;overflow-x:auto}.chips.scroll::-webkit-scrollbar{display:none}.chips.scroll .chip{flex:none}.chip{align-items:center;gap:var(--spacing-8);min-height:36px;padding:0 var(--spacing-12);border-radius:var(--radius-sm);background:var(--color-linen);color:var(--color-carbon);font-size:var(--text-body-sm);white-space:nowrap;border:1px solid #0000;line-height:1;transition:background .15s,color .15s;display:inline-flex}.chip svg{width:16px;height:16px}.chip:active{background:var(--color-mist)}.chip.on{background:var(--color-carbon);color:var(--color-bone-white)}.chip.gold{background:var(--color-bone-white);border-color:var(--color-linen)}.chip.stone .dot{outline-offset:-1px;border-radius:999px;outline:1px solid #0000001f;width:10px;height:10px}.field-input,.field,.composer,.ask-box,textarea.card{background:var(--color-bone-white);border:1px solid var(--color-linen);border-radius:var(--radius-sm)}.field-input{width:100%;min-height:48px;padding:0 var(--spacing-16);font-size:var(--text-body-md);outline:none}.field-input::placeholder,.ask-box textarea::placeholder,.composer input::placeholder,textarea.card::placeholder{color:var(--color-graphite)}.field-input:focus,.field:focus-within,.composer:focus-within,.ask-box:focus-within,textarea.card:focus{border-color:var(--color-carbon);outline:none}.field{align-items:center;gap:var(--spacing-8);padding:0 var(--spacing-16);min-height:48px;display:flex}.field svg{width:16px;height:16px;color:var(--color-carbon);flex:none}.field input{min-width:0;font-size:var(--text-body-md);background:0 0;border:0;outline:none;flex:1}textarea.card{width:100%;min-height:96px;padding:var(--spacing-12) var(--spacing-16);resize:none;font-size:var(--text-body-md);outline:none}.page{max-width:var(--page-max-width);padding:0 var(--spacing-16);margin:0 auto}@media (min-width:760px){.page{padding:0 var(--spacing-48)}}.section{padding:var(--spacing-64) 0}@media (min-width:760px){.section{padding:80px 0}}.grid{gap:var(--spacing-32) var(--spacing-24);display:grid}@media (min-width:760px){.grid.c3{grid-template-columns:repeat(3,1fr)}.grid.c2{grid-template-columns:repeat(2,1fr)}.grid.c4{grid-template-columns:repeat(4,1fr)}}.card{background:var(--color-bone-white);border:1px solid var(--color-mist);border-radius:var(--radius-md);padding:var(--spacing-20)}.card.soft{background:var(--color-bone-white)}.card.inverse{background:var(--surface-inverse-panel);color:var(--color-bone-white);padding:var(--spacing-24);border-radius:var(--radius-2xl);border:0}.card.inverse .muted,.card.inverse p{color:var(--color-bone-white);opacity:.8}.card.inverse h2,.card.inverse h3{opacity:1}.card h3{margin-bottom:var(--spacing-8)}.card .step .n{margin-bottom:var(--spacing-16)}.nav{z-index:20;background:var(--color-bone-white);align-items:center;height:64px;display:flex;position:sticky;top:0}.nav .page{justify-content:space-between;align-items:center;gap:var(--spacing-16);width:100%;display:flex}.nav-links{gap:var(--spacing-32);font-size:var(--text-body-sm);text-transform:uppercase;display:none}.nav-links a{color:var(--color-carbon);text-decoration:none}@media (min-width:900px){.nav-links{display:flex}}.nav .nav-cta{display:none}@media (min-width:560px){.nav .nav-cta{display:inline-flex}}.nav-right{gap:var(--spacing-24);align-items:center;display:flex}.wordmark{font-family:var(--sans);font-size:var(--text-heading);color:var(--color-carbon);align-items:baseline;gap:2px;line-height:1;text-decoration:none;display:inline-flex}.wordmark .mark{width:20px;height:20px;margin-right:var(--spacing-8);color:var(--color-carbon);align-self:center}.wordmark .dot{font-family:var(--mono);color:var(--color-pewter);margin-left:2px;font-size:12px}.lang{font-family:var(--sans);font-size:var(--text-body-sm);text-transform:uppercase;align-items:center;display:inline-flex}.lang button{padding:0 var(--spacing-8);min-height:44px;color:var(--color-pewter)}.lang button.on{color:var(--color-carbon);text-underline-offset:4px;text-decoration:underline}.lang button+button{border-left:1px solid var(--color-mist)}.hero{padding:var(--spacing-16) 0 var(--spacing-64)}.hero-grid{gap:var(--spacing-32);align-items:center;display:grid}@media (min-width:900px){.hero-grid{gap:var(--spacing-64);grid-template-columns:1fr 1fr}.hero{padding:var(--spacing-32) 0 80px}}.hero-view{aspect-ratio:1;border-radius:var(--radius-2xl);background:var(--bg-2);width:100%;max-height:60vh;margin:0 auto;position:relative;overflow:hidden}.hero-view .canvas-host{position:absolute;inset:0}.hero-view canvas{width:100%;height:100%;display:block}.hero-hint{left:50%;bottom:var(--spacing-16);font-family:var(--mono);font-size:var(--text-caption);letter-spacing:-.05em;text-transform:uppercase;color:var(--color-slate);background:var(--color-bone-white);border:1px solid var(--color-mist);padding:6px var(--spacing-12);border-radius:var(--radius-sm);pointer-events:none;white-space:nowrap;position:absolute;transform:translate(-50%)}.hero-copy{gap:var(--spacing-16);display:grid}.hero-copy h1{margin-top:0}.hero-copy em{color:var(--accent);font-style:normal}.hero-copy p.lead{max-width:46ch}.hero-price{font-size:var(--text-body-md);color:var(--color-slate)}.hero-price b{font-family:var(--mono);color:var(--accent)}.cta{gap:var(--spacing-12);margin-top:var(--spacing-8);flex-wrap:wrap;display:flex}.trust{gap:var(--spacing-24);font-family:var(--mono);font-size:var(--text-caption);letter-spacing:-.05em;text-transform:uppercase;color:var(--color-slate);flex-wrap:wrap;display:flex}.trust span{gap:var(--spacing-8);align-items:center;display:inline-flex}.trust svg{width:14px;height:14px;color:var(--color-carbon)}.step{gap:var(--spacing-8);display:grid}.step .n{border:1px solid var(--color-carbon);border-radius:var(--radius-sm);width:32px;height:32px;font-family:var(--mono);font-size:var(--text-body-sm);place-items:center;display:grid}.colours{gap:var(--spacing-8);grid-template-columns:repeat(6,1fr);display:grid}.colours.wide{gap:var(--spacing-24);grid-template-columns:repeat(3,1fr)}@media (min-width:640px){.colours.wide{grid-template-columns:repeat(6,1fr)}}.colour{justify-items:center;gap:var(--spacing-8);padding:var(--spacing-4) 0;display:grid}.colour .gem{background:var(--c);outline-offset:-1px;border-radius:999px;outline:1px solid #0000001f;width:44px;height:44px;transition:box-shadow .15s}.colours.wide .colour .gem{width:64px;height:64px}.colour.on .gem,.colour:hover .gem{box-shadow:0 0 0 3px var(--color-bone-white), 0 0 0 4px var(--accent)}.colour .name{font-family:var(--mono);font-size:var(--text-caption);letter-spacing:-.05em;text-transform:uppercase;color:var(--color-slate);white-space:nowrap;text-overflow:ellipsis;max-width:100%;overflow:hidden}.gallery{gap:var(--spacing-24);scroll-snap-type:x mandatory;padding:0 var(--spacing-16) var(--spacing-16);margin:0 calc(-1 * var(--spacing-16));scrollbar-width:none;display:flex;overflow-x:auto}.gallery::-webkit-scrollbar{display:none}@media (min-width:760px){.gallery{padding:0 var(--spacing-48) var(--spacing-16);margin:0 calc(-1 * var(--spacing-48))}}.style-card{scroll-snap-align:start;text-align:left;background:var(--color-bone-white);border:0;border-radius:0;flex:0 0 72%;max-width:300px;overflow:hidden}.style-card .img{border-radius:var(--radius-md)}@media (min-width:760px){.style-card{flex-basis:280px}}.style-card .img{aspect-ratio:1;background:var(--bg-2);overflow:hidden}.style-card img{object-fit:cover;width:100%;height:100%;transition:transform .3s;display:block}.style-card:active img{transform:scale(1.03)}.style-card .body{padding:var(--spacing-16) 0 0;gap:var(--spacing-4);display:grid}.style-card .tier{font-family:var(--mono);font-size:var(--text-caption);letter-spacing:-.05em;text-transform:uppercase;color:var(--color-slate)}.style-card h3{font-size:var(--text-heading-sm);margin:var(--spacing-4) 0 0}.style-card .body p{color:var(--color-pewter);font-size:var(--text-body-sm);-webkit-line-clamp:2;min-height:calc(2 * 1.5 * var(--text-body-sm));-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.card-price{font-family:var(--mono);font-size:var(--text-body-sm);color:var(--accent);margin-top:var(--spacing-4)}.icon-card{gap:var(--spacing-8);border:0;padding:0;display:grid}.icon-card .img{aspect-ratio:1;background:var(--bg-2);margin-bottom:var(--spacing-8);border-radius:var(--radius-md);overflow:hidden}.icon-card img{object-fit:cover;width:100%;height:100%;display:block}.icon-card p{color:var(--color-pewter);font-size:var(--text-body-sm)}.sizes{gap:var(--spacing-8);margin-top:var(--spacing-8);grid-template-columns:repeat(3,1fr);display:grid}.size-btn{padding:var(--spacing-12) var(--spacing-4);border:1px solid var(--color-linen);border-radius:var(--radius-sm);background:var(--color-bone-white);font-family:var(--mono);font-size:var(--text-caption);letter-spacing:-.05em;text-transform:uppercase;color:var(--color-pewter);justify-items:center;gap:2px;display:grid}.size-btn b{font-family:var(--mono);font-size:var(--text-body-md);color:var(--color-carbon);text-transform:none;letter-spacing:0}.size-btn small{font-size:var(--text-caption);color:var(--accent);letter-spacing:0;text-transform:none}.size-btn:active{background:var(--color-linen)}.compare{border:1px solid var(--color-mist);border-radius:var(--radius-md);background:var(--color-bone-white);grid-template-columns:1fr;display:grid;overflow:hidden}@media (min-width:760px){.compare{grid-template-columns:1fr 1fr}.compare .col+.col{border-left:1px solid var(--color-mist)}}.compare .col{grid-template-rows:auto repeat(4,1fr);display:grid}.compare .col+.col{border-top:1px solid var(--color-mist)}@media (min-width:760px){.compare .col+.col{border-top:0}}.compare .head{padding:var(--spacing-20) var(--spacing-20) var(--spacing-16);border-bottom:1px solid var(--color-mist);min-height:112px}.compare .head .eyebrow{color:var(--color-pewter)}.compare .row{gap:var(--spacing-12);padding:var(--spacing-12) var(--spacing-20);font-size:var(--text-body-md);color:var(--color-slate);border-bottom:1px solid var(--color-mist);align-items:flex-start;display:flex}.compare .row:last-child{border-bottom:0}.compare .row .mark{width:20px;height:24px;color:var(--color-pewter);font-family:var(--mono);flex:none;place-items:center;display:grid}.compare .row .mark svg{width:16px;height:16px}.compare .col.juvi{background:var(--accent-soft)}.compare .col.juvi .head .eyebrow,.compare .col.juvi .row .mark{color:var(--accent)}.compare .col.juvi .row{color:var(--color-carbon);border-color:color-mix(in srgb, var(--accent) 18%, var(--color-bone-white))}.compare .col.juvi .head{border-color:color-mix(in srgb, var(--accent) 18%, var(--color-bone-white))}.reasons{gap:var(--spacing-16);grid-template-columns:1fr;display:grid}@media (min-width:560px){.reasons{grid-template-columns:1fr 1fr}}@media (min-width:960px){.reasons{grid-template-columns:repeat(4,1fr)}}.reason{background:var(--color-bone-white);border:1px solid var(--color-mist);border-radius:var(--radius-md);padding:var(--spacing-20);gap:var(--spacing-8);align-content:start;display:grid}.reason .ico{border-radius:var(--radius-sm);background:var(--accent-soft);width:40px;height:40px;color:var(--accent);margin-bottom:var(--spacing-4);place-items:center;display:grid}.reason .ico svg{width:22px;height:22px}.reason h4{font-size:var(--text-subheading)}.reason p{color:var(--color-pewter)}.spec{border-top:1px solid var(--color-mist);border-left:1px solid var(--color-mist);border-radius:var(--radius-md);grid-template-columns:1fr 1fr;gap:0;display:grid;overflow:hidden}.spec>div{border-right:1px solid var(--color-mist);border-bottom:1px solid var(--color-mist);padding:var(--spacing-12);font-size:var(--text-body-sm);gap:2px;line-height:1.5;display:grid}.spec>div>span{font-family:var(--mono);font-size:var(--text-caption);letter-spacing:-.05em;text-transform:uppercase;color:var(--color-pewter)}.report{gap:var(--spacing-8);padding:var(--spacing-16);border:1px solid var(--color-mist);border-radius:var(--radius-md);display:grid;position:relative}.report .eyebrow{margin:0}.report .lines{font-family:var(--mono);color:var(--color-slate);gap:2px;font-size:12px;line-height:1.5;display:grid}.report .stamp{right:var(--spacing-12);top:var(--spacing-12);border:1px solid var(--color-carbon);border-radius:var(--radius-sm);font-family:var(--mono);font-size:var(--text-caption);letter-spacing:-.05em;color:var(--color-carbon);padding:2px 6px;position:absolute}.faq details{border-top:1px solid var(--color-mist);padding:var(--spacing-16) 0}.faq details:last-child{border-bottom:1px solid var(--color-mist)}.faq summary{font-size:var(--text-subheading);line-height:var(--leading-subheading);cursor:pointer;justify-content:space-between;align-items:center;gap:var(--spacing-16);list-style:none;display:flex}.faq summary::-webkit-details-marker{display:none}.faq summary:after{content:"+";font-family:var(--mono);font-size:var(--text-heading-sm);color:var(--color-pewter)}.faq details[open] summary:after{content:"–"}.faq p{color:var(--color-slate);margin-top:var(--spacing-8)}footer{border-top:1px solid var(--color-mist);padding:var(--spacing-48) 0 calc(var(--spacing-32) + env(safe-area-inset-bottom));gap:var(--spacing-16);font-size:var(--text-body-sm);color:var(--color-carbon);display:grid}footer p{max-width:60ch}footer .copy{font-family:var(--mono);font-size:var(--text-caption);letter-spacing:-.05em;text-transform:uppercase;color:var(--color-pewter)}footer .lang{justify-self:start}.modal-wrap{z-index:40;background:#0006;align-items:end;display:grid;position:fixed;inset:0}.modal{background:var(--color-bone-white);border-top:1px solid var(--color-carbon);border-radius:var(--radius-2xl) var(--radius-2xl) 0 0;padding:var(--spacing-24) var(--spacing-16) calc(var(--spacing-24) + env(safe-area-inset-bottom));max-height:88dvh;overflow-y:auto}@media (min-width:760px){.modal-wrap{place-items:center}.modal{border:1px solid var(--color-carbon);width:440px;padding:var(--spacing-24);border-radius:var(--radius-2xl)}}.app{height:100dvh;padding-top:env(safe-area-inset-top);background:var(--color-bone-white);grid-template-rows:auto 1fr;display:grid;overflow:hidden}.topbar{justify-content:space-between;align-items:center;gap:var(--spacing-8);height:56px;padding:0 var(--spacing-12);border-bottom:1px solid var(--color-mist);display:flex}.topbar .title{font-family:var(--mono);letter-spacing:-.05em;text-transform:uppercase;text-align:center;text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:12px;overflow:hidden}.screen{grid-template-rows:1fr;min-height:0;display:grid;overflow:hidden}.scroll{min-width:0;padding:var(--spacing-16) var(--spacing-16) calc(var(--spacing-24) + env(safe-area-inset-bottom));-webkit-overflow-scrolling:touch;grid-template-columns:minmax(0,1fr);overflow:hidden auto}.scroll>*{min-width:0}.start{gap:var(--spacing-24);align-content:start;display:grid}.ask-box{gap:var(--spacing-12);padding:var(--spacing-16);display:grid}.ask-box textarea{resize:none;min-height:72px;font-size:var(--text-body-md);background:0 0;border:0;outline:none;line-height:1.5}.ask-box .row{justify-content:space-between;align-items:center;gap:var(--spacing-8);display:flex}.ideas{border-top:1px solid var(--color-mist);gap:0;display:grid}.idea{text-align:left;border-bottom:1px solid var(--color-mist);padding:var(--spacing-12) 0;font-size:var(--text-body-md);gap:var(--spacing-12);align-items:center;min-height:48px;display:flex}.idea:active{background:var(--color-linen)}.idea .arrow{color:var(--color-carbon);margin-left:auto}.idea .arrow svg{width:16px;height:16px}.generating{text-align:center;place-items:center;gap:var(--spacing-24);padding:var(--spacing-24);align-content:center;display:grid}.orbit{border:1px solid var(--color-mist);border-top-color:var(--color-carbon);border-radius:999px;width:96px;height:96px;animation:1.1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.steps{gap:var(--spacing-8);text-align:left;min-width:240px;font-size:var(--text-body-sm);display:grid}.steps div{gap:var(--spacing-12);color:var(--color-pewter);align-items:center;transition:color .2s;display:flex}.steps div.done{color:var(--color-slate)}.steps div.now{color:var(--color-carbon)}.steps .tick{border-radius:var(--radius-sm);border:1px solid var(--color-mist);flex:none;place-items:center;width:16px;height:16px;font-size:10px;display:grid}.steps .done .tick{background:var(--accent);border-color:var(--accent);color:var(--color-bone-white)}.steps .now .tick{border-color:var(--color-carbon)}.studio{grid-template-rows:1fr auto auto;min-height:0;display:grid}.viewport{background:var(--bg-2);touch-action:none;min-height:0;position:relative}.viewport .canvas-host{position:absolute;inset:0}.viewport canvas{width:100%;height:100%;display:block}.viewport .fade{background:var(--bg-2);pointer-events:none;transition:opacity .5s;position:absolute;inset:0}.viewport .fade.hidden{opacity:0}.badge{left:var(--spacing-12);top:var(--spacing-12);align-items:center;gap:var(--spacing-8);padding:0 var(--spacing-12);border-radius:var(--radius-sm);height:32px;font-family:var(--mono);letter-spacing:-.05em;text-transform:uppercase;background:var(--color-bone-white);border:1px solid var(--color-mist);color:var(--color-carbon);font-size:12px;display:inline-flex;position:absolute}.badge .dot{background:var(--accent);border-radius:999px;width:6px;height:6px}.badge.warn .dot{background:var(--color-pewter)}.badge.busy .dot{animation:1s ease-in-out infinite pulse}@keyframes pulse{50%{opacity:.2}}.view-tools{right:var(--spacing-12);top:var(--spacing-12);gap:var(--spacing-4);display:grid;position:absolute}.view-tools .icon-btn{width:36px;height:36px}.view-tools .icon-btn svg{width:18px;height:18px}.part-pill{left:50%;bottom:var(--spacing-12);background:var(--color-carbon);color:var(--color-bone-white);padding:0 var(--spacing-12);border-radius:var(--radius-sm);height:32px;font-size:var(--text-body-sm);gap:var(--spacing-12);white-space:nowrap;align-items:center;display:inline-flex;position:absolute;transform:translate(-50%)}.part-pill button{color:var(--color-bone-white)}.busy-pill{left:50%;top:var(--spacing-12);font-family:var(--mono);font-size:var(--text-caption);letter-spacing:-.05em;text-transform:uppercase;color:var(--color-slate);background:var(--color-bone-white);border:1px solid var(--color-mist);padding:0 var(--spacing-8);border-radius:var(--radius-sm);align-items:center;height:24px;display:inline-flex;position:absolute;transform:translate(-50%)}.story-pill{left:var(--spacing-12);bottom:var(--spacing-12);text-align:left;max-width:calc(100% - 64px);font-size:var(--text-body-sm);color:var(--color-slate);background:var(--color-bone-white);border:1px solid var(--color-mist);padding:0 var(--spacing-12);border-radius:var(--radius-sm);white-space:nowrap;text-overflow:ellipsis;align-items:center;height:32px;display:inline-flex;position:absolute;overflow:hidden}.strip{scrollbar-width:none;border:1px solid var(--color-mist);background:var(--color-mist);border-radius:var(--radius-md);gap:1px;display:flex;overflow-x:auto}.strip::-webkit-scrollbar{display:none}.var{justify-items:center;gap:var(--spacing-4);width:92px;padding:var(--spacing-8) var(--spacing-4);background:var(--color-bone-white);font-family:var(--mono);font-size:var(--text-caption);letter-spacing:-.05em;text-transform:uppercase;color:var(--color-slate);flex:none;display:grid}.var .disc{outline-offset:-1px;border-radius:999px;outline:1px solid #0000001a;width:28px;height:28px}.var .disc.stone{outline:4px solid var(--metal-gold);outline-offset:-4px}.var .lbl{white-space:nowrap;text-overflow:ellipsis;max-width:100%;overflow:hidden}.var .pr{color:var(--color-carbon);white-space:nowrap;text-transform:none;letter-spacing:0;font-size:11px}.var.on{background:var(--accent-soft);color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent)}.var.on .pr{color:var(--accent)}.dock{background:var(--color-bone-white);border-top:1px solid var(--color-mist);padding:var(--spacing-12) var(--spacing-12) calc(var(--spacing-12) + env(safe-area-inset-bottom));gap:var(--spacing-12);display:grid}.tabs{gap:var(--spacing-4);grid-template-columns:repeat(5,1fr);display:grid}.tab{gap:var(--spacing-4);min-height:52px;padding:var(--spacing-8) 0;border-radius:var(--radius-sm);font-family:var(--mono);font-size:var(--text-caption);letter-spacing:-.05em;text-transform:uppercase;color:var(--color-slate);justify-items:center;transition:background .15s,color .15s;display:grid}.tab svg{width:20px;height:20px}.tab.on{background:var(--accent-soft);color:var(--accent)}.price-row{justify-content:space-between;align-items:center;gap:var(--spacing-12);display:flex}.price-row .price{font-family:var(--mono);font-size:var(--text-body-md);text-align:left;min-width:0;color:var(--accent);line-height:1.27}.price-row .price small{font-size:var(--text-caption);letter-spacing:-.05em;text-transform:uppercase;color:var(--color-pewter);margin-top:2px;display:block}.sheet-wrap{min-height:0}.sheet{background:var(--color-bone-white);border-top:1px solid var(--color-mist);border-radius:var(--radius-2xl) var(--radius-2xl) 0 0;padding:var(--spacing-16);gap:var(--spacing-16);grid-template-rows:auto 1fr;max-height:42dvh;animation:.2s ease-out rise;display:grid;position:relative}@keyframes rise{0%{opacity:0;transform:translateY(16px)}}.sheet .grab{display:none}.sheet .head{justify-content:space-between;align-items:flex-start;gap:var(--spacing-16);display:flex}.sheet .head h3{font-size:var(--text-heading-sm)}.sheet .head p{margin-top:var(--spacing-4);color:var(--color-pewter)}.sheet .body{gap:var(--spacing-16);min-height:0;padding-bottom:var(--spacing-4);align-content:start;display:grid;overflow-y:auto}.slider{gap:var(--spacing-4) var(--spacing-12);padding:var(--spacing-4) 0;grid-template-columns:1fr auto;display:grid}.slider .name{font-size:var(--text-body-sm)}.slider .value{font-family:var(--mono);font-size:var(--text-body-sm);color:var(--color-slate)}.slider input{grid-column:1/-1;width:100%;height:28px}input[type=range]{appearance:none;background:0 0}input[type=range]::-webkit-slider-runnable-track{background:var(--color-mist);height:1px}input[type=range]::-webkit-slider-thumb{appearance:none;border-radius:var(--radius-sm);background:var(--color-carbon);width:16px;height:16px;margin-top:-7.5px}input[type=range]::-moz-range-track{background:var(--color-mist);height:1px}input[type=range]::-moz-range-thumb{border-radius:var(--radius-sm);background:var(--color-carbon);border:0;width:16px;height:16px}.swatches{gap:var(--spacing-8);grid-template-columns:repeat(5,1fr);display:grid}.swatch{gap:var(--spacing-8);font-family:var(--mono);font-size:var(--text-caption);letter-spacing:-.05em;text-transform:uppercase;color:var(--color-slate);text-align:center;justify-items:center;display:grid}.swatch span{outline-offset:-1px;border-radius:999px;outline:1px solid #0000001f;width:44px;height:44px}.swatch.on span{box-shadow:0 0 0 3px var(--color-bone-white), 0 0 0 4px var(--accent)}.cuts{gap:var(--spacing-8);grid-template-columns:repeat(4,1fr);display:grid}.cut{gap:var(--spacing-8);padding:var(--spacing-12) var(--spacing-4);border:1px solid var(--color-linen);border-radius:var(--radius-sm);background:var(--color-bone-white);font-family:var(--mono);font-size:var(--text-caption);letter-spacing:-.05em;text-transform:uppercase;color:var(--color-slate);justify-items:center;display:grid}.cut.on{border-color:var(--accent);color:var(--accent)}.cut svg{width:28px;height:28px}.chat{gap:var(--spacing-8);display:grid}.msg{padding:var(--spacing-12) var(--spacing-16);border-radius:var(--radius-md);max-width:88%;font-size:var(--text-body-sm);line-height:1.5}.msg.you{background:var(--color-carbon);color:var(--color-bone-white);justify-self:end}.msg.juvi{background:var(--color-linen);justify-self:start}.msg .chips{margin-top:var(--spacing-8)}.msg.juvi .chip{background:var(--color-bone-white)}.typing span{background:var(--color-pewter);border-radius:999px;width:5px;height:5px;margin-right:3px;animation:1s infinite blink;display:inline-block}.typing span:nth-child(2){animation-delay:.15s}.typing span:nth-child(3){animation-delay:.3s}@keyframes blink{50%{opacity:.2}}.composer{gap:var(--spacing-8);padding:var(--spacing-4) var(--spacing-4) var(--spacing-4) var(--spacing-16);align-items:center;display:flex}.composer input{min-height:40px;font-size:var(--text-body-md);background:0 0;border:0;outline:none;flex:1;min-width:0}.composer .send{border-radius:var(--radius-sm);background:var(--color-carbon);width:40px;height:40px;color:var(--color-bone-white);flex:none;place-items:center;display:grid}.composer .send svg{width:16px;height:16px}.quote-lines{display:grid}.quote-lines>div{justify-content:space-between;gap:var(--spacing-16);padding:var(--spacing-12) 0;border-bottom:1px solid var(--color-mist);color:var(--color-slate);font-size:var(--text-body-sm);display:flex}.quote-lines>div .num{color:var(--color-carbon)}.quote-lines>div.total{border-bottom:0;border-top:1px solid var(--color-carbon);color:var(--color-carbon);font-size:var(--text-body-md)}.issue{gap:var(--spacing-4);padding:var(--spacing-16);border-radius:var(--radius-md);background:var(--color-linen);font-size:var(--text-body-sm);display:grid}.issue.ok{background:var(--accent-soft);color:var(--color-carbon);box-shadow:inset 0 0 0 1px var(--accent)}.issue b{font-size:var(--text-body-md)}.issue .chip{background:var(--color-bone-white)}.stat-row,.size-row{gap:var(--spacing-8);grid-template-columns:repeat(3,1fr);display:grid}.stat{border:1px solid var(--color-mist);border-radius:var(--radius-md);padding:var(--spacing-12);gap:2px;display:grid}.stat b{font-family:var(--mono);font-size:var(--text-subheading);line-height:1.27}.stat span{font-family:var(--mono);font-size:var(--text-caption);letter-spacing:-.05em;text-transform:uppercase;color:var(--color-pewter)}.size-grid{gap:var(--spacing-4);grid-template-columns:repeat(6,1fr);display:grid}.size-grid button{border:1px solid var(--color-linen);border-radius:var(--radius-sm);background:var(--color-bone-white);min-height:44px;font-family:var(--mono);font-size:var(--text-body-sm)}.size-grid button.on{background:var(--color-carbon);color:var(--color-bone-white);border-color:var(--color-carbon)}.measure{background:var(--bg-2);border-radius:var(--radius-2xl);place-items:center;height:160px;display:grid;position:relative}.measure .ring{border:1px dashed var(--color-carbon);border-radius:999px}.measure p{bottom:var(--spacing-8);font-family:var(--mono);font-size:var(--text-caption);letter-spacing:-.05em;text-transform:uppercase;color:var(--color-pewter);padding:0 var(--spacing-16);text-align:center;position:absolute}.hand-svg{background:var(--bg-2);border-radius:var(--radius-2xl);width:100%;height:auto;display:block}.story-text{font-size:var(--text-subheading);line-height:var(--leading-subheading);color:var(--color-carbon)}.story-text.small{font-size:var(--text-body-md);color:var(--color-slate)}.city-row{gap:var(--spacing-8);align-items:stretch;display:flex}.city-row .btn{flex:none}.city-row .field{flex:1;min-width:0}.list{border-top:1px solid var(--color-mist);grid-template-columns:minmax(0,1fr);display:grid}.jw{gap:var(--spacing-16);min-width:0;padding:var(--spacing-16) 0;border-bottom:1px solid var(--color-mist);text-align:left;background:var(--color-bone-white);grid-template-columns:48px minmax(0,1fr) auto;align-items:center;display:grid}.jw:active{background:var(--color-linen)}.jw .av{border-radius:var(--radius-md);background:var(--color-linen);width:48px;height:48px;color:var(--color-carbon);font-family:var(--mono);font-size:var(--text-body-sm);place-items:center;display:grid}.jw>span{overflow-wrap:anywhere;min-width:0}.jw b{font-size:var(--text-body-md)}.jw .meta{font-family:var(--mono);color:var(--color-pewter);gap:var(--spacing-8);flex-wrap:wrap;font-size:12px;display:flex}.jw .meta svg{width:12px;height:12px}.jw .band{font-family:var(--mono);font-size:var(--text-body-sm);color:var(--color-carbon)}.jw.on{background:var(--accent-soft);box-shadow:inset 0 0 0 1px var(--accent);padding:var(--spacing-16) var(--spacing-12);border-radius:var(--radius-md)}.jw.on .band{color:var(--accent)}.pair-av{gap:var(--spacing-4);justify-content:center;align-items:center;display:inline-flex}.pair-av>span{outline:3px solid var(--metal-gold);outline-offset:-3px;border-radius:999px;width:14px;height:14px}.summary-hero{gap:var(--spacing-16);grid-template-columns:96px 1fr;align-items:center;display:grid}.summary-hero .img{background:var(--bg-2);border-radius:var(--radius-md);place-items:center;width:96px;height:96px;display:grid;overflow:hidden}.summary-hero img{object-fit:cover;width:100%;height:100%}.timeline{display:grid}.tl{gap:var(--spacing-16);grid-template-columns:16px 1fr;min-height:56px;display:grid}.tl .pt{position:relative}.tl .pt:before{content:"";background:var(--color-mist);width:1px;position:absolute;top:20px;bottom:-4px;left:7.5px}.tl:last-child .pt:before{display:none}.tl .pt span{border-radius:var(--radius-sm);border:1px solid var(--color-mist);background:var(--color-bone-white);width:16px;height:16px;margin-top:2px;display:block}.tl.done .pt span{background:var(--accent);border-color:var(--accent)}.tl.now .pt span{border-color:var(--accent)}.tl b{font-size:var(--text-body-md);display:block}.tl .small{color:var(--color-pewter)}.sent-hero{text-align:center;gap:var(--spacing-12);padding:var(--spacing-24) 0 var(--spacing-8);justify-items:center;display:grid}.sent-hero .check{border-radius:var(--radius-md);background:var(--accent);width:64px;height:64px;color:var(--color-bone-white);place-items:center;display:grid}.sent-hero .check svg{width:28px;height:28px}.toasts{left:50%;top:calc(var(--spacing-12) + env(safe-area-inset-top));z-index:50;gap:var(--spacing-8);pointer-events:none;width:min(92vw,420px);display:grid;position:fixed;transform:translate(-50%)}.toast{background:var(--color-carbon);color:var(--color-bone-white);padding:var(--spacing-12) var(--spacing-16);border-radius:var(--radius-sm);font-size:var(--text-body-sm);animation:.2s rise}.toast.error{background:var(--color-slate)}@media (min-width:900px){.app>.screen,.app>.topbar{width:430px;margin:0 auto}.app>.screen{border-left:1px solid var(--color-mist);border-right:1px solid var(--color-mist)}}