:root { --ink:#111216; --muted:#6e7077; --line:#dedfe3; --soft:#f5f5f7; --teal:#14b8a6; --blue:#1677ff; --purple:#8b5cf6; }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; background:#fff; color:var(--ink); font-family:-apple-system,BlinkMacSystemFont,"SF Pro Display","SF Pro Text","Helvetica Neue",Arial,sans-serif; -webkit-font-smoothing:antialiased; overflow-x:hidden; }
a { color:inherit; text-decoration:none; }
button { font:inherit; }
.topbar { position:fixed; z-index:50; top:0; left:0; right:0; height:70px; padding:0 max(24px,calc((100vw - 1200px)/2)); display:flex; align-items:center; gap:36px; background:rgba(255,255,255,.78); border-bottom:1px solid rgba(0,0,0,.08); backdrop-filter:saturate(180%) blur(20px); }
.wordmark { font-size:22px; font-weight:800; letter-spacing:-.055em; white-space:nowrap; }
.wordmark span { color:#777b85; font-weight:600; }
.topbar nav { margin-left:auto; display:flex; gap:28px; font-size:16px; color:#3e4046; font-weight: bold; }
.topbar nav a:hover { color:#000; }
.nav-cta { font-size:18px; color:#fff; background:#17181c; padding:8px 15px; border-radius:999px; font-weight: bold; }
.scroll-progress { position:absolute; bottom:-1px; left:0; width:100%; height:2px; transform-origin:left; background:linear-gradient(90deg,var(--teal),var(--blue),var(--purple)); }
.hero { position:relative; min-height:100svh; padding:130px max(24px,calc((100vw - 1200px)/2)) 70px; display:grid; grid-template-columns:1.05fr .95fr; align-items:center; overflow:hidden; background:linear-gradient(180deg,#fff 0%,#fafafd 100%); }
.hero-copy { position:relative; z-index:3; padding-bottom:70px; }
.section-label { margin:0 0 20px; font-size:12px; line-height:1; font-weight:700; letter-spacing:.13em; text-transform:uppercase; color:#767983; }
.hero h1 { margin:0; font-size:clamp(74px,8.3vw,132px); line-height:.84; letter-spacing:-.078em; font-weight:710; }
.hero h1 span { color:transparent; background:linear-gradient(100deg,#0e9f93 0%,#1677ff 45%,#8b5cf6 90%); -webkit-background-clip:text; background-clip:text; }
.hero-subtitle { max-width:600px; margin:38px 0 0; font-size:clamp(20px,2vw,28px); line-height:1.28; letter-spacing:-.03em; color:#565861; }
.hero-actions { display:flex; align-items:center; gap:28px; margin-top:38px; }
.button { display:inline-flex; align-items:center; justify-content:center; min-height:52px; padding:0 26px; border-radius:999px; font-size:15px; font-weight:600; transition:transform .2s ease,background .2s ease; }
.button:hover { transform:translateY(-2px); }
.button-primary { background:#17181c; color:#fff; }
.text-link { font-size:15px; color:#42444a; }
.text-link span { display:inline-block; margin-left:7px; color:#1677ff; }
.hero-source .text-link {
  min-height:52px;
  padding:0 23px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border:1px solid rgba(16,43,58,.24);
  border-radius:999px;
  transition:border-color .2s ease,background .2s ease,transform .2s ease;
}
.hero-source .text-link:hover {
  border-color:rgba(16,43,58,.48);
  background:rgba(16,43,58,.035);
  transform:translateY(-2px);
}
.hero-device { position:relative; z-index:2; justify-self:center; width:min(390px,34vw); aspect-ratio:.72; perspective:1200px; }
.hero-phone { position:absolute; inset:0; border:9px solid #202126; border-radius:60px; background:#0e0f13; box-shadow:0 55px 100px rgba(25,28,45,.25),0 8px 25px rgba(15,16,25,.16); transform:rotate(5deg); animation:phone-float 7s ease-in-out infinite; overflow:hidden; }
.hero-screen { position:absolute; inset:5px; border-radius:46px; padding:90px 35px 35px; display:flex; flex-direction:column; align-items:center; text-align:center; color:white; background:radial-gradient(circle at 40% 70%,rgba(255,255,255,.28),transparent 25%),linear-gradient(145deg,#0db49e 0%,#1677ff 52%,#8b5cf6 100%); overflow:hidden; }
.hero-screen:after { content:""; position:absolute; width:330px; height:330px; left:-120px; bottom:-130px; border-radius:50%; background:rgba(255,255,255,.16); filter:blur(1px); }
.hero-screen span { font-size:15px; font-weight:700; letter-spacing:.18em; opacity:.8; }
.hero-screen strong { margin-top:9px; font-size:37px; line-height:.95; letter-spacing:-.055em; }
.hero-screen small { margin-top:auto; font-size:12px; opacity:.76; z-index:2; }
.hero-prize { margin:auto; width:158px; height:158px; display:grid; place-items:center; border-radius:50%; font-size:80px; font-weight:800; background:rgba(255,255,255,.18); border:1px solid rgba(255,255,255,.4); box-shadow:inset 0 0 40px rgba(255,255,255,.18),0 20px 60px rgba(28,31,80,.24); backdrop-filter:blur(18px); }
.hero-island,.dynamic-island { position:absolute; z-index:4; top:15px; left:50%; transform:translateX(-50%); width:104px; height:28px; border-radius:999px; background:#090a0c; }
.float-pill { position:absolute; z-index:5; display:flex; align-items:center; gap:9px; padding:10px 15px; border:1px solid rgba(255,255,255,.8); border-radius:999px; font-size:12px; font-weight:600; background:rgba(255,255,255,.74); box-shadow:0 12px 40px rgba(35,39,60,.12); backdrop-filter:blur(16px); animation:badge-float 5s ease-in-out infinite; }
.float-pill i { width:7px; height:7px; border-radius:50%; background:#14b8a6; box-shadow:0 0 0 4px rgba(20,184,166,.13); }
.pill-one { top:17%; left:-24%; }.pill-two { right:-31%; top:45%; animation-delay:-1.2s; }.pill-three { left:-19%; bottom:16%; animation-delay:-2.1s; }
.hero-glow { position:absolute; border-radius:50%; filter:blur(70px); opacity:.2; }
.glow-one { right:18%; top:12%; width:380px; height:380px; background:#00d7c1; }.glow-two { right:2%; bottom:4%; width:390px; height:390px; background:#7f65ff; }
.hero-proof { position:absolute; z-index:3; left:max(24px,calc((100vw - 1200px)/2)); bottom:36px; display:flex; gap:28px; color:#92949b; font-size:10px; letter-spacing:.13em; font-weight:700; }
.intro { padding:150px max(24px,calc((100vw - 1120px)/2)); background:#050506; color:#fff; }
.intro-copy { max-width:900px; margin-bottom:90px; }
.intro-copy h2,.features-heading h2,.dashboard-copy h2,.security-copy h2 { margin:0; font-size:clamp(48px,6.2vw,88px); line-height:.98; letter-spacing:-.06em; font-weight:650; }
.intro-copy>p:last-child { max-width:720px; margin:32px 0 0; color:#9b9da5; font-size:20px; line-height:1.5; letter-spacing:-.02em; }
.journey-stage { min-height:670px; display:grid; grid-template-columns:1fr 1fr; gap:110px; align-items:center; }
.journey-phone-wrap { justify-self:center; }
.phone-shell { position:relative; width:310px; aspect-ratio:.5; padding:8px; border-radius:56px; background:linear-gradient(145deg,#43454a,#111216 44%,#404146); box-shadow:0 50px 110px rgba(0,0,0,.8),inset 0 0 0 1px #5d5f64; }
.phone-screen { position:relative; width:100%; height:100%; overflow:hidden; border-radius:48px; background:#fff; color:#111; }
.phone-button { position:absolute; width:4px; border-radius:3px; background:#55575c; right:-4px; }.phone-button-a{top:125px;height:74px}.phone-button-b{left:-4px;right:auto;top:150px;height:48px}
.screen-content { height:100%; padding:70px 22px 25px; display:flex; flex-direction:column; align-items:center; text-align:center; animation:screen-in .45s ease; }
.screen-content h3 { margin:24px 0 20px; font-size:27px; line-height:1; letter-spacing:-.04em; }.screen-content button { width:100%; height:46px; margin-top:auto; border:0; border-radius:999px; color:#fff; background:#10a996; font-size:11px; font-weight:800; letter-spacing:.03em; }
.screen-kicker,.mini-logo { margin:0; font-size:8px; font-weight:800; letter-spacing:.15em; color:#109d8e; }
.screen-entry { color:#fff; background:linear-gradient(155deg,#03af9c,#147cea 52%,#8358e8); }.screen-entry h3 { margin:10px 0 8px; font-size:34px; }.screen-entry h3 em { font-style:normal;color:#dffcff}.screen-entry button{background:#fff;color:#1677db}
.product-orb { margin:auto; width:145px; height:145px; display:grid; place-items:center; border-radius:50%; background:rgba(255,255,255,.16); box-shadow:inset 0 0 40px rgba(255,255,255,.22); transform:rotate(-8deg); }.product-orb:before { content:""; width:54px;height:110px;border-radius:18px;background:linear-gradient(160deg,#ffe174,#ff8d4a 45%,#7031e7);box-shadow:0 18px 30px rgba(0,0,0,.22); }.product-orb span { position:absolute;font-size:10px;font-weight:900;letter-spacing:.12em; }
.capture-box { width:100%; aspect-ratio:.84; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:20px; border:2px dashed #b8d9d5; border-radius:24px; color:#139c8e; background:#e8f7f5; }.capture-box svg{width:52px;height:52px}.capture-box span{font-size:12px;color:#7b8887}
.fake-form { width:100%; display:grid; gap:10px; text-align:left; }.fake-form i { height:39px;padding:12px 10px;border:1px solid #dadce0;border-radius:5px;font-style:normal;font-size:9px;color:#999}.fake-form small{display:flex;align-items:center;gap:7px;color:#777}.fake-form small b{width:12px;height:12px;background:#d5f2ef;border-radius:2px}
.validation-ring { width:155px;height:155px;margin:36px 0 50px;border-radius:50%;display:grid;place-items:center;color:#14aa99;background:conic-gradient(#14aa99 0 30%,#dbf2f0 30%);position:relative}.validation-ring:before{content:"";position:absolute;inset:16px;border-radius:50%;background:white}.validation-ring svg{position:relative;z-index:2;width:55px;height:55px}.loading-line{width:74%;height:8px;border-radius:20px;background:#eee;overflow:hidden}.loading-line span{display:block;width:68%;height:100%;border-radius:20px;background:linear-gradient(90deg,#10aa96,#ffcb00)}.screen-validation small{margin-top:8px;color:#888;font-size:9px}
.win-card { width:100%;margin:auto 0;padding:46px 15px;border:2px dashed #b7d9d5;border-radius:24px;color:#159b8e;background:#e5f7f4}.win-card svg{width:70px;height:70px;color:#ffc400}.win-card h3{margin:16px 0 4px;font-size:29px}.win-card span{font-size:11px;color:#71817f}
.upload-mini{width:100%;height:72px;margin-top:12px;border:2px dashed #cfdadd;border-radius:15px;display:flex;align-items:center;justify-content:center;gap:10px;color:#149f91;background:#f2f9f8}.upload-mini svg{width:25px}.upload-mini span{font-size:10px}
.journey-copy { max-width:520px; }.step-meta { display:flex; align-items:center; gap:16px; color:#7e818a; font-size:12px; letter-spacing:.1em; text-transform:uppercase; font-weight:700; }.step-meta span{color:#fff;font-size:18px}.step-meta i{width:36px;height:1px;background:#4c4e54}.journey-copy h3 { margin:25px 0 20px; font-size:clamp(48px,5vw,76px); line-height:.94; letter-spacing:-.055em; }.journey-copy>p { min-height:90px; margin:0; color:#a8aab2; font-size:19px; line-height:1.5; }.step-controls { margin-top:50px; display:flex; align-items:center; gap:9px; }.step-controls button { width:42px; height:42px; padding:0; border:1px solid #383a3f; border-radius:50%; color:#777a81; background:transparent; cursor:pointer; transition:.25s ease; }.step-controls button.active { color:#fff; border-color:#fff; background:#fff; }.step-controls button.active span{color:#111}.step-controls .play-toggle { margin-left:9px; border:0; color:#fff; background:#222328; font-size:12px; }.step-controls .play-toggle.is-playing{color:#25cbb6}
.features { padding:150px max(24px,calc((100vw - 1200px)/2)); background:#f5f5f7; }.features-heading { margin-bottom:75px; }.features-heading h2 span{color:#888a91}.feature-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:18px; }.feature-card { position:relative; min-height:540px; overflow:hidden; border-radius:36px; background:#fff; box-shadow:0 1px 1px rgba(0,0,0,.03); }.feature-copy { position:relative; z-index:3; padding:48px 48px 0; }.feature-tag{font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#7d7f86}.feature-copy h3{max-width:550px;margin:14px 0 16px;font-size:clamp(32px,3.5vw,52px);line-height:1.02;letter-spacing:-.05em}.feature-copy p{max-width:560px;margin:0;color:#6c6e75;font-size:16px;line-height:1.5;letter-spacing:-.01em}.feature-wide { grid-column:span 2; min-height:580px; }.feature-wide .feature-copy{max-width:56%}.feature-tall{min-height:670px}.feature-small{min-height:520px}
.browser-visual{position:absolute;right:5%;bottom:-30px;width:43%;height:390px;border-radius:24px 24px 0 0;background:#fff;box-shadow:0 30px 90px rgba(32,36,55,.16);border:1px solid #e3e4e7;overflow:hidden;transform:rotate(-2deg)}.browser-bar{height:42px;border-bottom:1px solid #e9e9ec;display:flex;align-items:center;gap:6px;padding:0 12px}.browser-bar i{width:8px;height:8px;border-radius:50%;background:#dadbe0}.browser-bar span{margin:auto;padding:5px 30px;border-radius:8px;background:#f3f3f5;color:#999;font-size:9px}.browser-body{height:348px;display:flex;align-items:center;justify-content:center;gap:34px;background:linear-gradient(145deg,#f8ffff,#f5f3ff)}.browser-body>b{width:84px;height:84px;border:7px solid #111;display:grid;place-items:center;font-size:17px}.browser-body>span{font-size:34px;color:#b4b6bd}.mini-phone{height:215px;width:105px;border:7px solid #15161a;border-radius:24px;display:grid;place-items:center;color:#fff;font-size:18px;font-weight:800;background:linear-gradient(145deg,#10b9a1,#1478ef,#8b5cf6)}
.scan-visual{position:absolute;left:48px;right:48px;bottom:0;height:360px;border-radius:28px 28px 0 0;overflow:hidden;background:#090a0c}.scan-grid{position:absolute;inset:0;opacity:.18;background-image:linear-gradient(#3de4cb 1px,transparent 1px),linear-gradient(90deg,#3de4cb 1px,transparent 1px);background-size:24px 24px}.receipt{position:absolute;left:50%;top:40px;transform:translateX(-50%) rotate(-4deg);width:180px;height:280px;padding:24px;background:#fff;box-shadow:0 25px 60px #000}.receipt span{font-size:12px;font-weight:800}.receipt i{display:block;height:6px;margin-top:18px;background:#e7e7e7}.receipt i:nth-of-type(2){width:70%}.receipt strong{position:absolute;bottom:35px;left:20px;color:#0da38e;font-size:13px}.scan-line{position:absolute;top:47%;left:7%;right:7%;height:2px;background:#42f0d4;box-shadow:0 0 18px #42f0d4;animation:scan 3s ease-in-out infinite}
.timer-visual{position:absolute;left:0;right:0;bottom:48px;display:flex;flex-direction:column;align-items:center}.timer-visual strong{font-size:clamp(72px,8vw,116px);letter-spacing:-.09em;background:linear-gradient(95deg,#02a990,#1677ff,#8b5cf6);-webkit-background-clip:text;background-clip:text;color:transparent}.timer-visual span{margin-top:-5px;color:#9a9ca3;font-size:12px;letter-spacing:.12em;text-transform:uppercase}
.devices-visual{position:absolute;inset:auto 25px 45px;height:240px}.devices-visual i{position:absolute;display:block;border:6px solid #24252a;background:linear-gradient(150deg,#0fb7a1,#207afa 58%,#8c5ceb);box-shadow:0 20px 50px rgba(30,40,70,.17)}.device-desktop{left:15%;right:8%;bottom:20px;height:190px;border-radius:14px}.device-desktop:after{content:"";position:absolute;left:40%;right:40%;bottom:-27px;height:22px;background:#28292e}.device-tablet{left:4%;bottom:0;width:118px;height:160px;border-radius:16px}.device-mobile{right:3%;bottom:0;width:78px;height:145px;border-radius:18px}
.feature-brand{color:#fff;background:#08090b}.feature-brand .feature-copy p{color:#a9abb3}.palette-visual{position:absolute;right:5%;top:50%;transform:translateY(-42%);width:39%;aspect-ratio:1;display:grid;place-items:center;text-align:center}.palette-ring{position:absolute;inset:5%;border-radius:50%;filter:blur(1px);animation:ring 12s linear infinite}.palette-ring i{position:absolute;inset:0;border-radius:50%;mix-blend-mode:screen}.palette-ring i:nth-child(1){background:conic-gradient(from 20deg,transparent 0 15%,#09d5b8 38%,transparent 60%)}.palette-ring i:nth-child(2){background:conic-gradient(from 140deg,transparent 0 20%,#197bff 42%,transparent 65%)}.palette-ring i:nth-child(3){background:conic-gradient(from 250deg,transparent 0 17%,#9c4fff 38%,transparent 60%)}.palette-ring i:nth-child(4){inset:25%;background:#08090b}.palette-visual strong{position:relative;font-size:110px;font-weight:300}.palette-visual span{position:absolute;bottom:20%;font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:#8d9098}
.location-visual{position:absolute;inset:auto 28px 30px;height:250px;border-radius:26px;background:#ecf2f0;overflow:hidden}.map-lines{position:absolute;inset:-50px;transform:rotate(20deg);background:linear-gradient(90deg,transparent 44%,#fff 44% 48%,transparent 48% 70%,#fff 70% 74%,transparent 74%),linear-gradient(0deg,transparent 38%,#fff 38% 42%,transparent 42% 65%,#fff 65% 70%,transparent 70%)}.pin{position:absolute;width:16px;height:16px;border-radius:50% 50% 50% 0;background:#0ba892;transform:rotate(-45deg);box-shadow:0 5px 12px rgba(0,0,0,.15)}.pin-a{left:29%;top:30%}.pin-b{left:66%;top:56%}.pin-c{left:47%;top:69%}.radius{position:absolute;width:125px;height:125px;border:1px solid #13b59e;border-radius:50%;left:calc(50% - 62px);top:calc(50% - 62px);box-shadow:0 0 0 22px rgba(20,184,166,.08),0 0 0 44px rgba(20,184,166,.05)}
.qr-visual{position:absolute;left:0;right:0;bottom:46px;display:flex;align-items:center;flex-direction:column;gap:17px}.qr-grid{width:150px;height:150px;padding:13px;display:grid;grid-template-columns:repeat(5,1fr);gap:4px;border-radius:16px;background:#111}.qr-grid i{border-radius:2px;background:#fff}.qr-grid i.on{background:#19c6ae}.qr-visual span{font-size:10px;letter-spacing:.13em;text-transform:uppercase;color:#888}
.feature-play{background:linear-gradient(145deg,#f2fbff,#f7f3ff)}.game-visual{position:absolute;right:7%;top:45%;width:40%;height:310px}.game-card{position:absolute;width:180px;height:225px;border-radius:25px;display:grid;place-items:center;color:#fff;font-weight:800;box-shadow:0 25px 50px rgba(38,42,80,.18);border:1px solid rgba(255,255,255,.5)}.game-one{left:0;top:40px;background:linear-gradient(145deg,#10c2ac,#1b83f4);transform:rotate(-13deg)}.game-two{left:28%;top:0;background:linear-gradient(145deg,#1a80f4,#895bec);font-size:60px;z-index:2}.game-three{right:0;top:50px;background:linear-gradient(145deg,#8f5aea,#ec5594);transform:rotate(12deg);font-size:18px}
.security { min-height:820px; padding:140px max(24px,calc((100vw - 1120px)/2)); display:grid;grid-template-columns:1fr 1fr;gap:100px;align-items:center;color:#fff;background:#050506;overflow:hidden}.security-orbit{position:relative;width:min(480px,40vw);aspect-ratio:1;border:1px solid #25262b;border-radius:50%;display:grid;place-items:center}.security-orbit:before,.security-orbit:after{content:"";position:absolute;border:1px solid #22242a;border-radius:50%}.security-orbit:before{inset:16%}.security-orbit:after{inset:33%}.security-orbit>span{position:relative;z-index:3;width:105px;height:105px;border-radius:32px;display:grid;place-items:center;color:#fff;background:linear-gradient(145deg,#0ca893,#236ff3,#8256e8);box-shadow:0 0 70px rgba(35,111,243,.33)}.security-orbit>span svg{width:48px;height:48px}.security-orbit>i{position:absolute;width:9px;height:9px;border-radius:50%;background:#30d8c0;box-shadow:0 0 16px #30d8c0}.security-orbit>i:nth-child(1){left:3%;top:42%}.security-orbit>i:nth-child(2){right:14%;top:16%}.security-orbit>i:nth-child(3){bottom:4%;left:54%}.security-copy p:not(.section-label){margin:30px 0;color:#a3a5ad;font-size:18px;line-height:1.55}.security-points{display:grid;gap:14px;margin-top:35px}.security-points span{font-size:14px;color:#d3d4d8}.security-points i{display:inline-grid;place-items:center;width:22px;height:22px;margin-right:10px;border-radius:50%;font-style:normal;color:#14c5ae;background:#142e2b}
.dashboard-section{padding:150px max(24px,calc((100vw - 1200px)/2));background:#fff}.dashboard-copy{max-width:850px}.dashboard-copy>p:not(.section-label){max-width:680px;margin:28px 0;color:#6d6f76;font-size:19px;line-height:1.5}.live-label{display:inline-flex;align-items:center;gap:10px;margin-top:12px;padding:9px 14px;border-radius:99px;background:#eefaf7;color:#17796c;font-size:11px;font-weight:700}.live-label i{width:7px;height:7px;border-radius:50%;background:#12b89f;box-shadow:0 0 0 5px rgba(18,184,159,.13);animation:pulse 2s infinite}
.dashboard-window{margin-top:75px;border:1px solid #dedfe3;border-radius:26px;overflow:hidden;box-shadow:0 45px 100px rgba(32,35,50,.13)}.window-top{height:55px;padding:0 20px;display:flex;align-items:center;border-bottom:1px solid #e6e7ea;background:#f7f7f9}.window-top>div{display:flex;gap:7px}.window-top i{display:block;width:10px;height:10px;border-radius:50%;background:#d5d6da}.window-top span{margin:auto;font-size:10px;letter-spacing:.12em;color:#999;font-weight:700}.window-top b{font-size:9px;color:#0ca88f}.dashboard-inner{padding:24px;display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:14px;background:#f4f5f7}.metric,.chart-card,.winners{padding:25px;border:1px solid #e5e6e9;border-radius:18px;background:#fff}.metric{min-height:155px;display:flex;flex-direction:column}.metric span,.chart-head span,.winners>span{font-size:11px;color:#787b82}.metric strong{margin-top:auto;font-size:38px;letter-spacing:-.06em}.metric small{color:#13a18e;font-size:10px}.metric-main{background:#121317;color:#fff;border:0}.metric-main span{color:#999ca4}.chart-card{grid-column:span 2;height:310px}.chart-head{display:flex;justify-content:space-between}.chart-head small{font-size:9px;color:#aaa}.chart-bars{height:205px;margin-top:25px;display:flex;align-items:end;gap:9px;border-bottom:1px solid #eee}.chart-bars i{flex:1;min-width:5px;border-radius:5px 5px 0 0;background:linear-gradient(180deg,#19bea6,#1f7df3)}.chart-axis{display:flex;justify-content:space-between;margin-top:10px;font-size:9px;color:#aaa}.winners{height:310px}.winners>div{display:flex;align-items:center;gap:10px;margin-top:22px}.winners>div>i{width:32px;height:32px;display:grid;place-items:center;border-radius:50%;background:#edf0f3;font-style:normal;font-size:9px;font-weight:700}.winners p{display:flex;flex-direction:column;margin:0;font-size:10px}.winners p small{margin-top:3px;color:#999}.winners time{margin-left:auto;color:#aaa;font-size:9px}
.closing{position:relative;min-height:auto;padding:150px 24px 120px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:#fff;background:#050506;overflow:hidden}.closing>*{position:relative;z-index:2}.closing h2{margin:0;font-size:clamp(65px,8.5vw,124px);line-height:.9;letter-spacing:-.075em}.closing h2 span{color:transparent;background:linear-gradient(90deg,#20d2b8,#2688ff,#9e63f2);-webkit-background-clip:text;background-clip:text}.closing>p:not(.section-label){max-width:650px;margin:34px auto;color:#a7a9b0;font-size:19px;line-height:1.5}.button-light{margin-top:13px;background:#fff;color:#111}.button-light span{margin-left:12px}.activation-form{width:min(100%,520px);margin-top:42px;padding:34px 32px 32px;border:1px solid rgba(255,255,255,.12);border-radius:24px;background:rgba(255,255,255,.04);text-align:left;backdrop-filter:blur(12px)}.activation-form-title{margin:0 0 24px;color:#fff;font-size:22px;font-weight:650;letter-spacing:-.02em;text-align:center}.form-honeypot{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}.form-field{display:grid;gap:8px;margin-bottom:16px}.form-field label{color:#c4c7cc;font-size:13px;font-weight:600}.form-field input,.form-field textarea{width:100%;padding:12px 14px;border:1px solid rgba(255,255,255,.16);border-radius:12px;background:rgba(255,255,255,.95);color:#111216;font:inherit;font-size:15px;line-height:1.4;transition:border-color .2s ease,box-shadow .2s ease}.form-field input:focus,.form-field textarea:focus{outline:none;border-color:#079b8d;box-shadow:0 0 0 3px rgba(7,155,141,.22)}.form-field textarea{resize:vertical;min-height:108px}.form-checkbox{display:flex;align-items:flex-start;gap:10px;margin:4px 0 22px;color:#c4c7cc;font-size:14px;line-height:1.45;cursor:pointer}.form-checkbox input{width:18px;height:18px;margin-top:2px;flex-shrink:0;accent-color:#079b8d}.activation-form .button{width:100%;margin-top:0}.form-message{margin:0 0 18px;padding:12px 14px;border-radius:12px;font-size:14px;line-height:1.45;text-align:center}.form-message-success{color:#c8f5ef;background:rgba(20,184,166,.14);border:1px solid rgba(20,184,166,.35)}.form-message-error{color:#ffd8d8;background:rgba(220,53,69,.14);border:1px solid rgba(220,53,69,.35)}.closing-glow{position:absolute!important;z-index:1!important;top:33%;left:50%;transform:translate(-50%,-50%);width:600px;height:600px;border-radius:50%;background:radial-gradient(circle,rgba(29,125,255,.17),rgba(132,73,235,.08) 35%,transparent 70%);filter:blur(10px)}
footer{min-height:100px;height:auto;padding:36px max(24px,calc((100vw - 1200px)/2));display:flex;align-items:flex-start;flex-wrap:wrap;gap:28px 40px;border-top:1px solid #222328;color:#777980;background:#050506;font-size:11px;line-height:1.5}footer .wordmark{color:#fff}footer .footer-brand{display:flex;flex-direction:column;gap:10px;min-width:180px}footer .footer-brand p{margin:0;max-width:260px}footer .footer-legal{display:flex;flex-direction:column;gap:4px;margin-right:auto}footer .footer-legal p{margin:0}footer .footer-legal strong{color:#c8cacf;font-weight:650}footer .footer-legal a{color:#c8cacf;transition:color .2s ease}footer .footer-legal a:hover{color:#fff}footer>a:last-child{margin-left:auto;align-self:center}footer>a:last-child:hover{color:#fff}
@keyframes phone-float{0%,100%{transform:rotate(5deg) translateY(0)}50%{transform:rotate(3deg) translateY(-14px)}}@keyframes badge-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes screen-in{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes scan{0%,100%{top:20%}50%{top:82%}}@keyframes ring{to{transform:rotate(360deg)}}@keyframes pulse{50%{box-shadow:0 0 0 9px rgba(18,184,159,0)}}
@media(max-width:900px){.topbar{padding:0 20px}.topbar nav{display:none}.nav-cta{margin-left:auto}.hero{min-height:auto;padding:120px 24px 80px;grid-template-columns:1fr;text-align:center}.hero-copy{padding-bottom:50px}.hero-subtitle{margin:30px auto 0}.hero-actions{justify-content:center}.hero-device{width:min(320px,68vw);margin:20px auto 55px}.hero-proof{position:static;grid-column:1;justify-content:center;flex-wrap:wrap}.hero h1{font-size:clamp(65px,17vw,105px)}.pill-one{left:-18%}.pill-two{right:-21%}.pill-three{left:-15%}.intro,.features,.dashboard-section{padding:110px 24px}.intro-copy{margin-bottom:60px}.journey-stage{grid-template-columns:1fr;gap:65px}.journey-copy{text-align:center;justify-self:center}.step-meta,.step-controls{justify-content:center}.journey-copy>p{min-height:115px}.phone-shell{width:280px}.feature-card,.feature-wide,.feature-tall,.feature-small{grid-column:span 2;min-height:650px}.feature-wide .feature-copy{max-width:100%}.feature-copy{padding:38px 32px 0}.feature-copy h3{font-size:42px}.feature-web{padding-bottom:340px}.browser-visual{width:80%;height:340px;right:-3%}.feature-brand{min-height:760px}.palette-visual{top:auto;bottom:15px;right:15%;width:70%;transform:none}.feature-play{min-height:760px}.game-visual{top:auto;bottom:60px;right:7%;width:86%}.security{padding:110px 24px;grid-template-columns:1fr;gap:70px;text-align:center}.security-orbit{width:min(420px,85vw);justify-self:center}.security-points{text-align:left;display:inline-grid}.dashboard-inner{grid-template-columns:1fr 1fr}.metric-main{grid-column:span 2}.chart-card{grid-column:span 2}.winners{grid-column:span 2}}
@media(max-width:560px){.hero{padding-top:105px}.hero-copy{padding-bottom:25px}.hero h1{font-size:17vw}.hero-subtitle{font-size:19px}.hero-actions{flex-direction:column;gap:18px}.hero-proof{gap:12px 20px}.hero-device{width:270px}.float-pill{font-size:10px;padding:8px 11px}.pill-one{left:-10%}.pill-two{right:-13%}.pill-three{left:-8%}.intro-copy h2,.features-heading h2,.dashboard-copy h2,.security-copy h2{font-size:46px}.intro-copy>p:last-child,.dashboard-copy>p:not(.section-label){font-size:17px}.journey-copy h3{font-size:50px}.journey-copy>p{font-size:16px;min-height:100px}.step-controls{gap:5px}.step-controls button{width:36px;height:36px}.feature-card,.feature-wide,.feature-tall,.feature-small{min-height:600px;border-radius:28px}.feature-copy h3{font-size:36px}.feature-copy p{font-size:15px}.feature-web{min-height:700px}.browser-visual{width:92%;height:320px}.browser-body{gap:15px}.browser-body>b{width:70px;height:70px}.feature-ai{min-height:690px}.scan-visual{left:25px;right:25px}.feature-brand{min-height:690px}.palette-visual{width:90%;right:5%}.feature-play{min-height:710px}.game-visual{height:260px}.game-card{width:145px;height:190px}.timer-visual strong{font-size:88px}.security{min-height:auto}.security-copy h2{font-size:44px}.security-orbit{width:300px}.dashboard-inner{grid-template-columns:1fr}.metric,.metric-main,.chart-card,.winners{grid-column:1}.chart-card{height:260px}.chart-bars{height:160px}.window-top span{display:none}.closing{min-height:720px}.closing h2{font-size:16vw}footer{height:auto;padding:35px 24px;align-items:flex-start;flex-wrap:wrap;flex-direction:column}footer .footer-legal{margin-right:0}footer>a:last-child{margin-left:0;align-self:flex-start}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.hero-phone,.float-pill,.scan-line,.palette-ring,.live-label i{animation:none!important}.button{transition:none}}

/* Source presentation screens */
.hero-source { grid-template-columns:.88fr 1.12fr; }
.hero-source .hero-copy { max-width:650px; }
.hero-source h1 { font-size:clamp(68px,7.5vw,116px); line-height:.88; }
.hero-source h1 small { display:block; margin-bottom:.34em; color:#111216; font-size:.31em; line-height:1; letter-spacing:-.055em; font-weight:800; }
.hero-source h1 small span { color:#777b85; background:none; -webkit-background-clip:initial; background-clip:initial; -webkit-text-fill-color:currentColor; font-weight:600; }
.hero-source .hero-subtitle { max-width:620px; }
.hero-source .hero-subtitle strong { color:#102b3a; font-weight:650; }
.hero-device-source { width:min(360px,29vw); aspect-ratio:254/509; }
.source-phone { position:relative; width:330px; filter:drop-shadow(0 42px 56px rgba(0,0,0,.28)); }
.source-phone img { display:block; width:100%; height:auto; animation:source-screen-in .45s ease both; }
.hero-device-source .source-phone { width:100%; animation:source-phone-float 7s ease-in-out infinite; }
.hero-device-source .source-phone img { animation:none; }
.hero-device-source .pill-one { left:-39%; top:16%; }
.hero-device-source .pill-two { right:-42%; top:46%; }
.hero-device-source .pill-three { left:-31%; bottom:15%; }
.journey-phone-wrap .source-phone { width:330px; }
.journey-details { min-height:142px; margin:0; padding:0; display:grid; align-content:start; gap:12px; list-style:none; color:#a8aab2; font-size:19px; line-height:1.45; }
.journey-details li { position:relative; padding-left:23px; }
.journey-details li:before { content:""; position:absolute; left:0; top:.65em; width:6px; height:6px; border-radius:50%; background:#28cdb6; }
.feature-ai { min-height:800px; }
.feature-speed { min-height:700px; }
.feature-self { min-height:640px; }
.feature-speed .timer-visual { bottom:38px; }
.feature-ai .scan-visual { height:330px; }

@keyframes source-phone-float { 0%,100%{transform:translateY(0)}50%{transform:translateY(-14px)} }
@keyframes source-screen-in { from{opacity:0;transform:translateY(12px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)} }

@media(max-width:900px){
  .hero-source { grid-template-columns:1fr; }
  .hero-source .hero-copy { justify-self:center; }
  .hero-device-source { width:min(330px,65vw); }
  .hero-device-source .pill-one { left:-22%; }.hero-device-source .pill-two { right:-25%; }.hero-device-source .pill-three { left:-18%; }
  .journey-phone-wrap .source-phone { width:290px; }
  .journey-details { min-height:150px; text-align:left; font-size:17px; }
  .feature-ai { min-height:850px; }.feature-speed { min-height:760px; }.feature-self { min-height:690px; }
}

@media(max-width:560px){
  .hero-source h1 { font-size:16.5vw; }
  .hero-device-source { width:255px; }
  .hero-device-source .pill-one { left:-12%; }.hero-device-source .pill-two { right:-15%; }.hero-device-source .pill-three { left:-10%; }
  .journey-phone-wrap .source-phone { width:255px; }
  .journey-details { min-height:165px; font-size:16px; }
  .feature-ai { min-height:880px; }.feature-speed { min-height:800px; }.feature-self { min-height:740px; }
}

@media(prefers-reduced-motion:reduce){.hero-device-source .source-phone,.source-phone img{animation:none!important}}

/* Refined high-resolution presentation */
:root { --ink:#102b3a; --muted:#6e7578; --soft:#f4f6f5; --teal:#079b8d; --gold:#f3bd00; }
.topbar { background:rgba(255,255,255,.9); border-color:rgba(16,43,58,.08); }
.nav-cta,.button-primary { background:#102b3a; }
.scroll-progress { background:linear-gradient(90deg,#079b8d,#f3bd00); }
.hero-source { grid-template-columns:1fr .82fr; background:#fff; }
.hero-source h1 span { color:#079b8d; background:none; -webkit-text-fill-color:currentColor; }
.hero-source .hero-subtitle { color:#596469; }
.hero-device-source { width:min(390px,31vw); }
.source-phone { width:360px; filter:drop-shadow(0 30px 46px rgba(16,43,58,.16)); isolation:isolate; }
.source-phone img { image-rendering:auto; animation:hires-fade .28s ease both; }
.hero-device-source .source-phone { animation:none; }
.hero-device-source .source-phone img { animation:none; }
.hero-glow { filter:blur(100px); opacity:.1; }
.glow-one { background:#04a998; }.glow-two { background:#ffd229; }
.hero-proof { color:#7d878b; }
.intro { background:#0d2736; }
.intro-copy { margin-bottom:72px; }
.journey-stage { gap:130px; }
.journey-phone-wrap .source-phone { width:360px; }
.journey-details li:before { background:#f3bd00; }
.step-controls button.active { border-color:#f3bd00; background:#f3bd00; }
.step-controls .play-toggle.is-playing { color:#f3bd00; }
.features { background:#f3f5f4; }
.feature-grid { gap:20px; }
.feature-card { border:1px solid rgba(16,43,58,.07); border-radius:28px; box-shadow:none; }
.feature-copy h3 { color:#102b3a; }
.feature-tag { color:#079b8d; }
.feature-copy p { color:#687276; }
.browser-body { background:#f2faf8; }
.mini-phone { background:linear-gradient(160deg,#079b8d 0 64%,#f3bd00 64%); }
.scan-grid { opacity:.11; }.scan-line { background:#f3bd00; box-shadow:0 0 16px rgba(243,189,0,.7); }
.receipt strong { color:#079b8d; }
.timer-visual strong { background:linear-gradient(95deg,#079b8d 5%,#f3bd00 95%); -webkit-background-clip:text; background-clip:text; }
.devices-visual i { background:linear-gradient(145deg,#079b8d,#bfece6 62%,#f3bd00); }
.feature-brand { background:#0d2736; }
.feature-brand .feature-copy h3 { color:#fff; }
.palette-ring i:nth-child(1){background:conic-gradient(from 20deg,transparent 0 15%,#08aa99 38%,transparent 60%)}
.palette-ring i:nth-child(2){background:conic-gradient(from 140deg,transparent 0 20%,#f3bd00 42%,transparent 65%)}
.palette-ring i:nth-child(3){background:conic-gradient(from 250deg,transparent 0 17%,#bfece6 38%,transparent 60%)}
.palette-ring i:nth-child(4){background:#0d2736}
.feature-play { background:#eef8f6; }
.game-one { background:#079b8d; }.game-two { background:#102b3a; }.game-three { color:#102b3a; background:#f3bd00; }
.qr-grid i.on { background:#f3bd00; }
.location-visual { background:#edf5f2; }.pin { background:#079b8d; }.radius { border-color:#079b8d; }
.security,.closing,footer { background:#0d2736; }
.security-orbit>span { background:#079b8d; box-shadow:0 0 70px rgba(7,155,141,.25); }
.security-orbit>i { background:#f3bd00; box-shadow:0 0 14px rgba(243,189,0,.65); }
.security-points i { color:#f3bd00; background:rgba(243,189,0,.1); }
.live-label { color:#08796f; background:#edf8f6; }.live-label i { background:#079b8d; }
.metric-main { background:#102b3a; }
.chart-bars i { background:linear-gradient(180deg,#079b8d,#f3bd00); }
.closing h2 span { color:#f3bd00; background:none; -webkit-text-fill-color:currentColor; }
.button-light { color:#102b3a; }

@keyframes hires-fade { from{opacity:0}to{opacity:1} }

/* Product introduction */
.activation-intro { padding:clamp(74px,7vw,98px) max(24px,calc((100vw - 1240px)/2)); display:grid; grid-template-columns:minmax(0,1fr) clamp(150px,16vw,210px) minmax(0,1fr); align-items:start; gap:clamp(34px,4vw,64px); background:#f3f5f4; }
.activation-intro article { padding-top:25px; border-top:1px solid rgba(16,43,58,.18); }
.activation-intro h2 { margin:0; color:#102b3a; font-size:clamp(27px,2.5vw,36px); line-height:1.05; letter-spacing:-.045em; font-weight:800; }
.activation-intro p { margin:20px 0 0; color:#687276; font-size:16px; line-height:1.55; }
.activation-intro p strong { color:var(--teal); font-weight:900; }

.activation-ai { width:100%; max-width:210px; aspect-ratio:1; justify-self:center; align-self:center; display:grid; place-items:center; }
.activation-ai-mark { position:relative; width:72%; aspect-ratio:1; display:grid; place-items:center; border:1px solid rgba(16,43,58,.16); border-radius:26px; background:var(--teal); color:#fff; font-size:clamp(52px,6vw,78px); font-weight:650; line-height:1; letter-spacing:-.06em; }
.activation-ai-spark { position:absolute; right:-10px; top:-12px; display:grid; place-items:center; width:38px; height:38px; border:5px solid #f3f5f4; border-radius:50%; background:var(--teal); color:#fff; font-size:23px; letter-spacing:0; }

@media(max-width:860px){
  .activation-ai { max-width:150px; }
  .activation-ai-mark { font-size:54px; border-radius:20px; }
  .activation-intro { grid-template-columns:1fr; gap:42px 34px; padding:66px 24px 70px; }
}

@media(max-width:560px){
  .activation-intro { grid-template-columns:1fr; gap:34px; padding:58px 20px 62px; }
  .activation-intro article { padding-top:21px; }
  .activation-intro h2 { font-size:28px; }
  .activation-intro p { margin-top:15px; font-size:15px; }
}

@media(max-width:900px){
  .hero-device-source { width:min(350px,67vw); }
  .journey-phone-wrap .source-phone { width:320px; }
  .journey-stage { gap:72px; }
}
@media(max-width:560px){
  .hero-device-source { width:278px; }
  .journey-phone-wrap .source-phone { width:278px; }
  .feature-grid { gap:14px; }
}

/* Horizontal UX carousel */
.intro { padding-right:0; }
.intro-head { padding-right:max(24px,calc((100vw - 1120px)/2)); display:flex; align-items:flex-end; justify-content:space-between; gap:40px; }
.intro-head .intro-copy { margin-bottom:64px; }
.carousel-controls { display:flex; gap:10px; margin-bottom:64px; }
.carousel-controls button { width:52px; height:52px; border:1px solid rgba(255,255,255,.18); border-radius:50%; color:#fff; background:rgba(255,255,255,.06); font-size:22px; cursor:pointer; transition:background .2s ease,border-color .2s ease; }
.carousel-controls button:hover { border-color:#f3bd00; background:#f3bd00; color:#102b3a; }
.journey-carousel { width:100%; display:flex; align-items:flex-start; gap:42px; padding:16px max(24px,calc((100vw - 1120px)/2)) 42px 0; overflow-x:auto; overscroll-behavior-inline:contain; scroll-snap-type:x mandatory; scrollbar-width:none; }
.journey-carousel::-webkit-scrollbar { display:none; }
.journey-card { flex:0 0 360px; scroll-snap-align:start; }
.journey-card .journey-phone-wrap { min-height:720px; display:flex; align-items:flex-start; justify-content:center; }
.journey-card .journey-phone-wrap .source-phone { width:330px; }
.journey-card-copy { padding:28px 8px 0; border-top:1px solid rgba(255,255,255,.13); }
.journey-card-copy h3 { margin:19px 0 18px; font-size:36px; line-height:1; letter-spacing:-.045em; }
.journey-card .journey-details { min-height:0; font-size:15px; gap:8px; color:#aeb8bc; }
.journey-card .step-meta { white-space:nowrap; }

@media(max-width:900px){
  .intro-head { padding-right:24px; }
  .journey-carousel { gap:30px; padding-right:24px; }
  .journey-card { flex-basis:330px; }
  .journey-card .journey-phone-wrap { min-height:650px; }
  .journey-card .journey-phone-wrap .source-phone { width:300px; }
}
@media(max-width:560px){
  .intro-head { align-items:flex-start; }
  .intro-head .intro-copy { margin-bottom:48px; }
  .carousel-controls { margin-bottom:48px; }
  .carousel-controls button { width:44px; height:44px; }
  .journey-carousel { gap:22px; }
  .journey-card { flex-basis:286px; }
  .journey-card .journey-phone-wrap { min-height:570px; }
  .journey-card .journey-phone-wrap .source-phone { width:268px; }
  .journey-card-copy h3 { font-size:31px; }
}

/* Viewport-aware carousel sizing */
.intro { padding-top:clamp(82px,10vh,112px); padding-bottom:clamp(72px,9vh,104px); }
.intro-head .intro-copy { margin-bottom:38px; }
.intro-head .intro-copy h2 { font-size:clamp(44px,5vw,68px); }
.carousel-controls { margin-bottom:38px; }
.journey-carousel { gap:32px; padding-top:8px; padding-bottom:26px; }
.journey-card { --phone-width:clamp(205px,25vh,250px); flex-basis:calc(var(--phone-width) + 34px); }
.journey-card .journey-phone-wrap { min-height:0; }
.journey-card .journey-phone-wrap .source-phone { width:var(--phone-width); }
.journey-card-copy { padding:17px 5px 0; }
.journey-card-copy h3 { margin:13px 0 12px; font-size:30px; }
.journey-card .journey-details { font-size:13px; line-height:1.35; gap:6px; }
.journey-card .journey-details li { padding-left:18px; }
.journey-card .step-meta { gap:10px; font-size:10px; }
.journey-card .step-meta span { font-size:15px; }
.journey-card .step-meta i { width:24px; }

@media(min-width:901px) and (max-height:760px){
  .intro { padding-top:72px; padding-bottom:70px; }
  .intro-head .intro-copy,.carousel-controls { margin-bottom:28px; }
  .intro-head .intro-copy h2 { font-size:52px; }
  .journey-card { --phone-width:190px; }
  .journey-card-copy h3 { font-size:27px; }
  .journey-card .journey-details { font-size:12px; }
}

@media(max-width:900px){
  .intro { padding-top:90px; padding-bottom:86px; }
  .intro-head .intro-copy h2 { font-size:clamp(42px,8vw,62px); }
  .journey-carousel { gap:26px; }
  .journey-card { --phone-width:clamp(220px,32vw,260px); flex-basis:calc(var(--phone-width) + 28px); }
  .journey-card-copy h3 { font-size:29px; }
  .journey-card .journey-details { font-size:13px; }
}

@media(max-width:560px){
  .intro { padding-top:78px; padding-bottom:74px; }
  .intro-head { align-items:flex-end; gap:14px; }
  .intro-head .intro-copy,.carousel-controls { margin-bottom:32px; }
  .intro-head .intro-copy h2 { font-size:42px; }
  .carousel-controls { gap:6px; }
  .carousel-controls button { width:40px; height:40px; }
  .journey-carousel { gap:18px; }
  .journey-card { --phone-width:min(66vw,238px); flex-basis:calc(var(--phone-width) + 20px); }
  .journey-card-copy { padding-top:15px; }
  .journey-card-copy h3 { font-size:27px; }
  .journey-card .journey-details { font-size:12.5px; }
}

/* Clean device contour, glow and subtle scroll parallax */
.source-phone img { clip-path:inset(1.25px round 19% / 9.5%); }
.hero-device-source,.journey-phone-wrap { position:relative; }
.hero-device-source:after,.journey-phone-wrap:after { content:""; position:absolute; z-index:0; left:18%; right:18%; bottom:1px; height:22px; border-radius:50%; background:radial-gradient(ellipse,rgba(243,189,0,.25),rgba(7,155,141,.13) 48%,transparent 74%); filter:blur(10px); transform:translateY(10px); pointer-events:none; }
.source-phone { z-index:1; }
.journey-card .source-phone { transform:translateY(var(--parallax-y,0)); transition:transform .32s cubic-bezier(.2,.8,.2,1),filter .32s ease; }
.journey-card:hover .source-phone { filter:drop-shadow(0 24px 34px rgba(7,155,141,.19)); }

@media(prefers-reduced-motion:reduce){
  .journey-card .source-phone { transform:none!important; transition:none!important; }
}

/* Campaign-specific visual worlds */
.brand-worlds { position:relative; padding:clamp(82px,9vw,124px) max(24px,calc((100vw - 1200px)/2)) clamp(66px,7vw,92px); overflow:hidden; background:#fff; }
.brand-worlds-copy { position:relative; z-index:2; max-width:940px; margin:0 auto; text-align:center; }
.brand-worlds-copy h2 { margin:0; color:#102b3a; font-size:clamp(48px,6.2vw,88px); line-height:.96; letter-spacing:-.062em; font-weight:650; }
.brand-worlds-copy h2 span { color:#8a8f92; }
.brand-worlds-copy>p:last-child { max-width:720px; margin:30px auto 0; color:#687276; font-size:clamp(17px,1.7vw,21px); line-height:1.5; letter-spacing:-.02em; }
.brand-worlds-visual { position:relative; z-index:1; width:min(864px,100%); margin:clamp(44px,5vw,62px) auto 0; display:grid; grid-template-columns:1fr .52fr 1.05fr; align-items:end; gap:clamp(17px,2.64vw,31px); }
.brand-worlds-glow { position:absolute; z-index:0; left:8%; right:5%; bottom:1%; height:42%; border-radius:50%; background:radial-gradient(ellipse at center,rgba(243,189,0,.16),rgba(7,155,141,.09) 42%,transparent 72%); filter:blur(34px); }
.skin-device { position:relative; z-index:1; width:100%; margin:0; }
.skin-device figcaption { display:none; }
.skin-device figcaption span { margin-right:7px; color:#079b8d; font-size:9px; font-weight:800; letter-spacing:.12em; text-transform:uppercase; }
.skin-screen { position:relative; width:100%; height:100%; overflow:hidden; background:#eef1f0; }
.skin-screen img { display:block; width:100%; height:100%; object-fit:cover; }
.skin-desktop { z-index:1; grid-column:3; grid-row:1; }
.desktop-shell { overflow:hidden; padding:7px; border-radius:18px; background:#102b3a; box-shadow:0 34px 70px rgba(16,43,58,.18),0 2px 0 rgba(255,255,255,.22) inset; }
.desktop-shell .skin-screen { aspect-ratio:1572/1001; border-radius:0 0 11px 11px; }
.browser-chrome { height:25px; display:flex; align-items:center; gap:5px; padding:0 8px; color:#b5c1c5; }
.browser-chrome i { width:6px; height:6px; border-radius:50%; background:#6b7f88; }
.browser-chrome b { margin:auto; padding-right:25px; font-size:7px; letter-spacing:.04em; font-weight:650; }
.desktop-stand { position:relative; width:21%; height:44px; margin:0 auto; background:linear-gradient(90deg,#9eabad,#dce2e1 50%,#9eabad); clip-path:polygon(33% 0,67% 0,74% 73%,100% 86%,100% 100%,0 100%,0 86%,26% 73%); }
.skin-desktop .desktop-shell { padding:0; overflow:visible; border-radius:0; background:transparent; box-shadow:none; }
.skin-desktop .browser-chrome,
.skin-desktop .desktop-stand { display:none; }
.skin-desktop .skin-screen { aspect-ratio:895/636; overflow:visible; border-radius:0; background:transparent; }
.skin-desktop .skin-screen img { content:url("skins/stella-desktop-frame.webp"); object-fit:contain; filter:drop-shadow(0 24px 28px rgba(16,43,58,.16)); }
.skin-tablet { z-index:2; grid-column:1; grid-row:1; }
.tablet-shell { position:relative; padding:10px; border-radius:24px; background:#102b3a; box-shadow:0 30px 68px rgba(16,43,58,.2),0 2px 0 rgba(255,255,255,.2) inset; }
.tablet-shell .skin-screen { aspect-ratio:4/3; border-radius:16px; }
.tablet-camera { position:absolute; z-index:3; top:4px; left:50%; width:4px; height:4px; margin-left:-2px; border-radius:50%; background:#4a626d; }
.skin-tablet .tablet-shell { padding:0; overflow:visible; border-radius:0; background:transparent; box-shadow:none; }
.skin-tablet .tablet-camera { display:none; }
.skin-tablet .skin-screen { aspect-ratio:1206/924; overflow:visible; border-radius:0; background:transparent; }
.skin-tablet .skin-screen img { content:url("skins/premier-tablet-frame.webp"); object-fit:contain; filter:drop-shadow(0 22px 26px rgba(16,43,58,.17)); }
.skin-mobile { z-index:3; grid-column:2; grid-row:1; }
.mobile-shell { position:relative; padding:7px; border-radius:clamp(22px,2.6vw,34px); background:#102b3a; box-shadow:0 35px 75px rgba(16,43,58,.27),0 2px 0 rgba(255,255,255,.22) inset; }
.mobile-shell .skin-screen { aspect-ratio:853/1844; border-radius:clamp(17px,2vw,27px); }
.mobile-island { position:absolute; z-index:4; top:12px; left:50%; width:31%; height:3.2%; transform:translateX(-50%); border-radius:999px; background:#102b3a; box-shadow:0 1px 2px rgba(0,0,0,.22); }

@media(max-width:900px){
  .brand-worlds { padding-top:82px; padding-bottom:68px; }
  .brand-worlds-visual { width:min(816px,100%); margin-top:58px; }
}

@media(max-width:560px){
  .brand-worlds { padding:70px 20px 58px; }
  .brand-worlds-copy h2 { font-size:42px; }
  .brand-worlds-copy>p:last-child { margin-top:22px; font-size:16px; }
  .brand-worlds-visual { width:100%; margin-top:40px; grid-template-columns:1fr .52fr 1.05fr; gap:9px; }
  .skin-device figcaption { top:-21px; font-size:0; }
  .skin-device figcaption span { margin:0; font-size:8px; }
  .desktop-shell { border-radius:12px; padding:5px; }
  .browser-chrome { height:14px; padding:0 5px; }
  .browser-chrome i { width:4px; height:4px; }
  .browser-chrome b { padding-right:17px; font-size:5px; }
  .desktop-stand { height:21px; }
  .tablet-shell { padding:5px; border-radius:13px; }
  .tablet-shell .skin-screen { border-radius:9px; }
  .mobile-shell { padding:4px; border-radius:20px; }
  .mobile-shell .skin-screen { border-radius:16px; }
  .mobile-island { top:7px; }
}

/* Compact feature catalogue */
.compact-features { padding-top:clamp(90px,10vw,130px); padding-bottom:clamp(90px,10vw,130px); }
.compact-features .features-heading { margin-bottom:58px; }
.compact-features .features-heading h2 { font-size:clamp(48px,6vw,78px); }
.compact-feature-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); column-gap:30px; row-gap:22px; }
.compact-feature { min-width:0; align-self:start; padding:26px 4px 26px 0; border-top:1px solid rgba(16,43,58,.15); }
.compact-feature summary { position:relative; display:block; padding-right:34px; list-style:none; cursor:pointer; }
.compact-feature summary::-webkit-details-marker { display:none; }
.compact-feature summary:focus-visible { outline:2px solid #079b8d; outline-offset:8px; border-radius:4px; }
.compact-feature-icon { width:48px; height:48px; margin-bottom:27px; display:grid; place-items:center; border-radius:15px; color:#079b8d; background:#e5f3f0; transition:transform .25s ease,background .25s ease,color .25s ease; }
.compact-feature-icon svg { width:27px; height:27px; }
.compact-feature:hover .compact-feature-icon { color:#102b3a; background:#f3bd00; transform:translateY(-3px); }
.compact-feature .feature-tag { display:block; margin-bottom:10px; font-size:10px; }
.compact-feature h3 { margin:0; color:#102b3a; font-size:clamp(22px,2vw,28px); line-height:1.06; letter-spacing:-.04em; }
.compact-feature p { max-width:270px; max-height:0; margin:0; overflow:hidden; opacity:0; transform:translateY(-5px); color:#687276; font-size:14px; line-height:1.45; transition:max-height .3s ease,margin .3s ease,opacity .22s ease,transform .3s ease; }
.compact-feature[open] p { max-height:34rem; margin-top:13px; opacity:1; transform:translateY(0); }
.feature-disclosure { position:absolute; right:1px; bottom:1px; width:25px; height:25px; display:grid; place-items:center; border:1px solid rgba(16,43,58,.2); border-radius:50%; color:#687276; font-size:0; line-height:0; background-image:linear-gradient(currentColor,currentColor),linear-gradient(currentColor,currentColor); background-position:center; background-size:11px 1.5px,1.5px 11px; background-repeat:no-repeat; transform-origin:center; transition:transform .25s ease,color .25s ease,border-color .25s ease; }
.compact-feature[open] .feature-disclosure { color:#079b8d; border-color:#079b8d; transform:rotate(45deg); }

@media(hover:hover){
  .compact-feature:hover p { max-height:34rem; margin-top:13px; opacity:1; transform:translateY(0); }
  .compact-feature:hover .feature-disclosure { color:#079b8d; border-color:#079b8d; }
}

@media(max-width:900px){
  .compact-feature-grid { grid-template-columns:repeat(2,minmax(0,1fr)); column-gap:28px; }
  .compact-feature { padding-bottom:28px; }
}

@media(max-width:560px){
  .compact-features { padding-top:78px; padding-bottom:78px; }
  .compact-features .features-heading { margin-bottom:40px; }
  .compact-feature-grid { grid-template-columns:1fr; row-gap:0; }
  .compact-feature { position:relative; min-height:112px; padding:23px 0 24px 70px; }
  .compact-feature summary { min-height:64px; padding-right:38px; }
  .compact-feature-icon { position:absolute; left:0; top:22px; margin:0; }
  .compact-feature h3 { font-size:24px; }
  .compact-feature p { max-width:none; margin-top:9px; }
}

/* First viewport: keep the complete hero inside one screen */
@media(min-width:901px){
  .hero.hero-source {
    width:100%;
    height:100svh;
    min-height:560px;
    padding-top:clamp(76px,11svh,108px);
    padding-bottom:clamp(42px,7svh,62px);
  }
  .hero-source .hero-copy { padding-bottom:20px; }
  .hero-source h1 { font-size:clamp(56px,min(7.5vw,13svh),116px); }
  .hero-source .hero-subtitle { margin-top:clamp(20px,3.4svh,34px); font-size:clamp(18px,min(2vw,3.1svh),28px); }
  .hero-source .hero-actions { margin-top:clamp(22px,3.6svh,34px); }
  .hero-device-source { width:min(390px,31vw,calc(49.9svh - 85px)); }
  .hero-proof { bottom:clamp(18px,3svh,30px); }
}

@media(max-width:900px){
  .hero.hero-source {
    height:100svh;
    min-height:620px;
    padding:clamp(76px,10svh,98px) 24px clamp(24px,4svh,38px);
    align-content:center;
    grid-template-rows:auto auto auto;
    row-gap:0;
  }
  .hero-source .hero-copy { padding-bottom:clamp(14px,2.2svh,24px); }
  .hero-source h1 { font-size:clamp(50px,min(10vw,8svh),76px); }
  .hero-source .hero-subtitle { margin-top:clamp(16px,2.4svh,24px); font-size:clamp(17px,2.6vw,22px); }
  .hero-source .hero-actions { margin-top:clamp(18px,2.7svh,27px); }
  .hero-device-source {
    width:min(240px,50vw,calc(35svh - 120px));
    margin:clamp(8px,1.5svh,16px) auto clamp(18px,2.8svh,30px);
  }
  .hero-proof { gap:12px 22px; }
}

@media(max-width:560px){
  .hero.hero-source {
    min-height:560px;
    padding:clamp(66px,9svh,82px) 20px clamp(18px,3svh,26px);
  }
  .hero-source .section-label { margin-bottom:14px; font-size:10px; }
  .hero-source h1 { font-size:clamp(52px,min(15.5vw,9.3svh),72px); }
  .hero-source .hero-subtitle { max-width:340px; margin-top:14px; font-size:clamp(16px,4.5vw,19px); }
  .hero-source .hero-actions { flex-direction:row; justify-content:center; gap:15px; margin-top:18px; }
  .hero-source .button { min-height:44px; padding:0 18px; font-size:13px; }
  .hero-source .text-link { font-size:13px; }
  .hero-device-source {
    width:min(210px,48vw,calc(44svh - 155px));
    margin:9px auto 12px;
  }
  .hero-proof { display:none; }
}

/* Compact two-column campaign centre */
.dashboard-section {
  display:grid;
  grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr);
  align-items:center;
  gap:clamp(54px,6vw,86px);
  padding-top:clamp(104px,10vw,138px);
  padding-bottom:clamp(104px,10vw,138px);
}
.dashboard-copy { max-width:470px; }
.dashboard-copy h2 { font-size:clamp(48px,5vw,70px); }
.dashboard-copy>p:not(.section-label) { max-width:460px; font-size:17px; }
.dashboard-window { min-width:0; margin-top:0; border-radius:21px; box-shadow:0 30px 70px rgba(32,35,50,.12); }
.dashboard-window .window-top { height:46px; padding:0 15px; }
.dashboard-window .window-top i { width:8px; height:8px; }
.dashboard-window .dashboard-inner { padding:16px; gap:10px; }
.dashboard-window .metric,
.dashboard-window .chart-card,
.dashboard-window .winners { padding:16px; border-radius:14px; }
.dashboard-window .metric { min-height:112px; }
.dashboard-window .metric strong { font-size:30px; }
.dashboard-window .chart-card,
.dashboard-window .winners { height:224px; }
.dashboard-window .chart-bars { height:143px; margin-top:17px; gap:6px; }
.dashboard-window .winners>div { margin-top:14px; }
.dashboard-window .winners>div>i { width:28px; height:28px; }

@media(max-width:1000px){
  .dashboard-section { grid-template-columns:1fr; gap:54px; padding:96px 24px; }
  .dashboard-copy { max-width:700px; }
  .dashboard-copy>p:not(.section-label) { max-width:650px; }
  .dashboard-window { width:100%; }
}

@media(max-width:560px){
  .dashboard-section { gap:42px; padding:76px 20px; }
  .dashboard-copy h2 { font-size:46px; }
  .dashboard-window .dashboard-inner { padding:12px; gap:9px; }
  .dashboard-window .metric,
  .dashboard-window .chart-card,
  .dashboard-window .winners { padding:15px; }
  .dashboard-window .chart-card { height:240px; }
  .dashboard-window .winners { height:auto; min-height:215px; }
  .dashboard-window .chart-bars { height:150px; }
}

/* More open headline tracking */
.hero h1 { letter-spacing:-.024em; }
.intro-copy h2,
.features-heading h2,
.dashboard-copy h2 { letter-spacing:-.035em; }
.activation-intro h2,
.journey-card-copy h3 { letter-spacing:-.02em; }
.brand-worlds-copy h2 { letter-spacing:-.035em; }
.compact-feature h3 { letter-spacing:-.015em; }
.closing h2 { letter-spacing:-.045em; }

/* Optically center journey bullets against the first line of copy */
.journey-details li:before { top:calc(.725em - 3px); }

@media(max-width:560px){
  .hero h1 { letter-spacing:-.016em; }
}

/* Mobile-first premium layout */
@media(max-width:560px){
  .topbar { height:56px; padding:0 16px; gap:14px; }
  .topbar .wordmark { font-size:16px; }
  .nav-cta { padding:7px 12px; font-size:11px; }

  .hero.hero-source {
    height:auto;
    min-height:100svh;
    padding:82px 20px 34px;
    align-content:center;
  }
  .hero-source .hero-copy { max-width:380px; padding-bottom:12px; }
  .hero-source h1 { font-size:clamp(48px,14.8vw,62px); line-height:.9; letter-spacing:-.012em; }
  .hero-source h1 small { margin-bottom:.42em; font-size:.29em; }
  .hero-source .hero-subtitle { max-width:335px; margin-top:15px; font-size:16.5px; line-height:1.34; letter-spacing:-.018em; }
  .hero-source .hero-actions { gap:12px; margin-top:19px; }
  .hero-source .button { min-height:42px; padding:0 15px; font-size:12.5px; }
  .hero-source .text-link { font-size:12.5px; }
  .hero-device-source { width:min(190px,48vw,calc(44svh - 155px)); margin:12px auto 8px; }

  .activation-intro { gap:34px; padding:52px 20px 56px; }
  .activation-intro article { padding-top:19px; }
  .activation-intro h2 { font-size:26px; line-height:1.08; }
  .activation-intro p { margin-top:13px; font-size:15px; line-height:1.52; }

  .intro { padding:70px 0 70px 20px; }
  .intro-head { display:block; padding-right:20px; }
  .intro-head .intro-copy { margin-bottom:22px; }
  .intro-head .intro-copy h2 { max-width:330px; font-size:37px; line-height:1.02; }
  .intro-head .section-label { margin-bottom:15px; }
  .carousel-controls { margin:0 0 26px; gap:8px; }
  .carousel-controls button { width:42px; height:42px; }
  .journey-carousel { gap:18px; padding:4px 20px 24px 0; }
  .journey-card { --phone-width:min(67vw,248px); flex-basis:calc(var(--phone-width) + 20px); }
  .journey-card-copy { padding:15px 3px 0; }
  .journey-card-copy h3 { margin:12px 0 11px; font-size:28px; }
  .journey-card .journey-details { gap:7px; font-size:13px; line-height:1.4; }

  .brand-worlds { padding:68px 0 62px 20px; }
  .brand-worlds-copy { padding-right:20px; text-align:left; }
  .brand-worlds-copy h2 { max-width:355px; font-size:40px; line-height:1; }
  .brand-worlds-copy>p:last-child { margin:20px 0 0; font-size:15.5px; line-height:1.5; }
  .brand-worlds-visual {
    width:calc(100% + 20px);
    margin-top:34px;
    padding:8px 40px 32px 0;
    display:flex;
    align-items:flex-end;
    gap:22px;
    overflow-x:auto;
    overscroll-behavior-inline:contain;
    scroll-snap-type:x mandatory;
    scrollbar-width:none;
  }
  .brand-worlds-visual::-webkit-scrollbar { display:none; }
  .skin-device { flex:none; scroll-snap-align:start; }
  .skin-tablet { width:min(80vw,320px); order:1; }
  .skin-mobile { width:min(42vw,168px); order:2; }
  .skin-desktop { width:min(82vw,328px); order:3; }
  .brand-worlds-glow { left:0; right:0; bottom:0; }

  .compact-features { padding:72px 20px 74px; }
  .compact-features .features-heading { margin-bottom:34px; }
  .compact-features .features-heading h2 { font-size:42px; line-height:1; }
  .compact-feature { min-height:100px; padding:20px 0 21px 62px; }
  .compact-feature summary { min-height:58px; }
  .compact-feature-icon { top:19px; width:43px; height:43px; border-radius:13px; }
  .compact-feature-icon svg { width:24px; height:24px; }
  .compact-feature h3 { font-size:23px; }

  .dashboard-section { gap:34px; padding:72px 20px 76px; }
  .dashboard-copy h2 { font-size:42px; line-height:1; }
  .dashboard-copy>p:not(.section-label) { margin-top:21px; font-size:16px; line-height:1.5; }
  .dashboard-window { border-radius:17px; box-shadow:0 24px 54px rgba(32,35,50,.11); }
  .dashboard-window .window-top { height:42px; }
  .dashboard-window .dashboard-inner { grid-template-columns:repeat(2,minmax(0,1fr)); padding:10px; gap:8px; }
  .dashboard-window .metric { grid-column:auto; min-height:105px; padding:13px; }
  .dashboard-window .metric-main { grid-column:span 2; }
  .dashboard-window .metric strong { font-size:27px; }
  .dashboard-window .chart-card,
  .dashboard-window .winners { grid-column:span 2; padding:14px; }
  .dashboard-window .chart-card { height:220px; }
  .dashboard-window .chart-bars { height:132px; }
  .dashboard-window .winners { min-height:205px; }

  .closing { min-height:auto; padding:96px 20px 92px; }
  .closing .section-label { margin-bottom:18px; }
  .closing h2 { font-size:clamp(50px,14vw,62px); line-height:.94; letter-spacing:-.025em; }
  .closing>p:not(.section-label) { margin:25px auto 0; font-size:16px; line-height:1.5; }
  .activation-form { margin-top:30px; padding:26px 20px 24px; border-radius:20px; }
  .activation-form-title { font-size:20px; }
  .closing-glow { width:360px; height:360px; }

  footer { padding:30px 20px; gap:18px 24px; align-items:flex-start; flex-direction:column; }
  footer .footer-legal { margin-right:0; }
  footer > a:last-child { margin-left:0; align-self:flex-start; }
}

/* Mobile hero: one clear vertical story inside the first viewport */
@media(max-width:560px){
  .hero.hero-source {
    width:100%;
    height:100svh;
    min-height:0;
    padding:clamp(58px,7.5svh,68px) 18px clamp(4px,1svh,8px);
    grid-template-columns:minmax(0,1fr);
    grid-template-rows:auto auto;
    justify-items:center;
    align-content:center;
    row-gap:0;
    text-align:center;
    overflow:hidden;
  }
  .hero-source .hero-copy {
    grid-column:1;
    width:100%;
    max-width:360px;
    padding-bottom:0;
    justify-self:center;
  }
  .hero-source h1 {
    font-size:clamp(42px,min(13.8vw,7.3svh),54px);
    line-height:.91;
  }
  .hero-source h1 small { margin-bottom:.34em; font-size:calc(.29em + 2px); }
  .hero-source .hero-subtitle {
    max-width:350px;
    margin-top:clamp(10px,1.7svh,14px);
    font-size:clamp(16px,min(4.5vw,2.4svh),18px);
    line-height:1.3;
  }
  .hero-source .hero-actions {
    flex-direction:row;
    justify-content:center;
    gap:10px;
    margin-top:clamp(13px,2svh,18px);
  }
  .hero-source .button {
    min-height:40px;
    padding:0 15px;
    font-size:14px;
  }
  .hero-source .text-link { font-size:14px; }
  .hero-source .text-link { min-height:40px; padding:0 14px; }
  .hero-device-source {
    grid-column:1;
    width:clamp(132px,min(46vw,calc((100svh - 374px)/2)),190px);
    margin:clamp(20px,2.8svh,26px) auto 0;
    align-self:start;
    justify-self:center;
  }

  /* Keep every feature label fully visible and aligned with its icon. */
  .compact-feature {
    min-height:0;
    padding:20px 0 21px;
  }
  .compact-feature summary {
    min-height:58px;
    padding:0;
    display:grid;
    grid-template-columns:44px minmax(0,1fr) 28px;
    grid-template-rows:auto auto;
    column-gap:14px;
    align-items:center;
  }
  .compact-feature-icon {
    position:static;
    grid-column:1;
    grid-row:1 / span 2;
    width:43px;
    height:43px;
    margin:0;
  }
  .compact-feature .feature-tag {
    grid-column:2;
    grid-row:1;
    margin:0 0 6px;
  }
  .compact-feature h3 {
    grid-column:2;
    grid-row:2;
    min-width:0;
    font-size:23px;
    overflow-wrap:anywhere;
  }
  .feature-disclosure {
    position:static;
    grid-column:3;
    grid-row:1 / span 2;
    justify-self:end;
  }
  .compact-feature p {
    max-width:none;
    margin-left:58px;
    padding-right:4px;
  }
  .compact-feature[open] p { max-height:34rem; }
}

@media(max-width:560px) and (max-height:680px){
  .topbar { height:50px; }
  .hero.hero-source { padding:52px 16px 2px; }
  .hero-source h1 { font-size:clamp(36px,12vw,44px); }
  .hero-source h1 small { margin-bottom:.28em; }
  .hero-source .hero-subtitle {
    max-width:335px;
    margin-top:8px;
    font-size:15.5px;
    line-height:1.24;
  }
  .hero-source .hero-actions { margin-top:10px; }
  .hero-source .button { min-height:36px; padding:0 13px; font-size:13.5px; }
  .hero-source .text-link { font-size:13.5px; }
  .hero-source .text-link { min-height:36px; padding:0 12px; }
  .hero-device-source { width:clamp(108px,35vw,128px); margin-top:14px; }
}

@media(max-width:560px){
  .closing h2 {
    font-size:clamp(32px,10.4vw,44px);
    line-height:.96;
    letter-spacing:-.03em;
    white-space:nowrap;
  }
}

/* Keep the UX section headline as one responsive line. */
.intro-head .intro-copy h2 { white-space:nowrap; }

@media(max-width:560px){
  .intro-head .intro-copy h2 {
    max-width:none;
    font-size:clamp(25px,7.45vw,37px);
    letter-spacing:-.025em;
  }

  .journey-card-copy {
    width:100%;
    padding-right:10px;
    padding-left:10px;
    text-align:left;
  }
  .journey-card .step-meta { justify-content:flex-start; }
}

/* Unified weight for all primary headlines. */
.hero h1,
.intro-copy h2,
.features-heading h2,
.dashboard-copy h2,
.brand-worlds-copy h2,
.closing h2 { font-weight:650; }

/* Brand typography: ready to use the licensed Graphik webfont when supplied. */
.wordmark,
.hero-source h1 small,
.browser-chrome b,
.brand-word {
  font-family:"Graphik","Helvetica Neue",Arial,sans-serif;
  font-weight:700;
}
.wordmark span,
.hero-source h1 small span { font-weight:700; }

/* Portrait tablets follow the mobile hero narrative: copy first, device second. */
@media (min-width:561px) and (max-width:1180px) and (orientation:portrait) {
  .hero.hero-source {
    width:100%;
    height:100svh;
    min-height:720px;
    padding:clamp(76px,7svh,96px) 34px clamp(20px,2.5svh,34px);
    grid-template-columns:minmax(0,1fr);
    grid-template-rows:auto auto;
    justify-items:center;
    align-content:center;
    row-gap:clamp(18px,2.4svh,30px);
    text-align:center;
  }
  .hero-source .hero-copy {
    grid-column:1;
    grid-row:1;
    width:100%;
    max-width:760px;
    padding-bottom:0;
    justify-self:center;
  }
  .hero-source h1 {
    font-size:clamp(58px,min(11vw,8svh),92px);
    line-height:.9;
  }
  .hero-source h1 small { margin-bottom:.36em; }
  .hero-source .hero-subtitle {
    max-width:680px;
    margin:clamp(16px,2svh,24px) auto 0;
    font-size:clamp(18px,min(2.7vw,2.2svh),23px);
    line-height:1.34;
  }
  .hero-source .hero-actions {
    justify-content:center;
    gap:16px;
    margin-top:clamp(18px,2.3svh,26px);
  }
  .hero-source .button,
  .hero-source .text-link { min-height:46px; }
  .hero-device-source {
    grid-column:1;
    grid-row:2;
    width:clamp(210px,min(34vw,calc(43svh - 180px)),350px);
    margin:0 auto;
    align-self:start;
    justify-self:center;
  }
  .hero-proof { display:none; }
}