:root{--paper:#F6F7F9;--panel:#FFFFFF;--ink:#16181D;--graphite:#5A5F6A;--mute:#8A8F99;--hair:#E3E6EB;--hair2:#D3D8DF;
  --s1:#FF3B5C;--s2:#FF8A1F;--s3:#FFD21F;--s4:#2BD4A4;--s5:#2F8CFF;--s6:#7B4DFF;
  --good:#16874A;--lim:#B86E00;--no:#C43434;--g5:#2F6BFF;
  --spectrum:linear-gradient(90deg,var(--s1),var(--s2) 20%,var(--s3) 38%,var(--s4) 58%,var(--s5) 78%,var(--s6));
  --sans:"Geist",-apple-system,BlinkMacSystemFont,"SF Pro Text","PingFang SC","Hiragino Sans GB","Noto Sans SC","Microsoft YaHei",system-ui,sans-serif;
  --w:1200px;color-scheme:light}
:root[data-theme=dark]{--paper:#0B0D12;--panel:#12151C;--ink:#F2F3F5;--graphite:#A7ACB7;--mute:#7C828E;--hair:#20242C;--hair2:#2C313B;--good:#3DD68C;--lim:#F5B041;--no:#FF6B6B;--g5:#6EA2FF;color-scheme:dark}
:root{box-sizing:border-box;padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px)}
html{scroll-padding-top:calc(76px + env(safe-area-inset-top,0px));-webkit-text-size-adjust:100%}
*,*::before,*::after{box-sizing:inherit}
body{margin:0;background:var(--paper);color:var(--ink);font:17px/1.6 var(--sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}
a{color:inherit}
.wrap{max-width:var(--w);margin:0 auto;padding:0 28px}
:focus-visible{outline:2px solid var(--s5);outline-offset:3px;border-radius:6px}
/* navigation */
.nav{position:sticky;top:env(safe-area-inset-top,0px);z-index:40;background:color-mix(in srgb,var(--paper) 78%,transparent);-webkit-backdrop-filter:saturate(180%) blur(18px);backdrop-filter:saturate(180%) blur(18px);border-bottom:1px solid var(--hair)}
.nav .wrap{display:flex;align-items:center;gap:28px;height:64px}
.brand{display:flex;align-items:center;gap:10px;text-decoration:none;font-weight:650;letter-spacing:.02em;font-size:17px;flex:none}
.brand svg{width:30px;height:30px}
.links{display:flex;gap:26px;font-size:15px}
.links a{text-decoration:none;color:var(--graphite)}
.links a:hover{color:var(--ink)}
.nav-r{margin-left:auto;display:flex;align-items:center;gap:10px}
.find{display:flex;align-items:center;gap:10px;height:38px;padding:0 12px 0 14px;border:1px solid var(--hair2);border-radius:999px;background:var(--panel);color:var(--mute);font:inherit;font-size:14px;cursor:pointer;min-width:220px}
.find kbd{margin-left:auto;padding:1px 7px;border:1px solid var(--hair2);border-radius:6px;font:12px var(--sans);color:var(--mute)}
.btn{display:inline-flex;align-items:center;justify-content:center;height:44px;padding:0 22px;border-radius:999px;border:1px solid transparent;font:inherit;font-size:15px;font-weight:600;text-decoration:none;cursor:pointer;white-space:nowrap}
.btn-ink{background:var(--ink);color:var(--paper)}
.btn-ink:hover{opacity:.88}
.btn-line{border-color:var(--hair2);background:transparent;color:var(--ink)}
.btn-line:hover{border-color:var(--ink)}
.nav .btn{height:38px;padding:0 16px;font-size:14px}
.icon-btn{width:38px;height:38px;border:1px solid var(--hair2);border-radius:999px;background:transparent;color:var(--graphite);cursor:pointer;display:grid;place-items:center}
.icon-btn svg{width:18px;height:18px}
/* hero */
.hero{padding:88px 0 0}
.hero h1{margin:0;font-size:clamp(46px,7.4vw,104px);line-height:1.02;font-weight:650;letter-spacing:-.01em}
.hero .lead{margin:28px 0 0;max-width:30em;font-size:clamp(18px,1.6vw,21px);line-height:1.65;color:var(--graphite)}
.cta{display:flex;flex-wrap:wrap;gap:12px;margin-top:34px}
.field{position:relative;margin-top:64px;height:clamp(180px,26vw,300px)}
.field canvas{position:absolute;inset:0;width:100%;height:100%;display:block}
.axis{position:relative;height:22px;margin-top:10px;font-size:12.5px;color:var(--mute)}
.axis span{position:absolute;transform:translateX(-50%);white-space:nowrap}
.readout{min-height:24px;margin-top:6px;font-size:14px;color:var(--graphite)}
.facts{display:grid;grid-template-columns:repeat(4,1fr);margin-top:44px;border-top:1px solid var(--hair)}
.facts div{padding:22px 20px 26px 0}
.facts div+div{padding-left:22px;border-left:1px solid var(--hair)}
.facts b{display:block;font-size:30px;font-weight:600;letter-spacing:-.01em;font-variant-numeric:tabular-nums}
.facts span{font-size:14px;color:var(--graphite)}
/* sections */
section.block{padding:120px 0 0}
.head{display:grid;grid-template-columns:minmax(0,8fr) minmax(0,4fr);gap:40px;align-items:end;margin-bottom:44px}
.head h2{margin:0;font-size:clamp(30px,3.3vw,46px);line-height:1.12;font-weight:650;letter-spacing:-.01em}
.head p{margin:0;color:var(--graphite);max-width:32em}
/* products: a stage, not a card grid */
.stage{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}
.dev .plinth{position:relative;aspect-ratio:16/11;border-radius:28px;background:var(--panel);border:1px solid var(--hair);overflow:hidden;display:grid;place-items:center}
.dev .plinth::after{content:"";position:absolute;left:12%;right:12%;bottom:18%;height:2px;background:var(--spectrum);filter:blur(10px);opacity:.75}
.dev .plinth svg{width:78%;height:auto;position:relative;z-index:1}
.dev h3{margin:22px 0 4px;font-size:24px;font-weight:650;letter-spacing:-.005em}
.dev .one{margin:0;color:var(--graphite);font-size:16px}
.dev ul{list-style:none;margin:16px 0 0;padding:0;border-top:1px solid var(--hair)}
.dev li{padding:10px 0;border-bottom:1px solid var(--hair);font-size:15px;display:flex;justify-content:space-between;gap:16px}
.dev li span:first-child{flex:none;min-width:4.6em;color:var(--mute)}
.dev li span:last-child{text-align:right}
.dev .go{display:flex;gap:18px;margin-top:16px;font-size:15px;font-weight:600}
.dev .go a{text-decoration:none;border-bottom:1.5px solid var(--hair2);padding-bottom:2px}
.dev .go a:hover{border-color:var(--ink)}
/* live answer */
.live{border:1px solid var(--hair);border-radius:28px;background:var(--panel);padding:28px}
.chips{display:flex;gap:8px;overflow-x:auto;padding-bottom:6px;scrollbar-width:none}
.chips::-webkit-scrollbar{display:none}
.chip{flex:none;height:38px;padding:0 16px;border:1px solid var(--hair2);border-radius:999px;background:transparent;color:var(--ink);font:inherit;font-size:15px;cursor:pointer}
.chip[aria-pressed=true]{background:var(--ink);border-color:var(--ink);color:var(--paper)}
.res{margin-top:22px}
.res-row{display:grid;grid-template-columns:170px 1fr 190px;gap:18px;align-items:center;padding:16px 0;border-top:1px solid var(--hair)}
.res-row .nm{font-weight:650}
.res-row .nm small{display:block;font-weight:400;font-size:13px;color:var(--mute)}
.nets{display:flex;flex-wrap:wrap;gap:6px}
.pill{display:inline-flex;align-items:center;gap:6px;height:30px;padding:0 11px;border-radius:999px;font-size:13.5px;border:1px solid var(--hair2)}
.pill i{width:8px;height:8px;border-radius:50%;flex:none}
.pill.good i{background:var(--good)}.pill.good5g i{background:var(--g5)}.pill.limited i{background:var(--lim)}.pill.no i{background:var(--no)}.pill.unk i{background:var(--mute)}
.sum{font-size:14px;color:var(--graphite);text-align:right}
.sum b{color:var(--ink);font-weight:650}
.live .foot{display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px;margin-top:18px;padding-top:16px;border-top:1px solid var(--hair);font-size:14px;color:var(--graphite)}
.legend{display:flex;flex-wrap:wrap;gap:14px}
.legend span{display:inline-flex;align-items:center;gap:6px}
.legend i{width:8px;height:8px;border-radius:50%}
/* tools: rows */
.tools{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--hair)}
.tool{display:grid;grid-template-columns:1fr auto;gap:6px 24px;padding:26px 28px 28px 0;border-bottom:1px solid var(--hair);text-decoration:none}
.tool:nth-child(even){padding-left:28px;padding-right:0;border-left:1px solid var(--hair)}
.tool h3{margin:0;font-size:21px;font-weight:650}
.tool p{grid-column:1;margin:0;color:var(--graphite);font-size:15.5px}
.tool .fig{grid-row:1/span 2;grid-column:2;align-self:center;text-align:right;font-size:30px;font-weight:600;letter-spacing:-.01em;font-variant-numeric:tabular-nums}
.tool .fig small{display:block;font-size:13px;font-weight:400;color:var(--mute)}
.tool:hover h3{text-decoration:underline;text-underline-offset:4px;text-decoration-thickness:1.5px}
/* uses */
.uses{display:grid;grid-template-columns:repeat(4,1fr);gap:28px}
.use svg{width:36px;height:36px;margin-bottom:14px}
.use h3{margin:0 0 6px;font-size:18px;font-weight:650}
.use p{margin:0;color:var(--graphite);font-size:15px}
/* commitment + contact */
.pledge{margin-top:120px;padding:28px 0;border-top:1px solid var(--hair);border-bottom:1px solid var(--hair);display:flex;flex-wrap:wrap;gap:16px;align-items:center;justify-content:space-between}
.pledge p{margin:0;font-size:18px}
.pledge p::before{content:"";display:inline-block;width:28px;height:3px;margin-right:14px;vertical-align:middle;border-radius:2px;background:var(--spectrum)}
.contact{padding:120px 0 0}
.contact h2{margin:0;font-size:clamp(34px,4.6vw,64px);line-height:1.08;font-weight:650;letter-spacing:-.01em;max-width:13em}
.contact p{margin:22px 0 0;color:var(--graphite);max-width:34em}
footer{margin-top:120px;padding:40px 0 120px;border-top:1px solid var(--hair);font-size:14px;color:var(--mute)}
footer .cols{display:grid;grid-template-columns:2fr repeat(3,1fr);gap:28px}
footer b{display:block;color:var(--ink);font-weight:600;margin-bottom:10px}
footer a{display:block;text-decoration:none;color:var(--graphite);padding:3px 0}
footer .legal{margin-top:34px}
/* search palette */
.pal{position:fixed;inset:0;z-index:80;display:none;align-items:flex-start;justify-content:center;padding:12vh 16px 16px;background:rgba(12,14,18,.36);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}
.pal.on{display:flex}
.pal-box{width:min(620px,100%);background:var(--panel);border:1px solid var(--hair2);border-radius:20px;box-shadow:0 30px 80px rgba(10,12,20,.28);overflow:hidden}
.pal input{width:100%;height:58px;padding:0 20px;border:0;border-bottom:1px solid var(--hair);background:transparent;color:var(--ink);font:inherit;font-size:18px;outline:none}
.pal ul{list-style:none;margin:0;padding:8px;max-height:52vh;overflow:auto}
.pal li a{display:flex;justify-content:space-between;gap:12px;padding:12px 14px;border-radius:12px;text-decoration:none}
.pal li a span{color:var(--mute);font-size:14px}
.pal li a:hover,.pal li a.sel{background:color-mix(in srgb,var(--ink) 6%,transparent)}
/* phone action bar + assistant */
.bar{display:none}
.hala{position:fixed;right:22px;bottom:calc(24px + env(safe-area-inset-bottom,0px));z-index:50;width:58px;height:58px;border-radius:50%;border:0;background:var(--ink);color:var(--paper);font:600 14px var(--sans);cursor:pointer;box-shadow:0 12px 30px rgba(10,12,20,.25)}
.hala::before{content:"";position:absolute;inset:-3px;border-radius:50%;padding:3px;background:var(--spectrum);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude}
@media (max-width:980px){.links{display:none}.find{min-width:0}.find span.t{display:none}.stage{grid-template-columns:1fr;gap:44px}.uses{grid-template-columns:1fr 1fr}.head{grid-template-columns:1fr;gap:14px}.res-row{grid-template-columns:1fr;gap:10px}.sum{text-align:left}}
@media (max-width:640px){.wrap{padding:0 20px}.nav .btn,.find kbd{display:none}.hero{padding-top:56px}.facts{grid-template-columns:1fr 1fr}.facts div:nth-child(3){padding-left:0;border-left:0}.facts div:nth-child(n+3){border-top:1px solid var(--hair)}
  .tools{grid-template-columns:1fr}.tool:nth-child(even){padding-left:0;border-left:0}.uses{grid-template-columns:1fr}section.block{padding-top:88px}
  .bar{display:grid;grid-template-columns:1fr 1fr 1fr;position:fixed;left:0;right:0;bottom:0;z-index:45;padding:8px 12px calc(8px + env(safe-area-inset-bottom,0px));gap:8px;background:color-mix(in srgb,var(--paper) 86%,transparent);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-top:1px solid var(--hair)}
  .bar .btn{height:46px;padding:0 10px}.hala{bottom:calc(84px + env(safe-area-inset-bottom,0px));right:16px;width:52px;height:52px}footer{padding-bottom:150px}}
