@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;450;500;550;600;650;700&display=swap');
:root{--ink:#151c29;--muted:#68717e;--blue:#1674ec;--line:#e7ebf0}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:150px}body{margin:0;background:#fff;color:var(--ink);font-family:'DM Sans',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;font-size:16px;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit}a,button,summary{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #1674ec;outline-offset:5px}.page{max-width:none;width:100%;margin:0;background:white;border-radius:0;overflow:visible}.nav{height:96px;display:flex;align-items:center;justify-content:space-between;padding:0 6%;background:#fcfdff}.brand{display:inline-flex;align-items:center;gap:10px;font-size:24px;font-weight:700;letter-spacing:-1px}.brand img{width:30px;height:30px;object-fit:contain}.nav nav{display:flex;gap:34px;font-size:14px;color:#5c6470}.nav nav a:hover,footer a:hover{color:var(--blue)}.button{display:inline-flex;justify-content:center;align-items:center;gap:10px;background:linear-gradient(180deg,#303642,#131a27);color:white;border:1px solid #414754;box-shadow:0 2px 3px #101d2b18,inset 0 1px 0 #ffffff32;border-radius:50px;padding:16px 27px;font-size:14px;font-weight:550;transition:none}.button.small{padding:12px 23px}.button.secondary{background:#fff;color:var(--ink);border-color:#e1e6ec;box-shadow:0 2px 4px #152b4410}.hero{position:relative;text-align:center;background:radial-gradient(ellipse 50% 36% at 50% 67%,#bce1ff 0%,#e5f3ff90 55%,transparent 100%),linear-gradient(#fcfdff 15%,#f4faff 70%,#fff 100%);padding-top:45px;overflow:hidden}.hero-copy{position:relative;z-index:2}.eyebrow{display:inline-flex;align-items:center;gap:8px;font-size:13px;border:1px solid #dce7f1;background:#ffffff90;border-radius:50px;padding:7px 13px;color:#536276}.spark{color:#3789ee;font-size:20px;line-height:16px}h1{font-size:clamp(40px,4.5vw,68px);line-height:1.08;letter-spacing:-3.5px;font-weight:550;margin:23px 20px 20px}h1 span{color:#6b7788}p{color:var(--muted);line-height:1.65;margin:0}.hero p{font-size:16px}.actions{display:flex;justify-content:center;gap:12px;margin:25px 0 13px}.scan-icon{font-size:23px;line-height:14px}.play{font-size:10px}.micro{display:block;color:#7b8490;font-size:12px}.showcase{height:650px;margin-top:49px;position:relative;max-width:1050px;margin-inline:auto}.app-window{position:absolute;width:285px;left:50%;transform:translateX(-50%);top:0;padding:7px;border-radius:36px;background:#fff;box-shadow:0 0 0 1px #d7dfe6,0 3px 0 2px #b9c7d2,0 32px 65px #36699426;z-index:3;overflow:hidden;animation:rise 1.35s cubic-bezier(.22,1.2,.36,1) both}.app-window img{display:block;width:100%;height:auto;border-radius:29px}.floating{position:absolute;text-align:left;background:#ffffffdc;border:1px solid #fff;box-shadow:0 12px 40px #3357770d;border-radius:20px;z-index:4;backdrop-filter:blur(14px)}.insight{top:83px;left:4%;padding:23px 25px;width:245px;transform:rotate(-7deg);animation:none}.card-icon{font-size:25px;color:#1976e4;background:#e9f4ff;width:43px;height:43px;border-radius:13px;display:grid;place-items:center;margin-bottom:14px}.label{font-size:12px;color:#7a8797}.insight h3{font-size:21px;line-height:1.2;font-weight:550;letter-spacing:-.6px;margin:10px 0}.insight p{font-size:13px}.mini-tags{display:flex;gap:5px;margin-top:19px}.mini-tags span{font-size:11px;background:#f0f5fa;color:#63758a;padding:6px 9px;border-radius:7px}.result{right:0;top:180px;width:282px;transform:rotate(6deg);padding:19px;animation:none}.result-heading{display:flex;gap:9px;align-items:center;font-size:13px;font-weight:550;margin-bottom:20px}.check{background:#dff1e9;color:#32926c;border-radius:50%;width:24px;height:24px;flex-shrink:0;display:inline-grid;place-items:center;font-size:13px}.check.light{color:#267beb;background:#e8f2fe}.task{display:flex;gap:10px;margin:17px 0}.task strong{font-size:12px;display:block;font-weight:550}.task div>span{font-size:10px;color:#7c8792}.result-bottom{font-size:11px;color:#7c8792;border-top:1px solid #e8edf2;padding-top:15px}.tiny{left:15%;top:443px;font-size:12px;padding:13px 18px;transform:rotate(-4deg);display:flex;align-items:center;gap:9px}.tiny>span{color:#3084ee;font-size:23px}.orbit{position:absolute;border:1px solid #b4d0e84d;border-radius:50%;left:50%;top:40%;transform:translate(-50%,-50%);width:740px;height:380px}.orbit-two{width:1050px;height:535px}.hero-foot{margin:-5px auto 0;padding:5px 20px 45px}.hero-foot>span{font-size:10px;letter-spacing:1.8px;color:#8b95a2}.hero-foot>div{display:flex;justify-content:center;gap:32px;align-items:center;margin-top:21px;color:#778393;font-size:14px}.hero-foot i{width:4px;height:4px;background:#bcc6d2;border-radius:50%}.section{max-width:1140px;padding:94px 25px 20px;margin:auto}.section-head{text-align:center}.kicker{font-size:11px;letter-spacing:1.7px;color:#75859a;font-weight:600}h2{font-size:clamp(32px,3.1vw,47px);font-weight:500;letter-spacing:-1.8px;line-height:1.14;margin:18px 0 19px}h2 span{color:#8290a2}.section-head p{font-size:15px}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:60px;margin:64px 0 66px}.step-number{font-size:12px;color:#377ed4;background:#edf6ff;border:1px solid #e0edf8;width:37px;height:37px;display:grid;place-items:center;border-radius:50%}.steps h3{font-size:19px;letter-spacing:-.5px;font-weight:550;margin:19px 0 10px}.steps p{font-size:14px;max-width:260px}.scan-demo{background:#f4f8fc;border-radius:26px;display:grid;grid-template-columns:1fr 1.05fr;gap:65px;padding:40px}.scan-photo{position:relative;border-radius:19px;overflow:hidden;min-height:500px}.scan-photo>img{width:100%;height:100%;object-fit:cover;display:block}.photo-caption{position:absolute;bottom:15px;left:15px;border-radius:50px;color:white;background:#18212b9e;backdrop-filter:blur(5px);padding:8px 13px;font-size:11px}.hazard-box{position:absolute;border:2px solid #ff9e59;border-radius:6px;left:14%;top:62%;width:37%;height:10%;background:#ff97541c;box-shadow:0 0 0 1px #0000000a;transition:all .45s}.hazard-box>span{position:absolute;left:-2px;bottom:calc(100% + 5px);white-space:nowrap;background:#fff3e8;color:#9a551e;font-size:11px;padding:6px 9px;border-radius:5px}.scan-content{align-self:center}.scan-content h2{font-size:36px}.scan-content>p{font-size:14px}.hazard-tabs{display:flex;gap:6px;margin:25px 0 24px;border-bottom:1px solid #dce5ef;padding-bottom:12px}.hazard-tabs button{border:1px solid transparent;border-radius:30px;background:transparent;padding:9px 14px;color:#6a7788;font-size:12px;cursor:pointer}.hazard-tabs button[aria-selected=true]{background:white;border-color:#dfe6ee;color:#2876d6;box-shadow:0 2px 6px #112b4710}.risk{font-size:11px;color:#af7033}#hazard-panel h3{font-size:18px;letter-spacing:-.4px;font-weight:550;margin:9px 0}#hazard-panel>p{font-size:13px}.fix{display:flex;gap:11px;background:white;padding:15px;border-radius:13px;margin-top:18px}.fix strong{font-size:12px;font-weight:550}.fix p{font-size:12px;margin-top:3px}.example-note{display:block;font-size:10px;color:#8490a0;margin-top:17px;line-height:1.5}.features{padding-top:115px}.feature-grid{display:grid;grid-template-columns:1.15fr 1fr 1fr;gap:18px;margin-top:44px}.feature{border-radius:22px;padding:29px;overflow:hidden;background:#f5f8fc;min-height:420px}.feature h3{font-size:25px;letter-spacing:-.8px;line-height:1.2;font-weight:500;margin:14px 0}.feature p{font-size:13px}.feature-score{background:linear-gradient(140deg,#eaf5ff,#f5f9fd)}.score-art{position:relative;margin-top:32px}.score{font-size:54px;letter-spacing:-2px;font-weight:550}.score>span{font-size:16px;color:#8aa0b8;letter-spacing:0;font-weight:400}.bars{display:flex;gap:9px;align-items:flex-end;height:70px;position:absolute;right:0;bottom:23px}.bars i{width:13px;height:20%;background:#acd3fa;border-radius:4px}.bars i:nth-child(2){height:32%}.bars i:nth-child(3){height:44%}.bars i:nth-child(4){height:48%}.bars i:nth-child(5){height:60%}.bars i:nth-child(6){height:75%}.bars i:nth-child(7){height:88%}.bars i:nth-child(8){height:100%;background:#4699f3}.score-caption{display:block;font-size:11px;color:#8091a7;margin-top:8px}.tracking-card{background:white;border:1px solid #ebeff4;border-radius:13px;padding:7px 16px;margin-top:27px;transform:rotate(-3deg);box-shadow:0 8px 20px #27486608}.tracking-card>div{display:flex;align-items:center;gap:12px;padding:12px 0;font-size:11px;color:#7c8a9a}.tracking-card>div+div{border-top:1px solid #eff2f6}.tracking-card strong{font-weight:500;color:#243d5a}.track-circle{font-size:22px;color:#3c8be7;width:24px;text-align:center}.report-link{display:block;position:relative;height:166px;margin-top:24px;overflow:hidden;border-radius:12px;transform:rotate(3deg)}.report-link img{width:100%;height:100%;object-fit:cover;object-position:center 60%;transition:transform .4s}.report-link:hover img{transform:scale(1.05)}.report-link>span{position:absolute;bottom:10px;left:10px;right:10px;text-align:center;background:#ffffffed;border-radius:7px;font-size:11px;padding:9px}.faq{display:grid;grid-template-columns:.9fr 1.1fr;gap:70px;padding-top:120px;padding-bottom:100px}.faq-intro p{font-size:14px}.questions details{border-bottom:1px solid var(--line);padding:20px 0}.questions details:first-child{padding-top:10px}.questions summary{font-size:15px;font-weight:500;cursor:pointer;list-style:none;position:relative;padding-right:25px}.questions summary::-webkit-details-marker{display:none}.questions summary:after{content:'+';position:absolute;right:0;font-size:20px;font-weight:400;color:#8593a3}.questions details[open] summary:after{content:'−'}.questions p{font-size:13px;margin-top:15px}.questions details a{display:inline-block;font-size:13px;color:#2675d5;margin-top:12px}.closing{text-align:center;padding:72px 20px 80px;background:radial-gradient(ellipse at 50% 110%,#c7e6ff 0%,#edf7ff 40%,#fafcfe 75%);margin:0 35px;border-radius:25px}.closing>img{object-fit:contain}.closing h2{font-size:45px;margin-top:21px}.closing p{font-size:14px;margin-bottom:25px}.closing .micro{margin-top:14px}footer{padding:48px 6% 28px}.footer-top{display:flex;justify-content:space-between;align-items:center;padding-bottom:30px;border-bottom:1px solid var(--line)}.footer-top>div{display:flex;gap:28px;font-size:12px;color:#6c7a8c}.footer-bottom{display:flex;justify-content:space-between;gap:20px;font-size:10px;color:#8b95a2;padding-top:23px}.reveal{opacity:1;transform:none}@keyframes rise{from{translate:0 110vh}to{translate:0 0}}@keyframes drift{0%,100%{translate:0 0}50%{translate:0 -9px}}@media(min-width:1600px){.page{margin:0}}@media(max-width:1100px){.page{margin:0}.showcase{max-width:880px}.insight{left:3%;width:215px}.result{right:1%;width:245px}.scan-demo{gap:35px;padding:30px}.feature{padding:23px}.feature-grid{gap:12px}.bars{gap:5px}.bars i{width:10px}}@media(max-width:760px){.page{margin:0;border-radius:0}.nav{height:80px;padding:0 22px}.nav nav{display:none}.brand{font-size:22px}.nav .small{font-size:12px;padding:11px 17px}.hero{padding-top:34px}h1{font-size:43px;letter-spacing:-2.1px;line-height:1.1;margin:25px 16px 19px}h1 span{display:block}.hero-copy p{font-size:14px;margin:0 30px}.desktop{display:none}.eyebrow{font-size:11px}.actions{gap:8px}.button{padding:14px 20px;font-size:12px}.micro{font-size:10px}.showcase{height:565px;margin-top:38px}.app-window{width:252px}.insight{left:calc(50% - 240px);top:170px;z-index:2;width:150px;padding:15px;opacity:.8}.insight h3{font-size:17px}.insight p,.mini-tags,.insight .label{display:none}.result{right:calc(50% - 245px);top:270px;width:170px;padding:13px;z-index:2;opacity:.8}.result-heading{font-size:11px;margin:0}.task,.result-bottom{display:none}.tiny{top:454px;left:calc(50% - 110px);font-size:11px;padding:11px 16px}.orbit-one{width:560px}.orbit-two{width:790px}.hero-foot{padding-bottom:30px}.hero-foot>div{gap:11px;font-size:10px}.hero-foot>span{font-size:9px;letter-spacing:1.3px}.section{padding:65px 23px 5px}.section-head p{font-size:14px}.section-head p br{display:none}h2{font-size:34px;letter-spacing:-1.4px}.steps{gap:25px;grid-template-columns:1fr;margin:36px 0}.steps article{display:grid;grid-template-columns:40px 1fr;column-gap:15px}.step-number{grid-row:span 2}.steps h3{margin:3px 0 7px;font-size:17px}.steps p{max-width:none;font-size:13px}.scan-demo{grid-template-columns:1fr;gap:28px;padding:19px;border-radius:20px}.scan-photo{height:360px;min-height:0}.scan-photo>img{object-fit:cover;object-position:center 62%}.scan-content{padding:0 5px 8px}.scan-content h2{font-size:31px}.feature-grid{grid-template-columns:1fr;gap:17px;margin-top:30px}.feature{min-height:350px;padding:28px}.feature h3{font-size:27px}.feature p{font-size:14px}.feature-share .report-link{height:210px}.bars{gap:10px}.bars i{width:16px}.feature-score{min-height:350px}.faq{grid-template-columns:1fr;gap:24px;padding-bottom:60px}.closing{margin:0 15px;padding:54px 20px}.closing h2{font-size:34px}.footer-top{gap:25px;align-items:flex-start}.footer-top>div{gap:15px;font-size:11px}.footer-bottom{flex-direction:column;gap:10px}footer{padding:35px 23px 25px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.js-motion .reveal{opacity:1;transform:none}}
/* Reading sizes for long-form content and interactive controls. */
.steps p,.scan-content>p,#hazard-panel>p,.feature p,.questions p,.faq-intro p,.closing p{font-size:16px}.hazard-tabs button,.questions details a,.fix strong,.fix p,.footer-top>div{font-size:14px}.kicker,.micro,.example-note,.photo-caption,.score-caption,.report-link>span,.footer-bottom{font-size:12px}.tracking-card>div{font-size:14px}.feature{min-height:460px}.feature-grid .feature .kicker{font-size:11px}.scan-demo{align-items:stretch}.scan-photo{max-height:650px}.hero-foot>span{font-size:12px}.hero-foot>div{font-size:14px}@media(max-width:760px){.hero-foot>div{font-size:12px;gap:9px}.hero-foot>span{font-size:10px}.feature{min-height:390px}.scan-photo{height:420px}.footer-top{flex-wrap:wrap}.footer-top>div{font-size:14px}.scan-content h2{font-size:31px}}
/* Refined product details. */
.kicker,.feature-grid .feature .kicker,.hero-foot>span{letter-spacing:.025em}
.hgi{display:inline-block;width:20px;height:20px;vertical-align:middle;flex-shrink:0;object-fit:contain}
.button:not(.secondary) .hgi{filter:invert(1)}.check .hgi{width:15px;height:15px}.spark .hgi{width:17px;height:17px}.card-icon .hgi{width:24px;height:24px}.tiny .hgi,.track-circle .hgi{width:20px;height:20px}.play .hgi{width:17px;height:17px}
.app-window{width:296px;height:601px;background:none;padding:0;border-radius:0;box-shadow:none;overflow:visible;filter:drop-shadow(0 26px 28px #294d712b)}
.app-window .device{transform:scale(.69);transform-origin:top left}.app-window .device-screen{background:#f3f2f6;padding-top:48px;overflow:hidden}.app-window .device-screen .phone-app{width:100%;height:100%;object-fit:contain;object-position:center top;border-radius:0}.app-window .device-frame{box-shadow:inset 0 0 4px 2px #b4b7bd,inset 0 0 0 6px #34363a}
.questions details{overflow:hidden}.questions summary:after{content:'';width:20px;height:20px;background:url('../images/add-01.svg') center/contain no-repeat;transition:transform .3s;top:0}.questions details[open] summary:after{content:'';transform:rotate(45deg)}.faq-answer{display:flow-root;padding-bottom:1px}.questions summary{min-height:22px}
@media(max-width:760px){.app-window{width:253px;height:515px}.app-window .device{transform:scale(.59)}}

.launch-banner{display:flex;align-items:center;justify-content:center;gap:13px;background:#eaf4ff;color:#3e5c7d;padding:13px 24px;text-align:center;font-size:13px;line-height:1.5}.launch-banner strong{font-weight:600;color:#1c5ca5}.hero-copy h1{margin-top:10px}.hero-copy .actions{margin-bottom:0}.showcase{margin-top:55px}@media(max-width:760px){.launch-banner{flex-direction:column;gap:2px;padding:11px 24px;font-size:12px}.hero-copy h1{margin-top:9px}.hero-copy p{max-width:310px;margin-inline:auto}.showcase{margin-top:40px}}

/* Word cascade — layout-safe */
.word-cascade .wc-word{
  display:inline-block;
  overflow:hidden;
  vertical-align:baseline;
  white-space:pre-wrap;
}
.word-cascade .wc-inner{
  display:inline-block;
  transform:translateY(1.1em);
  opacity:0;
  will-change:transform,opacity;
}
.js-motion .word-cascade.is-on .wc-inner{
  animation:wc-cascade .55s cubic-bezier(.22,1,.36,1) forwards;
}
@keyframes wc-cascade{
  from{transform:translateY(1.1em);opacity:0}
  to{transform:translateY(0);opacity:1}
}
@media(prefers-reduced-motion:reduce){
  .word-cascade .wc-inner{transform:none;opacity:1;animation:none!important}
}

/* Marketing polish — tasteful refinements */
a:focus-visible,button:focus-visible,summary:focus-visible,.report-link:focus-visible{
  outline:2px solid #1674ec;
  outline-offset:3px;
  border-radius:8px;
}
.button:focus-visible,.button.secondary:focus-visible{
  outline-offset:4px;
  border-radius:50px;
}
.hazard-tabs button:focus-visible{
  outline-offset:2px;
  border-radius:30px;
}
.nav nav a:focus-visible,footer a:focus-visible,.brand:focus-visible{
  outline-offset:4px;
}

.button{
  transition:transform .18s ease,box-shadow .18s ease,background .18s ease,border-color .18s ease,color .18s ease;
}
.button:hover{
  transform:translateY(-1px);
  box-shadow:0 6px 16px #101d2b22,inset 0 1px 0 #ffffff38;
}
.button:active{transform:translateY(0)}
.button.secondary:hover{
  border-color:#c9d4e0;
  box-shadow:0 4px 12px #152b4414;
  background:#fafcfe;
}
.button:not(.secondary):hover{
  background:linear-gradient(180deg,#3a4250,#1a2230);
}

.section{
  padding:100px 25px 28px;
}
.section.how{padding-top:100px}
.features{padding-top:108px}
.faq{
  padding-top:108px;
  padding-bottom:96px;
  gap:64px;
}
.steps{margin:56px 0 72px}
.feature-grid{margin-top:48px;gap:20px}
.closing{
  padding:80px 24px 84px;
  margin:8px 35px 0;
}

.report-link{
  display:block;
  position:relative;
  height:180px;
  margin-top:28px;
  overflow:hidden;
  border-radius:14px;
  transform:rotate(2deg);
  box-shadow:0 10px 28px #27486612,0 0 0 1px #d7e0ea;
  background:#e8eef5;
  transition:transform .25s ease,box-shadow .25s ease;
}
.report-link img{
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center 55%;
  transition:transform .45s ease;
}
.report-link:hover{
  transform:rotate(1deg) translateY(-2px);
  box-shadow:0 14px 32px #27486618,0 0 0 1px #c8d5e3;
}
.report-link:hover img{transform:scale(1.04)}
.report-link>span{
  position:absolute;
  bottom:12px;
  left:12px;
  right:12px;
  text-align:center;
  background:#fffffff2;
  border:1px solid #e8eef5;
  border-radius:9px;
  font-size:12px;
  font-weight:550;
  color:#2a3a4d;
  padding:10px 12px;
  backdrop-filter:blur(6px);
  box-shadow:0 2px 8px #152b440a;
}

.questions details{
  border-bottom:1px solid var(--line);
  padding:18px 0;
}
.questions details:first-child{padding-top:6px}
.questions summary{
  font-size:15px;
  font-weight:550;
  letter-spacing:-.2px;
  padding:4px 32px 4px 0;
  border-radius:6px;
}
.questions summary:hover{color:#0f1724}
.questions summary:after{
  top:4px;
  opacity:.75;
}
.faq-answer{
  padding:4px 4px 6px 0;
}
.questions p{
  margin-top:12px;
  line-height:1.7;
  max-width:48ch;
}
.questions details a{
  margin-top:10px;
  font-weight:550;
}
.questions details a:hover{text-decoration:underline;text-underline-offset:3px}

footer{
  padding:56px 6% 36px;
}
.footer-top{
  padding-bottom:28px;
}
.footer-top>div{
  gap:32px;
  font-size:13px;
}
.footer-bottom{
  padding-top:22px;
  font-size:12px;
  line-height:1.55;
  gap:24px;
}

.hazard-tabs button{
  transition:background .18s ease,border-color .18s ease,color .18s ease,box-shadow .18s ease;
}
.hazard-tabs button:hover:not([aria-selected=true]){
  color:#3d4d60;
  background:#ffffff80;
}

@media(max-width:760px){
  .section{padding:72px 23px 12px}
  .features{padding-top:80px}
  .faq{padding-top:80px;padding-bottom:64px;gap:28px}
  .closing{margin:0 15px;padding:60px 20px 68px}
  .feature-share .report-link{height:220px;transform:none}
  .feature-share .report-link:hover{transform:translateY(-2px)}
  footer{padding:40px 23px 28px}
  .footer-top>div{gap:18px}
}
@media(prefers-reduced-motion:reduce){
  .button,.report-link,.report-link img,.hazard-tabs button{transition:none}
}

/* Sticky chrome: flat at rest → floating pill on scroll */
.site-chrome{
  position:sticky;
  top:0;
  z-index:100;
  background:transparent;
  border:none;
  -webkit-backdrop-filter:none;
  backdrop-filter:none;
  padding:0;
  transition:padding .45s cubic-bezier(.22,1,.36,1);
}
.site-chrome .nav{
  width:100%;
  max-width:none;
  margin:0 auto;
  height:96px;
  padding:0 6%;
  background:#fcfdff;
  border-radius:0;
  border:1px solid transparent;
  box-shadow:none;
  -webkit-backdrop-filter:none;
  backdrop-filter:none;
  transition:
    height .45s cubic-bezier(.22,1,.36,1),
    max-width .45s cubic-bezier(.22,1,.36,1),
    margin .45s cubic-bezier(.22,1,.36,1),
    padding .45s cubic-bezier(.22,1,.36,1),
    border-radius .45s cubic-bezier(.22,1,.36,1),
    background .35s ease,
    box-shadow .45s cubic-bezier(.22,1,.36,1),
    border-color .35s ease;
}
/* Scrolled: nav becomes floating pill under top edge */
.site-chrome.is-scrolled{
  padding:14px 18px 0;
}
.site-chrome.is-scrolled .nav{
  height:58px;
  max-width:920px;
  padding:0 18px 0 22px;
  border-radius:999px;
  background:rgba(255,255,255,.78);
  -webkit-backdrop-filter:saturate(1.6) blur(18px);
  backdrop-filter:saturate(1.6) blur(18px);
  border-color:rgba(215,223,230,.65);
  box-shadow:
    0 1px 0 rgba(255,255,255,.7) inset,
    0 10px 36px rgba(30,55,90,.1),
    0 2px 8px rgba(30,55,90,.05);
}
.site-chrome.is-scrolled .brand{font-size:21px}
.site-chrome.is-scrolled .brand img{width:26px;height:26px}
.site-chrome.is-scrolled .nav nav{gap:26px;font-size:13px}
.site-chrome.is-scrolled .button.small{padding:10px 18px;font-size:13px}
.site-chrome.is-scrolled .brand,
.site-chrome.is-scrolled .brand img,
.site-chrome.is-scrolled .nav nav,
.site-chrome.is-scrolled .button.small{
  transition:font-size .35s ease,width .35s ease,height .35s ease,gap .35s ease,padding .35s ease;
}

/* Phone/device entrance: slide up from far below — no opacity fade */
.app-window{
  animation:rise 1.35s cubic-bezier(.22,1.2,.36,1) both;
}
@keyframes rise{
  from{translate:0 110vh}
  to{translate:0 0}
}
@media(max-width:760px){
  html{scroll-padding-top:110px}
  .site-chrome .nav{height:80px;padding:0 22px}
  .site-chrome.is-scrolled{
    padding:10px 12px 0;
  }
  .site-chrome.is-scrolled .nav{
    height:52px;
    max-width:100%;
    padding:0 12px 0 16px;
  }
  .site-chrome.is-scrolled .brand{font-size:18px}
  .site-chrome.is-scrolled .brand img{width:24px;height:24px}
  .site-chrome.is-scrolled .button.small{padding:9px 14px;font-size:12px}
}
@media(prefers-reduced-motion:reduce){
  .app-window{animation:none}
  .site-chrome,
  .site-chrome .nav,
  .site-chrome.is-scrolled .brand,
  .site-chrome.is-scrolled .brand img,
  .site-chrome.is-scrolled .nav nav,
  .site-chrome.is-scrolled .button.small{
    transition:none!important;
  }
}