:root{color-scheme:light;--ink:#172132;--muted:#596576;--blue:#146bf5;--blue-deep:#104ac2;--line:#dfe6ef;--surface:#fff;--radius-control:14px;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-synthesis:none}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:110px}body{margin:0;background:#fff;color:var(--ink);-webkit-font-smoothing:antialiased}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer}a{color:inherit;text-decoration:none}svg{display:block}::selection{background:#d4e6ff}:focus-visible{outline:3px solid #146bf5;outline-offset:5px}.symbols{position:absolute;width:0;height:0;overflow:hidden}.skip{position:fixed;top:12px;left:12px;z-index:20;transform:translateY(-200%);padding:12px;background:white;border-radius:8px}.skip:focus{transform:none}.site-header{position:sticky;top:18px;z-index:10;max-width:1120px;margin:22px auto 0;min-height:76px;padding:12px 20px;display:flex;align-items:center;justify-content:space-between;gap:24px;border:1px solid #dce4efb3;border-radius:22px;background:#ffffffd9;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);box-shadow:0 2px 3px #17213203,0 16px 40px -22px #203c7040,inset 0 1px 0 #fff}.brand{display:flex;gap:12px;align-items:center;font-size:27px;font-weight:700;letter-spacing:-1.1px}.brand-icon{width:46px;height:46px;flex:none;border-radius:13px;display:grid;place-items:center;position:relative;background:linear-gradient(155deg,#52bbff,#146bf5 55%,#134bc4);box-shadow:inset 0 1px 1px #ffffffa6,inset 0 -2px 3px #103d8047,0 2px 4px #174eae33;color:white}.brand-icon svg{width:31px;height:31px}.site-header nav{display:flex;gap:28px;align-items:center;font-size:14px;font-weight:550}.site-header nav>a:not(.account-link){color:var(--muted);transition:color .16s}.site-header nav>a:hover{color:var(--blue)}.account-link{display:flex;gap:12px;align-items:center;padding:12px 16px;background:#f0f4f9;border:1px solid #e5ebf2;border-radius:12px;transition:background .16s}.account-link:hover{background:#e8f0fd}.hero{isolation:isolate;position:relative;padding:72px 24px 0}.hero::before{content:"";position:absolute;z-index:-1;inset:-120px 0 18%;pointer-events:none;background:radial-gradient(ellipse at 50% 29%,#c9e4ffab,transparent 65%),linear-gradient(#fafdff,#fff);mask-image:linear-gradient(#000 70%,transparent)}.hero-content{text-align:center;max-width:920px;margin:auto}.eyebrow{margin:0 0 26px;color:var(--blue-deep);font-size:12px;line-height:1.6;letter-spacing:.1em;font-weight:600}.hero .eyebrow{display:flex;gap:9px;justify-content:center;align-items:center;letter-spacing:.02em;font-size:14px;color:#4a607b}.native-dot{height:7px;width:7px;background:#146bf5;border-radius:50%;box-shadow:0 0 0 4px #146bf50d}h1{font-size:clamp(46px,5.3vw,76px);letter-spacing:-.052em;line-height:1.045;font-weight:650;margin:0;text-wrap:balance}h1 span{background:linear-gradient(105deg,#172132 5%,#164a9a 50%,#146bf5 100%);background-clip:text;-webkit-background-clip:text;color:transparent}.intro{font-size:19px;line-height:1.65;letter-spacing:-.025em;max-width:670px;color:var(--muted);margin:26px auto 30px;text-wrap:pretty}.hero-actions{display:flex;justify-content:center;gap:14px}.download,.button-secondary{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:52px;padding:0 24px;font-size:15px;font-weight:600;line-height:1.5;border:0;border-radius:var(--radius-control);transition:background .16s,transform .2s,box-shadow .2s;isolation:isolate}.download{color:white;background:#146bf5;box-shadow:0 2px 5px -1px #103b884d,0 7px 16px -10px #104ac28c,inset 0 5px 12px #6cd3ff70,inset 0 1px 0 #ffffff33}.download:hover{background:#1056cd;box-shadow:0 4px 10px -2px #103b8859,inset 0 5px 12px #6cd3ff59;transform:translateY(-1px)}.download:active,.button-secondary:active{transform:translateY(2px);box-shadow:0 0 1px #103b8840,inset 0 3px 10px #77cbff40}.download svg{height:25px;width:22px}.button-secondary{background:white;color:#263447;box-shadow:0 2px 5px -1px #17213224,0 0 0 1px #17213226,inset 0 1px 0 white}.button-secondary:hover{color:var(--blue);background:#fbfdff;transform:translateY(-1px)}.button-secondary svg{width:20px;height:20px;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.compatibility{font-size:12px;color:#687589;margin:19px 0 2px;line-height:1.7}.compatibility span{padding:0 5px}.installation-link{border:0;background:none;min-height:36px;padding:6px;color:#56677e;font-size:12px;line-height:1.5}.installation-link:hover{color:var(--blue)}.installation-link span{display:inline-block;margin-left:3px;transition:transform .16s}.installation-link:hover span{transform:translate(2px,-2px)}.showcase{position:relative;max-width:1060px;margin:64px auto 0;scroll-margin-top:12px}.preview-top{display:flex;align-items:center;justify-content:space-between;margin:0 10px 14px;color:#708095;font-size:10px;letter-spacing:.12em;font-weight:600}.preview-counter{font-variant-numeric:tabular-nums;letter-spacing:.03em}.screenshot-button{display:block;position:relative;width:100%;border:1px solid #d1deef;border-radius:20px;padding:10px;background:linear-gradient(145deg,#edf5ff,#dae8fc);box-shadow:0 3px 6px -2px #23477314,0 30px 70px -26px #315c9952,inset 0 1px 0 #fff;transition:box-shadow .25s,transform .25s;overflow:hidden}.screenshot-button:hover{transform:translateY(-3px);box-shadow:0 4px 8px #23477312,0 36px 80px -25px #315c9960,inset 0 1px 0 #fff}.screenshot-button img{display:block;width:100%;height:auto;border-radius:10px;aspect-ratio:1880/1300;object-fit:contain}.expand-hint{position:absolute;right:24px;bottom:24px;border-radius:10px;padding:10px 14px;background:#ffffffed;color:#2258a5;font-size:12px;box-shadow:0 2px 12px #142b5524;opacity:0;transform:translateY(3px);transition:opacity .2s,transform .2s}.screenshot-button:hover .expand-hint,.screenshot-button:focus-visible .expand-hint{opacity:1;transform:none}.preview-bottom{text-align:center;padding:30px 0 0}.view-switch{display:inline-flex;padding:4px;gap:4px;background:#edf1f7;border:1px solid #e7ecf4;border-radius:13px}.view-switch button{border:0;background:transparent;padding:11px 18px;border-radius:9px;color:#657285;font-size:13px;min-height:42px;transition:color .2s,background .2s,box-shadow .2s}.view-switch button.active{color:#1852a9;background:white;box-shadow:0 1px 3px #142b551c,0 3px 8px #142b550a}.preview-note{font-size:13px;color:var(--muted);margin:16px 0 0;line-height:1.6}.section-width{max-width:1080px;margin-inline:auto}.features-section{padding:125px 24px 110px}.section-heading{text-align:center;max-width:590px;margin:auto}.section-heading .eyebrow{margin-bottom:19px}h2{font-size:clamp(34px,4vw,52px);line-height:1.09;letter-spacing:-.045em;font-weight:620;margin:0}h2 span{color:#75869e}.section-heading>p:last-child{font-size:17px;line-height:1.7;max-width:450px;margin:23px auto 0;color:var(--muted);text-wrap:pretty}.features{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:52px 48px;margin:62px 0 0}.features>div{padding-top:21px;border-top:1px solid #e4eaf2}.feature-icon{height:39px;display:flex;align-items:center;color:var(--blue);font-size:29px;font-weight:500;line-height:1;margin-bottom:17px}.feature-icon svg{width:28px;height:28px}.text-icon{font-size:24px;letter-spacing:-1.5px}.features dt{font-size:16px;font-weight:650;line-height:1.4;letter-spacing:-.025em;margin-bottom:12px}.features dd{font-size:14px;line-height:1.75;color:var(--muted);margin:0}kbd{font:11px -apple-system,BlinkMacSystemFont,sans-serif;white-space:nowrap;border:1px solid #dbe2ed;border-bottom-width:2px;border-radius:4px;background:#f7f9fc;padding:2px 4px}.closing{position:relative;padding:85px 24px 80px;text-align:center;background:radial-gradient(ellipse at 50% 100%,#e0edff,transparent 65%),#f7faff;border-block:1px solid #e6edf7}.closing-inner{max-width:800px;margin:auto}.brand-icon.large{width:62px;height:62px;border-radius:18px;margin:0 auto 23px}.brand-icon.large svg{width:40px;height:40px}.closing .eyebrow{font-size:11px;margin-bottom:18px}.closing h2{font-size:clamp(31px,3.8vw,48px);margin-bottom:30px}.closing h2 span{color:var(--blue-deep)}.local-note{margin:25px 0 0;font-size:12px;line-height:1.7;color:var(--muted);display:flex;align-items:center;justify-content:center;gap:7px}.local-note svg{flex:none;width:15px;height:15px;stroke:currentColor;stroke-width:1.5}footer{padding:30px 24px;display:flex;justify-content:space-between;align-items:center;gap:20px;color:var(--muted);font-size:12px}.footer-brand{font-size:20px;letter-spacing:-.7px;font-weight:650;color:var(--ink)}footer>a:last-child:hover{color:var(--blue)}dialog{border:1px solid var(--line);border-radius:22px;background:white;color:var(--ink);padding:42px;max-width:min(550px,calc(100vw - 32px));box-shadow:0 30px 100px #14203633}dialog::backdrop{background:#14203699;backdrop-filter:blur(6px)}.dialog-close{position:absolute;top:12px;right:12px;border:0;background:#eef2f8;border-radius:50%;height:36px;width:36px;font-size:14px;z-index:1}dialog h2{font-size:29px;margin:0 0 22px}dialog p{font-size:14px;line-height:1.7;color:var(--muted)}dialog .eyebrow{font-size:10px}dialog .release-note{padding:12px 14px;background:#f3f6fb;border-radius:9px;font-size:12px}#preview-dialog{padding:44px 10px 10px;max-width:min(1380px,96vw);max-height:96svh;background:#f4f7fd}#large-shot{width:100%;max-height:85svh;object-fit:contain;display:block}.hero-content>*{animation:enter .65s both}.hero-content .intro{animation-delay:.08s}.hero-actions{animation-delay:.16s}.hero-content .compatibility,.hero-content .installation-link{animation-delay:.22s}.showcase{animation:enter .8s .22s both}.reveal-ready{opacity:0;transform:translateY(18px);transition:opacity .65s,transform .65s}.reveal-ready.is-visible{opacity:1;transform:none}@keyframes enter{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@media(max-width:1180px){.site-header{margin-inline:24px}.hero{padding-top:65px}}@media(max-width:800px){.site-header{top:12px;margin:16px 18px 0;min-height:68px;padding:10px 15px;border-radius:20px}.brand{font-size:25px}.brand-icon{width:42px;height:42px;border-radius:12px}.brand-icon svg{width:29px;height:29px}.site-header nav{gap:18px}.site-header nav>a:not(.account-link){display:none}.account-link{padding:10px 13px;font-size:13px}.hero{padding:57px 22px 0}.hero .eyebrow{font-size:12px;margin-bottom:24px}.intro{font-size:17px;max-width:520px;margin-top:23px}.features{grid-template-columns:repeat(2,minmax(0,1fr));gap:35px}.features-section{padding-top:90px;padding-bottom:75px}.showcase{margin-top:50px}.closing{padding-block:65px}.desktop-break{display:none}}@media(max-width:520px){html{scroll-padding-top:105px}.site-header{margin:12px 12px 0;top:10px;padding:10px 12px;gap:10px}.brand{font-size:23px;gap:9px}.hero{padding:49px 20px 0}h1{font-size:clamp(36px,10.8vw,53px);letter-spacing:-.05em;line-height:1.08}.hero .eyebrow{font-size:11px;letter-spacing:.01em;margin-bottom:22px}.intro{font-size:16px;line-height:1.7;max-width:350px;margin:22px auto 25px}.hero-actions{flex-direction:column;gap:13px;max-width:360px;margin:auto}.download,.button-secondary{min-height:50px;font-size:15px}.compatibility{font-size:10px;margin-top:17px;white-space:normal}.compatibility span{padding-inline:3px}.installation-link{font-size:11px}.showcase{margin-top:43px}.preview-label{font-size:9px;letter-spacing:.08em}.preview-top{margin-inline:3px}.screenshot-button{padding:5px;border-radius:12px;box-shadow:0 20px 40px -20px #315c9959}.screenshot-button img{border-radius:7px}.expand-hint{display:none}.preview-bottom{padding-top:22px}.view-switch button{padding:10px 14px}.preview-note{font-size:11px}.features-section{padding:75px 24px 65px}.section-heading>p:last-child{font-size:15px}.features{margin-top:39px;grid-template-columns:1fr;gap:28px}.features>div{padding-top:20px;display:grid;grid-template-columns:33px 1fr;column-gap:16px}.feature-icon{grid-row:1/3;margin:0;height:32px;font-size:25px}.features dt{font-size:16px;margin-bottom:8px}.features dd{font-size:14px;grid-column:2}.closing{padding:52px 20px}.closing h2{font-size:32px}.local-note{font-size:11px;max-width:300px;margin:23px auto 0;align-items:flex-start}.local-note svg{margin-top:2px}footer{flex-wrap:wrap;gap:16px;padding:25px 22px}footer>span{order:3;width:100%;font-size:11px}dialog{padding:40px 23px 26px}dialog h2{font-size:26px}dialog .download{width:100%}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.reveal-ready{opacity:1;transform:none}}
/* Snipfolio: CleanShot-inspired depth, native typography and product-first spacing. */
:root{--ink:#161d2d;--muted:#56657b;--blue:#146bf5;--blue-deep:#104fc6;--radius-control:14px;font-family:"SF Pro Text",system-ui,-apple-system,BlinkMacSystemFont,sans-serif}
body{background:#fff}
.site-header{max-width:1120px;background:#ffffffd9;box-shadow:0 1px 2px #132e5610,0 18px 45px -22px #29486b45,inset 0 1px 0 #fff}
.hero{padding-top:68px;padding-bottom:76px}
.hero::before{inset:-130px 0 8%;background:radial-gradient(ellipse at 50% 25%,#c6e4ffcc,transparent 60%),radial-gradient(ellipse at 5% 50%,#e9f4ff,transparent 52%),linear-gradient(#fafdff,#fff);mask-image:linear-gradient(#000 78%,transparent)}
.hero .eyebrow{display:inline-flex;margin-bottom:30px;padding:9px 16px;border:1px solid #cddff4;border-radius:999px;background:#ffffffad;font-size:12px;color:#3f6087;box-shadow:0 2px 4px #315c9907}
.native-dot{box-shadow:0 0 0 4px #146bf512}
h1{font-size:clamp(44px,5.1vw,72px);font-weight:650;letter-spacing:-.045em;line-height:1.09}
h1 span{background:linear-gradient(100deg,#17243c 0%,#174cba 58%,#146bf5);background-clip:text;-webkit-background-clip:text;color:transparent}
.intro{font-size:19px;line-height:1.65;max-width:700px}
.download,.button-secondary{min-height:50px;font-size:16px;font-weight:600;padding-inline:23px}
.download{background:#146bf5;box-shadow:0 2px 6px -1px #10316e47,inset 0 6px 14px #55c0ff7a,inset 0 1px 0 #ffffff33}
.download:hover{background:#0e4aca;box-shadow:0 4px 10px -2px #10316e50,inset 0 6px 14px #55c0ff66}
.download:active{transform:translateY(2px);box-shadow:0 0 6px -1px #10316e00,inset 0 6px 14px #55c0ff7a}
.button-secondary{background:#fff;box-shadow:0 2px 6px -1px #16161829,0 0 0 1px #16161821}
.compatibility{font-size:12px}.installation-link{min-height:44px;font-size:12px}
.showcase{max-width:1080px;margin-top:54px;isolation:isolate}
.showcase::before{content:"";position:absolute;inset:8% -3% 20%;background:radial-gradient(ellipse,#c2ddff91,transparent 70%);filter:blur(28px);z-index:-1;pointer-events:none}
.preview-top{padding:0 6px;margin-bottom:15px;color:#5f7391}
.screenshot-button{padding:10px;border-radius:22px;background:linear-gradient(135deg,#f5faffc9,#dceaffb3);border-color:#cbdcf3;box-shadow:0 3px 6px #1e44820d,0 36px 80px -32px #17448866,inset 0 1px 0 white}
.preview-bottom{padding-top:30px}
.view-switch{border-radius:14px;background:#eaf1fa;border:1px solid #dce6f4;box-shadow:inset 0 1px 2px #1d3d6510}
.view-switch button{min-height:44px;font-size:13px}
.collection-tile{max-width:1220px;margin:24px auto 0;display:grid;grid-template-columns:.8fr 1.2fr;align-items:center;gap:50px;padding:70px 48px;border-radius:32px;background:radial-gradient(ellipse at 100% 20%,#d7e8ff99,transparent 70%),#f4f8fd;overflow:hidden}
.collection-copy{min-width:0}.collection-copy .eyebrow{font-size:11px;letter-spacing:.12em;margin-bottom:22px}
.collection-copy h2{font-size:clamp(32px,3.1vw,44px);letter-spacing:-.04em;line-height:1.12;font-weight:650}
.collection-copy>p:not(.eyebrow){font-size:17px;line-height:1.65;color:var(--muted);margin:24px 0}
.collection-detail{display:flex;align-items:center;gap:10px;font-size:12px;color:#42618e}.collection-detail svg{width:21px;height:21px;color:var(--blue);flex:none}
.collection-image{display:block;width:100%;height:auto;border-radius:10px;box-shadow:0 5px 12px #24467712,0 25px 55px -23px #315c9940;transform:rotate(-1deg);transition:transform .3s}
.collection-image:hover{transform:rotate(0)}
.features-section{padding-top:100px;padding-bottom:100px}
h2{font-weight:650;letter-spacing:-.035em}h2 span{color:var(--blue)}
.features{gap:40px;margin-top:52px}.features>div{border-top-color:#e0e9f5;padding-top:24px}
.feature-icon{width:44px;height:44px;border-radius:12px;background:linear-gradient(145deg,#eff7ff,#dfecff);border:1px solid #d8e6f7;justify-content:center;font-size:26px;box-shadow:inset 0 1px 0 #fff;margin-bottom:19px}.feature-icon svg{width:24px;height:24px}.text-icon{font-size:22px}
.features dt{font-size:17px}.features dd{font-size:16px;line-height:1.65}
.closing{max-width:1220px;margin:0 auto 32px;border:1px solid #d3e4f8;border-radius:32px;padding:66px 24px;background:radial-gradient(ellipse at 50% 100%,#cee3ff,transparent 80%),linear-gradient(#f8fcff,#eaf3ff)}
.closing h2{font-size:52px}.closing h2 span{color:var(--blue)}
.brand-icon.large{width:64px;height:64px;transform:rotate(-7deg);margin-bottom:25px;box-shadow:inset 0 1px 1px #ffffffa6,inset 0 -2px 3px #103d8047,0 9px 18px -8px #174eae66}
footer{max-width:1120px;padding:25px 0 35px}
.dialog-close{height:44px;width:44px}.local-note{font-size:13px}
@media(max-width:1260px){.collection-tile,.closing{margin-inline:24px}.collection-tile{gap:32px;padding:56px 36px}footer{margin-inline:28px}}
@media(max-width:800px){.hero{padding-top:54px;padding-bottom:54px}.intro{font-size:18px}.collection-tile{grid-template-columns:1fr;text-align:center;padding:48px 30px;gap:36px}.collection-copy{max-width:530px;margin:auto}.collection-detail{justify-content:center}.collection-image{max-width:680px;margin:auto;transform:none}.collection-copy h2{font-size:38px}.collection-copy>p:not(.eyebrow){font-size:17px}.features-section{padding-block:75px}.closing h2{font-size:44px}}
@media(max-width:520px){.site-header{min-height:70px;margin:12px 12px 0;top:10px;padding:10px 13px;border-radius:20px}.brand-icon{width:40px;height:40px}.brand{font-size:23px}.account-link{font-size:12px;padding:12px 10px;min-height:44px}.hero{padding:43px 20px 48px}.hero .eyebrow{font-size:10px;padding:8px 12px;margin-bottom:27px}h1{font-size:clamp(36px,10.5vw,46px);line-height:1.12;letter-spacing:-.04em}.intro{font-size:17px;line-height:1.6;margin:24px auto 27px}.hero-actions{gap:14px}.download,.button-secondary{min-height:49px;font-size:16px}.compatibility{font-size:10px}.installation-link{font-size:11px}.showcase{margin-top:42px}.showcase::before{inset:10% 0 25%;filter:blur(14px)}.screenshot-button{padding:5px;border-radius:12px}.preview-top{font-size:9px;padding:0;margin-inline:2px}.preview-label{font-size:9px}.preview-bottom{padding-top:25px}.view-switch button{font-size:12px;min-height:44px}.collection-tile{margin:0 12px;padding:40px 20px;border-radius:23px;gap:30px}.collection-copy h2{font-size:34px}.collection-copy .eyebrow{font-size:9px}.collection-copy>p:not(.eyebrow){font-size:16px;line-height:1.65}.collection-detail{font-size:10px}.features-section{padding:64px 24px}.features{gap:30px}.features>div{grid-template-columns:40px 1fr;column-gap:16px;padding-top:22px}.feature-icon{width:36px;height:36px;border-radius:10px;font-size:23px;margin:0}.feature-icon svg{width:22px;height:22px}.text-icon{font-size:19px}.features dt{font-size:16px}.features dd{font-size:15px;line-height:1.65}.section-heading>p:last-child{font-size:16px}.closing{margin:0 12px 20px;border-radius:23px;padding:46px 20px}.closing h2{font-size:36px;line-height:1.12}.local-note{font-size:11px}footer{margin-inline:22px;padding:20px 0 30px}dialog{padding-top:50px}}
@media(prefers-reduced-motion:reduce){.collection-image{transform:none}}

/* Supplied Snipfolio artwork; no synthetic icon background. */
.brand-icon{width:42px;height:42px;background:none;box-shadow:none;border:0;border-radius:0;transform:none;padding:0;flex-shrink:0}.brand-icon img{display:block;width:100%;height:100%;object-fit:contain}.brand-icon.large{width:96px;height:96px;background:none;box-shadow:none;transform:none}.collection-detail img{width:28px;height:28px;object-fit:contain;flex-shrink:0}

/* More depth for the main download action. */
.hero-actions .download {
  box-shadow:
    0 3px 7px -1px rgb(9 38 98 / 32%),
    0 12px 26px -7px rgb(16 74 194 / 48%),
    inset 0 7px 16px rgb(85 192 255 / 42%),
    inset 0 -8px 16px rgb(0 30 115 / 38%),
    inset 0 1px 0 rgb(255 255 255 / 28%);
}
.hero-actions .download:hover {
  box-shadow:
    0 4px 9px -1px rgb(9 38 98 / 36%),
    0 15px 30px -7px rgb(16 74 194 / 52%),
    inset 0 7px 16px rgb(85 192 255 / 36%),
    inset 0 -9px 18px rgb(0 25 100 / 42%),
    inset 0 1px 0 rgb(255 255 255 / 24%);
}
.hero-actions .download:active {
  box-shadow:
    0 2px 5px -1px rgb(9 38 98 / 28%),
    0 5px 12px -5px rgb(16 74 194 / 36%),
    inset 0 4px 12px rgb(0 25 100 / 34%),
    inset 0 -5px 12px rgb(0 30 115 / 30%);
}

/* Give the hero promise a little more presence without competing with the headline. */
.hero .intro {
  max-width: 720px;
  color: #3b485b;
  font-size: 20px;
  font-weight: 450;
  line-height: 1.58;
  letter-spacing: -0.02em;
}

@media (max-width: 800px) {
  .hero .intro { font-size: 19px; }
}

@media (max-width: 520px) {
  .hero .intro {
    max-width: 370px;
    font-size: 18px;
    line-height: 1.6;
  }
}

.trust-proof {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
  padding: 38px 24px 52px;
  border-bottom: 1px solid #e8eef6;
  color: #667386;
  text-align: center;
}
.trust-proof-mark {
  display: grid;
  place-items: center;
  width: 28px;
  height: 28px;
  flex: 0 0 28px;
  border-radius: 50%;
  background: #e7f1ff;
  color: #146bf5;
  font-size: 15px;
  font-weight: 700;
  box-shadow: inset 0 0 0 1px rgb(20 107 245 / 10%);
}
.trust-proof p {
  margin: 0;
  font-size: 16px;
  font-weight: 450;
  letter-spacing: -0.015em;
}
.trust-proof strong {
  color: #182334;
  font-weight: 700;
}

@media (max-width: 520px) {
  .trust-proof {
    padding: 30px 20px 40px;
  }
  .trust-proof p { font-size: 15px; }
}

/* 2026 editorial hero — bold type, real product, annotation-led movement. */
body{overflow-x:hidden;background:#fff;color:#111318}
.site-header{max-width:1240px;margin-top:18px;border:1px solid #e8edf4;border-radius:20px;box-shadow:none;background:#ffffffeb;backdrop-filter:saturate(160%) blur(20px)}
.site-header nav{gap:28px}.site-header nav>a{color:#303849}.account-link{background:#111318!important;color:#fff!important;border-radius:11px!important;padding:11px 16px!important}
.hero{padding:76px 0 0;background:#fff;overflow:hidden}.hero::before{display:none}
.hero-content{max-width:1180px;padding-inline:28px;position:relative;z-index:2}
.hero .eyebrow{margin-bottom:32px;border-color:#d8e1ed;background:#fff;color:#3c4d63;box-shadow:none;text-transform:uppercase;letter-spacing:.09em;font-size:11px}
.hero h1{max-width:1120px;margin-inline:auto;font-size:clamp(66px,8.35vw,120px);font-weight:700;line-height:.92;letter-spacing:-.072em;color:#101116;text-wrap:balance}
.hero h1 span{position:relative;display:inline-block;color:#146bf5;background:none;-webkit-text-fill-color:#146bf5;isolation:isolate}
.hero h1 span::after{content:"";position:absolute;left:-4%;right:-5%;top:10%;bottom:-3%;border:4px solid #146bf5;border-radius:50%;transform:rotate(-3deg);z-index:-1;opacity:.78}
.hero h1 span::before{content:"";position:absolute;width:18px;height:4px;border-radius:9px;background:#146bf5;right:-8%;top:-3%;transform:rotate(-52deg);box-shadow:11px 13px 0 #146bf5}
.hero .intro{max-width:720px;margin:38px auto 31px;color:#465165;font-size:21px;font-weight:450;line-height:1.45;letter-spacing:-.025em}
.hero-actions{gap:13px}.hero-actions .download,.hero-actions .button-secondary{min-height:58px;padding-inline:28px;border-radius:13px;font-size:17px}
.hero-actions .download{background:#146bf5;box-shadow:0 3px 7px -1px rgb(9 38 98 / 32%),0 14px 30px -9px rgb(16 74 194 / 55%),inset 0 8px 18px rgb(85 192 255 / 46%),inset 0 -9px 18px rgb(0 30 115 / 40%),inset 0 1px 0 rgb(255 255 255 / 30%)}
.hero-actions .button-secondary{border:1px solid #dfe3e9;box-shadow:0 5px 14px -9px #15233d80;background:#fff;color:#17191e}
.hero .trust-proof{display:flex;width:max-content;max-width:calc(100% - 40px);margin:24px auto 48px;padding:0;border:0;color:#59677a;gap:9px}
.hero .trust-proof-mark{width:22px;height:22px;flex-basis:22px;font-size:12px}.hero .trust-proof p{font-size:13px}.hero .trust-proof strong{color:#182334}
.showcase{position:relative;max-width:none;margin:0;padding:74px 12vw 0;min-height:670px;background:#146bf5;isolation:isolate;overflow:hidden;scroll-margin-top:100px}
.showcase::before{content:"";position:absolute;inset:auto 8% -70% 8%;height:105%;background:#fff;opacity:.12;filter:blur(70px);border-radius:50%;z-index:-1}
.showcase::after{content:"";position:absolute;inset:0;background:linear-gradient(125deg,transparent 20%,#55b8ff2e 58%,transparent 80%);pointer-events:none;z-index:-1}
.showcase .screenshot-button{width:min(1040px,78vw);margin:0 auto -48px;padding:9px;border:1px solid #ffffffc9;border-radius:20px;background:#eef5ff;box-shadow:0 40px 95px -36px #001d5ccc,0 15px 35px -22px #00153d,inset 0 1px 0 #fff;transform:rotate(1.7deg);transform-origin:50% 100%;overflow:hidden;transition:transform .35s ease,box-shadow .35s ease}
.showcase .screenshot-button:hover{transform:rotate(.7deg) translateY(-7px);box-shadow:0 48px 105px -35px #001d5ce0,0 18px 38px -22px #00153d,inset 0 1px 0 #fff}
.showcase .screenshot-button img{border-radius:11px}
.hero-note{position:absolute;color:#fff;font-size:19px;font-weight:600;line-height:1.25;letter-spacing:-.035em;font-family:"Bradley Hand","Comic Sans MS",cursive;transform:rotate(-8deg);z-index:2;text-align:center}.hero-note::after{content:"";display:block;width:32px;height:3px;margin:9px auto 0;border-radius:5px;background:#fff;transform:rotate(17deg)}
.hero-note-left{left:2.6vw;top:54%;}.hero-note-right{right:2.3vw;top:38%;transform:rotate(6deg)}
.hero-arrow{position:absolute;left:3vw;top:24px;width:145px;height:115px;fill:none;stroke:#fff;stroke-width:4;stroke-linecap:round;stroke-linejoin:round;transform:rotate(9deg)}
.expand-hint{background:#fff;color:#1554bd;font-weight:600}
.story-row:first-of-type{padding-top:112px}

@media(max-width:1000px){
  .hero h1{font-size:clamp(64px,10.5vw,94px)}
  .showcase{min-height:570px;padding:72px 7vw 0}.showcase .screenshot-button{width:min(900px,88vw)}
  .hero-note{font-size:16px}.hero-note-left{left:1vw}.hero-note-right{right:1vw}.hero-arrow{left:1vw;width:105px}
}
@media(max-width:800px){
  .site-header{margin-top:14px}.hero{padding-top:60px}.hero h1{font-size:clamp(55px,12.6vw,82px);line-height:.95}
  .hero .intro{font-size:19px;margin-top:31px}.hero .trust-proof{margin-bottom:37px}
  .showcase{min-height:480px;padding:64px 4vw 0}.showcase .screenshot-button{width:92vw;margin-bottom:0}
  .hero-note{display:none}.hero-arrow{width:85px;top:12px;left:5vw}
}
@media(max-width:520px){
  .site-header{border-radius:18px}.site-header nav{gap:0}.hero{padding:43px 0 0}.hero-content{padding-inline:18px}
  .hero .eyebrow{margin-bottom:26px}.hero h1{font-size:clamp(45px,14vw,64px);letter-spacing:-.065em;line-height:.96}
  .hero h1 span::after{border-width:3px}.hero h1 span::before{display:none}.hero .intro{max-width:350px;font-size:18px;line-height:1.5;margin:28px auto 26px}
  .hero-actions{max-width:360px}.hero-actions .download,.hero-actions .button-secondary{min-height:54px;font-size:16px}
  .hero .trust-proof{margin:22px auto 31px;max-width:310px;align-items:flex-start}.hero .trust-proof p{font-size:12px;text-align:left;line-height:1.45}
  .showcase{min-height:325px;padding:48px 10px 0}.showcase .screenshot-button{width:94vw;padding:5px;border-radius:12px;transform:rotate(1.2deg)}
  .hero-arrow{width:65px;height:50px;top:4px;left:4vw;stroke-width:5}.story-row:first-of-type{padding-top:72px}
}