@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}

.switch{display:inline-flex;gap:4px;padding:4px;border:1px solid var(--hair2);border-radius:999px;background:var(--panel);margin-top:28px}
.switch a{padding:8px 16px;border-radius:999px;text-decoration:none;font-size:14px;font-weight:600;color:var(--graphite)}
.switch a[aria-current=page]{background:var(--ink);color:var(--paper)}
.phero{display:grid;grid-template-columns:minmax(0,6fr) minmax(0,5fr);gap:56px;align-items:center;padding:48px 0 0}
.phero h1{margin:0;font-size:clamp(48px,6vw,86px);line-height:1;font-weight:650;letter-spacing:-.02em}
.phero .line{margin:16px 0 0;font-size:clamp(19px,1.7vw,23px);font-weight:600}
.phero .lead{margin:16px 0 0;color:var(--graphite);max-width:32em}
.pfacts{display:grid;grid-template-columns:repeat(3,1fr);margin-top:30px;border-top:1px solid var(--hair)}
.pfacts div{padding:16px 16px 0 0}.pfacts div+div{padding-left:16px;border-left:1px solid var(--hair)}
.pfacts b{display:block;font-size:22px;font-weight:600;line-height:1.3}.pfacts span{font-size:13.5px;color:var(--graphite)}
.pstage{position:relative;aspect-ratio:4/3;border-radius:32px;background:var(--panel);border:1px solid var(--hair);display:grid;place-items:center;overflow:hidden}
.pstage::after{content:"";position:absolute;left:14%;right:14%;bottom:14%;height:3px;background:var(--spectrum);filter:blur(14px);opacity:.8;z-index:1}
.pstage svg{width:82%;height:auto;position:relative;z-index:1}
.sub{position:sticky;top:calc(64px + env(safe-area-inset-top,0px));z-index:30;margin-top:72px;background:color-mix(in srgb,var(--paper) 86%,transparent);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom:1px solid var(--hair)}
.sub .wrap{display:flex;gap:26px;height:52px;align-items:center;overflow-x:auto;scrollbar-width:none}
.sub a{flex:none;text-decoration:none;font-size:15px;color:var(--graphite)}.sub a:hover{color:var(--ink)}
.sub .btn{margin-left:auto;height:36px;padding:0 16px;font-size:14px}
.pt{padding:96px 0 0}
.pt h2{margin:0 0 10px;font-size:clamp(28px,3vw,40px);line-height:1.15;font-weight:650;letter-spacing:-.01em}
.pt .intro{margin:0 0 30px;color:var(--graphite);max-width:40em}
.where{border-top:1px solid var(--hair)}
.wrow{display:grid;grid-template-columns:140px 1fr 120px;gap:18px;align-items:center;padding:14px 0;border-bottom:1px solid var(--hair)}
.wrow .cn{font-weight:650}.wrow .ct{text-align:right;font-size:14px;color:var(--graphite)}.wrow .ct b{color:var(--ink)}
.report{display:flex;flex-wrap:wrap;gap:12px;align-items:center;justify-content:space-between;margin-top:22px;padding:20px 22px;border-radius:20px;background:var(--panel);border:1px solid var(--hair)}
.report p{margin:0;color:var(--graphite)}
.specs{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--hair)}
.specs div{display:grid;grid-template-columns:7em 1fr;gap:16px;padding:14px 24px 14px 0;border-bottom:1px solid var(--hair)}
.specs div:nth-child(even){padding-left:24px;border-left:1px solid var(--hair)}
.specs dt{color:var(--mute)}.specs dd{margin:0}
.certs{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--hair)}
.certs div{padding:14px 16px 14px 0;border-bottom:1px solid var(--hair)}
.certs b{display:block;font-weight:600}.certs span{font-size:14px;color:var(--graphite)}.certs .no span{color:var(--mute)}
.puses{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.puses>div{padding:24px 26px;border-radius:32px;background:var(--surface)}
.puses h3{margin:0 0 6px;font-size:19px;font-weight:650}.puses p{margin:0;color:var(--graphite)}
.supply{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--hair)}
.supply div{padding:18px 20px 18px 0;border-bottom:1px solid var(--hair)}.supply div+div{padding-left:20px;border-left:1px solid var(--hair)}
.supply b{display:block;font-size:14px;font-weight:400;color:var(--mute)}.supply span{display:block;margin-top:6px;font-size:18px;font-weight:600;line-height:1.5}
details.q{border-bottom:1px solid var(--hair);padding:16px 0}
details.q summary{cursor:pointer;font-weight:600;font-size:18px;list-style:none}
details.q summary::-webkit-details-marker{display:none}
details.q summary::after{content:"+";float:right;color:var(--mute);font-weight:400}
details.q[open] summary::after{content:"−"}
details.q p{margin:10px 0 0;color:var(--graphite);max-width:44em}
@media (max-width:980px){.phero{grid-template-columns:1fr;gap:32px}.pstage{order:-1}.specs,.puses,.supply{grid-template-columns:1fr}.specs div:nth-child(even){padding-left:0;border-left:0}.supply div+div{padding-left:0;border-left:0}.certs{grid-template-columns:1fr 1fr}.wrow{grid-template-columns:1fr;gap:8px}.wrow .ct{text-align:left}}
@media (max-width:640px){.pfacts{grid-template-columns:1fr}.pfacts div+div{padding-left:0;border-left:0}.sub .btn{display:none}}

/* ===== design language v2 · spectrum, editorial serif, tonal shapes, the nexus line ===== */
:root{--paper:#FAFAF7;--panel:#FFFFFF;--surface:#F1F2ED;--surface2:#E6E8E1;--ink:#1B1C1A;--graphite:#5E615A;--mute:#8C8F87;--hair:#E3E4DD;--hair2:#D5D7CF;
  --serif:"Newsreader","Noto Serif SC","Noto Serif CJK SC","Source Han Serif SC","Songti SC","STSong",serif;--sans:"Figtree",-apple-system,BlinkMacSystemFont,"PingFang SC","Hiragino Sans GB","Noto Sans SC","Microsoft YaHei",system-ui,sans-serif}
