/* Generated by scripts/marketing/build-segments.mjs from the stylesheet in
   public/home/index.html. Do not edit: change the homepage and rebuild. */

/* Base: Build A (vorly-air-footer-v3-space). Folded in from Build B, rebuilt in
   this page's own furniture (board, frames, chips, pills, cards): the platform tabs, the
   Read / Decide / Make cards, the floating ad clusters, the format multiplier, and the
   cookie and status sheets.
   Earlier note: Layout, spacing and type scale follow air.inc/features/creative-intelligence
   (measured at 1440 and 390). Everything you see is Vorly: copy, pictures, logo, fonts
   (Geist for text, Redaction 10 italic for the accent words). None of Air's own assets. */
@font-face{font-family:Geist;src:url(/home/assets/9d846db84c.woff2) format("woff2");font-weight:100 900;font-display:swap}
@font-face{font-family:Redaction;src:url(/home/assets/a9fe8307b5.woff2) format("woff2");font-weight:400;font-display:swap}
:root{--ink:#1b1b1b;--muted:#5b5b5b;--line:#e6e6e6;--card:#f4f4f4;--sky0:#0d47c7;--sky1:#2f7ff0;--sky2:#8cc0f7;--g0:#2c7a5e;--g1:#7fb27a;--g2:#c9e0a3}
*{box-sizing:border-box;margin:0}

body{font-family:Geist,Arial,Helvetica,sans-serif;font-weight:500;font-size:16px;line-height:24px;color:var(--ink);background:#fff;-webkit-font-smoothing:antialiased;overflow-x:hidden}
a{color:inherit;text-decoration:none}
img{display:block}
.wrap{max-width:1102px;margin:0 auto}
em.s{font-family:Redaction,Georgia,serif;font-style:italic;font-weight:400;letter-spacing:-.01em}
.d{font-weight:400;letter-spacing:-.035em}
.btn{display:inline-flex;align-items:center;justify-content:center;height:40px;padding:0 20px;border-radius:999px;border:1px solid rgba(18,28,60,.10);font-size:16px;font-weight:500;white-space:nowrap;background:rgba(255,255,255,.55);color:var(--ink);cursor:pointer;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);box-shadow:0 1px 2px rgba(15,40,100,.05)}
.btn.k{background:#fff;border-color:transparent;color:var(--ink);box-shadow:0 10px 28px rgba(15,45,120,.14),0 1px 3px rgba(15,45,120,.08);font-weight:600}
.btn.w{background:#fff;border-color:#fff;color:var(--ink)}

/* nav */
nav{position:sticky;top:0;z-index:20;height:72px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 24px;background:rgba(255,255,255,.88);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-radius:0 0 12px 12px}
nav .l{display:flex;gap:24px;font-size:14px}
nav .l a{display:inline-flex;align-items:center;gap:4px}
nav .l a i{font-style:normal;font-size:10px;opacity:.7}
nav .logo{display:flex;align-items:center;gap:8px}
nav .logo .ribbon{width:30px}nav .logo .wm{width:74px;height:auto}
nav .r{display:flex;justify-content:flex-end;align-items:center;gap:8px;font-size:14px}
nav .r .lg{padding:0 12px}
nav .r .btn{height:34px;font-size:14px;padding:0 13px}
nav .burger{display:none}

/* hero */
.hero{padding:120px 0 150px}
.hero .wrap{display:grid;grid-template-columns:539px 539px;gap:24px;align-items:center}
.tag{display:inline-block;background:#000;color:#fff;font-size:12px;line-height:16px;padding:3px 7px;margin-bottom:20px}
.hero h1{font-size:56px;line-height:56px;max-width:539px;text-wrap:balance}
.hero p{margin-top:16px;max-width:450px}
.hero .cta{margin-top:32px;display:flex;gap:8px}
.scan{margin-top:28px;display:flex;gap:8px;max-width:450px}
.scan input{flex:1;min-width:0;height:44px;border:1px solid rgba(18,28,60,.10);border-radius:999px;padding:0 20px;font:inherit;font-size:15px;background:#fff;box-shadow:0 10px 28px rgba(15,45,120,.10),0 1px 3px rgba(15,45,120,.06)}
.scan small{display:block}
.fine{margin-top:10px;font-size:13px;color:var(--muted)}
.board{position:relative;height:539px;border-radius:12px;background:#f2f2f2;overflow:hidden;padding:12px 12px 12px 30px}
.board:before{content:"";position:absolute;left:10px;top:12px;bottom:12px;width:10px;border-radius:6px;background:#e3e3e3}
.board .grid{display:grid;grid-template-columns:1fr 1.3fr .55fr;grid-template-rows:200px 210px 120px;gap:8px;height:100%}
.tile{position:relative;border-radius:8px;overflow:hidden;background:#ddd}
.tile img{width:100%;height:100%;object-fit:cover}
.tile .ic{position:absolute;left:8px;top:8px;width:20px;height:20px;border-radius:5px;background:rgba(0,0,0,.35);display:flex;align-items:center;justify-content:center}
.tile .ic svg{width:12px;height:12px;stroke:#fff}
.frame{position:absolute;border:1.5px solid #5fe0d3;border-radius:3px;box-shadow:0 0 0 1px rgba(0,0,0,.08)}
.frame b{position:absolute;left:-1.5px;top:-21px;background:#5fe0d3;color:#06302c;font-size:10.5px;line-height:14px;font-weight:600;padding:3px 6px;border-radius:3px 3px 3px 0;white-space:nowrap}
.frame.o{border-color:#f5b23b}.frame.o b{background:#f5b23b;color:#3a2600}
.rail{position:absolute;right:-46px;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;gap:6px;padding:6px;border-radius:10px;background:#f2f2f2}
.rail span{width:18px;height:18px;border-radius:5px;background:#e2e2e2}
.rail span.on{background:var(--ink)}

/* sky band */
.sky{position:relative;height:900px;overflow:hidden;background:linear-gradient(180deg,#fff 0%,var(--sky2) 12%,var(--sky1) 26%,var(--sky0) 50%,var(--sky1) 74%,var(--sky2) 88%,#fff 100%);color:#fff;text-align:center}
.cloud{position:absolute;border-radius:50%;background:radial-gradient(closest-side,rgba(255,255,255,.95),rgba(255,255,255,.55) 45%,rgba(255,255,255,0));filter:blur(6px)}
.sky .in{position:relative;z-index:2;padding-top:300px}
.sky h2{font-size:40px;line-height:40px}
.logos{margin:56px auto 0;max-width:1102px;display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:nowrap}
.logos{height:40px}.logos img{opacity:.85;width:auto}
.sky .note{margin-top:22px;font-size:13px;opacity:.75}

/* sticky feature rows */
.rows{padding:110px 0 120px}
.rows .wrap{display:grid;grid-template-columns:538px 445px;justify-content:space-between;gap:24px}
.media{position:sticky;top:110px;height:538px}
.shot{position:absolute;inset:0;border-radius:12px;overflow:hidden;opacity:0;transition:opacity .5s ease;background:#111}
.shot.on{opacity:1}
.shot>img{width:100%;height:100%;object-fit:cover}
.shot .dim{position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.05),rgba(0,0,0,.35))}
.pill{position:absolute;display:inline-flex;align-items:center;gap:7px;height:34px;padding:0 13px 0 11px;border-radius:99px;background:rgba(30,30,30,.42);border:1px solid rgba(255,255,255,.25);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff;font-size:14px}
.pill svg{width:14px;height:14px;stroke:#fff}
.pill.f{opacity:.45;font-size:13px;height:30px}
.glass{position:absolute;border-radius:10px;background:rgba(20,20,20,.55);border:1px solid rgba(255,255,255,.18);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;padding:12px 14px;font-size:13px;line-height:18px}
.glass small{display:block;font-size:11px;opacity:.7;margin-bottom:3px}
.glass .big{font-size:28px;line-height:30px;font-weight:500;letter-spacing:-.02em}
.glass .row{display:flex;justify-content:space-between;gap:16px;padding:6px 0;border-top:1px solid rgba(255,255,255,.12)}
.glass .row:first-of-type{border-top:0}
.glass .row span{opacity:.7}
.lightcard{position:absolute;border-radius:10px;background:rgba(255,255,255,.88);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:var(--ink);padding:12px 14px;font-size:13px;line-height:18px;box-shadow:0 10px 30px rgba(0,0,0,.18)}
.lightcard small{display:block;font-size:11px;color:var(--muted)}
.steps{display:flex;flex-direction:column}
.step{min-height:538px;display:flex;flex-direction:column;justify-content:center}
.step .k{font-size:13px;color:var(--muted);margin-bottom:12px}
.step h3{font-size:24px;line-height:29.76px;letter-spacing:-.72px;font-weight:500}
.step p{margin-top:20px}
.step ul{list-style:none;padding:0;margin:18px 0 0;display:grid;gap:8px;font-size:15px}
.step li{display:flex;gap:10px}
.step li:before{content:"";flex:none;width:6px;height:6px;margin-top:9px;border-radius:50%;background:var(--ink)}
.step .mob{display:none}

/* green band */
.green{position:relative;padding:240px 0 140px;background:linear-gradient(180deg,#fff 0%,var(--g0) 14%,#4f9670 34%,var(--g1) 58%,var(--g2) 78%,#fff 100%);text-align:center}
.green h2{font-size:40px;line-height:40px;color:#fff;max-width:727px;margin:0 auto}
.green .sub{margin:16px auto 0;max-width:560px;color:rgba(255,255,255,.88)}
.stack{position:relative;max-width:752px;height:360px;margin:72px auto 0}
.qc{position:absolute;left:0;right:0;top:40px;margin:0 auto;border-radius:12px;background:rgba(255,255,255,.96);padding:44px 48px 40px;transition:transform .6s cubic-bezier(.2,.7,.2,1),opacity .6s,filter .6s;box-shadow:0 20px 60px rgba(0,0,0,.08)}
.qc .q{font-size:32px;line-height:35.2px;font-weight:400;letter-spacing:-.03em;color:var(--ink)}
.qc .who{margin-top:26px;display:flex;align-items:center;justify-content:center;gap:10px;text-align:left;font-size:14px;line-height:16.8px}
.qc .who img{width:32px;height:32px;border-radius:50%;object-fit:cover}
.qc .who span{color:var(--muted);display:block}
.qc[data-p="1"]{transform:translateY(-22px) scale(.95);opacity:.55;filter:blur(.3px)}
.qc[data-p="2"]{transform:translateY(-40px) scale(.9);opacity:.3}
.qc[data-p="0"]{transform:none;opacity:1;z-index:3}
.green .cta{margin-top:30px;display:flex;justify-content:center;gap:8px}
.cards{margin-top:56px;display:grid;grid-template-columns:repeat(3,1fr);gap:24px;text-align:left}
.card{border-radius:12px;background:var(--card);padding:24px;display:flex;flex-direction:column}
.card .ico{width:44px;height:44px;border-radius:10px;background:#fff;display:flex;align-items:center;justify-content:center;margin-bottom:28px}
.card .ico svg{width:20px;height:20px;stroke:var(--ink)}
.card h4{font-size:18px;line-height:24px;font-weight:500;letter-spacing:-.02em}
.card p{margin-top:8px;color:var(--muted);font-size:15px;line-height:22px}
.card .chips{margin-top:16px;display:flex;flex-wrap:wrap;gap:6px}
.card .chips span{font-size:12.5px;line-height:16px;padding:5px 9px;border-radius:99px;background:#fff;border:1px solid var(--line)}
.card .btn{margin-top:24px;align-self:flex-start}
.cards.two{margin-top:24px}

/* closing sky with the scan */
.close{position:relative;overflow:hidden;padding:220px 0 160px;background:linear-gradient(180deg,#fff 0%,var(--sky2) 16%,var(--sky1) 36%,#1f6cec 60%,#1a5fe0 100%);text-align:center;color:#fff}
.close .in{position:relative;z-index:2}
.close h2{font-size:56px;line-height:56px;max-width:640px;margin:0 auto;text-wrap:balance}
.close .sub{margin:16px auto 0;max-width:420px}
.form{margin:48px auto 0;width:520px;max-width:calc(100% - 32px);border-radius:20px;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.35);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);box-shadow:0 24px 60px rgba(10,30,90,.18);color:#fff;padding:32px;text-align:left}
.form label{display:block;font-size:13px;color:rgba(255,255,255,.85);margin-bottom:6px}
.form input{width:100%;height:44px;border:1px solid rgba(255,255,255,.35);border-radius:999px;background:rgba(255,255,255,.18);padding:0 18px;font:inherit;font-size:15px;color:#fff}
.form input::placeholder{color:rgba(255,255,255,.55)}
.form .btn{margin:20px auto 0;display:flex;width:max-content}
.form p{margin-top:14px;text-align:center;font-size:12px;line-height:16px;color:rgba(255,255,255,.7)}

/* footer on the hill */
/* footer base moved to space theme below */


footer .mark{position:absolute;left:50%;top:150px;transform:translateX(-50%);display:flex;align-items:center;gap:28px;color:rgba(255,255,255,.9);filter:drop-shadow(0 18px 30px rgba(10,40,120,.35))}
footer .mark .ribbon{width:150px}
footer .mark .wm{width:380px;height:auto}
footer .mark svg path{fill:url(#chrome)}
footer .bar{position:absolute;left:24px;right:24px;bottom:22px;display:flex;justify-content:space-between;align-items:flex-end;font-size:13px}
footer .bar nav2{display:flex;gap:22px}
footer .bar .links{display:flex;gap:22px;flex-wrap:wrap}
footer .bar small{font-size:11px;opacity:.85}/* space footer: day-to-night sky, star field, planet horizon */
footer{position:relative;overflow:hidden;height:980px;background:linear-gradient(180deg,#1a5fe0 0%,#2456c8 14%,#1b3a8f 30%,#122257 46%,#0a1434 62%,#050b20 78%,#03060f 100%);color:#fff}
footer .stars{position:absolute;inset:0;pointer-events:none;
 -webkit-mask-image:linear-gradient(180deg,transparent 0%,rgba(0,0,0,.25) 30%,rgba(0,0,0,.7) 50%,#000 68%);
 mask-image:linear-gradient(180deg,transparent 0%,rgba(0,0,0,.25) 30%,rgba(0,0,0,.7) 50%,#000 68%);
 background-image:radial-gradient(circle at 45.24% 55.98%, rgba(255,255,255,0.95) 0 1.1px, transparent 1.7000000000000002px),radial-gradient(circle at 46.57% 50.78%, rgba(255,255,255,0.95) 0 0.9px, transparent 1.5px),radial-gradient(circle at 18.47% 51.19%, rgba(255,255,255,0.95) 0 0.9px, transparent 1.5px),radial-gradient(circle at 79.3% 9.41%, rgba(255,255,255,0.95) 0 0.8px, transparent 1.4px),radial-gradient(circle at 9.07% 80.96%, rgba(255,255,255,0.95) 0 0.9px, transparent 1.5px),radial-gradient(circle at 4.19% 98.22%, rgba(255,255,255,0.95) 0 1.1px, transparent 1.7000000000000002px),radial-gradient(circle at 65.39% 61.56%, rgba(255,255,255,0.95) 0 0.7px, transparent 1.2999999999999998px),radial-gradient(circle at 1.5% 52.84%, rgba(255,255,255,0.95) 0 0.6px, transparent 1.2px),radial-gradient(circle at 19.02% 24.19%, rgba(255,255,255,0.95) 0 0.6px, transparent 1.2px),radial-gradient(circle at 46.39% 44.05%, rgba(255,255,255,0.95) 0 1.0px, transparent 1.6px),radial-gradient(circle at 51.91% 64.03%, rgba(255,255,255,0.95) 0 0.8px, transparent 1.4px),radial-gradient(circle at 66.24% 45.73%, rgba(255,255,255,0.95) 0 0.7px, transparent 1.2999999999999998px),radial-gradient(circle at 99.77% 99.57%, rgba(255,255,255,0.95) 0 1.0px, transparent 1.6px),radial-gradient(circle at 70.78% 31.53%, rgba(255,255,255,0.95) 0 0.7px, transparent 1.2999999999999998px),radial-gradient(circle at 28.9% 7.02%, rgba(255,255,255,0.95) 0 1.0px, transparent 1.6px),radial-gradient(circle at 40.04% 84.66%, rgba(255,255,255,0.95) 0 0.8px, transparent 1.4px),radial-gradient(circle at 95.8% 84.73%, rgba(255,255,255,0.95) 0 0.6px, transparent 1.2px),radial-gradient(circle at 20.97% 91.03%, rgba(255,255,255,0.95) 0 0.8px, transparent 1.4px),radial-gradient(circle at 98.04% 39.74%, rgba(255,255,255,0.95) 0 0.6px, transparent 1.2px),radial-gradient(circle at 62.95% 77.85%, rgba(255,255,255,0.95) 0 0.7px, transparent 1.2999999999999998px),radial-gradient(circle at 8.71% 33.26%, rgba(255,255,255,0.95) 0 1.1px, transparent 1.7000000000000002px),radial-gradient(circle at 75.8% 11.8%, rgba(255,255,255,0.95) 0 0.7px, transparent 1.2999999999999998px),radial-gradient(circle at 10.1% 5.99%, rgba(255,255,255,0.95) 0 1.0px, transparent 1.6px),radial-gradient(circle at 17.77% 55.93%, rgba(255,255,255,0.95) 0 0.8px, transparent 1.4px),radial-gradient(circle at 19.07% 73.19%, rgba(255,255,255,0.95) 0 0.7px, transparent 1.2999999999999998px),radial-gradient(circle at 64.37% 11.65%, rgba(255,255,255,0.95) 0 0.8px, transparent 1.4px),radial-gradient(circle at 21.29% 26.98%, rgba(255,255,255,0.95) 0 1.1px, transparent 1.7000000000000002px),radial-gradient(circle at 80.34% 30.41%, rgba(255,255,255,0.95) 0 1.0px, transparent 1.6px),radial-gradient(circle at 21.07% 39.43%, rgba(255,255,255,0.95) 0 1.0px, transparent 1.6px),radial-gradient(circle at 64.18% 10.03%, rgba(255,255,255,0.95) 0 1.1px, transparent 1.7000000000000002px),radial-gradient(circle at 21.32% 25.83%, rgba(255,255,255,0.95) 0 1.0px, transparent 1.6px),radial-gradient(circle at 32.9% 29.63%, rgba(255,255,255,0.95) 0 0.6px, transparent 1.2px),radial-gradient(circle at 9.01% 58.27%, rgba(255,255,255,0.95) 0 0.7px, transparent 1.2999999999999998px),radial-gradient(circle at 60.13% 37.17%, rgba(255,255,255,0.95) 0 0.8px, transparent 1.4px),radial-gradient(circle at 95.91% 48.37%, rgba(255,255,255,0.95) 0 0.9px, transparent 1.5px),radial-gradient(circle at 86.65% 18.28%, rgba(255,255,255,0.95) 0 0.7px, transparent 1.2999999999999998px),radial-gradient(circle at 90.84% 81.78%, rgba(255,255,255,0.95) 0 0.7px, transparent 1.2999999999999998px),radial-gradient(circle at 18.98% 73.94%, rgba(255,255,255,0.95) 0 1.1px, transparent 1.7000000000000002px),radial-gradient(circle at 19.66% 95.01%, rgba(255,255,255,0.95) 0 1.0px, transparent 1.6px),radial-gradient(circle at 60.35% 42.15%, rgba(255,255,255,0.95) 0 0.7px, transparent 1.2999999999999998px),radial-gradient(circle at 3.87% 96.27%, rgba(255,255,255,0.95) 0 0.7px, transparent 1.2999999999999998px),radial-gradient(circle at 70.46% 25.7%, rgba(255,255,255,0.95) 0 1.0px, transparent 1.6px),radial-gradient(circle at 59.65% 29.34%, rgba(255,255,255,0.95) 0 0.7px, transparent 1.2999999999999998px),radial-gradient(circle at 72.04% 6.88%, rgba(255,255,255,0.95) 0 0.7px, transparent 1.2999999999999998px),radial-gradient(circle at 55.94% 85.24%, rgba(255,255,255,0.95) 0 0.9px, transparent 1.5px),radial-gradient(circle at 28.02% 91.74%, rgba(255,255,255,0.95) 0 0.7px, transparent 1.2999999999999998px),radial-gradient(circle at 1.66% 26.92%, rgba(255,255,255,0.95) 0 0.8px, transparent 1.4px),radial-gradient(circle at 6.05% 17.63%, rgba(255,255,255,0.95) 0 0.8px, transparent 1.4px),radial-gradient(circle at 57.22% 13.16%, rgba(255,255,255,0.95) 0 0.8px, transparent 1.4px),radial-gradient(circle at 89.09% 98.05%, rgba(255,255,255,0.95) 0 0.9px, transparent 1.5px),radial-gradient(circle at 69.12% 58.44%, rgba(255,255,255,0.95) 0 0.7px, transparent 1.2999999999999998px),radial-gradient(circle at 3.51% 1.79%, rgba(255,255,255,0.95) 0 1.1px, transparent 1.7000000000000002px),radial-gradient(circle at 70.1% 96.28%, rgba(255,255,255,0.95) 0 0.6px, transparent 1.2px),radial-gradient(circle at 63.62% 48.22%, rgba(255,255,255,0.95) 0 1.0px, transparent 1.6px),radial-gradient(circle at 31.89% 99.94%, rgba(255,255,255,0.95) 0 0.6px, transparent 1.2px),radial-gradient(circle at 54.61% 73.7%, rgba(255,255,255,0.95) 0 1.1px, transparent 1.7000000000000002px),radial-gradient(circle at 73.71% 70.37%, rgba(255,255,255,0.95) 0 1.0px, transparent 1.6px),radial-gradient(circle at 91.5% 35.18%, rgba(255,255,255,0.95) 0 0.9px, transparent 1.5px),radial-gradient(circle at 90.08% 87.11%, rgba(255,255,255,0.95) 0 0.8px, transparent 1.4px),radial-gradient(circle at 79.05% 86.35%, rgba(255,255,255,0.95) 0 0.9px, transparent 1.5px),radial-gradient(circle at 62.5% 38.23%, rgba(255,255,255,0.95) 0 0.9px, transparent 1.5px),radial-gradient(circle at 60.89% 8.02%, rgba(255,255,255,0.95) 0 0.9px, transparent 1.5px),radial-gradient(circle at 99.33% 87.98%, rgba(255,255,255,0.95) 0 1.0px, transparent 1.6px),radial-gradient(circle at 38.84% 73.5%, rgba(255,255,255,0.95) 0 0.9px, transparent 1.5px),radial-gradient(circle at 44.05% 83.84%, rgba(255,255,255,0.95) 0 0.6px, transparent 1.2px),radial-gradient(circle at 75.02% 2.98%, rgba(255,255,255,0.95) 0 0.9px, transparent 1.5px),radial-gradient(circle at 48.1% 23.02%, rgba(255,255,255,0.95) 0 0.9px, transparent 1.5px),radial-gradient(circle at 49.73% 61.45%, rgba(255,255,255,0.95) 0 1.1px, transparent 1.7000000000000002px),radial-gradient(circle at 25.58% 1.13%, rgba(255,255,255,0.95) 0 0.8px, transparent 1.4px),radial-gradient(circle at 67.81% 20.26%, rgba(255,255,255,0.95) 0 0.7px, transparent 1.2999999999999998px),radial-gradient(circle at 90.57% 66.0%, rgba(255,255,255,0.95) 0 0.8px, transparent 1.4px),radial-gradient(circle at 89.17% 32.7%, rgba(255,255,255,0.95) 0 0.9px, transparent 1.5px),radial-gradient(circle at 19.85% 43.09%, rgba(255,255,255,0.95) 0 1.0px, transparent 1.6px),radial-gradient(circle at 91.42% 88.03%, rgba(255,255,255,0.95) 0 0.8px, transparent 1.4px),radial-gradient(circle at 58.31% 31.65%, rgba(255,255,255,0.95) 0 0.7px, transparent 1.2999999999999998px),radial-gradient(circle at 49.65% 83.71%, rgba(255,255,255,0.95) 0 1.0px, transparent 1.6px),radial-gradient(circle at 71.12% 95.0%, rgba(255,255,255,0.95) 0 0.7px, transparent 1.2999999999999998px),radial-gradient(circle at 16.91% 45.06%, rgba(255,255,255,0.95) 0 0.7px, transparent 1.2999999999999998px),radial-gradient(circle at 21.41% 41.4%, rgba(255,255,255,0.95) 0 0.9px, transparent 1.5px),radial-gradient(circle at 49.39% 31.54%, rgba(255,255,255,0.95) 0 1.0px, transparent 1.6px),radial-gradient(circle at 98.2% 45.25%, rgba(255,255,255,0.95) 0 0.6px, transparent 1.2px),radial-gradient(circle at 3.15% 87.28%, rgba(255,255,255,0.95) 0 0.6px, transparent 1.2px),radial-gradient(circle at 70.86% 57.06%, rgba(255,255,255,0.95) 0 0.8px, transparent 1.4px),radial-gradient(circle at 79.15% 1.91%, rgba(255,255,255,0.95) 0 0.7px, transparent 1.2999999999999998px),radial-gradient(circle at 45.48% 2.47%, rgba(255,255,255,0.95) 0 1.0px, transparent 1.6px),radial-gradient(circle at 23.74% 14.09%, rgba(255,255,255,0.95) 0 0.6px, transparent 1.2px),radial-gradient(circle at 62.92% 44.65%, rgba(255,255,255,0.95) 0 0.9px, transparent 1.5px),radial-gradient(circle at 65.5% 80.74%, rgba(255,255,255,0.95) 0 1.1px, transparent 1.7000000000000002px),radial-gradient(circle at 68.45% 19.93%, rgba(255,255,255,0.95) 0 0.8px, transparent 1.4px),radial-gradient(circle at 17.87% 1.08%, rgba(255,255,255,0.95) 0 0.8px, transparent 1.4px);}
footer .stars2{position:absolute;inset:0;pointer-events:none;
 -webkit-mask-image:linear-gradient(180deg,transparent 15%,rgba(0,0,0,.5) 45%,#000 65%);
 mask-image:linear-gradient(180deg,transparent 15%,rgba(0,0,0,.5) 45%,#000 65%);
 background-image:radial-gradient(circle at 71.42% 17.91%, rgba(255,255,255,0.95) 0 1.4px, transparent 2.0px),radial-gradient(circle at 34.57% 69.73%, rgba(255,255,255,0.95) 0 1.5px, transparent 2.1px),radial-gradient(circle at 61.44% 75.62%, rgba(255,255,255,0.95) 0 1.4px, transparent 2.0px),radial-gradient(circle at 79.19% 90.62%, rgba(255,255,255,0.95) 0 1.3px, transparent 1.9px),radial-gradient(circle at 93.26% 72.24%, rgba(255,255,255,0.95) 0 1.3px, transparent 1.9px),radial-gradient(circle at 45.35% 62.55%, rgba(255,255,255,0.95) 0 1.7px, transparent 2.3px),radial-gradient(circle at 37.68% 56.88%, rgba(255,255,255,0.95) 0 1.7px, transparent 2.3px),radial-gradient(circle at 79.68% 94.43%, rgba(255,255,255,0.95) 0 1.5px, transparent 2.1px),radial-gradient(circle at 65.13% 20.49%, rgba(255,255,255,0.95) 0 1.6px, transparent 2.2px),radial-gradient(circle at 81.83% 64.16%, rgba(255,255,255,0.95) 0 1.6px, transparent 2.2px),radial-gradient(circle at 21.33% 90.0%, rgba(255,255,255,0.95) 0 1.8px, transparent 2.4px),radial-gradient(circle at 97.74% 53.7%, rgba(255,255,255,0.95) 0 1.7px, transparent 2.3px),radial-gradient(circle at 32.04% 91.0%, rgba(255,255,255,0.95) 0 1.7px, transparent 2.3px),radial-gradient(circle at 34.85% 8.28%, rgba(255,255,255,0.95) 0 1.5px, transparent 2.1px),radial-gradient(circle at 55.03% 76.82%, rgba(255,255,255,0.95) 0 1.5px, transparent 2.1px),radial-gradient(circle at 2.84% 80.91%, rgba(255,255,255,0.95) 0 1.2px, transparent 1.7999999999999998px),radial-gradient(circle at 79.99% 17.29%, rgba(255,255,255,0.95) 0 1.4px, transparent 2.0px),radial-gradient(circle at 78.79% 14.05%, rgba(255,255,255,0.95) 0 1.3px, transparent 1.9px),radial-gradient(circle at 51.65% 72.36%, rgba(255,255,255,0.95) 0 1.7px, transparent 2.3px),radial-gradient(circle at 68.94% 94.57%, rgba(255,255,255,0.95) 0 1.5px, transparent 2.1px),radial-gradient(circle at 94.92% 8.6%, rgba(255,255,255,0.95) 0 1.3px, transparent 1.9px),radial-gradient(circle at 52.67% 29.02%, rgba(255,255,255,0.95) 0 1.6px, transparent 2.2px),radial-gradient(circle at 63.89% 52.28%, rgba(255,255,255,0.95) 0 1.7px, transparent 2.3px),radial-gradient(circle at 56.0% 31.17%, rgba(255,255,255,0.95) 0 1.4px, transparent 2.0px),radial-gradient(circle at 84.53% 90.05%, rgba(255,255,255,0.95) 0 1.3px, transparent 1.9px),radial-gradient(circle at 85.08% 96.84%, rgba(255,255,255,0.95) 0 1.5px, transparent 2.1px),radial-gradient(circle at 57.3% 20.1%, rgba(255,255,255,0.95) 0 1.5px, transparent 2.1px),radial-gradient(circle at 50.32% 60.52%, rgba(255,255,255,0.95) 0 1.2px, transparent 1.7999999999999998px),radial-gradient(circle at 96.94% 51.6%, rgba(255,255,255,0.95) 0 1.4px, transparent 2.0px),radial-gradient(circle at 80.11% 56.29%, rgba(255,255,255,0.95) 0 1.5px, transparent 2.1px),radial-gradient(circle at 69.1% 6.59%, rgba(255,255,255,0.95) 0 1.5px, transparent 2.1px),radial-gradient(circle at 41.38% 95.69%, rgba(255,255,255,0.95) 0 1.8px, transparent 2.4px),radial-gradient(circle at 26.92% 47.32%, rgba(255,255,255,0.95) 0 1.3px, transparent 1.9px),radial-gradient(circle at 43.37% 81.57%, rgba(255,255,255,0.95) 0 1.7px, transparent 2.3px),radial-gradient(circle at 47.65% 31.72%, rgba(255,255,255,0.95) 0 1.3px, transparent 1.9px),radial-gradient(circle at 61.79% 92.53%, rgba(255,255,255,0.95) 0 1.3px, transparent 1.9px),radial-gradient(circle at 77.93% 2.28%, rgba(255,255,255,0.95) 0 1.3px, transparent 1.9px),radial-gradient(circle at 22.73% 68.7%, rgba(255,255,255,0.95) 0 1.4px, transparent 2.0px),radial-gradient(circle at 35.53% 61.98%, rgba(255,255,255,0.95) 0 1.3px, transparent 1.9px),radial-gradient(circle at 73.09% 12.28%, rgba(255,255,255,0.95) 0 1.5px, transparent 2.1px),radial-gradient(circle at 25.06% 19.77%, rgba(255,255,255,0.95) 0 1.5px, transparent 2.1px),radial-gradient(circle at 43.68% 37.57%, rgba(255,255,255,0.95) 0 1.4px, transparent 2.0px),radial-gradient(circle at 52.93% 15.97%, rgba(255,255,255,0.95) 0 1.3px, transparent 1.9px),radial-gradient(circle at 63.13% 63.85%, rgba(255,255,255,0.95) 0 1.5px, transparent 2.1px),radial-gradient(circle at 85.13% 61.17%, rgba(255,255,255,0.95) 0 1.7px, transparent 2.3px);}
footer .stars3{position:absolute;inset:0;pointer-events:none;
 -webkit-mask-image:linear-gradient(180deg,transparent 30%,#000 70%);
 mask-image:linear-gradient(180deg,transparent 30%,#000 70%);
 background-image:radial-gradient(circle at 23.27% 74.08%, rgba(200,220,255,1) 0 2.5px, transparent 3.1px),radial-gradient(circle at 90.27% 31.59%, rgba(200,220,255,1) 0 2.2px, transparent 2.8000000000000003px),radial-gradient(circle at 92.28% 21.81%, rgba(200,220,255,1) 0 2.6px, transparent 3.2px),radial-gradient(circle at 88.75% 13.39%, rgba(200,220,255,1) 0 2.1px, transparent 2.7px),radial-gradient(circle at 72.66% 25.95%, rgba(200,220,255,1) 0 2.1px, transparent 2.7px),radial-gradient(circle at 83.22% 42.16%, rgba(200,220,255,1) 0 2.5px, transparent 3.1px),radial-gradient(circle at 12.6% 40.28%, rgba(200,220,255,1) 0 2.4px, transparent 3.0px),radial-gradient(circle at 1.78% 20.09%, rgba(200,220,255,1) 0 2.4px, transparent 3.0px),radial-gradient(circle at 91.14% 96.84%, rgba(200,220,255,1) 0 2.1px, transparent 2.7px),radial-gradient(circle at 50.57% 75.82%, rgba(200,220,255,1) 0 2.3px, transparent 2.9px),radial-gradient(circle at 68.57% 18.9%, rgba(200,220,255,1) 0 2.0px, transparent 2.6px),radial-gradient(circle at 10.62% 3.74%, rgba(200,220,255,1) 0 2.3px, transparent 2.9px);
 filter:drop-shadow(0 0 6px rgba(160,190,255,.8));}
footer .hill{position:absolute;left:-10%;right:-10%;top:58%;height:70%;border-radius:50% 50% 0 0/22% 22% 0 0;background:linear-gradient(180deg,#0d1830 0%,#070d1d 40%,#04070f 100%);box-shadow:0 -3px 40px rgba(140,180,255,.45),0 -1px 8px rgba(200,220,255,.7),inset 0 26px 60px rgba(90,130,220,.18)}
footer .hill:before{content:"";position:absolute;inset:0;border-radius:inherit;background:radial-gradient(120% 40% at 50% 0%,rgba(140,180,255,.16) 0%,transparent 60%)}
footer .hill:after{content:"";position:absolute;left:8%;right:8%;top:-140px;height:220px;background:radial-gradient(50% 100% at 50% 100%,rgba(120,160,240,.22) 0%,transparent 70%);pointer-events:none}

/* sitemap footer, flora-style columns in air language */

footer .sitemap{position:absolute;left:48px;right:48px;top:64px;display:flex;gap:48px;align-items:flex-start;color:#fff;z-index:2}
footer .sitemap .meta{display:flex;flex-direction:column;gap:18px;min-width:180px;font-size:13px}
footer .sitemap .meta .rib{width:34px;color:rgba(255,255,255,.95)}
footer .sitemap .meta small{font-size:12px;opacity:.8;line-height:1.5}
footer .sitemap .meta .socials{display:flex;gap:14px;margin-top:2px}
footer .sitemap .meta .socials a{width:18px;height:18px;display:block;color:rgba(255,255,255,.9)}
footer .sitemap .meta .socials svg{width:100%;height:100%;fill:currentColor}
footer .sitemap .meta a.ck{font-size:12px;opacity:.8;text-decoration:underline;text-underline-offset:3px}
footer .sitemap .cols{display:grid;grid-template-columns:repeat(6,1fr);gap:32px;flex:1}
footer .sitemap .col h4{font-size:12px;font-weight:600;letter-spacing:.02em;opacity:.65;margin:0 0 14px}
footer .sitemap .col h4 a.h4l{color:#fff;text-decoration:none;opacity:1}
footer .sitemap .col h4 a.h4l:hover{text-decoration:underline;text-underline-offset:3px}
footer .sitemap .col a{display:block;font-size:14px;line-height:1.45;color:rgba(255,255,255,.92);text-decoration:none;margin-bottom:9px}
footer .sitemap .col a:hover{color:#fff;text-decoration:underline;text-underline-offset:3px}
footer .mark{top:470px}


.reveal{opacity:0;transform:translateY(18px);transition:opacity .8s ease,transform .8s cubic-bezier(.2,.7,.2,1)}
.reveal.shown{opacity:1;transform:none}
@media(prefers-reduced-motion:reduce){.reveal{opacity:1;transform:none}.shot,.qc{transition:none}}

/* phones, after Air's 390 layout */
@media(max-width:760px){
 nav{grid-template-columns:auto 1fr auto;padding:0 14px;height:64px}
 nav .l,nav .r .lg,nav .r .btn:not(.k){display:none}
 nav .logo{order:-1}
 nav .r{grid-column:3}
 nav .burger{display:inline-flex;width:36px;height:36px;border:1px solid var(--ink);border-radius:8px;align-items:center;justify-content:center;background:#fff}
 nav .burger i{display:block;width:14px;height:1.5px;background:var(--ink);box-shadow:0 -4px 0 var(--ink),0 4px 0 var(--ink)}
 .wrap{padding:0 16px}
 .hero{padding:24px 0 80px}
 .hero .wrap{grid-template-columns:1fr;gap:28px}
 .hero .media-first{order:-1}
 .board{height:auto;aspect-ratio:1/1;padding:10px 10px 10px 24px}
 .board .grid{grid-template-rows:38% 38% 1fr}
 .rail{display:none}
 .hero h1{font-size:40px;line-height:40px;letter-spacing:-.04em}
 .scan{flex-direction:column}
 .sky{height:640px}
 .sky .in{padding-top:230px}
 .sky h2{font-size:30px;line-height:32px;padding:0 24px}
 .logos{height:auto;flex-wrap:wrap;justify-content:center;gap:18px 26px;padding:0 20px;margin-top:40px}
 .logos img{transform:scale(.8)}
 .rows{padding:40px 0 60px}
 .rows .wrap{grid-template-columns:1fr}
 .media{display:none}
 .step{min-height:0;padding:28px 0 34px}
 .step .mob{display:block;position:relative;margin-top:24px;aspect-ratio:1/1;border-radius:12px;overflow:hidden}
 .step .mob .shot{opacity:1}
 .green{padding:160px 0 90px}
 .green h2{font-size:30px;line-height:32px;padding:0 20px}
 .stack{height:470px;margin-top:50px;padding:0 12px}
 .qc{left:12px;right:12px;padding:30px 24px}
 .qc .q{font-size:24px;line-height:27px}
 .cards{grid-template-columns:1fr;gap:16px}
 .close{padding:150px 0 100px}
 .close h2{font-size:38px;line-height:40px;padding:0 16px}
 .form{padding:24px}
 footer{height:620px}
 footer .mark{top:110px;gap:12px}
 footer .mark .ribbon{width:70px}footer .mark .wm{width:170px}
 footer .bar{flex-direction:column;align-items:center;gap:14px;text-align:center}
 footer .bar .links{justify-content:center;gap:10px 16px}
 footer{height:1180px}
 footer .sitemap{left:24px;right:24px;top:48px;flex-direction:column;gap:28px}
 footer .sitemap .cols{grid-template-columns:repeat(2,1fr);gap:24px}
 footer .mark{top:auto;bottom:150px}

}

/* ---------- folded in from Build B, in Build A's furniture ---------- */
.btn{transition:background .2s,box-shadow .2s,transform .2s}
.btn:hover{background:rgba(255,255,255,.8)}
.btn.k:hover{transform:translateY(-1px);box-shadow:0 14px 32px rgba(15,45,120,.18),0 1px 3px rgba(15,45,120,.08)}
button.btn{font-family:inherit}
.sec-h{text-align:center}
.sec-h h2{font-size:40px;line-height:40px}
.sec-h .sub{margin:16px auto 0;max-width:470px}

/* platform tabs */
.tour{padding:150px 0 40px}
.ttabs{margin:36px auto 0;display:flex;justify-content:center;gap:8px;flex-wrap:wrap}
.ttabs .btn{gap:8px;background:#f2f2f2;border-color:transparent;box-shadow:none;color:var(--muted)}
.ttabs .btn:hover{background:#ebebeb;color:var(--ink)}
.ttabs .btn.k{background:#fff;color:var(--ink);border-color:rgba(18,28,60,.06);box-shadow:0 10px 28px rgba(15,45,120,.14),0 1px 3px rgba(15,45,120,.08)}
.ttabs .cnt{min-width:20px;height:20px;padding:0 6px;border-radius:99px;background:var(--ink);color:#fff;font-size:12px;line-height:20px;text-align:center}
.ttabs .cnt:empty{display:none}
.tframe{position:relative;margin:32px auto 0;max-width:1102px;border-radius:12px;background:#f2f2f2;padding:12px 12px 12px 30px}
.tframe:before{content:"";position:absolute;left:10px;top:12px;bottom:12px;width:10px;border-radius:6px;background:#e3e3e3}
.tpane{background:#fff;border-radius:10px;min-height:440px;padding:20px 22px 24px;box-shadow:0 1px 2px rgba(15,40,100,.05)}
.tpane[hidden]{display:none}
.tpane.in{animation:tin .35s ease}
@keyframes tin{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
.th{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-bottom:16px;margin-bottom:18px;border-bottom:1px solid var(--line);font-size:14px}
.th .who{display:flex;align-items:center;gap:10px;font-weight:500}
.th .av{width:28px;height:28px;border-radius:8px;background:#f0642a;color:#fff;font-size:12px;display:grid;place-items:center}
.th .meta{color:var(--muted);font-size:13px}
.rgrid{display:grid;grid-template-columns:repeat(6,1fr);gap:12px}
.rgrid .tile{aspect-ratio:4/5}
.rgrid .frame b{font-size:10px}
.rcap{margin-top:8px;font-size:13px;line-height:17px}
.rcap b{font-weight:500;display:block}
.rcap span{color:var(--muted)}
.apl{display:flex;flex-direction:column}
.ap{display:grid;grid-template-columns:64px 1fr auto;gap:16px;align-items:center;padding:16px 0;border-bottom:1px solid var(--line)}
.ap:first-child{padding-top:4px}
.ap img{width:64px;height:80px;border-radius:8px;object-fit:cover}
.ap small{display:block;font-size:12.5px;color:var(--muted)}
.ap h5{font-size:16px;line-height:22px;font-weight:500;margin:2px 0}
.ap p{font-size:14px;line-height:20px;color:var(--muted);max-width:560px}
.ap .act{display:flex;gap:8px}
.ap .act .btn{height:34px;font-size:14px;padding:0 14px}
.ap .done{display:none;align-items:center;gap:6px;height:30px;padding:0 12px;border-radius:99px;background:#eaf6ef;color:#1d6b45;font-size:13px}
.ap .done svg{width:14px;height:14px;stroke:currentColor}
.ap.ok .act{display:none}.ap.ok .done{display:inline-flex}
.ap.ok img,.ap.ok h5{opacity:.6}
.chat{display:flex;flex-direction:column;gap:16px;max-width:720px;margin:0 auto;min-height:400px}
.msgs{display:flex;flex-direction:column;gap:16px;flex:1}
.mu{align-self:flex-end;max-width:80%;background:#f2f2f2;border-radius:16px 16px 4px 16px;padding:11px 16px;font-size:15px}
.mh{display:grid;grid-template-columns:28px 1fr;gap:12px;font-size:15px;line-height:23px}
.mh .hb{width:28px;height:28px;border-radius:50%;background:var(--ink);display:grid;place-items:center}
.mh .hb svg{width:16px;height:9px;fill:#fff}
.mh ul{list-style:none;padding:0;margin:0 0 8px;display:flex;flex-direction:column;gap:4px;font-size:13px;color:var(--muted)}
.mh li{display:flex;align-items:center;gap:6px}
.mh li svg{width:13px;height:13px;stroke:#1d6b45}
.mh .att{margin-top:10px;display:flex;align-items:center;gap:12px;border:1px solid var(--line);border-radius:12px;padding:8px 14px 8px 8px;max-width:360px}
.mh .att img{width:44px;height:44px;border-radius:8px;object-fit:cover}
.mh .att small{display:block;color:var(--muted);font-size:12.5px;line-height:16px}
.typing{display:inline-flex;gap:4px;padding:6px 0}
.typing i{width:6px;height:6px;border-radius:50%;background:#bbb;animation:tp 1s infinite}
.typing i:nth-child(2){animation-delay:.15s}.typing i:nth-child(3){animation-delay:.3s}
@keyframes tp{50%{opacity:.3;transform:translateY(-2px)}}
.sugg{display:flex;flex-wrap:wrap;gap:6px}
.sugg button{font:inherit;font-size:13px;height:30px;padding:0 12px;border-radius:99px;border:1px solid var(--line);background:#fff;cursor:pointer}
.sugg button:hover{background:#f4f4f4}
.ask{display:flex;gap:8px}
.ask input{flex:1;min-width:0;height:44px;border:1px solid rgba(18,28,60,.10);border-radius:999px;padding:0 20px;font:inherit;font-size:15px;background:#fff;box-shadow:0 10px 28px rgba(15,45,120,.10),0 1px 3px rgba(15,45,120,.06)}
.ask .btn{width:44px;height:44px;padding:0}
.ask .btn svg{width:16px;height:16px;stroke:var(--ink)}
.pnote{margin-top:14px;text-align:center;font-size:13px;color:var(--muted)}
.card .kk{font-size:13px;color:var(--muted);margin-bottom:6px}
.card h4.big{font-size:28px;line-height:30px;letter-spacing:-.03em;font-weight:400}


/* format multiplier */
.sizes{padding:60px 0 150px}
.sz{margin-top:48px;border-radius:12px;background:var(--card);padding:32px;display:grid;grid-template-columns:300px 1fr;gap:40px;align-items:center}
.srccard{border-radius:12px;background:#fff;padding:10px;box-shadow:0 1px 2px rgba(15,40,100,.05)}
.srccard .ph{position:relative;aspect-ratio:4/5;border-radius:8px;overflow:hidden}
.srccard .ph img{width:100%;height:100%;object-fit:cover}
.okc{position:absolute;left:10px;top:10px;display:inline-flex;align-items:center;gap:6px;height:26px;padding:0 10px;border-radius:99px;background:rgba(255,255,255,.92);font-size:12.5px}
.okc i{width:7px;height:7px;border-radius:50%;background:#2fa86b}
.srccard .meta{padding:10px 4px 2px;font-size:14px;line-height:18px}
.srccard .meta b{font-weight:500;display:block}
.srccard .meta span{color:var(--muted);font-size:13px}
.src .btn{margin-top:16px;width:100%}
.src .fine{text-align:center}
.outs{display:flex;flex-direction:column;gap:14px;align-items:center}
.orow{display:flex;gap:14px;align-items:flex-end;justify-content:center}
.fmt{position:relative;margin:0;border-radius:8px;border:1.5px dashed #cfcfcf;background:#fafafa;overflow:hidden;display:grid;place-items:center;transition:border-color .3s,background .3s}
.r1 .fmt{height:230px}.r2 .fmt{height:136px}
.fmt img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transform:scale(1.04);transition:opacity .5s ease,transform .7s cubic-bezier(.2,.7,.2,1)}
.fmt figcaption{position:relative;z-index:2;font-size:13px;line-height:17px;text-align:center;color:var(--muted)}
.fmt figcaption span{display:block;font-size:12px}
.fmt .tk{position:absolute;z-index:3;right:8px;top:8px;width:22px;height:22px;border-radius:50%;background:#fff;display:grid;place-items:center;opacity:0;transform:scale(.6);transition:all .3s}
.fmt .tk svg{width:13px;height:13px;stroke:#1d6b45}
.fmt.making{border-color:transparent;background:linear-gradient(100deg,#ececec 30%,#f8f8f8 50%,#ececec 70%);background-size:300% 100%;animation:shim 1s linear infinite}
@keyframes shim{to{background-position:-150% 0}}
.fmt.done{border:0;background:#ddd}
.fmt.done img{opacity:1;transform:none}
.fmt.done figcaption{position:absolute;left:8px;bottom:8px;text-align:left;color:#fff;background:rgba(20,20,20,.5);border-radius:6px;padding:4px 7px;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}
.fmt.done figcaption span{display:inline;margin-left:4px;opacity:.8}
.fmt.done .tk{opacity:1;transform:none}

/* footer extras, mobile menu, sheets */
footer .bar{align-items:center}
footer .bar .fx{display:flex;gap:18px}
footer .bar .fx button{font:inherit;font-size:13px;color:rgba(255,255,255,.92);background:none;border:0;cursor:pointer;padding:0;display:inline-flex;align-items:center;gap:6px}
footer .bar .fx button:hover{color:#fff;text-decoration:underline;text-underline-offset:3px}
footer .bar .fx i{width:7px;height:7px;border-radius:50%;background:#4ad98a;box-shadow:0 0 8px #4ad98a}
footer .sitemap .meta button.ck{font:inherit;font-size:12px;opacity:.8;text-decoration:underline;text-underline-offset:3px;background:none;border:0;color:#fff;padding:0;cursor:pointer;text-align:left}
.mmenu{position:fixed;z-index:19;left:10px;right:10px;top:70px;border-radius:16px;background:#fff;box-shadow:0 24px 60px rgba(15,45,120,.18);padding:10px;display:none;flex-direction:column}
.mmenu.open{display:flex;animation:tin .2s ease}
.mmenu a.l{padding:12px 12px;border-radius:10px;font-size:17px}
.mmenu a.l:hover{background:#f4f4f4}
.mmenu .ctas{display:flex;gap:8px;padding:10px 4px 4px}
.mmenu .ctas .btn{flex:1}
.sheet{position:fixed;inset:0;z-index:40;background:rgba(10,25,70,.28);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);display:none;align-items:center;justify-content:center;padding:16px}
.sheet.open{display:flex;animation:fade .2s ease}
@keyframes fade{from{opacity:0}to{opacity:1}}
.sheet .box{width:min(460px,100%);background:#fff;border-radius:20px;padding:28px;box-shadow:0 30px 80px rgba(10,30,90,.25);animation:tin .25s ease}
.sheet h3{font-size:22px;line-height:26px;font-weight:500;letter-spacing:-.02em}
.sheet .lead{margin-top:6px;font-size:14px;line-height:20px;color:var(--muted)}
.sheet .rowx{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:14px 0;border-top:1px solid var(--line);font-size:15px}
.sheet .rowx:first-of-type{margin-top:16px}
.sheet .rowx small{display:block;font-size:13px;color:var(--muted)}
.sw{flex:none;width:40px;height:24px;border-radius:12px;background:#d8d8d8;position:relative;border:0;cursor:pointer;transition:background .2s}
.sw:after{content:"";position:absolute;top:3px;left:3px;width:18px;height:18px;border-radius:50%;background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.2);transition:transform .2s}
.sw[aria-checked=true]{background:var(--ink)}
.sw[aria-checked=true]:after{transform:translateX(16px)}
.sw[disabled]{opacity:.45;cursor:default}
.up{display:inline-flex;align-items:center;gap:6px;font-size:13px;color:#1d6b45}
.up i{width:7px;height:7px;border-radius:50%;background:#2fa86b}
.sheet .acts{display:flex;justify-content:flex-end;gap:8px;margin-top:20px}
.formmsg{margin-top:10px;font-size:13px}
.close .formmsg{text-align:center;color:#fff}
@media(max-width:1180px) and (min-width:761px){.rgrid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:760px){
 .tour{padding:80px 0 20px}
 .sec-h h2{font-size:30px;line-height:32px}
 .ttabs .btn{height:36px;font-size:14px;padding:0 14px}
 .tframe{padding:8px 8px 8px 22px}
 .tframe:before{left:7px;width:8px}
 .tpane{padding:14px 14px 18px;min-height:0}
 .th{flex-direction:column;align-items:flex-start;gap:4px}
 .rgrid{grid-template-columns:repeat(2,1fr);gap:10px}
 .ap{grid-template-columns:52px 1fr;gap:12px}
 .ap img{width:52px;height:64px}
 .ap .act,.ap .done{grid-column:2}
 .mu{max-width:90%}
 .sizes{padding:40px 0 90px}
 .sz{grid-template-columns:1fr;padding:18px;gap:24px}
 .src{max-width:280px;margin:0 auto;width:100%}
 .r1 .fmt{height:118px}.r2 .fmt{height:76px}
 .outs{min-width:0}
 .orow{gap:8px}.outs{gap:8px}
 .fmt figcaption{font-size:11.5px}
 .fmt.done figcaption{left:5px;bottom:5px;padding:3px 5px}
 .fmt.done figcaption span{display:none}
 footer .bar .fx{justify-content:center}
 .sheet .box{padding:22px}
}
@media(prefers-reduced-motion:reduce){.fmt.making{animation:none}}

/* ---------- carried from vorlyai.com and Build B, in Build A's furniture ---------- */
.kk{font-size:13px;color:var(--muted);margin-bottom:8px}
/* the big sentence with inline tiles */
.sent{padding:150px 0 60px;text-align:center}
.sent .big{font-size:56px;line-height:78px;letter-spacing:-.035em;font-weight:400;max-width:1102px;margin:0 auto;text-wrap:balance}
.sent .big .w{opacity:.16;transition:opacity .45s ease}
.sent .big .ti{display:inline-block;width:66px;height:66px;border-radius:18px;vertical-align:middle;margin:-10px 4px 0;box-shadow:0 10px 28px rgba(15,45,120,.16),0 1px 3px rgba(15,45,120,.08);opacity:0;transform:scale(.7);transition:opacity .4s ease,transform .5s cubic-bezier(.2,1.4,.4,1)}
.sent .big .lit{opacity:1;transform:none}
.sent .fine{margin-top:28px}
/* the stack */
.intg{padding:150px 0 40px;text-align:center}
.marks{margin:56px auto 0;width:100%;display:grid;grid-template-columns:repeat(8,1fr);gap:14px;max-width:1102px}
.mk{height:120px;border-radius:12px;background:var(--card);display:grid;place-items:center;transition:transform .3s cubic-bezier(.2,.7,.2,1),background .3s,box-shadow .3s}
.mk:hover{transform:translateY(-4px);background:#fff;box-shadow:0 18px 44px rgba(15,45,120,.12),0 1px 3px rgba(15,45,120,.06)}
.mk img{height:46px;width:auto;max-width:76%}
.mk.wide img{height:auto;width:84%}

/* research */
.research{padding:150px 0 40px}
.research .wrap{display:grid;grid-template-columns:538px 445px;justify-content:space-between;gap:24px;align-items:center}
.rcard{border-radius:12px;background:#f2f2f2;padding:12px}
.rcard img{width:100%;height:auto;border-radius:8px}
.research h2{font-size:40px;line-height:40px}
.research .sub{margin-top:16px}
.lbl{margin-top:28px;border-top:1px solid var(--line)}
.lbl div{display:grid;grid-template-columns:96px 1fr;gap:12px;padding:12px 0;border-bottom:1px solid var(--line);font-size:15px}
.lbl span{font-size:12px;letter-spacing:.06em;color:var(--muted);padding-top:2px}
.research .btn{margin-top:28px}
/* calm platform states */
.mstrip{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--line);border-radius:10px;margin-bottom:18px}
.mstrip div{padding:12px 16px;border-left:1px solid var(--line)}
.mstrip div:first-child{border-left:0}
.mstrip small{display:block;font-size:12.5px;color:var(--muted)}
.mstrip b{display:block;font-weight:500;font-size:22px;line-height:28px;letter-spacing:-.02em;margin-top:2px}
.ap{grid-template-columns:64px 1fr auto}
.ap .st{display:inline-flex;align-items:center;gap:6px;height:28px;padding:0 12px;border-radius:99px;background:#f2f2f2;font-size:13px;color:var(--muted);white-space:nowrap}
.ap .st i{width:7px;height:7px;border-radius:50%;background:#d9a441}
.ap.ok .st{background:#eaf6ef;color:#1d6b45}.ap.ok .st i{background:#2fa86b}
.ap.next{background:linear-gradient(90deg,rgba(47,127,240,.06),transparent 70%);border-radius:10px}
.apfoot{display:flex;justify-content:flex-end;padding-top:18px}
.brief{display:grid;grid-template-columns:1.25fr 1fr;gap:20px;align-items:start}
.bcard{border-radius:12px;background:#f4f4f4;padding:24px}
.bcard .kk{margin-bottom:10px}
.bcard .h{font-size:22px;line-height:30px;letter-spacing:-.02em;font-weight:400}
.bcard .chips{margin-top:16px;display:flex;flex-wrap:wrap;gap:6px}
.bcard .chips span{font-size:12.5px;line-height:16px;padding:6px 10px;border-radius:99px;background:#fff;border:1px solid var(--line)}
.bcard .btn{margin-top:22px}
.bcard.in{animation:tin .35s ease}
.srows{display:flex;flex-direction:column;border-top:1px solid var(--line)}
.srows button{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;padding:16px 4px;border:0;border-bottom:1px solid var(--line);background:none;font:inherit;font-size:16px;color:var(--muted);text-align:left;cursor:pointer}
.srows button svg{width:16px;height:16px;stroke:currentColor;flex:none}
.srows button:hover{color:var(--ink)}
.srows button.on{color:var(--ink)}
.srows .q{display:flex;align-items:center;gap:10px}
.srows .hb{width:24px;height:24px;border-radius:50%;background:#e9e9e9;display:grid;place-items:center;flex:none}
.srows .hb svg{width:13px;height:8px;fill:#9a9a9a;stroke:none}
.srows button.on .hb{background:var(--ink)}.srows button.on .hb svg{fill:#fff}
/* the bento */
.bento{padding:150px 0 60px}
.bgrid{margin-top:48px;display:grid;grid-template-columns:repeat(12,1fr);gap:24px}
.bc{grid-column:span 6;border-radius:12px;background:var(--card);padding:24px;display:flex;flex-direction:column;min-width:0}
.bc.s12{grid-column:span 12}.bc.s7{grid-column:span 7}.bc.s5{grid-column:span 5}
.bc h4{font-size:22px;line-height:26px;letter-spacing:-.02em;font-weight:400}
.bc>p{margin-top:8px;color:var(--muted);font-size:15px;line-height:22px;max-width:460px}
.bv{margin-top:22px;flex:1;display:flex;flex-direction:column;justify-content:flex-end}
.bc.s12 .sz{display:block;margin-top:0;padding:0;background:none}
.bc.s12 .szt{display:grid;grid-template-columns:300px 1fr;gap:40px;align-items:center}
.erows{display:flex;flex-direction:column;gap:10px;border-radius:10px;background:#fff;padding:14px}
.er{display:grid;grid-template-columns:40px 1fr 92px;gap:12px;align-items:center;font-size:14px}
.er img{width:40px;height:50px;border-radius:6px;object-fit:cover}
.er .bt{height:8px;border-radius:8px;background:#efefef;overflow:hidden;margin-top:6px}
.er .bt i{display:block;height:100%;border-radius:8px;background:var(--ink);width:0;transition:width 1.1s cubic-bezier(.2,.7,.2,1)}
.er .bt i.lo{background:#c9c9c9}
.er .v{text-align:right;font-size:13px;line-height:17px}
.er .v span{display:block;color:var(--muted);font-size:12px}
.spill{display:flex;align-items:center;gap:10px;height:44px;border-radius:999px;background:#fff;border:1px solid rgba(18,28,60,.10);padding:0 18px;color:var(--muted);font-size:15px;box-shadow:0 10px 28px rgba(15,45,120,.08)}
.spill svg{width:16px;height:16px;stroke:var(--ink)}
.mads{margin-top:14px;display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.mads .tile{aspect-ratio:4/5}
.mads .frame b{font-size:10px}
.cw{position:relative;border-radius:10px;overflow:hidden;height:260px}
.cw img{width:100%;height:100%;object-fit:cover}
.cw .glass{left:12px;right:12px;bottom:12px}
.wbar{position:relative;height:6px;border-radius:6px;background:rgba(255,255,255,.2);margin:10px 0 6px}
.wbar i{position:absolute;left:0;top:0;bottom:0;width:62%;border-radius:6px;background:#fff}
.wbar b{position:absolute;left:0;top:-4px;width:2px;height:14px;border-radius:2px;background:#5fe0d3}
.wl{display:flex;justify-content:space-between;font-size:11px;opacity:.75}
.kb{display:flex;flex-direction:column;gap:14px;border-radius:10px;background:#fff;padding:16px}
.kb .lg{font:600 30px/1 Geist;letter-spacing:-.05em;color:#f0642a}
.kb .sws{display:flex;gap:8px}
.kb .sws i{flex:1;height:44px;border-radius:8px;border:1px solid var(--line)}
.kb .cr{display:flex;flex-wrap:wrap;gap:6px;font-size:12.5px}
.kb .cr span{padding:5px 9px;border-radius:99px;background:#f4f4f4}
.kb .cr span.no{background:#fcecea;color:#a8432c;text-decoration:line-through}
.sbars{display:flex;flex-direction:column;gap:12px;border-radius:10px;background:#fff;padding:16px;font-size:14px}
.sbars .r{display:grid;grid-template-columns:1fr auto;gap:6px 10px}
.sbars .bt{grid-column:1/-1;height:6px;border-radius:6px;background:#efefef;overflow:hidden}
.sbars .bt i{display:block;height:100%;border-radius:6px;background:var(--ink)}
.sbars .bt i.lo{background:#d9a441}
.sbars q{font-size:15px;line-height:21px;quotes:none;border-top:1px solid var(--line);padding-top:12px}
.crs{display:flex;flex-direction:column;gap:10px;border-radius:10px;background:#fff;padding:14px}
.crr{display:grid;grid-template-columns:44px 1fr auto;gap:12px;align-items:center;font-size:14px}
.crr img{width:44px;height:44px;border-radius:50%;object-fit:cover}
.crr small{display:block;color:var(--muted);font-size:12.5px}
.crr .fit{font-size:12.5px;padding:5px 10px;border-radius:99px;background:#f4f4f4}
.sizes{display:none}
@media(max-width:1180px) and (min-width:761px){.marks{grid-template-columns:repeat(4,1fr)}.research .wrap{grid-template-columns:1fr 1fr}.bc.s7,.bc.s5{grid-column:span 6}}
@media(max-width:760px){
 .sent{padding:90px 0 30px}
 .sent .big{font-size:32px;line-height:48px;letter-spacing:-.03em}
 .sent .big .ti{width:40px;height:40px;border-radius:11px;margin:-6px 2px 0}
 .intg{padding:90px 0 20px}
 .marks{grid-template-columns:repeat(4,1fr);gap:8px;margin-top:36px}
 .mk{height:76px}.mk img{height:30px}
 .research{padding:90px 0 20px}
 .research .wrap{grid-template-columns:1fr}
 .research h2{font-size:30px;line-height:32px}
 .mstrip{grid-template-columns:1fr 1fr}
 .mstrip div:nth-child(3){border-left:0}
 .mstrip div:nth-child(n+3){border-top:1px solid var(--line)}
 .mstrip b{font-size:18px;line-height:24px}
 .ap{grid-template-columns:52px 1fr}
 .ap .st{grid-column:2;justify-self:start}
 .apfoot{justify-content:stretch}.apfoot .btn{width:100%}
 .brief{grid-template-columns:1fr}
 .bcard{padding:18px}.bcard .h{font-size:19px;line-height:26px}
 .bento{padding:90px 0 30px}
 .bgrid{grid-template-columns:1fr;gap:16px}
 .bc,.bc.s12,.bc.s7,.bc.s5{grid-column:auto;padding:18px}
 .bc.s12 .szt{grid-template-columns:1fr;gap:20px}
 .cw{height:220px}
}
@media(prefers-reduced-motion:reduce){.sent .big .w,.sent .big .ti{opacity:1;transform:none;transition:none}}

/* ---------- hero: the node chain ---------- */
.hero.wv{padding:96px 0 40px}
.hero.wv .wrap{display:block}
.wv-head{text-align:center}
.wv-head h1{font-size:56px;line-height:58px;max-width:760px;margin:0 auto;text-wrap:balance}
.wv-head p{margin:16px auto 0;font-size:18px;line-height:26px;color:var(--muted)}
.wv-head .scan{margin:28px auto 0;max-width:470px}
.wv-head .fine{text-align:center}
.wv-canvas{position:relative;margin:48px auto 0;max-width:1392px;border-radius:24px;background:radial-gradient(rgba(18,28,60,.07) 1px,transparent 1.2px) 0 0/22px 22px,linear-gradient(180deg,#f7f9fd,#fbfbfc 60%,#fff);overflow:hidden}
.wv-in{position:relative;width:1320px;height:600px;margin:0 auto;zoom:var(--hz,1)}
.wv-lines{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none}
.wv-lines .base{fill:none;stroke:#c9cfdb;stroke-width:1.4}
.wv-lines .flow{fill:none;stroke:#2f7ff0;stroke-width:1.6;stroke-dasharray:3 12;stroke-linecap:round;animation:wvflow 1.6s linear infinite;opacity:.55}
.wv-lines .pt{fill:#fff;stroke:#9aa6bd;stroke-width:1.4}
.wv-lines .pulse{fill:#2f7ff0}
@keyframes wvflow{to{stroke-dashoffset:-30}}
.nd{position:absolute;display:block;color:inherit}
.nl{display:flex;align-items:center;gap:7px;font-size:12.5px;line-height:16px;color:var(--ink);margin:0 0 10px 4px;white-space:nowrap}
.nl .dot{width:7px;height:7px;border-radius:50%;background:var(--ink)}
.nl .m{color:var(--muted);margin-left:4px}
.nd.lit .nl .dot{background:#2f7ff0;box-shadow:0 0 0 4px rgba(47,127,240,.16)}
.nc,.sig,.mini{background:#fff;border-radius:14px;box-shadow:0 14px 36px rgba(15,45,120,.10),0 1px 3px rgba(15,45,120,.06);transition:box-shadow .4s,transform .4s}
.nd.lit .nc,.nd.lit .sig,.nd.lit .mini{box-shadow:0 18px 44px rgba(15,45,120,.16),0 0 0 1.5px rgba(47,127,240,.35)}
.n1{left:24px;top:36px;width:350px}
.sigs{display:flex;flex-direction:column;gap:14px}
.sig{display:grid;grid-template-columns:104px 1fr;gap:14px;padding:10px;align-items:start}
.sth{position:relative;width:104px;height:130px;border-radius:9px;overflow:hidden}
.sth img{width:100%;height:100%;object-fit:cover}
.sth .frame b{font-size:9.5px;line-height:12px;padding:2px 5px;top:1px;left:1px;border-radius:2px}
.sgn{font-size:14px;line-height:18px;font-weight:500;display:flex;justify-content:space-between;gap:8px}
.sgn span{font-size:12px;font-weight:400;color:var(--muted)}
.sig dl{display:grid;grid-template-columns:52px 1fr;gap:4px 8px;margin:8px 0 0;font-size:12.5px;line-height:17px}
.sig dt{color:var(--muted)}
.sig dd{margin:0}
.sig dd b{font-weight:600}
.sig .hk{font-style:normal;background:#5fe0d3;color:#06302c;border-radius:4px;padding:1px 6px;font-size:12px}
.sig .why{margin-top:9px;display:inline-block;font-size:12px;line-height:15px;padding:5px 9px;border-radius:99px;border:1px solid var(--line)}
.n2{left:470px;top:196px;width:270px}
.brief2{padding:20px 20px 18px}
.brief2 .ang{font-size:22px;line-height:27px;letter-spacing:-.02em;font-weight:400}
.brief2 p{margin-top:12px;font-size:13.5px;line-height:20px;color:var(--muted)}
.brief2 p b{font-weight:500;color:var(--ink)}
.brief2 .chips{margin-top:14px;display:flex;flex-wrap:wrap;gap:6px}
.brief2 .chips span{font-size:12px;line-height:15px;padding:5px 9px;border-radius:99px;background:#f4f4f4}
.n3{left:810px;top:124px;width:210px}
.cre{padding:8px}
.cimg{position:relative;border-radius:9px;overflow:hidden;aspect-ratio:4/5}
.cimg img{width:100%;height:100%;object-fit:cover}
.cm{padding:9px 4px 3px;font-size:13px;line-height:17px}
.cm b{display:block;font-weight:500}
.cm span{color:var(--muted);font-size:12px}
.n4{left:1062px;top:96px;width:244px;text-decoration:none}
.mini{background:#0d0e15;color:#c9cad6;padding:14px;border:1px solid #20222e}
.n4:hover .mini{transform:translateY(-3px)}
.mbh{font-size:11px;line-height:15px;color:#8d8ea2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mbh b{color:#fff;font-weight:500;font-size:12.5px;letter-spacing:-.4px;margin-right:3px}
.mbh i{font-style:normal;color:#5e6075;margin:0 2px}
.mst{display:flex;gap:4px;margin-top:10px}
.mst span{flex:1;height:22px;border-radius:6px;border:1px solid #23252f;font-size:9.5px;line-height:20px;text-align:center;color:#7d7f94}
.mst span.d{color:#8fd9b0}
.mst span.on{flex:3.2;background:#f5f5f7;color:#11121a;border-color:#f5f5f7}
.mtl{display:grid;grid-template-columns:repeat(7,1fr);gap:4px;margin-top:10px;padding:8px 6px;border:1px solid #20222e;border-radius:8px;background:#10111a}
.mtl img{width:100%;aspect-ratio:1;border-radius:6px;object-fit:cover}
.mpr{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-top:10px}
.mpr div{border:1px solid #23252f;border-radius:8px;background:#151620;padding:7px 8px}
.mpr small{display:block;font-size:9px;line-height:11px;letter-spacing:.05em;text-transform:uppercase;color:#8d8ea2}
.mpr b{display:block;font-weight:400;font-size:20px;line-height:24px;color:#fff;margin-top:3px}
.mtag{display:inline-flex;margin-top:9px;height:20px;padding:0 8px;border-radius:99px;font-size:10px;line-height:20px;background:rgba(217,181,111,.14);color:#d9b56f;box-shadow:inset 0 0 0 1px rgba(217,181,111,.4)}
.hero.wv /* Launch check: same anatomy as Campaign Studio's card, in the canvas's own card style */
.lc{background:#fff;border-radius:14px;padding:16px 18px 18px;box-shadow:0 14px 36px rgba(15,45,120,.10),0 1px 3px rgba(15,45,120,.06);font-size:13px;color:var(--muted)}
.lch{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:4px}
.lch b{font-size:15px;line-height:20px;font-weight:500;color:var(--ink)}
.lcx{display:flex;gap:10px;align-items:flex-start;padding:8px 0;border-top:1px solid var(--line)}
.lch+.lcx{border-top:0}
.lcx i{width:7px;height:7px;border-radius:50%;margin-top:6px;flex:none;background:#2fa86b}
.lcx i.a{background:#d9a441}
.lcx b{display:block;font-size:13px;line-height:17px;font-weight:500;color:var(--ink)}
.lcx small{display:block;font-size:12px;line-height:16px;color:var(--muted)}
.lcb{display:flex;align-items:center;justify-content:center;margin-top:12px;height:36px;border-radius:999px;background:#fff;color:var(--ink);font-size:13.5px;font-weight:600;box-shadow:0 10px 28px rgba(15,45,120,.14),0 1px 3px rgba(15,45,120,.08);border:1px solid rgba(18,28,60,.06)}
.n4:hover .lc{transform:translateY(-3px)}
.lc{transition:transform .4s,box-shadow .4s}
.nd.lit .lc{box-shadow:0 18px 44px rgba(15,45,120,.16),0 0 0 1.5px rgba(47,127,240,.35)}
.bh{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}
.bh .rb{font-size:11px;padding:3px 9px;border-radius:99px;border:1px solid var(--line);color:var(--muted)}
.cov{position:absolute;left:0;right:0;bottom:0;padding:14px 12px 12px;background:linear-gradient(transparent,rgba(0,0,0,.5));color:#fff}
.cov b{display:block;font-weight:500;font-size:19px;line-height:20px;letter-spacing:-.02em}
.cov span{display:inline-flex;margin-top:8px;height:24px;padding:0 10px;border-radius:99px;background:#3d4fd6;font-size:11px;line-height:24px}
.wv-note{max-width:none;margin:14px auto 0;text-align:center;font-size:13px;color:var(--muted)}
@media(max-width:760px){
 .hero.wv{padding:40px 0 20px}
 .wv-head h1{font-size:38px;line-height:40px;letter-spacing:-.04em}
 .wv-head p{font-size:16px;line-height:23px}
 .wv-canvas{margin:32px 12px 0;border-radius:18px}
 .wv-in{width:auto;height:auto;zoom:1;padding:20px 14px 24px;display:flex;flex-direction:column;align-items:center;gap:44px}
 .nd{position:relative;left:auto;top:auto;width:100%;max-width:340px}
 .n3{max-width:240px}
 .sig{grid-template-columns:84px 1fr}
 .sth{width:84px;height:105px}
}
@media(prefers-reduced-motion:reduce){.wv-lines .flow{animation:none}}

/* ---------- Campaign Studio: the product canvas (vorly-platform-herald-overview, Campaign Studio), redrawn in Build A ---------- */
.cstudio{padding:150px 0 40px}
.cvwrap{position:relative;margin:48px auto 0;max-width:1440px;padding:0 24px}
.cvin{position:relative;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));justify-content:space-between;gap:24px;padding:36px 32px 96px;width:1340px;margin:0 auto;zoom:var(--cz,1);border-radius:24px;background:radial-gradient(rgba(18,28,60,.07) 1px,transparent 1.2px) 0 0/22px 22px,linear-gradient(180deg,#f7f9fd,#fbfbfc 60%,#fff)}
.cvl{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;overflow:visible}
.cvl .base{fill:none;stroke:#c9cfdb;stroke-width:1.4}
.cvl .flow{fill:none;stroke:#2f7ff0;stroke-width:1.5;stroke-dasharray:3 12;stroke-linecap:round;opacity:.45;animation:wvflow 1.8s linear infinite}
.ccol{display:flex;flex-direction:column;gap:30px;position:relative;z-index:1;min-width:0}
.cn .nl{overflow:hidden;text-overflow:ellipsis}
.ccol:nth-child(3){padding-top:40px}.ccol:nth-child(4){padding-top:80px}
.cn .nl{margin-left:2px}
.cc{background:#fff;border-radius:14px;padding:16px;box-shadow:0 14px 36px rgba(15,45,120,.09),0 1px 3px rgba(15,45,120,.06);font-size:13px;line-height:19px;color:var(--muted)}
.cc p{margin-top:8px}
.ch{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:6px}
.ch b{font-size:14.5px;font-weight:500;color:var(--ink)}
.pl{font-size:11px;line-height:14px;padding:4px 9px;border-radius:99px;border:1px solid var(--line);color:var(--muted);white-space:nowrap}
.pl.ok{background:#eaf6ef;border-color:transparent;color:#1d6b45}
.pl.blue{background:#3d4fd6;border-color:transparent;color:#fff}
.cc .q{font-size:17px;line-height:23px;letter-spacing:-.015em;color:var(--ink)}
.cc dl{display:grid;grid-template-columns:76px 1fr;gap:6px 10px;margin:12px 0 0;font-size:12.5px;line-height:17px}
.cc dt{color:var(--ink)}.cc dd{margin:0}
.steps2{list-style:none;padding:0;margin:8px 0 0;display:flex;flex-direction:column;gap:9px;font-size:12.5px;line-height:16px}
.steps2 li{display:flex;gap:9px;align-items:center;transition:color .3s}
.steps2 i{width:14px;height:14px;border-radius:50%;border:1.4px solid #c9cfdb;flex:none;transition:all .3s}
.steps2 li.ok{color:var(--ink)}
.steps2 li.ok i{background:#2fa86b;border-color:#2fa86b;box-shadow:inset 0 0 0 3px #fff}
.rd{padding:10px 0;border-top:1px solid var(--line)}
.rd:first-child{border-top:0;padding-top:0}
.rd b{font-size:22px;line-height:26px;font-weight:400;letter-spacing:-.02em;color:var(--ink);margin-right:6px}
.rd span{font-size:12px}
.rd p{margin-top:4px;font-size:12.5px;line-height:17px}
.cc .bt{height:5px;border-radius:5px;background:#efefef;overflow:hidden;margin-top:6px}
.cc .bt i{display:block;height:100%;border-radius:5px;background:var(--ink)}
.cc .bt i.lo{background:#c9c9c9}
.ci{border-radius:9px;overflow:hidden;aspect-ratio:16/10;margin-bottom:12px}
.ci img{width:100%;height:100%;object-fit:cover}
.kv3{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:12px;padding-top:10px;border-top:1px solid var(--line);font-size:15px;color:var(--ink)}
.kv3.two{grid-template-columns:1fr 1fr}
.kv3 small{display:block;font-size:11.5px;color:var(--muted);margin-bottom:2px}
.cc .it{font-style:italic;color:var(--ink)}
.qs{display:flex;flex-direction:column;gap:6px}
.qs span{padding:8px 10px;border-radius:8px;background:#f4f4f4;color:var(--ink);font-size:13px}
.sm2{font-size:12.5px;line-height:17px}
.ar{display:grid;grid-template-columns:1fr auto;gap:2px 10px;font-size:12.5px;margin-bottom:8px}
.ar .bt{grid-column:1/-1;margin-top:2px}
.ar b{font-weight:500;color:var(--ink)}
.big2{font-size:34px;line-height:38px;letter-spacing:-.03em;color:var(--ink);margin-top:8px}
.adp{position:relative;border-radius:10px;overflow:hidden;aspect-ratio:9/13;margin-top:4px}
.adp img{width:100%;height:100%;object-fit:cover;object-position:50% 60%}
.adp .ov{position:absolute;left:0;right:0;bottom:0;padding:16px 14px 14px;background:linear-gradient(transparent,rgba(0,0,0,.5));color:#fff}
.adp .ov small{display:block;font-size:10px;letter-spacing:.06em;opacity:.85}
.adp .ov b{display:block;font-weight:500;font-size:24px;line-height:25px;letter-spacing:-.02em;margin-top:4px}
.adp .ov span{display:inline-flex;margin-top:10px;height:26px;padding:0 12px;border-radius:99px;background:#3d4fd6;font-size:11.5px;line-height:26px}
.fr3{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin-top:4px}
.fr3 img{width:100%;aspect-ratio:4/5;object-fit:cover;border-radius:7px}
.pgh{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}
.pgh i{width:22px;height:22px;border-radius:6px;background:#f0642a;color:#fff;font-style:normal;font-size:12px;display:grid;place-items:center}
.pgt{display:block;font-size:19px;line-height:23px;font-weight:400;letter-spacing:-.02em;color:var(--ink)}
.pst{list-style:none;counter-reset:s;padding:0;margin:12px 0 0;display:flex;flex-direction:column;gap:8px;font-size:12.5px;line-height:16px}
.pst li{counter-increment:s;display:grid;grid-template-columns:20px 1fr;gap:0 8px}
.pst li>*{grid-column:2}
.pst li:before{grid-row:span 2;content:counter(s);width:20px;height:20px;border-radius:50%;border:1px solid var(--line);display:grid;place-items:center;font-size:11px;color:var(--ink)}
.pst b{display:block;font-weight:500;color:var(--ink)}
.hz{margin-top:12px;padding:10px 12px;border:1px solid var(--line);border-radius:10px;font-size:12.5px;line-height:16px}
.hz b{display:block;font-weight:500;color:var(--ink)}
.pb{display:flex;justify-content:center;margin-top:12px;height:34px;border-radius:99px;background:#3d4fd6;color:#fff;font-size:13px;line-height:34px}
.lr{display:flex;gap:10px;padding:9px 0;border-top:1px solid var(--line)}
.ch+.lr{border-top:0}
.lr i{width:8px;height:8px;border-radius:50%;margin-top:5px;flex:none;background:#2fa86b}
.lr i.a{background:#d9a441}
.lr b{display:block;font-weight:500;color:var(--ink);font-size:13px;line-height:17px}
.lr small{font-size:12px;line-height:16px}
.cvbar{position:absolute;left:50%;bottom:28px;transform:translateX(-50%);display:flex;align-items:center;gap:14px;padding:6px 6px 6px 18px;border-radius:999px;background:rgba(255,255,255,.75);border:1px solid rgba(18,28,60,.08);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);box-shadow:0 10px 28px rgba(15,45,120,.12);font-size:13.5px;color:var(--muted);white-space:nowrap;z-index:2}
.cvbar .btn{height:38px}
/* Every model. One intelligence. (vorlyai.com #models) in the new language */
.models2{padding:150px 0 40px}
.mtop{display:grid;grid-template-columns:1fr 445px;gap:24px;align-items:start}
.mtop h2{font-size:56px;line-height:56px}
.mtop .sub{margin-top:6px}
.mgrid{margin-top:56px;display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.mc{border-radius:12px;background:var(--card);padding:20px;display:flex;flex-direction:column;gap:10px;min-height:150px}
.mc .kk{margin:0}
.mm b{display:block;font-size:20px;line-height:24px;font-weight:400;letter-spacing:-.02em}
.mm span{display:inline-flex;margin-top:6px;font-size:12px;line-height:15px;padding:4px 9px;border-radius:99px;background:#fff;border:1px solid var(--line);color:var(--muted)}
.mm span.t{background:#eaf6ef;border-color:transparent;color:#1d6b45}
.mfoot{margin-top:36px;display:flex;align-items:center;justify-content:space-between;gap:16px}
.mfoot h3{font-size:24px;line-height:29px;letter-spacing:-.72px;font-weight:500}
.mnote{margin-top:16px;max-width:760px;color:var(--muted);font-size:15px;line-height:22px}
/* the sentence pins while it fills */
.sent{position:relative;padding:150px 0 60px}
.sent-pin{position:sticky;top:90px}
.sent .big .w{transition:opacity .25s linear}
.sent .big .ti{transition:opacity .25s,transform .35s cubic-bezier(.2,1.4,.4,1)}
@media(max-width:1180px) and (min-width:761px){.mgrid{grid-template-columns:repeat(2,1fr)}.mtop{grid-template-columns:1fr}}
@media(max-width:760px){
 .cstudio{padding:90px 0 20px}
 .cvwrap{padding:0 12px}
 .cvin{width:auto;zoom:1;grid-template-columns:1fr;gap:28px;padding:20px 14px 96px}
 .ccol{gap:28px}.ccol:nth-child(n){padding-top:0}
 .cvbar{bottom:22px;gap:10px;padding-left:14px;font-size:12px;max-width:calc(100% - 40px)}
 .cvbar span{overflow:hidden;text-overflow:ellipsis}
 .models2{padding:90px 0 20px}
 .mtop{grid-template-columns:1fr}
 .mtop h2{font-size:38px;line-height:40px}
 .mgrid{grid-template-columns:1fr 1fr;gap:10px;margin-top:32px}
 .mc{padding:14px;min-height:0}
 .mm b{font-size:16px;line-height:20px}
 .mfoot{flex-direction:column;align-items:flex-start}
 .sent{padding:90px 0 30px}
 .sent-pin{top:70px}
}
@media(prefers-reduced-motion:reduce){.sent-pin{position:static}.cvl .flow{animation:none}}

/* ---------- Every model. One intelligence. Layout lifted from flora.ai's model grid ---------- */
.fmods{background:#fff;color:var(--ink);padding:150px 0 40px}
.fmw{max-width:1440px;margin:0 auto;padding:0 80px}
.fmh h2,.fmh p{text-wrap:balance}
.fmh{display:flex;justify-content:space-between;align-items:flex-start;gap:32px}
.fmh h2{font-size:40px;line-height:44px;font-weight:400;letter-spacing:-.035em;color:var(--ink)}
.fmh p{margin-top:14px;max-width:620px;color:var(--muted)}
.fma{display:flex;align-items:center;gap:20px;flex:none;padding-top:2px}
.fl{display:inline-flex;align-items:center;gap:6px;font-size:15px;color:var(--ink);white-space:nowrap}
.fl svg{width:15px;height:15px}
.fl:hover{opacity:.8}
.fb{display:inline-flex;align-items:center;white-space:nowrap;height:40px;padding:0 14px;border-radius:10px;border:1px solid rgba(255,255,255,.18);background:#141414;font-size:15px;color:#eee}
.fb:hover{background:#1f1f1f}
.fmg{margin-top:56px;display:grid;grid-template-columns:repeat(7,minmax(0,1fr));grid-auto-rows:270px;gap:16px}
.fm{position:relative;overflow:hidden;border-radius:24px;padding:24px;display:flex;flex-direction:column;justify-content:space-between;isolation:isolate;background:#e9e9e9}
.fmm{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2;transition:transform .8s cubic-bezier(.2,.7,.2,1)}
.fm:hover .fmm{transform:scale(1.04)}
.fms{position:absolute;inset:0;z-index:-1;background:linear-gradient(rgba(0,0,0,.28),rgba(0,0,0,0) 26%,rgba(0,0,0,0) 40%,rgba(0,0,0,.8))}
.pm{display:block;height:30px;width:auto;max-width:80%;align-self:flex-start}
.fm-g .pm{height:36px}.fm-b .pm{height:28px}.fm-w .pm{height:30px}.fm-o .pm{height:28px}.fm-f .pm{height:36px}.fm-m .pm{height:22px}.fm-k .pm{height:34px}.fm-r .pm{height:28px}
.fm dl{margin:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:15px 16px}
.fm dt{font-size:14px;line-height:19.25px;font-weight:600;color:#eee}
.fm dd{margin:0;font-size:12px;line-height:16.5px;font-weight:500;color:rgba(238,238,238,.72)}
.fm-g{grid-column:1/6;grid-row:1}
.fm-b{grid-column:6/8;grid-row:1/3}
.fm-w{grid-column:1/3;grid-row:2}
.fm-o{grid-column:3/6;grid-row:2}
.fm-f{grid-column:1/4;grid-row:3/5}
.fm-m{grid-column:4/8;grid-row:3}
.fm-k{grid-column:4/6;grid-row:4}
.fm-r{grid-column:6/8;grid-row:4}
.fmn{margin-top:28px;max-width:760px;font-size:15px;line-height:22px;color:var(--muted)}
.fmn b{font-weight:500;color:var(--ink)}
@media(max-width:1100px) and (min-width:761px){.fmw{padding:0 40px}.fmh{flex-direction:column}}
@media(max-width:760px){
 .fmods{padding:90px 0 20px}
 .fmw{padding:0}
 .fmh{flex-direction:column;gap:22px;padding:0 20px}
 .fmh h2{font-size:30px;line-height:32px}
 .fmh p{margin-top:12px}
 .fma{gap:12px 16px;flex-wrap:wrap;max-width:100%}
 .fl{padding:0 6px}
 .fmg{margin-top:48px;display:flex;gap:16px;overflow-x:auto;padding:0 20px 6px;scroll-snap-type:x mandatory;scroll-padding:0 20px;-webkit-overflow-scrolling:touch;scrollbar-width:none}
 .fmg::-webkit-scrollbar{display:none}
 .fm{flex:none;width:320px;height:458px;padding:20px;scroll-snap-align:start}
 .fm dl{grid-template-columns:1fr 1fr;gap:16px}
 .fm dl div:only-child{grid-column:1/-1}
 .fmn{padding:0 20px;margin-top:24px}
}

/* sky band: the brands slide across the screen */
.sky .logos{display:block;max-width:none;height:auto;margin:56px 0 0;overflow:hidden;padding:0;-webkit-mask-image:linear-gradient(90deg,transparent,#000 14%,#000 86%,transparent);mask-image:linear-gradient(90deg,transparent,#000 14%,#000 86%,transparent)}
.lg-track{display:flex;width:max-content;animation:lgslide 38s linear infinite}
.sky .logos:hover .lg-track{animation-play-state:paused}
.lg-set{display:flex;align-items:center;gap:88px;padding-right:88px;flex:none;height:40px}
.lg-set img{flex:none;transform:none}
@keyframes lgslide{to{transform:translateX(-50%)}}
@media(max-width:760px){.sky .logos{margin-top:40px;padding:0}.lg-set{gap:48px;padding-right:48px;height:34px}.lg-set img{transform:scale(.8)}.lg-track{animation-duration:28s}}
@media(prefers-reduced-motion:reduce){.lg-track{animation:none}}

/* Campaign Studio canvas: interactive on desktop */
.cvin.free{overflow:hidden;cursor:grab;touch-action:none;user-select:none}
.cvin.free.pan{cursor:grabbing}
.cvworld{position:absolute;left:0;top:0;width:100%;height:100%;transform-origin:0 0}
.cvin.free .cn{position:absolute;z-index:1}
.cvin.free .cn .cc{cursor:grab;transition:box-shadow .2s}
.cvin.free .cn .cc img{pointer-events:none;-webkit-user-drag:none}
.cvin.free .cn:hover .cc{box-shadow:0 18px 44px rgba(15,45,120,.16),0 0 0 1.5px rgba(47,127,240,.3)}
.cvin.free .cn.drag{z-index:5}
.cvin.free .cn.drag .cc{cursor:grabbing;box-shadow:0 30px 70px rgba(15,45,120,.22),0 0 0 2px rgba(47,127,240,.55)}
.cvin.running .cvl .flow{stroke:#2fa86b;opacity:.8;animation-duration:.6s}
.cvz{display:inline-flex;align-items:center;gap:2px;margin-right:4px}
.cvz button{height:30px;min-width:30px;padding:0 9px;border-radius:999px;font:inherit;font-size:13px;color:var(--ink);background:none;border:0;cursor:pointer}
.cvz button:hover{background:rgba(18,28,60,.06)}
.cvz span{min-width:44px;text-align:center;font-size:12.5px;color:var(--ink);font-variant-numeric:tabular-nums}
@media(max-width:760px){.cvz{display:none}}

/* footer: drifting stars over a slowly turning planet */
footer .space{position:absolute;inset:0;width:100%;height:100%;display:block;z-index:0;pointer-events:none}
footer .mark{z-index:1}
footer .sitemap,footer .bar{z-index:2}

/* Get my Vision: one bar, the button inside it, a ring that moves, and what you get back */
label.sr,.sr{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0 0 0 0)!important;white-space:nowrap!important;border:0!important}
@property --va{syntax:"<angle>";inherits:false;initial-value:0deg}
.vscan{position:relative;max-width:620px;margin:32px auto 0}
.vs-bar{position:relative;display:flex;align-items:center;gap:10px;height:66px;padding:0 8px 0 22px;border-radius:999px;background:linear-gradient(180deg,#f7faff,#eef4ff);box-shadow:0 18px 50px rgba(31,98,240,.16),0 2px 6px rgba(15,45,120,.06),inset 0 1px 0 #fff;isolation:isolate}
.vs-bar:before{content:"";position:absolute;inset:-1.5px;border-radius:inherit;z-index:-1;background:conic-gradient(from var(--va),#bcd2ff,#2f7ff0,#9fd0ff,#c9b8ff,#bcd2ff);animation:vsring 6s linear infinite}
.vs-bar:after{content:"";position:absolute;inset:0;border-radius:inherit;z-index:-1;background:linear-gradient(180deg,#f7faff,#eef4ff)}
@keyframes vsring{to{--va:360deg}}
.vs-bar:focus-within{box-shadow:0 22px 60px rgba(31,98,240,.26),0 2px 6px rgba(15,45,120,.06),0 0 0 4px rgba(47,127,240,.14)}
.vs-ic{width:22px;height:22px;flex:none;color:#2f7ff0}
.vs-ic svg{width:22px;height:22px}
.vs-in{flex:1;min-width:0;height:100%;border:0;outline:0;background:transparent;font:inherit;font-size:18px;color:var(--ink)}
.vs-in::placeholder{color:#7f8aa3}
.vs-go{height:50px;padding:0 22px 0 18px;gap:8px;font-size:16px;flex:none}
.vs-go svg{width:18px;height:18px;color:#2f7ff0}
.vs-get{list-style:none;padding:0;margin:20px auto 0;display:flex;justify-content:center;flex-wrap:wrap;gap:10px 22px;font-size:14.5px;color:var(--ink)}
.vs-get li{display:inline-flex;align-items:center;gap:9px}
.vs-th{display:inline-flex}
.vs-th img{width:24px;height:30px;border-radius:5px;object-fit:cover;border:2px solid #fff;box-shadow:0 2px 6px rgba(15,45,120,.18)}
.vs-th img+img{margin-left:-9px}
.vs-q{width:26px;height:26px;border-radius:50%;background:#eef4ff;color:#2f7ff0;display:grid;place-items:center;font:600 20px/1 Georgia,serif;padding-top:6px}
.vs-a{width:26px;height:26px;border-radius:50%;background:#5fe0d3;position:relative}
.vs-a:after{content:"";position:absolute;inset:7px;border-radius:50%;border:2px solid #06302c}
.wv-head .vs-msg{margin-top:14px;text-align:center}
/* the closer: the same bar on the sky */
.close .vs-card{width:640px;padding:30px 28px 26px}
.close .vscan{margin:0}
.close .vs-get{color:#fff}
.close .vs-q{background:rgba(255,255,255,.18);color:#fff}
.close .vs-th img{border-color:rgba(255,255,255,.9)}
.close .vs-msg{margin-top:16px;text-align:center;font-size:12px;line-height:16px;color:rgba(255,255,255,.75)}
/* the closer's old form rules must not reach the new bar */
.close .vs-card .vs-in{width:auto;height:100%;border:0;border-radius:0;background:transparent;color:var(--ink);padding:0;font-size:18px}
.close .vs-card .vs-in::placeholder{color:#7f8aa3}
.close .vs-card .vs-go{margin:0;display:inline-flex;width:auto}
@media(max-width:760px){
 .close .vs-card .vs-in{height:52px;font-size:17px}
 .close .vs-card .vs-go{width:100%;margin-top:8px;display:flex}
 .vscan{margin-top:24px}
 .vs-bar{flex-wrap:wrap;height:auto;border-radius:22px;padding:10px;gap:0}
 .vs-ic{margin:0 10px 0 10px}
 .vs-in{height:52px;font-size:17px}
 .vs-go{width:100%;height:52px;justify-content:center;margin-top:8px;font-size:16px}
 .vs-get{flex-direction:column;align-items:flex-start;gap:12px;max-width:300px;font-size:15px}
 .wv-head .vs-get{margin-left:auto;margin-right:auto}
 .close .vs-card{width:auto;padding:18px 14px 20px}
 .close .vs-get{margin-left:6px}
}
@media(prefers-reduced-motion:reduce){.vs-bar:before{animation:none}}

/* Campaign Studio on a phone: the three cards that tell the story (the brief, the ad,
   the launch check), as a staggered, slightly turned stack you can drag about, after the floating
   cards in svnthdimension.com's phone hero. The full canvas stays on desktop. */
@media(max-width:760px){
 .cvin:not(.free){display:block;padding:26px 14px 30px;overflow:hidden}
 .cvin:not(.free) .ccol{display:contents}
 .cvin:not(.free) .cn{display:none}
 .cvin:not(.free) .cn[data-cp="brief"],.cvin:not(.free) .cn[data-cp="ad"],.cvin:not(.free) .cn[data-cp="lau"]{display:block;position:relative;touch-action:none;user-select:none;-webkit-user-select:none;cursor:grab}
 .cvin:not(.free) .cn .cc img{pointer-events:none;-webkit-user-drag:none}
 .cvin:not(.free) .cn.drag{z-index:6;cursor:grabbing}
 .cvin:not(.free) .cvl{z-index:0}
 .cvl .port{fill:#fff;stroke:#2f7ff0;stroke-width:1.5}
 .cvin:not(.free) .cvl .base{stroke:#b4bfd6;stroke-width:1.8}
 .cvin:not(.free) .cvl .flow{stroke-width:1.8;opacity:.7}
 .cvin:not(.free) .cn.drag .cc{box-shadow:0 30px 70px rgba(15,45,120,.24),0 0 0 2px rgba(47,127,240,.5)}
 .cvin .cn[data-cp="brief"]{width:86%;transform:rotate(-1.6deg);z-index:1}
 .cvin .cn[data-cp="ad"]{width:70%;margin:22px 2% 0 auto;transform:rotate(2deg);z-index:2}
 .cvin .cn[data-cp="lau"]{width:86%;margin:22px 0 0 2%;transform:rotate(-1deg);z-index:3}
 .cvin .cn[data-cp="brief"] dl,.cvin .cn[data-cp="ad"] .sm2{display:none}
 .cvin .cn[data-cp="lau"] .lr:nth-of-type(n+6):not(#signoff){display:none}
 .cvin .cn .cc{box-shadow:0 22px 50px rgba(15,45,120,.16),0 1px 3px rgba(15,45,120,.08)}
 .cvbar{position:relative;left:auto;bottom:auto;transform:none;margin:22px auto 0;width:max-content;max-width:calc(100% - 28px)}
}
@media(max-width:760px) and (prefers-reduced-motion:reduce){.cvin .cn{transform:none!important}}

/* The nav's Solutions menu: hover or tab to Solutions and the seven segments open as
   boxes, each to its own page; Solutions itself still goes to the hub. Built from
   scripts/marketing/segments.json by build-segments.mjs. */
.snav{display:flex;align-items:center}
.snav-t{padding:26px 0;margin:-26px 0}
.snav-p{display:none;position:absolute;top:100%;left:24px;width:min(860px,calc(100% - 48px));padding:14px;border-radius:20px;background:#fff;border:1px solid rgba(18,28,60,.08);box-shadow:0 30px 70px rgba(15,45,120,.18),0 1px 3px rgba(15,45,120,.06);z-index:30;cursor:default}
.snav-p:before{content:"";position:absolute;left:0;right:0;top:-14px;height:14px}
.snav:hover .snav-p,.snav:focus-within .snav-p{display:block;animation:tin .18s ease}
.snav-g{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
.snav-b{display:block!important;padding:8px;border-radius:14px;transition:background .15s}
.snav-b:hover,.snav-b:focus-visible{background:#f5f7fb}
.snav-b img{display:block;width:100%;height:auto;aspect-ratio:16/10;object-fit:cover;object-position:50% 25%;border-radius:10px;margin-bottom:9px;background:#eef1f6}
.snav-b b{display:block;font-size:14px;font-weight:500;line-height:18px}
.snav-b small{display:block;margin-top:3px;font-size:12.5px;line-height:17px;color:var(--muted)}
.snav-all{display:flex!important;flex-direction:column;justify-content:flex-end;align-items:flex-start!important;color:#fff;background:linear-gradient(170deg,#2f7ff0 0%,#1a5fe0 50%,#0d2a74 100%);padding:16px}
.snav-all:hover,.snav-all:focus-visible{background:linear-gradient(170deg,#3a88f4 0%,#1f66e6 50%,#12327f 100%)}
.snav-all small{color:rgba(255,255,255,.8)}
.mm-sub{display:flex;flex-direction:column;margin:-4px 0 6px 12px;padding-left:12px;border-left:1px solid var(--line)}
.mm-sub a{padding:7px 10px;border-radius:8px;font-size:15px;color:var(--muted)}
.mm-sub a:hover{background:#f4f4f4;color:var(--ink)}
@media(prefers-reduced-motion:reduce){.snav:hover .snav-p,.snav:focus-within .snav-p{animation:none}}

/* Pricing at the foot of the homepage: the plan cards from /pricing, drawn by
   /pricing/pricing.js from /site/plans.js, so the numbers are the pricing page's.
   Their rules are the pricing page's (public/site/pages.css), scoped to this section. */
.hplans{overflow-x:clip;padding:40px 0 120px;background:linear-gradient(180deg,#fff 0%,#eef5ff 100%)}
.hplans .sec-h{text-align:center}
.hplans .hp-more{margin-top:26px;text-align:center}
#hplans .seg2{display:inline-flex;padding:4px;border-radius:999px;background:rgba(255,255,255,.7);border:1px solid rgba(18,28,60,.08);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:0 8px 24px rgba(15,45,120,.08)}
#hplans .seg2 button{height:40px;padding:0 20px;border-radius:999px;border:0;background:none;font:inherit;font-size:15px;color:var(--muted);cursor:pointer;display:inline-flex;align-items:center;gap:8px;white-space:nowrap}
#hplans .seg2 button.on{background:#fff;color:var(--ink);box-shadow:0 6px 18px rgba(15,45,120,.12),0 1px 2px rgba(15,45,120,.08)}
#hplans .seg2 .save{font-size:12px;padding:3px 8px;border-radius:99px;background:#e6f6ee;color:#1d6b45}
#hplans .tg-row{margin-top:34px;display:flex;justify-content:center;gap:12px;flex-wrap:wrap}
#hplans .plans{margin-top:44px;display:grid;gap:18px;grid-template-columns:repeat(3,minmax(0,1fr));max-width:1102px;margin-left:auto;margin-right:auto;text-align:left}
#hplans .plans.biz{grid-template-columns:repeat(4,minmax(0,1fr));max-width:1240px}
#hplans .pc2{position:relative;border-radius:20px;background:#fff;padding:24px 22px 22px;box-shadow:0 18px 50px rgba(15,45,120,.10),0 1px 3px rgba(15,45,120,.06);display:flex;flex-direction:column;border:1px solid rgba(18,28,60,.06)}
#hplans .pc2.feat{color:#fff;border-color:transparent;background:linear-gradient(170deg,#2f7ff0 0%,#1a5fe0 45%,#0d2a74 100%);box-shadow:0 26px 60px rgba(31,98,240,.32)}
#hplans .pc2 .nm{display:flex;align-items:center;justify-content:space-between;gap:8px}
#hplans .pc2 .nm b{font-size:20px;font-weight:500;letter-spacing:-.02em}
#hplans .pc2 .tag2{font-size:12px;padding:4px 10px;border-radius:99px;background:#eef4ff;color:#1f62f0;white-space:nowrap}
#hplans .pc2.feat .tag2{background:rgba(255,255,255,.2);color:#fff}
#hplans .pc2 .for{margin-top:4px;font-size:14px;color:var(--muted)}
#hplans .pc2.feat .for{color:rgba(255,255,255,.8)}
#hplans .pc2 .pr{margin-top:22px;display:flex;align-items:baseline;gap:8px}
#hplans .pc2 .pr b{font-size:46px;line-height:48px;font-weight:400;letter-spacing:-.04em}
#hplans .pc2 .pr s{font-size:20px;color:var(--muted)}
#hplans .pc2.feat .pr s{color:rgba(255,255,255,.65)}
#hplans .pc2 .pr span{font-size:14px;color:var(--muted)}
#hplans .pc2.feat .pr span{color:rgba(255,255,255,.8)}
#hplans .pc2 .bill{font-size:12.5px;color:var(--muted);min-height:18px;margin-top:2px}
#hplans .pc2.feat .bill{color:rgba(255,255,255,.75)}
#hplans .pc2 .cr{margin-top:16px;padding:12px 14px;border-radius:12px;background:#f5f7fb;font-size:14px;line-height:19px}
#hplans .pc2.feat .cr{background:rgba(255,255,255,.12)}
#hplans .pc2 .cr b{font-weight:600}
#hplans .pc2 .cr small{display:block;color:var(--muted);font-size:12.5px;margin-top:2px}
#hplans .pc2.feat .cr small{color:rgba(255,255,255,.75)}
#hplans .pc2 .go{margin-top:16px;width:100%}
#hplans .pc2.feat .go{background:#fff;color:var(--ink)}
#hplans .pc2 ul{list-style:none;padding:0;margin:18px 0 0;display:flex;flex-direction:column;gap:9px;font-size:14px;line-height:19px}
#hplans .pc2 li{display:grid;grid-template-columns:18px 1fr;gap:8px}
#hplans .pc2 li svg{width:16px;height:16px;margin-top:2px;stroke:#2fa86b}
#hplans .pc2.feat li svg{stroke:#9fe3bd}
#hplans .pc2 li.h{display:block;font-size:12.5px;color:var(--muted);margin-top:4px}
#hplans .pc2.feat li.h{color:rgba(255,255,255,.7)}
#hplans .pc2 .kv4{margin-top:16px;display:grid;grid-template-columns:1fr auto;gap:8px 10px;font-size:14px}
#hplans .pc2 .kv4 span{color:var(--muted)}
#hplans .pc2.feat .kv4 span{color:rgba(255,255,255,.75)}
#hplans .pc2 .kv4 b{font-weight:500;text-align:right}
#hplans .incl{max-width:1102px;margin:22px auto 0;padding:16px 20px;border-radius:14px;background:#fff;border:1px solid rgba(18,28,60,.06);display:flex;gap:14px;align-items:flex-start;font-size:14px;line-height:21px;color:var(--muted);text-align:left}
#hplans .incl b{color:var(--ink);font-weight:500}
#hplans .incl svg{width:20px;height:20px;flex:none;stroke:#2f7ff0;margin-top:1px}
#hplans .mt-tabs .seg2{pointer-events:auto}
@media(max-width:1180px) and (min-width:761px){#hplans .plans.biz{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){#hplans .tg-row{flex-direction:column;align-items:center;gap:10px}#hplans .seg2 button{height:38px;padding:0 14px;font-size:14px}#hplans .plans,#hplans .plans.biz{grid-template-columns:1fr;max-width:420px}#hplans .mt-top .c:first-child .seg2{display:none}}
@media(max-width:760px){
 .hplans{padding:24px 0 80px}
 #hplans .tg-row{flex-direction:column;align-items:center;gap:10px}
 #hplans .plans,#hplans .plans.biz{display:flex;max-width:none;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;margin:32px -20px 0;padding:6px 20px 22px;scrollbar-width:none}
 #hplans .plans::-webkit-scrollbar{display:none}
 #hplans .pc2{flex:none;width:82%;scroll-snap-align:center}
}