@font-face{font-family:'Geist';src:url("./fonts/Geist-Variable.woff2") format("woff2");font-weight:100 900;font-display:optional}
@font-face{font-family:'Geist Mono';src:url("./fonts/GeistMono-Variable.woff2") format("woff2");font-weight:100 900;font-display:optional}
@font-face{font-family:'Instrument Serif';src:url("./fonts/InstrumentSerif-Italic.woff2") format("woff2");font-style:italic;font-weight:400;font-display:optional}
[hidden]{display:none !important}
body{margin:0;background:#111215}
@media (prefers-reduced-motion: no-preference){@view-transition{navigation:auto}}
.l{--ink:#EEEAE2;--ink2:#A9A6A0;--ink3:#98968F;--ph:#94918C;--paper:#E9E1D4;--amber:#FFBE6E;--err:#E07A62;--card:#16171A;--light:255,238,218;position:relative;color:var(--ink);background:#111215;font-family:'Geist',-apple-system,BlinkMacSystemFont,system-ui,sans-serif;-webkit-font-smoothing:antialiased;overflow-x:clip}
.l a{color:inherit}
.l :focus-visible,.l .is-focus{outline:2px solid var(--amber);outline-offset:2px}
.l-grain{position:absolute;inset:0;z-index:60;pointer-events:none;mix-blend-mode:overlay;opacity:.7;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='220'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.4'/%3E%3C/svg%3E") repeat}
.l-wrap{max-width:1160px;margin:0 auto;padding-left:24px;padding-right:24px}
.l-chapter{padding-top:clamp(112px,14vw,200px)}
.l-sect{padding-top:clamp(80px,9vw,128px)}
.l-pause{padding-top:clamp(144px,17vw,240px)}
.l-mono{font-family:'Geist Mono',ui-monospace,'SF Mono',Menlo,monospace}
.l-accent{font-family:'Instrument Serif',Georgia,serif;font-style:italic;font-weight:400;letter-spacing:-0.01em;font-size:1.06em;color:var(--paper)}
.l-label{margin:0;display:flex;align-items:center;font-family:'Geist Mono',ui-monospace,Menlo,monospace;font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--ink3)}
.l-h1{margin:0;font-size:clamp(46px,6.6vw,88px);line-height:1;font-weight:500;letter-spacing:-0.045em;text-wrap:balance}
.l-h2{margin:0;font-size:clamp(34px,4.4vw,56px);line-height:1.06;font-weight:500;letter-spacing:-0.035em;text-wrap:balance}
.l-h2s{margin:0;font-size:clamp(30px,3.2vw,40px);line-height:1.1;font-weight:500;letter-spacing:-0.03em;text-wrap:balance}
.l-h3{margin:0;font-size:22px;line-height:1.2;font-weight:500;letter-spacing:-0.02em}
.l-body{margin:0;font-size:16px;line-height:1.5;color:var(--ink2);text-wrap:pretty}
.l-lead{margin:0;font-size:18px;line-height:1.5;color:var(--ink2);text-wrap:pretty}
.l-meta{margin:0;font-family:'Geist Mono',ui-monospace,Menlo,monospace;font-size:12px;color:var(--ink3)}
.l-link{color:var(--ink2) !important;text-decoration:underline;text-decoration-color:rgba(169,166,160,.4);text-underline-offset:3px}
.l-link:hover,.l-link.is-hover{color:var(--ink) !important;text-decoration-color:rgba(238,234,226,.6)}
.l-bar{position:sticky;top:0;z-index:10}
.l-bar::before{content:"";position:absolute;inset:0 0 -28px;z-index:-1;pointer-events:none;background:rgba(17,18,21,0.8);backdrop-filter:blur(18px) saturate(1.4);-webkit-backdrop-filter:blur(18px) saturate(1.4);-webkit-mask-image:linear-gradient(to bottom,#000 calc(100% - 28px),transparent);mask-image:linear-gradient(to bottom,#000 calc(100% - 28px),transparent);opacity:0;animation:l-bar linear both;animation-timeline:scroll();animation-range:0 80px}
@keyframes l-bar{to{opacity:1}}
@supports not (animation-timeline: scroll()){.l-bar::before{opacity:1}}
.l-nav a{color:var(--ink2);text-decoration:none}
.l-nav a[aria-current]{color:var(--ink);text-decoration:underline;text-decoration-color:rgba(238,234,226,.5);text-underline-offset:8px}
.l-tile,.w-win{position:relative;border-radius:22px;background:var(--card);box-shadow:0 1px 0 rgba(0,0,0,.5),0 18px 32px -16px rgba(0,0,0,.6)}
.l-tile::after,.w-win::after,.g-glass::after{content:"";position:absolute;inset:0;z-index:3;border-radius:inherit;padding:1px;pointer-events:none;background:linear-gradient(180deg,rgba(var(--light),.16),rgba(255,255,255,.06) 40%,rgba(255,255,255,.04));-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0)}
.g-glass{position:relative;background:linear-gradient(180deg,rgba(255,255,255,.09),rgba(255,255,255,.03));box-shadow:inset 0 -1px 0 rgba(0,0,0,.25)}
.g-glass::after{background:linear-gradient(180deg,rgba(var(--light),.3),rgba(255,255,255,.08) 45%,rgba(255,255,255,.05) 70%,rgba(255,255,255,.1))}
.l-bar .g-glass{-webkit-backdrop-filter:blur(14px) saturate(1.4);backdrop-filter:blur(14px) saturate(1.4)}
.l-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;height:48px;padding:0 24px;border:0;border-radius:24px;color:#111113 !important;text-decoration:none;font:inherit;font-weight:500;font-size:16px;cursor:pointer;background:linear-gradient(180deg,#EFE8DC,#E1D7C6);box-shadow:inset 0 1px 0 rgba(255,255,255,0.85),inset 0 -1px 0 rgba(0,0,0,0.14),0 1px 2px rgba(0,0,0,0.6),0 10px 24px -8px rgba(0,0,0,0.6)}
.l-btn:hover,.l-btn.is-hover{background:linear-gradient(180deg,#F6F0E6,#E1D7C6)}
.l-btn:disabled,.l-btn.is-disabled{opacity:.45;cursor:default}
.l-btn.is-busy{opacity:.7;cursor:progress}
.l-chip{display:inline-flex;align-items:center;height:30px;padding:0 12px;border-radius:15px;font-size:13px;color:#C9C6BF;white-space:nowrap}
.l-key{font-family:-apple-system,BlinkMacSystemFont,system-ui,sans-serif;display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;color:var(--ink)}
.l-faq{padding:22px 0;box-shadow:inset 0 -1px 0 rgba(255,255,255,0.10)}
.l-faq summary{list-style:none;display:flex;justify-content:space-between;align-items:center;gap:24px;font-size:18px;font-weight:500;letter-spacing:-0.01em;cursor:pointer}
.l-faq summary::-webkit-details-marker{display:none}
.l-faq summary::after{content:"+";font-family:'Geist Mono',ui-monospace,monospace;font-size:20px;color:var(--ink3);transition:transform .2s}
.l-faq[open] summary::after{transform:rotate(45deg)}
.l-faq p{margin:10px 0 0;font-size:16px;line-height:1.5;color:var(--ink2);max-width:640px}
.l-rule{box-shadow:inset 0 1px 0 rgba(255,255,255,0.10);padding-top:22px}
.w-win{overflow:hidden;font-family:-apple-system,BlinkMacSystemFont,'SF Pro Text',system-ui,sans-serif;color:var(--ink)}
.w-head{display:flex;align-items:center;gap:10px;height:52px;padding:0 16px;box-sizing:border-box}
.w-q{font-size:16px;letter-spacing:-0.01em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.w-caret{display:inline-block;width:2px;height:20px;background:var(--ink);margin-left:-8px;flex-shrink:0;vertical-align:-4px}
.w-row{display:flex;align-items:center;gap:10px;padding:6px 8px;border-radius:10px}
.w-sel{background:rgba(255,255,255,0.10)}
.w-name{display:block;font-size:13px;line-height:16px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.w-ext{color:rgba(238,234,226,0.56)}
.w-sub{display:block;margin-top:2px;font-size:12px;line-height:15px;color:rgba(238,234,226,0.62)}
.w-tile{width:32px;height:32px;flex-shrink:0;border-radius:8px;display:flex;align-items:center;justify-content:center;overflow:hidden;box-shadow:inset 0 0 0 1px rgba(255,255,255,0.07)}
.w-lab{font-family:ui-monospace,'SF Mono',Menlo,monospace;font-size:8.5px;font-weight:600;letter-spacing:.06em}
.w-page{width:19px;height:25px;border-radius:2px;background:#F4F2EE;display:flex;flex-direction:column;gap:2.5px;padding:4px 3px;box-sizing:border-box;box-shadow:0 1px 2px rgba(0,0,0,0.4)}
.w-page i{display:block;height:1.5px;border-radius:1px;background:#B9B6AF}
.w-meta{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 18px 10px;font-size:11.5px;color:rgba(238,234,226,0.52);font-variant-numeric:tabular-nums;white-space:nowrap}
.w-body{flex:1;overflow:hidden;padding:2px 22px 0;font-size:13px;line-height:1.55;color:rgba(238,234,226,0.52)}
.w-body p{margin:0 0 10px}
.w-h{font-size:15px;font-weight:600;color:rgba(238,234,226,0.66);margin:0 0 8px;letter-spacing:-0.005em}
.w-hl{color:#fff;border-radius:3px;padding:0 2px;margin:0 -2px}
.w-mark{position:absolute;left:-12px;top:2px;bottom:2px;width:2px;border-radius:1px;background:rgba(255,190,110,0.85)}
.w-fade{-webkit-mask-image:linear-gradient(to bottom,#000 calc(100% - 32px),transparent);mask-image:linear-gradient(to bottom,#000 calc(100% - 32px),transparent)}
.w-rule{box-shadow:inset 0 1px 0 rgba(255,255,255,0.10)}
@keyframes l-blink{0%,49%{opacity:1}50%,100%{opacity:0}}
.l-caret{animation:l-blink 1.1s steps(1) 4}
@media (prefers-reduced-motion: reduce){.l-caret{animation:none}}
.l-phone{display:none !important}
@media (max-width: 759px){
  .l-desk{display:none !important}
  .l-phone{display:revert !important}
  .l-btn.l-phone,.hd-dl.l-phone{display:inline-flex !important}
  .l-navlinks{display:none !important}
  .l-h2{letter-spacing:-0.025em}
}
.w-lit{background:linear-gradient(rgba(255,190,110,var(--hl)),rgba(255,190,110,var(--hl))) no-repeat 0 0/100% 100%}
.l-key.g-glass{transition:transform .06s}
.l-key.g-glass:active,.l-key.is-down{transform:translateY(2px);background:linear-gradient(180deg,rgba(255,255,255,.17),rgba(255,255,255,.07));box-shadow:inset 0 1px 2px rgba(0,0,0,.35)}
@media (prefers-reduced-motion: reduce){.l-key.g-glass{transition:none}.l-key.g-glass:active,.l-key.is-down{transform:none}}
@keyframes l-find{from{background-size:0 100%;color:rgba(238,234,226,0.52)}}
@keyframes l-grow{from{transform:scaleY(0)}}
@keyframes l-in{from{opacity:0;transform:translateY(4px)}}
@keyframes l-fade{from{opacity:0}}
@media (prefers-reduced-motion: no-preference){
  @supports (animation-timeline: view()){
    .w-lit{animation:l-find .6s cubic-bezier(.2,.8,.2,1) both;animation-timeline:view();animation-range:entry 40% cover 45%}
    .w-mark{transform-origin:top;animation:l-grow .4s both;animation-timeline:view();animation-range:entry 30% cover 40%}
  }
}
.hd{height:64px;display:flex;align-items:center;justify-content:space-between;gap:16px}
.hd-brand{display:flex;align-items:center;gap:10px;text-decoration:none;font-weight:600;font-size:18px;letter-spacing:-0.02em}
.hd-nav{display:flex;align-items:center;gap:30px;font-size:14px}
.hd-right{display:flex;align-items:center;gap:16px;font-size:14px}
.hd-ent{color:var(--ink2) !important;text-decoration:none}
.hd-dl{display:inline-flex;align-items:center;height:36px;padding:0 16px;border-radius:18px;text-decoration:none;font-weight:500;font-size:14px}
.hero{padding-top:64px;display:flex;flex-direction:column;align-items:center;text-align:center}
.hero-sub{margin:20px 0 0;max-width:560px;font-size:22px;line-height:1.45;color:var(--ink2);text-wrap:balance}
.hero-cta{margin-top:32px;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:12px 24px}
.h-win{height:423px;border-radius:26px;text-align:left;box-shadow:0 1px 0 rgba(0,0,0,.5),0 40px 64px -28px rgba(0,0,0,.75)}
.h-win .w-head{height:64px;padding:0 20px}
.h-win .w-q{font-size:20px}
.h-split{display:flex;height:359px}
.h-list{width:380px;flex-shrink:0;padding:0 8px;box-sizing:border-box;display:flex;flex-direction:column;gap:2px;border-right:1px solid rgba(255,255,255,0.10)}
.h-prev{flex:1;min-width:0;display:flex;flex-direction:column}
.m-bento{margin-top:48px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.m-bento figure{margin:0;display:flex;flex-direction:column;gap:12px;min-width:0}
.m-bento figcaption{font-size:14px;color:var(--ink2);padding-left:4px}
.m-big{grid-column:span 2;grid-row:span 2}
.m-big .w-win{flex:1;display:flex;flex-direction:column}
.m-stage{height:196px}
.m-photo{flex:1;min-height:320px;padding:0 18px 18px;box-sizing:border-box;display:flex}
.s-k1{width:72px;height:72px;border-radius:16px;font-size:30px}
.s-k2{width:220px;height:72px;border-radius:16px;font-size:18px}
.f-band{margin-top:48px;display:grid;grid-template-columns:minmax(0,1.45fr) minmax(0,1fr);gap:48px;align-items:center}
.f-win{height:300px}
.p-sec{display:flex;flex-wrap:wrap;gap:48px 64px;align-items:center}
.p-copy{flex:1 1 340px;display:flex;flex-direction:column;gap:16px}
.p-dia{flex:1 1 380px;max-width:480px;display:flex;flex-direction:column}
.p-mac{padding:22px;border-radius:24px}
.p-mac::after{background:linear-gradient(180deg,rgba(var(--light),.32),rgba(255,255,255,.14))}
.p-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px;font-size:14px}
.p-row{display:flex;align-items:center;justify-content:space-between;gap:10px;height:48px;font-size:16px;box-shadow:inset 0 1px 0 rgba(255,255,255,0.08)}
.p-link{width:1px;height:28px;margin-left:44px;background:repeating-linear-gradient(to bottom,rgba(255,255,255,.28) 0 4px,transparent 4px 8px)}
.p-out{padding-left:22px;display:flex;flex-direction:column;gap:8px}
.u-steps{list-style:none;margin:48px 0 0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px}
.u-steps li{display:flex;flex-direction:column;gap:10px}
.q-sec{display:flex;flex-wrap:wrap;gap:32px 64px;align-items:flex-start}
.q-side{flex:1 1 280px;display:flex;flex-direction:column;gap:16px}
.q-list{flex:2 1 480px;min-width:0;display:flex;flex-direction:column}
.c-close{padding-bottom:120px;display:flex;flex-direction:column;align-items:center;text-align:center}
.ft{padding-top:28px;padding-bottom:40px;display:flex;flex-direction:column;gap:20px;box-shadow:inset 0 1px 0 rgba(255,255,255,0.10)}
.ft-top{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px}
.ft-brand{display:flex;align-items:center;gap:10px;text-decoration:none;font-weight:600;font-size:16px;letter-spacing:-0.02em}
.ft-links{display:flex;flex-wrap:wrap;gap:24px;font-size:14px}
.ft-links a{color:var(--ink2);text-decoration:none}
@media (max-width: 919px){
  .m-bento,.f-band{grid-template-columns:minmax(0,1fr)}
  .m-big{grid-column:auto;grid-row:auto}
  .u-steps{grid-template-columns:minmax(0,1fr)}
}
@media (max-width: 759px){
  .hero{padding-top:64px}
  .hero-sub{font-size:18px}
  .hero-cta{flex-direction:column}
  .h-win{height:auto;margin-top:40px}
  .h-win .w-head{height:auto;padding:16px;align-items:flex-start}
  .h-win .w-q{white-space:normal;font-size:18px;line-height:1.35}
  .h-split{flex-direction:column;height:auto}
  .h-list{width:100%;border-right:0;padding-bottom:8px;-webkit-mask-image:none;mask-image:none}
  .h-list .w-row:not(.w-sel){display:none}
  .h-prev{box-shadow:inset 0 1px 0 rgba(255,255,255,0.10)}
  .h-prev .w-body{flex:none;height:250px}
  .s-k1{width:64px;height:64px;border-radius:14px;font-size:28px}
  .s-k2{width:200px;height:64px;border-radius:14px;font-size:18px}
  .p-mac{padding:18px}
}
.h-try{margin-top:20px;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:8px}
.h-try>.l-meta:first-child{margin-right:6px}
.h-try input{position:absolute;opacity:0;width:1px;height:1px;pointer-events:none}
.h-try label{cursor:pointer;color:var(--ink2)}
.h-try label:hover{color:var(--ink)}
.h-try input:checked+label{color:var(--ink);font-weight:500;background:linear-gradient(180deg,rgba(255,255,255,.17),rgba(255,255,255,.07))}
.h-try input:focus-visible+label{outline:2px solid var(--amber);outline-offset:2px}
.h-stage{position:relative;width:100%;max-width:750px;margin:40px auto 0}
.hq{display:none}
.hero:has(#hq-lease:checked) .q-lease,.hero:has(#hq-gift:checked) .q-gift,.hero:has(#hq-vet:checked) .q-vet,.hero:has(#hq-garlic:checked) .q-garlic{display:contents}
.h-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;margin:0}
.h-typed{display:inline-block;vertical-align:bottom;overflow:hidden;white-space:nowrap}
.h-ann{position:absolute;width:200px;display:flex;flex-direction:column;gap:6px}
.h-ann b{font-family:'Instrument Serif',Georgia,serif;font-style:italic;font-weight:400;font-size:28px;line-height:1}
.h-ann span{display:none}
.h-yw{right:calc(100% + 12px);top:8px;align-items:flex-end;text-align:right;color:var(--paper)}
.h-yw .h-arrow{margin-right:-30px}
.h-iw{left:calc(100% + 12px);top:150px;align-items:flex-start;color:var(--amber)}
.h-iw .h-arrow{margin-left:-30px}
.h-notes{width:100%;max-width:750px;margin:24px auto 0;display:grid;grid-template-columns:380px 1fr;text-align:left}
.h-note{padding:0 28px;display:flex;flex-direction:column;gap:6px;border-left:1px solid rgba(255,255,255,0.10)}
.h-note b{font-family:'Instrument Serif',Georgia,serif;font-style:italic;font-weight:400;font-size:22px;line-height:1}
.h-note span{font-size:14px;line-height:1.45;color:var(--ink2)}
@media (max-width: 1279px){.h-anns{display:none}}
@media (min-width: 1280px){.h-notes{display:none}}
@keyframes l-type{from{max-width:0}to{max-width:calc(var(--n) * .6em)}}
@media (prefers-reduced-motion: no-preference){
  .h-typed{animation:l-type calc(var(--n) * 28ms) steps(var(--n)) .2s backwards}
  .h-win .w-row{animation:l-in .28s cubic-bezier(.2,.8,.2,1) backwards;animation-delay:calc(var(--n) * 28ms + 250ms + var(--i) * 40ms)}
  .h-win .h-prev{animation:l-fade .2s backwards;animation-delay:calc(var(--n) * 28ms + 300ms)}
  .h-win .w-lit{animation:l-find .5s cubic-bezier(.2,.8,.2,1) backwards;animation-delay:calc(var(--n) * 28ms + 600ms + var(--d) * 1ms)}
  .h-win .w-mark{transform-origin:top;animation:l-grow .3s backwards;animation-delay:calc(var(--n) * 28ms + 550ms)}
  .h-yw,.h-note:first-child{animation:l-fade .3s backwards;animation-delay:calc(var(--n) * 28ms + 200ms)}
  .h-iw,.h-note:last-child{animation:l-fade .3s backwards;animation-delay:calc(var(--n) * 28ms + 900ms)}
}
.s-copy{display:flex;flex-direction:column;align-items:flex-start;gap:16px}
.m-scan{display:flex;flex-direction:column;align-items:center;gap:22px;padding:8px 0 12px}
.m-q{display:flex;align-items:center;gap:8px;height:40px;padding:0 16px;border-radius:20px;font-family:-apple-system,BlinkMacSystemFont,system-ui,sans-serif;font-size:14px;color:var(--ink)}
.m-paper{position:relative;width:208px;box-sizing:border-box;padding:16px 14px;border-radius:4px;background:var(--paper);color:#2B2925;font-family:'Geist Mono',ui-monospace,Menlo,monospace;font-size:10px;line-height:1.75;letter-spacing:.04em;text-transform:uppercase;transform:rotate(-2.5deg);box-shadow:0 1px 0 rgba(0,0,0,.5),0 18px 32px -16px rgba(0,0,0,.6)}
.m-reads{margin-top:24px;padding-left:4px;line-height:1.6}
.e-hero{padding-top:96px;display:flex;flex-wrap:wrap;gap:56px 80px;align-items:center}
.e-intro{flex:1 1 420px;display:flex;flex-direction:column}
.e-chips{margin-top:28px;display:flex;flex-wrap:wrap;gap:8px}
.e-card{flex:0 1 540px;min-height:640px;padding:28px;border-radius:24px;box-sizing:border-box;display:flex;flex-direction:column}
.e-form{display:flex;flex-direction:column;gap:20px;margin:0}
.e-field{display:flex;flex-direction:column;gap:8px;margin:0;padding:0;border:0;min-width:0}
.e-lab{display:flex;justify-content:space-between;gap:8px;font-size:14px;color:var(--ink)}
.e-lab small{font-size:14px;color:var(--ink3)}
.e-input{display:flex;align-items:center;height:48px;box-sizing:border-box;width:100%;padding:0 16px;border:0;border-radius:12px;font:inherit;font-size:16px;color:var(--ink);background:rgba(255,255,255,0.05);box-shadow:inset 0 0 0 1px rgba(255,255,255,0.36);outline:none}
/* Fields show only their inner ring, never the global outline as well. */
.l .e-input:focus-visible{outline:none}
textarea.e-input,.e-area{display:block;height:104px;padding:13px 16px;resize:vertical;line-height:1.45}
.e-input::placeholder,.e-ph{color:var(--ph)}
.e-input:focus,.e-focus{background:rgba(255,255,255,0.06);box-shadow:inset 0 0 0 2px rgba(255,190,110,0.7)}
.e-bad{box-shadow:inset 0 0 0 2px rgba(224,122,98,0.85) !important}
.e-msg{display:flex;align-items:center;gap:6px;margin:0;font-size:14px;color:var(--err)}
.e-hide{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.e-seg{position:relative;display:flex;height:48px;padding:3px;box-sizing:border-box;border-radius:14px;background:rgba(255,255,255,0.05);box-shadow:inset 0 0 0 1px rgba(255,255,255,0.36)}
.e-seg input{position:absolute;opacity:0;width:1px;height:1px;pointer-events:none}
.e-seg label{flex:1;display:flex;align-items:center;justify-content:center;border-radius:11px;font-size:14px;font-variant-numeric:tabular-nums;color:var(--ink2);cursor:pointer;white-space:nowrap}
.e-seg label:hover,.e-seg label.is-hover{background:rgba(255,255,255,0.04);color:var(--ink)}
.e-seg input:checked+label,.e-seg .e-on{background:rgba(255,255,255,0.14);color:var(--ink);font-weight:500;box-shadow:inset 0 0 0 1px rgba(255,255,255,0.7)}
.e-seg input:focus-visible+label,.e-seg label.is-focus{outline:2px solid var(--amber);outline-offset:2px}
.e-actions{margin-top:4px;display:flex;flex-wrap:wrap;align-items:center;gap:12px 20px;font-size:14px}
.e-banner{display:flex;gap:10px;align-items:flex-start;padding:12px 14px;border-radius:12px;font-size:14px;line-height:1.45;background:rgba(224,122,98,0.08);box-shadow:inset 0 0 0 1px rgba(224,122,98,0.35)}
.e-dim{opacity:.55}
.e-facts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:32px}
.e-facts>div{display:flex;flex-direction:column;gap:12px}
.e-proof{margin-top:48px;display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:32px;align-items:stretch}
.e-proof figure{margin:0;display:flex;flex-direction:column;gap:12px;min-width:0}
.e-pwin{height:400px}
.e-pwin .h-list{width:260px}
.e-pwin .h-split{height:348px}
.e-perim{display:flex;flex-direction:column}
.e-done{flex:1;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:14px}
@media (max-width: 999px){.e-facts{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width: 919px){.e-proof{grid-template-columns:minmax(0,1fr)}.e-card{flex-basis:100%}}
@media (max-width: 759px){
  .h-notes{grid-template-columns:minmax(0,1fr);gap:20px}
  .h-note{padding:0 0 0 16px}
  .h-typed{animation:none !important;display:inline;white-space:normal}
  .h-try{flex-wrap:nowrap;overflow-x:auto;justify-content:flex-start;margin-top:24px;padding-bottom:4px}
  .h-try>.l-meta:first-child{flex-shrink:0}
  .h-try{align-self:stretch;-webkit-mask-image:linear-gradient(90deg,#000 82%,transparent);mask-image:linear-gradient(90deg,#000 82%,transparent)}
  .h-try::after{content:"";flex:0 0 40px}
  .h-split,.h-note{--n:0}
  .h-stage{margin-top:0}
  .e-hero{padding-top:56px;gap:40px}
  .e-card{padding:20px;min-height:0}
  .e-facts{grid-template-columns:minmax(0,1fr);gap:24px}
  .e-pwin{height:auto}
  .e-pwin .h-split{flex-direction:column;height:auto}
  .e-pwin .h-list{width:100%;border-right:0;padding-bottom:8px;-webkit-mask-image:none;mask-image:none}
  .e-pwin .h-list .w-row:not(.w-sel){display:none}
  .e-pwin .h-prev{box-shadow:inset 0 1px 0 rgba(255,255,255,0.10)}
  .e-pwin .w-body{flex:none;height:230px}
  .e-pwin .w-head{height:auto;padding:16px;align-items:flex-start}
  .e-pwin .w-q{white-space:normal;line-height:1.35}
}
.hb{position:absolute;left:0;right:0;top:0;height:1200px;pointer-events:none;overflow:hidden;-webkit-mask-image:linear-gradient(to bottom,#000 25%,transparent 62%);mask-image:linear-gradient(to bottom,#000 25%,transparent 62%)}
.hb::before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse 1000px 620px at 50% -40px,rgba(var(--light),.1),rgba(var(--light),.03) 50%,transparent 78%)}
.hb-rings{position:absolute;left:calc(50% - 1200px);top:0}
.l main{position:relative}
@media (max-width: 759px){.hb-rings{transform:scale(.55);transform-origin:50% 0}}