:root[data-theme=dark]{--paper:#111210;--panel:#1A1B19;--surface:#1D1F1C;--surface2:#282A26;--ink:#F3F3EF;--graphite:#ACAFA7;--mute:#81847C;--hair:#262824;--hair2:#353730}
body{font-family:var(--sans)}
.hero h1,.head h2,.contact h2,.phero h1,.pt h2,.dev h3,.facts b,.tool .fig,.pfacts b,.pledge p{font-family:var(--serif);font-weight:600;letter-spacing:-.005em;font-optical-sizing:auto}
.hero h1{font-size:clamp(50px,7.8vw,112px);line-height:1.05}
.head h2,.pt h2{font-size:clamp(32px,3.6vw,50px);line-height:1.12}
.facts b{font-size:34px;font-weight:500}.tool .fig{font-weight:500}
.nav{border-bottom:0;background:color-mix(in srgb,var(--paper) 82%,transparent)}
.find{border:0;background:var(--surface)}
.btn-line{border-color:transparent;background:var(--surface2)}
.btn-line:hover{border-color:transparent;background:color-mix(in srgb,var(--surface2) 70%,var(--ink) 12%)}
.btn{transition:transform .25s cubic-bezier(.34,1.56,.64,1),background .2s,opacity .2s}
.btn:active{transform:scale(.96)}
.facts{border-top:0;gap:14px}
.facts div,.facts div+div{padding:22px 24px;border:0;border-radius:28px;background:var(--surface)}
.live{border:0;background:var(--surface);border-radius:40px;padding:32px}
.chip{border:0;background:var(--surface2);transition:transform .25s cubic-bezier(.34,1.56,.64,1),background .2s}
.chip:active{transform:scale(.94)}
.pill{border:0;background:var(--panel)}
.res-row{border-top-color:var(--hair2)}
.live .foot{border-top-color:var(--hair2)}
.tools{border-top:0;gap:14px}
.tool,.tool:nth-child(even){padding:28px 30px;border:0;border-radius:32px;background:var(--surface)}
.use{padding:26px 26px 28px;border-radius:32px;background:var(--surface)}
.use svg{width:56px;height:56px}
.pledge{border:0;border-radius:40px;background:var(--surface);padding:30px 34px;margin-top:96px}
/* shapes as identity: a stadium for MF833V, a squircle for Dongle 400, a five-lobed cookie for F40 */
.dev .plinth,.pstage{border:0;background:transparent;overflow:visible}
.dev .plinth::before,.pstage::before{content:"";position:absolute;inset:4%;background:var(--surface)}
.shape-pill::before{inset:17% 3%!important;border-radius:999px;background:var(--surface2)}
.shape-squircle::before{-webkit-mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%20100%20100%22%3E%3Cpath%20d%3D%22M99.00%2050.00%20L98.95%2064.58%20L98.81%2069.82%20L98.58%2073.70%20L98.25%2076.87%20L97.83%2079.59%20L97.31%2081.97%20L96.69%2084.10%20L95.97%2086.01%20L95.14%2087.74%20L94.21%2089.30%20L93.17%2090.72%20L92.00%2092.00%20L90.72%2093.17%20L89.30%2094.21%20L87.74%2095.14%20L86.01%2095.97%20L84.10%2096.69%20L81.97%2097.31%20L79.59%2097.83%20L76.87%2098.25%20L73.70%2098.58%20L69.82%2098.81%20L64.58%2098.95%20L50.00%2099.00%20L35.42%2098.95%20L30.18%2098.81%20L26.30%2098.58%20L23.13%2098.25%20L20.41%2097.83%20L18.03%2097.31%20L15.90%2096.69%20L13.99%2095.97%20L12.26%2095.14%20L10.70%2094.21%20L9.28%2093.17%20L8.00%2092.00%20L6.83%2090.72%20L5.79%2089.30%20L4.86%2087.74%20L4.03%2086.01%20L3.31%2084.10%20L2.69%2081.97%20L2.17%2079.59%20L1.75%2076.87%20L1.42%2073.70%20L1.19%2069.82%20L1.05%2064.58%20L1.00%2050.00%20L1.05%2035.42%20L1.19%2030.18%20L1.42%2026.30%20L1.75%2023.13%20L2.17%2020.41%20L2.69%2018.03%20L3.31%2015.90%20L4.03%2013.99%20L4.86%2012.26%20L5.79%2010.70%20L6.83%209.28%20L8.00%208.00%20L9.28%206.83%20L10.70%205.79%20L12.26%204.86%20L13.99%204.03%20L15.90%203.31%20L18.03%202.69%20L20.41%202.17%20L23.13%201.75%20L26.30%201.42%20L30.18%201.19%20L35.42%201.05%20L50.00%201.00%20L64.58%201.05%20L69.82%201.19%20L73.70%201.42%20L76.87%201.75%20L79.59%202.17%20L81.97%202.69%20L84.10%203.31%20L86.01%204.03%20L87.74%204.86%20L89.30%205.79%20L90.72%206.83%20L92.00%208.00%20L93.17%209.28%20L94.21%2010.70%20L95.14%2012.26%20L95.97%2013.99%20L96.69%2015.90%20L97.31%2018.03%20L97.83%2020.41%20L98.25%2023.13%20L98.58%2026.30%20L98.81%2030.18%20L98.95%2035.42Z%22/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%20100%20100%22%3E%3Cpath%20d%3D%22M99.00%2050.00%20L98.95%2064.58%20L98.81%2069.82%20L98.58%2073.70%20L98.25%2076.87%20L97.83%2079.59%20L97.31%2081.97%20L96.69%2084.10%20L95.97%2086.01%20L95.14%2087.74%20L94.21%2089.30%20L93.17%2090.72%20L92.00%2092.00%20L90.72%2093.17%20L89.30%2094.21%20L87.74%2095.14%20L86.01%2095.97%20L84.10%2096.69%20L81.97%2097.31%20L79.59%2097.83%20L76.87%2098.25%20L73.70%2098.58%20L69.82%2098.81%20L64.58%2098.95%20L50.00%2099.00%20L35.42%2098.95%20L30.18%2098.81%20L26.30%2098.58%20L23.13%2098.25%20L20.41%2097.83%20L18.03%2097.31%20L15.90%2096.69%20L13.99%2095.97%20L12.26%2095.14%20L10.70%2094.21%20L9.28%2093.17%20L8.00%2092.00%20L6.83%2090.72%20L5.79%2089.30%20L4.86%2087.74%20L4.03%2086.01%20L3.31%2084.10%20L2.69%2081.97%20L2.17%2079.59%20L1.75%2076.87%20L1.42%2073.70%20L1.19%2069.82%20L1.05%2064.58%20L1.00%2050.00%20L1.05%2035.42%20L1.19%2030.18%20L1.42%2026.30%20L1.75%2023.13%20L2.17%2020.41%20L2.69%2018.03%20L3.31%2015.90%20L4.03%2013.99%20L4.86%2012.26%20L5.79%2010.70%20L6.83%209.28%20L8.00%208.00%20L9.28%206.83%20L10.70%205.79%20L12.26%204.86%20L13.99%204.03%20L15.90%203.31%20L18.03%202.69%20L20.41%202.17%20L23.13%201.75%20L26.30%201.42%20L30.18%201.19%20L35.42%201.05%20L50.00%201.00%20L64.58%201.05%20L69.82%201.19%20L73.70%201.42%20L76.87%201.75%20L79.59%202.17%20L81.97%202.69%20L84.10%203.31%20L86.01%204.03%20L87.74%204.86%20L89.30%205.79%20L90.72%206.83%20L92.00%208.00%20L93.17%209.28%20L94.21%2010.70%20L95.14%2012.26%20L95.97%2013.99%20L96.69%2015.90%20L97.31%2018.03%20L97.83%2020.41%20L98.25%2023.13%20L98.58%2026.30%20L98.81%2030.18%20L98.95%2035.42Z%22/%3E%3C/svg%3E") center/contain no-repeat}
.shape-cookie::before{-webkit-mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%20100%20100%22%3E%3Cpath%20d%3D%22M50.00%203.00%20L51.64%203.08%20L53.26%203.31%20L54.87%203.70%20L56.43%204.22%20L57.96%204.87%20L59.43%205.64%20L60.85%206.50%20L62.21%207.43%20L63.51%208.43%20L64.75%209.46%20L65.95%2010.52%20L67.11%2011.57%20L68.23%2012.61%20L69.34%2013.63%20L70.43%2014.61%20L71.52%2015.55%20L72.63%2016.45%20L73.76%2017.30%20L74.92%2018.11%20L76.11%2018.88%20L77.34%2019.63%20L78.61%2020.37%20L79.92%2021.11%20L81.26%2021.85%20L82.62%2022.63%20L83.99%2023.44%20L85.36%2024.31%20L86.71%2025.24%20L88.02%2026.24%20L89.28%2027.32%20L90.46%2028.49%20L91.55%2029.73%20L92.53%2031.06%20L93.39%2032.47%20L94.12%2033.94%20L94.70%2035.48%20L95.13%2037.06%20L95.41%2038.68%20L95.54%2040.32%20L95.53%2041.97%20L95.38%2043.62%20L95.11%2045.26%20L94.73%2046.87%20L94.25%2048.45%20L93.71%2050.00%20L93.11%2051.51%20L92.48%2052.97%20L91.83%2054.40%20L91.19%2055.79%20L90.56%2057.15%20L89.97%2058.50%20L89.41%2059.83%20L88.90%2061.16%20L88.44%2062.49%20L88.03%2063.84%20L87.66%2065.22%20L87.33%2066.62%20L87.02%2068.06%20L86.73%2069.53%20L86.43%2071.03%20L86.11%2072.57%20L85.76%2074.12%20L85.36%2075.69%20L84.89%2077.26%20L84.35%2078.82%20L83.71%2080.35%20L82.96%2081.83%20L82.11%2083.26%20L81.15%2084.60%20L80.08%2085.85%20L78.91%2087.00%20L77.63%2088.02%20L76.25%2088.92%20L74.80%2089.69%20L73.28%2090.32%20L71.70%2090.82%20L70.09%2091.19%20L68.45%2091.43%20L66.80%2091.57%20L65.15%2091.61%20L63.51%2091.57%20L61.89%2091.47%20L60.30%2091.32%20L58.75%2091.15%20L57.22%2090.96%20L55.73%2090.79%20L54.27%2090.64%20L52.83%2090.52%20L51.41%2090.45%20L50.00%2090.42%20L48.59%2090.45%20L47.17%2090.52%20L45.73%2090.64%20L44.27%2090.79%20L42.78%2090.96%20L41.25%2091.15%20L39.70%2091.32%20L38.11%2091.47%20L36.49%2091.57%20L34.85%2091.61%20L33.20%2091.57%20L31.55%2091.43%20L29.91%2091.19%20L28.30%2090.82%20L26.72%2090.32%20L25.20%2089.69%20L23.75%2088.92%20L22.37%2088.02%20L21.09%2087.00%20L19.92%2085.85%20L18.85%2084.60%20L17.89%2083.26%20L17.04%2081.83%20L16.29%2080.35%20L15.65%2078.82%20L15.11%2077.26%20L14.64%2075.69%20L14.24%2074.12%20L13.89%2072.57%20L13.57%2071.03%20L13.27%2069.53%20L12.98%2068.06%20L12.67%2066.62%20L12.34%2065.22%20L11.97%2063.84%20L11.56%2062.49%20L11.10%2061.16%20L10.59%2059.83%20L10.03%2058.50%20L9.44%2057.15%20L8.81%2055.79%20L8.17%2054.40%20L7.52%2052.97%20L6.89%2051.51%20L6.29%2050.00%20L5.75%2048.45%20L5.27%2046.87%20L4.89%2045.26%20L4.62%2043.62%20L4.47%2041.97%20L4.46%2040.32%20L4.59%2038.68%20L4.87%2037.06%20L5.30%2035.48%20L5.88%2033.94%20L6.61%2032.47%20L7.47%2031.06%20L8.45%2029.73%20L9.54%2028.49%20L10.72%2027.32%20L11.98%2026.24%20L13.29%2025.24%20L14.64%2024.31%20L16.01%2023.44%20L17.38%2022.63%20L18.74%2021.85%20L20.08%2021.11%20L21.39%2020.37%20L22.66%2019.63%20L23.89%2018.88%20L25.08%2018.11%20L26.24%2017.30%20L27.37%2016.45%20L28.48%2015.55%20L29.57%2014.61%20L30.66%2013.63%20L31.77%2012.61%20L32.89%2011.57%20L34.05%2010.52%20L35.25%209.46%20L36.49%208.43%20L37.79%207.43%20L39.15%206.50%20L40.57%205.64%20L42.04%204.87%20L43.57%204.22%20L45.13%203.70%20L46.74%203.31%20L48.36%203.08Z%22/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%20100%20100%22%3E%3Cpath%20d%3D%22M50.00%203.00%20L51.64%203.08%20L53.26%203.31%20L54.87%203.70%20L56.43%204.22%20L57.96%204.87%20L59.43%205.64%20L60.85%206.50%20L62.21%207.43%20L63.51%208.43%20L64.75%209.46%20L65.95%2010.52%20L67.11%2011.57%20L68.23%2012.61%20L69.34%2013.63%20L70.43%2014.61%20L71.52%2015.55%20L72.63%2016.45%20L73.76%2017.30%20L74.92%2018.11%20L76.11%2018.88%20L77.34%2019.63%20L78.61%2020.37%20L79.92%2021.11%20L81.26%2021.85%20L82.62%2022.63%20L83.99%2023.44%20L85.36%2024.31%20L86.71%2025.24%20L88.02%2026.24%20L89.28%2027.32%20L90.46%2028.49%20L91.55%2029.73%20L92.53%2031.06%20L93.39%2032.47%20L94.12%2033.94%20L94.70%2035.48%20L95.13%2037.06%20L95.41%2038.68%20L95.54%2040.32%20L95.53%2041.97%20L95.38%2043.62%20L95.11%2045.26%20L94.73%2046.87%20L94.25%2048.45%20L93.71%2050.00%20L93.11%2051.51%20L92.48%2052.97%20L91.83%2054.40%20L91.19%2055.79%20L90.56%2057.15%20L89.97%2058.50%20L89.41%2059.83%20L88.90%2061.16%20L88.44%2062.49%20L88.03%2063.84%20L87.66%2065.22%20L87.33%2066.62%20L87.02%2068.06%20L86.73%2069.53%20L86.43%2071.03%20L86.11%2072.57%20L85.76%2074.12%20L85.36%2075.69%20L84.89%2077.26%20L84.35%2078.82%20L83.71%2080.35%20L82.96%2081.83%20L82.11%2083.26%20L81.15%2084.60%20L80.08%2085.85%20L78.91%2087.00%20L77.63%2088.02%20L76.25%2088.92%20L74.80%2089.69%20L73.28%2090.32%20L71.70%2090.82%20L70.09%2091.19%20L68.45%2091.43%20L66.80%2091.57%20L65.15%2091.61%20L63.51%2091.57%20L61.89%2091.47%20L60.30%2091.32%20L58.75%2091.15%20L57.22%2090.96%20L55.73%2090.79%20L54.27%2090.64%20L52.83%2090.52%20L51.41%2090.45%20L50.00%2090.42%20L48.59%2090.45%20L47.17%2090.52%20L45.73%2090.64%20L44.27%2090.79%20L42.78%2090.96%20L41.25%2091.15%20L39.70%2091.32%20L38.11%2091.47%20L36.49%2091.57%20L34.85%2091.61%20L33.20%2091.57%20L31.55%2091.43%20L29.91%2091.19%20L28.30%2090.82%20L26.72%2090.32%20L25.20%2089.69%20L23.75%2088.92%20L22.37%2088.02%20L21.09%2087.00%20L19.92%2085.85%20L18.85%2084.60%20L17.89%2083.26%20L17.04%2081.83%20L16.29%2080.35%20L15.65%2078.82%20L15.11%2077.26%20L14.64%2075.69%20L14.24%2074.12%20L13.89%2072.57%20L13.57%2071.03%20L13.27%2069.53%20L12.98%2068.06%20L12.67%2066.62%20L12.34%2065.22%20L11.97%2063.84%20L11.56%2062.49%20L11.10%2061.16%20L10.59%2059.83%20L10.03%2058.50%20L9.44%2057.15%20L8.81%2055.79%20L8.17%2054.40%20L7.52%2052.97%20L6.89%2051.51%20L6.29%2050.00%20L5.75%2048.45%20L5.27%2046.87%20L4.89%2045.26%20L4.62%2043.62%20L4.47%2041.97%20L4.46%2040.32%20L4.59%2038.68%20L4.87%2037.06%20L5.30%2035.48%20L5.88%2033.94%20L6.61%2032.47%20L7.47%2031.06%20L8.45%2029.73%20L9.54%2028.49%20L10.72%2027.32%20L11.98%2026.24%20L13.29%2025.24%20L14.64%2024.31%20L16.01%2023.44%20L17.38%2022.63%20L18.74%2021.85%20L20.08%2021.11%20L21.39%2020.37%20L22.66%2019.63%20L23.89%2018.88%20L25.08%2018.11%20L26.24%2017.30%20L27.37%2016.45%20L28.48%2015.55%20L29.57%2014.61%20L30.66%2013.63%20L31.77%2012.61%20L32.89%2011.57%20L34.05%2010.52%20L35.25%209.46%20L36.49%208.43%20L37.79%207.43%20L39.15%206.50%20L40.57%205.64%20L42.04%204.87%20L43.57%204.22%20L45.13%203.70%20L46.74%203.31%20L48.36%203.08Z%22/%3E%3C/svg%3E") center/contain no-repeat}
.shape-pill svg{width:70%!important}.shape-squircle svg,.shape-cookie svg{width:60%!important}
/* the nexus line: one spectral line that links every chapter, drawn as you read */
main{position:relative}
.nexus{position:absolute;left:0;top:0;pointer-events:none;z-index:0;overflow:visible}
.nexus .track{stroke:var(--hair2);stroke-width:1.5;fill:none}
.nexus .draw{stroke:url(#nx);stroke-width:2.5;fill:none;stroke-linecap:round}
.nexus circle{fill:var(--paper);stroke:var(--hair2);stroke-width:1.5;transition:fill .35s,stroke .35s,r .35s}
.nexus circle.on{fill:#2BD4A4;stroke:#2BD4A4}
@media (max-width:1359px){.nexus{display:none}}
@media (max-width:640px){.facts{grid-template-columns:1fr 1fr;gap:10px}.facts div,.facts div+div,.facts div:nth-child(n+3){border:0;padding:18px}.tool,.tool:nth-child(even){padding:24px}.live{padding:20px;border-radius:30px}}
@media (prefers-reduced-motion:reduce){.btn,.chip{transition:none}.nexus circle{transition:none}}
.photo{position:relative;z-index:1;display:block;height:auto;filter:drop-shadow(0 22px 26px rgba(20,22,18,.18)) drop-shadow(0 4px 8px rgba(20,22,18,.08))}.plinth .photo{width:70%}.shape-pill .photo{width:60%}.shape-squircle .photo{width:74%}.pstage .photo{width:72%}.pstage.shape-pill .photo{width:62%}.gallery{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px}.gallery figure{margin:0;padding:26px 22px 18px;border-radius:32px;background:var(--surface);display:flex;flex-direction:column;align-items:center;gap:14px}.gallery img{max-height:340px;width:auto;max-width:100%}.gallery figcaption{font-size:14px;color:var(--graphite);text-align:center}.gallery .wide{grid-column:1/-1}.gallery .wide img{max-height:none;width:min(100%,880px);border-radius:14px}.cert-more{margin:16px 0 0;font-size:15px;color:var(--graphite)}.photo-fill::before{display:none}.photo-fill .fillimg{position:absolute;z-index:1;inset:4%;width:92%;height:92%;object-fit:cover;-webkit-mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%20100%20100%22%3E%3Cpath%20d%3D%22M50.00%203.00%20L51.64%203.08%20L53.26%203.31%20L54.87%203.70%20L56.43%204.22%20L57.96%204.87%20L59.43%205.64%20L60.85%206.50%20L62.21%207.43%20L63.51%208.43%20L64.75%209.46%20L65.95%2010.52%20L67.11%2011.57%20L68.23%2012.61%20L69.34%2013.63%20L70.43%2014.61%20L71.52%2015.55%20L72.63%2016.45%20L73.76%2017.30%20L74.92%2018.11%20L76.11%2018.88%20L77.34%2019.63%20L78.61%2020.37%20L79.92%2021.11%20L81.26%2021.85%20L82.62%2022.63%20L83.99%2023.44%20L85.36%2024.31%20L86.71%2025.24%20L88.02%2026.24%20L89.28%2027.32%20L90.46%2028.49%20L91.55%2029.73%20L92.53%2031.06%20L93.39%2032.47%20L94.12%2033.94%20L94.70%2035.48%20L95.13%2037.06%20L95.41%2038.68%20L95.54%2040.32%20L95.53%2041.97%20L95.38%2043.62%20L95.11%2045.26%20L94.73%2046.87%20L94.25%2048.45%20L93.71%2050.00%20L93.11%2051.51%20L92.48%2052.97%20L91.83%2054.40%20L91.19%2055.79%20L90.56%2057.15%20L89.97%2058.50%20L89.41%2059.83%20L88.90%2061.16%20L88.44%2062.49%20L88.03%2063.84%20L87.66%2065.22%20L87.33%2066.62%20L87.02%2068.06%20L86.73%2069.53%20L86.43%2071.03%20L86.11%2072.57%20L85.76%2074.12%20L85.36%2075.69%20L84.89%2077.26%20L84.35%2078.82%20L83.71%2080.35%20L82.96%2081.83%20L82.11%2083.26%20L81.15%2084.60%20L80.08%2085.85%20L78.91%2087.00%20L77.63%2088.02%20L76.25%2088.92%20L74.80%2089.69%20L73.28%2090.32%20L71.70%2090.82%20L70.09%2091.19%20L68.45%2091.43%20L66.80%2091.57%20L65.15%2091.61%20L63.51%2091.57%20L61.89%2091.47%20L60.30%2091.32%20L58.75%2091.15%20L57.22%2090.96%20L55.73%2090.79%20L54.27%2090.64%20L52.83%2090.52%20L51.41%2090.45%20L50.00%2090.42%20L48.59%2090.45%20L47.17%2090.52%20L45.73%2090.64%20L44.27%2090.79%20L42.78%2090.96%20L41.25%2091.15%20L39.70%2091.32%20L38.11%2091.47%20L36.49%2091.57%20L34.85%2091.61%20L33.20%2091.57%20L31.55%2091.43%20L29.91%2091.19%20L28.30%2090.82%20L26.72%2090.32%20L25.20%2089.69%20L23.75%2088.92%20L22.37%2088.02%20L21.09%2087.00%20L19.92%2085.85%20L18.85%2084.60%20L17.89%2083.26%20L17.04%2081.83%20L16.29%2080.35%20L15.65%2078.82%20L15.11%2077.26%20L14.64%2075.69%20L14.24%2074.12%20L13.89%2072.57%20L13.57%2071.03%20L13.27%2069.53%20L12.98%2068.06%20L12.67%2066.62%20L12.34%2065.22%20L11.97%2063.84%20L11.56%2062.49%20L11.10%2061.16%20L10.59%2059.83%20L10.03%2058.50%20L9.44%2057.15%20L8.81%2055.79%20L8.17%2054.40%20L7.52%2052.97%20L6.89%2051.51%20L6.29%2050.00%20L5.75%2048.45%20L5.27%2046.87%20L4.89%2045.26%20L4.62%2043.62%20L4.47%2041.97%20L4.46%2040.32%20L4.59%2038.68%20L4.87%2037.06%20L5.30%2035.48%20L5.88%2033.94%20L6.61%2032.47%20L7.47%2031.06%20L8.45%2029.73%20L9.54%2028.49%20L10.72%2027.32%20L11.98%2026.24%20L13.29%2025.24%20L14.64%2024.31%20L16.01%2023.44%20L17.38%2022.63%20L18.74%2021.85%20L20.08%2021.11%20L21.39%2020.37%20L22.66%2019.63%20L23.89%2018.88%20L25.08%2018.11%20L26.24%2017.30%20L27.37%2016.45%20L28.48%2015.55%20L29.57%2014.61%20L30.66%2013.63%20L31.77%2012.61%20L32.89%2011.57%20L34.05%2010.52%20L35.25%209.46%20L36.49%208.43%20L37.79%207.43%20L39.15%206.50%20L40.57%205.64%20L42.04%204.87%20L43.57%204.22%20L45.13%203.70%20L46.74%203.31%20L48.36%203.08Z%22/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%20100%20100%22%3E%3Cpath%20d%3D%22M50.00%203.00%20L51.64%203.08%20L53.26%203.31%20L54.87%203.70%20L56.43%204.22%20L57.96%204.87%20L59.43%205.64%20L60.85%206.50%20L62.21%207.43%20L63.51%208.43%20L64.75%209.46%20L65.95%2010.52%20L67.11%2011.57%20L68.23%2012.61%20L69.34%2013.63%20L70.43%2014.61%20L71.52%2015.55%20L72.63%2016.45%20L73.76%2017.30%20L74.92%2018.11%20L76.11%2018.88%20L77.34%2019.63%20L78.61%2020.37%20L79.92%2021.11%20L81.26%2021.85%20L82.62%2022.63%20L83.99%2023.44%20L85.36%2024.31%20L86.71%2025.24%20L88.02%2026.24%20L89.28%2027.32%20L90.46%2028.49%20L91.55%2029.73%20L92.53%2031.06%20L93.39%2032.47%20L94.12%2033.94%20L94.70%2035.48%20L95.13%2037.06%20L95.41%2038.68%20L95.54%2040.32%20L95.53%2041.97%20L95.38%2043.62%20L95.11%2045.26%20L94.73%2046.87%20L94.25%2048.45%20L93.71%2050.00%20L93.11%2051.51%20L92.48%2052.97%20L91.83%2054.40%20L91.19%2055.79%20L90.56%2057.15%20L89.97%2058.50%20L89.41%2059.83%20L88.90%2061.16%20L88.44%2062.49%20L88.03%2063.84%20L87.66%2065.22%20L87.33%2066.62%20L87.02%2068.06%20L86.73%2069.53%20L86.43%2071.03%20L86.11%2072.57%20L85.76%2074.12%20L85.36%2075.69%20L84.89%2077.26%20L84.35%2078.82%20L83.71%2080.35%20L82.96%2081.83%20L82.11%2083.26%20L81.15%2084.60%20L80.08%2085.85%20L78.91%2087.00%20L77.63%2088.02%20L76.25%2088.92%20L74.80%2089.69%20L73.28%2090.32%20L71.70%2090.82%20L70.09%2091.19%20L68.45%2091.43%20L66.80%2091.57%20L65.15%2091.61%20L63.51%2091.57%20L61.89%2091.47%20L60.30%2091.32%20L58.75%2091.15%20L57.22%2090.96%20L55.73%2090.79%20L54.27%2090.64%20L52.83%2090.52%20L51.41%2090.45%20L50.00%2090.42%20L48.59%2090.45%20L47.17%2090.52%20L45.73%2090.64%20L44.27%2090.79%20L42.78%2090.96%20L41.25%2091.15%20L39.70%2091.32%20L38.11%2091.47%20L36.49%2091.57%20L34.85%2091.61%20L33.20%2091.57%20L31.55%2091.43%20L29.91%2091.19%20L28.30%2090.82%20L26.72%2090.32%20L25.20%2089.69%20L23.75%2088.92%20L22.37%2088.02%20L21.09%2087.00%20L19.92%2085.85%20L18.85%2084.60%20L17.89%2083.26%20L17.04%2081.83%20L16.29%2080.35%20L15.65%2078.82%20L15.11%2077.26%20L14.64%2075.69%20L14.24%2074.12%20L13.89%2072.57%20L13.57%2071.03%20L13.27%2069.53%20L12.98%2068.06%20L12.67%2066.62%20L12.34%2065.22%20L11.97%2063.84%20L11.56%2062.49%20L11.10%2061.16%20L10.59%2059.83%20L10.03%2058.50%20L9.44%2057.15%20L8.81%2055.79%20L8.17%2054.40%20L7.52%2052.97%20L6.89%2051.51%20L6.29%2050.00%20L5.75%2048.45%20L5.27%2046.87%20L4.89%2045.26%20L4.62%2043.62%20L4.47%2041.97%20L4.46%2040.32%20L4.59%2038.68%20L4.87%2037.06%20L5.30%2035.48%20L5.88%2033.94%20L6.61%2032.47%20L7.47%2031.06%20L8.45%2029.73%20L9.54%2028.49%20L10.72%2027.32%20L11.98%2026.24%20L13.29%2025.24%20L14.64%2024.31%20L16.01%2023.44%20L17.38%2022.63%20L18.74%2021.85%20L20.08%2021.11%20L21.39%2020.37%20L22.66%2019.63%20L23.89%2018.88%20L25.08%2018.11%20L26.24%2017.30%20L27.37%2016.45%20L28.48%2015.55%20L29.57%2014.61%20L30.66%2013.63%20L31.77%2012.61%20L32.89%2011.57%20L34.05%2010.52%20L35.25%209.46%20L36.49%208.43%20L37.79%207.43%20L39.15%206.50%20L40.57%205.64%20L42.04%204.87%20L43.57%204.22%20L45.13%203.70%20L46.74%203.31%20L48.36%203.08Z%22/%3E%3C/svg%3E") center/contain no-repeat}.lang{display:inline-flex;align-items:center;gap:6px;height:38px;padding:0 12px;border:0;border-radius:999px;background:var(--surface);color:var(--ink);font:inherit;font-size:14px;cursor:pointer}.lang svg{width:16px;height:16px}.btn-quiet{background:transparent;color:var(--graphite);padding:0 10px;gap:8px}.btn-quiet:hover{color:var(--ink)}.btn-quiet svg{width:18px;height:18px}.case{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:14px;margin-top:0}.case .panel{padding:32px 34px;border-radius:40px;background:var(--surface)}.case h3{margin:0 0 12px;font-family:var(--serif);font-weight:600;font-size:clamp(24px,2.4vw,32px);line-height:1.2}.case p{margin:0;color:var(--graphite)}.chain{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:22px 0 0;padding:0;list-style:none}.chain li{padding:9px 14px;border-radius:999px;background:var(--panel);font-size:14.5px;font-weight:600}.chain li.us{background:var(--ink);color:var(--paper)}.chain li+li::before{content:"";display:inline-block;width:14px;height:2px;margin:0 10px 3px -4px;border-radius:2px;background:var(--spectrum);vertical-align:middle}.case .big{display:flex;gap:28px;margin-top:24px}.case .big b{display:block;font-family:var(--serif);font-weight:500;font-size:40px;line-height:1.1}.case .big span{font-size:14px;color:var(--graphite)}.case .src{margin-top:18px;font-size:13px;color:var(--mute)}.direct{margin:18px 0 0;color:var(--graphite)}.direct a{color:var(--ink)}footer .addr{margin-top:8px;line-height:1.8}@media (max-width:980px){.case{grid-template-columns:1fr}}
.chero{padding:56px 0 0}
.chero .kick{margin:0 0 14px;font-size:15px;color:var(--graphite)}
.chero h1{margin:0;font-family:var(--serif);font-weight:600;font-size:clamp(40px,5.6vw,76px);line-height:1.08;max-width:14em}
.chero .lead{margin:22px 0 0;max-width:40em;font-size:clamp(18px,1.5vw,20px);color:var(--graphite)}
.kpis{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;margin-top:40px}
.kpis div{padding:20px 20px 22px;border-radius:28px;background:var(--surface)}
.kpis b{display:block;font-family:var(--serif);font-weight:500;font-size:clamp(26px,2.6vw,36px);line-height:1.1}
.kpis span{font-size:13.5px;color:var(--graphite)}
.cs{padding:104px 0 0}
.cs h2{margin:0 0 10px;font-family:var(--serif);font-weight:600;font-size:clamp(30px,3.4vw,46px);line-height:1.14}
.cs .intro{margin:0 0 30px;max-width:42em;color:var(--graphite)}
/* the animated walk-through */
.flow{border-radius:40px;background:var(--surface);padding:26px 26px 22px;overflow:hidden}
.flow svg{display:block;width:100%;height:auto}
.flow .node{transition:opacity .45s}
.flow .node.dim{opacity:.28}
.flow .lbl{font:600 15px var(--sans);fill:var(--ink)}
.flow .sub{font:13px var(--sans);fill:var(--graphite)}
.flow .path{fill:none;stroke:var(--hair2);stroke-width:2;stroke-dasharray:4 7}
.flow .path.on{stroke:url(#fspec);stroke-dasharray:none;stroke-width:3}
.flow .wave{fill:none;stroke:#2F8CFF;stroke-width:2;opacity:0}
.flow .wave.on{animation:fw 1.6s ease-out infinite}
.flow .wave.on:nth-of-type(2){animation-delay:.4s}.flow .wave.on:nth-of-type(3){animation-delay:.8s}
@keyframes fw{0%{opacity:.9;transform:scale(.6)}100%{opacity:0;transform:scale(1.25)}}
.flow .beat{animation:hb 1.2s ease-in-out infinite;transform-origin:center;transform-box:fill-box}
@keyframes hb{0%,100%{transform:scale(1)}15%{transform:scale(1.12)}30%{transform:scale(.98)}45%{transform:scale(1.06)}}
.steps{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;margin-top:18px}
.steps button{display:flex;flex-direction:column;align-items:flex-start;gap:4px;padding:14px 16px;border:0;border-radius:22px;background:var(--surface2);color:var(--ink);font:inherit;text-align:left;cursor:pointer;transition:background .2s,transform .25s cubic-bezier(.34,1.56,.64,1)}
.steps button:active{transform:scale(.97)}
.steps button b{font-size:15px}.steps button span{font-size:13px;color:var(--graphite);line-height:1.45}
.steps button[aria-current=step]{background:var(--ink);color:var(--paper)}.steps button[aria-current=step] span{color:color-mix(in srgb,var(--paper) 72%,transparent)}
.flow .ctrl{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:14px;font-size:14px;color:var(--graphite)}
.flow .ctrl button{height:36px;padding:0 14px;border:0;border-radius:999px;background:var(--surface2);color:var(--ink);font:inherit;font-size:14px;cursor:pointer}
.why{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.why .panel,.ev .panel,.us .panel{padding:28px 30px;border-radius:36px;background:var(--surface)}
.why h3,.ev h3,.us h3{margin:0 0 10px;font-family:var(--serif);font-weight:600;font-size:24px;line-height:1.25}
.why p,.ev p,.us p{margin:0;color:var(--graphite)}
.why q,.ev q{display:block;margin-top:14px;padding-left:16px;border-left:3px solid;border-image:var(--spectrum) 1;color:var(--ink);font-family:var(--serif);font-size:19px;line-height:1.5;quotes:none}
.why cite,.ev cite{display:block;margin-top:8px;font-size:13px;font-style:normal;color:var(--mute)}
.tl{list-style:none;margin:0;padding:0;border-left:2px solid var(--hair2)}
.tl li{position:relative;padding:0 0 26px 30px}
.tl li::before{content:"";position:absolute;left:-7px;top:6px;width:12px;height:12px;border-radius:50%;background:var(--paper);border:2px solid var(--hair2)}
.tl li.us::before{background:#2BD4A4;border-color:#2BD4A4}
.tl time{display:block;font-family:var(--serif);font-weight:600;font-size:21px}
.tl p{margin:4px 0 0;color:var(--graphite);max-width:46em}
.ev{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.ev .fig{font-family:var(--serif);font-weight:500;font-size:40px;line-height:1.1;color:var(--ink);margin:6px 0 10px}
.us{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:14px;align-items:stretch}
.us .shot{position:relative;border-radius:36px;background:var(--surface2);display:grid;place-items:center;padding:24px}
.us .shot img{width:78%;height:auto;filter:drop-shadow(0 22px 26px rgba(20,22,18,.18))}
.us ul{margin:16px 0 0;padding:0;list-style:none}
.us li{padding:10px 0;border-top:1px solid var(--hair2);display:flex;justify-content:space-between;gap:16px}
.us li span:first-child{color:var(--mute)}
.refs{margin:0;padding-left:1.4em;color:var(--graphite);font-size:14.5px}
.refs li{margin:0 0 8px}.refs a{color:var(--ink)}
.note{margin-top:22px;font-size:13px;color:var(--mute);max-width:60em}
@media (max-width:1100px){.kpis{grid-template-columns:repeat(3,1fr)}.steps{grid-template-columns:1fr 1fr}.ev{grid-template-columns:1fr}.us{grid-template-columns:1fr}}
@media (max-width:760px){.kpis{grid-template-columns:1fr 1fr}.why{grid-template-columns:1fr}.steps{grid-template-columns:1fr}.flow{padding:16px;border-radius:28px}}
@media (prefers-reduced-motion:reduce){.flow .wave.on,.flow .beat{animation:none}}
h1,h2,h3{text-wrap:balance}.lead,.intro{text-wrap:pretty}
.flow svg{display:block;width:100%;height:auto;aspect-ratio:1200/560}
.flow .node{transition:opacity .5s}.flow .node.dim{opacity:.22}
.steps .sn{display:inline-grid;place-items:center;width:22px;height:22px;margin-right:8px;border-radius:50%;background:var(--ink);color:var(--paper);font:700 12px var(--sans);font-style:normal;vertical-align:1px}
.steps button[aria-current=step] .sn{background:var(--paper);color:var(--ink)}
.flow .rfw,.flow .cw{opacity:.35}
.node.act .rfw,.node.act .cw{animation:wv 1.4s ease-out infinite}
@keyframes wv{0%{opacity:.15}40%{opacity:1}100%{opacity:.15}}
.node.act .alert{animation:pop .6s cubic-bezier(.34,1.56,.64,1) both;transform-box:fill-box;transform-origin:50% 100%}
@keyframes pop{0%{transform:scale(.4);opacity:0}100%{transform:scale(1);opacity:1}}
@media (max-width:760px){.flow svg{aspect-ratio:1.18}}
@media (prefers-reduced-motion:reduce){.node.act .rfw,.node.act .cw,.node.act .alert{animation:none}}
.nav .wrap{height:76px}.brand{gap:12px}.brand .hn-m{width:46px;height:46px;flex:none}.brand .hn-w{display:flex;flex-direction:column;line-height:1.05}.brand .hn-w b{font:600 21px var(--serif);letter-spacing:.06em;color:var(--ink)}.brand .hn-w small{margin-top:5px;font:600 9.5px var(--sans);letter-spacing:.3em;color:var(--graphite)}html{scroll-padding-top:calc(88px + env(safe-area-inset-top,0px))}.sub{top:calc(76px + env(safe-area-inset-top,0px))}@media (max-width:640px){.nav .wrap{height:66px}.brand .hn-m{width:40px;height:40px}.brand .hn-w b{font-size:19px}.brand .hn-w small{font-size:8.5px}}.brand .hn-m{display:inline-block;line-height:0}.brand .hn-m svg{width:46px!important;height:46px!important}@media (max-width:640px){.brand .hn-m svg{width:40px!important;height:40px!important}}/* ===== v2 colour layer · liquid glass: translucent depth, an iridescent edge that flows on hover, a calm indigo-to-cyan core ===== */
@property --hn-a{syntax:'<angle>';inherits:false;initial-value:0deg}
.btn-ink{position:relative;isolation:isolate;overflow:hidden;color:#fff!important;border:0!important;
  background:linear-gradient(180deg,rgba(255,255,255,.08),rgba(255,255,255,0) 55%),linear-gradient(120deg,#7A3CF0 0%,#4E52F2 48%,#1D64E0 100%)!important;
  box-shadow:0 10px 26px -14px rgba(61,123,245,.75),0 2px 6px -3px rgba(30,40,110,.3),inset 0 1px 0 rgba(255,255,255,.42),inset 0 -1px 0 rgba(10,20,60,.2);
  transition:transform .25s cubic-bezier(.34,1.56,.64,1),box-shadow .25s,filter .25s}
.btn-ink::before{content:"";position:absolute;inset:0;border-radius:inherit;padding:1px;pointer-events:none;opacity:.6;
  background:conic-gradient(from var(--hn-a),rgba(255,255,255,.95),rgba(150,225,255,.55),rgba(205,175,255,.85),rgba(255,255,255,.95));
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude}
.btn-ink::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(100deg,transparent 35%,rgba(255,255,255,.3) 50%,transparent 65%);transform:translateX(-130%)}
.btn-ink:hover{filter:saturate(1.08) brightness(1.04);transform:translateY(-1px);box-shadow:0 16px 32px -14px rgba(61,123,245,.85),0 3px 8px -3px rgba(30,40,110,.3),inset 0 1px 0 rgba(255,255,255,.5),inset 0 -1px 0 rgba(10,20,60,.2)}
.btn-ink:hover::before{opacity:1;animation:hnEdge 2.6s linear infinite}.btn-ink:hover::after{transition:transform .9s ease;transform:translateX(130%)}
.btn-ink:active{transform:scale(.97)}
@keyframes hnEdge{to{--hn-a:360deg}}
.btn-line,.btn-quiet{position:relative;isolation:isolate;border:0!important;color:var(--ink)!important;background:rgba(255,255,255,.58)!important;
  -webkit-backdrop-filter:blur(14px) saturate(180%);backdrop-filter:blur(14px) saturate(180%);box-shadow:0 8px 20px -14px rgba(30,40,110,.45),inset 0 1px 0 rgba(255,255,255,.85);transition:transform .25s cubic-bezier(.34,1.56,.64,1),box-shadow .25s}
.btn-line::before,.btn-quiet::before{content:"";position:absolute;inset:0;border-radius:inherit;padding:1px;pointer-events:none;background:linear-gradient(135deg,rgba(94,86,242,.6),rgba(34,182,230,.5) 55%,rgba(255,120,170,.4));
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude}
.btn-line:hover,.btn-quiet:hover{transform:translateY(-1px);box-shadow:0 12px 26px -14px rgba(61,123,245,.6),inset 0 1px 0 rgba(255,255,255,.9)}
:root[data-theme=dark] .btn-line,:root[data-theme=dark] .btn-quiet{background:rgba(40,42,56,.55)!important;box-shadow:0 8px 20px -14px rgba(0,0,0,.6),inset 0 1px 0 rgba(255,255,255,.08)}
.icon-btn,.lang{transition:box-shadow .2s}.icon-btn:hover,.lang:hover{box-shadow:0 0 0 1px rgba(94,86,242,.45),0 6px 16px -10px rgba(34,182,230,.6)}
.h3-chip[aria-pressed=true],.steps button[aria-current=step],.hx-chip[aria-pressed=true],[role=tab][aria-selected=true],.ptabs a[aria-current],.sub a[aria-current],#order label:has(> input:checked){
  background:linear-gradient(135deg,rgba(94,86,242,.15),rgba(34,182,230,.13))!important;color:#3730C4!important;box-shadow:inset 0 0 0 1px rgba(94,86,242,.5),0 6px 16px -12px rgba(61,123,245,.6)!important}
:root[data-theme=dark] .h3-chip[aria-pressed=true],:root[data-theme=dark] .steps button[aria-current=step],:root[data-theme=dark] [role=tab][aria-selected=true]{color:#D6D1FF!important;background:linear-gradient(135deg,rgba(94,86,242,.3),rgba(34,182,230,.22))!important}
.steps button[aria-current=step] span,.h3-chip[aria-pressed=true] span{color:#5550B5!important}
.h3-snd,.globe-tip{background:linear-gradient(180deg,rgba(255,255,255,.08),rgba(255,255,255,0) 55%),linear-gradient(120deg,#7A3CF0,#4E52F2 48%,#1D64E0)!important;box-shadow:0 10px 24px -14px rgba(61,123,245,.75),inset 0 1px 0 rgba(255,255,255,.4)!important}
a:focus-visible,button:focus-visible{outline:2px solid #4E52F2!important;outline-offset:2px;box-shadow:0 0 0 6px rgba(34,182,230,.18)}
@media (prefers-reduced-motion:reduce){.btn-ink::after{display:none}.btn-ink:hover::before{animation:none}}
/* ===== v2 buttons · v4: spotlight follows the pointer, a gentle magnetic pull, a sliding arrow, a real press ===== */
.btn-ink,.btn-line,.btn-quiet{--mx:50%;--my:50%;display:inline-flex!important;align-items:center;gap:.5em;transition:transform .4s cubic-bezier(.2,.9,.3,1.25),box-shadow .3s,filter .3s!important;will-change:transform}
.btn-ink::after{content:""!important;position:absolute;inset:0;z-index:-1;border-radius:inherit;background:radial-gradient(120px circle at var(--mx) var(--my),rgba(255,255,255,.30),rgba(255,255,255,0) 62%)!important;opacity:0;transform:none!important;transition:opacity .35s!important;animation:none!important}
.btn-ink:hover::after{opacity:1}
.btn-line::after,.btn-quiet::after{content:"";position:absolute;inset:0;z-index:-1;border-radius:inherit;background:radial-gradient(110px circle at var(--mx) var(--my),rgba(94,86,242,.16),rgba(34,182,230,0) 64%);opacity:0;transition:opacity .35s}
.btn-line:hover::after,.btn-quiet:hover::after{opacity:1}
.btn-ink:active,.btn-line:active,.btn-quiet:active{transition-duration:.08s!important;filter:brightness(.96)}
.bx-arr{display:inline-grid;place-items:center;width:1.05em;height:1.05em;margin-right:-.15em;transition:transform .4s cubic-bezier(.2,.9,.3,1.25)}
.btn-ink:hover .bx-arr{transform:translateX(3px)}
/* phone: header CTA hidden */@media (max-width:640px){.nav .nav-r .btn-ink{display:none!important}}
@media (prefers-reduced-motion:reduce){.btn-ink,.btn-line,.btn-quiet,.bx-arr{transition:none!important}.btn-ink::after,.btn-line::after,.btn-quiet::after{display:none}}


.hero-shot{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:14px;margin-top:14px}
.hero-shot figure{margin:0;position:relative;border-radius:36px;overflow:hidden;background:var(--surface)}
.hs-scene img{display:block;width:100%;height:100%;min-height:320px;object-fit:cover}
.hs-prod{display:grid;place-items:center;padding:26px;background:radial-gradient(80% 70% at 50% 45%,rgba(47,140,255,.16),transparent 70%),var(--surface)!important}
.hs-prod img{width:92%;height:auto;filter:drop-shadow(0 24px 26px rgba(20,30,70,.28))}
.hero-shot figcaption{position:absolute;left:18px;bottom:14px;padding:6px 12px;border-radius:999px;background:color-mix(in srgb,var(--panel) 80%,transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);font-size:13px;color:var(--ink)}
.spec{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:14px;align-items:stretch}
.spec-shots{display:grid;gap:14px}.spec-shots figure{margin:0;border-radius:32px;background:var(--surface);display:grid;place-items:center;padding:18px;position:relative}
.spec-shots img{width:88%;height:auto;filter:drop-shadow(0 16px 18px rgba(20,30,70,.22))}.spec-shots figcaption{font-size:13px;color:var(--mute);margin-top:6px}
.spec-t{width:100%;border-collapse:separate;border-spacing:0;border-radius:32px;overflow:hidden;background:var(--surface)}
.spec-t th,.spec-t td{padding:15px 22px;text-align:left;border-bottom:1px solid var(--hair2);vertical-align:top}
.spec-t th{width:28%;font-weight:600;color:var(--graphite)}.spec-t tr:last-child th,.spec-t tr:last-child td{border-bottom:0}
.spec-t tr.hi th,.spec-t tr.hi td{background:var(--t-blue,#EAF0FF);color:var(--c-blue,#2F6BFF);font-weight:600}
.ucards{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.uc{padding:24px 24px 26px;border-radius:30px}
.uc b{display:block;font:600 20px var(--serif);margin-bottom:8px}.uc p{margin:0;color:var(--graphite);font-size:15px}
.u1{background:var(--t-blue,#EAF0FF)}.u2{background:var(--t-amber,#FFF3DE)}.u3{background:var(--t-violet,#F0EBFF)}.u4{background:var(--t-green,#E3F5EE)}
@media (max-width:1000px){.hero-shot,.spec{grid-template-columns:1fr}.ucards{grid-template-columns:1fr 1fr}}
@media (max-width:640px){.ucards{grid-template-columns:1fr}}
.nav .links a{white-space:nowrap}@media (max-width:640px){.nav .nav-r .btn-ink{display:none!important}.nav .lang{font-size:0;gap:0;padding:0 11px}.nav .lang svg{width:18px;height:18px}}@media (max-width:760px){footer .cols{grid-template-columns:1fr 1fr}footer .cols > div:first-child{grid-column:1/-1}}[hidden]{display:none!important}
.tour-bar{position:fixed;left:50%;bottom:calc(18px + env(safe-area-inset-bottom,0px));z-index:95;transform:translateX(-50%);display:flex;align-items:center;gap:14px;width:min(780px,calc(100% - 28px));padding:12px 12px 12px 12px;border-radius:26px;
  background:color-mix(in srgb,var(--panel) 72%,transparent);-webkit-backdrop-filter:blur(20px) saturate(180%);backdrop-filter:blur(20px) saturate(180%);
  box-shadow:0 18px 44px -18px rgba(30,40,110,.45),inset 0 1px 0 rgba(255,255,255,.7),0 0 0 1px rgba(94,86,242,.2);animation:tbIn .45s cubic-bezier(.34,1.56,.64,1)}
@keyframes tbIn{from{opacity:0;transform:translate(-50%,16px)}}
.tb-pp{flex:none;width:46px;height:46px;border:0;border-radius:50%;display:grid;place-items:center;cursor:pointer;color:#fff;background:linear-gradient(180deg,rgba(255,255,255,.08),rgba(255,255,255,0) 55%),linear-gradient(120deg,#7A3CF0,#4E52F2 48%,#1D64E0);box-shadow:0 8px 18px -10px rgba(61,123,245,.8),inset 0 1px 0 rgba(255,255,255,.4)}
.tb-mid{flex:1;min-width:0}.tb-t{display:block;font:600 14px var(--sans);color:var(--ink)}
.tb-s{margin:3px 0 8px;font-size:14px;line-height:1.5;color:var(--graphite);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.tb-p{display:block;height:3px;border-radius:2px;background:var(--hair2);overflow:hidden}.tb-p i{display:block;height:100%;width:0;background:linear-gradient(90deg,#5E56F2,#22B6E6);transition:width .25s linear}
.tb-x{flex:none;width:36px;height:36px;border:0;border-radius:50%;background:transparent;color:var(--graphite);font-size:22px;line-height:1;cursor:pointer}
.tour-on{position:relative}.tour-on::after{content:"";position:absolute;inset:6px 1.2%;border-radius:44px;pointer-events:none;box-shadow:0 0 0 2px rgba(94,86,242,.26),0 26px 70px -40px rgba(61,123,245,.55);animation:tOn .6s ease}
@keyframes tOn{from{opacity:0}}
@media (max-width:640px){.tour-bar{bottom:calc(84px + env(safe-area-inset-bottom,0px))}.tb-s{-webkit-line-clamp:3}}

/* ===== v2 semantic colour: blue = network and data, green = reliable and verified, coral = people and care, amber = attention, violet = security ===== */
:root{--c-blue:#2F6BFF;--c-green:#0E9F7A;--c-coral:#EE4E5A;--c-amber:#D98200;--c-violet:#7148F0;
  --t-blue:#EAF0FF;--t-green:#E3F5EE;--t-coral:#FDECEE;--t-amber:#FFF3DE;--t-violet:#F0EBFF}
:root[data-theme=dark]{--c-blue:#7AA2FF;--c-green:#43D6A8;--c-coral:#FF7C86;--c-amber:#FFB547;--c-violet:#A88BFF;
  --t-blue:rgba(47,107,255,.14);--t-green:rgba(14,159,122,.15);--t-coral:rgba(238,78,90,.14);--t-amber:rgba(217,130,0,.16);--t-violet:rgba(113,72,240,.16)}
a.lang{text-decoration:none}
mark{padding:0 .12em;border-radius:.2em;color:inherit;background:linear-gradient(180deg,transparent 56%,rgba(255,210,31,.55) 56%)}
:root[data-theme=dark] mark{background:linear-gradient(180deg,transparent 56%,rgba(255,196,0,.35) 56%)}
.k-blue{background:var(--t-blue)!important}.k-blue b{color:var(--c-blue)}.k-green{background:var(--t-green)!important}.k-green b{color:var(--c-green)}
.k-coral{background:var(--t-coral)!important}.k-coral b{color:var(--c-coral)}.k-amber{background:var(--t-amber)!important}.k-amber b{color:var(--c-amber)}
.k-violet{background:var(--t-violet)!important}.k-violet b{color:var(--c-violet)}
.facts div:nth-child(1){background:var(--t-green)}.facts div:nth-child(1) b{color:var(--c-green)}.facts div:nth-child(2){background:var(--t-blue)}.facts div:nth-child(2) b{color:var(--c-blue)}
.facts div:nth-child(3){background:var(--t-violet)}.facts div:nth-child(3) b{color:var(--c-violet)}.facts div:nth-child(4){background:var(--t-amber)}.facts div:nth-child(4) b{color:var(--c-amber)}
.why .panel:nth-child(1){background:var(--t-blue)}.why .panel:nth-child(2){background:var(--t-green)}
.why .panel:nth-child(1) q{border-image:linear-gradient(var(--c-blue),var(--c-blue)) 1}.why .panel:nth-child(2) q{border-image:linear-gradient(var(--c-green),var(--c-green)) 1}
.ev .panel:nth-child(1){background:var(--t-green)}.ev .panel:nth-child(1) .fig{color:var(--c-green)}
.case-abbott .ev .panel:nth-child(2){background:var(--t-amber)}.case-abbott .ev .panel:nth-child(2) .fig{color:var(--c-amber)}
.case-abbott .ev .panel:nth-child(3){background:var(--t-blue)}.case-abbott .ev .panel:nth-child(3) .fig{color:var(--c-blue)}
.case-kemaro .ev .panel:nth-child(2){background:var(--t-blue)}.case-kemaro .ev .panel:nth-child(2) .fig{color:var(--c-blue)}
.case-kemaro .ev .panel:nth-child(3){background:var(--t-violet)}.case-kemaro .ev .panel:nth-child(3) .fig{color:var(--c-violet)}
.steps button:nth-child(1) .sn,#fsvg .node[data-n="1"] .num circle{background:var(--c-coral);fill:var(--c-coral)}
.steps button:nth-child(2) .sn,#fsvg .node[data-n="2"] .num circle{background:var(--c-blue);fill:var(--c-blue)}
.steps button:nth-child(3) .sn,#fsvg .node[data-n="3"] .num circle{background:var(--c-green);fill:var(--c-green)}
.steps button:nth-child(4) .sn,#fsvg .node[data-n="4"] .num circle{background:var(--c-violet);fill:var(--c-violet)}
.steps button:nth-child(5) .sn,#fsvg .node[data-n="5"] .num circle{background:var(--c-amber);fill:var(--c-amber)}
.steps .sn{color:#fff!important}.steps button[aria-current=step] .sn{box-shadow:0 0 0 3px color-mix(in srgb,var(--paper) 70%,transparent)}
#fsvg .num text{fill:#fff}
.tl li.us::before{background:var(--c-green);border-color:var(--c-green)}.tl li.us time{color:var(--c-green)}
.us li span:last-child{font-weight:600}
.case .big div:nth-child(1) b{color:var(--c-green)}.case .big div:nth-child(2) b{color:var(--c-blue)}.case .big div:nth-child(3) b{color:var(--c-green)}
.pfacts div:nth-child(2) b{color:var(--c-green)}
.chain li:nth-child(2){background:var(--t-blue)}.chain li:nth-child(5){background:var(--t-blue)}
.v2-ribbon{position:fixed;left:50%;bottom:calc(14px + env(safe-area-inset-bottom,0px));z-index:90;transform:translateX(-50%);padding:8px 16px;border-radius:999px;background:var(--c-amber);color:#fff;font:600 13px var(--sans);box-shadow:0 8px 24px rgba(0,0,0,.18);pointer-events:none}
@media (max-width:640px){.v2-ribbon{bottom:calc(76px + env(safe-area-inset-bottom,0px))}}

.lang-m{position:relative}.lang-m>summary{list-style:none;cursor:pointer;display:inline-flex;align-items:center;gap:7px;height:40px;padding:0 14px;border-radius:999px;white-space:nowrap;font:600 14px var(--sans);color:var(--ink);background:rgba(255,255,255,.58);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:inset 0 0 0 1px rgba(94,86,242,.28)}
.lang-m>summary::-webkit-details-marker{display:none}.lang-m>summary svg{width:17px;height:17px;flex:none}.lang-m>summary .chev{width:12px;height:12px;transition:transform .25s}.lang-m[open]>summary .chev{transform:rotate(180deg)}
.lang-pop{position:absolute;right:0;top:calc(100% + 8px);z-index:60;display:grid;min-width:168px;padding:6px;border-radius:18px;background:color-mix(in srgb,var(--panel) 86%,transparent);-webkit-backdrop-filter:blur(20px) saturate(170%);backdrop-filter:blur(20px) saturate(170%);box-shadow:0 18px 40px -18px rgba(30,40,110,.45),inset 0 0 0 1px rgba(94,86,242,.18)}
.lang-pop a{display:flex;justify-content:space-between;gap:12px;padding:10px 12px;border-radius:12px;font:500 14.5px var(--sans);color:var(--ink);text-decoration:none}.lang-pop a:hover{background:rgba(94,86,242,.10)}
.lang-pop a[aria-current]{background:linear-gradient(135deg,rgba(94,86,242,.14),rgba(34,182,230,.12));color:#3730C4;font-weight:600}.lang-pop a small{color:var(--mute);font-weight:500}
:root[data-theme=dark] .lang-m>summary{background:rgba(40,42,56,.55)}
@media (max-width:640px){.lang-m>summary .t{display:none}.lang-m>summary{padding:0 11px}}

.cx{position:fixed;inset:0;z-index:120;display:grid;place-items:center;padding:20px}.cx[hidden]{display:none!important}
.cx-bg{position:absolute;inset:0;background:rgba(17,18,16,.38);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);animation:cxF .25s ease}
.cx-card{position:relative;width:min(560px,100%);max-height:calc(100vh - 40px);overflow:auto;padding:28px 26px 24px;border-radius:32px;background:color-mix(in srgb,var(--panel) 92%,transparent);-webkit-backdrop-filter:blur(24px) saturate(170%);backdrop-filter:blur(24px) saturate(170%);box-shadow:0 40px 90px -40px rgba(30,40,110,.6),inset 0 0 0 1px rgba(94,86,242,.18);animation:cxIn .4s cubic-bezier(.2,.9,.3,1.2)}
@keyframes cxIn{from{opacity:0;transform:translateY(14px) scale(.98)}}@keyframes cxF{from{opacity:0}}
.cx-x{position:absolute;top:14px;right:14px;width:36px;height:36px;border:0;border-radius:50%;background:transparent;font-size:22px;color:var(--graphite);cursor:pointer}
.cx h3{margin:0 0 6px;font:600 26px var(--serif)}.cx-v>p{margin:0 0 18px;color:var(--graphite)}
.cx-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.cx-i{display:flex;flex-direction:column;gap:4px;text-align:left;padding:16px;border:0;border-radius:20px;background:var(--surface);color:var(--ink);text-decoration:none;font:inherit;cursor:pointer;transition:transform .25s cubic-bezier(.34,1.56,.64,1),box-shadow .25s}
.cx-i:hover{transform:translateY(-2px);box-shadow:0 12px 26px -16px rgba(61,123,245,.6),inset 0 0 0 1px rgba(94,86,242,.3)}.cx-i b{font-size:16px}.cx-i span{font-size:13px;color:var(--graphite)}
.cx-grid .cx-i:first-child{background:linear-gradient(135deg,rgba(94,86,242,.14),rgba(34,182,230,.12))}
#cx-f{display:grid;gap:10px}#cx-f .row{display:grid;grid-template-columns:1fr 1fr;gap:10px}
#cx-f input,#cx-f textarea{width:100%;padding:12px 14px;border:0;border-radius:14px;background:var(--panel);color:var(--ink);font:inherit;box-shadow:inset 0 0 0 1px var(--hair2)}
#cx-f textarea{min-height:110px}#cx-f .hp{position:absolute;left:-9999px;width:1px;height:1px;opacity:0}#cx-f .btn-ink{justify-self:start}
.cx-st{margin:0;font-size:14px}.cx-st.ok{color:var(--c-green,#0E9F7A)}.cx-st.err{color:var(--c-coral,#EE4E5A)}.cx-st:empty{display:none}.cx-n{margin:0;font-size:12.5px;color:var(--mute)}
.cx-back{margin-top:14px;border:0;background:none;color:var(--graphite);font:600 14px var(--sans);cursor:pointer}
.cx-qr{display:grid;place-items:center;gap:10px;padding:18px;border-radius:22px;background:#fff}.cx-qr img{width:200px;height:auto;border-radius:12px}.cx-qr p{margin:0;color:#3A3C38;font-size:14px;text-align:center}
@media (max-width:640px){.cx{place-items:end center;padding:0}.cx-card{border-radius:28px 28px 0 0;width:100%;max-height:92vh}.cx-grid,#cx-f .row{grid-template-columns:1fr}}

.nav{z-index:100}
.nav-menu{display:none;width:42px;height:42px;padding:0;border:0;border-radius:50%;cursor:pointer;place-content:center;gap:4px;background:rgba(255,255,255,.62);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:inset 0 0 0 1px rgba(94,86,242,.28)}
.nav-menu i{display:block;width:18px;height:2px;margin:0 auto;border-radius:2px;background:var(--ink);transition:transform .3s,opacity .3s}
.nav-menu.on i:nth-child(1){transform:translateY(6px) rotate(45deg)}.nav-menu.on i:nth-child(2){opacity:0}.nav-menu.on i:nth-child(3){transform:translateY(-6px) rotate(-45deg)}
@media (max-width:980px){.nav-menu{display:grid}}
@media (max-width:640px){.nav .find .t,.nav .find kbd{display:none!important}.nav .find{width:42px;min-width:42px;padding:0!important;justify-content:center}.nav .nav-r{gap:6px}.nav .brand .hn-w b{font-size:19px}}
@media (max-width:430px){.nav #theme{display:none!important}}
.nav-sheet{position:fixed;inset:0;z-index:90;padding:calc(84px + env(safe-area-inset-top,0px)) 14px 24px;background:rgba(17,18,16,.28);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}
.nav-sheet[hidden]{display:none!important}
.nav-sheet-in{display:grid;gap:2px;padding:10px;border-radius:28px;background:rgba(250,250,247,.95);-webkit-backdrop-filter:blur(20px) saturate(170%);backdrop-filter:blur(20px) saturate(170%);box-shadow:0 30px 70px -30px rgba(30,40,110,.5);animation:nsIn .35s cubic-bezier(.2,.9,.3,1.2)}
@keyframes nsIn{from{opacity:0;transform:translateY(-10px)}}
.ns-a{display:block;padding:15px 16px;border-radius:16px;font:600 18px var(--sans);color:var(--ink);text-decoration:none}.ns-a:hover,.ns-a:active{background:rgba(94,86,242,.10)}
.nav-sheet .ns-cta{display:flex!important;justify-content:center;margin-top:8px;height:52px}
:root[data-theme=dark] .nav-sheet-in{background:rgba(27,28,26,.95)}:root[data-theme=dark] .nav-menu{background:rgba(40,42,56,.6)}
@supports not (color:color-mix(in srgb,red 50%,blue)){
 .nav{background:rgba(250,250,247,.92)!important}.g-chip{background:rgba(255,255,255,.84)!important}.lang-pop{background:rgba(255,255,255,.97)!important}.cx-card{background:rgba(255,255,255,.97)!important}
 .tour-bar{background:rgba(255,255,255,.93)!important}.hero-shot figcaption{background:rgba(255,255,255,.86)!important}
 :root[data-theme=dark] .nav{background:rgba(17,18,16,.92)!important}:root[data-theme=dark] .lang-pop,:root[data-theme=dark] .cx-card,:root[data-theme=dark] .tour-bar{background:rgba(27,28,26,.97)!important}}
.tour-bar.loading .tb-t{opacity:.55}.tour-bar.loading .tb-p i{animation:tbLoad 1.1s ease-in-out infinite}@keyframes tbLoad{50%{opacity:.35}}
.h3 [hidden],.h3-panel[hidden],.h3-pill[hidden],.h3-call-ui[hidden]{display:none!important}
.h3{position:fixed;right:22px;bottom:22px;z-index:120;font-family:var(--sans,system-ui);-webkit-font-smoothing:antialiased}
.h3-orb{position:relative;width:66px;height:66px;border:0;border-radius:50%;padding:0;cursor:pointer;display:grid;place-items:center;background:radial-gradient(circle at 35% 30%,#2A2F45,#10121B 70%);box-shadow:0 18px 40px -16px rgba(30,40,110,.65),0 0 0 1px rgba(255,255,255,.06) inset;transition:transform .45s cubic-bezier(.2,.9,.3,1.25)}
.h3-orb:hover{transform:scale(1.06)}.h3-orb:focus-visible{outline:3px solid #5E56F2;outline-offset:3px}
.h3-orb .h3f{width:92%;height:92%;filter:drop-shadow(0 3px 6px rgba(0,0,0,.35));transition:transform .45s cubic-bezier(.2,.9,.3,1.25)}
.h3-orb-ring{position:absolute;inset:-3px;border-radius:50%;padding:3px;background:conic-gradient(from 0deg,#FFB03D,#FF3D6E,#7B4DFF,#2F8CFF,#22D3EE,#FFB03D);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;animation:h3spin 9s linear infinite;opacity:.9;pointer-events:none}
.h3-orb-name{position:absolute;bottom:-17px;left:50%;transform:translateX(-50%);font:600 11px var(--sans,system-ui);color:var(--graphite,#555)}
.h3-has .h3-orb-name::after{content:"";display:inline-block;width:6px;height:6px;margin-left:4px;border-radius:50%;background:#22B6E6;vertical-align:1px}
.h3[data-state=speak] .h3-orb .h3f,.h3[data-state=listen] .h3-orb .h3f{transform:scale(1.18) translateY(-8%)}
.h3[data-state=listen] .h3-orb-ring{animation-duration:2.2s;filter:hue-rotate(40deg)}
@keyframes h3spin{to{transform:rotate(360deg)}}
.h3-panel{position:fixed;right:22px;bottom:106px;width:min(410px,calc(100vw - 32px));height:min(650px,calc(100vh - 140px));display:flex;flex-direction:column;border-radius:28px;background:rgba(252,252,250,.9);-webkit-backdrop-filter:blur(22px) saturate(1.3);backdrop-filter:blur(22px) saturate(1.3);box-shadow:0 34px 80px -34px rgba(30,40,110,.55),inset 0 0 0 1px rgba(94,86,242,.14);color:var(--ink,#1B1C1A);animation:h3in .38s cubic-bezier(.2,.9,.3,1.2)}
@keyframes h3in{from{opacity:0;transform:translateY(14px) scale(.97)}}
.h3-hd{position:relative;display:flex;align-items:flex-start;gap:10px;padding:16px 14px 10px 122px;min-height:66px}
.h3-av{position:absolute;left:16px;top:-40px;width:96px;height:96px;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle at 35% 30%,#2A2F45,#10121B 70%);box-shadow:0 16px 36px -14px rgba(30,40,110,.6),0 0 0 4px rgba(252,252,250,.95);transition:transform .45s cubic-bezier(.2,.9,.3,1.25)}
.h3-av .h3f{width:96%;height:96%;transition:transform .45s cubic-bezier(.2,.9,.3,1.25)}
.h3[data-state=speak] .h3-av,.h3[data-state=listen] .h3-av{transform:scale(1.1) translateY(-6px)}.h3[data-state=speak] .h3-av .h3f,.h3[data-state=listen] .h3-av .h3f{transform:scale(1.22) translateY(-10%)}
.h3-who{flex:1;min-width:0;display:flex;flex-direction:column;gap:1px}.h3-who b{font:700 17px var(--serif,var(--sans,system-ui))}.h3-role{font-size:12px;color:var(--graphite,#666);line-height:1.35}.h3-st{font:600 12px var(--sans,system-ui);color:#5E56F2;min-height:16px}
.h3-tools{display:flex;gap:6px}
.h3-ib{width:36px;height:36px;border:0;border-radius:50%;display:grid;place-items:center;cursor:pointer;background:rgba(94,86,242,.08);color:#3730C4;font:500 20px/1 var(--sans,system-ui);transition:background .25s,transform .25s}
.h3-ib svg{width:18px;height:18px;fill:currentColor}.h3-ib:hover{background:rgba(94,86,242,.16)}.h3-ib[aria-pressed=true]{background:linear-gradient(120deg,#7A3CF0,#1D64E0);color:#fff}
.h3-log{flex:1;overflow:auto;padding:8px 16px 4px;display:flex;flex-direction:column;gap:10px;scroll-behavior:smooth}
.h3-m{max-width:88%;padding:10px 14px;border-radius:18px;font-size:14.5px;line-height:1.62;word-wrap:break-word}
.h3-m p{margin:0 0 6px}.h3-m p:last-child{margin:0}.h3-m ul{margin:4px 0 6px 1.1em;padding:0}.h3-m code{font:13px ui-monospace,monospace;background:rgba(0,0,0,.06);padding:1px 5px;border-radius:5px}
.h3-u{align-self:flex-end;color:#fff;background:linear-gradient(120deg,#7A3CF0,#4E52F2 48%,#1D64E0);border-bottom-right-radius:6px}
.h3-h{align-self:flex-start;background:rgba(94,86,242,.06);box-shadow:inset 0 0 0 1px rgba(94,86,242,.1);border-bottom-left-radius:6px}
.h3-h a{color:#3730C4}
.h3-dots{display:inline-flex;gap:4px;padding:4px 2px}.h3-dots i{width:7px;height:7px;border-radius:50%;background:#7B4DFF;animation:h3dot 1.1s ease-in-out infinite}.h3-dots i:nth-child(2){animation-delay:.15s;background:#3D7BF5}.h3-dots i:nth-child(3){animation-delay:.3s;background:#22B6E6}
@keyframes h3dot{40%{transform:translateY(-5px);opacity:.6}}
.h3-src{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px;font-size:12px}.h3-src span{color:var(--graphite,#666)}.h3-src a{padding:3px 9px;border-radius:999px;background:#fff;box-shadow:inset 0 0 0 1px rgba(94,86,242,.2);text-decoration:none}.h3-none{color:var(--graphite,#666);font-size:12.5px}
.h3-card,.h3-compat{margin-top:10px;padding:12px;border-radius:16px;background:#fff;box-shadow:0 10px 26px -18px rgba(30,40,110,.45),inset 0 0 0 1px rgba(94,86,242,.12)}
.h3-card p{margin:0 0 8px;font-size:13.5px}
.h3-card button,.h3-acts button,.h3-acts .h3-a,.h3-chips button,.h3-end{border:0;border-radius:999px;padding:7px 13px;font:600 12.5px var(--sans,system-ui);cursor:pointer;color:#3730C4;background:linear-gradient(135deg,rgba(94,86,242,.12),rgba(34,182,230,.10));box-shadow:inset 0 0 0 1px rgba(94,86,242,.25);text-decoration:none;display:inline-block}
.h3-acts{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}
.h3-ct b{display:block;font-size:14px}.h3-ct span{display:block;font-size:11.5px;color:var(--graphite,#666);margin:2px 0 8px}
.h3-tbl{overflow-x:auto}.h3-compat table{border-collapse:collapse;width:100%;font-size:12.5px}.h3-compat th{font-weight:600;text-align:center;padding:4px 6px;color:var(--graphite,#666);white-space:nowrap}
.h3-compat td{padding:6px;border-top:1px solid rgba(94,86,242,.1);text-align:center;vertical-align:middle}.h3-compat td:first-child{text-align:left;white-space:nowrap}.h3-compat td small{display:block;font-size:10.5px;color:var(--graphite,#777)}
.h3-v{display:inline-flex;flex-direction:column;align-items:center;min-width:58px;padding:3px 8px;border-radius:10px;font-weight:700;font-size:12px}.h3-v small{font-weight:500;opacity:.8}
.h3-v-good{color:#0B7A5B;background:rgba(14,159,122,.12)}.h3-v-limited{color:#9A5B00;background:rgba(217,130,0,.14)}.h3-v-no{color:#8A3B3B;background:rgba(160,70,70,.10)}
.h3-chips{display:flex;flex-wrap:wrap;gap:6px;padding:4px 16px 8px}
.h3-cmp{display:flex;align-items:flex-end;gap:8px;margin:0 12px 6px;padding:8px;border-radius:20px;background:#fff;box-shadow:inset 0 0 0 1px rgba(94,86,242,.18)}
.h3-cmp textarea{flex:1;min-height:22px;max-height:120px;resize:none;border:0;outline:0;background:transparent;font:15px/1.5 var(--sans,system-ui);color:inherit;padding:6px 2px}
.h3-send{width:38px;height:38px;border:0;border-radius:50%;display:grid;place-items:center;cursor:pointer;background:linear-gradient(120deg,#7A3CF0,#4E52F2 48%,#1D64E0);color:#fff}.h3-send svg{width:18px;height:18px;fill:currentColor}.h3-send:disabled{opacity:.5}
.h3-stop{border:0;border-radius:999px;padding:8px 12px;font:600 12px var(--sans,system-ui);background:rgba(160,70,70,.12);color:#8A3B3B;cursor:pointer}
.h3-mic.h3-rec{background:linear-gradient(135deg,#FF6A4D,#FF3D6E);color:#fff;animation:h3pulse 1.2s ease-in-out infinite}
@keyframes h3pulse{50%{box-shadow:0 0 0 8px rgba(255,61,110,.15)}}
.h3-foot{margin:0;padding:0 16px 12px;font-size:10.5px;color:var(--graphite,#888);text-align:center}
.h3-call-ui{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;position:relative;padding:8px 16px}
.h3-calling .h3-log,.h3-calling .h3-chips,.h3-calling .h3-cmp{display:none}
.h3-ring{position:absolute;top:50%;left:50%;width:300px;height:300px;transform:translate(-50%,-62%);pointer-events:none}
.h3-big{width:170px;height:170px;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle at 35% 30%,#2A2F45,#10121B 70%);box-shadow:0 24px 60px -26px rgba(30,40,110,.7);margin-top:-30px}
.h3-big .h3f{width:96%;height:96%}
.h3-hint{margin:22px 0 4px;font-size:12.5px;color:var(--graphite,#666);text-align:center;max-width:300px}
.h3-cap{margin:2px 0;min-height:20px;font-size:14px;text-align:center;max-width:330px}.h3-cap-u{color:var(--graphite,#555)}.h3-cap-h{color:#3730C4;font-weight:600}
.h3-end{margin-top:10px;color:#fff!important;background:linear-gradient(135deg,#FF6A4D,#FF3D6E)!important;box-shadow:0 10px 22px -12px rgba(255,61,110,.7)!important;padding:10px 22px!important}
.h3-pill{position:absolute;z-index:130;display:inline-flex;align-items:center;gap:6px;padding:5px 12px 5px 5px;border:0;border-radius:999px;cursor:pointer;font:600 12.5px var(--sans,system-ui);color:#fff;background:linear-gradient(120deg,#7A3CF0,#4E52F2 48%,#1D64E0);box-shadow:0 12px 26px -12px rgba(61,123,245,.8)}
.h3-pill .h3f{width:24px;height:24px;border-radius:50%;background:#10121B}
.h3-nudge{position:absolute;right:76px;bottom:12px;max-width:240px;border:0;border-radius:999px;padding:10px 16px;font:600 13px var(--sans,system-ui);color:#3730C4;cursor:pointer;white-space:nowrap;background:rgba(255,255,255,.94);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:0 14px 34px -18px rgba(30,40,110,.6),inset 0 0 0 1px rgba(94,86,242,.18);opacity:0;transform:translateX(10px);transition:opacity .35s,transform .45s cubic-bezier(.2,.9,.3,1.25)}
.h3-nudge.on{opacity:1;transform:none}
.h3-filled{box-shadow:0 0 0 2px rgba(14,159,122,.45)!important;transition:box-shadow .4s}
:root[data-theme=dark] .h3-panel{background:rgba(24,25,30,.93);color:#F3F3EF}:root[data-theme=dark] .h3-card,:root[data-theme=dark] .h3-compat,:root[data-theme=dark] .h3-cmp,:root[data-theme=dark] .h3-src a{background:#1E2027}
:root[data-theme=dark] .h3-h{background:rgba(255,255,255,.05)}:root[data-theme=dark] .h3-nudge{background:rgba(27,28,26,.94);color:#C9C6FF}:root[data-theme=dark] .h3-av{box-shadow:0 16px 36px -14px rgba(0,0,0,.6),0 0 0 4px rgba(24,25,30,.95)}
@media (max-width:640px){.h3{right:14px;bottom:16px}.h3-orb{width:58px;height:58px}.h3-panel{right:0;left:0;bottom:0;top:auto;width:auto;height:calc(100% - 64px - env(safe-area-inset-top,0px));border-radius:24px 24px 0 0;padding-bottom:env(safe-area-inset-bottom,0px)}.h3-on .h3-orb{opacity:0;pointer-events:none}.h3-nudge{right:68px;max-width:calc(100vw - 100px)}}
@media (prefers-reduced-motion:reduce){.h3-orb-ring,.h3-dots i,.h3-mic.h3-rec{animation:none}.h3-panel{animation:none}.h3 *{transition:none!important}}
.h3-compat table{table-layout:fixed}.h3-compat th,.h3-compat td{padding:5px 3px}.h3-compat th:first-child,.h3-compat td:first-child{width:36%;white-space:normal;text-align:left}
.h3-compat td small{line-height:1.3}.h3-v{min-width:0;width:100%;max-width:74px;padding:3px 4px;font-size:11.5px;box-sizing:border-box}.h3-v small{font-size:10.5px}

/* Hala 4 */.h4f{display:block;border-radius:50%;overflow:hidden}.h4f svg{width:100%;height:100%;display:block}.h3-orb .h4f{width:88%;height:88%}.h3-av{transition:opacity .35s ease,transform .45s cubic-bezier(.2,.9,.3,1.25)}.h4-perch{position:absolute;left:-14px;top:-150px;width:150px;height:150px;pointer-events:none;opacity:0;transition:opacity .3s ease}.h4-perch svg{width:100%;height:100%;overflow:visible}.h4-perch svg.hala4-bird{width:100%!important;height:100%!important;max-width:none!important;background:none!important;border-radius:0!important;box-shadow:none!important}.h4-enter .h4-perch{opacity:1}.h4-enter .h3-av{opacity:0}@media (prefers-reduced-motion:reduce){.h4-perch{display:none}}

/* ===== phase 72 · site-wide button contrast (WCAG AA) and liveliness ===== */
.ba2-btn:not(.ba2-line){background:linear-gradient(180deg,rgba(255,255,255,.08),rgba(255,255,255,0) 55%),linear-gradient(120deg,#7A3CF0 0%,#4E52F2 48%,#1D64E0 100%)!important;color:#fff!important;border:0!important}
.btn-ink,.v2-btn-ink,.ba-sbtn,.ba-btn,.hnx-order,.h3-snd,.v2e-btn,.h3-send,.ba2-btn:not(.ba2-line){background-size:170% 100%!important;background-position:0% 50%!important;transition:background-position .7s cubic-bezier(.2,.8,.2,1),box-shadow .35s ease,transform .2s ease!important}
.btn-ink:hover,.v2-btn-ink:hover,.ba-sbtn:hover,.ba-btn:hover,.hnx-order:hover,.h3-snd:hover,.v2e-btn:hover,.h3-send:hover,.ba2-btn:not(.ba2-line):hover,.btn-ink:focus-visible,.v2-btn-ink:focus-visible,.ba2-btn:not(.ba2-line):focus-visible{background-position:100% 50%!important;box-shadow:0 14px 30px -14px rgba(122,60,240,.78),0 8px 22px -14px rgba(255,61,110,.55)!important}
.btn-ink:active,.v2-btn-ink:active,.ba-sbtn:active,.ba-btn:active,.hnx-order:active,.h3-snd:active,.v2e-btn:active,.h3-send:active,.ba2-btn:not(.ba2-line):active{transform:translateY(1px) scale(.985)!important}
.btn-line,.v2-btn-line,.btn-quiet,.ba2-line{transition:background .3s ease,box-shadow .3s ease,color .3s ease,transform .2s ease}
.btn-line:hover,.v2-btn-line:hover,.btn-quiet:hover,.ba2-line:hover{background:linear-gradient(135deg,rgba(122,60,240,.09),rgba(29,100,224,.08))!important;box-shadow:inset 0 0 0 1px rgba(122,60,240,.45),0 10px 24px -18px rgba(78,82,242,.6)!important}
[data-theme=dark] .btn-line:hover,[data-theme=dark] .v2-btn-line:hover,[data-theme=dark] .btn-quiet:hover,[data-theme=dark] .ba2-line:hover{background:linear-gradient(135deg,rgba(122,60,240,.22),rgba(29,100,224,.2))!important;box-shadow:inset 0 0 0 1px rgba(169,155,255,.55)!important}
.btn-line:active,.v2-btn-line:active,.btn-quiet:active,.ba2-line:active{transform:translateY(1px) scale(.985)}
.find,.v2-find,.find kbd,.v2-find kbd{color:#5B5F57!important}
[data-theme=dark] .find,[data-theme=dark] .v2-find,[data-theme=dark] .find kbd,[data-theme=dark] .v2-find kbd{color:#A9ACA4!important}
[data-theme=dark] .st-label{color:#BDB3FF!important}
.h3-card button,.h3-acts button,.h3-acts .h3-a,.h3-chips button,.h3-end{transition:transform .2s ease,box-shadow .25s ease,background .25s ease}
.h3-card button:hover,.h3-acts button:hover,.h3-acts .h3-a:hover,.h3-chips button:hover,.h3-end:hover{transform:translateY(-1px);box-shadow:0 8px 18px -12px rgba(78,82,242,.65);background:linear-gradient(135deg,rgba(122,60,240,.16),rgba(29,100,224,.13))}
[data-theme=dark] .h3-card button,[data-theme=dark] .h3-acts button,[data-theme=dark] .h3-acts .h3-a,[data-theme=dark] .h3-chips button,[data-theme=dark] .h3-end{color:#DCD6FF!important;background:linear-gradient(135deg,rgba(122,60,240,.3),rgba(29,100,224,.24))!important}
@media (prefers-reduced-motion:reduce){.btn-ink,.v2-btn-ink,.ba-sbtn,.ba-btn,.hnx-order,.h3-snd,.v2e-btn,.h3-send,.ba2-btn,.btn-line,.v2-btn-line,.ba2-line{transition:none!important}}

/* Hala 4 · flight across the whole page, sound switch */.h4-flyer{position:fixed;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:2147483000;display:none;transition:opacity .35s ease}.h4-flyer.h4-out{opacity:0}.h4-fb{position:absolute;left:0;top:0;width:190px;height:199px;transform-origin:52% 96.5%;will-change:transform}.h4-fb svg.hala4-bird{width:100%!important;height:100%!important;overflow:visible!important;background:none!important;border-radius:0!important;position:static!important;box-shadow:none!important}.h4-perch{display:none!important}.h4-wait .h4f{opacity:0}.h4-sndb{position:relative}.h4-sndb[aria-pressed=false]{opacity:.6}.h4-sndb[aria-pressed=false]::after{content:"";position:absolute;left:10px;right:10px;top:50%;height:2px;border-radius:2px;background:currentColor;transform:rotate(-45deg)}
.h4-trail{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none}

/* Hala 4 · step 2: tickets */.h4-acts{display:flex;gap:6px;padding:6px 14px 0;flex-wrap:wrap}.h4-acts button{height:28px;padding:0 11px;border:0;border-radius:999px;font:600 12px/1 inherit;cursor:pointer;color:#3730C4;background:linear-gradient(135deg,rgba(122,60,240,.1),rgba(29,100,224,.09));box-shadow:inset 0 0 0 1px rgba(122,60,240,.22);transition:transform .2s,box-shadow .25s}.h4-acts button:hover{transform:translateY(-1px);box-shadow:inset 0 0 0 1px rgba(122,60,240,.45),0 8px 18px -12px rgba(78,82,242,.6)}[data-theme=dark] .h4-acts button{color:#DCD6FF;background:linear-gradient(135deg,rgba(122,60,240,.3),rgba(29,100,224,.24))}.h4-tk{display:block!important;padding:14px!important;text-align:left}.h4-tk-h{display:grid;gap:2px;margin:0 0 10px}.h4-tk-h b{font-size:15px}.h4-tk-h span{font-size:12.5px;opacity:.75}.h4-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.h4-f{display:grid;gap:3px;font-size:12px}.h4-f span{opacity:.7}.h4-wide{grid-column:1/-1}.h4-f input,.h4-f select,.h4-f textarea{width:100%;box-sizing:border-box;padding:8px 10px;border-radius:10px;border:1px solid rgba(120,124,140,.32);background:rgba(255,255,255,.75);font:14px/1.4 inherit;color:inherit}[data-theme=dark] .h4-f input,[data-theme=dark] .h4-f select,[data-theme=dark] .h4-f textarea{background:rgba(255,255,255,.06);border-color:rgba(200,200,220,.22)}.h4-f input:focus,.h4-f select:focus,.h4-f textarea:focus{outline:2px solid #4E52F2;outline-offset:1px}.h4-chk{display:flex;gap:8px;align-items:flex-start;margin:9px 0 0;font-size:12.5px}.h4-err{margin:8px 0 0;color:#C2185B;font-size:12.5px}[data-theme=dark] .h4-err{color:#FF8FB1}.h4-go{margin-top:12px!important;width:100%;height:40px;border:0;border-radius:999px;color:#fff;font-weight:700;cursor:pointer;background:linear-gradient(120deg,#7A3CF0 0%,#4E52F2 48%,#1D64E0 100%)}.h4-done{box-shadow:inset 0 0 0 1px rgba(16,160,110,.35)!important}.h4-done p{margin:6px 0}@media (max-width:420px){.h4-grid{grid-template-columns:1fr}}

.tour-on::after{content:none!important;display:none!important}
.tb-note{display:block;margin-top:4px;font-size:12px;color:var(--mute)}
.hn-toast{position:fixed;left:50%;top:calc(84px + env(safe-area-inset-top,0px));z-index:130;transform:translate(-50%,-12px);opacity:0;pointer-events:none;padding:10px 16px;border-radius:999px;background:rgba(27,28,26,.88);color:#fff;font:600 13.5px var(--sans);box-shadow:0 14px 34px -16px rgba(0,0,0,.5);transition:opacity .3s,transform .4s cubic-bezier(.2,.9,.3,1.25)}
.hn-toast.on{opacity:1;transform:translate(-50%,0)}
.hn-mailto{margin-top:8px}
img.img-fail{opacity:0}.img-miss{background:linear-gradient(135deg,rgba(94,86,242,.10),rgba(34,182,230,.10))!important}
html[lang^="zh"] .contact h2,html[lang^="ko"] .contact h2{word-break:keep-all;text-wrap:balance}