/* Layout concept: a chaptered presentation. Each chapter is a full-width band on "touchstone" black; gold appears like the streak a karigar draws on a kasauti stone — sparingly, to mark what matters. Wide stamped display caps (Archivo expanded) vs normal-width Archivo text; IBM Plex Mono for grams, touch and tag codes. */ /* Theme: Emerald & Antique Gold. Marcellus (carved Roman capitals, even strokes so it stays legible on white) for display, Jost (Futura lineage) for text, IBM Plex Mono only inside app mock-ups and data. Night is deep emerald with antique-gold metal; light mode is white with emerald ink and an antique-gold highlight (--highlight). Token names keep the historical --gold-* prefix: it is the accent metal. */ :root{ color-scheme: dark; --bg:#0C1A16; --surface:#11231E; --surface-2:#172C26; --surface-3:#1E362F; --line:#23392F; --line-strong:#34503F; --fg:#F1EFE8; --fg-2:#D7D3C6; --muted:#98A39A; --gold:#D4B26A; --gold-strong:#E8CF92; --gold-deep:#9C7C3C; --gold-ink:#DDBE7A; --gold-wash:rgba(212,178,106,.08); --gold-line:rgba(212,178,106,.30); --highlight:#E3C27E; --velvet:#173A2E; --velvet-fg:#BFE6D1; --on-gold:#12100A; --font-display:"Marcellus","Tiro Devanagari Hindi",Georgia,serif; --font-body:"Jost","Noto Sans Devanagari","Futura",system-ui,sans-serif; --font-display-hi:"Tiro Devanagari Hindi","Noto Sans Devanagari",serif; --font-h3:"Jost","Noto Sans Devanagari",sans-serif; --display-weight:400; --display-weight-hi:400; --display-tracking:.005em; --radius:6px; --radius-sm:4px; --btn-radius:999px; --step--1:clamp(.82rem,.8rem + .1vw,.88rem); --step-0:clamp(1rem,.96rem + .2vw,1.08rem); --step-1:clamp(1.15rem,1.08rem + .35vw,1.35rem); --step-2:clamp(1.4rem,1.25rem + .7vw,1.85rem); --step-3:clamp(1.8rem,1.5rem + 1.4vw,2.7rem); --step-4:clamp(2.2rem,1.7rem + 2.6vw,4rem); --gutter:clamp(16px,4vw,40px); --font-mono:"IBM Plex Mono", "Noto Sans Devanagari", ui-monospace, "SFMono-Regular", Menlo, Consolas, monospace; --ok:#6FC39A; --ok-wash:rgba(111,195,154,.13); --warn:#E4B04A; --warn-wash:rgba(228,176,74,.14); --crit:#E5776B; --crit-wash:rgba(229,119,107,.14); --shadow:0 18px 50px -20px rgba(0,0,0,.7); } @media (prefers-color-scheme: light){:root:not([data-theme="dark"]){ color-scheme: light; --bg:#FFFFFF; --surface:#F8FAF8; --surface-2:#F1F5F2; --surface-3:#E7EEE9; --line:#E5ECE7; --line-strong:#CFDBD3; --fg:#13201B; --fg-2:#2E3D36; --muted:#5F6E66; --gold:#0F5C45; --gold-strong:#0A4A37; --gold-deep:#9C7C3C; --gold-ink:#0F5C45; --gold-wash:rgba(15,92,69,.07); --gold-line:rgba(15,92,69,.24); --highlight:#946D20; --velvet:#E7F2EC; --velvet-fg:#0A4A37; --on-gold:#FFFFFF; --ok:#1E7A50; --ok-wash:rgba(30,122,80,.10); --warn:#9A6A06; --warn-wash:rgba(196,140,20,.14); --crit:#B13B2E; --crit-wash:rgba(177,59,46,.10); --shadow:0 18px 40px -22px rgba(12,40,30,.24); }} :root[data-theme="light"]{ color-scheme: light; --bg:#FFFFFF; --surface:#F8FAF8; --surface-2:#F1F5F2; --surface-3:#E7EEE9; --line:#E5ECE7; --line-strong:#CFDBD3; --fg:#13201B; --fg-2:#2E3D36; --muted:#5F6E66; --gold:#0F5C45; --gold-strong:#0A4A37; --gold-deep:#9C7C3C; --gold-ink:#0F5C45; --gold-wash:rgba(15,92,69,.07); --gold-line:rgba(15,92,69,.24); --highlight:#946D20; --velvet:#E7F2EC; --velvet-fg:#0A4A37; --on-gold:#FFFFFF; --ok:#1E7A50; --ok-wash:rgba(30,122,80,.10); --warn:#9A6A06; --warn-wash:rgba(196,140,20,.14); --crit:#B13B2E; --crit-wash:rgba(177,59,46,.10); --shadow:0 18px 40px -22px rgba(12,40,30,.24); } *,*::before,*::after{box-sizing:border-box} html{scroll-behavior:smooth;scroll-padding-top:84px} @media (prefers-reduced-motion: reduce){html{scroll-behavior:auto} *{animation:none!important;transition:none!important}} body{background:var(--bg);color:var(--fg);font-family:var(--font-body);font-size:var(--step-0);line-height:1.6; font-variation-settings:"wdth" 100; -webkit-font-smoothing:antialiased; overflow-x:hidden} a{color:inherit} :focus-visible{outline:2px solid var(--gold);outline-offset:3px;border-radius:4px} img{max-width:100%;display:block} /* ---------- type ---------- */ .display,h1,h2,h3{font-family:var(--font-display);text-wrap:balance;margin:0;letter-spacing:-.005em} .display{font-size:var(--step-4);line-height:1.04;font-weight:760;font-variation-settings:"wdth" 125} h2,.h2{font-size:var(--step-3);line-height:1.1;font-weight:720;font-variation-settings:"wdth" 118} h3,.h3{font-size:var(--step-1);line-height:1.25;font-weight:680;font-variation-settings:"wdth" 108} h4,.h4{font-family:var(--font-body);font-size:var(--step-0);font-weight:700;margin:0} p{margin:0} .lead{font-size:var(--step-1);line-height:1.55;color:var(--fg-2);max-width:62ch} .prose{max-width:66ch;color:var(--fg-2)} .muted{color:var(--muted)} .small{font-size:var(--step--1)} .mono{font-family:var(--font-mono);font-variant-numeric:tabular-nums;letter-spacing:0} .streak{background:linear-gradient(transparent 62%, var(--gold-wash) 62%, var(--gold-wash) 92%, transparent 92%); box-shadow:inset 0 -2px 0 var(--gold-line);padding-inline:.06em} .gold{color:var(--gold-ink)} .stack{display:flex;flex-direction:column;gap:var(--stack-gap,16px)} .stack-lg{--stack-gap:28px} .stack-sm{--stack-gap:8px} /* Jewellery-tag eyebrow: a small swing tag with a punched hole. Holds the chapter/section label. */ .eyebrow{display:inline-flex;align-items:center;gap:10px;align-self:flex-start; font-family:var(--font-mono);font-size:.74rem;letter-spacing:.14em;text-transform:uppercase;color:var(--gold-ink); padding:5px 12px 5px 22px;border:1px solid var(--gold-line);border-radius:3px 12px 12px 3px;position:relative;background:var(--gold-wash)} .eyebrow::before{content:"";position:absolute;left:8px;top:50%;width:6px;height:6px;margin-top:-3px;border-radius:50%; border:1.5px solid var(--gold-ink);background:var(--bg)} /* ---------- layout ---------- */ .wrap{width:100%;max-width:1200px;margin-inline:auto;padding-inline:var(--gutter)} .band{padding-block:clamp(56px,8vw,104px);border-top:1px solid var(--line)} .band--alt{background:var(--surface)} .band--tight{padding-block:clamp(36px,5vw,64px)} .band:first-child{border-top:0} .split{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:clamp(28px,5vw,64px);align-items:center} .split--rev > :first-child{order:2} .split > *{min-width:0} .grid{display:grid;gap:clamp(14px,2vw,22px)} .grid-2{grid-template-columns:repeat(2,minmax(0,1fr))} .grid-3{grid-template-columns:repeat(3,minmax(0,1fr))} .grid-4{grid-template-columns:repeat(4,minmax(0,1fr))} .grid > *{min-width:0} @media (max-width: 960px){ .split{grid-template-columns:minmax(0,1fr)} .split--rev > :first-child{order:0} .grid-4{grid-template-columns:repeat(2,minmax(0,1fr))} .grid-3{grid-template-columns:repeat(2,minmax(0,1fr))} } @media (max-width: 620px){ .grid-2,.grid-3,.grid-4{grid-template-columns:minmax(0,1fr)} } .section-head{display:flex;flex-direction:column;gap:14px;margin-bottom:clamp(28px,4vw,48px);max-width:820px} /* ---------- buttons, chips ---------- */ .actions{display:flex;flex-wrap:wrap;gap:12px;align-items:center} .btn{display:inline-flex;align-items:center;gap:10px;font:600 .95rem/1 var(--font-body);text-decoration:none;cursor:pointer; padding:14px 20px;border-radius:999px;border:1px solid var(--line-strong);background:transparent;color:var(--fg); transition:background .2s,border-color .2s,transform .2s} .btn:hover{border-color:var(--gold);transform:translateY(-1px)} .btn--gold{background:var(--gold);border-color:var(--gold);color:var(--on-gold)} .btn--gold:hover{background:var(--gold-strong);border-color:var(--gold-strong)} .btn--sm{padding:10px 14px;font-size:.85rem} .chip{display:inline-flex;align-items:center;gap:6px;font:500 .74rem/1 var(--font-mono);letter-spacing:.04em; padding:6px 9px;border-radius:999px;border:1px solid var(--line-strong);color:var(--fg-2);white-space:nowrap} .chip--gold{border-color:var(--gold-line);color:var(--gold-ink);background:var(--gold-wash)} .chip--ok{border-color:transparent;background:var(--ok-wash);color:var(--ok)} .chip--warn{border-color:transparent;background:var(--warn-wash);color:var(--warn)} .chip--crit{border-color:transparent;background:var(--crit-wash);color:var(--crit)} .chip--live::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--ok);box-shadow:0 0 0 0 var(--ok);animation:pulse 2s infinite} @keyframes pulse{0%{box-shadow:0 0 0 0 rgba(111,195,154,.55)}70%{box-shadow:0 0 0 7px rgba(111,195,154,0)}100%{box-shadow:0 0 0 0 rgba(111,195,154,0)}} .chips{display:flex;flex-wrap:wrap;gap:8px} a.chip{text-decoration:none;transition:border-color .15s,background .15s,color .15s} a.chip:hover,a.chip:focus-visible{border-color:var(--gold);color:var(--gold-strong);background:var(--gold-wash)} .chip--go::after{content:"›";font-family:var(--font-body);font-size:1.05em;line-height:1;opacity:.7} /* ---------- cards & lists ---------- */ .card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:clamp(18px,2.4vw,26px); display:flex;flex-direction:column;gap:12px} .band--alt .card{background:var(--bg)} .card--link{text-decoration:none;transition:border-color .2s,transform .2s} .card--link:hover{border-color:var(--gold-line);transform:translateY(-2px)} .card .more{margin-top:auto;font:600 .85rem/1 var(--font-body);color:var(--gold-ink)} .icon{width:36px;height:36px;border-radius:8px;display:grid;place-items:center;background:var(--gold-wash);color:var(--gold-ink);flex:none} .icon svg{width:20px;height:20px} /* pain -> answer tile */ .tile{display:grid;grid-template-rows:auto auto;gap:10px;padding:20px;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface)} .band--alt .tile{background:var(--bg)} .tile .q{color:var(--muted);font-size:.92rem;display:flex;gap:8px} .tile .q::before{content:"—";color:var(--crit)} .tile .a{font-weight:600;line-height:1.4} .ticks{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px} .ticks li{position:relative;padding-left:24px;color:var(--fg-2)} .ticks li::before{content:"";position:absolute;left:2px;top:.62em;width:9px;height:9px;transform:rotate(45deg);border:1.5px solid var(--gold);border-radius:1px} .steps{list-style:none;margin:0;padding:0;counter-reset:s;display:grid;gap:12px} .steps li{counter-increment:s;display:grid;grid-template-columns:44px minmax(0,1fr);gap:14px;align-items:start; padding:14px 16px;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface)} .band--alt .steps li{background:var(--bg)} .steps li::before{content:counter(s,decimal-leading-zero);font:600 .9rem/44px var(--font-mono);color:var(--gold-ink); text-align:center;border-radius:8px;background:var(--gold-wash);height:44px} .steps li b{display:block;margin-bottom:2px} .kv{display:grid;grid-template-columns:auto 1fr;gap:6px 18px;font-size:.92rem} .kv dt{color:var(--muted)} .kv dd{margin:0;font-family:var(--font-mono);font-variant-numeric:tabular-nums} .note{border:1px dashed var(--line-strong);border-radius:var(--radius);padding:14px 16px;color:var(--fg-2);font-size:.92rem; display:flex;gap:10px;align-items:flex-start;background:var(--surface-2)} .note::before{content:"i";flex:none;width:20px;height:20px;border-radius:50%;display:grid;place-items:center; font:700 .75rem/1 var(--font-mono);color:var(--bg);background:var(--muted);margin-top:1px} .stat{display:flex;flex-direction:column;gap:2px} .stat .n{font:650 var(--step-2)/1.1 var(--font-mono);font-variant-numeric:tabular-nums;color:var(--fg)} .stat .l{color:var(--muted);font-size:.85rem} .faq{border-top:1px solid var(--line)} .faq details{border-bottom:1px solid var(--line);padding:16px 0} .faq summary{cursor:pointer;font-weight:650;list-style:none;display:flex;justify-content:space-between;gap:16px} .faq summary::after{content:"+";font-family:var(--font-mono);color:var(--gold-ink)} .faq details[open] summary::after{content:"–"} .faq details p{margin-top:10px;color:var(--fg-2);max-width:70ch} /* ---------- page hero (inner pages) ---------- */ .page-hero{padding-block:clamp(48px,7vw,96px) clamp(36px,5vw,64px);position:relative;overflow:hidden} .page-hero .wrap{display:flex;flex-direction:column;gap:18px} .page-hero h1{font-size:var(--step-4);line-height:1.04;font-weight:760;font-variation-settings:"wdth" 125;max-width:20ch} .crumbs{font:500 .78rem/1 var(--font-mono);color:var(--muted);letter-spacing:.06em;text-transform:uppercase} .crumbs a{text-decoration:none;color:var(--muted)} .crumbs a:hover{color:var(--gold-ink)} /* ---------- mock UI kit (illustrative product screens, demo data) ---------- */ .device{position:relative;background:var(--surface-3);border:1px solid var(--line-strong);box-shadow:var(--shadow)} .device--phone{width:min(100%,290px);aspect-ratio:9/19.2;border-radius:38px;padding:10px;margin-inline:auto} .device--phone::before{content:"";position:absolute;top:16px;left:50%;width:80px;height:20px;margin-left:-40px;border-radius:12px;background:var(--bg);z-index:2} .device--tablet{width:min(100%,560px);aspect-ratio:4/3;border-radius:24px;padding:12px;margin-inline:auto} .device--desktop{width:100%;border-radius:12px;padding:0;overflow:hidden} .device--desktop .titlebar{display:flex;gap:6px;align-items:center;padding:9px 12px;border-bottom:1px solid var(--line);background:var(--surface-2)} .device--desktop .titlebar i{width:9px;height:9px;border-radius:50%;background:var(--line-strong)} .device--desktop .titlebar span{margin-left:8px;font:500 .72rem/1 var(--font-mono);color:var(--muted)} .screen{width:100%;height:100%;border-radius:28px;background:var(--bg);overflow:hidden;display:flex;flex-direction:column;gap:8px; padding:40px 12px 12px;font-size:.72rem;line-height:1.35;color:var(--fg)} .device--tablet .screen{border-radius:14px;padding:14px} .device--desktop .screen{border-radius:0;padding:14px;min-height:300px} .ui-title{font:700 .95rem/1.2 var(--font-display);font-variation-settings:"wdth" 112} .ui-sub{color:var(--muted);font-size:.66rem} .ui-card{background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:10px;display:flex;flex-direction:column;gap:6px;min-width:0} .ui-row{display:flex;justify-content:space-between;align-items:center;gap:8px;min-width:0} .ui-row > *{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap} .ui-k{color:var(--muted);font-size:.64rem;text-transform:uppercase;letter-spacing:.08em} .ui-n{font:600 1.05rem/1.1 var(--font-mono);font-variant-numeric:tabular-nums} .ui-n small{font-size:.62rem;color:var(--muted);font-weight:500} .ui-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px} .ui-grid-3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px} .ui-bar{height:6px;border-radius:4px;background:var(--surface-3);overflow:hidden} .ui-bar > span{display:block;height:100%;background:var(--gold);border-radius:4px} .ui-donut{--p:62;width:74px;height:74px;border-radius:50%;flex:none; background:conic-gradient(var(--gold) calc(var(--p)*1%), var(--velvet-fg) 0); -webkit-mask:radial-gradient(circle 24px,transparent 98%,#000 100%);mask:radial-gradient(circle 24px,transparent 98%,#000 100%)} .ui-dot{width:7px;height:7px;border-radius:50%;background:var(--muted);flex:none} .ui-dot--ok{background:var(--ok)} .ui-dot--warn{background:var(--warn)} .ui-dot--crit{background:var(--crit)} .ui-dot--gold{background:var(--gold)} .ui-table{width:100%;border-collapse:collapse;font-size:.68rem} .ui-table th{text-align:left;color:var(--muted);font-weight:500;padding:5px 6px;border-bottom:1px solid var(--line);white-space:nowrap} .ui-table td{padding:6px;border-bottom:1px solid var(--line);font-family:var(--font-mono);font-variant-numeric:tabular-nums;white-space:nowrap} .ui-pill{display:inline-block;padding:2px 7px;border-radius:999px;font:500 .6rem/1.5 var(--font-mono);background:var(--surface-3);color:var(--fg-2)} .ui-pill--ok{background:var(--ok-wash);color:var(--ok)} .ui-pill--warn{background:var(--warn-wash);color:var(--warn)} .ui-pill--crit{background:var(--crit-wash);color:var(--crit)} .ui-pill--gold{background:var(--gold-wash);color:var(--gold-ink)} .ui-tabbar{margin-top:auto;display:flex;justify-content:space-around;padding:8px 6px;border-radius:18px;background:var(--surface-2); border:1px solid var(--line);font-size:.6rem;color:var(--muted)} .ui-tabbar b{color:var(--gold-ink);font-weight:600} .ui-kanban{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px} .ui-col{background:var(--surface-2);border-radius:10px;padding:8px;display:flex;flex-direction:column;gap:6px;min-width:0} .ui-col h5{margin:0;font:600 .62rem/1.2 var(--font-mono);text-transform:uppercase;letter-spacing:.08em;color:var(--muted)} .ui-thumb{width:28px;height:28px;border-radius:7px;flex:none; background:radial-gradient(circle at 35% 35%, var(--gold-strong), var(--gold-deep) 70%);opacity:.9} .mock-label{font:500 .7rem/1.3 var(--font-mono);color:var(--muted);text-align:center;margin-top:10px} /* Screenshot slot: every illustrative product screen lives in one. data-shot = phase-2 shot-list id. */ .shot{margin:0;display:flex;flex-direction:column;align-items:center;min-width:0;width:100%} .shot figcaption{font:500 .7rem/1.4 var(--font-mono);color:var(--muted);text-align:center;margin-top:12px;max-width:44ch} .shot figcaption b{color:var(--fg-2);font-weight:600} /* ---------- diagrams ---------- */ .diagram{overflow-x:auto;-webkit-overflow-scrolling:touch} .diagram svg{display:block;min-width:640px;width:100%;height:auto} .diagram svg text{font-family:var(--font-body)} /* ---------- before / after (AI Studio) ---------- */ .ba{position:relative;aspect-ratio:4/5;border-radius:var(--radius);overflow:hidden;border:1px solid var(--line);background:var(--surface-2);max-width:100%} .ba img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover} .ba .after{clip-path:inset(0 0 0 var(--pos,50%))} .ba input[type=range]{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:ew-resize;margin:0} .ba .handle{position:absolute;top:0;bottom:0;left:var(--pos,50%);width:2px;background:var(--gold);pointer-events:none} .ba .handle::after{content:"⇆";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:34px;height:34px;border-radius:50%; display:grid;place-items:center;background:var(--gold);color:var(--on-gold);font-size:.9rem} .ba .tag{position:absolute;bottom:10px;padding:4px 8px;border-radius:4px;font:500 .68rem/1 var(--font-mono);background:rgba(0,0,0,.6);color:#fff} .ba .tag--l{left:10px} .ba .tag--r{right:10px} .img-ph{display:grid;place-items:center;text-align:center;padding:16px;color:var(--muted);font:500 .75rem/1.4 var(--font-mono); background:repeating-linear-gradient(45deg,var(--surface-2) 0 10px,var(--surface) 10px 20px)} .stamp{display:inline-flex;align-items:center;gap:8px;font:600 .7rem/1 var(--font-mono);letter-spacing:.12em;text-transform:uppercase; color:var(--gold-ink);border:1.5px solid var(--gold-ink);border-radius:4px;padding:6px 9px;transform:rotate(-2deg)} /* ---------- forms ---------- */ .form{display:grid;gap:14px} .field{display:flex;flex-direction:column;gap:6px} .field label{font-weight:600;font-size:.9rem} .field input,.field select,.field textarea{font:inherit;color:var(--fg);background:var(--surface);border:1px solid var(--line-strong); border-radius:8px;padding:11px 12px;width:100%} .band--alt .field input,.band--alt .field select,.band--alt .field textarea{background:var(--bg)} .field input:focus,.field select:focus,.field textarea:focus{outline:2px solid var(--gold);outline-offset:1px} .checks{display:flex;flex-wrap:wrap;gap:8px} .checks label{display:inline-flex;gap:6px;align-items:center;font-weight:500;font-size:.88rem;border:1px solid var(--line-strong);border-radius:999px;padding:7px 12px;cursor:pointer} .form-ok{border:1px solid var(--ok);background:var(--ok-wash);color:var(--ok);border-radius:var(--radius);padding:14px 16px} /* ---------- CTA band, client strip ---------- */ .cta-band{border-top:1px solid var(--line);background: radial-gradient(1200px 300px at 85% 0%, var(--gold-wash), transparent 60%), var(--surface)} .cta-band .wrap{display:flex;flex-wrap:wrap;gap:24px 40px;align-items:center;justify-content:space-between;padding-block:clamp(48px,7vw,88px)} .cta-band h2{max-width:22ch} .clients{display:flex;flex-wrap:wrap;gap:12px 28px;align-items:center} .client-logo{font:700 1rem/1 var(--font-display);font-variation-settings:"wdth" 120;letter-spacing:.08em;text-transform:uppercase; color:var(--fg-2);padding:12px 16px;border:1px solid var(--line);border-radius:8px} /* ---------- header / nav ---------- */ .site-header{position:sticky;top:env(safe-area-inset-top,0px);z-index:50;background:color-mix(in srgb, var(--bg) 88%, transparent); backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--line)} .site-header .wrap{display:flex;align-items:center;gap:18px;height:66px} .brand{display:flex;flex-direction:column;text-decoration:none;line-height:1;gap:4px;flex:none} .brand b{font:780 1.2rem/1 var(--font-display);font-variation-settings:"wdth" 125;letter-spacing:.01em} .brand b i{font-style:normal;color:var(--gold-ink)} .brand span{font:500 .62rem/1 var(--font-mono);letter-spacing:.16em;text-transform:uppercase;color:var(--muted)} .nav{display:flex;align-items:center;gap:2px;margin-left:auto} .nav > a,.nav .dd > button{font:550 .9rem/1 var(--font-body);color:var(--fg-2);text-decoration:none;background:none;border:0; padding:10px 11px;border-radius:8px;cursor:pointer;display:inline-flex;gap:6px;align-items:center} .nav > a:hover,.nav .dd > button:hover,.nav a[aria-current="page"]{color:var(--fg);background:var(--surface-2)} .dd{position:relative} .dd > button::after{content:"";width:6px;height:6px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(45deg) translateY(-2px)} .dd-menu{position:absolute;top:calc(100% + 6px);left:0;min-width:270px;background:var(--surface);border:1px solid var(--line);border-radius:12px; padding:8px;box-shadow:var(--shadow);display:none;flex-direction:column} .dd:hover .dd-menu,.dd:focus-within .dd-menu{display:flex} .dd--end .dd-menu{left:auto;right:0} .dd-menu a{display:flex;flex-direction:column;gap:3px;padding:10px 12px;border-radius:8px;text-decoration:none} .dd-menu a:hover{background:var(--surface-2)} .dd-menu a b{font-weight:650;font-size:.92rem} .dd-menu a span{font-size:.8rem;color:var(--muted)} .header-cta{margin-left:6px} .menu-btn{display:none;margin-left:auto;background:none;border:1px solid var(--line-strong);color:var(--fg);border-radius:8px;padding:9px 12px;font:600 .85rem/1 var(--font-body)} .drawer{display:none} @media (max-width: 1100px){ .nav,.header-cta{display:none} .menu-btn{display:inline-flex} .drawer[data-open="true"]{display:block;border-top:1px solid var(--line);background:var(--bg);max-height:calc(100vh - 66px);overflow:auto} .drawer .wrap{display:grid;gap:4px;padding-block:14px 24px;height:auto} .drawer h6{margin:12px 0 4px;font:500 .7rem/1 var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--muted)} .drawer a{text-decoration:none;padding:10px 0;font-weight:600;border-bottom:1px solid var(--line)} } .wa-fab{position:fixed;right:max(16px, env(safe-area-inset-right,0px));bottom:calc(16px + env(safe-area-inset-bottom,0px));z-index:60; display:inline-flex;align-items:center;gap:8px;padding:12px 16px;border-radius:999px;background:var(--velvet);color:var(--velvet-fg); border:1px solid var(--line-strong);text-decoration:none;font:600 .85rem/1 var(--font-body);box-shadow:var(--shadow)} /* ---------- footer ---------- */ .site-footer{border-top:1px solid var(--line);background:var(--surface);padding-block:48px 28px} .footer-grid{display:grid;grid-template-columns:1.4fr repeat(4,minmax(0,1fr));gap:28px} .footer-grid h6{margin:0 0 10px;font:500 .7rem/1 var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--muted)} .footer-grid ul{list-style:none;margin:0;padding:0;display:grid;gap:8px} .footer-grid a{text-decoration:none;color:var(--fg-2)} .footer-grid a:hover{color:var(--gold-ink)} .footer-base{margin-top:32px;padding-top:18px;border-top:1px solid var(--line);display:flex;flex-wrap:wrap;gap:10px 24px;justify-content:space-between;color:var(--muted);font-size:.85rem} .auric-badge{width:150px;border-radius:8px} @media (max-width: 1100px){.footer-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.footer-grid > :first-child{grid-column:1/-1}} @media (max-width: 860px){.footer-grid{grid-template-columns:repeat(2,minmax(0,1fr))}} @media (max-width: 520px){.footer-grid{grid-template-columns:minmax(0,1fr)}} /* ---------- page entrance ---------- */ .page{display:block;animation:pagein .35s ease-out} @keyframes pagein{from{opacity:.4;transform:translateY(6px)}to{opacity:1;transform:none}} /* ---------- site chrome added for the live site ---------- */ .skip-link{position:absolute;left:-9999px;top:8px;z-index:100;background:var(--gold);color:var(--on-gold);padding:10px 14px;border-radius:8px;font-weight:600;text-decoration:none} .skip-link:focus{left:12px} .header-tools{display:flex;align-items:center;gap:8px;margin-left:6px;flex:none} .lang-switch{font:600 .9rem/1 var(--font-body);text-decoration:none;color:var(--fg-2);padding:9px 11px;border-radius:8px;border:1px solid var(--line-strong)} .lang-switch:hover{color:var(--fg);border-color:var(--gold)} .theme-toggle{display:inline-grid;place-items:center;width:38px;height:38px;border-radius:8px;border:1px solid var(--line-strong);background:transparent;color:var(--fg-2);cursor:pointer} .theme-toggle:hover{color:var(--fg);border-color:var(--gold)} .theme-toggle svg{width:18px;height:18px} .theme-toggle .i-sun{display:none} :root[data-theme="dark"] .theme-toggle .i-sun{display:block} :root[data-theme="dark"] .theme-toggle .i-moon{display:none} @media (prefers-color-scheme: dark){:root:not([data-theme="light"]) .theme-toggle .i-sun{display:block}:root:not([data-theme="light"]) .theme-toggle .i-moon{display:none}} .footer-blurb{max-width:36ch} .footer-base a{color:inherit} @media (max-width: 1100px){.header-tools{margin-left:auto}} @media (max-width: 420px){.lang-switch{padding:9px 8px}.site-header .wrap{gap:10px}} /* Hindi: Devanagari needs more line height; the wide display axis and uppercase labels do not apply */ html:lang(hi) body{line-height:1.75} html:lang(hi) .display,html:lang(hi) h1,html:lang(hi) h2,html:lang(hi) h3,html:lang(hi) .page-hero h1{line-height:1.3;letter-spacing:0} /* letter-spacing breaks Devanagari conjuncts: no tracking anywhere on Hindi pages */ html:lang(hi) *{letter-spacing:0!important} .form-error{border:1px solid var(--crit);background:var(--crit-wash);color:var(--crit);border-radius:var(--radius);padding:12px 14px} .field .hint{font-size:.8rem;color:var(--muted)} /* ---------- luxury type layer (Emerald & Antique Gold) ---------- */ :root *{font-variation-settings:normal!important} body{font-family:var(--font-body);font-weight:400;letter-spacing:.005em} .display,h1,h2,h3,.page-hero h1{font-family:var(--font-display);font-weight:var(--display-weight,500);letter-spacing:var(--display-tracking,-.01em)} .display,.page-hero h1{line-height:1.02} h3,.h3{font-family:var(--font-h3,var(--font-display))} .eyebrow,.crumbs,.brand span,.drawer h6,.footer-grid h6,.shot figcaption,.stamp,.chip,.faq summary::after{font-family:var(--font-body)!important} .eyebrow{font-weight:500;font-size:.7rem;letter-spacing:.26em;border-radius:2px 10px 10px 2px} .crumbs{letter-spacing:.2em;font-size:.72rem} .chip{letter-spacing:.06em;font-weight:500;font-size:.76rem} .brand span{letter-spacing:.3em;font-size:.6rem} .footer-grid h6,.drawer h6{letter-spacing:.24em} .shot figcaption{letter-spacing:.04em} .steps li::before,.stat .n{font-family:var(--font-display)!important;font-weight:500} .brand b{font-family:var(--font-display);font-weight:var(--brand-weight,600);letter-spacing:0;font-size:1.35rem} .brand b i{font-style:italic} .client-logo{font-family:var(--font-body);font-weight:500;letter-spacing:.14em;font-size:.92rem} .btn{border-radius:var(--btn-radius,2px);text-transform:uppercase;letter-spacing:.14em;font-size:.76rem;font-weight:500;padding:15px 22px} .btn--sm{padding:11px 16px;font-size:.7rem} .card,.tile,.steps li,.note,.faq,.dd-menu{border-radius:var(--radius)} .ui-title{font-family:var(--font-body);font-weight:600} html:lang(hi) .btn{text-transform:none;font-size:.9rem} html:lang(hi) .display,html:lang(hi) h1,html:lang(hi) h2,html:lang(hi) h3{font-family:var(--font-display-hi);font-weight:var(--display-weight-hi,600)} .display,.page-hero h1{font-size:clamp(2.6rem,1.9rem + 3.4vw,5rem);line-height:1} h2,.h2{font-size:clamp(2rem,1.6rem + 1.8vw,3.2rem)} .streak{background:none!important;box-shadow:none!important;color:var(--highlight);padding:0} h3,.h3{font-weight:500} /* ---------- page styles ---------- */ #p-home .hero{position:relative;overflow:hidden;padding-block:clamp(40px,6vw,88px) clamp(32px,4vw,56px);background:radial-gradient(1000px 520px at 78% 16%, var(--gold-wash), transparent 62%)} #p-home .hero-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:clamp(28px,5vw,64px);align-items:center} #p-home .hero .display{max-width:15ch} #p-home .hero .lead{max-width:52ch} #p-home .platforms{display:flex;flex-wrap:wrap;align-items:center;gap:10px 12px} #p-home .hero-visual{position:relative} #p-home .swing{display:none;position:absolute;left:0;top:30%;width:112px;flex-direction:column;gap:3px;padding:26px 12px 12px;background:var(--fg);color:var(--bg);border-radius:8px 8px 22px 22px;transform:rotate(-8deg);box-shadow:var(--shadow);font:500 .7rem/1.3 var(--font-mono);z-index:3} #p-home .swing::before{content:"";position:absolute;top:9px;left:50%;width:10px;height:10px;margin-left:-5px;border-radius:50%;background:var(--bg)} #p-home .swing::after{content:"";position:absolute;top:-34px;left:50%;width:1.5px;height:48px;margin-left:-.75px;background:var(--gold)} #p-home .swing b{font-size:.8rem;letter-spacing:.02em} #p-home .swing .qr{display:block;width:44px;height:44px;margin-top:6px;border:3px solid var(--bg);border-radius:2px;background:repeating-conic-gradient(var(--bg) 0 25%, transparent 0 50%) 0 0/8px 8px} #p-home .swing .beam{position:absolute;left:6px;right:6px;top:24%;height:2px;border-radius:2px;background:var(--crit);box-shadow:0 0 10px 2px var(--crit-wash);animation:homeScan 2.2s ease-in-out infinite alternate} #p-home .pc-head{display:flex;gap:8px;align-items:center;min-width:0} #p-home .pc-head b{font-size:.8rem} #p-home .rail{list-style:none;margin:0;padding:0 0 0 2px;display:flex;flex-direction:column} #p-home .rail li{position:relative;padding:0 0 10px 20px;display:flex;flex-direction:column;gap:1px} #p-home .rail li::before{content:"";position:absolute;left:0;top:3px;width:12px;height:12px;box-sizing:border-box;border-radius:50%;background:var(--surface-3);border:2px solid var(--gold-line);z-index:1} #p-home .rail li::after{content:"";position:absolute;left:5.25px;top:14px;bottom:0;width:1.5px;background:var(--gold-line)} #p-home .rail li:last-child{padding-bottom:0} #p-home .rail li:last-child::after{display:none} #p-home .rail li.done::before{background:var(--gold);border-color:var(--gold)} #p-home .rail li.now::before{background:var(--ok);border-color:var(--ok);animation:homePulse 2s infinite} #p-home .rail b{font-size:.7rem;font-weight:650;display:flex;gap:6px;align-items:center} #p-home .rail .meta{font:500 .6rem/1.3 var(--font-mono);color:var(--muted)} #p-home .chooser{margin-top:clamp(36px,5vw,56px);display:grid;grid-template-columns:auto minmax(0,1.5fr) minmax(0,1fr) minmax(0,1fr);gap:14px;align-items:stretch} #p-home .chooser-label{align-self:center;padding-right:8px;font:600 .8rem/1.2 var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--muted)} #p-home .chooser .card{padding:16px 18px;gap:6px} #p-home .chooser .card p{color:var(--fg-2);font-size:.9rem} #p-home .chooser .featured{border-color:var(--gold-line);background:linear-gradient(135deg, var(--gold-wash), transparent 70%), var(--surface)} #p-home .chooser .featured h3{font-size:var(--step-2)} #p-home .tile{align-content:start} #p-home .stamp{align-self:flex-start} #p-home .strip{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:14px 28px} #p-home .hub .ring{fill:none;stroke:var(--line-strong);stroke-dasharray:2 7} #p-home .hub .flow{fill:none;stroke:var(--gold);stroke-width:2;stroke-linecap:round;stroke-dasharray:3 9;animation:homeDash 1.2s linear infinite} #p-home .hub .node rect{fill:var(--bg);stroke:var(--line-strong);stroke-width:1.2} #p-home .hub .core rect{fill:var(--surface-2);stroke:var(--gold);stroke-width:1.6} #p-home .hub .t{fill:var(--fg);font-size:17px;font-weight:700} #p-home .hub .s{fill:var(--muted);font-size:13px} #p-home .hub .ct{fill:var(--fg);font-size:21px;font-weight:750} #p-home .hub .cs{fill:var(--gold-ink);font-size:12.5px;font-weight:600;letter-spacing:.06em} #p-home .hub .node rect.off{fill:var(--ok-wash);stroke:none} #p-home .hub .off-t{fill:var(--ok);font-size:12px;font-weight:600} #p-home .hub .node rect.gb{fill:var(--gold-wash);stroke:none} #p-home .hub .gb-t{fill:var(--gold-ink);font-size:12px;font-weight:600} #p-home .hub .lbl{fill:var(--muted);font-size:12px;paint-order:stroke;stroke:var(--surface);stroke-width:6px;stroke-linejoin:round} #p-home .rep{list-style:none;margin:0;padding:0;display:grid;gap:10px} #p-home .rep li{display:grid;gap:2px;padding-top:10px;border-top:1px solid var(--line)} #p-home .rep li:first-child{border-top:0;padding-top:0} #p-home .rep b{font-size:.95rem} #p-home .rep span{font-size:.86rem;color:var(--muted);line-height:1.45} #p-home .hub .hub-link{cursor:pointer} #p-home .hub .hub-link:hover .node rect:first-child,#p-home .hub .hub-link:focus-visible .node rect:first-child,#p-home .hub .hub-link:hover .core rect,#p-home .hub .hub-link:focus-visible .core rect{stroke:var(--gold);stroke-width:2.5} #p-home .hub .hub-link:focus{outline:none} #p-home .hub .eco-hl,#p-home .hub .eco-dot,#p-home .hub .eco-glow,#p-home .hub .eco-cap,#p-home .hub .eco-bar,#p-home .hub .eco-static{pointer-events:none} #p-home .hub-hint{margin-top:10px;text-align:center} #p-home section[id^="ch-"]{scroll-margin-top:84px} #p-home .clients-final{display:flex;flex-direction:column;gap:18px} #p-home .hub .wire{fill:none;stroke:var(--line-strong);stroke-width:1.6;stroke-dasharray:3 7} #p-home .hub .eco-dot{fill:var(--gold);stroke:var(--bg);stroke-width:2} #p-home .hub .eco-hl{fill:var(--gold-wash);stroke:var(--gold);stroke-width:2.5} #p-home .hub .eco-glow{fill:none;stroke:var(--gold);stroke-width:3} #p-home .hub .eco-bar{fill:var(--bg);stroke:var(--line-strong);stroke-width:1.2} #p-home .hub .eco-num{fill:var(--gold)} #p-home .hub .eco-num-t{fill:var(--on-gold);font-family:var(--font-mono);font-size:15px;font-weight:600} #p-home .hub .eco-title{fill:var(--fg);font-size:16px;font-weight:700} #p-home .hub .eco-detail{fill:var(--muted);font-size:13px} #p-home .hub .eco-static{fill:var(--muted);font-size:14px;display:none} #p-home .trail{margin-top:clamp(24px,3vw,36px);display:grid;grid-template-columns:auto minmax(0,1fr);gap:14px 24px;align-items:center;padding:16px 18px;border:1px solid var(--gold-line);border-radius:var(--radius);background:var(--gold-wash)} #p-home .trail-k{font-weight:700} #p-home .trail-steps{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:8px 0} #p-home .trail-steps li{display:flex;flex-direction:column;gap:2px;padding-right:36px;position:relative} #p-home .trail-steps li:not(:last-child)::after{content:"→";position:absolute;right:10px;top:0;color:var(--gold-ink)} #p-home .audit .chip{align-self:flex-start} #p-home .trail-steps b{font-size:.9rem} #p-home .trail-steps span{font-size:.75rem;color:var(--muted)} #p-home .flow-strip{list-style:none;margin:0 0 clamp(36px,5vw,56px);padding:0;display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:12px;position:relative;counter-reset:fs} #p-home .flow-strip::before{content:"";position:absolute;left:22px;right:calc((100% - 84px) / 8 - 22px);top:21px;height:2px;background:var(--line-strong)} #p-home .flow-strip::after{content:"";position:absolute;top:20px;left:2%;width:10%;height:4px;border-radius:2px;background:linear-gradient(90deg, transparent, var(--gold), transparent);animation:homeGlint 8s linear infinite} #p-home .flow-strip li{position:relative;display:flex;flex-direction:column;gap:6px;align-items:flex-start;counter-increment:fs;min-width:0} #p-home .flow-strip li::before{content:counter(fs,decimal-leading-zero);position:relative;z-index:1;display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:var(--bg);border:1.5px solid var(--gold-line);font:600 .8rem/1 var(--font-mono);color:var(--gold-ink);animation:homeStep 8s infinite} #p-home .flow-strip li:nth-child(2)::before{animation-delay:1s} #p-home .flow-strip li:nth-child(3)::before{animation-delay:2s} #p-home .flow-strip li:nth-child(4)::before{animation-delay:3s} #p-home .flow-strip li:nth-child(5)::before{animation-delay:4s} #p-home .flow-strip li:nth-child(6)::before{animation-delay:5s} #p-home .flow-strip li:nth-child(7)::before{animation-delay:6s} #p-home .flow-strip li:nth-child(8)::before{animation-delay:7s} #p-home .flow-strip b{font-size:.95rem;line-height:1.25} #p-home .flow-strip span{font-size:.82rem;line-height:1.4;color:var(--muted)} #p-home .mx{width:100%;overflow-x:auto} #p-home .mx .ui-table td.e{font-family:var(--font-body);color:var(--fg-2)} #p-home .kh .ui-n{white-space:nowrap} #p-home .ch-new{background:radial-gradient(900px 480px at 50% 0%, var(--gold-wash), transparent 65%), var(--bg);border-top:1px solid var(--gold-line)} #p-home .ch-new .section-head{margin-inline:auto;text-align:center;align-items:center} #p-home .ch-new .section-head .eyebrow{align-self:center} #p-home .ch-new .section-head .lead{margin-inline:auto} #p-home .mfga{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr) minmax(0,1fr);gap:clamp(20px,3vw,40px);align-items:center} #p-home .feat{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:18px} #p-home .feat li{display:grid;grid-template-columns:36px minmax(0,1fr);gap:14px;align-items:start} #p-home .feat b{display:block;margin-bottom:2px} #p-home .feat p{color:var(--fg-2);font-size:.95rem} #p-home .donut-row{display:flex;gap:12px;align-items:center} #p-home .legend{display:flex;flex-direction:column;gap:7px;min-width:0;font-size:.64rem;color:var(--fg-2)} #p-home .legend div{display:grid;grid-template-columns:7px minmax(0,1fr);gap:7px;align-items:start} #p-home .legend .ui-dot{margin-top:4px} #p-home .legend b{display:block;font:600 .8rem/1.2 var(--font-mono);color:var(--fg)} #p-home .dot-velvet{background:var(--velvet-fg)} #p-home .att{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:7px} #p-home .att li{display:grid;grid-template-columns:7px minmax(0,1fr);gap:8px;align-items:start;font-size:.66rem;line-height:1.35} #p-home .att .ui-dot{margin-top:4px} #p-home .att em{display:block;font-style:normal;color:var(--muted);font-size:.6rem} #p-home .ui-btns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px} #p-home .ui-btn{display:block;text-align:center;padding:6px;border-radius:8px;border:1px solid var(--line-strong);font-weight:600;font-size:.66rem} #p-home .ui-btn--gold{background:var(--gold);border-color:var(--gold);color:var(--on-gold)} #p-home .push{display:flex;flex-direction:column;gap:2px;padding:8px 10px;border-radius:14px;background:var(--surface-2);border:1px solid var(--line-strong);box-shadow:var(--shadow);font-size:.64rem} #p-home .push b{font-size:.56rem;font-weight:600;color:var(--muted);text-transform:uppercase;letter-spacing:.08em} #p-home .ai-ba{width:min(100%,420px)} #p-home .team-grid{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);gap:clamp(24px,4vw,48px);align-items:start} #p-home .matrix .ui-table th{white-space:normal;line-height:1.2;vertical-align:bottom} #p-home .matrix .ui-table th,#p-home .matrix .ui-table td{padding:5px 4px} #p-home .matrix .ui-table th:nth-child(n+3),#p-home .matrix .ui-table td:nth-child(n+3){text-align:center} #p-home .matrix .ui-table td.r{font-family:var(--font-body);color:var(--fg-2);white-space:normal;min-width:120px;line-height:1.3} #p-home .cb{display:inline-block;width:12px;height:12px;border-radius:3px;border:1.5px solid var(--line-strong);vertical-align:middle;position:relative} #p-home .cb.on{background:var(--gold);border-color:var(--gold)} #p-home .cb.on::after{content:"";position:absolute;left:2.5px;top:0;width:3px;height:6.5px;border:solid var(--on-gold);border-width:0 1.5px 1.5px 0;transform:rotate(45deg)} #p-home .steps-row{grid-template-columns:repeat(5,minmax(0,1fr))} #p-home .steps-row li{grid-template-columns:minmax(0,1fr);gap:10px;align-content:start} #p-home .steps-row li::before{width:44px} #p-home .subhead{margin:clamp(40px,5vw,60px) 0 18px} #p-home .proof .when{display:flex;flex-wrap:wrap;gap:8px} #p-home .proof p{color:var(--fg-2);font-size:.95rem} #p-home .proof .kv{margin:auto 0 0;padding-top:12px;border-top:1px solid var(--line)} #p-home .tech p{color:var(--fg-2);font-size:.95rem} #p-home .dash{grid-column:1/-1;flex-direction:row;align-items:center;flex-wrap:wrap;gap:14px 18px;border-color:var(--gold-line)} #p-home .dash p{flex:1 1 320px;color:var(--fg-2)} #p-home .quote-card{gap:18px} #p-home .quote-card .client-logo{align-self:flex-start;font-size:1.3rem;padding:16px 20px}@media (prefers-reduced-motion: reduce){#p-home .hub .eco-dot,#p-home .hub .eco-hl,#p-home .hub .eco-glow,#p-home .hub .eco-cap{display:none}#p-home .hub .eco-static{display:inline}}@media (max-width:760px){#p-home .trail{grid-template-columns:minmax(0,1fr)}#p-home .trail-steps{flex-direction:column;gap:10px;padding-left:14px;border-left:2px solid var(--gold-line)}#p-home .trail-steps li{padding-right:0}#p-home .trail-steps li:not(:last-child)::after{display:none}}@media (max-width:480px){#p-home .hub .eco-bar,#p-home .hub .eco-cap{transform:translateX(-130px)}#p-home .hub .eco-static{text-anchor:start;transform:translateX(-430px)}}@keyframes homeScan{from{top:24%}to{top:88%}}@keyframes homePulse{0%{box-shadow:0 0 0 0 var(--ok-wash)}70%{box-shadow:0 0 0 7px transparent}100%{box-shadow:0 0 0 0 transparent}}@keyframes homeDash{to{stroke-dashoffset:-24}}@keyframes homeGlint{from{left:2%}to{left:88%}}@keyframes homeStep{0%,9%{background:var(--gold);color:var(--on-gold);border-color:var(--gold)}14%,100%{background:var(--bg);color:var(--gold-ink);border-color:var(--gold-line)}}@media (min-width:1180px){#p-home .hero-visual .shot{align-items:flex-end}#p-home .hero-visual .device{margin-inline:auto 0}#p-home .swing{display:flex}}@media (max-width:960px){#p-home .hero-grid{grid-template-columns:minmax(0,1fr)}#p-home .chooser{grid-template-columns:repeat(2,minmax(0,1fr))}#p-home .chooser-label{grid-column:1/-1}#p-home .chooser .featured{grid-column:1/-1}#p-home .flow-strip{grid-template-columns:repeat(4,minmax(0,1fr));row-gap:28px}#p-home .flow-strip::before{display:none}#p-home .flow-strip::after{display:none}#p-home .mfga{grid-template-columns:repeat(2,minmax(0,1fr))}#p-home .mfga .mfga-copy{grid-column:1/-1;order:-1}#p-home .team-grid{grid-template-columns:minmax(0,1fr)}#p-home .steps-row{grid-template-columns:minmax(0,1fr)}#p-home .steps-row li{grid-template-columns:44px minmax(0,1fr)}}@media (max-width:620px){#p-home .chooser{grid-template-columns:minmax(0,1fr)}#p-home .flow-strip{grid-template-columns:repeat(2,minmax(0,1fr))}#p-home .mfga{grid-template-columns:minmax(0,1fr)}#p-home .kh .ui-grid-3{grid-template-columns:minmax(0,1fr)}} #p-houses .trail{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-top:6px} #p-houses .trail i,#p-houses .mini i{font-style:normal;font-family:var(--font-mono);color:var(--gold-ink)} #p-houses .trio{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px} #p-houses .trio .card{position:relative} #p-houses .trio .card::after{content:"";position:absolute;left:50%;bottom:-17px;width:1px;height:16px;background:var(--gold)} #p-houses .trio .chips{margin-top:auto} #p-houses .trio-base{margin-top:16px;display:flex;flex-wrap:wrap;gap:14px 28px;align-items:center;justify-content:space-between;padding:20px 22px;border:1px solid var(--gold-line);border-radius:var(--radius);background:var(--gold-wash)} #p-houses .trio-base .h3{color:var(--fg)}@media (max-width:760px){#p-houses .trio{grid-template-columns:minmax(0,1fr)}#p-houses .trio .card::after{display:none}} #p-houses .journey{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;align-items:start} #p-houses .leg{display:block;font:600 .74rem/1 var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin:0 0 12px 4px} #p-houses .journey-b{counter-reset:s 4} #p-houses .mini{display:flex;flex-wrap:wrap;gap:6px;align-items:center;margin-top:10px} #p-houses .mini .ui-thumb{width:26px;height:26px} #p-houses .slip{display:inline-flex;align-items:center;gap:6px;font:500 .74rem/1.3 var(--font-mono);color:var(--fg-2);padding:6px 9px;border:1px dashed var(--line-strong);border-radius:6px;background:var(--surface-2)} #p-houses .board{margin-top:clamp(32px,4vw,52px)} #p-houses .board .ui-card{gap:5px;padding:8px} #p-houses .board .is-focus{border-color:var(--gold-line);background:var(--gold-wash)}@media (max-width:860px){#p-houses .journey{grid-template-columns:minmax(0,1fr)}}@media (max-width:620px){#p-houses .board .ui-kanban{grid-template-columns:repeat(2,minmax(0,1fr))}} #p-houses .kwide{grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr)} #p-houses .kd{display:grid;grid-template-columns:minmax(0,150px) minmax(0,1fr);gap:10px} #p-houses .kd-list{display:flex;flex-direction:column;gap:5px} #p-houses .seg{display:flex;border:1px solid var(--line);border-radius:8px;overflow:hidden;font-size:.6rem} #p-houses .seg span{flex:1;text-align:center;padding:4px 2px;color:var(--muted)} #p-houses .seg .on{background:var(--gold-wash);color:var(--gold-ink);font-weight:600} #p-houses .kitem{display:flex;flex-direction:column;gap:3px;padding:6px 8px;border-radius:8px;border:1px solid transparent} #p-houses .kitem.on{border-color:var(--gold-line);background:var(--surface)} #p-houses .kd-main{display:flex;flex-direction:column;gap:8px;min-width:0} #p-houses .tabs{display:flex;gap:14px;border-bottom:1px solid var(--line);font-size:.64rem;color:var(--muted)} #p-houses .tabs span{padding:4px 0} #p-houses .tabs .on{color:var(--gold-ink);box-shadow:inset 0 -2px 0 var(--gold)} #p-houses .ui-table .tot td{font-weight:600;color:var(--gold-ink);border-bottom:0} #p-houses .kd .ui-table td:nth-child(2){white-space:normal} #p-houses .oneflow{display:flex;flex-wrap:wrap;gap:8px;align-items:center} #p-houses .oneflow i{font-style:normal;font-family:var(--font-mono);color:var(--gold-ink)}@media (max-width:960px){#p-houses .split.kwide{grid-template-columns:minmax(0,1fr)}}@media (max-width:560px){#p-houses .kd{grid-template-columns:minmax(0,1fr)}#p-houses .kd-list{display:none}#p-houses .kd .hide-sm{display:none}} #p-houses .kiosk-hero{display:grid;grid-template-columns:auto minmax(0,1fr);gap:12px;align-items:center} #p-houses .kiosk-thumb{width:64px;height:64px;border-radius:14px;background:radial-gradient(circle at 50% 44%, transparent 0 30%, var(--gold) 31% 40%, transparent 41%), radial-gradient(circle at 50% 78%, var(--gold-strong) 0 7%, var(--gold-deep) 12%, transparent 13%), var(--surface-2)} #p-houses .kiosk .ui-n{font-size:1.2rem} #p-houses .bbrand{font:780 .82rem/1 var(--font-display);font-variation-settings:"wdth" 125;letter-spacing:.16em;color:var(--gold-ink)} #p-houses .push{display:grid;grid-template-columns:auto minmax(0,1fr);gap:8px;align-items:start;padding:8px 10px;border-radius:14px;background:var(--surface-2);border:1px solid var(--line)} #p-houses .push .ui-dot{margin-top:4px} #p-houses .bgrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px} #p-houses .bitem{display:flex;flex-direction:column;gap:2px;min-width:0} #p-houses .terms{padding:6px 8px;border-radius:8px;border:1px solid var(--gold-line);background:var(--gold-wash);color:var(--gold-ink);font-size:.66rem} #p-houses .bthumb{aspect-ratio:4/3;border-radius:10px;margin-bottom:3px;background:radial-gradient(circle at 50% 50%, transparent 0 24%, var(--gold) 25% 33%, transparent 34%), var(--surface-2)} #p-houses .bthumb--b{background:radial-gradient(circle at 50% 66%, var(--gold-strong) 0 9%, var(--gold-deep) 16%, transparent 17%), radial-gradient(circle at 50% 34%, transparent 0 24%, var(--gold) 25% 29%, transparent 30%), var(--surface-2)} #p-houses .bthumb--c{background:radial-gradient(ellipse 36% 26% at 50% 50%, transparent 0 58%, var(--gold) 60% 80%, transparent 82%), var(--surface-2)} #p-houses .bthumb--d{background:radial-gradient(circle at 36% 52%, var(--gold-strong) 0 8%, var(--gold-deep) 14%, transparent 15%), radial-gradient(circle at 64% 52%, var(--gold-strong) 0 8%, var(--gold-deep) 14%, transparent 15%), var(--surface-2)} #p-houses .case{gap:14px} #p-houses .case .stamp{align-self:flex-start} #p-houses .case .lbl{display:block;font:600 .68rem/1 var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin-bottom:5px} #p-houses .case .lbl--gold{color:var(--gold-ink)} #p-houses .acct{margin-top:clamp(20px,3vw,28px)} #p-chains .barcell{width:22%} #p-chains .barcell .ui-bar{min-width:40px} #p-chains .ui-table .tot td{font-weight:600;color:var(--gold-ink);border-bottom:0} #p-chains .trf{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:8px;align-items:center;padding:4px 0;border-top:1px solid var(--line)} #p-chains .trf > *{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media (max-width:520px){#p-chains .hide-sm,#p-chains .barcell{display:none}} #p-chains .recon-top{display:grid;grid-template-columns:auto minmax(0,1fr);gap:12px;align-items:center} #p-chains .dwrap{position:relative;width:74px;height:74px} #p-chains .dwrap b{position:absolute;inset:0;display:grid;place-items:center;font:600 .8rem/1 var(--font-mono)} #p-chains .mini4{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px} #p-chains .mini4 .ui-card{padding:7px 8px;gap:3px} #p-chains .mini4 .ui-n{font-size:.95rem} #p-chains .is-crit{color:var(--crit)}@media (max-width:620px){#p-chains .mini4{grid-template-columns:repeat(2,minmax(0,1fr))}} #p-chains .is-warn{color:var(--warn)} #p-chains .scan-row{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr) auto;gap:10px;align-items:center} #p-chains .scan-row > *{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap} #p-chains .rules{list-style:none;margin:0;padding:0;border-top:1px solid var(--line)} #p-chains .rules li{display:grid;grid-template-columns:48px minmax(0,1fr);gap:14px;padding:18px 0;border-bottom:1px solid var(--line)} #p-chains .rules .n{font:600 .9rem/1.7 var(--font-mono);color:var(--gold-ink)} #p-chains .rules h3{margin-bottom:4px} #p-chains .brand-chips{margin-top:clamp(20px,3vw,28px)} #p-chains .mbtns{display:flex;gap:6px} #p-chains .mbtn{flex:1;text-align:center;padding:5px 0;border-radius:8px;border:1px solid var(--line-strong);font-weight:600;font-size:.64rem;color:var(--fg-2)} #p-chains .mbtn--ok{background:var(--gold);border-color:var(--gold);color:var(--on-gold)} #p-chains .loc-row{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:8px;align-items:center} #p-chains .loc-row > *{white-space:nowrap} #p-chains .itfin .card{gap:16px} #p-chains .itfin .ticks b{color:var(--fg)} #p-chains .pilot{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px;position:relative} #p-chains .pilot::before{content:"";position:absolute;left:0;right:0;top:15px;height:2px;background:linear-gradient(90deg,var(--gold),var(--gold-line))} #p-chains .pilot li{position:relative;padding-top:46px;display:flex;flex-direction:column;gap:8px} #p-chains .pilot li::before{content:"";position:absolute;left:0;top:6px;width:20px;height:20px;border-radius:50%;background:var(--bg);border:2px solid var(--gold)} #p-chains .pilot li:first-child::before{background:var(--gold)} #p-chains .pilot .k{font:600 .72rem/1 var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--gold-ink)} #p-chains .pilot-note{margin-top:clamp(24px,3vw,36px);max-width:760px}@media (max-width:860px){#p-chains .pilot{grid-template-columns:minmax(0,1fr);padding-left:36px}#p-chains .pilot::before{left:9px;right:auto;top:0;bottom:0;width:2px;height:auto;background:linear-gradient(180deg,var(--gold),var(--gold-line))}#p-chains .pilot li{padding-top:0}#p-chains .pilot li::before{left:-36px;top:2px}} #p-independent .tm-shot .device{max-width:1000px} #p-independent .tm{display:grid;grid-template-columns:minmax(0,128px) minmax(0,1fr) minmax(0,150px);gap:10px;align-items:stretch} #p-independent .tm-tools span{display:flex;align-items:center;gap:6px;padding:5px 7px;border-radius:6px;border:1px solid var(--line);color:var(--fg-2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis} #p-independent .tm-tools span::before{content:"";width:6px;height:6px;flex:none;transform:rotate(45deg);border:1px solid var(--gold)} #p-independent .tm-tools .on{border-color:var(--gold-line);background:var(--gold-wash);color:var(--gold-ink)} #p-independent .tm-canvas{border-radius:12px;padding:16px 14px;display:flex;flex-direction:column;gap:12px;align-items:center;justify-content:center;border:1px solid var(--line);background:radial-gradient(circle, var(--line-strong) 1px, transparent 1.6px) 0 0/12px 12px, var(--surface-2)} #p-independent .tm-canvas .ui-row{width:100%;max-width:360px} #p-independent .tag{position:relative;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:100%;max-width:360px;border:1px solid var(--line-strong);border-radius:8px 30px 30px 8px;background:var(--surface);box-shadow:var(--shadow)} #p-independent .tag::after{content:"";position:absolute;right:13px;top:50%;width:10px;height:10px;margin-top:-5px;border-radius:50%;border:1.5px solid var(--line-strong);background:var(--surface-2)} #p-independent .tag-face{display:flex;flex-direction:column;gap:6px;padding:14px 14px;min-width:0} #p-independent .tag-back{border-left:1px dashed var(--line-strong);padding-right:34px} #p-independent .tag-logo{font:780 .95rem/1 var(--font-display);font-variation-settings:"wdth" 125;letter-spacing:.14em;color:var(--gold-ink)} #p-independent .tag .mono{font-size:.7rem;color:var(--fg);white-space:nowrap;overflow:hidden;text-overflow:ellipsis} #p-independent .tag-codes{display:flex;gap:10px;align-items:center} #p-independent .qr{display:block;width:34px;height:34px;flex:none} #p-independent .tag .qr{width:40px;height:40px} #p-independent .photo-list .card{display:grid;grid-template-columns:auto minmax(0,1fr);gap:4px 14px;align-items:start} #p-independent .photo-list .card .icon{grid-row:span 3} #p-independent .sel{outline:1.5px dashed var(--gold);outline-offset:3px;border-radius:2px} #p-independent .barcode{flex:1;height:16px;min-width:0;background:repeating-linear-gradient(90deg, var(--fg) 0 1px, transparent 1px 3px, var(--fg) 3px 5px, transparent 5px 6px, var(--fg) 6px 7px, transparent 7px 10px)} #p-independent .tm-props .ui-row{border-bottom:1px solid var(--line);padding-bottom:5px} #p-independent .feat{margin-top:clamp(28px,4vw,44px)} #p-independent .feat .card{gap:10px}@media (max-width:720px){#p-independent .tm{grid-template-columns:minmax(0,1fr)}#p-independent .tm-tools,#p-independent .tm-props{display:none}} #p-independent .scanbox{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:10px 12px;border:1.5px dashed var(--gold-line);border-radius:12px;background:var(--gold-wash)} #p-independent .est .ui-row{font-family:var(--font-mono);font-variant-numeric:tabular-nums} #p-independent .est .tot{border-top:1px solid var(--line);padding-top:6px;font-weight:600;color:var(--gold-ink)} #p-independent .hist{display:grid;grid-template-columns:auto minmax(0,1fr);gap:6px 8px;align-items:center} #p-independent .scan-points{display:grid;gap:18px} #p-independent .scan-points h3{margin-bottom:4px} #p-independent .photo{position:relative;aspect-ratio:4/5;border-radius:14px;overflow:hidden;border:1px solid var(--line);background:radial-gradient(circle at 50% 30%, var(--surface-2), transparent 70%), linear-gradient(180deg, var(--velvet), var(--surface-3))} #p-independent .piece{position:absolute;left:50%;top:36%;width:64%;aspect-ratio:1/1;transform:translate(-50%,-50%);border-radius:50%;clip-path:inset(42% 0 0 0);background:radial-gradient(circle, transparent 0 56%, var(--gold-strong) 57%, var(--gold) 60%, var(--gold-deep) 63%, transparent 64%)} #p-independent .pendant{position:absolute;left:50%;top:64%;width:16%;aspect-ratio:3/4;transform:translateX(-50%);border-radius:50% 50% 50% 50%/40% 40% 60% 60%;background:radial-gradient(circle at 40% 35%, var(--gold-strong), var(--gold-deep) 72%)} #p-independent .wm{position:absolute;left:10px;top:10px;font:780 .7rem/1 var(--font-display);font-variation-settings:"wdth" 125;letter-spacing:.16em;color:var(--gold-ink);padding:5px 7px;border-radius:5px;background:var(--surface)} #p-independent .ph-w{position:absolute;left:10px;bottom:10px;font:600 .64rem/1 var(--font-mono);padding:5px 7px;border-radius:5px;background:var(--surface);color:var(--fg)} #p-independent .ph-qr{position:absolute;right:10px;bottom:10px;padding:4px;border-radius:5px;background:var(--surface)} #p-independent .ph-qr .qr{width:30px;height:30px} #p-independent .share{display:flex;flex-direction:column;align-items:center;gap:4px;text-align:center} #p-independent .thumbs{display:flex;gap:5px} #p-independent .thumbs .ui-thumb{width:24px;height:24px} #p-independent .jobflow{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:16px} #p-independent .jobflow li{position:relative;background:var(--bg);border:1px solid var(--line);border-radius:var(--radius);padding:16px;display:flex;flex-direction:column;gap:8px} #p-independent .jobflow li:not(:last-child)::after{content:"";position:absolute;top:50%;right:-13px;width:9px;height:9px;border-top:1.5px solid var(--gold);border-right:1.5px solid var(--gold);transform:translateY(-50%) rotate(45deg)} #p-independent .jobflow .k{font:600 .72rem/1 var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--gold-ink)} #p-independent .jobflow .d{font-family:var(--font-mono);font-size:.78rem;color:var(--fg-2);font-variant-numeric:tabular-nums} #p-independent .jobflow-foot{margin-top:clamp(20px,3vw,28px)}@media (max-width:960px){#p-independent .jobflow{grid-template-columns:minmax(0,1fr);gap:20px}#p-independent .jobflow li:not(:last-child)::after{top:auto;bottom:-15px;right:auto;left:50%;transform:translateX(-50%) rotate(135deg)}} #p-independent .bill-note{margin-top:clamp(20px,3vw,28px);max-width:820px} #p-platform .hero-chips{margin-top:2px} #p-platform .ui-card > .ui-pill{align-self:flex-start} #p-platform .ux-split{align-items:start} #p-platform .ux-split > .shot{position:sticky;top:96px} #p-platform .family{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(0,1fr) minmax(0,1fr);gap:clamp(28px,3vw,44px) clamp(16px,2.4vw,32px);align-items:center} #p-platform .f-desk{grid-column:1;grid-row:1} #p-platform .f-tab{grid-column:1;grid-row:2} #p-platform .f-admin{grid-column:2;grid-row:1 / span 2} #p-platform .f-buyer{grid-column:3;grid-row:1 / span 2} #p-platform .device--desktop .ui-n{font-size:.9rem} #p-platform .ofc-cols{display:flex;flex-wrap:wrap;gap:8px} #p-platform .ofc-cols > *{flex:1 1 190px} #p-platform .pr{display:grid;grid-template-columns:58px minmax(0,1fr) auto;gap:8px;align-items:center;font-size:.64rem} #p-platform .pr .mono{color:var(--fg-2)} #p-platform .bento{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px} #p-platform .bento .ui-card{justify-content:space-between;min-height:54px} #p-platform .bento .b-hero{grid-row:span 2;background:var(--gold-wash);border-color:var(--gold-line)} #p-platform .tiles{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px} #p-platform .tiles .ui-card{min-height:56px;justify-content:space-between} #p-platform .tiles .t-on{background:var(--gold-wash);border-color:var(--gold-line)} #p-platform .donut-row{display:flex;align-items:center;gap:12px} #p-platform .legend{display:flex;flex-direction:column;gap:6px;min-width:0} #p-platform .legend .ui-n{font-size:.88rem} #p-platform .lg{display:flex;align-items:center;gap:6px} #p-platform .dot-v{background:var(--velvet-fg)} #p-platform .brandmark{font:760 .72rem/1 var(--font-display);font-variation-settings:"wdth" 125;letter-spacing:.2em;color:var(--gold-ink)} #p-platform .tl{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:7px} #p-platform .tl li{display:grid;grid-template-columns:10px minmax(0,1fr) auto;gap:8px;align-items:center} #p-platform .tl i{width:9px;height:9px;border-radius:50%;border:1.5px solid var(--gold)} #p-platform .tl .on i{background:var(--gold)} #p-platform .tl .off{color:var(--muted)} #p-platform .tl em{font-style:normal;color:var(--muted);font-family:var(--font-mono);font-size:.6rem} #p-platform .li{display:grid;grid-template-columns:28px minmax(0,1fr) auto;gap:8px;align-items:center} #p-platform .li b{display:block;font:600 .66rem/1.2 var(--font-mono)} #p-platform .li span{display:block;font-size:.6rem;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis} #p-platform .voice{display:flex;align-items:center;gap:8px} #p-platform .wave{flex:1;height:12px;border-radius:2px;background:repeating-linear-gradient(90deg,var(--gold-line) 0 2px,transparent 2px 5px)} #p-platform .app-head{display:flex;gap:14px;align-items:center} #p-platform .app-head--top{align-items:flex-start} #p-platform .app-head p{margin-top:3px} #p-platform .app-head .stack-sm{min-width:0} #p-platform .card a.more{text-decoration:none} #p-platform .inside{grid-column:1 / -1;background:radial-gradient(700px 200px at 100% 0%, var(--gold-wash), transparent 70%), var(--bg)} #p-platform .ux{display:flex;flex-direction:column;gap:20px} #p-platform .ux-item{display:grid;grid-template-columns:36px minmax(0,1fr);gap:14px;align-items:start} #p-platform .ux-item p{color:var(--fg-2);font-size:.95rem;margin-top:4px} #p-platform .scanbar{display:flex;align-items:center;gap:8px;padding:7px 10px;border:1px solid var(--line-strong);border-radius:8px;background:var(--surface);color:var(--muted);font-size:.66rem} #p-platform .kc{display:flex;flex-direction:column;gap:2px;background:var(--surface);border:1px solid var(--line);border-radius:8px;padding:6px 7px;min-width:0} #p-platform .kc b{font:600 .62rem/1.25 var(--font-mono);white-space:nowrap;overflow:hidden;text-overflow:ellipsis} #p-platform .kc span{font-size:.58rem;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis} #p-platform .kc--hot{border-color:var(--gold-line)} #p-platform .pts{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:22px} #p-platform .pts li{display:grid;grid-template-columns:40px minmax(0,1fr);gap:14px} #p-platform .pts .no,#p-platform .pt-card .no{font:600 .85rem/1 var(--font-mono);color:var(--gold-ink)} #p-platform .pts .no{padding-top:6px} #p-platform .pts p,#p-platform .pt-card p{color:var(--fg-2);font-size:.95rem;margin-top:6px} #p-platform .pts .chips{margin-top:12px} #p-platform .mx-wrap{overflow-x:auto} #p-platform .mx th,#p-platform .mx td{text-align:center} #p-platform .mx th:nth-child(-n+2),#p-platform .mx td:nth-child(-n+2){text-align:left} #p-platform .tk{display:inline-block;width:11px;height:11px;border-radius:3px;border:1.5px solid var(--line-strong);vertical-align:middle} #p-platform .tk--on{background:var(--gold);border-color:var(--gold)} #p-platform .lockout{padding:5px 9px;border-radius:7px;background:var(--crit-wash);color:var(--crit);font-weight:600;font-size:.64rem} #p-platform .pair{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.95fr) minmax(0,1fr);gap:clamp(24px,3vw,44px);align-items:center;margin-block:clamp(48px,6vw,84px)} #p-platform .pair-mid{display:flex;flex-direction:column;gap:14px;text-align:center;align-items:center} #p-platform .pair-mid .eyebrow{align-self:center} #p-platform .pt-card .no{display:block} #p-platform .diagram .bx{fill:var(--surface);stroke:var(--line-strong);stroke-width:1.2} #p-platform .diagram .hub{fill:var(--gold-wash);stroke:var(--gold);stroke-width:1.5} #p-platform .diagram .sat{fill:var(--surface-2);stroke:var(--line-strong);stroke-width:1.2} #p-platform .diagram .pl{fill:var(--bg);stroke:var(--gold-line);stroke-width:1} #p-platform .diagram .ln{fill:none;stroke:var(--gold);stroke-width:2} #p-platform .diagram .dl{fill:none;stroke:var(--muted);stroke-width:1.4;stroke-dasharray:5 5} #p-platform .diagram .t1{fill:var(--fg);font-size:17px;font-weight:700} #p-platform .diagram .t2{fill:var(--fg-2);font-size:13px} #p-platform .diagram .t3{fill:var(--muted);font-size:11px;font-family:var(--font-mono);letter-spacing:.08em} #p-platform .diagram .tg{fill:var(--gold-ink)} #p-platform .connect-pts{margin-top:clamp(24px,3vw,36px)} #p-platform .connect-foot{margin-top:24px} #p-platform .hw .card{gap:10px} #p-platform .hw .chip{align-self:flex-start}@media (max-width:1100px){#p-platform .family{grid-template-columns:repeat(2,minmax(0,1fr))}#p-platform .f-desk,#p-platform .f-tab{grid-column:1 / -1;grid-row:auto}#p-platform .f-admin,#p-platform .f-buyer{grid-column:auto;grid-row:auto}}@media (max-width:960px){#p-platform .pair{grid-template-columns:repeat(2,minmax(0,1fr))}#p-platform .pair-mid{grid-column:1 / -1;order:-1}}@media (max-width:620px){#p-platform .family,#p-platform .pair{grid-template-columns:minmax(0,1fr)}#p-platform .bento{grid-template-columns:repeat(2,minmax(0,1fr))}} #p-owners-portal .hero-chips{margin-top:2px} #p-owners-portal .annot{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,300px) minmax(0,1fr);gap:clamp(24px,4vw,56px);align-items:center} #p-owners-portal .side{display:flex;flex-direction:column;gap:28px} #p-owners-portal .side--l{text-align:right} #p-owners-portal .co{display:flex;flex-direction:column;gap:6px;padding-top:14px;border-top:1px solid var(--gold-line);position:relative} #p-owners-portal .co::before{content:"";position:absolute;top:-5px;width:9px;height:9px;transform:rotate(45deg);background:var(--gold)} #p-owners-portal .side--l .co::before{right:0} #p-owners-portal .side--r .co::before{left:0} #p-owners-portal .co p{color:var(--fg-2);font-size:.94rem} #p-owners-portal .overview-note{margin-top:clamp(28px,4vw,44px)} #p-owners-portal .donut-row{display:flex;align-items:center;gap:12px} #p-owners-portal .legend{display:flex;flex-direction:column;gap:6px;min-width:0} #p-owners-portal .legend .ui-n{font-size:.88rem} #p-owners-portal .lg{display:flex;align-items:center;gap:6px} #p-owners-portal .dot-v{background:var(--velvet-fg)} #p-owners-portal .watch{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr) minmax(0,1fr);gap:clamp(24px,3vw,40px);align-items:center} #p-owners-portal .ui-card > .ui-pill{align-self:flex-start} #p-owners-portal .wt{display:grid;grid-template-columns:minmax(0,1fr);gap:10px} #p-owners-portal .w{border:1px solid var(--line);border-radius:var(--radius);padding:14px 16px;background:var(--bg);display:grid;grid-template-columns:minmax(0,1fr) auto;gap:4px 16px;align-items:center} #p-owners-portal .w .ui-k{grid-column:1;grid-row:1;color:var(--gold-ink)} #p-owners-portal .w h4{grid-column:1;grid-row:2} #p-owners-portal .w p{grid-column:1;grid-row:3;color:var(--fg-2);font-size:.88rem} #p-owners-portal .w .v{grid-column:2;grid-row:1 / span 3;font:600 var(--step-1)/1 var(--font-mono);color:var(--gold-ink);padding:10px 12px;border-radius:8px;background:var(--gold-wash);white-space:nowrap} #p-owners-portal .wt-foot{grid-column:1 / -1;text-align:center} #p-owners-portal .watch-note{margin-top:clamp(28px,4vw,44px)} #p-owners-portal .pills{display:flex;gap:5px;flex-wrap:wrap} #p-owners-portal .sev{display:flex;align-items:center;gap:6px} #p-owners-portal .al{border:1px solid var(--line);border-left:3px solid var(--warn);padding:7px 9px;background:var(--surface);border-radius:10px;display:flex;flex-direction:column;gap:3px} #p-owners-portal .al--crit{border-left-color:var(--crit)} #p-owners-portal .al b{font-weight:700;font-size:.68rem;line-height:1.3} #p-owners-portal .al .d{color:var(--fg-2);font-size:.61rem} #p-owners-portal .al .r{color:var(--muted);font-size:.56rem;font-family:var(--font-mono)} #p-owners-portal .th{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:center;padding:5px 0;border-bottom:1px solid var(--line)} #p-owners-portal .th:last-child{border-bottom:0} #p-owners-portal .th b{font-weight:600;font-size:.69rem;display:block} #p-owners-portal .th span{color:var(--muted);font-size:.58rem;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} #p-owners-portal .th em{font:600 .72rem/1 var(--font-mono);font-style:normal;color:var(--gold-ink)} #p-owners-portal .mbtn{display:block;text-align:center;padding:8px;border-radius:12px;background:var(--gold);color:var(--on-gold);font-weight:700;font-size:.7rem} #p-owners-portal .mbtn--ghost{background:var(--surface-2);color:var(--fg-2)} #p-owners-portal .checks-card h3{font-size:var(--step-1)} #p-owners-portal .checks-card p{color:var(--fg-2)} #p-owners-portal .checks-card .chips{margin-top:2px} #p-owners-portal .seg{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));padding:3px;border-radius:10px;background:var(--surface-2);font-size:.6rem;text-align:center} #p-owners-portal .seg--3{grid-template-columns:repeat(3,minmax(0,1fr))} #p-owners-portal .seg span{padding:5px 2px;border-radius:8px;color:var(--muted);white-space:nowrap} #p-owners-portal .seg .on{background:var(--surface-3);color:var(--fg);font-weight:600} #p-owners-portal .thumbs{display:flex;gap:5px;align-items:center} #p-owners-portal .thumbs .ui-thumb{width:24px;height:24px} #p-owners-portal .sc .m{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;font-size:.58rem;color:var(--muted)} #p-owners-portal .sc .m b{display:block;font:600 .74rem/1.2 var(--font-mono);color:var(--fg)} #p-owners-portal .bar-crit > span{background:var(--crit)} #p-owners-portal .tri{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,300px) minmax(0,1fr);gap:clamp(24px,3vw,40px);align-items:center} #p-owners-portal .tri .card h3{font-size:var(--step-1)} #p-owners-portal .ln{display:grid;grid-template-columns:24px minmax(0,1fr) auto;gap:7px;align-items:center;padding:5px 0;border-bottom:1px solid var(--line)} #p-owners-portal .ln:last-child{border-bottom:0} #p-owners-portal .ln .ui-thumb{width:24px;height:24px} #p-owners-portal .ln b{display:block;font:600 .64rem/1.2 var(--font-mono)} #p-owners-portal .ln span{display:block;font-size:.58rem;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis} #p-owners-portal .ln--on{background:var(--gold-wash);border-radius:8px;padding-inline:5px} #p-owners-portal .pt{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:5px;font-size:.6rem} #p-owners-portal .pt li{display:grid;grid-template-columns:8px minmax(0,1fr) auto;gap:7px;align-items:center} #p-owners-portal .pt i{width:7px;height:7px;border-radius:50%;background:var(--gold)} #p-owners-portal .pt em{font-style:normal;font-family:var(--font-mono);color:var(--muted)} #p-owners-portal .shelf{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px} #p-owners-portal .doc{position:relative;border:1px solid var(--line);border-radius:8px;background:var(--surface);padding:16px;display:flex;flex-direction:column;gap:6px} #p-owners-portal .doc::after{content:"";position:absolute;top:-1px;right:-1px;width:18px;height:18px;border-bottom-left-radius:4px;background:linear-gradient(225deg,var(--bg) 50%,var(--surface-3) 50%)} #p-owners-portal .doc .ui-pill{align-self:flex-start} #p-owners-portal .doc p{font-size:.86rem;color:var(--muted)} #p-owners-portal .lock{align-items:center;text-align:center;background:radial-gradient(120% 60% at 50% 0%, var(--gold-wash), transparent 65%), var(--bg)} #p-owners-portal .lock .clock{font:300 2.6rem/1 var(--font-display);font-variation-settings:"wdth" 100;margin:2px 0 8px} #p-owners-portal .nt{width:100%;text-align:left;background:var(--surface-2);border:1px solid var(--line);border-radius:14px;padding:9px 10px;display:flex;flex-direction:column;gap:3px} #p-owners-portal .nt .h{display:flex;justify-content:space-between;color:var(--muted);font-size:.56rem;text-transform:uppercase;letter-spacing:.08em} #p-owners-portal .nt b{font-size:.68rem} #p-owners-portal .nt p{font-size:.62rem;color:var(--fg-2)} #p-owners-portal .nt--top{border-color:var(--gold-line)} #p-owners-portal .lock .hint{margin-top:auto;color:var(--muted);font-size:.6rem} #p-owners-portal .sec .card{gap:10px} #p-owners-portal .sec .chip{align-self:flex-start}@media (max-width:1100px){#p-owners-portal .watch{grid-template-columns:repeat(2,minmax(0,1fr))}#p-owners-portal .watch .wt{grid-column:1 / -1;order:-1;grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:960px){#p-owners-portal .annot,#p-owners-portal .tri{grid-template-columns:minmax(0,1fr)}#p-owners-portal .side--l{text-align:left;order:2}#p-owners-portal .side--r{order:3}#p-owners-portal .side--l .co::before{right:auto;left:0}#p-owners-portal .side{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:22px}#p-owners-portal .tri .shot{order:-1}}@media (max-width:620px){#p-owners-portal .watch,#p-owners-portal .watch .wt,#p-owners-portal .shelf{grid-template-columns:minmax(0,1fr)}} #p-technology .hero-chips{margin-top:2px} #p-technology .glance{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(16px,3vw,32px)} #p-technology .glance .stat{padding-left:16px;border-left:2px solid var(--gold-line)} #p-technology .diagram .bx{fill:var(--surface);stroke:var(--line-strong);stroke-width:1.2} #p-technology .diagram .cl{fill:var(--gold-wash);stroke:var(--gold);stroke-width:1.5} #p-technology .diagram .tn{fill:var(--bg);stroke:var(--gold-line);stroke-width:1.2} #p-technology .diagram .dim{opacity:.55} #p-technology .diagram .pl{fill:var(--surface-2);stroke:var(--line);stroke-width:1} #p-technology .diagram .ext{fill:var(--surface-2);stroke:var(--muted);stroke-width:1.2;stroke-dasharray:5 5} #p-technology .diagram .ln{fill:none;stroke:var(--gold);stroke-width:2} #p-technology .diagram .dl{fill:none;stroke:var(--muted);stroke-width:1.4;stroke-dasharray:5 5} #p-technology .diagram .ar{fill:var(--gold)} #p-technology .diagram .t1{fill:var(--fg);font-size:16px;font-weight:700} #p-technology .diagram .t2{fill:var(--fg-2);font-size:12.5px} #p-technology .diagram .t3{fill:var(--muted);font-size:10.5px;font-family:var(--font-mono);letter-spacing:.06em} #p-technology .diagram .tg{fill:var(--gold-ink)} #p-technology .arch-cards{margin-top:clamp(24px,3vw,36px)} #p-technology .tbl-wrap{border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;background:var(--bg)} #p-technology .tbl{width:100%;border-collapse:collapse;font-size:.94rem} #p-technology .tbl th{text-align:left;font:500 .72rem/1.3 var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--muted);padding:14px 16px;border-bottom:1px solid var(--line-strong);background:var(--surface-2)} #p-technology .tbl td{padding:16px;border-bottom:1px solid var(--line);vertical-align:top;color:var(--fg-2)} #p-technology .tbl tr:last-child td{border-bottom:0} #p-technology .tbl td b{display:block;color:var(--fg);font-weight:700} #p-technology .tbl td .small{color:var(--muted)} #p-technology .sync-foot{margin-top:clamp(24px,3vw,36px)} #p-technology .pull{border-left:3px solid var(--gold);padding:4px 0 4px 20px;display:flex;flex-direction:column;gap:10px} #p-technology .pull-t{font:680 var(--step-2)/1.25 var(--font-display);font-variation-settings:"wdth" 108;color:var(--fg);text-wrap:balance} #p-technology .pull p{color:var(--fg-2)} #p-technology .chk{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px} #p-technology .chk li{display:grid;grid-template-columns:26px minmax(0,1fr);gap:14px;padding:18px;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface)} #p-technology .chk b{display:block;margin-bottom:4px} #p-technology .chk p{color:var(--fg-2);font-size:.92rem} #p-technology .ck{width:26px;height:26px;border-radius:50%;display:grid;place-items:center;background:var(--ok-wash);color:var(--ok)} #p-technology .ck svg{width:15px;height:15px} #p-technology .host-kv{margin-top:6px} #p-technology .pipe{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin-top:clamp(24px,3vw,36px)} #p-technology .pipe > div{position:relative;border:1px solid var(--line);border-radius:var(--radius);padding:18px;background:var(--surface);display:flex;flex-direction:column;gap:8px} #p-technology .pipe > div:not(:last-child)::after{content:"";position:absolute;right:-14px;top:50%;width:9px;height:9px;border-top:2px solid var(--gold);border-right:2px solid var(--gold);transform:translateY(-50%) rotate(45deg)} #p-technology .pipe .no{font:600 .8rem/1 var(--font-mono);color:var(--gold-ink)} #p-technology .pipe p{color:var(--fg-2);font-size:.92rem} #p-technology .release-note{margin-top:20px} #p-technology .sup .card p{color:var(--fg-2);font-size:.92rem} #p-technology .sup .mono{color:var(--fg)} #p-technology .sup .continuity{grid-column:1 / -1;flex-direction:row;gap:18px;align-items:flex-start;border-color:var(--gold-line)} #p-technology .sup .continuity p{max-width:78ch;font-size:1rem}@media (max-width:960px){#p-technology .glance{grid-template-columns:repeat(2,minmax(0,1fr))}#p-technology .pipe{grid-template-columns:repeat(2,minmax(0,1fr))}#p-technology .pipe > div:not(:last-child)::after{display:none}}@media (max-width:720px){#p-technology .tbl thead{display:none}#p-technology .tbl tr{display:block;padding:14px 16px;border-bottom:1px solid var(--line)}#p-technology .tbl tr:last-child{border-bottom:0}#p-technology .tbl td{display:block;padding:4px 0;border:0}#p-technology .tbl td[data-label]::before{content:attr(data-label);display:block;font:500 .68rem/1.4 var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}#p-technology .tbl td:first-child::before{display:none}}@media (max-width:620px){#p-technology .chk,#p-technology .pipe,#p-technology .glance{grid-template-columns:minmax(0,1fr)}} #p-karigar .mk-two{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:10px;align-items:start} #p-karigar .mk-two--wide{grid-template-columns:minmax(0,1.75fr) minmax(0,1fr)} #p-karigar .mk-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px} #p-karigar .mk-x{overflow-x:auto;-webkit-overflow-scrolling:touch} #p-karigar .mk-cb{display:inline-block;width:12px;height:12px;border-radius:3px;border:1.5px solid var(--line-strong);flex:none} #p-karigar .mk-cb--on{background:var(--gold);border-color:var(--gold)} #p-karigar .mk-btn{display:inline-flex;align-items:center;padding:6px 11px;border-radius:8px;background:var(--gold);color:var(--on-gold);font-weight:650;font-size:.68rem;white-space:nowrap} #p-karigar .mk-btn--ghost{background:var(--surface-2);color:var(--fg-2);border:1px solid var(--line-strong)} #p-karigar .mk-thumbs{display:flex;gap:4px;flex:none} #p-karigar .mk-thumbs .ui-thumb{width:20px;height:20px;border-radius:5px} #p-karigar .mk-seg{display:inline-flex;border:1px solid var(--line-strong);border-radius:8px;overflow:hidden;font-size:.62rem;flex:none} #p-karigar .mk-seg span{padding:4px 8px;color:var(--muted)} #p-karigar .mk-seg .on{background:var(--gold-wash);color:var(--gold-ink);font-weight:600} #p-karigar .mk-pos{color:var(--ok)} #p-karigar .mk-neg{color:var(--crit)} #p-karigar .mk-warn{color:var(--warn)} #p-karigar .mk-sel td{background:var(--gold-wash)} #p-karigar .mk-total td{font-weight:650;border-bottom:0;color:var(--fg)} #p-karigar .mk-mono{font-family:var(--font-mono);font-variant-numeric:tabular-nums} #p-karigar .mk-sideitem{padding:5px 8px;border-radius:7px;color:var(--muted);font-size:.66rem} #p-karigar .mk-sideitem.on{background:var(--gold-wash);color:var(--gold-ink);font-weight:600} #p-karigar .mk-desk{display:grid;grid-template-columns:96px minmax(0,1fr);gap:10px;min-height:280px} #p-karigar .mk-side{display:flex;flex-direction:column;gap:2px;border-right:1px solid var(--line);padding-right:8px} #p-karigar .mk-main{display:flex;flex-direction:column;gap:8px;min-width:0} #p-karigar .paper{width:100%;background:var(--surface);border:1px solid var(--line-strong);border-radius:6px;box-shadow:var(--shadow);padding:18px;font-size:.72rem;line-height:1.4;display:flex;flex-direction:column;gap:10px} #p-karigar .band--alt .paper{background:var(--bg)} #p-karigar .paper-head{display:flex;justify-content:space-between;align-items:flex-end;gap:12px;border-bottom:2px solid var(--fg);padding-bottom:8px} #p-karigar .paper-head b{font:700 .95rem/1.2 var(--font-display);font-variation-settings:"wdth" 112;letter-spacing:.02em} #p-karigar .paper-foot{display:flex;justify-content:space-between;gap:12px;color:var(--muted);font-size:.64rem;border-top:1px solid var(--line);padding-top:8px} #p-karigar .dg-node{fill:var(--surface);stroke:var(--line-strong);stroke-width:1.2} #p-karigar .band--alt .dg-node{fill:var(--bg)} #p-karigar .dg-node--gold{fill:var(--gold-wash);stroke:var(--gold)} #p-karigar .dg-t{fill:var(--fg);font-size:14px;font-weight:650} #p-karigar .dg-s{fill:var(--muted);font-size:11.5px} #p-karigar .dg-g{fill:var(--gold-ink);font-size:13px;font-weight:650} #p-karigar .dg-line{stroke:var(--line-strong);stroke-width:1.5;fill:none} #p-karigar .dg-dash{stroke:var(--gold);stroke-width:1.3;stroke-dasharray:4 4;fill:none} #p-karigar .dg-curve{stroke:var(--gold);stroke-width:1.5;fill:none} #p-karigar .dg-arrow{fill:var(--line-strong)} #p-karigar .dg-arrow--gold{fill:var(--gold)} #p-karigar .mk-fix .card h3{font-size:var(--step-0)} #p-karigar .mk-lede{display:flex;gap:12px;align-items:center}@media (max-width: 620px){ #p-karigar .mk-two{grid-template-columns:minmax(0,1fr)} #p-karigar .mk-stats{grid-template-columns:repeat(2,minmax(0,1fr))} #p-karigar .mk-desk{grid-template-columns:minmax(0,1fr)} #p-karigar .mk-side{display:none} #p-karigar .mk-thumbs{display:none} } #p-orders .mk-x{overflow-x:auto;-webkit-overflow-scrolling:touch} #p-orders .ui-thumb{display:inline-block;vertical-align:middle} #p-orders .ui-table .ui-thumb{width:20px;height:20px;border-radius:5px} #p-orders .mk-mono{font-family:var(--font-mono);font-variant-numeric:tabular-nums} #p-orders .mk-btn{display:inline-flex;align-items:center;padding:5px 10px;border-radius:8px;background:var(--gold);color:var(--on-gold);font-weight:650;font-size:.66rem;white-space:nowrap} #p-orders .mk-btn--ghost{background:var(--surface-2);color:var(--fg-2);border:1px solid var(--line-strong);font-weight:550} #p-orders .mk-acts{display:flex;gap:4px;flex-wrap:wrap} #p-orders .mk-cb{display:inline-block;width:12px;height:12px;border-radius:3px;border:1.5px solid var(--line-strong);flex:none} #p-orders .mk-cb--on{background:var(--gold);border-color:var(--gold)} #p-orders .mk-lede{display:flex;gap:8px;align-items:center;min-width:0} #p-orders .mk-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px} #p-orders .mk-steps span{font:500 .56rem/1 var(--font-mono);text-transform:uppercase;letter-spacing:.06em;color:var(--muted);padding-top:6px;border-top:3px solid var(--surface-3);text-align:center} #p-orders .mk-steps .on{color:var(--gold-ink);border-top-color:var(--gold)} #p-orders .mk-kcard{background:var(--surface);border:1px solid var(--line);border-radius:8px;padding:7px;display:flex;flex-direction:column;gap:3px;min-width:0} #p-orders .mk-kcard b{font:600 .64rem/1.2 var(--font-mono)} #p-orders .mk-kcard span{font-size:.6rem;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis} #p-orders .mk-tiles{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px} #p-orders .mk-tile{border:1px solid var(--line);border-radius:10px;padding:8px;background:var(--surface);display:flex;flex-direction:column;gap:2px;min-width:0} #p-orders .mk-tile--hot{border-color:var(--gold);background:var(--gold-wash)} #p-orders .mk-kiosk{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:8px;flex:1;min-height:0} #p-orders .mk-strip{display:flex;gap:4px;overflow:hidden} #p-orders .mk-strip span{font:500 .56rem/1 var(--font-mono);padding:4px 5px;border-radius:5px;background:var(--surface-2);color:var(--fg-2);white-space:nowrap} #p-orders .mk-bento{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px} #p-orders .mk-chips{display:flex;flex-wrap:wrap;gap:4px} #p-orders .paper{width:100%;background:var(--surface);border:1px solid var(--line-strong);border-radius:6px;box-shadow:var(--shadow);padding:18px;font-size:.72rem;line-height:1.4;display:flex;flex-direction:column;gap:12px} #p-orders .band--alt .paper{background:var(--bg)} #p-orders .paper-head{display:flex;justify-content:space-between;align-items:flex-end;gap:12px;border-bottom:2px solid var(--fg);padding-bottom:8px} #p-orders .paper-head b{font:700 .95rem/1.2 var(--font-display);font-variation-settings:"wdth" 112;letter-spacing:.02em} #p-orders .paper-lines{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px} #p-orders .paper-line{display:grid;grid-template-columns:64px minmax(0,1fr);gap:10px;border:1px solid var(--line);border-radius:6px;padding:8px} #p-orders .paper-line .ui-thumb{width:64px;height:64px;border-radius:6px} #p-orders .paper-foot{display:flex;justify-content:space-between;gap:12px;color:var(--muted);font-size:.64rem;border-top:1px solid var(--line);padding-top:8px} #p-orders .mk-phase{border-top:3px solid var(--gold)} #p-orders .mk-devices{display:grid;grid-template-columns:minmax(0,.75fr) minmax(0,1.5fr);gap:clamp(24px,4vw,48px);align-items:center;margin-top:clamp(28px,4vw,48px)} #p-orders .dg-node{fill:var(--surface);stroke:var(--line-strong);stroke-width:1.2} #p-orders .dg-node--gold{fill:var(--gold-wash);stroke:var(--gold)} #p-orders .dg-t{fill:var(--fg);font-size:14px;font-weight:650} #p-orders .dg-s{fill:var(--muted);font-size:11.5px} #p-orders .dg-g{fill:var(--gold-ink);font-size:12px;font-weight:650} #p-orders .dg-line{stroke:var(--line-strong);stroke-width:1.5;fill:none} #p-orders .dg-gold{stroke:var(--gold);stroke-width:1.6;fill:none} #p-orders .dg-arrow{fill:var(--line-strong)} #p-orders .dg-arrow--gold{fill:var(--gold)}@media (max-width: 960px){ #p-orders .mk-devices{grid-template-columns:minmax(0,1fr)} }@media (max-width: 620px){ #p-orders .ui-kanban{grid-template-columns:repeat(2,minmax(0,1fr))} #p-orders .paper-lines{grid-template-columns:minmax(0,1fr)} #p-orders .mk-kiosk{grid-template-columns:minmax(0,1fr)} } #p-stock .mk-x{overflow-x:auto;-webkit-overflow-scrolling:touch} #p-stock .mk-mono{font-family:var(--font-mono);font-variant-numeric:tabular-nums} #p-stock .mk-btn{display:inline-flex;align-items:center;padding:5px 10px;border-radius:8px;background:var(--gold);color:var(--on-gold);font-weight:650;font-size:.66rem;white-space:nowrap} #p-stock .mk-btn--ghost{background:var(--surface-2);color:var(--fg-2);border:1px solid var(--line-strong);font-weight:550} #p-stock .mk-cb{display:inline-block;width:12px;height:12px;border-radius:3px;border:1.5px solid var(--line-strong);flex:none} #p-stock .mk-cb--on{background:var(--gold);border-color:var(--gold)} #p-stock .mk-lede{display:flex;gap:8px;align-items:center;min-width:0} #p-stock .mk-seg{display:inline-flex;border:1px solid var(--line-strong);border-radius:8px;overflow:hidden;font-size:.62rem;flex:none} #p-stock .mk-seg span{padding:4px 8px;color:var(--muted)} #p-stock .mk-seg .on{background:var(--gold-wash);color:var(--gold-ink);font-weight:600} #p-stock .mk-scan{display:flex;align-items:center;gap:8px;padding:8px 10px;border-radius:10px;border:1px dashed var(--gold-line);background:var(--gold-wash);color:var(--gold-ink);font:500 .66rem/1 var(--font-mono)} #p-stock .mk-tl{list-style:none;margin:0;padding:0 0 0 14px;display:flex;flex-direction:column;gap:7px;border-left:1.5px solid var(--line-strong);margin-left:4px} #p-stock .mk-tl li{position:relative;display:flex;flex-direction:column;gap:1px} #p-stock .mk-tl li::before{content:"";position:absolute;left:-19px;top:3px;width:8px;height:8px;border-radius:50%;background:var(--surface-3);border:1.5px solid var(--line-strong)} #p-stock .mk-tl li.gold::before{background:var(--gold);border-color:var(--gold)} #p-stock .mk-tl b{font-size:.68rem} #p-stock .mk-tl span{font-size:.6rem;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis} #p-stock .mk-desk{display:grid;grid-template-columns:96px minmax(0,1fr) 128px;gap:10px;min-height:300px} #p-stock .mk-pal{display:flex;flex-direction:column;gap:4px;border-right:1px solid var(--line);padding-right:8px} #p-stock .mk-pal span{padding:5px 7px;border-radius:6px;background:var(--surface);border:1px solid var(--line);font-size:.62rem;color:var(--fg-2)} #p-stock .mk-props{display:flex;flex-direction:column;gap:6px;border-left:1px solid var(--line);padding-left:8px} #p-stock .mk-canvas{display:grid;place-items:center;border-radius:10px;background:var(--surface-2);padding:14px;min-width:0} #p-stock .tg{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);width:100%;max-width:300px;border:1px solid var(--line-strong);border-radius:6px;background:var(--surface);color:var(--fg);overflow:hidden} #p-stock .tg > div{padding:8px;display:flex;flex-direction:column;gap:3px;min-width:0} #p-stock .tg-front{border-right:1px dashed var(--line-strong);align-items:flex-start;justify-content:space-between} #p-stock .tg-brand{font:760 .78rem/1 var(--font-display);font-variation-settings:"wdth" 125;letter-spacing:.06em;color:var(--gold-ink)} #p-stock .tg-code{font:600 .66rem/1.2 var(--font-mono)} #p-stock .tg-row{display:flex;justify-content:space-between;gap:6px;font:500 .58rem/1.3 var(--font-mono)} #p-stock .tg-sel{outline:2px solid var(--gold);outline-offset:1px;border-radius:2px} #p-stock .tg-qr{width:34px;height:34px;color:var(--fg);flex:none} #p-stock .tg-bar{height:16px;width:100%;background:repeating-linear-gradient(90deg,var(--fg) 0 1px,var(--surface) 1px 3px,var(--fg) 3px 5px,var(--surface) 5px 6px,var(--fg) 6px 7px,var(--surface) 7px 10px)} #p-stock .paper{width:100%;background:var(--surface);border:1px solid var(--line-strong);border-radius:6px;box-shadow:var(--shadow);padding:16px;font-size:.72rem;display:flex;flex-direction:column;gap:10px} #p-stock .band--alt .paper{background:var(--bg)} #p-stock .band--alt .tg{background:var(--bg)} #p-stock .paper-head{display:flex;justify-content:space-between;align-items:center;gap:12px;border-bottom:1px solid var(--line);padding-bottom:8px;color:var(--muted);font:500 .66rem/1.2 var(--font-mono)} #p-stock .sheet{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px} #p-stock .sheet .tg{max-width:none} #p-stock .mk-counts{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:8px} #p-stock .mk-big{font:650 1.6rem/1 var(--font-mono);font-variant-numeric:tabular-nums} #p-stock .dg-node{fill:var(--surface);stroke:var(--line-strong);stroke-width:1.2} #p-stock .band--alt .dg-node{fill:var(--bg)} #p-stock .dg-node--gold{fill:var(--gold-wash);stroke:var(--gold)} #p-stock .dg-pill{fill:var(--surface-2);stroke:var(--line-strong);stroke-width:1} #p-stock .dg-t{fill:var(--fg);font-size:14px;font-weight:650} #p-stock .dg-ts{fill:var(--fg);font-size:12.5px;font-weight:600} #p-stock .dg-s{fill:var(--muted);font-size:11.5px} #p-stock .dg-lane{fill:var(--gold-ink);font-size:11px;font-weight:600;letter-spacing:.12em} #p-stock .dg-g{fill:var(--gold-ink);font-size:12px;font-weight:650} #p-stock .dg-line{stroke:var(--line-strong);stroke-width:1.5;fill:none} #p-stock .dg-gold{stroke:var(--gold);stroke-width:1.6;fill:none} #p-stock .dg-arrow{fill:var(--line-strong)} #p-stock .dg-arrow--gold{fill:var(--gold)}@media (max-width: 620px){ #p-stock .mk-desk{grid-template-columns:minmax(0,1fr)} #p-stock .mk-pal,#p-stock .mk-props{display:none} #p-stock .sheet{grid-template-columns:minmax(0,1fr)} } #p-selling .mk-x{overflow-x:auto;-webkit-overflow-scrolling:touch} #p-selling .mk-mono{font-family:var(--font-mono);font-variant-numeric:tabular-nums} #p-selling .mk-btn{display:inline-flex;align-items:center;gap:5px;padding:5px 10px;border-radius:8px;background:var(--gold);color:var(--on-gold);font-weight:650;font-size:.66rem;white-space:nowrap} #p-selling .mk-btn--ghost{background:var(--surface-2);color:var(--fg-2);border:1px solid var(--line-strong);font-weight:550} #p-selling .mk-acts{display:flex;gap:4px;flex-wrap:wrap;justify-content:flex-end} #p-selling .mk-lede{display:flex;gap:8px;align-items:center;min-width:0} #p-selling .mk-scan{display:flex;align-items:center;gap:8px;padding:7px 10px;border-radius:10px;border:1px dashed var(--gold-line);background:var(--gold-wash);color:var(--gold-ink);font:500 .66rem/1 var(--font-mono)} #p-selling .mk-total td{font-weight:650;border-bottom:0;color:var(--fg)} #p-selling .mk-sel td{background:var(--gold-wash)} #p-selling .mk-two{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px;align-items:start} #p-selling .mk-col{display:flex;align-items:center;gap:6px;padding:5px 7px;border-radius:6px;border:1px solid var(--line);background:var(--surface);font-size:.64rem} #p-selling .mk-col i{width:8px;height:10px;flex:none;background:repeating-linear-gradient(180deg,var(--line-strong) 0 1.5px,var(--surface) 1.5px 3.5px)} #p-selling .mk-col b{font-family:var(--font-mono);font-weight:600;color:var(--gold-ink);min-width:34px} #p-selling .mk-toggle{display:inline-block;width:22px;height:12px;border-radius:6px;background:var(--gold);position:relative;flex:none} #p-selling .mk-toggle::after{content:"";position:absolute;right:2px;top:2px;width:8px;height:8px;border-radius:50%;background:var(--on-gold)} #p-selling .paper{width:100%;background:var(--surface);border:1px solid var(--line-strong);border-radius:6px;box-shadow:var(--shadow);padding:16px;font-size:.72rem;line-height:1.4;display:flex;flex-direction:column;gap:10px;min-width:0} #p-selling .band--alt .paper{background:var(--bg)} #p-selling .paper-title{text-align:center;font:760 1rem/1.1 var(--font-display);font-variation-settings:"wdth" 125;letter-spacing:.12em} #p-selling .paper-meta{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;border-bottom:2px solid var(--fg);padding-bottom:8px;font:500 .64rem/1.4 var(--font-mono);color:var(--fg-2)} #p-selling .paper-foot{display:flex;justify-content:space-between;gap:12px;color:var(--muted);font-size:.62rem;border-top:1px solid var(--line);padding-top:8px} #p-selling .pages{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(0,1fr);gap:18px;width:100%;align-items:start} #p-selling .photos{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px} #p-selling .photos > div{display:flex;flex-direction:column;gap:4px} #p-selling .photos .ui-thumb{width:100%;height:auto;aspect-ratio:4/3;border-radius:6px} #p-selling .mk-prod{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px} #p-selling .mk-prod > div{background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:6px;display:flex;flex-direction:column;gap:2px;min-width:0} #p-selling .mk-prod .ui-thumb{width:100%;height:auto;aspect-ratio:1;border-radius:8px} #p-selling .mk-prod b{font-size:.64rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} #p-selling .mk-brand{font:780 .9rem/1 var(--font-display);font-variation-settings:"wdth" 125;letter-spacing:.06em;color:var(--gold-ink)} #p-selling .mk-chipsrow{display:flex;gap:4px;overflow:hidden} #p-selling .mk-chipsrow span{font:500 .58rem/1 var(--font-mono);padding:4px 7px;border-radius:999px;border:1px solid var(--line-strong);color:var(--fg-2);white-space:nowrap} #p-selling .mk-chipsrow .on{border-color:var(--gold);color:var(--gold-ink);background:var(--gold-wash)} #p-selling .mk-wave{display:flex;align-items:center;gap:2px;height:18px;flex:1;min-width:0} #p-selling .mk-wave i{display:block;width:2px;border-radius:1px;background:var(--gold)} #p-selling .mk-avatar{display:inline-grid;place-items:center;width:26px;height:26px;flex:none;border-radius:50%;background:var(--gold);color:var(--on-gold);font:700 .56rem/1 var(--font-body)} #p-selling .mk-chat{display:flex;flex-direction:column;gap:8px;padding:8px;border-radius:12px;background:var(--surface-2)} #p-selling .mk-bubble{position:relative;align-self:flex-start;max-width:92%;padding:7px 9px 16px;border-radius:4px 12px 12px 12px;background:var(--surface);border:1px solid var(--line);font-size:.66rem;line-height:1.4} #p-selling .mk-bubble-img{display:block;width:100%;height:auto;aspect-ratio:16/9;border-radius:8px;margin-bottom:5px} #p-selling .mk-time{position:absolute;right:8px;bottom:4px;font:500 .52rem/1 var(--font-mono);color:var(--muted)} #p-selling .mk-lock{gap:8px} #p-selling .mk-clock{text-align:center;font:300 2.3rem/1 var(--font-body);color:var(--fg);margin-top:6px} #p-selling .mk-date{text-align:center;margin-bottom:6px} #p-selling .mk-notif{display:flex;gap:8px;align-items:flex-start;padding:8px 9px;border-radius:14px;background:var(--surface-2);border:1px solid var(--line);font-size:.64rem;line-height:1.35} #p-selling .mk-notif-img{display:block;width:100%;height:auto;aspect-ratio:2/1;border-radius:8px;margin-top:5px} #p-selling .mk-prod .ui-pill{align-self:flex-start;margin-top:2px} #p-selling .mk-toast{align-self:center;padding:7px 12px;border-radius:999px;background:var(--fg);color:var(--bg);font-size:.62rem;font-weight:500;text-align:center} #p-selling .mk-safe{align-items:center} #p-selling .wm-photo{position:relative;width:min(100%,360px);margin-inline:auto;border-radius:10px;overflow:hidden;box-shadow:var(--shadow);background:#111} #p-selling .wm-photo img{display:block;width:100%;height:auto} #p-selling .wm-mark{position:absolute;inset:0;display:grid;place-items:center;transform:rotate(-28deg);font:400 2.2rem/1 var(--font-display);letter-spacing:.18em;color:rgba(255,255,255,.22);pointer-events:none;white-space:nowrap} #p-selling .wm-strip{position:absolute;left:0;right:0;bottom:0;display:flex;align-items:flex-end;justify-content:space-between;gap:10px;padding:26px 12px 12px;background:linear-gradient(transparent,rgba(0,0,0,.78));color:#fff} #p-selling .wm-data{display:flex;flex-direction:column;gap:2px;font:500 .7rem/1.3 var(--font-mono)} #p-selling .wm-data b{font:400 .95rem/1.1 var(--font-display);letter-spacing:.08em} #p-selling .wm-qr{width:46px;height:46px;flex:none;border:4px solid #fff;background:#fff repeating-conic-gradient(#111 0 25%,#fff 0 50%) 0 0/7px 7px} #p-selling .mk-trio{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr) minmax(0,1fr);gap:clamp(24px,3vw,40px);align-items:center}@media (max-width: 960px){ #p-selling .mk-trio{grid-template-columns:repeat(2,minmax(0,1fr))} #p-selling .mk-trio > .mk-feat{grid-column:1 / -1;order:3} #p-selling .pages{grid-template-columns:minmax(0,1fr)} }@media (max-width: 620px){ #p-selling .mk-trio{grid-template-columns:minmax(0,1fr)} #p-selling .mk-two{grid-template-columns:minmax(0,1fr)} } #p-ai .ba-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px} #p-ai .ba-cta{aspect-ratio:4/5;border-radius:var(--radius);border:1px dashed var(--gold-line);background:var(--gold-wash);display:flex;flex-direction:column;justify-content:center;gap:10px;padding:clamp(16px,2.4vw,26px);text-decoration:none;color:var(--fg-2);transition:border-color .15s} #p-ai .ba-cta:hover{border-color:var(--gold)} #p-ai .ba-cta b{font:400 var(--step-2)/1.15 var(--font-display);color:var(--fg)} #p-ai .ba-cta .more{font:600 .85rem/1 var(--font-body);color:var(--gold-ink)} #p-ai .ba > .img-ph:first-child{place-items:center start;text-align:left;padding:16px 54% 16px 14px} #p-ai .ba > .img-ph:nth-child(2){clip-path:inset(0 0 0 var(--pos,50%));place-items:center end;text-align:right;padding:16px 14px 16px 54%; background:repeating-linear-gradient(45deg,var(--gold-wash) 0 10px,var(--surface) 10px 20px);color:var(--gold-ink)} #p-ai .stamp{align-self:flex-start} #p-ai .gallery-meta{display:flex;flex-wrap:wrap;gap:12px 20px;align-items:center;justify-content:space-between;margin-top:14px} #p-ai .places{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px} #p-ai .place{border:1px solid var(--line);border-radius:var(--radius);background:var(--bg);padding:14px 14px 16px;display:flex;flex-direction:column;gap:5px;min-width:0} #p-ai .place .no{font:600 .7rem/1 var(--font-mono);letter-spacing:.1em;color:var(--gold-ink)} #p-ai .place .nm{font:680 1.02rem/1.2 var(--font-display);font-variation-settings:"wdth" 112} #p-ai .place .pc{color:var(--muted);font-size:.84rem;line-height:1.4} #p-ai .place--full{border-color:var(--gold-line);background:var(--gold-wash)} #p-ai .mt-y{--metal:var(--gold)} #p-ai .mt-r{--metal:color-mix(in srgb,var(--gold) 58%,var(--crit))} #p-ai .mt-w{--metal:color-mix(in srgb,var(--muted) 72%,var(--gold))} #p-ai .mt-rd{--metal:color-mix(in srgb,var(--gold-deep) 45%,var(--crit))} #p-ai .mt-ag{--metal:color-mix(in srgb,var(--muted) 72%,var(--velvet-fg))} #p-ai .mt-ox{--metal:color-mix(in srgb,var(--muted) 50%,var(--gold-deep))} #p-ai .mt-pt{--metal:var(--muted)} #p-ai .mt-pd{--metal:color-mix(in srgb,var(--muted) 82%,var(--fg-2))} #p-ai .sw{width:10px;height:10px;border-radius:50%;flex:none;background:var(--metal);box-shadow:inset 0 0 0 1px var(--line-strong)} #p-ai .metals{display:flex;flex-direction:column;gap:14px} #p-ai .metal-fam{display:grid;grid-template-columns:112px minmax(0,1fr);gap:12px;align-items:center} #p-ai .metal-fam > span{font-size:.88rem;color:var(--muted)} #p-ai .nk-thread{fill:none;stroke:var(--metal,var(--gold));stroke-width:.8;opacity:.55} #p-ai .nk-chain{fill:none;stroke:var(--metal,var(--gold));stroke-width:3.4;stroke-linecap:round;stroke-dasharray:.1 5} #p-ai .nk-pend{fill:var(--metal,var(--gold))} #p-ai .nk-stone{fill:var(--crit)} #p-ai .sil-skin{fill:color-mix(in srgb,var(--gold-deep) 38%,var(--line-strong))} #p-ai .sil-cloth{fill:color-mix(in srgb,var(--crit) 48%,var(--surface-3))} #p-ai .sil-zari{fill:none;stroke:var(--gold);stroke-width:1.6} #p-ai .sil-alt{fill:color-mix(in srgb,var(--velvet-fg) 40%,var(--surface-3))} #p-ai .swap{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px} #p-ai .render{display:flex;flex-direction:column;gap:5px;min-width:0} #p-ai .render .pic{aspect-ratio:1/1;border-radius:8px;border:1px solid var(--line);display:grid;place-items:center; background:radial-gradient(90% 70% at 50% 30%,var(--surface),var(--surface-2))} #p-ai .render .pic svg{width:78%;height:auto;display:block} #p-ai .render .lbl{font:500 .6rem/1.25 var(--font-mono);color:var(--fg-2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis} #p-ai .mood{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(14px,2vw,22px)} #p-ai .mood .wide{grid-column:span 2} #p-ai .fmts{display:flex;align-items:flex-end;gap:18px;flex-wrap:wrap} #p-ai .fmt{display:flex;flex-direction:column;gap:6px;align-items:flex-start} #p-ai .fmt i{display:block;border:1.5px solid var(--gold-line);background:var(--gold-wash);border-radius:4px} #p-ai .fmt--sq i{width:60px;height:60px} #p-ai .fmt--st i{width:45px;height:80px} #p-ai .fmt--bn i{width:104px;height:58px} #p-ai .fmt b{font:600 .78rem/1 var(--font-mono)} #p-ai .fmt span{font-size:.8rem;color:var(--muted);line-height:1.3} #p-ai .dial{position:relative;height:8px;border-radius:6px;margin:14px 4px 8px;background:linear-gradient(90deg,var(--gold) 32%,var(--surface-3) 32%)} #p-ai .dial::after{content:"";position:absolute;left:32%;top:50%;width:20px;height:20px;margin:-10px 0 0 -10px;border-radius:50%;background:var(--bg);border:2px solid var(--gold)} #p-ai .dial-l{display:flex;justify-content:space-between;font:500 .74rem/1 var(--font-mono);color:var(--muted)} #p-ai .brief{border:1px dashed var(--line-strong);border-radius:8px;padding:12px;font:500 .82rem/1.5 var(--font-mono);color:var(--fg-2);background:var(--surface-2)} #p-ai .ai-cols{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:8px;align-items:start} #p-ai .ai-filter{display:flex;flex-wrap:wrap;gap:4px} #p-ai .ai-models{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px} #p-ai .ai-model{display:flex;flex-direction:column;gap:3px;font-size:.56rem;color:var(--muted);min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} #p-ai .ai-model svg{display:block;width:100%;height:auto;aspect-ratio:4/5;border-radius:7px;border:1px solid var(--line); background:linear-gradient(170deg,var(--surface-2),var(--surface-3))} #p-ai .ai-model.on svg{border-color:var(--gold);box-shadow:0 0 0 1px var(--gold)} #p-ai .ai-input,#p-ai .ai-select,#p-ai .ai-drop{border:1px solid var(--line-strong);border-radius:7px;padding:6px 8px;background:var(--bg);font-size:.64rem;line-height:1.35;min-width:0} #p-ai .ai-select{display:flex;justify-content:space-between;align-items:center;gap:6px;white-space:nowrap;overflow:hidden} #p-ai .ai-select::after{content:"";width:5px;height:5px;margin-top:-3px;border-right:1.5px solid var(--muted);border-bottom:1.5px solid var(--muted);transform:rotate(45deg);flex:none} #p-ai .ai-drop{border-style:dashed;color:var(--muted);text-align:center} #p-ai .ai-seg{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border:1px solid var(--line-strong);border-radius:7px;overflow:hidden;font:600 .62rem/1 var(--font-mono)} #p-ai .ai-seg span{padding:6px 0;text-align:center;color:var(--muted)} #p-ai .ai-seg span + span{border-left:1px solid var(--line-strong)} #p-ai .ai-seg .on{background:var(--gold-wash);color:var(--gold-ink)} #p-ai .ai-slider{position:relative;height:6px;border-radius:4px;margin:6px 6px 2px;background:linear-gradient(90deg,var(--gold) 32%,var(--surface-3) 32%)} #p-ai .ai-slider::after{content:"";position:absolute;left:32%;top:50%;width:12px;height:12px;margin:-6px 0 0 -6px;border-radius:50%;background:var(--bg);border:2px solid var(--gold)} #p-ai .ai-btns{display:inline-flex;gap:6px} #p-ai .ai-btn{display:inline-block;padding:6px 10px;border-radius:999px;border:1px solid var(--line-strong);font-weight:600;font-size:.62rem;white-space:nowrap} #p-ai .ai-btn--gold{background:var(--gold);border-color:var(--gold);color:var(--on-gold)} #p-ai .ai-btn--block{display:block;text-align:center;padding:9px} #p-ai .ai-check{display:inline-block;width:11px;height:11px;border-radius:3px;border:1.5px solid var(--line-strong);vertical-align:-2px;flex:none} #p-ai .ai-check.on{background:var(--gold);border-color:var(--gold);box-shadow:inset 0 0 0 2px var(--surface)} #p-ai .ai-item{display:inline-flex;align-items:center;gap:6px} #p-ai .ai-pair{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:8px;align-items:center} #p-ai .ai-pair > div{display:flex;flex-direction:column;gap:4px;min-width:0} #p-ai .ai-img{width:100%;aspect-ratio:4/5;max-height:230px;border-radius:8px;border:1px solid var(--line);overflow:hidden;display:grid;place-items:center} #p-ai .ai-img svg{width:100%;height:100%;display:block} #p-ai .ai-img--orig{background:var(--surface-2)} #p-ai .ai-img--orig svg{width:72%;height:auto} #p-ai .ai-img--gen{background:radial-gradient(110% 70% at 85% 5%,var(--gold-wash),transparent 60%),linear-gradient(180deg,var(--surface-2),var(--surface-3))} #p-ai .ai-arrow{color:var(--muted);font-family:var(--font-mono)} #p-ai .sh-item .ui-thumb{width:22px;height:22px;border-radius:6px} #p-ai .sh-prev{position:relative;border-radius:10px;overflow:hidden;border:1px solid var(--line);background:radial-gradient(90% 80% at 50% 35%,var(--surface),var(--surface-2));aspect-ratio:4/3;flex:none} #p-ai .sh-prev .nk{position:absolute;left:22%;top:10%;width:56%;height:auto} #p-ai .sh-wm{position:absolute;top:8px;left:10px;font:700 .56rem/1 var(--font-display);font-variation-settings:"wdth" 120;letter-spacing:.16em;color:var(--gold-ink)} #p-ai .sh-strip{position:absolute;left:0;right:0;bottom:0;display:flex;justify-content:space-between;align-items:center;gap:6px;padding:5px 8px;background:var(--surface);border-top:1px solid var(--line);font:500 .56rem/1.25 var(--font-mono)} #p-ai .sh-qr{width:20px;height:20px;flex:none} #p-ai .sh-qr rect{fill:var(--fg)}@media (max-width:960px){ #p-ai .mood{grid-template-columns:repeat(2,minmax(0,1fr))} #p-ai .mood .wide{grid-column:1/-1} }@media (max-width:620px){ #p-ai .ba .tag{font-size:.56rem;padding:3px 5px;bottom:6px} #p-ai .ba .tag--l{left:6px} #p-ai .ba .tag--r{right:6px} #p-ai .ai-foot{justify-content:flex-end} #p-ai .ai-foot > .ui-sub{display:none} #p-ai .places{grid-template-columns:repeat(2,minmax(0,1fr))} #p-ai .place--full{grid-column:1/-1} #p-ai .metal-fam{grid-template-columns:minmax(0,1fr);gap:6px} #p-ai .mood{grid-template-columns:minmax(0,1fr)} #p-ai .ai-cols{grid-template-columns:minmax(0,1fr)} #p-ai .swap{grid-template-columns:repeat(2,minmax(0,1fr))} } #p-built .phases{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(14px,2vw,22px)} #p-built .phase{display:flex;flex-direction:column;gap:12px;min-width:0} #p-built .phase-h{display:flex;align-items:baseline;justify-content:space-between;gap:10px;padding-bottom:10px;border-bottom:1px solid var(--gold-line)} #p-built .phase-h span{font:500 .72rem/1 var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--muted)} #p-built .phase--2 .steps{counter-reset:s 3} #p-built .phase--3 .steps{counter-reset:s 6} #p-built .case-top{display:flex;flex-wrap:wrap;gap:8px;justify-content:space-between;align-items:center} #p-built .case-k{font:500 .7rem/1 var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin-top:4px} #p-built .case p{color:var(--fg-2)} #p-built .case .case-d{color:var(--fg);font-weight:600;line-height:1.45} #p-built .case--wide{grid-column:1/-1;display:grid;grid-template-columns:minmax(0,220px) minmax(0,1fr) minmax(0,1fr);gap:12px 28px;align-items:start} #p-built .case--wide .case-top{flex-direction:column;align-items:flex-start} #p-built .tl-card{gap:16px} #p-built .tl{list-style:none;margin:0;padding:0;display:grid} #p-built .tl li{display:grid;grid-template-columns:62px 18px minmax(0,1fr);gap:10px;align-items:start;padding-bottom:18px} #p-built .tl li:last-child{padding-bottom:0} #p-built .tl .t{font:600 .85rem/1.45 var(--font-mono);color:var(--gold-ink);text-align:right} #p-built .tl .dot{position:relative;align-self:stretch} #p-built .tl .dot::before{content:"";position:absolute;left:4px;top:6px;width:10px;height:10px;border-radius:50%;background:var(--gold);box-shadow:0 0 0 3px var(--gold-wash)} #p-built .tl .dot::after{content:"";position:absolute;left:8px;top:20px;bottom:-16px;width:2px;background:var(--line-strong)} #p-built .tl li:last-child .dot::after{display:none} #p-built .tl .dot--open::before{background:var(--surface);border:2px solid var(--gold);box-shadow:none} #p-built .tl b{display:block} #p-built .tl .muted{font-size:.92rem} #p-built .cfg-split{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);align-items:start} #p-built .cfg{flex-direction:row;align-items:flex-start;gap:14px;padding:16px} #p-built .cfg p{font-size:.88rem;color:var(--muted);margin-top:4px} #p-built .vd{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,2fr) minmax(0,.9fr);gap:8px;align-items:start} #p-built .vd-fields{display:flex;flex-wrap:wrap;gap:4px} #p-built .vd-chip{border:1px dashed var(--line-strong);border-radius:6px;padding:3px 6px;font-size:.58rem;color:var(--fg-2);white-space:nowrap} #p-built .vd-page{background:var(--surface);border:1px solid var(--line-strong);border-radius:4px;padding:10px;display:flex;flex-direction:column;gap:6px;min-width:0;box-shadow:var(--shadow)} #p-built .vd-head{display:flex;justify-content:space-between;align-items:flex-start;gap:8px;border-bottom:1px solid var(--line);padding-bottom:6px} #p-built .vd-brand{font:700 .68rem/1.1 var(--font-display);font-variation-settings:"wdth" 120;letter-spacing:.12em;text-transform:uppercase} #p-built .vd .ui-table th,#p-built .vd .ui-table td{padding:4px 5px;font-size:.58rem} #p-built .vd .ui-table td:not(:first-child),#p-built .vd .ui-table th:not(:first-child){text-align:right} #p-built .vd-sel{outline:1.5px dashed var(--gold);outline-offset:-2px;color:var(--gold-ink)} #p-built .hw{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:20px 40px;align-items:center;border-color:var(--gold-line)} #p-built .hw-stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px} #p-built .only{display:flex;flex-direction:column;gap:16px;align-items:flex-start;max-width:900px}@media (max-width:960px){ #p-built .cfg-split{grid-template-columns:minmax(0,1fr)} #p-built .phases{grid-template-columns:minmax(0,1fr)} #p-built .case--wide{grid-template-columns:minmax(0,1fr)} #p-built .hw{grid-template-columns:minmax(0,1fr)} }@media (max-width:620px){ #p-built .vd{grid-template-columns:minmax(0,1fr)} #p-built .vd-props{display:none} } #p-about .facts{display:flex;flex-direction:column;gap:20px} #p-about .fact{display:grid;grid-template-columns:minmax(0,150px) minmax(0,1fr);gap:4px 18px;padding:14px 0;border-top:1px solid var(--line)} #p-about .fact dt{font:500 .72rem/1.5 var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--muted)} #p-about .fact dd{margin:0;font-weight:600;line-height:1.45} #p-about .facts dl{margin:0} #p-about .way{position:relative;overflow:hidden} #p-about .way .n{font:650 var(--step-3)/1 var(--font-mono);color:var(--gold-ink);font-variant-numeric:tabular-nums} #p-about .way p{color:var(--muted);font-size:.94rem} #p-about .quote{margin:0;display:flex;flex-direction:column;gap:14px;border-left:2px solid var(--gold);padding:4px 0 4px 20px} #p-about .quote p{font:600 var(--step-1)/1.45 var(--font-display);font-variation-settings:"wdth" 106;color:var(--fg-2)} #p-about .quote .pending{font-family:var(--font-mono);font-size:.95rem;color:var(--warn);background:var(--warn-wash);border-radius:6px;padding:8px 10px;align-self:flex-start} #p-about .quote footer{font:500 .8rem/1.3 var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--muted)} #p-about .crow{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px 16px;padding:16px 0;border-bottom:1px solid var(--line)} #p-about .crow:first-child{padding-top:0} #p-about .crow .lbl{display:flex;flex-direction:column;gap:3px} #p-about .crow .lbl span{font:500 .72rem/1 var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--muted)} #p-about .crow .lbl b{font:600 1.05rem/1.3 var(--font-mono)}@media (max-width:520px){#p-about .fact{grid-template-columns:minmax(0,1fr)}} #p-contact .cgrid{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:clamp(24px,4vw,48px);align-items:start} #p-contact .aside{position:sticky;top:90px;display:flex;flex-direction:column;gap:18px} #p-contact .form-card{gap:20px} #p-contact .row2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px} #p-contact fieldset{border:0;margin:0;padding:0;min-width:0} #p-contact legend{font-weight:600;font-size:.9rem;padding:0;margin-bottom:8px} #p-contact .checks input{width:auto;padding:0;margin:0;border:0;background:none;accent-color:var(--gold);flex:none} #p-contact .checks label:has(input:checked){border-color:var(--gold);background:var(--gold-wash);color:var(--gold-ink)} #p-contact .opt{font-weight:400;color:var(--muted)} #p-contact .submit-row{display:flex;flex-wrap:wrap;gap:12px 20px;align-items:center;justify-content:space-between;padding-top:6px} #p-contact .crow{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px 16px;padding:14px 0;border-bottom:1px solid var(--line)} #p-contact .crow:last-child{border-bottom:0;padding-bottom:0} #p-contact .crow .lbl{display:flex;flex-direction:column;gap:3px} #p-contact .crow .lbl span{font:500 .72rem/1 var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--muted)} #p-contact .crow .lbl b{font:600 1rem/1.3 var(--font-mono)} #p-contact .aside .steps li{padding:12px 14px}@media (max-width:960px){ #p-contact .cgrid{grid-template-columns:minmax(0,1fr)} #p-contact .aside{position:static} }@media (max-width:620px){#p-contact .row2{grid-template-columns:minmax(0,1fr)}} #p-support .reach{display:flex;flex-direction:column;gap:14px} #p-support .reach .val{font:600 1.1rem/1.3 var(--font-mono)} #p-support .reach .actions{margin-top:auto} #p-support .docfig{margin:0;display:flex;flex-direction:column;align-items:center;gap:12px;min-width:0} #p-support .doc{width:100%;max-width:440px;background:var(--bg);border:1px solid var(--line-strong);border-radius:6px;box-shadow:var(--shadow); padding:22px 22px 26px;display:flex;flex-direction:column;gap:12px;font-size:.84rem;line-height:1.5} #p-support .doc-head{display:flex;justify-content:space-between;align-items:center;gap:10px;border-bottom:1px solid var(--line);padding-bottom:10px; font:500 .66rem/1 var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--muted)} #p-support .doc-head b{font:780 .9rem/1 var(--font-display);font-variation-settings:"wdth" 125;letter-spacing:.01em;text-transform:none;color:var(--fg)} #p-support .doc-head b i{font-style:normal;color:var(--gold-ink)} #p-support .doc-title{font:720 1.35rem/1.15 var(--font-display);font-variation-settings:"wdth" 114} #p-support .doc-sub{color:var(--muted);font-size:.78rem} #p-support .doc-box{border:1px solid var(--gold-line);background:var(--gold-wash);border-radius:6px;padding:10px 12px;display:flex;flex-direction:column;gap:4px} #p-support .doc-box b{font:600 .66rem/1 var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--gold-ink)} #p-support .doc h5{margin:4px 0 0;font:650 .86rem/1.2 var(--font-body)} #p-support .doc ol{margin:0;padding-left:18px;display:grid;gap:3px;color:var(--fg-2)} #p-support .doc-fig{border:1px solid var(--line);border-radius:6px;padding:10px;display:flex;flex-direction:column;gap:6px;background:var(--surface-2)} #p-support .doc-fig .cap{font:500 .62rem/1.2 var(--font-mono);color:var(--muted)} #p-support .doc-row{display:flex;justify-content:space-between;gap:8px;padding:6px 8px;border-radius:5px;background:var(--surface);border:1px solid var(--line);font-size:.68rem} #p-support .doc-row span:last-child{font-family:var(--font-mono);color:var(--muted);white-space:nowrap} #p-support .doc-btn{align-self:flex-end;padding:5px 10px;border-radius:999px;background:var(--gold);color:var(--on-gold);font:600 .64rem/1 var(--font-body)} #p-support .plist{display:flex;flex-direction:column} #p-support .prow{display:grid;grid-template-columns:minmax(0,190px) minmax(0,1fr);gap:6px 24px;padding:16px 0;border-bottom:1px solid var(--line)} #p-support .prow:first-child{padding-top:0} #p-support .prow dt{font-weight:650} #p-support .prow dd{margin:0;color:var(--fg-2)} #p-support .plist{margin:0} #p-support .cta-band .wrap{padding-block:clamp(32px,4vw,52px)} #p-support .cta-band h2{font-size:var(--step-2);max-width:30ch}@media (max-width:620px){#p-support .prow{grid-template-columns:minmax(0,1fr)}} #p-privacy .legal-wrap{max-width:780px} #p-privacy .legal-meta{font:500 .78rem/1.4 var(--font-body);color:var(--muted)} #p-privacy .short{border:1px solid var(--gold-line);background:var(--gold-wash);border-radius:var(--radius);padding:clamp(18px,2.4vw,26px);display:flex;flex-direction:column;gap:12px} #p-privacy .short h2{font-size:var(--step-2)} #p-privacy .short ul{margin:0;padding-left:20px;display:grid;gap:8px;color:var(--fg)} #p-privacy .toc{margin:0;padding-left:22px;columns:2 260px;column-gap:32px;color:var(--fg-2)} #p-privacy .toc li{margin-bottom:6px;break-inside:avoid} #p-privacy .toc a{color:var(--fg-2);text-decoration:none;border-bottom:1px solid var(--line-strong)} #p-privacy .toc a:hover{color:var(--gold-ink);border-color:var(--gold)} #p-privacy .legal{display:flex;flex-direction:column;gap:clamp(30px,4vw,44px)} #p-privacy .legal section{display:flex;flex-direction:column;gap:12px} #p-privacy .legal h2{font-family:var(--font-body);font-weight:600;font-size:var(--step-2);line-height:1.2;letter-spacing:0} #p-privacy .legal h3{font:600 1.02rem/1.3 var(--font-body)} #p-privacy .legal p,#p-privacy .legal li{color:var(--fg-2);line-height:1.65} #p-privacy .legal ul,#p-privacy .legal ol{margin:0;padding-left:22px;display:grid;gap:8px} #p-privacy .legal b{color:var(--fg)} #p-privacy .legal a{color:var(--gold-ink)} #p-privacy .providers{display:grid;gap:0;border-top:1px solid var(--line)} #p-privacy .providers > div{display:grid;grid-template-columns:minmax(0,210px) minmax(0,1fr);gap:4px 20px;padding:12px 0;border-bottom:1px solid var(--line)} #p-privacy .providers dt{font-weight:600;color:var(--fg)} #p-privacy .providers dd{margin:0;color:var(--fg-2)} #p-privacy .contact-card{border:1px solid var(--line-strong);border-radius:var(--radius);padding:18px 20px;background:var(--surface);display:grid;gap:4px} @media (max-width:620px){#p-privacy .providers > div{grid-template-columns:minmax(0,1fr)}} #p-terms .legal-wrap{max-width:780px} #p-terms .legal-meta{font:500 .78rem/1.4 var(--font-body);color:var(--muted)} #p-terms .short{border:1px solid var(--gold-line);background:var(--gold-wash);border-radius:var(--radius);padding:clamp(18px,2.4vw,26px);display:flex;flex-direction:column;gap:12px} #p-terms .short h2{font-size:var(--step-2)} #p-terms .short ul{margin:0;padding-left:20px;display:grid;gap:8px;color:var(--fg)} #p-terms .toc{margin:0;padding-left:22px;columns:2 260px;column-gap:32px;color:var(--fg-2)} #p-terms .toc li{margin-bottom:6px;break-inside:avoid} #p-terms .toc a{color:var(--fg-2);text-decoration:none;border-bottom:1px solid var(--line-strong)} #p-terms .toc a:hover{color:var(--gold-ink);border-color:var(--gold)} #p-terms .legal{display:flex;flex-direction:column;gap:clamp(30px,4vw,44px)} #p-terms .legal section{display:flex;flex-direction:column;gap:12px} #p-terms .legal h2{font-family:var(--font-body);font-weight:600;font-size:var(--step-2);line-height:1.2;letter-spacing:0} #p-terms .legal p,#p-terms .legal li{color:var(--fg-2);line-height:1.65} #p-terms .legal ul{margin:0;padding-left:22px;display:grid;gap:8px} #p-terms .legal b{color:var(--fg)} #p-terms .legal a{color:var(--gold-ink)} #p-terms .contact-card{border:1px solid var(--line-strong);border-radius:var(--radius);padding:18px 20px;background:var(--surface);display:grid;gap:4px}