/* AuraGrid website — style.css (v2, matches the founder's page designs)
   Shared by every page. Colours: navy #0B1846, blue #1D63FF, sky #38BDF8, page #F5F8FF. */
:root{--navy:#0b1846;--ink:#16224d;--ink2:#4a5677;--muted:#6b7694;--blue:#1d63ff;--blue2:#2f80ff;--sky:#38bdf8;--line:#e2e9f6;--bg:#f5f8ff;--card:#ffffff;--ok:#16a34a}
*{box-sizing:border-box;margin:0;padding:0}
html{background:var(--bg)}
body{width:1024px;zoom:1.40625;margin:0;font-family:Inter,"Inter Display",system-ui,sans-serif;color:var(--ink);background:var(--bg);-webkit-font-smoothing:antialiased;overflow-x:hidden}
.w{width:910.22px;margin:0 auto;position:relative}
a{color:inherit;text-decoration:none}
.u{text-decoration:underline;text-underline-offset:2.13px;color:var(--blue)}
.ic{display:inline-block;flex:none}

/* ---------- header ---------- */
.hdr{position:relative;height:46.93px;background:rgba(255,255,255,.92);border-bottom:0.71px solid #e6edf8;z-index:5}
.hdr .w{display:flex;align-items:center;height:46.93px}
.brand{display:flex;align-items:center;gap:6.4px;font-weight:700;font-size:19.2px;letter-spacing:-.6px;color:var(--navy)}
.brand i{width:27.02px;height:27.02px;display:block}
.nav{display:flex;gap:24.18px;margin-left:51.2px;font-size:11.02px;font-weight:500;color:#27325a}
.nav span{position:relative;padding:15.64px 0}
.nav span.on{color:var(--navy)}
.nav span.on:after{content:'';position:absolute;left:0;right:0;bottom:9.96px;height:1.42px;border-radius:1.42px;background:var(--blue)}
.hr{margin-left:auto;margin-right:126.58px;display:flex;align-items:center;gap:14.22px;font-size:10.67px;font-weight:500;color:#27325a}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:6.4px;height:35.56px;padding:0 18.49px;border-radius:8.53px;font-weight:600;font-size:11.38px;white-space:nowrap;cursor:pointer}
.bp{color:#fff;background:linear-gradient(180deg,#2f86ff 0%,#1d63ff 55%,#1657e8 100%);box-shadow:0 7.11px 15.64px -7.11px rgba(29,99,255,.75),inset 0 0.71px 0 rgba(255,255,255,.35)}
.bo{color:var(--blue);background:#fff;border:1.14px solid #9ec0ff;box-shadow:0 4.27px 11.38px -8.53px rgba(29,99,255,.6)}
.bs{height:29.87px;padding:0 12.8px;font-size:9.96px;border-radius:7.11px}
.lang{display:flex;align-items:center;gap:4.98px;border:0.71px solid #dfe7f5;border-radius:7.11px;padding:6.4px 9.24px;background:#fff;font-size:10.31px}
.pgb{position:absolute;top:0;right:0;width:120.89px;height:44.09px;background:linear-gradient(180deg,#0c1a4a,#09143a);color:#fff;border-radius:0 0 0 9.96px;text-align:center;padding-top:5.69px;z-index:6;box-shadow:0 7.11px 17.07px -9.96px rgba(9,20,58,.8)}
.pgb b{display:block;font-size:15.64px;font-weight:700;letter-spacing:-.3px;line-height:1.1}.pgb span{font-size:8.89px;opacity:.82}
.arr{display:inline-block;font-weight:600}

/* ---------- hero ---------- */
.hero{position:relative;overflow:hidden;background:
 radial-gradient(455.11px 327.11px at 76% 46%,rgba(37,99,235,.42),transparent 70%),
 radial-gradient(298.67px 213.33px at 64% 20%,rgba(96,165,250,.35),transparent 70%),
 radial-gradient(369.78px 256px at 95% 5%,rgba(147,197,253,.55),transparent 70%),
 linear-gradient(180deg,#f3f7ff 0%,#eaf2ff 100%)}
.hero:before{content:'';position:absolute;inset:0;background:radial-gradient(640px 426.67px at 70% 30%,rgba(255,255,255,0),rgba(255,255,255,0) 60%),repeating-linear-gradient(115deg,rgba(255,255,255,.18) 0 1.42px,transparent 1.42px 113.78px);pointer-events:none;opacity:.6}
.hero .w{display:flex;min-height:369.78px}
.hl{position:relative;z-index:2;width:398.22px;padding:28.44px 0 28.44px}
.eb{display:inline-flex;align-items:center;gap:6.4px;font-size:9.6px;font-weight:700;letter-spacing:1.14px;color:var(--navy);text-transform:uppercase}
.eb:before{content:'';width:5.69px;height:5.69px;border-radius:50%;background:#1d8bff;box-shadow:0 0 0 2.13px rgba(29,139,255,.18)}
h1{font-family:"Inter Display",Inter,sans-serif;font-size:35.56px;line-height:1.05;letter-spacing:-1.28px;font-weight:800;color:var(--navy);margin-top:12.8px}
h1 em{font-style:normal;color:var(--blue);background:linear-gradient(90deg,#1d63ff,#2f80ff);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.lead{font-size:13.16px;line-height:1.5;color:var(--ink2);margin-top:14.22px}
.hb{display:flex;gap:11.38px;margin-top:21.33px}.hb .btn{height:41.24px;min-width:162.13px;font-size:12.09px;border-radius:8.53px}
.checks{display:flex;gap:18.49px;margin-top:19.91px;white-space:nowrap;width:455.11px;font-size:10.67px;font-weight:500;color:#27325a}
.checks span{display:flex;align-items:center;gap:6.4px}
.checks span:before{content:'';width:13.51px;height:13.51px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#5fa8ff,#1d63ff 70%);box-shadow:inset 0 0 0 0.71px rgba(255,255,255,.4);flex:none;
 -webkit-mask:radial-gradient(circle,#000 99%,transparent 100%)}
.checks span{position:relative}
.checks span:after{content:'';position:absolute;left:4.27px;top:50%;width:4.27px;height:2.42px;border-left:1.42px solid #fff;border-bottom:1.42px solid #fff;transform:translateY(-70%) rotate(-45deg)}

/* ---------- 3D scene building blocks ---------- */
.scene{position:absolute;right:-52.62px;top:0;width:568.89px;height:384px;perspective:1280px;z-index:1}
.sc3{position:absolute;inset:0;transform-style:preserve-3d;transition:transform .5s ease-out}
.abs{position:absolute}
.glass{position:absolute;background:linear-gradient(180deg,rgba(255,255,255,.97),rgba(246,250,255,.94));border:0.71px solid rgba(255,255,255,.95);border-radius:11.38px;
 box-shadow:0 0.71px 0 rgba(255,255,255,.9) inset,0 0 0 0.71px rgba(191,214,250,.55),0 17.07px 28.44px -15.64px rgba(23,60,160,.55),0 5.69px 11.38px -7.11px rgba(23,60,160,.25)}
.glass h6{font-size:9.6px;font-weight:700;color:var(--navy)}
.float{animation:flt 6s ease-in-out infinite}.float.d2{animation-delay:-2s}.float.d3{animation-delay:-4s}
@keyframes flt{50%{transform:translateY(-4.98px)}}
.glow-pulse{animation:gp 3.2s ease-in-out infinite}
@keyframes gp{50%{filter:brightness(1.12) drop-shadow(0 0 12.8px rgba(56,189,248,.9))}}
.flow{stroke-dasharray:10 150;animation:fl 2.6s linear infinite}
@keyframes fl{to{stroke-dashoffset:-160}}
.spark{position:absolute;width:2.84px;height:2.84px;border-radius:50%;background:#fff;box-shadow:0 0 5.69px 2.13px rgba(147,197,253,.95);animation:tw 3s ease-in-out infinite}
@keyframes tw{50%{opacity:.25;transform:scale(.6)}}

/* core tile (the glowing block in the middle) */
.core{position:absolute;border-radius:17.07px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;
 background:linear-gradient(160deg,#ffffff 0%,#f0f6ff 55%,#dce9ff 100%);border:1.42px solid #9fd0ff;
 box-shadow:0 0 0 3.56px rgba(96,165,250,.22),0 0 21.33px 4.27px rgba(59,130,246,.55),0 0 56.89px 7.11px rgba(56,189,248,.35),inset 0 1.42px 0 #fff,inset 0 -9.96px 18.49px rgba(147,197,253,.4)}
.core:after{content:'';position:absolute;left:7.11px;right:7.11px;bottom:-9.96px;height:11.38px;border-radius:0 0 12.8px 12.8px;background:linear-gradient(180deg,#93c5fd,#2563eb);z-index:-1;box-shadow:0 7.11px 17.07px rgba(29,78,216,.5)}
.core b{font-size:14.93px;font-weight:700;color:var(--navy);letter-spacing:-.3px;margin-top:5.69px}
.core small{font-size:8.89px;color:#475577;margin-top:2.13px}

/* channel list card */
.chl{padding:11.38px 11.38px 7.11px}.chl h6{margin-bottom:5.69px}
.chl div{display:flex;align-items:center;gap:7.82px;font-size:9.6px;color:#26325a;padding:6.4px 0;border-top:0.71px solid #eef2f9}
.ib{width:18.49px;height:18.49px;display:grid;place-items:center;border-radius:5.69px}

/* ---------- trust bar ---------- */
.trust{position:relative;z-index:3;margin-top:-4.27px}
.trust .w{display:grid;grid-template-columns:repeat(4,1fr);background:#fff;border:0.71px solid #e6edf8;border-radius:11.38px;box-shadow:0 12.8px 28.44px -19.91px rgba(23,60,160,.4)}
.ti{display:flex;align-items:center;gap:11.38px;padding:17.07px 19.91px;font-size:10.67px;line-height:1.45;color:var(--ink2);border-right:0.71px solid #edf1f8}
.ti:last-child{border:0}.ti i{width:31.29px;height:31.29px;display:block;flex:none}.ti b{display:block;color:#27325a;font-weight:500}

/* ---------- sections ---------- */
section{position:relative;padding:31.29px 0}
.kick{display:flex;align-items:center;gap:6.4px;font-size:9.6px;font-weight:700;letter-spacing:1.14px;color:var(--navy);text-transform:uppercase}
.kick:before{content:'';width:5.69px;height:5.69px;border-radius:50%;background:#1d8bff;box-shadow:0 0 0 2.13px rgba(29,139,255,.18)}
h2{font-family:"Inter Display",Inter,sans-serif;font-size:29.87px;line-height:1.1;letter-spacing:-1px;font-weight:800;color:var(--navy);margin-top:7.11px}
h2 i{font-style:normal;color:var(--blue)}
.sub{font-size:13.16px;color:var(--ink2);margin-top:4.27px;line-height:1.5}
.grid{display:grid;gap:15.64px;margin-top:18.49px}.g4{grid-template-columns:repeat(4,1fr)}.g3{grid-template-columns:repeat(3,1fr)}.g2{grid-template-columns:1fr 1fr}
.card{position:relative;background:#fff;border:0.71px solid #e6edf8;border-radius:12.8px;padding:17.07px 17.07px 15.64px;box-shadow:0 14.22px 28.44px -21.33px rgba(23,60,160,.45);display:flex;flex-direction:column}
.card .top{display:flex;justify-content:space-between;align-items:flex-start}
.card .top i{width:39.82px;height:39.82px;display:block;margin:-2.84px 0 0 -2.84px}
.tag{font-size:8.89px;font-weight:600;border-radius:710.4px;padding:3.56px 7.82px;background:#eaf2ff;color:#1d63ff}
.tag.g{background:#e3f8ec;color:#15803d}.tag.s{background:#f1f3f8;color:#5b6479;border:0.71px solid #e3e7ef}
.card h3{font-size:14.93px;letter-spacing:-.4px;margin-top:9.96px;color:var(--navy);font-weight:700}
.card p{font-size:11.02px;line-height:1.5;color:var(--ink2);margin-top:4.27px}
.card ul{list-style:none;margin-top:9.96px}
.card li{display:flex;gap:7.11px;font-size:10.67px;padding:2.84px 0;color:#2c3660;line-height:1.4}
.card li:before{content:'';flex:none;width:12.8px;height:12.8px;margin-top:0.71px;border-radius:50%;background:#1d63ff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 18'%3E%3Cpath d='M5 9.2l2.6 2.6L13 6.4' stroke='%23fff' stroke-width='2' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/12.8px no-repeat}
.price{margin-top:auto;padding-top:11.38px;font-size:12.8px;font-weight:700;color:var(--navy);line-height:1.35}
.cbtn{margin-top:9.96px;height:32.71px;border-radius:7.11px;display:flex;align-items:center;justify-content:center;gap:5.69px;font-weight:600;font-size:11.38px;color:#1d63ff;background:#eaf2ff;border:0.71px solid #d6e6ff}
.cbtn.solid{color:#fff;background:linear-gradient(180deg,#2f86ff,#1d63ff);border:0;box-shadow:0 7.11px 14.22px -8.53px rgba(29,99,255,.8)}

/* how it works (home) */
.how{display:grid;grid-template-columns:284.44px 1fr;gap:14.22px;align-items:start}
.steps4{display:grid;grid-template-columns:repeat(4,1fr);gap:24.18px;position:relative}
.st{background:#fff;border:0.71px solid #e6edf8;border-radius:11.38px;padding:11.38px 11.38px 12.8px;box-shadow:0 12.8px 25.6px -19.91px rgba(23,60,160,.45);position:relative;text-align:center}
.st .hd{display:flex;align-items:center;gap:6.4px;font-size:10.31px;white-space:nowrap;font-weight:700;color:var(--navy);text-align:left}
.st .n{width:18.49px;height:18.49px;border-radius:50%;display:grid;place-items:center;font-size:9.24px;font-weight:700;color:#fff;background:linear-gradient(180deg,#3b8bff,#1d63ff);box-shadow:0 2.84px 7.11px -2.84px rgba(29,99,255,.7);flex:none}
.st .n.g{background:linear-gradient(180deg,#34d399,#059669)}
.st .art{height:44.09px;margin:9.96px 0 7.11px;display:flex;justify-content:center;align-items:center;gap:8.53px}
.st p{font-size:9.96px;line-height:1.45;color:var(--ink2)}
.st + .st:before{content:'';position:absolute;left:-19.91px;top:50%;width:15.64px;height:1.42px;background:#1d63ff}
.st + .st:after{content:'';position:absolute;left:-8.53px;top:calc(50% - 2.84px);border:3.56px solid transparent;border-left:4.98px solid #1d63ff}

/* pricing strip (home) */
.prow{display:grid;grid-template-columns:1fr 369.78px;gap:21.33px;align-items:center}
.plans2{display:grid;grid-template-columns:1fr 1fr;gap:15.64px;margin-top:15.64px}
.plan{display:flex;align-items:center;justify-content:space-between;background:#fff;border:0.71px solid #e6edf8;border-radius:9.96px;padding:14.22px 15.64px;box-shadow:0 11.38px 24.18px -19.91px rgba(23,60,160,.5)}
.plan h3{font-size:12.44px;color:var(--navy);font-weight:700}.plan p{font-size:11.02px;color:var(--ink2);margin-top:2.13px}
.rnd{width:28.44px;height:28.44px;border-radius:50%;display:grid;place-items:center;color:#fff;font-weight:700;background:linear-gradient(180deg,#3b8bff,#1d63ff);box-shadow:0 5.69px 11.38px -5.69px rgba(29,99,255,.8)}

/* laptop (CSS 3D) */
.lapw{position:relative;width:369.78px;height:234.67px;perspective:924.44px}
.lap3{position:absolute;inset:0;transform-style:preserve-3d;transform:rotateX(6deg) rotateY(-16deg)}
.lid{position:absolute;left:85.33px;top:17.07px;width:227.56px;height:145.07px;transform-origin:bottom center;transform:rotateX(-6deg);border-radius:9.96px;background:linear-gradient(160deg,#2b3550,#0d1428 60%,#05080f);padding:6.4px;box-shadow:0 21.33px 35.56px -17.07px rgba(9,20,58,.7),inset 0 0 0 0.71px rgba(255,255,255,.12)}
.lid:before{content:'';position:absolute;top:2.13px;left:50%;width:3.56px;height:3.56px;margin-left:-1.42px;border-radius:50%;background:#1f2937;box-shadow:inset 0 0 0 0.71px #374151}
.scr{position:relative;width:100%;height:100%;border-radius:4.27px;overflow:hidden;background:linear-gradient(180deg,#f8fbff,#eaf2ff)}
.scr:after{content:'';position:absolute;inset:0;background:linear-gradient(115deg,rgba(255,255,255,.45) 0 22%,transparent 22% 100%);pointer-events:none}
.deck{position:absolute;left:68.27px;top:160.71px;width:261.69px;height:106.67px;transform-origin:top center;transform:rotateX(64deg);border-radius:4.27px 4.27px 11.38px 11.38px;
 background:linear-gradient(180deg,#eef2f8,#c9d3e3);box-shadow:inset 0 1.42px 0 #fff,0 28.44px 28.44px -14.22px rgba(15,23,42,.45)}
.deck:before{content:'';position:absolute;left:15.64px;right:15.64px;top:8.53px;height:41.24px;border-radius:3.56px;background:repeating-linear-gradient(90deg,#d9e0ec 0 10.67px,#b8c3d6 10.67px 12.09px),repeating-linear-gradient(180deg,transparent 0 8.53px,#b8c3d6 8.53px 9.96px);opacity:.9}
.deck:after{content:'';position:absolute;left:50%;width:78.22px;margin-left:-39.11px;top:55.47px;height:22.76px;border-radius:3.56px;background:linear-gradient(180deg,#e3e9f3,#d3dcea);box-shadow:inset 0 0 0 0.71px #bfcadc}
.hinge{position:absolute;left:85.33px;top:157.87px;width:227.56px;height:5.69px;border-radius:0 0 4.27px 4.27px;background:linear-gradient(180deg,#7d8aa3,#3c4760)}
.wg{position:absolute;padding:8.53px 9.96px}

/* faq */
.faq{display:grid;grid-template-columns:1fr 1fr;gap:8.53px 17.07px;margin-top:12.8px}
.q{display:flex;justify-content:space-between;align-items:center;background:#fff;border:0.71px solid #e3eaf6;border-radius:7.11px;padding:9.24px 12.8px;font-size:11.02px;font-weight:600;color:#1e2a52;box-shadow:0 5.69px 14.22px -12.8px rgba(23,60,160,.6)}
.q:after{content:'';width:5.69px;height:5.69px;border-right:1.42px solid #1e2a52;border-bottom:1.42px solid #1e2a52;transform:rotate(45deg) translate(-2.13px,-2.13px)}
.more{display:inline-flex;margin-top:11.38px;color:var(--blue);font-weight:600;font-size:11.38px;text-decoration:underline;text-underline-offset:2.13px}

/* cta band */
.cta{padding:7.11px 0 18.49px}
.cta .w{display:flex;align-items:center;gap:19.91px;border-radius:12.8px;padding:15.64px 31.29px;min-height:76.8px;overflow:hidden;
 background:radial-gradient(298.67px 156.44px at 88% 30%,rgba(59,130,246,.55),transparent 70%),radial-gradient(213.33px 142.22px at 10% 120%,rgba(56,189,248,.25),transparent 70%),linear-gradient(90deg,#0a1745,#0b1c56 60%,#0d2470);
 box-shadow:0 21.33px 35.56px -21.33px rgba(9,20,58,.7)}
.cta i.tile{width:65.42px;height:65.42px;display:block;flex:none}
.cta h2{color:#fff;font-size:19.91px;margin:0;letter-spacing:-.6px}.cta p{color:#c7d3f2;font-size:11.38px;margin-top:4.27px}
.cta .btns{margin-left:auto;display:flex;gap:11.38px}.cta .bo{background:transparent;color:#fff;border:1px solid #3d4f86}
.cta i.pl{width:106.67px;height:78.22px;display:block;flex:none;margin-right:-7.11px}

/* footer */
.ft{background:linear-gradient(180deg,#f7f9ff,#eef3fd);padding:19.91px 0 15.64px;border-top:0.71px solid #e3eaf6}
.fg{display:grid;grid-template-columns:192px 1fr 1fr 1fr 1.25fr;gap:17.07px}
.ft h4{font-size:9.6px;letter-spacing:.6px;color:var(--navy);margin-bottom:4.27px;font-weight:700}
.ft .c div{font-size:10.31px;color:#4a5677;line-height:1.6}
.ft .brand{font-size:16.36px}.ft .brand i{width:22.76px;height:22.76px}
.ft .tagl{font-size:10.31px;color:#26325a;margin-top:7.11px;line-height:1.5}
.soc{display:flex;gap:12.8px;margin-top:11.38px}
.copy{margin-top:15.64px;padding-top:11.38px;border-top:0.71px solid #e3eaf6;font-size:9.6px;color:#4a5677}

/* ---------- traced hero scenes (drawn in a 1128 x 700 space, scaled to the page) ---------- */
.scene1{position:absolute;left:403px;top:1px;width:1128px;height:700px;transform:scale(.5);transform-origin:0 0;z-index:1}
.s1in{position:absolute;inset:0;transition:transform .6s ease-out;transform-style:preserve-3d}
.dc{position:absolute;border-radius:22px;background:linear-gradient(180deg,#ffffff 0%,#f7faff 100%);
 box-shadow:inset 0 2px 0 #fff,0 0 0 1.5px rgba(197,217,248,.8),0 7px 0 rgba(206,222,248,.95),0 30px 44px -18px rgba(20,55,150,.55),0 10px 18px -8px rgba(20,55,150,.25)}
/* real-looking light: soft bloom blobs + light rays, blended like light (screen) */
.lightfx{position:absolute;inset:0;pointer-events:none;mix-blend-mode:screen}
.lightfx i{position:absolute;border-radius:50%;filter:blur(30px)}
.lightfx .b1{left:330px;top:260px;width:250px;height:260px;background:radial-gradient(circle,rgba(56,189,248,.3),transparent 70%);animation:breath 5s ease-in-out infinite}
.lightfx .b2{left:395px;top:300px;width:120px;height:120px;background:radial-gradient(circle,rgba(186,230,253,.55),transparent 70%);animation:breath 4s ease-in-out infinite reverse}
.lightfx .b3{left:560px;top:40px;width:260px;height:300px;background:radial-gradient(circle,rgba(96,165,250,.45),transparent 70%)}
.lightfx .b4{left:120px;top:20px;width:260px;height:240px;background:radial-gradient(circle,rgba(147,197,253,.5),transparent 70%)}
.lightfx .ray{position:absolute;left:455px;top:400px;width:22px;height:520px;margin-left:-11px;transform-origin:50% 0;border-radius:11px;filter:blur(10px);
 background:linear-gradient(180deg,rgba(191,219,254,.35),rgba(147,197,253,0));opacity:.5;animation:ray 7s ease-in-out infinite}
@keyframes breath{50%{opacity:.75;transform:scale(1.06)}}
@keyframes ray{50%{opacity:.25}}
.scene1{perspective:1700px;perspective-origin:42% 45%}
.dc{transform:var(--t,none);animation:flt2 6s ease-in-out infinite}.dc.d2{animation-delay:-2s}.dc.d3{animation-delay:-4s}
@keyframes flt2{0%,100%{transform:var(--t,none) translateY(0)}50%{transform:var(--t,none) translateY(-4.27px)}}

/* ---------- proportions tuned to match the 728.18px design scaled to 1024px ---------- */
.hero .w{min-height:349.87px}
.hl{padding:21.33px 0 18.49px}
h1{font-size:33.42px;margin-top:9.96px}
.lead{font-size:12.44px;margin-top:9.96px}
.hb{margin-top:15.64px}.hb .btn{height:38.4px}
.checks{margin-top:14.22px}
section{padding:15.64px 0}
h2{font-size:28.44px;margin-top:4.27px}
.sub{font-size:12.44px;margin-top:1.42px}
.grid{margin-top:11.38px;gap:12.8px}
.card{padding:12.8px 15.64px 12.8px}
.card h3{margin-top:7.11px;font-size:14.22px}
.card p{font-size:10.67px;margin-top:2.84px}
.card ul{margin-top:7.11px}.card li{font-size:10.31px;padding:1.42px 0}
.price{padding-top:7.11px;font-size:12.09px}
.cbtn{margin-top:7.11px;height:29.87px}
.ti{padding:12.8px 18.49px}
.how{grid-template-columns:284.44px 1fr}
.lapw{transform:scale(.86);transform-origin:right center;margin:-24.18px 0 -28.44px}
.faq{margin-top:8.53px;gap:7.11px 17.07px}.q{padding:7.82px 12.8px}
.more{margin-top:7.11px}
.cta{padding:4.27px 0 9.96px}.cta .w{padding:12.8px 28.44px;min-height:71.11px}
.ft{padding:14.22px 0 11.38px}.ft .c div{font-size:9.96px;line-height:1.5}.copy{margin-top:9.96px;padding-top:8.53px}
.card h3{font-size:15.29px}.card p{font-size:11.73px}.card li{font-size:11.02px}.price{font-size:12.8px}
.lapw{transform:scale(1);margin:-14.22px 0 -21.33px}
.st p{font-size:10.67px}.st .hd{font-size:10.67px}
.ti{font-size:11.02px}

/* hero text, measured from the design (design units) */
.hl{width:400px;padding:22px 0 0}
.eb{font-size:8.6px;letter-spacing:1.1px;gap:7px}.eb:before{width:6px;height:6px}
h1{font-size:47px;line-height:.9;letter-spacing:-1.9px;margin-top:12px}
.lead{font-size:16.4px;line-height:1.33;margin-top:12px;color:#4a5677;width:360px}
.hb{margin-top:14px;gap:11px}.hb .btn{height:45px;min-width:0;font-size:13px;border-radius:8px}.hb .bp{width:170px}.hb .bo{width:197px}
.checks{margin-top:22px;font-size:11.4px;gap:22px}
.trust .w{width:905px;border-radius:11px}
.ti{font-size:10.3px;line-height:1.45;padding:12px 18px;gap:12px}.ti svg{width:26px;height:26px}
.brand{font-size:20px;gap:6px}.brand i{width:30px;height:30px}
.hdr .w{width:930px}
.lapw{transform:scale(.82);transform-origin:right top;margin:-24px 0 -66px}
.ft .c div{line-height:1.38}.ft{padding:14px 0 12px}
.card li{padding:1px 0}.card ul{margin-top:8px}