:root{
  --bg:#F4F8FB;
  --bg-panel:#FFFFFF;
  --bg-panel-2:#EAF1F5;
  --border:#DCE4EA;
  --accent:#34853C;
  --accent-dark:#1B5E5A;
  --accent-dark-deep:#154B48;
  --text:#1F2D3A;
  --text-muted:#5B6B78;
  --success:#2F8F5B;
  --warn:#B7791F;
  --error:#C2413A;
  --on-accent:#FFFFFF;
  --accent-tint:#E6F1E7;
  --card-fade:#F1F8F2;
  --device:#D3DCE3;
  --device-light:#F3F6F8;
  --device-line:#B9C6D0;
  --globe:#D8EEEB;
  --globe-line:#5E9C97;
  --glow:rgba(255,255,255,.92);
  --grid-dot:#CFDAE2;
  --mask-solid:#000000;
  --veil:rgba(31,45,58,.28);
  --clear:transparent;
  --shadow-nav:0 1px 0 rgba(31,45,58,.02),0 2px 12px rgba(31,45,58,.04);
  --shadow-card:0 1px 2px rgba(31,45,58,.05),0 12px 26px -14px rgba(31,45,58,.14),0 30px 60px -34px rgba(27,94,90,.24);
  --shadow-soft:0 1px 2px rgba(31,45,58,.04),0 10px 24px -16px rgba(31,45,58,.12);
  --shadow-btn:0 1px 2px rgba(31,45,58,.08),0 8px 16px -8px rgba(52,133,60,.5);
  --font-display:"Inter","Noto Sans SC","PingFang SC","Hiragino Sans","Yu Gothic","Apple SD Gothic Neo","Malgun Gothic","Microsoft YaHei",system-ui,sans-serif;
  --font-body:"Inter","Noto Sans SC","PingFang SC","Hiragino Sans","Yu Gothic","Apple SD Gothic Neo","Malgun Gothic","Microsoft YaHei",system-ui,sans-serif;
  --font-mono:"JetBrains Mono",ui-monospace,"SFMono-Regular",Menlo,Consolas,monospace;
  --weight-normal:400;
  --weight-medium:500;
  --size-xs:12px;
  --size-tag:12.5px;
  --size-badge:13px;
  --size-link-small:13.5px;
  --size-small:14px;
  --size-control-small:14.5px;
  --size-nav:15px;
  --size-body:16px;
  --size-lede:16.5px;
  --size-brand:17px;
  --size-subtitle:19px;
  --size-card-title:23px;
  --size-h3:22px;
  --size-h2:clamp(24px,2.3vw,32px);
  --size-h1:clamp(34px,3.1vw,46px);
  --size-quick-title:28px;
  --size-caret:11px;
  --leading-body:1.6;
  --leading-prose:1.85;
  --leading-title:1.25;
  --tracking-title:-.015em;
  --tracking-subtitle:-.01em;
  --tracking-brand:-.005em;
  --tracking-label:.05em;
  --r-ctl:6px;
  --r-card:8px;
  --r-pill:999px;
  --r-round:50%;
  --nav-h:64px;
  --gutter:max(32px,calc((100vw - 1280px) / 2));
  --content-width:1184px;
  --reading-width:840px;
  --section-space:88px;
  --motion-fast:180ms;
  --motion-tab:220ms;
  --motion-reveal:600ms;
}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:calc(var(--nav-h) + 24px)}
html.nav-open{overflow:hidden}
body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font-body);font-size:var(--size-body);line-height:var(--leading-body);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
[hidden]{display:none!important}
img,svg,video{max-width:100%}
img,video{height:auto}
button,input,select,textarea{font:inherit}
button,a,input,summary{-webkit-tap-highlight-color:var(--clear)}
button{cursor:pointer}
a{color:var(--accent-dark);text-underline-offset:.2em}
a:hover{color:var(--accent)}
a:focus-visible,button:focus-visible,summary:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:var(--r-ctl)}
h1,h2,h3,h4{font-family:var(--font-display);font-weight:var(--weight-normal);text-wrap:balance;overflow-wrap:break-word}
h1{font-size:var(--size-h1);line-height:1.2;letter-spacing:var(--tracking-title)}
h2{font-size:var(--size-h2);line-height:1.35;letter-spacing:var(--tracking-subtitle)}
h3{font-size:var(--size-h3);line-height:1.4}
p,li,dd{overflow-wrap:break-word}
strong{font-weight:var(--weight-medium)}
code,kbd,samp,pre{font-family:var(--font-mono)}
code{overflow-wrap:anywhere;font-size:.9em}
pre{max-width:100%;min-width:0;overflow-x:auto;padding:24px;background:var(--bg-panel-2);color:var(--text);border:1px solid var(--border);border-radius:var(--r-card);font-size:var(--size-small);line-height:1.7;overscroll-behavior-inline:contain}
pre code{white-space:pre;overflow-wrap:normal;font-size:inherit}
hr{border:0;border-top:1px solid var(--border);margin-block:32px}
.wrap{width:100%;max-width:calc(var(--content-width) + var(--gutter)*2);margin-inline:auto;padding-inline:var(--gutter)}
.wrap--reading{max-width:calc(var(--reading-width) + var(--gutter)*2)}
.section{padding-top:var(--section-space);padding-bottom:var(--section-space)}
.section--band{background:var(--bg-panel-2);color:var(--text)}
.section__head{max-width:720px;margin-bottom:36px}
.section__head h2{margin-top:0}
.eyebrow{color:var(--accent);font-size:var(--size-badge);font-weight:var(--weight-medium);letter-spacing:.1em}
.muted{color:var(--text-muted)}
.keep{white-space:nowrap}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.grid--two{grid-template-columns:repeat(2,minmax(0,1fr))}
.grid>*,.hero>*,.lanes>*,.footer__grid>*,.feature-deck>*{min-width:0}
.stack>*+*{margin-top:20px}
.card,.panel{min-width:0;padding:28px;background:var(--bg-panel);color:var(--text);border:1px solid var(--border);border-radius:var(--r-card);box-shadow:var(--shadow-soft)}
.card h3,.panel h3{margin-top:0}
.card p:last-child,.panel p:last-child{margin-bottom:0}
.card__title{margin:0 0 12px;font-size:var(--size-card-title)}
.card__link{display:inline-flex;align-items:center;gap:8px;margin-top:16px;text-decoration:none}
.prose{min-width:0;line-height:var(--leading-prose)}
.prose h2{margin-top:2.2em}
.prose h3{margin-top:1.8em}
.prose p,.prose ul,.prose ol{margin-block:1em}
.prose li+li{margin-top:.5em}
.prose :not(pre)>code{padding:2px 5px;background:var(--bg-panel-2);color:var(--accent-dark);border-radius:var(--r-ctl)}
.prose> :first-child{margin-top:0}
.prose img{display:block;margin-block:24px}
.prose div,.prose section,.prose article{min-width:0;max-width:100%}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;max-width:100%;padding:12px 24px;border:1px solid var(--clear);border-radius:var(--r-ctl);font-family:var(--font-body);font-size:var(--size-body);font-weight:var(--weight-medium);line-height:1.25;text-decoration:none;text-align:center;transition:background var(--motion-fast),border-color var(--motion-fast),color var(--motion-fast)}
.btn svg{width:18px;height:18px;flex-shrink:0;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.btn--primary{background:var(--accent);color:var(--on-accent);box-shadow:var(--shadow-btn)}
.btn--primary:hover,.btn--primary.is-hover{background:var(--accent-dark);color:var(--on-accent)}
.btn--ghost{background:var(--bg-panel);color:var(--text);border-color:var(--border)}
.btn--ghost:hover,.btn--ghost.is-hover{background:var(--bg-panel);border-color:var(--accent-dark);color:var(--accent-dark)}
.btn--green{background:var(--accent);color:var(--on-accent)}
.btn--green:hover{background:var(--accent-dark);color:var(--on-accent)}
.btn--teal{background:var(--accent-dark);color:var(--on-accent)}
.btn--teal:hover{background:var(--accent-dark-deep);color:var(--on-accent)}
.btn--sm{min-height:40px;padding:9px 20px;font-size:var(--size-control-small)}
.btn:disabled,.btn[aria-disabled="true"]{background:var(--bg-panel-2);color:var(--text-muted);border-color:var(--border);box-shadow:none;cursor:not-allowed}
.btn.is-focus{outline:2px solid var(--accent);outline-offset:3px}
.cta{display:flex;flex-wrap:wrap;gap:12px;margin-top:32px}
.cta>*{min-width:0}
.topbar{position:sticky;top:0;z-index:40;background:var(--bg-panel);color:var(--text);border-bottom:1px solid var(--border);box-shadow:var(--shadow-nav)}
.topbar__inner{position:relative;width:100%;max-width:min(100%,calc(1280px + var(--gutter)*2));height:var(--nav-h);margin-inline:auto;padding-inline:var(--gutter);display:flex;align-items:center;justify-content:space-between;gap:24px}
.brand{display:inline-flex;align-items:center;gap:10px;flex-shrink:0;text-decoration:none;color:var(--text);font-family:var(--font-display);font-size:var(--size-brand);font-weight:var(--weight-medium);letter-spacing:var(--tracking-brand)}
.brand:hover{color:var(--text)}
.brand__mark{display:block;width:32px;height:32px;flex-shrink:0}
.tabs{height:100%;min-width:0;margin-left:auto}
.tabs__list{display:flex;align-items:center;gap:0;height:100%;list-style:none;margin:0;padding:0}
.tabs__list>li{height:100%;flex-shrink:0}
.tabs__link{position:relative;display:flex;align-items:center;height:100%;padding-inline:16px;color:var(--text-muted);font-size:var(--size-nav);text-decoration:none;white-space:nowrap}
.tabs__link::after{content:"";position:absolute;left:16px;right:16px;bottom:-1px;height:2px;border-radius:var(--r-ctl);background:var(--border);transform:scaleX(0);transition:transform var(--motion-tab) ease}
.tabs__link:hover{color:var(--text)}
.tabs__link:hover::after{transform:scaleX(1)}
.tabs__link[aria-current="page"]{color:var(--text)}
.tabs__link[aria-current="page"]::after{background:var(--accent);transform:scaleX(1)}
.tabs__link:focus-visible{outline-offset:-6px}
.topbar__tools{display:flex;align-items:center;gap:8px;height:100%;flex-shrink:0}
.lang{position:relative;display:flex;align-items:center;margin-left:0;padding-left:20px;height:100%}
.lang::before{content:"";position:absolute;left:0;top:50%;width:1px;height:22px;margin-top:-11px;background:var(--border)}
.lang__btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:44px;padding:6px 2px;border:0;background:var(--clear);font-size:var(--size-nav);color:var(--text-muted);white-space:nowrap}
.lang__btn:hover{color:var(--text)}
.lang__btn svg{width:16px;height:16px;flex-shrink:0;fill:none;stroke:currentColor;stroke-width:1.5}
.lang__caret{font-size:var(--size-caret)}
.lang__short{display:none}
.lang__menu{position:absolute;right:0;top:calc(100% + 8px);width:192px;padding:8px;background:var(--bg-panel);color:var(--text);border:1px solid var(--border);border-radius:var(--r-card);box-shadow:var(--shadow-card);list-style:none;margin:0;max-height:calc(100dvh - 88px);overflow-y:auto}
.lang__menu a{display:flex;align-items:center;min-height:44px;padding:10px 12px;color:var(--text-muted);text-decoration:none;border-radius:var(--r-ctl)}
.lang__menu a:hover,.lang__menu a[aria-current="true"]{background:var(--bg-panel-2);color:var(--accent-dark)}
.menu-toggle{display:none;align-items:center;justify-content:center;min-width:44px;min-height:44px;border:1px solid var(--border);border-radius:var(--r-ctl);background:var(--bg-panel);color:var(--text)}
.menu-toggle svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round}
.mobile-nav{position:absolute;top:100%;left:0;right:0;z-index:3;max-height:calc(100dvh - var(--nav-h));overflow-y:auto;overscroll-behavior:contain;padding:16px var(--gutter) 24px;background:var(--bg-panel);color:var(--text);border-bottom:1px solid var(--border);box-shadow:var(--shadow-soft)}
.mobile-nav ul{list-style:none;margin:0;padding:0}
.mobile-nav a{display:flex;align-items:center;width:100%;min-height:48px;padding:12px 16px;color:var(--text-muted);text-decoration:none;border-radius:var(--r-ctl)}
.mobile-nav a:hover,.mobile-nav a[aria-current]{background:var(--bg-panel-2);color:var(--accent-dark)}
.mobile-nav__languages{margin-top:16px!important;padding-top:16px!important;border-top:1px solid var(--border)}
.nav-veil{position:fixed;inset:var(--nav-h) 0 0;z-index:1;border:0;background:var(--veil);color:var(--text)}
.preview-menu{display:none}
.hero{display:grid;grid-template-columns:minmax(0,42fr) minmax(0,58fr);min-height:clamp(640px,calc(100vh - var(--nav-h) - 56px),800px);overflow-x:clip}
.hero__copy{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding:48px 56px 48px var(--gutter)}
.badge{display:inline-flex;align-items:center;gap:10px;max-width:100%;padding:6px 15px 6px 12px;background:var(--bg-panel);border:1px solid var(--border);border-radius:var(--r-pill);font-size:var(--size-badge);line-height:1.4;color:var(--text-muted);box-shadow:var(--shadow-soft)}
.badge__dot{position:relative;flex-shrink:0;width:8px;height:8px;border-radius:var(--r-round);background:var(--accent)}
.badge__dot::after{content:"";position:absolute;inset:0;border-radius:var(--r-round);background:var(--accent);animation:breathe 2.6s ease-out infinite}
.badge__names{color:var(--text);letter-spacing:.01em}
@keyframes breathe{0%{transform:scale(1);opacity:.55}70%,100%{transform:scale(2.7);opacity:0}}
.hero__title{margin:26px 0 0;font-family:var(--font-display);font-weight:var(--weight-normal);font-size:var(--size-h1);line-height:1.2;letter-spacing:var(--tracking-title);color:var(--text)}
.hero__title>span{display:block;white-space:nowrap}
.hero__lede{margin:24px 0 0;max-width:30em;font-size:var(--size-lede);line-height:1.75;color:var(--text-muted)}
.hero__lede strong{color:var(--text);font-weight:var(--weight-medium)}
.chips{display:flex;flex-wrap:wrap;gap:8px;margin:22px 0 0;padding:0;list-style:none}
.chips li{padding:6px 11px;border-radius:var(--r-pill);background:var(--bg-panel-2);color:var(--text-muted);font-family:var(--font-mono);font-size:var(--size-tag);line-height:1.1;max-width:100%;overflow-wrap:anywhere}
.platforms{width:100%;margin-top:24px;padding-top:20px;border-top:1px solid var(--border)}
.platforms__list{display:flex;flex-wrap:wrap;gap:12px 28px;margin:0;padding:0;list-style:none}
.platforms__link{display:inline-flex;align-items:center;gap:8px;color:var(--text-muted);font-size:var(--size-small);line-height:1;text-decoration:none;min-height:24px}
.platforms__link svg{width:17px;height:17px;flex-shrink:0;color:var(--accent-dark)}
.platforms__link:hover{color:var(--text)}
.platforms__link:hover svg{color:var(--accent)}
.stage{position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;padding:48px var(--gutter) 48px 48px;background:var(--bg-panel-2);color:var(--text);border-left:1px solid var(--border)}
.stage::before{content:"";position:absolute;inset:-10%;background:radial-gradient(ellipse 58% 52% at 24% 20%,var(--glow),var(--clear) 72%);pointer-events:none}
.stage::after{content:"";position:absolute;inset:0;background-image:radial-gradient(circle,var(--grid-dot) 1px,var(--clear) 1.5px);background-size:20px 20px;-webkit-mask-image:radial-gradient(ellipse 52% 58% at 100% 100%,var(--mask-solid),var(--clear) 78%);mask-image:radial-gradient(ellipse 52% 58% at 100% 100%,var(--mask-solid),var(--clear) 78%);pointer-events:none}
.lanes{position:relative;z-index:1;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;width:100%;max-width:740px}
.lane{display:flex;flex-direction:column;align-items:center;text-align:center;padding:28px 28px 30px;background:linear-gradient(180deg,var(--bg-panel) 56%,var(--card-fade) 100%);color:var(--text);border:1px solid var(--border);border-radius:var(--r-card);box-shadow:var(--shadow-card)}
.lane__tag{max-width:100%;padding:5px 14px;border-radius:var(--r-pill);background:var(--accent-tint);color:var(--accent);font-size:var(--size-tag);font-weight:var(--weight-medium);line-height:1.3;letter-spacing:var(--tracking-label);overflow-wrap:anywhere}
.lane--droid .lane__tag{background:var(--bg-panel-2);color:var(--accent-dark)}
.lane__scene{display:block;width:100%;max-width:300px;height:auto;margin:14px 0 4px}
.lane__name{margin:6px 0 0;font-family:var(--font-display);font-size:var(--size-card-title);font-weight:var(--weight-normal);line-height:1.3;letter-spacing:var(--tracking-brand);color:var(--accent)}
.lane--droid .lane__name{color:var(--accent-dark)}
.lane__desc{flex:1;margin:8px 0 0;max-width:22em;font-size:var(--size-small);line-height:1.7;color:var(--text-muted)}
.lane .btn--sm{min-width:min(168px,100%);margin-top:18px}
.lane__more{display:inline-flex;align-items:center;gap:6px;margin-top:12px;color:var(--text-muted);font-size:var(--size-link-small);line-height:1.4;text-decoration:none}
.lane__more:hover{color:var(--accent-dark)}
.s-shell{fill:var(--device-light);stroke:var(--device-line);stroke-width:1.5}
.s-screen{fill:var(--bg-panel-2)}
.s-base{fill:var(--device)}
.s-ui{fill:var(--border)}
.s-on{fill:var(--accent)}
.s-halo{fill:var(--accent-tint)}
.s-ring{fill:none;stroke:var(--accent);stroke-opacity:.2;stroke-width:1}
.s-glyph{fill:none;stroke:var(--on-accent);stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.s-link{fill:none;stroke:var(--accent);stroke-width:1.6;stroke-dasharray:3 5;stroke-linecap:round}
.s-link--direct{stroke:var(--accent-dark);stroke-opacity:.5}
.s-end{fill:var(--accent)}
.s-end--direct{fill:var(--accent-dark);fill-opacity:.55}
.s-globe{fill:var(--globe);stroke:var(--globe-line);stroke-width:1.4}
.s-meridian{fill:none;stroke:var(--globe-line);stroke-width:1.2;stroke-opacity:.8}
.s-label{fill:var(--text-muted);font-family:var(--font-body);font-size:var(--size-xs);letter-spacing:.06em}
.stop-a{stop-color:var(--accent)}
.stop-b{stop-color:var(--accent-dark)}
.quick{padding:28px var(--gutter) 96px}
.quick__eyebrow{margin:0;text-align:center;color:var(--accent);font-size:var(--size-badge);font-weight:var(--weight-medium);letter-spacing:.1em}
.quick__title{margin:12px 0 40px;text-align:center;font-family:var(--font-display);font-size:var(--size-quick-title);font-weight:var(--weight-normal);line-height:1.35;letter-spacing:var(--tracking-subtitle)}
.quick__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin:0;padding:0;list-style:none}
.step{min-width:0;padding:28px;background:var(--bg-panel);color:var(--text);border:1px solid var(--border);border-radius:var(--r-card);box-shadow:var(--shadow-soft)}
.step__icon{display:flex;align-items:center;justify-content:center;width:44px;height:44px;flex-shrink:0;border-radius:var(--r-round);background:var(--accent);color:var(--on-accent)}
.step__icon svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.step__title{margin:18px 0 0;font-size:var(--size-subtitle);font-weight:var(--weight-normal);line-height:1.4}
.step__text{margin:8px 0 0;color:var(--text-muted);font-size:var(--size-control-small);line-height:1.75}
.quick__more{display:flex;justify-content:center;margin-top:32px}
.quick__more a{color:var(--accent-dark);font-size:var(--size-nav);text-decoration:none}
.footer{padding-top:56px;padding-bottom:24px;background:var(--bg-panel-2);color:var(--text);border-top:1px solid var(--border)}
.footer__grid{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,.7fr) minmax(0,1.2fr) minmax(0,.7fr);gap:40px}
.footer__intro{max-width:28em;color:var(--text-muted);font-size:var(--size-small)}
.footer__title{margin:0 0 14px;font-size:var(--size-nav);font-weight:var(--weight-medium)}
.footer__list{list-style:none;margin:0;padding:0}
.footer__list a{display:inline-block;padding-block:6px;color:var(--text-muted);font-size:var(--size-small);text-decoration:none;overflow-wrap:anywhere}
.footer__list a:hover{color:var(--accent-dark)}
.footer__bottom{display:flex;justify-content:space-between;flex-wrap:wrap;gap:12px;margin-top:40px;padding-top:20px;border-top:1px solid var(--border);color:var(--text-muted);font-size:var(--size-badge)}
.footer__bottom p{margin:0}
.footer__legal{display:flex;flex-wrap:wrap;gap:20px}
.footer__legal a{color:var(--text-muted);text-decoration:none}
.reveal{opacity:1;transform:none}
.reveal.reveal-ready{opacity:0;transform:translateY(16px);transition:opacity var(--motion-reveal) ease,transform var(--motion-reveal) ease}
.reveal.reveal-ready.shown{opacity:1;transform:none}
@media(max-width:1180px){
  .topbar__inner{gap:12px}
  .topbar>.topbar__inner>.tabs{display:none}
  .topbar__tools{margin-left:auto}
  .menu-toggle{display:inline-flex}
  .preview-menu{display:block;position:relative;margin-left:auto}
  .preview-menu>summary{display:flex;align-items:center;min-height:44px;padding-inline:12px;cursor:pointer;list-style:none}
  .preview-menu__panel{position:absolute;right:0;top:100%;min-width:220px;max-height:calc(100dvh - var(--nav-h));overflow-y:auto;background:var(--bg-panel);color:var(--text);border:1px solid var(--border);border-radius:var(--r-card);box-shadow:var(--shadow-card)}
  .preview-menu__panel a{display:block;min-height:44px;padding:12px 16px;text-decoration:none}
}
@media(min-width:1181px){.mobile-nav,.nav-veil{display:none}}
@media(max-width:1100px){
  .hero{grid-template-columns:1fr;min-height:0}
  .hero__copy{padding:56px var(--gutter) 48px}
  .stage{padding:48px var(--gutter);border-left:0;border-top:1px solid var(--border)}
}
@media(max-width:860px){
  .grid,.quick__grid{grid-template-columns:1fr}
  .grid--two{grid-template-columns:repeat(2,minmax(0,1fr))}
  .footer__grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:768px){
  :root{--size-h1:clamp(24px,5vw,30px);--section-space:56px}
}
@media(max-width:680px){
  :root{--gutter:20px}
  .lanes{grid-template-columns:1fr}
  .hero__title>span{white-space:normal}
  .lang__label{display:none}
  .lang__short{display:inline}
  .lang{padding-left:12px}
  .brand__text{font-size:var(--size-nav)}
  .topbar__inner{gap:8px}
}
@media(max-width:640px){
  .tilt,[data-tilt]{transform:none!important}
  .grid--two,.footer__grid{grid-template-columns:1fr}
  .hero__copy{padding-top:32px;padding-bottom:36px}
  .hero .badge{font-size:var(--size-xs)}
  .hero__title{margin-top:20px}
  .hero .cta{margin-top:24px}
  .hero__lede{font-size:var(--size-body)}
  .hero .btn{padding-inline:18px}
  .card,.panel,.step{padding:22px}
  .footer__grid{gap:28px}
  .footer__bottom{padding-bottom:12px}
}
@media(max-width:380px){.topbar .brand__text{display:none}}
@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  .badge__dot::after{animation:none;opacity:0}
  .tabs__link::after,.btn,.reveal.reveal-ready{transition:none}
  .reveal.reveal-ready{opacity:1;transform:none}
}