/* assets/style.css, inlined so the page is self-contained */
/*
Theme Name: HReasily 2026
Theme URI: https://hreasilygroup.com/
Author: HReasily
Description: Marketing theme for the 2026 HReasily site. Ships the redesigned homepage as front-page.php. Built for UAT sign-off, not yet a full CMS-editable build.
Version: 0.1.0
Requires at least: 6.0
Tested up to: 6.6
Requires PHP: 7.4
License: Proprietary
Text Domain: hreasily-2026
*/

:root{
 --bg:#14100E;--bg2:#1A1512;--card:#1D1815;--card2:#221C18;
 --ink:#F4EFEB;--muted:#A79E97;--line:rgba(255,255,255,.09);--line2:rgba(255,255,255,.14);
 --red:#E43A3F;--red-2:#C62F34;--ok:#4FB286;
 --l-bg:#EEF1F5;--l-card:#FFFFFF;--l-ink:#1B2330;--l-muted:#697384;--l-line:#E4E8EE;--l-red:#E43A3F;--l-ok:#2FA36B;--l-amber:#C9871F;
}
*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}
body{font-family:'Inter',sans-serif;color:var(--ink);background:var(--bg);-webkit-font-smoothing:antialiased;overflow-x:hidden}
.bg{position:fixed;inset:0;z-index:0;pointer-events:none;background:radial-gradient(1250px 940px at 50% -16%,rgba(232,62,66,.34),transparent 60%),radial-gradient(820px 680px at 85% 8%,rgba(255,132,86,.20),transparent 60%),radial-gradient(900px 800px at 6% 82%,rgba(255,96,122,.16),transparent 60%),var(--bg)}
.bg::before{content:"";position:absolute;inset:0;background:radial-gradient(860px 720px at 4% 90%,rgba(232,62,66,.13),transparent 58%),radial-gradient(840px 720px at 97% 95%,rgba(255,120,92,.15),transparent 58%),radial-gradient(1200px 1000px at 50% 124%,rgba(232,62,66,.12),transparent 60%)}
.wrap{max-width:1140px;margin:0 auto;padding:0 24px;position:relative;z-index:2}
h1,h2,h3,h4,.disp{font-family:'Sora'}a{color:inherit;text-decoration:none}
.acc{background:linear-gradient(92deg,#FF7A5C,#E43A3F 52%,#FF6FA8);-webkit-background-clip:text;background-clip:text;color:transparent}
svg.i{width:1em;height:1em;stroke:currentColor;stroke-width:1.6;fill:none;stroke-linecap:round;stroke-linejoin:round;display:block}
.eyebrow{font-family:'Sora';font-size:12px;font-weight:600;letter-spacing:.15em;text-transform:uppercase;color:var(--muted)}

/* nav */
nav{position:sticky;top:0;z-index:40;background:rgba(20,16,14,.82);backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}
.nav-in{display:flex;align-items:center;justify-content:space-between;height:70px}
.logo img{height:34px;display:block}
.nlinks{display:flex;gap:30px;font-size:14.5px;font-weight:500;color:#CFC7C0}.nlinks a:hover{color:var(--ink)}
.btn{display:inline-flex;align-items:center;gap:8px;font-family:'Sora';font-weight:600;font-size:14.5px;padding:11px 18px;border-radius:10px;cursor:pointer;border:1px solid transparent;transition:.15s}
.btn-red{color:#fff;background:linear-gradient(180deg,#F0484D,#E43A3F);box-shadow:0 12px 30px -10px rgba(232,62,66,.6),inset 0 1px 0 rgba(255,255,255,.22)}.btn-red:hover{background:linear-gradient(180deg,#E8434A,#C62F34);box-shadow:0 14px 36px -10px rgba(232,62,66,.75),inset 0 1px 0 rgba(255,255,255,.22)}
.btn-ghost{color:var(--ink);background:transparent;border-color:var(--line2)}.btn-ghost:hover{border-color:var(--ink)}
.btn-lg{padding:14px 24px;font-size:15.5px}
@media(max-width:860px){.nlinks{display:none}}

/* hero */
.hero{padding:66px 0 40px;position:relative}
.hero-grid{display:grid;grid-template-columns:1fr 1.14fr;gap:44px;align-items:center}
.badge{display:inline-flex;align-items:center;gap:9px;font-family:'Sora';font-weight:600;font-size:13px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.15);border-radius:999px;padding:7px 16px 7px 13px;color:var(--ink);margin-bottom:22px;backdrop-filter:blur(10px)}
.star{position:relative;width:15px;height:15px;color:#FFC24B;display:inline-block}
.star svg{width:15px;height:15px;display:block;animation:twinkle 2.4s ease-in-out infinite}
.star::after{content:"";position:absolute;inset:-4px;background:radial-gradient(closest-side,rgba(255,194,75,.6),transparent 70%);opacity:0;animation:twinkleGlow 2.4s ease-in-out infinite}
@keyframes twinkle{0%,100%{transform:scale(1) rotate(0);filter:brightness(1)}45%{transform:scale(1.28) rotate(18deg);filter:brightness(1.6)}}
@keyframes twinkleGlow{0%,100%{opacity:.1}45%{opacity:.9}}
.hero h1{font-size:56px;font-weight:800;letter-spacing:-.03em;line-height:1.05;margin:0 0 20px}
.hero .sub{font-size:18.5px;color:#D7CFC8;max-width:36ch;line-height:1.55;margin:0 0 28px}
.cta-row{display:flex;gap:14px;flex-wrap:wrap;align-items:center}
.microcta{font-size:13.5px;color:var(--muted)}
.trust{margin-top:22px;font-size:13px;color:var(--muted)}
@media(max-width:900px){.hero-grid{grid-template-columns:1fr;gap:34px}.hero h1{font-size:40px}.hero .sub{max-width:none}}

/* browser window frame */
.bwin{background:#0f0c0a;border:1px solid var(--line2);border-radius:14px;overflow:hidden;box-shadow:0 44px 90px -34px rgba(0,0,0,.9),0 0 60px -18px rgba(228,58,63,.25)}
.bwin .bar{display:flex;align-items:center;gap:7px;padding:11px 14px;background:#17130f;border-bottom:1px solid var(--line)}
.bdot{width:11px;height:11px;border-radius:50%;background:#3a322c}
.bwin .url{margin-left:12px;font-size:11.5px;color:#8b827b;font-family:'Sora';background:#221c18;border:1px solid var(--line);border-radius:6px;padding:4px 12px;flex:1;max-width:340px}
.bwin .screen{background:var(--l-bg);display:block}
.bwin .screen img{width:100%;display:block}
.herowin{position:relative;margin-right:-26px}
.hero .bwin{box-shadow:0 50px 100px -34px rgba(0,0,0,.92),0 0 90px -14px rgba(232,62,66,.46),0 0 150px -30px rgba(255,124,84,.34)}
.fbadge{position:absolute;display:inline-flex;align-items:center;gap:7px;font-family:'Sora';font-weight:600;font-size:12.5px;color:var(--ink);background:rgba(30,24,20,.78);border:1px solid rgba(255,255,255,.2);border-radius:12px;padding:9px 13px;backdrop-filter:blur(16px);box-shadow:0 22px 44px -20px rgba(0,0,0,.75);z-index:5;white-space:nowrap}
.fbadge .tick{color:var(--ok);font-weight:800}
.fb1{top:-18px;left:-20px;animation:floatA 6s ease-in-out infinite}
.fb2{bottom:34px;right:-22px;animation:floatB 7s ease-in-out infinite}
@keyframes floatA{0%,100%{transform:translateY(0)}50%{transform:translateY(-11px)}}
@keyframes floatB{0%,100%{transform:translateY(0)}50%{transform:translateY(10px)}}
@media(max-width:680px){.fbadge{display:none}}

/* light UI primitives */
.ui{padding:18px;color:var(--l-ink);font-size:13px}
.ui .uihd{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}
.ui .uihd .t{font-family:'Sora';font-weight:700;font-size:15px}
.ui .uihd .s{font-size:11.5px;color:var(--l-muted)}
.pill{display:inline-flex;align-items:center;gap:6px;font-family:'Sora';font-weight:600;font-size:11px;border-radius:999px;padding:4px 10px;border:1px solid var(--l-line)}
.pill.ok{color:var(--l-ok);border-color:rgba(47,163,107,.35);background:rgba(47,163,107,.08)}
.pill.am{color:var(--l-amber);border-color:rgba(201,135,31,.35);background:rgba(201,135,31,.08)}
.pill.mut{color:var(--l-muted)}
.tabs{display:flex;gap:8px;margin-bottom:12px;flex-wrap:wrap}
.tab{font-family:'Sora';font-weight:600;font-size:12px;padding:6px 12px;border-radius:8px;border:1px solid var(--l-line);color:var(--l-muted)}
.tab.on{background:#fff;color:var(--l-ink);border-color:#d6dbe3}
.urow{display:flex;align-items:center;gap:11px;padding:11px 0;border-top:1px solid var(--l-line)}
.av{flex:0 0 30px;height:30px;border-radius:8px;background:#EDF0F4;display:flex;align-items:center;justify-content:center;font-family:'Sora';font-weight:700;font-size:12px;color:#7a8494}
.urow .nm{font-family:'Sora';font-weight:600;font-size:13px}.urow .sb{font-size:11px;color:var(--l-muted)}
.urow .amt{margin-left:auto;font-family:'Sora';font-weight:700;font-size:13.5px}
.utot{display:flex;align-items:baseline;justify-content:space-between;margin-top:14px;padding-top:14px;border-top:1px solid #dfe4ec}
.utot .lab{font-size:10.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--l-muted)}
.utot .big{font-family:'Sora';font-weight:800;font-size:24px}
.runbtn{font-family:'Sora';font-weight:700;font-size:12.5px;color:#fff;background:var(--l-red);border-radius:9px;padding:9px 15px;display:inline-flex;gap:7px;align-items:center}
.grid7{display:grid;grid-template-columns:64px repeat(5,1fr);gap:6px;font-size:11px}
.grid7 .hd{font-family:'Sora';font-weight:600;color:var(--l-muted);text-align:center;padding-bottom:4px}
.grid7 .rn{font-family:'Sora';font-weight:600;display:flex;align-items:center}
.cell{height:30px;border-radius:7px;background:#EDF0F4;border:1px solid var(--l-line)}
.cell.f{background:linear-gradient(180deg,#FBD9AE,#F3B36A);border-color:#eeae63}
.cell.o{background:repeating-linear-gradient(45deg,#fff,#fff 5px,#f0f0f2 5px,#f0f0f2 10px);border:1px dashed #cbd2dc}
.chain{list-style:none}
.chain li{display:flex;align-items:center;gap:11px;padding:10px 0;border-top:1px solid var(--l-line)}
.chain li:first-child{border-top:0}
.ck{flex:0 0 22px;height:22px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:800}
.ck.done{background:rgba(47,163,107,.14);color:var(--l-ok)}
.ck.wait{background:rgba(201,135,31,.14);color:var(--l-amber)}
.ck.q{background:#EDF0F4;color:#9aa3b1}
.chain .who{font-family:'Sora';font-weight:600;font-size:12.5px}.chain .sub{font-size:10.5px;color:var(--l-muted)}
.ent{display:flex;align-items:center;gap:11px;padding:11px 12px;border-radius:10px;border:1px solid var(--l-line);margin-bottom:7px}
.ent.sel{border-color:var(--l-red);background:rgba(228,58,63,.04)}
.ent .ei{flex:0 0 26px;height:26px;border-radius:7px;background:#EDF0F4;display:flex;align-items:center;justify-content:center;color:#7a8494;font-size:13px}
.ent .en{font-family:'Sora';font-weight:600;font-size:12.5px}
.ent .tagx{margin-left:auto;font-family:'Sora';font-size:10px;font-weight:600;color:var(--l-muted)}

/* proof bar */
.proof{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:24px;padding:24px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.stat b{font-family:'Sora';font-weight:800;font-size:22px;display:block}.stat small{color:var(--muted);font-size:12.5px}

/* wordmark logo marquees */
.lbl{font-family:'Sora';font-size:11.5px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin-bottom:24px;text-align:center}
.marquee{overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent);mask-image:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent)}
.mtrack{display:flex;gap:52px;width:max-content;align-items:center;animation:marq 46s linear infinite}
.marquee:hover .mtrack{animation-play-state:paused}
@keyframes marq{to{transform:translateX(-50%)}}
.wm{font-family:'Sora';font-weight:700;font-size:21px;letter-spacing:-.02em;color:#fff;opacity:.6;white-space:nowrap;transition:opacity .2s}
.wm:hover{opacity:.95}
.wm .r{color:var(--red);opacity:1}

/* sections */
.sec{padding:104px 0}
.pool{position:relative}
.pool::before{content:"";position:absolute;top:46%;left:50%;transform:translate(-50%,-50%);width:1200px;max-width:122vw;height:640px;border-radius:50%;background:radial-gradient(closest-side,rgba(232,62,66,.18),rgba(255,132,86,.07) 55%,transparent 78%);z-index:-1;pointer-events:none}
.dots{position:relative}
.dots::after{content:none}
.sechead{max-width:660px;margin:0 auto 50px;text-align:center}
.sechead h2{font-size:36px;font-weight:800;letter-spacing:-.02em;margin:12px 0 12px;line-height:1.12}
.sechead p{color:var(--muted);font-size:17px;line-height:1.55}

/* PROBLEM horizontal carousel */
.hcar{position:relative;overflow:hidden;border-radius:18px}
.htrack{display:flex;transition:transform .5s cubic-bezier(.4,.1,.2,1)}
.hslide{flex:0 0 100%;min-height:230px;display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center;padding:8px 6px}
.hpain .who{font-family:'Sora';font-size:12px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--red);margin-bottom:14px}
.hpain h3{font-size:17px;font-weight:600;letter-spacing:0;line-height:1.5;color:#EDE6DF}
.hfix{border-left:2px solid var(--red);padding:6px 0 6px 22px}
.hfix .fx{font-family:'Sora';font-size:33px;font-weight:800;letter-spacing:-.02em;text-transform:none;color:var(--ink);line-height:1.14;margin-bottom:12px}
.hfix p{font-size:17px;line-height:1.55;color:#E2DAD3}
.hnav{display:flex;align-items:center;justify-content:center;gap:16px;margin-top:26px}
.hdots{display:flex;gap:9px}
.hdot{width:9px;height:9px;border-radius:50%;background:rgba(255,255,255,.2);cursor:pointer;transition:.2s}
.hdot.on{background:var(--red);transform:scale(1.15)}
.harrow{width:38px;height:38px;border-radius:50%;border:1px solid var(--line2);background:transparent;color:var(--ink);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:16px;transition:.15s}
.harrow:hover{border-color:var(--ink);background:rgba(255,255,255,.05)}
@media(max-width:820px){.hslide{grid-template-columns:1fr;gap:14px;min-height:280px}.hfix .fx{font-size:26px}}

/* MODULES vertical carousel + screenshot placeholder (fixed height, no shift) */
.modwrap{display:grid;grid-template-columns:.85fr 1.15fr;gap:44px;align-items:stretch;min-height:400px}
.modlist{display:flex;flex-direction:column;gap:2px;align-self:center}
.mrow{display:flex;align-items:center;gap:13px;padding:13px 16px;border-radius:11px;cursor:pointer;transition:.18s;border:1px solid transparent}
.mrow .mi{color:var(--muted);font-size:19px;width:22px;text-align:center;transition:.18s}
.mrow .mt{font-family:'Sora';font-weight:600;font-size:16px;color:var(--muted);transition:.18s}
.mrow.on{background:rgba(255,255,255,.06);border-color:var(--line2)}
.mrow.on .mi{color:var(--red)}.mrow.on .mt{color:var(--ink)}
.modstage{position:relative;border-radius:16px;overflow:hidden;min-height:400px}
.mscreen{position:absolute;inset:0;opacity:0;transition:opacity .4s;display:flex;flex-direction:column}
.mscreen.on{opacity:1}
.mshot{flex:1;background:rgba(255,255,255,.04);border:1px dashed var(--line2);border-radius:16px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;text-align:center;padding:30px}
.mshot .mspill{font-family:'Sora';font-weight:700;font-size:20px;color:var(--ink)}
.mshot .msdesc{color:var(--muted);font-size:14.5px;max-width:34ch;line-height:1.55}
.mshot .mstag{font-family:'Sora';font-size:11px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--red);opacity:.7;margin-top:6px}
.mshot .msicon{width:60px;height:60px;border-radius:16px;background:rgba(228,58,63,.12);color:var(--red);display:flex;align-items:center;justify-content:center;font-size:30px}
@media(max-width:820px){.modwrap{grid-template-columns:1fr;gap:22px;min-height:auto}.modstage{min-height:300px}.modlist{align-self:auto}}

/* PRODUCTS (Classic/Pro/Plus) - demandfarm-style cards */
.prods{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;align-items:stretch}
.prod{background:linear-gradient(180deg,rgba(255,255,255,.09),rgba(255,255,255,.035));border:1px solid var(--line2);border-radius:18px;overflow:hidden;display:flex;flex-direction:column;transition:.18s;position:relative;box-shadow:inset 0 1px 0 rgba(255,255,255,.12)}
.prod:hover{transform:translateY(-4px);border-color:rgba(255,255,255,.28)}
.prod.feat{border-color:rgba(228,58,63,.5);box-shadow:0 0 60px -24px rgba(228,58,63,.55)}
.pribbon{position:absolute;z-index:3;top:16px;right:16px;font-family:'Sora';font-weight:700;font-size:10.5px;letter-spacing:.06em;color:#fff;background:var(--red);border-radius:999px;padding:5px 11px}
.pshot{aspect-ratio:16/10;background:linear-gradient(160deg,rgba(255,255,255,.06),rgba(255,255,255,.02));border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:center;position:relative}
.pshot svg{width:100%;height:100%;display:block}
.pshot .ph{border:1px dashed var(--line2);border-radius:10px;padding:14px 18px;font-family:'Sora';font-size:11px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}
.pbody{padding:24px;display:flex;flex-direction:column;flex:1}
.pbody .ptier{font-family:'Sora';font-weight:800;font-size:22px}
.pbody .ptag{color:#D7CFC8;font-size:14.5px;line-height:1.5;margin:8px 0 16px}
.pbody .plist{list-style:none;display:flex;flex-direction:column;gap:9px;margin-bottom:18px}
.pbody .plist li{display:flex;gap:10px;font-size:13.5px;color:#E2DAD3}.pbody .plist .c{color:var(--ok);flex:0 0 16px}
.pbody .pprice{font-family:'Sora';font-size:13px;color:var(--muted);margin-bottom:16px;margin-top:auto}
.pbody .pprice b{color:var(--ink);font-size:20px;font-weight:800}
.pcta{font-family:'Sora';font-weight:600;font-size:14px;padding:11px 16px;border-radius:10px;border:1px solid var(--line2);text-align:center;transition:.15s}
.pcta:hover{border-color:var(--ink)}
.pcta.red{background:var(--red);border-color:var(--red);color:#fff}.pcta.red:hover{background:var(--red-2)}
@media(max-width:820px){.prods{grid-template-columns:1fr}}

/* feature rows */
.feature{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center;margin-bottom:96px}
.feature:last-child{margin-bottom:0}
.feature h3{font-size:27px;font-weight:800;letter-spacing:-.02em;margin:12px 0 14px;line-height:1.15}
.feature .fbody{color:var(--muted);font-size:16px;line-height:1.6;margin-bottom:18px}
.flist{list-style:none;display:flex;flex-direction:column;gap:12px}
.flist li{display:flex;gap:12px;font-size:14.5px;align-items:flex-start;color:#E2DAD3}
.flist .c{flex:0 0 18px;height:18px;color:var(--ok);margin-top:2px;font-size:16px}
@media(max-width:820px){.feature{grid-template-columns:1fr;gap:26px}.feature .fvis{order:-1}}

/* comparison */
.cmp{border:1px solid var(--line2);border-radius:16px;overflow:hidden;background:rgba(255,255,255,.05);backdrop-filter:blur(16px)}
.cmp table{width:100%;border-collapse:collapse;font-size:14.5px}
.cmp th,.cmp td{padding:15px 18px;text-align:left;border-top:1px solid var(--line)}
.cmp thead th{border-top:0;font-family:'Sora';font-weight:600;font-size:13px;color:var(--muted);background:rgba(255,255,255,.03)}
.cmp thead th.us{color:var(--ink)}
.cmp td.feat{color:#E2DAD3}
/* .cmp th,.cmp td set everything left, and only the td.us / td.them cells were
   centred again — so both comparison headings sat left over centred columns. */
.cmp thead th:not(:first-child){text-align:center}
.cmp td.us{text-align:center;font-weight:700;color:var(--ok);font-family:'Sora'}
.cmp td.them{text-align:center;color:var(--muted);font-size:13px}
.cmp col.uscol{background:rgba(228,58,63,.06)}
@media(max-width:720px){.cmp th,.cmp td{padding:12px;font-size:13px}}

/* personas */
.pgrid{display:grid;grid-template-columns:repeat(5,1fr);gap:14px}
.pcard{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.14);border-radius:14px;padding:22px 18px;backdrop-filter:blur(18px) saturate(150%);box-shadow:0 20px 44px -28px rgba(0,0,0,.7),inset 0 1px 0 rgba(255,255,255,.16);transition:.18s;display:block}
.pcard{position:relative;overflow:hidden}.pcard:hover{transform:translateY(-4px);border-color:rgba(228,58,63,.45);background:rgba(255,255,255,.09);box-shadow:0 28px 62px -30px rgba(0,0,0,.75),0 0 50px -14px rgba(228,58,63,.5)}.pcard::after{content:'';position:absolute;inset:0;background:radial-gradient(340px 180px at 50% -10%,rgba(228,58,63,.16),transparent 70%);opacity:0;transition:opacity .2s;pointer-events:none}.pcard:hover::after{opacity:1}
.pcard .ico{width:32px;height:32px;color:var(--red);font-size:24px;margin-bottom:14px}
.pcard h4{font-family:'Sora';font-weight:600;font-size:15px}
.pcard p{color:var(--muted);font-size:12.5px;line-height:1.5;margin-top:7px}
.pcard .go{margin-top:12px;font-family:'Sora';font-weight:600;font-size:12.5px;color:var(--red);opacity:0;transition:.18s}
.pcard:hover .go{opacity:1}
@media(max-width:900px){.pgrid{grid-template-columns:1fr 1fr}}

/* benefits de-boxed */
.benlist{display:grid;grid-template-columns:1fr 1fr;gap:0 56px}
.benrow{display:flex;gap:18px;padding:26px 0;border-top:1px solid var(--line);align-items:flex-start}
.benrow .bn{font-family:'Sora';font-weight:800;font-size:15px;color:var(--red);flex:0 0 34px;padding-top:2px}
.benrow h4{font-family:'Sora';font-weight:700;font-size:18px;margin-bottom:6px}
.benrow p{color:var(--muted);font-size:14.5px;line-height:1.55}
@media(max-width:820px){.benlist{grid-template-columns:1fr}}

/* video */
.vidsec{display:grid;grid-template-columns:1.1fr .9fr;gap:44px;align-items:center}
.vidwrap{position:relative;border-radius:14px;overflow:hidden;border:1px solid var(--line2);aspect-ratio:16/9;background:#000;cursor:pointer}
.vidwrap img{width:100%;height:100%;object-fit:cover;display:block}
.vidwrap iframe{width:100%;height:100%;border:0;display:block}
.playbtn{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,.15)}
.playbtn span{width:66px;height:66px;border-radius:50%;background:rgba(228,58,63,.92);display:flex;align-items:center;justify-content:center;box-shadow:0 12px 40px -8px rgba(228,58,63,.7);transition:.18s}
.vidwrap:hover .playbtn span{transform:scale(1.08)}
.playbtn svg{width:24px;height:24px;fill:#fff;margin-left:3px}
.vquote{font-family:'Sora';font-size:23px;font-weight:600;line-height:1.35}
.vby{display:flex;align-items:center;gap:12px;margin-top:18px}.vby img{width:46px;height:46px;border-radius:50%;object-fit:cover}
.vby b{font-family:'Sora';font-weight:600;font-size:15px;display:block}.vby span{color:var(--muted);font-size:13px}
@media(max-width:820px){.vidsec{grid-template-columns:1fr}}

/* faq + final */
.faq{max-width:820px;margin:0 auto}
.faqitem{border:1px solid var(--line);border-radius:14px;background:rgba(255,255,255,.05);backdrop-filter:blur(16px);margin-bottom:12px;overflow:hidden;transition:border-color .15s}
.faqitem.open{border-color:rgba(255,255,255,.2)}
.faqq{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:20px 22px;cursor:pointer;font-family:'Sora';font-weight:600;font-size:16px}
.faqq .pm{flex:0 0 auto;color:var(--red);font-size:22px;line-height:1;transition:transform .25s;font-weight:400}
.faqitem.open .pm{transform:rotate(45deg)}
.faqa{max-height:0;overflow:hidden;transition:max-height .3s ease}
.faqa .inner{padding:0 22px 20px;color:var(--muted);font-size:14.5px;line-height:1.6}
.faqitem.open .faqa{max-height:280px}
.final{text-align:center;padding:106px 24px;position:relative;overflow:hidden;background:radial-gradient(1100px 520px at 50% -28%,rgba(255,164,132,.5),transparent 60%),linear-gradient(120deg,#E5564C 0%,#D2343C 46%,#C64683 100%);box-shadow:inset 0 1px 0 rgba(255,255,255,.2),inset 0 22px 60px -30px rgba(0,0,0,.5)}.final::after{content:'';position:absolute;inset:0;background-image:radial-gradient(rgba(255,255,255,.16) 1px,transparent 1.6px);background-size:26px 26px;-webkit-mask-image:linear-gradient(180deg,#000,transparent 72%);mask-image:linear-gradient(180deg,#000,transparent 72%);opacity:.5;pointer-events:none}.final .wrap{position:relative;z-index:2}.final h2{color:#fff}.final p{color:rgba(255,255,255,.92)}.final .eyebrow{color:rgba(255,255,255,.72)}.final .btn-red{background:#fff;color:var(--red);box-shadow:0 14px 34px -12px rgba(0,0,0,.5),inset 0 1px 0 rgba(255,255,255,.6)}.final .btn-red:hover{background:#fff;color:var(--red-2);transform:translateY(-1px)}
.final h2{font-size:40px;font-weight:800;letter-spacing:-.02em;margin:0 0 14px}
.final p{color:#D7CFC8;font-size:17px;margin-bottom:26px}

/* footer */
footer{border-top:1px solid var(--line);padding:64px 0 34px;color:var(--muted);font-size:14px;position:relative;z-index:2}
.fgrid{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr 1.1fr;gap:32px;padding-bottom:40px;border-bottom:1px solid var(--line)}
.fcol h5{font-family:'Sora';font-size:12px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:#C7BFB8;margin-bottom:16px}
.fcol a{display:block;color:var(--muted);margin-bottom:10px;transition:.15s}.fcol a:hover{color:var(--ink)}
.fbrand img{height:32px;margin-bottom:16px}
.fbrand p{font-size:13.5px;line-height:1.6;max-width:30ch;margin-bottom:18px}
/* removed: superseded .fsel pill rule — .fsel is now the <details> wrapper, and this left a second border + 28px of padding around the summary */
.appbadges{display:flex;gap:10px;margin-top:16px}
.appbadge{display:inline-flex;align-items:center;gap:9px;border:1px solid var(--line2);border-radius:10px;padding:8px 13px;font-family:'Sora';color:var(--ink)}
.appbadge svg{width:20px;height:20px}.appbadge small{display:block;font-size:9.5px;color:var(--muted);font-weight:500}.appbadge b{font-size:13px;font-weight:600}
.fbot{display:flex;justify-content:space-between;flex-wrap:wrap;gap:16px;align-items:center;padding-top:26px}
.fsoc{display:flex;gap:12px}
.fsoc a{width:34px;height:34px;border-radius:8px;border:1px solid var(--line2);display:flex;align-items:center;justify-content:center;color:var(--muted)}
.fsoc a:hover{color:var(--ink);border-color:var(--ink)}
@media(max-width:900px){.fgrid{grid-template-columns:1fr 1fr;gap:28px}.fbrand{grid-column:1/-1}}

.rise{opacity:0;transform:translateY(22px);transition:opacity .7s cubic-bezier(.2,.8,.2,1),transform .7s cubic-bezier(.2,.8,.2,1)}.rise.in{opacity:1;transform:none}
@media(prefers-reduced-motion:reduce){.rise{opacity:1;transform:none;transition:none}.mtrack,.star svg,.star::after,.fbadge{animation:none!important}}
.dotbase{position:fixed;inset:0;z-index:1;pointer-events:none;background-image:radial-gradient(rgba(255,246,242,.05) .75px,transparent 1.25px);background-size:30px 30px}
.dotwave{position:fixed;inset:0;z-index:1;pointer-events:none;background-image:radial-gradient(rgba(255,150,118,.4) 1.05px,transparent 1.6px);background-size:28px 28px;opacity:0;-webkit-mask-image:linear-gradient(115deg,transparent 45.5%,#000 50%,transparent 54.5%);mask-image:linear-gradient(115deg,transparent 45.5%,#000 50%,transparent 54.5%);-webkit-mask-size:300% 100%;mask-size:300% 100%;-webkit-mask-position:160% 0;mask-position:160% 0}
.dotwave.go{animation:stadwave 4.4s cubic-bezier(.45,0,.2,1) 1 forwards}
@keyframes stadwave{0%{opacity:1;-webkit-mask-position:160% 0;mask-position:160% 0}100%{opacity:1;-webkit-mask-position:-60% 0;mask-position:-60% 0}}
@media(prefers-reduced-motion:reduce){.dotwave{display:none}}
.pwho-row{display:flex;align-items:center;gap:24px}
.pface{width:154px;height:188px;flex:0 0 154px;position:relative}
.pface .ph{position:absolute;inset:0;display:flex;align-items:flex-end;justify-content:center;color:rgba(255,255,255,.15)}
.pface .ph svg{width:100px;height:100px}
.pface img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;object-position:bottom center;display:block;filter:grayscale(1) sepia(.28) hue-rotate(-12deg) saturate(1.25) brightness(1.04) contrast(1.03);-webkit-filter:grayscale(1) sepia(.28) hue-rotate(-12deg) saturate(1.25) brightness(1.04) contrast(1.03)}
@media(max-width:820px){.pface{width:120px;height:150px;flex-basis:120px}.pwho-row{gap:16px}}
.baStageWrap{position:relative;max-width:1000px;margin:0 auto;min-height:360px}
.baStage{position:absolute;inset:0;opacity:0;transition:opacity .45s;pointer-events:none}
.baStage.on{opacity:1;pointer-events:auto}
.baWho{font-family:'Sora';font-size:12px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--red);text-align:center;margin-top:18px}
.baPanel{position:relative;height:300px;border-radius:20px;overflow:hidden;border:1px solid var(--line2);box-shadow:0 30px 70px -34px rgba(0,0,0,.8)}
.baLayer{position:absolute;inset:0;display:flex;align-items:center;gap:40px;padding:0 clamp(24px,5vw,60px)}
.baBefore{background:linear-gradient(120deg,#17130f 0%,#211a16 100%)}
.baAfter{background:radial-gradient(720px 320px at 34% 50%,rgba(232,62,66,.22),transparent 70%),linear-gradient(120deg,#241513 0%,#2c1a1d 100%);clip-path:inset(0 100% 0 0)}
.baFace{width:186px;height:230px;flex:0 0 186px;position:relative}
.baFace .baph{position:absolute;inset:0;display:flex;align-items:flex-end;justify-content:center;color:rgba(255,255,255,.13)}
.baFace .baph svg{width:104px;height:104px}
.baFace img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;object-position:bottom center;display:block}
.baBefore .baFace img{filter:grayscale(1) brightness(.82) contrast(1.04);-webkit-filter:grayscale(1) brightness(.82) contrast(1.04)}
.baAfter .baFace img{filter:grayscale(.2) sepia(.18) hue-rotate(-8deg) saturate(1.35) brightness(1.07) contrast(1.02);-webkit-filter:grayscale(.2) sepia(.18) hue-rotate(-8deg) saturate(1.35) brightness(1.07) contrast(1.02)}
.baMsg{font-family:'Sora';font-weight:800;font-size:33px;letter-spacing:-.02em;line-height:1.14;max-width:13ch;position:relative}
/* oversized quote, drawn rather than a font glyph so it renders identically
   everywhere. Sits in flow above the line, so it never overlaps the text. */
.baMsg::before{content:"";display:block;width:86px;height:56px;margin:0 0 15px;transform:scaleX(-1);pointer-events:none;-webkit-mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2086%2056%27%3E%3Cg%20fill%3D%27black%27%3E%3Ccircle%20cx%3D%2718%27%20cy%3D%2718%27%20r%3D%2716%27%2F%3E%3Cpath%20d%3D%27M34%2018c0%2014-8%2026-22%2034l-6-9c9-6%2014-13%2014-21z%27%2F%3E%3Ccircle%20cx%3D%2764%27%20cy%3D%2718%27%20r%3D%2716%27%2F%3E%3Cpath%20d%3D%27M80%2018c0%2014-8%2026-22%2034l-6-9c9-6%2014-13%2014-21z%27%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center/contain;mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2086%2056%27%3E%3Cg%20fill%3D%27black%27%3E%3Ccircle%20cx%3D%2718%27%20cy%3D%2718%27%20r%3D%2716%27%2F%3E%3Cpath%20d%3D%27M34%2018c0%2014-8%2026-22%2034l-6-9c9-6%2014-13%2014-21z%27%2F%3E%3Ccircle%20cx%3D%2764%27%20cy%3D%2718%27%20r%3D%2716%27%2F%3E%3Cpath%20d%3D%27M80%2018c0%2014-8%2026-22%2034l-6-9c9-6%2014-13%2014-21z%27%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center/contain}
.baPain{color:#B7ADA6}
.baPain::before{background:rgba(255,255,255,.09)}
.baBen{color:#fff}
.baBen::before{background:var(--red);opacity:.42}
@media(max-width:820px){.baMsg::before{width:60px;height:39px;margin-bottom:11px}}
.baLine{position:absolute;top:0;bottom:0;width:2px;left:0;background:linear-gradient(180deg,#FF7A5C,#E43A3F 50%,#FF6FA8);box-shadow:0 0 24px rgba(232,62,66,.75);z-index:6}
.baLine::after{content:"";position:absolute;top:50%;left:50%;width:38px;height:38px;border-radius:50%;transform:translate(-50%,-50%);background:linear-gradient(180deg,#F0484D,#E43A3F);box-shadow:0 8px 24px rgba(0,0,0,.55),inset 0 1px 0 rgba(255,255,255,.35);z-index:2}
.baLine::before{content:"\2194";position:absolute;top:50%;left:50%;transform:translate(-50%,-54%);color:#fff;font-size:17px;font-weight:700;z-index:3}
.baDots{display:flex;gap:9px;justify-content:center;margin-top:28px}
.baDot{width:9px;height:9px;border-radius:50%;background:rgba(255,255,255,.2);cursor:pointer;transition:.2s}
.baDot.on{background:var(--red);transform:scale(1.15)}
@media(max-width:820px){.baLayer{gap:18px;padding:0 20px}.baFace{width:120px;height:150px;flex-basis:120px}.baMsg{font-size:21px;max-width:none}.baPanel{height:230px}.baStageWrap{min-height:310px}}

/* ================= HYBRID: light bands on dark base ================= */
.lightband{--ink:#211B17;--muted:#6E635C;--line:rgba(24,18,15,.10);--line2:rgba(24,18,15,.16);position:relative;z-index:1;color:var(--ink)}
.lightband::before{content:"";position:absolute;top:0;bottom:0;left:calc(50% - 50vw);width:100vw;background:#F5F2F0;z-index:-1}
.lightband::after{content:"";position:absolute;left:calc(50% - 50vw);width:100vw;height:1px;top:0;background:rgba(24,18,15,.08);z-index:-1}
.lightband .prod{background:#fff;border-color:var(--line);box-shadow:0 22px 46px -32px rgba(40,28,24,.22),inset 0 1px 0 #fff}
.lightband .prod:hover{border-color:rgba(24,18,15,.2)}
.lightband .prod.feat{border-color:rgba(228,58,63,.45);box-shadow:0 26px 60px -30px rgba(228,58,63,.28)}
.lightband .pshot{background:linear-gradient(160deg,#f3efec,#faf8f7)}
.lightband .pbody .ptag{color:#5b524c}
.lightband .pbody .plist li{color:#403833}
.lightband .cmp{background:#fff;border-color:var(--line)}
.lightband .cmp thead th{background:#faf7f6}
.lightband .cmp td.feat{color:#403833}
.lightband .pcard{background:#fff;border-color:var(--line);box-shadow:0 18px 40px -30px rgba(40,28,24,.2),inset 0 1px 0 #fff}
.lightband .pcard:hover{background:#fff;border-color:rgba(228,58,63,.4);box-shadow:0 26px 56px -30px rgba(228,58,63,.26)}

/* ===== module carousel screens — added 23 Aug 2026 ===== */
.proofband{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:24px 0 18px}
.proof{border-top:0;border-bottom:0;padding:0}
.pcountries{font-family:'Sora';font-size:11px;font-weight:600;letter-spacing:.15em;text-transform:uppercase;color:var(--muted);opacity:.68;text-align:center;margin-top:20px;padding-top:16px;border-top:1px solid rgba(255,255,255,.05)}
.modwrap{align-items:center}
.mscreen{display:flex;align-items:center}
.mscreen .bwin{width:100%}
.mscreen .ui{min-height:318px;display:flex;flex-direction:column}
.mscreen .ui .utot{margin-top:auto}
.mscreen .cell{display:flex;align-items:center;justify-content:center;font-size:10px;color:#7a8494;font-family:'Sora';font-weight:600}
.mscreen .cell.f{color:#7a5220}
.cell.mot{background:linear-gradient(180deg,#F7C08A,#E89A45);border-color:#d98c33;color:#5e3d12;position:relative}
.cell.mot::after{content:"";position:absolute;top:3px;right:3px;width:5px;height:5px;border-radius:50%;background:var(--l-red)}
.pill.mrd{color:var(--l-red);border-color:rgba(228,58,63,.35);background:rgba(228,58,63,.07)}
.msk{display:inline-block;height:9px;border-radius:5px;background:linear-gradient(90deg,#DCE1EA,#E9EDF3);vertical-align:middle}
.msk.s{width:38px}.msk.m{width:62px}.msk.l{width:92px}
.mdim{opacity:.4}
.mfocus{background:rgba(228,58,63,.055);box-shadow:inset 3px 0 0 var(--l-red);border-radius:0 9px 9px 0;padding-left:12px;margin-left:-12px}
.mline{font-family:'Sora';font-weight:600;font-size:13px;color:var(--l-ink)}
.mkv{display:flex;gap:22px;margin:2px 0 14px;flex-wrap:wrap}
.mkv div{display:flex;flex-direction:column;gap:3px}
.mkv .k{font-size:10.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--l-muted)}
.mkv .v{font-family:'Sora';font-weight:700;font-size:15px}
.mtrail{display:flex;flex-direction:column;gap:9px;margin-top:4px}
.mtr{display:flex;align-items:center;gap:9px;font-size:11.5px;color:var(--l-muted)}
.mtr .mdot{width:16px;height:16px;border-radius:50%;border:2px solid #cfd6e0;flex:0 0 16px}
.mtr.done .mdot{background:var(--l-ok);border-color:var(--l-ok)}
.mtr.now .mdot{border-color:var(--l-red);background:rgba(228,58,63,.16)}
.mtr b{font-family:'Sora';font-weight:600;color:var(--l-ink);font-size:12px}
.mrcpt{width:56px;height:70px;border-radius:8px;background:linear-gradient(160deg,#fff,#f1f4f8);border:1px solid var(--l-line);display:flex;flex-direction:column;gap:5px;padding:9px 8px;flex:0 0 56px}
.mrcpt span{height:4px;border-radius:3px;background:#DCE1EA}
.mtbl{width:100%;border-collapse:collapse;font-size:11.5px}
.mtbl th{text-align:left;font-family:'Sora';font-weight:600;font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--l-muted);padding:0 0 8px;border-bottom:1px solid var(--l-line)}
.mtbl td{padding:9px 0;border-bottom:1px solid var(--l-line)}
.mtbl td:last-child,.mtbl th:last-child{text-align:right}
.mtbl .who{font-family:'Sora';font-weight:600}
.mcard{background:#fff;border:1px solid var(--l-line);border-radius:11px;padding:13px}
.mcard .lab{font-size:10.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--l-muted)}
.mcard .msub{font-size:11px;color:var(--l-muted);margin-top:7px}
.messcols{display:grid;grid-template-columns:1fr 1fr;gap:11px}
.mbal{display:flex;align-items:flex-end;gap:8px;margin-top:7px}
.mbal b{font-family:'Sora';font-weight:800;font-size:26px;line-height:1}
.mbal small{color:var(--l-muted);font-size:11px;padding-bottom:3px}
.mmeter{height:6px;border-radius:4px;background:#E4E8EE;margin-top:9px;overflow:hidden}
.mmeter i{display:block;height:100%;background:var(--l-ok);border-radius:4px}
@media(max-width:520px){.messcols{grid-template-columns:1fr}.mscreen .ui{min-height:0}}


/* ===== scheduling + mobile carousel screens - added 11 Sep 2026 ===== */
/* Scheduling: the Shift Management week grid, matched to the product. */
.hschw{border:1px solid var(--l-line);border-radius:10px;overflow:hidden;background:#fff}
.hschtb{display:flex;align-items:center;gap:8px;padding:8px 10px;background:#FBF8F6;
 border-bottom:1px solid var(--l-line);flex-wrap:wrap}
.hschtb .fld{display:inline-flex;align-items:center;gap:6px;border:1px solid #e6ded7;
 border-radius:7px;background:#fff;padding:5px 9px;font-family:'Sora';font-size:10.5px;
 font-weight:600;color:var(--l-ink)}
.hschtb .fld span{color:#a89f97;font-weight:500}
.hschtb .pubb{margin-left:auto;font-family:'Sora';font-size:10px;font-weight:700;color:#fff;
 background:var(--l-red);border-radius:7px;padding:6px 12px}
.hschlg{display:flex;align-items:center;gap:13px;padding:6px 10px;flex-wrap:wrap;
 border-bottom:1px solid var(--l-line)}
.hschlg b{font-family:'Sora';font-size:9px;font-weight:600;color:var(--l-muted);
 display:inline-flex;align-items:center;gap:5px}
.hschlg b i{width:10px;height:10px;border-radius:3px;border:1px solid #d6dae0;background:#fff}
.hschlg b.pb i{background:#EAF7EF;border-color:#c3e4d1}
.hschlg b.up i{background:#FDEDED;border-color:#f5cfcf}
.hschlg .tz{margin-left:auto;font-family:'Sora';font-size:9px;font-weight:600;color:#a89f97}
.hschg{display:grid;grid-template-columns:repeat(7,1fr)}
.hschg .d{text-align:center;padding:6px 2px 7px;border-bottom:1px solid var(--l-line);
 border-right:1px solid #f5efe9;font-family:'Sora';font-size:9px;font-weight:600;color:var(--l-muted)}
.hschg .d:last-of-type{border-right:0}
.hschg .d u{display:block;text-decoration:none;font-size:12px;color:var(--l-ink);margin-top:2px}
.hschg .d.now u{width:22px;height:22px;line-height:22px;margin:2px auto 0;border-radius:50%;
 background:#4B3FD0;color:#fff}
.hschasg{grid-column:1/-1;display:flex;align-items:center;gap:8px;padding:6px 10px;
 background:#F7F4F1;border-bottom:1px solid var(--l-line);font-family:'Sora';font-size:10px;
 font-weight:600;color:var(--l-ink)}
.hschasg em{font-style:normal;font-size:8.5px;font-weight:700;letter-spacing:.06em;
 text-transform:uppercase;color:#fff;background:var(--l-red);border-radius:999px;padding:3px 8px}
.hschc{min-height:58px;padding:4px;border-right:1px solid #f5efe9;border-bottom:1px solid #f5efe9}
.hshf{border:1px solid #e2e6ec;border-radius:6px;background:#fff;padding:4px 5px;font-size:8.5px;
 line-height:1.4}
.hshf .t{font-family:'Sora';font-weight:700;font-size:9px;color:var(--l-ink)}
.hshf .who{color:#7d756e;margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.hshf .ob{display:block;margin-top:4px;border-radius:4px;background:#AFB6C0;color:#fff;
 font-family:'Sora';font-size:7.5px;font-weight:700;letter-spacing:.05em;text-align:center;padding:2px 0}
.hshf.pb{background:#F2FAF5;border-color:#cfe8d9}

/* Mobile app: three phone frames instead of the browser window. */
.mscreen.isapp .bwin{background:transparent;border:0;box-shadow:none}
.phrow{display:flex;gap:16px;justify-content:center;align-items:stretch;padding:6px 0}
.ph{width:174px;flex:0 0 174px;border-radius:20px;background:#fff;border:1px solid #dcd5ce;
 box-shadow:0 18px 40px -22px rgba(20,12,8,.45);overflow:hidden;display:flex;flex-direction:column}
.ph .phb{background:var(--l-red);color:#fff;font-family:'Sora';font-size:10.5px;font-weight:600;
 padding:9px 11px;display:flex;align-items:center;gap:7px}
.ph .phb .gl{opacity:.85;font-size:11px}
.ph .phb .rt{margin-left:auto;font-size:9px;opacity:.9;font-weight:500}
.ph .phbody{padding:9px;flex:1;display:flex;flex-direction:column;gap:6px}
.phr{display:flex;align-items:center;gap:9px;background:#EEF6F1;border-radius:7px;padding:7px 9px;
 font-family:'Sora';font-size:10px;font-weight:600;color:#241c17}
.phr i{width:15px;height:15px;flex:none;color:var(--l-red);font-style:normal;font-size:11px;
 display:grid;place-items:center}
.phr b{margin-left:auto;font-size:8.5px;font-weight:700;color:#fff;background:var(--l-red);
 border-radius:999px;min-width:15px;height:15px;display:grid;place-items:center;padding:0 4px}
.phav{width:46px;height:46px;border-radius:50%;background:#C9D2D6;color:#4a5459;margin:8px auto 0;
 display:grid;place-items:center;font-family:'Sora';font-weight:700;font-size:15px}
.phwel{text-align:center;font-family:'Sora';font-size:11px;font-weight:600;color:var(--l-red);
 margin-top:6px;line-height:1.35}
.phshift{border:1px solid #eee4dc;border-radius:9px;padding:9px;text-align:center;margin-top:8px}
.phshift span{display:inline-block;font-family:'Sora';font-size:9.5px;font-weight:600;color:#fff;
 background:var(--l-red);border-radius:6px;padding:6px 14px;margin-top:6px}
.phtiles{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:9px}
.phtile{background:var(--l-red);color:#fff;border-radius:9px;min-height:44px;display:grid;
 place-items:center;font-family:'Sora';font-size:9.5px;font-weight:600;position:relative}
.phtile u{position:absolute;top:4px;right:5px;text-decoration:none;font-size:8px;font-weight:700;
 background:rgba(255,255,255,.28);border-radius:999px;padding:1px 5px}
.phlv{border-bottom:1px solid var(--l-line);padding:7px 2px}
.phlv .t{font-family:'Sora';font-size:9.5px;font-weight:600;color:#241c17}
.phlv .s{font-size:8.5px;color:var(--l-muted);margin-top:2px}
.phlv .g{display:flex;align-items:center;gap:6px;margin-top:5px}
.phlv em{font-style:normal;font-size:8px;font-weight:700;letter-spacing:.04em;border-radius:999px;
 padding:2px 7px;font-family:'Sora'}
.phlv em.dr{background:#FCEFD9;color:#8a6a12}
.phlv em.pn{background:#FCEFD9;color:#8a6a12}
.phlv em.ap{background:#E7F5EE;color:#1E7A4F}
.phlv em.rj{background:#FBE3E3;color:#B22B2F}
.phlv .dy{margin-left:auto;font-family:'Sora';font-size:9px;font-weight:700;color:#241c17}
@media(max-width:900px){.ph:nth-child(3){display:none}}
@media(max-width:620px){.ph:nth-child(2){display:none}.phrow{padding:0}}

/* placeholder screens for modules awaiting a real capture */
.mscreen .ui.mplace{align-items:center;justify-content:center;text-align:center;gap:11px;padding:34px 30px;background:repeating-linear-gradient(135deg,transparent,transparent 9px,rgba(105,115,132,.045) 9px,rgba(105,115,132,.045) 18px)}
.mplace .msicon{width:54px;height:54px;border-radius:15px;background:rgba(228,58,63,.1);color:var(--l-red);display:flex;align-items:center;justify-content:center;font-size:27px}
.mplace .mspill{font-family:'Sora';font-weight:700;font-size:19px;color:var(--l-ink)}
.mplace .msdesc{color:var(--l-muted);font-size:13.5px;max-width:36ch;line-height:1.55}
.mplace .mstag{font-family:'Sora';font-size:10px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--l-muted);opacity:.7;border:1px dashed #c9d0da;border-radius:999px;padding:5px 12px}

/* ===== responsive pass — 23 Aug 2026 ===== */

/* the hero window carries margin-right:-26px as a desktop bleed; below tablet
   that pushed it past the viewport edge. Floating badges were only hidden
   below 680, so they overflowed at 768. */
@media(max-width:1200px){
 .herowin{margin-right:0}
}
@media(max-width:900px){
 .fbadge{display:none}
}

/* the hero art is a dense full dashboard capture — unreadable scaled to a phone.
   Zoom into its top-left so it still reads as a real product screen. */
@media(max-width:760px){
 .herowin .screen{overflow:hidden;max-height:300px}
 .herowin .screen img{width:210%;max-width:none}
}
@media(max-width:480px){
 .herowin .screen{max-height:238px}
 .herowin .screen img{width:275%}
}

/* modules: 8 stacked rows ate a whole phone screen before any product was
   visible. Becomes a horizontal snapping chip row. */
@media(max-width:820px){
 .modlist{flex-direction:row;overflow-x:auto;gap:8px;padding:2px 2px 12px;scroll-snap-type:x mandatory;scrollbar-width:none;-ms-overflow-style:none}
 .modlist::-webkit-scrollbar{display:none}
 .mrow{flex:0 0 auto;scroll-snap-align:center;padding:10px 14px;gap:9px}
 .mrow .mi{width:24px;height:24px;font-size:13px;border-radius:7px}
 .mrow .mt{font-size:13.5px;white-space:nowrap}
 /* slides stay absolutely positioned so advancing never reflows the page;
    the stage height is locked to the tallest slide by sizeStage() below */
 .modstage{min-height:0;overflow:visible}
 .mscreen .ui{min-height:0;padding:15px}
}
@keyframes mfade{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}

/* product screens tighten as width drops, rather than overflowing */
@media(max-width:600px){
 .mscreen .ui{padding:13px;font-size:12px}
 .mscreen .uihd .t{font-size:14px}
 .mscreen .uihd .s{font-size:11px}
 .mscreen .mkv{gap:14px;margin-bottom:11px}
 .mscreen .mkv .v{font-size:13.5px}
 .mscreen .utot .big{font-size:18px}
 .mscreen .urow{gap:9px;padding:9px 0}
 .mscreen .urow .amt{font-size:12.5px}
 .mscreen .pill{font-size:10px;padding:3px 8px}
 .mscreen .grid7{grid-template-columns:46px repeat(5,1fr);gap:4px;font-size:9.5px}
 .mscreen .grid7 .cell{height:26px;font-size:9px}
 .mscreen .mline{font-size:12px}
 .mplace .mspill{font-size:17px}
 .mplace .msdesc{font-size:12.5px}
}
@media(max-width:460px){
 .mscreen .mrcpt{width:44px;height:56px;flex:0 0 44px}
 .mscreen .mtr{font-size:10.5px}
 .mscreen .mtr b{font-size:11px}
 .mscreen .mtbl{font-size:10.5px}
 .mscreen .grid7{grid-template-columns:40px repeat(5,1fr);gap:3px}
 .mscreen .grid7 .cell{height:24px;font-size:8.5px}
}

/* used only by sizeStage(): lay a slide out at natural height, unseen, to measure it */
.mscreen.measuring{position:absolute!important;top:0!important;left:0!important;right:auto!important;bottom:auto!important;width:100%!important;height:auto!important;display:flex!important;opacity:0!important;visibility:hidden!important;transform:none!important;animation:none!important;transition:none!important;pointer-events:none}

/* ===== pricing section motion — 23 Aug 2026 =====
   Runs only while the section is on screen (.prods.anim, set by observer below)
   and never when the visitor asks for reduced motion. */
.pshot svg{transition:transform .35s cubic-bezier(.2,.8,.2,1)}
.prod:hover .pshot svg{transform:scale(1.025)}

/* Classic plays once on entry and holds. A looping version blinked the ticks
   out on every reset, which read as the card breaking. */
.prods.anim .ck{transform-box:fill-box;transform-origin:center;animation:tierTick .55s cubic-bezier(.2,.8,.2,1) both}
.prods.anim .ck2{animation-delay:.18s}
.prods.anim .ck3{animation-delay:.36s}
@keyframes tierTick{from{opacity:0;transform:scale(.5)}60%{opacity:1;transform:scale(1.16)}to{opacity:1;transform:scale(1)}}
.prods.anim .runbtn{transform-box:fill-box;transform-origin:center;animation:tierRun .5s ease-out .6s both}
@keyframes tierRun{from{opacity:.3;transform:scale(.94)}60%{opacity:1;transform:scale(1.08)}to{opacity:1;transform:scale(1)}}
.prods.anim .fan{transform-box:fill-box;transform-origin:60% 80%;animation:tierFan .6s cubic-bezier(.2,.8,.2,1) both}
@keyframes tierFan{from{transform:translateY(5px) rotate(-1.5deg);opacity:.32}to{transform:none;opacity:.7}}

.prods.anim .flow path{stroke-dasharray:7 9;animation:tierFlow 1.5s linear infinite}
@keyframes tierFlow{to{stroke-dashoffset:-16}}
.prods.anim .halo{transform-box:fill-box;transform-origin:center;animation:tierHalo 2.6s ease-out infinite}
@keyframes tierHalo{0%{transform:scale(.8);opacity:1}75%,100%{transform:scale(1.65);opacity:0}}
.prods.anim .arw{animation:tierNudge 1.9s ease-in-out infinite}
@keyframes tierNudge{0%,100%{transform:translateX(0)}50%{transform:translateX(3px)}}

.prods.anim .ring{transform-box:view-box;transform-origin:160px 100px;animation:tierSpin 30s linear infinite}
@keyframes tierSpin{to{transform:rotate(360deg)}}
.prods.anim .arc{transform-box:view-box;transform-origin:160px 100px;animation:tierArc 11s linear infinite}
@keyframes tierArc{from{transform:rotate(-96deg)}to{transform:rotate(264deg)}}
.prods.anim .nodes circle{animation:tierNode 3.8s ease-in-out infinite}
.prods.anim .nodes circle:nth-child(2){animation-delay:.5s}
.prods.anim .nodes circle:nth-child(3){animation-delay:1s}
.prods.anim .nodes circle:nth-child(4){animation-delay:1.5s}
.prods.anim .nodes circle:nth-child(5){animation-delay:2s}
@keyframes tierNode{0%,100%{opacity:.45}50%{opacity:1}}

@media(prefers-reduced-motion:reduce){
 .prods.anim .ck,.prods.anim .runbtn,.prods.anim .fan,.prods.anim .flow path,
 .prods.anim .halo,.prods.anim .arw,.prods.anim .ring,.prods.anim .arc,.prods.anim .nodes circle{animation:none!important}
 .prod:hover .pshot svg{transform:none}
}




/* keep the page from scrolling sideways on a phone (pre-existing hero image overflow) */
html,body{overflow-x:hidden}
img{max-width:100%;height:auto}

/* hreasily 2026 shared header */
/* ---- footer ---- */
footer{border-top:1px solid var(--line);padding:64px 0 34px;color:var(--muted);font-size:14px;position:relative;z-index:2}
/* The live column template is the seven-column one in common.EXTRA_CSS, which overrides
   this. This rule only carries the padding and rule-off. */
.fgrid{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr 1.1fr;gap:32px;padding-bottom:40px;border-bottom:1px solid var(--line)}
.fcol h5{font-family:'Sora';font-size:12px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:#C7BFB8;margin-bottom:16px}
.fcol a{display:block;color:var(--muted);margin-bottom:10px;transition:.15s}
.fcol a:hover{color:var(--ink)}
.fbrand img{height:32px;margin-bottom:16px}
.fbrand p{font-size:13.5px;line-height:1.6;max-width:30ch;margin-bottom:18px}
/* footer market selector: a real <details> dropdown, no JS */
.fsel{position:relative;display:inline-block}
.fsel > summary{display:inline-flex;align-items:center;gap:8px;font-family:'Sora';font-weight:600;
 font-size:13px;color:var(--ink);border:1px solid var(--line2);border-radius:9px;padding:8px 13px;
 cursor:pointer;list-style:none;user-select:none;white-space:nowrap}
.fsel > summary::-webkit-details-marker{display:none}
.fsel > summary::after{content:"\25BE";color:var(--muted);font-size:11px}
.fsel > summary:hover{border-color:rgba(255,255,255,.28)}
.fsel[open] > summary::after{transform:rotate(180deg);display:inline-block}
.fseld{position:absolute;bottom:calc(100% + 8px);left:0;z-index:40;min-width:186px;padding:7px;
 border-radius:13px;border:1px solid var(--line2);background:linear-gradient(180deg,#1E1815,#191310);
 box-shadow:0 26px 60px -24px rgba(0,0,0,.9)}
@supports ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){
 .fseld{background:linear-gradient(180deg,rgba(32,26,23,.965),rgba(23,18,16,.95));
  -webkit-backdrop-filter:blur(40px) saturate(170%);backdrop-filter:blur(22px) saturate(180%)}
}
.fseld a{display:block;padding:8px 11px;border-radius:8px;font-size:13px;color:var(--muted)}
.fseld a:hover{background:rgba(255,255,255,.08);color:var(--ink)}
/* the market you are already reading, so the list says where you are as well as where
   you can go */
.fseld a.on{color:var(--ink);font-weight:600}
.fseld a.on::after{content:"\2713";float:right;color:var(--red);font-weight:700}
.appbadges{display:flex;gap:10px;margin-top:16px;flex-wrap:wrap}
/* flex:none matters. In the narrow brand column these were shrinking below their own
   content and wrapping "App Store" onto three lines. They now keep their natural width
   and stack instead. */
/* .fcol a{display:block} is more specific than a bare .appbadge, so the badges had been
   laying out as blocks all along: the store glyph sat above the wording and "App Store"
   broke onto its own line. Matching the wrapper too wins the cascade back.
   flex:none keeps each badge at its natural width in the narrow brand column, so they
   stack rather than shrink below their own content. */
.appbadges .appbadge{display:inline-flex;flex:none;align-items:center;gap:9px;margin-bottom:0;border:1px solid var(--line2);border-radius:10px;padding:8px 13px;font-family:'Sora';color:var(--ink)}
.appbadge svg{width:20px;height:20px}
/* The Apple glyph sits inside its 24-box with margin; the Play mark fills its 40-box to
   the edge, so at the same box size it reads a size larger. Pull it back optically. */
.appbadge svg.playmark{width:18px;height:18px}
.appbadge small{display:block;font-size:9.5px;color:var(--muted);font-weight:500}
.appbadge b{font-size:13px;font-weight:600;white-space:nowrap}
.appbadge small{white-space:nowrap}
.fbot{display:flex;justify-content:space-between;flex-wrap:wrap;gap:16px;align-items:center;padding-top:26px}
.fsoc{display:flex;gap:12px}
.fsoc a{width:34px;height:34px;border-radius:8px;border:1px solid var(--line2);display:flex;align-items:center;justify-content:center;color:var(--muted)}
.fsoc a:hover{color:var(--ink);border-color:var(--ink)}
svg.i{width:1em;height:1em;stroke:currentColor;stroke-width:1.6;fill:none;stroke-linecap:round;stroke-linejoin:round;display:block}
@media(max-width:900px){.fgrid{grid-template-columns:1fr 1fr;gap:28px}.fbrand{grid-column:1/-1}}
/* ---- end footer ---- */
/* ---- blip ---- */
/* side blip (Chargebee-style) */
.blip{position:fixed;right:18px;top:50%;transform:translateY(-50%);z-index:55;font-family:'Inter'}
.blip-card{width:256px;border-radius:18px;overflow:hidden;position:relative;
 background:radial-gradient(120% 90% at 100% 0,rgba(228,58,63,.22),transparent 55%),#161110;
 box-shadow:0 30px 64px -20px rgba(0,0,0,.78),0 0 0 1px rgba(255,255,255,.08) inset;transition:transform .3s,opacity .3s}
.blip-card:hover{transform:translateY(-3px)}
.blip.min .blip-card{opacity:0;pointer-events:none;transform:translateX(30px) scale(.92)}
.blip-x{position:absolute;right:10px;top:10px;z-index:8;width:21px;height:21px;border-radius:50%;background:rgba(255,255,255,.14);border:0;color:#fff;cursor:pointer;display:grid;place-items:center;font-size:13px;line-height:1;padding:0}
.blip-x:hover{background:rgba(255,255,255,.3)}
@keyframes pulse{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.35;transform:scale(1.5)}}
/* vertical roll reel */
.blip-stage{position:relative;height:154px;overflow:hidden}
.blip-reel{position:absolute;inset:0;transition:transform .6s cubic-bezier(.16,.84,.28,1)}
.blip-slide{height:154px;padding:18px 18px 14px;display:flex;flex-direction:column;box-sizing:border-box}
.blip-eic{display:flex;align-items:center;gap:6px;font-family:'Sora';font-size:9px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:#b7ada5}
.blip-eic i{width:6px;height:6px;border-radius:50%;background:var(--red);display:block;animation:pulse 1.7s ease-in-out infinite}
.blip-eic.g i{background:#4FB286}.blip-eic.y i{background:#E8A33d}
.blip-h{font-family:'Sora';font-weight:700;font-size:16.5px;color:#fff;line-height:1.22;margin-top:12px;letter-spacing:-.01em}
.blip-s{font-size:11.5px;color:var(--muted);margin-top:6px;line-height:1.42}
.blip-count{display:inline-flex;align-items:center;gap:8px;margin-top:12px;font-family:'Sora';font-weight:800;font-size:22px;color:#fff}
.blip-count svg{width:15px;height:15px;color:var(--red);flex:none}
.blip-count b{font-variant-numeric:tabular-nums;letter-spacing:.04em}
/* text-style CTA, deliberately lighter than the main button */
.blip-cta{margin-top:auto;align-self:flex-start;display:inline-flex;align-items:center;gap:6px;color:#FF8A6B;font-family:'Sora';font-weight:600;font-size:12.5px;padding-top:10px}
.blip-cta svg{width:14px;height:14px;transition:transform .25s}
.blip-cta:hover{color:#fff}
.blip-cta:hover svg{transform:translateX(3px)}
/* auto-advance progress + dots */
.blip-foot{display:flex;align-items:center;gap:10px;padding:0 18px 14px}
.blip-prog{flex:1;height:3px;border-radius:2px;background:rgba(255,255,255,.12);overflow:hidden}
.blip-prog i{display:block;height:100%;width:100%;background:linear-gradient(90deg,#FF7A5C,#E43A3F);transform-origin:left;transform:scaleX(0)}
.blip-prog i.run{animation:blipfill 4.8s linear forwards}
@keyframes blipfill{from{transform:scaleX(0)}to{transform:scaleX(1)}}
.blip-dots{display:flex;gap:5px}
.blip-dots b{width:5px;height:5px;border-radius:50%;background:rgba(255,255,255,.24);cursor:pointer;transition:.3s}
.blip-dots b.on{background:var(--red)}
.blip-tab{position:absolute;right:0;top:50%;transform:translate(26px,-50%) scale(.9);opacity:0;pointer-events:none;transition:transform .34s cubic-bezier(.2,.7,.3,1),opacity .3s;
 background:#1A1512;color:#fff;border:0;cursor:pointer;border-radius:12px 0 0 12px;padding:16px 8px;display:flex;flex-direction:column;align-items:center;gap:9px;
 box-shadow:0 14px 30px -12px rgba(0,0,0,.7),0 0 0 1px rgba(255,255,255,.07) inset}
.blip.min .blip-tab{transform:translate(14px,-50%) scale(1);opacity:1;pointer-events:auto}
.blip-tab .vt{writing-mode:vertical-rl;font-family:'Sora';font-size:9.5px;letter-spacing:.16em;text-transform:uppercase}
.blip-tab .dot{width:6px;height:6px;border-radius:50%;background:var(--red);animation:pulse 1.9s ease-in-out infinite}
@media(max-width:1180px){.blip{display:none}}
.blip-slide{position:relative;background-size:cover;background-position:center;background-repeat:no-repeat}
.blip-slide > *{position:relative;z-index:1}
.blip-slide[class*="blip-ph-"] .blip-s{color:#EDE7E3;text-shadow:0 1px 3px rgba(0,0,0,.5)}
.blip-slide[class*="blip-ph-"] .blip-eic{color:#E0D8D2;text-shadow:0 1px 3px rgba(0,0,0,.5)}
.blip-slide[class*="blip-ph-"] .blip-h{text-shadow:0 1px 4px rgba(0,0,0,.55)}
.blip-slide[class*="blip-ph-"] .blip-cta{color:#FFA88E;text-shadow:0 1px 3px rgba(0,0,0,.5)}
.blip-ph-look{background-image:url(data:image/webp;base64,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)}
.blip-ph-offer{background-image:url(data:image/webp;base64,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)}
.blip-ph-webinar{background-image:url(data:image/webp;base64,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)}
/* ---- end blip ---- */

/* ---------- brand mark: one copy of the bitmap, reused ---------- */
.hx-mark{display:block;background:url(data:image/png;base64,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) left center/contain no-repeat}
.hx-logo .hx-mark{width:118px;height:26px}
.hx-dtop .hx-mark{width:118px;height:26px}
.fbrand .hx-mark{width:145px;height:32px;margin-bottom:16px}
/* ---------- mega-menu header ---------- */
.nav-in{gap:22px}
.hx-logo{display:flex;align-items:center;flex:none}
.hx-logo img{height:26px;display:block}
.hx-menu{display:flex;align-items:center;gap:4px;flex:1}
.hx-item{position:relative}
.hx-trig{display:inline-flex;align-items:center;gap:5px;font-family:'Sora';font-size:14.5px;font-weight:500;
 color:var(--muted);padding:9px 12px;border-radius:9px;cursor:pointer;background:none;border:0;transition:.16s;white-space:nowrap}
.hx-trig:hover,.hx-item:hover .hx-trig,.hx-item.open .hx-trig{color:var(--ink);background:rgba(255,255,255,.06)}
.hx-trig.on{color:var(--ink)}
.hx-trig .hx-cv{width:9px;height:9px;opacity:.7;transition:transform .22s}
.hx-item:hover .hx-trig .cv,.hx-item.open .hx-trig .hx-cv{transform:rotate(180deg)}
.hx-panel{position:absolute;top:calc(100% + 12px);left:-8px;z-index:70;max-width:calc(100vw - 40px);opacity:0;visibility:hidden;
 transform:translateY(-8px);transition:opacity .2s ease,transform .24s cubic-bezier(.2,.7,.3,1),visibility .2s;
 /* Translucent, iOS style: the page shows through the panel rather than being blocked out.
    backdrop-filter needs a background that is actually see-through, so the fill is rgba with
    saturate() to keep the brand red underneath from going grey. The opaque gradient stays as
    the @supports fallback for browsers without backdrop-filter. */
 background:linear-gradient(180deg,#1E1815,#191310);border:1px solid var(--line2);border-radius:18px;padding:12px;
 box-shadow:0 40px 90px -30px rgba(0,0,0,.9),0 0 0 1px rgba(255,255,255,.03) inset}
@supports ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){
 /* Opacity matters more than it looks. At .70 the page behind bled through and competed with
    the menu labels; iOS panels are far more opaque than they appear, and the frosted read
    comes from the blur, not from letting content show. .93 keeps the effect and the text. */
 /* Two things are doing the work here and they have to be tuned independently.
    The blur is what gives the frosted, iOS read. The alpha is the safety net: some engines
    (including headless Chromium, which is what the verifiers render in) accept the property
    but never composite it, and then the only thing standing between the menu labels and the
    enormous hero type behind them is the fill. So the alpha is set so the panel is still
    legible with NO blur at all, and the blur is generous on top for the browsers that do
    honour it. Dropping the alpha for a more obvious see-through effect looks good in a
    design tool and unreadable on whatever renders it flat. */
 .hx-panel{background:linear-gradient(180deg,rgba(32,26,23,.965),rgba(23,18,16,.95));
  -webkit-backdrop-filter:blur(48px) saturate(170%);backdrop-filter:blur(48px) saturate(170%);
  border-color:rgba(255,255,255,.12);
  box-shadow:0 40px 90px -34px rgba(0,0,0,.8),0 0 0 1px rgba(255,255,255,.06) inset}
 .hx-card:hover{background:rgba(255,255,255,.1)}
}
/* group heading inside a panel, so cards grouped by a different logic read as a set */
.hx-hd{grid-column:1/-1;font-family:'Sora';font-size:10px;font-weight:700;letter-spacing:.15em;
 text-transform:uppercase;color:#8A7F78;padding:10px 12px 4px}
.hx-hd + .hx-card{margin-top:0}
.hx-grid .hx-hd:not(:first-child){margin-top:6px;border-top:1px solid var(--line);padding-top:12px}
.hx-item:hover .hx-panel,.hx-item.open .hx-panel,.hx-item:focus-within .hx-panel{opacity:1;visibility:visible;transform:none}
.hx-panel::before{content:"";position:absolute;top:-14px;left:0;right:0;height:14px}
.hx-grid{display:grid;gap:2px;min-width:322px}
.hx-grid.two{grid-template-columns:repeat(2,minmax(232px,1fr));gap:2px 6px}
.hx-card{display:flex;gap:11px;align-items:flex-start;padding:11px 12px;border-radius:12px;transition:background .15s}
.hx-card:hover{background:rgba(255,255,255,.06)}
.hx-card .hx-i{width:32px;height:32px;border-radius:9px;flex:none;display:grid;place-items:center;
 background:rgba(228,58,63,.14);color:#FF8A6B;border:1px solid rgba(228,58,63,.18)}
.hx-card .hx-i svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.hx-card b{display:block;font-family:'Sora';font-size:13.5px;font-weight:600;color:var(--ink);line-height:1.3}
.hx-card span{display:block;font-size:11.5px;color:var(--muted);margin-top:2px;line-height:1.4}
.hx-foot{margin-top:8px;padding:12px 13px 4px;border-top:1px solid var(--line);display:flex;
 align-items:flex-start;justify-content:space-between;gap:18px}
.hx-foot .hx-t{font-size:11.5px;color:var(--muted);line-height:1.5;flex:1 1 auto;min-width:0;text-wrap:pretty}
.hx-foot a.hx-l{font-family:'Sora';font-size:12.5px;font-weight:600;color:#FF8A6B;white-space:nowrap;
 flex:0 0 auto;align-self:center}
.hx-foot a.hx-l:hover{color:var(--ink)}
.hx-cta{display:flex;gap:10px;align-items:center;flex:none}
.hx-cta .hx-lg{font-family:'Sora';font-size:14.5px;font-weight:600;color:var(--muted)}
.hx-cta .hx-lg:hover{color:var(--ink)}
.hx-burger{display:none;background:none;border:1px solid var(--line2);border-radius:9px;padding:8px 10px;cursor:pointer;color:var(--ink)}
.hx-burger svg{width:18px;height:18px;display:block;stroke:currentColor;stroke-width:1.9;fill:none;stroke-linecap:round}
/* mobile drawer */
.hx-drawer{position:fixed;inset:0;z-index:90;background:#14100E;overflow-y:auto;padding:22px 22px 60px;
 opacity:0;visibility:hidden;transform:translateY(-10px);transition:.26s}
.hx-drawer.open{opacity:1;visibility:visible;transform:none}
.hx-dtop{display:flex;align-items:center;justify-content:space-between;margin-bottom:22px}
.hx-dtop img{height:26px}
.hx-drawer h6{font-family:'Sora';font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:#8A7F78;
 margin:22px 0 8px;font-weight:600}
.hx-drawer a.hx-dl{display:block;padding:11px 0;font-family:'Sora';font-size:15.5px;font-weight:500;
 color:var(--ink);border-bottom:1px solid var(--line)}
.hx-drawer a.hx-dl span{display:block;font-family:'Inter';font-size:12px;font-weight:400;color:var(--muted);margin-top:2px}
.hx-drawer .hx-dcta{margin-top:26px;display:flex;gap:10px;flex-wrap:wrap}
@media(max-width:1340px){.hx-item:nth-child(4) .hx-panel{left:auto;right:-8px}}
@media(max-width:1080px){
 .hx-menu{display:none}
 .hx-burger{display:block}
 .hx-cta .hx-lg{display:none}
}
@media(min-width:1081px){.hx-drawer{display:none}}

.btn-lg{font-size:15.5px;padding:15px 30px;border-radius:13px}
/* footer carries six columns since 'Who it's for' was added */
/* Brand column floored so the two store badges always fit at their natural width; the six
   link columns take minmax(0,...) so they give way rather than squeezing it. */
.fgrid{grid-template-columns:minmax(190px,1.15fr) minmax(0,.9fr) minmax(0,.9fr) minmax(0,.9fr) minmax(0,.9fr) minmax(0,.9fr) minmax(0,.78fr);gap:26px}
@media(max-width:1240px){.fgrid{grid-template-columns:repeat(4,1fr);gap:28px}}
@media(max-width:1100px){.fgrid{grid-template-columns:1fr 1fr 1fr;gap:28px}}
@media(max-width:700px){.fgrid{grid-template-columns:1fr 1fr;gap:26px}}


/* end hreasily 2026 shared header */

/* 4.28.0: the same sheen as the inner pages' final banner, layered over the dot texture. */
.final::before{content:'';position:absolute;top:0;left:-45%;width:40%;height:100%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.22),transparent);transform:skewX(-18deg);animation:hre-home-shine 6s ease-in-out 1.2s infinite;pointer-events:none;z-index:1}
@keyframes hre-home-shine{0%{left:-45%}22%{left:130%}100%{left:130%}}
@media(prefers-reduced-motion:reduce){.final::before{animation:none;display:none}}

/* 4.28.1: centred hero. Copy stacks above the product window, both centred. */
.hero-grid{grid-template-columns:1fr;gap:52px;justify-items:center;text-align:center}
.hero-grid>.inner{max-width:900px;padding:0}
.hero .badge{text-transform:uppercase;letter-spacing:.1em;font-size:12px}
.hero .sub{max-width:60ch;margin-left:auto;margin-right:auto}
.hero .cta-row{justify-content:center}
.herowin{width:100%;max-width:1040px;margin-right:0}
.wrap.hero{padding-left:24px;padding-right:24px}
@media(max-width:900px){.hero-grid{gap:34px}.hero .badge{font-size:10.5px;letter-spacing:.07em}}
@media(max-width:480px){.hero .badge{font-size:9.5px;letter-spacing:.03em;padding:7px 12px 7px 10px;gap:6px}}

/* 4.28.1: "Why one record" pillars (HP-09). */
.pillars{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.pillar{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.12);border-radius:16px;padding:28px 24px;box-shadow:inset 0 1px 0 rgba(255,255,255,.1)}
.pillar .pn{font-family:'Sora';font-weight:800;font-size:14px;color:var(--red)}
.pillar h4{font-size:19px;margin:12px 0 8px;line-height:1.3}
.pillar p{color:var(--muted);font-size:15px;line-height:1.6;margin:0}
@media(max-width:820px){.pillars{grid-template-columns:1fr}}

/* 4.28.2: customer logo strip. White marks at the same 60% as the old wordmarks, sized optically. */
.clogo{display:flex;align-items:center;flex:0 0 auto;opacity:.6;transition:opacity .2s}
.clogo:hover{opacity:.95}
.clogo img{display:block;height:26px;width:auto}
.cl-justco img{height:36px}.cl-matchaya img{height:46px}.cl-mazars img{height:36px}
.cl-byd img{height:19px}.cl-birkenstock img{height:20px}.cl-acclime img{height:22px}.cl-cartrack img{height:24px}.cl-tada img{height:24px}.cl-shopee img{height:30px}
@media(max-width:620px){.clogo img{height:21px}.cl-justco img{height:29px}.cl-matchaya img{height:37px}.cl-mazars img{height:29px}.cl-byd img{height:15px}.cl-birkenstock img{height:16px}.cl-shopee img{height:24px}}

/* 4.28.2: single-record cards, icon tile + numbered kicker. */
#one-record .sechead{margin-bottom:40px}
.pillar .pico{display:grid;place-items:center;width:46px;height:46px;border-radius:12px;background:rgba(228,58,63,.12);border:1px solid rgba(228,58,63,.28);color:var(--red);font-size:24px;margin-bottom:18px}
.pillar .pk{display:block;font-family:'Sora';font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}
.pillar h4{margin-top:10px}
/* 4.28.2: .sec reset the .wrap side padding to 0, so homepage sections touched the screen edge on phones. */
.wrap.sec{padding-left:24px;padding-right:24px}
@media(max-width:480px){.wrap.sec,.wrap.hero{padding-left:18px;padding-right:18px}}

/* EDGE grant band (4.29.0) */
.edgeband{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:48px;align-items:center;max-width:1120px;margin:0 auto;padding:48px;border-radius:24px;background:radial-gradient(700px 320px at 0% 0%,rgba(228,58,63,.18),transparent 60%),rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.12);box-shadow:inset 0 1px 0 rgba(255,255,255,.1)}
.edgeband h2{font-size:clamp(28px,3.2vw,40px);line-height:1.12;letter-spacing:-.02em;margin:14px 0 16px}
.edgeband h2 .acc{color:#FF6B6F}
.edgeband p{color:rgba(255,255,255,.74);font-size:16.5px;line-height:1.65;margin:0 0 26px;max-width:52ch}
.edge-cta{display:flex;align-items:center;gap:22px;flex-wrap:wrap}
.edge-link{font-family:'Sora';font-weight:600;font-size:14.5px;color:#fff;text-decoration:none;opacity:.85}
.edge-link:hover{opacity:1;color:#FF8A8D}
.edge-stats{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.edge-stats .es{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.12);border-radius:16px;padding:20px 18px}
.edge-stats .es b{display:block;font-family:'Sora';font-size:28px;font-weight:700;letter-spacing:-.02em;color:#fff;margin-bottom:6px}
.edge-stats .es span{display:block;font-size:13.5px;line-height:1.5;color:rgba(255,255,255,.66)}
@media(max-width:900px){.edgeband{grid-template-columns:1fr;padding:32px 24px;gap:28px}}
@media(max-width:520px){.edge-stats{grid-template-columns:1fr 1fr;gap:10px}.edge-stats .es{padding:16px 14px}.edge-stats .es b{font-size:23px}}

/* Riley nav label (4.29.0) */
.hx-new{display:inline-block;margin-left:7px;padding:2px 7px 2px;border-radius:999px;font-family:'Sora',sans-serif;font-size:9.5px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;line-height:1.4;color:#fff;background:linear-gradient(100deg,#F4603C,#ED4A8E 55%,#8B6CF5);vertical-align:2px}
.hx-drawer h6 .hx-new{vertical-align:1px}

/* ---------- 4.29.5: EDGE seal beside the headline ---------- */
.hero-grid>.inner{position:relative}
.hx-seal{position:absolute;right:-168px;top:-6px;width:144px;height:144px;transform:rotate(-9deg);filter:drop-shadow(0 18px 30px rgba(0,0,0,.55));transition:transform .3s;z-index:2}
.hx-seal:hover{transform:rotate(-3deg) scale(1.04)}
.hx-seal .seal-svg{width:100%;height:100%;display:block}
.hx-seal .seal-ring{transform-origin:84px 84px;animation:hxsealspin 40s linear infinite}
@keyframes hxsealspin{to{transform:rotate(360deg)}}
@media (prefers-reduced-motion:reduce){.hx-seal .seal-ring{animation:none}}
@media (max-width:1180px){.hx-seal{position:static;display:block;margin:4px auto 24px;width:118px;height:118px}}

/* ---------- 4.29.5: credentials strip under the CTA ----------
   Glass panel, deliberately quieter than the Start free button: neutral text,
   thin outline icons, no coloured glow. Two soft orbs sit behind the panel so
   the frosted glass has something to blur. */
.hcreds-wrap{position:relative;width:min(1120px,calc(100vw - 48px));left:50%;transform:translateX(-50%);margin-top:44px;isolation:isolate}
.hc-orbs{position:absolute;inset:-30px 6% -30px 6%;z-index:-1;pointer-events:none}
.hc-orbs::before,.hc-orbs::after{content:"";position:absolute;border-radius:50%;filter:blur(38px);opacity:.55}
.hc-orbs::before{width:340px;height:120px;left:6%;top:18px;background:radial-gradient(closest-side,rgba(255,122,92,.75),transparent)}
.hc-orbs::after{width:380px;height:130px;right:4%;top:6px;background:radial-gradient(closest-side,rgba(212,70,140,.6),transparent)}
.hcreds{position:relative;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));text-align:left;border-radius:22px;overflow:hidden;
 background:linear-gradient(135deg,rgba(255,255,255,.13) 0%,rgba(255,255,255,.05) 45%,rgba(255,255,255,.08) 100%);
 backdrop-filter:blur(22px) saturate(170%);-webkit-backdrop-filter:blur(22px) saturate(170%);
 border:1px solid rgba(255,255,255,.18);
 box-shadow:inset 0 1px 0 rgba(255,255,255,.28),inset 0 -1px 0 rgba(255,255,255,.05),0 24px 60px -30px rgba(0,0,0,.7)}
.hcreds::before{content:"";position:absolute;inset:0;pointer-events:none;border-radius:inherit;
 background:linear-gradient(115deg,rgba(255,255,255,.16) 0%,rgba(255,255,255,0) 28%,rgba(255,255,255,0) 72%,rgba(255,255,255,.07) 100%)}
.hcred{display:flex;align-items:center;gap:12px;padding:16px 18px;color:inherit;text-decoration:none;position:relative;transition:background .25s}
.hcred+.hcred::after{content:"";position:absolute;left:0;top:20%;bottom:20%;width:1px;background:linear-gradient(180deg,transparent,rgba(255,255,255,.22),transparent)}
a.hcred:hover{background:rgba(255,255,255,.06)}
.hc-i{width:36px;height:36px;flex:none;border-radius:50%;display:grid;place-items:center;
 background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.2);box-shadow:inset 0 1px 0 rgba(255,255,255,.25)}
.hc-i svg{width:18px;height:18px;fill:none;stroke:rgba(255,255,255,.88);stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.hc-gold{border-color:rgba(242,196,107,.45);background:rgba(242,196,107,.1)}
.hc-gold svg{stroke:#F2CD82}
.hc-t{min-width:0}
.hc-t b{display:block;font-family:'Sora';font-weight:600;font-size:13.5px;line-height:1.25;color:rgba(255,255,255,.94);letter-spacing:-.005em}
.hc-t small{display:block;margin-top:2px;font-size:12px;line-height:1.35;color:rgba(255,255,255,.6)}
@media (max-width:1100px){.hcreds{grid-template-columns:repeat(2,minmax(0,1fr))}.hcred:nth-child(3)::after{display:none}
 .hcred:nth-child(n+3){border-top:1px solid rgba(255,255,255,.1)}}
@media (max-width:600px){.hcreds-wrap{width:100%;left:0;transform:none;margin-top:34px}.hcreds{border-radius:18px}
 .hcred{padding:13px 12px;gap:9px;flex-direction:column;align-items:flex-start}
 .hc-i{width:32px;height:32px}.hc-i svg{width:16px;height:16px}.hc-t b{font-size:12.5px}.hc-t small{font-size:11px}}

/* 4.29.8: hero product tour. The product screen is the backdrop, a dark card carries the title
   and play button. The video loads only on click. */
.hv{position:relative;aspect-ratio:16/9;background:#0f0c0a;overflow:hidden}
.hv-poster{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}
.hv-cover{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;border:0;padding:20px;margin:0;cursor:pointer;color:#fff;font:inherit;text-align:center;background:linear-gradient(180deg,rgba(16,11,9,.12),rgba(16,11,9,.38))}
.hv-card{display:flex;flex-direction:column;align-items:center;gap:clamp(10px,1.5vw,16px);padding:clamp(18px,3vw,34px) clamp(22px,4.4vw,56px);border-radius:22px;background:rgba(18,13,11,.84);border:1px solid rgba(255,255,255,.14);box-shadow:0 30px 70px -20px rgba(0,0,0,.7),inset 0 1px 0 rgba(255,255,255,.08);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}
.hv-eye{display:inline-flex;align-items:center;gap:9px;font-family:'Sora';font-weight:600;font-size:clamp(10px,1.1vw,12.5px);letter-spacing:.16em;text-transform:uppercase;color:#ffd7d8;background:rgba(228,58,63,.16);border:1px solid rgba(228,58,63,.55);border-radius:999px;padding:7px 15px}
.hv-eye i{width:4px;height:4px;border-radius:50%;background:currentColor;opacity:.75}
.hv-h{font-family:'Sora';font-weight:700;font-size:clamp(20px,4.1vw,46px);letter-spacing:-.02em;line-height:1.08}
.hv-play{position:relative;width:clamp(56px,8.6vw,96px);height:clamp(56px,8.6vw,96px);border-radius:50%;background:#E43A3F;display:grid;place-items:center;box-shadow:0 18px 44px -12px rgba(228,58,63,.85);transition:transform .2s ease}
.hv-play::before{content:"";position:absolute;inset:-10px;border-radius:50%;border:2px solid rgba(228,58,63,.55);animation:hvPulse 2.4s ease-out infinite}
.hv-play svg{width:40%;height:40%;fill:#fff;margin-left:7%}
.hv-cover:hover .hv-play{transform:scale(1.07)}
.hv-cover:focus-visible{outline:3px solid #fff;outline-offset:-8px}
.hv-sub{font-size:clamp(12px,1.35vw,15.5px);color:rgba(255,255,255,.8)}
.hv video{position:absolute;inset:0;width:100%;height:100%;background:#000;display:block}
.herowin.playing .fbadge{opacity:0;pointer-events:none;transition:opacity .2s}
@keyframes hvPulse{0%{transform:scale(.92);opacity:.9}100%{transform:scale(1.35);opacity:0}}
@media(max-width:560px){.hv-sub,.hv-eye{display:none}.hv-card{gap:10px;padding:14px 22px;border-radius:16px}.hv-cover{padding:12px}}
@media(prefers-reduced-motion:reduce){.hv-play::before{animation:none}}

/* 4.30.0: before/after carousel. The persona name sits inside the panel, under the message,
   instead of below the box. Both layers carry it so it stays put during the sweep. */
.baTxt{display:flex;flex-direction:column;gap:16px;min-width:0}
.baLayer .baWho{text-align:left;margin-top:0}
.baStageWrap{min-height:300px}
@media(max-width:820px){.baStageWrap{min-height:230px}.baTxt{gap:10px}.baLayer .baWho{font-size:10.5px}}

/* 4.30.0: persona cards with a photo backdrop; the copy sits on the photo. */
.pcard.pphoto{padding:0;min-height:360px;display:flex;flex-direction:column;justify-content:flex-end;background:radial-gradient(120% 80% at 50% 16%,#4b2b28 0%,#2a1c19 55%,#17110f 100%);border-color:rgba(255,255,255,.1)}
.lightband .pcard.pphoto,.lightband .pcard.pphoto:hover{background:radial-gradient(120% 80% at 50% 16%,#4b2b28 0%,#2a1c19 55%,#17110f 100%)}
.lightband .pcard.pphoto{border-color:rgba(40,28,24,.14)}
.pcard.pphoto .pimg{position:absolute;left:50%;bottom:0;height:86%;width:auto;max-width:none;transform:translateX(-50%);transform-origin:50% 100%;transition:transform .35s ease}
.pcard.pphoto:hover .pimg{transform:translateX(-50%) scale(1.03)}
.pcard.pphoto .ptxt{position:relative;z-index:1;padding:70px 16px 18px;background:linear-gradient(180deg,rgba(18,12,10,0) 0%,rgba(18,12,10,.8) 40%,rgba(18,12,10,.95) 100%)}
.pcard.pphoto h4{color:#fff}
.pcard.pphoto p{color:rgba(255,255,255,.8)}
.pcard.pphoto .go{color:#FF7A73}
@media(max-width:900px){.pcard.pphoto{min-height:320px}.pcard.pphoto:last-child{grid-column:1/-1}.pcard.pphoto .go{opacity:1}}
@media(max-width:480px){.pgrid{gap:10px}.pcard.pphoto{min-height:280px}.pcard.pphoto .ptxt{padding:56px 12px 14px}}
@media(prefers-reduced-motion:reduce){.pcard.pphoto .pimg{transition:none}}

/* 4.30.1: classier tour cover. Editorial, left-aligned copy over the product screen,
   a glass play button and a quiet chapter strip. Replaces the boxed card of 4.29.8. */
.hv2 .hv-poster{transform:scale(1.02);transition:transform .9s cubic-bezier(.2,.7,.3,1);filter:saturate(.92)}
.hv2:hover .hv-poster{transform:scale(1.05)}
.hv2 .hv-cover{justify-content:flex-start;align-items:flex-end;text-align:left;padding:clamp(18px,4.2%,46px);
 background:linear-gradient(90deg,rgba(14,10,8,.94) 0%,rgba(14,10,8,.82) 30%,rgba(14,10,8,.36) 58%,rgba(14,10,8,.06) 80%),
 linear-gradient(0deg,rgba(14,10,8,.72) 0%,rgba(14,10,8,0) 42%)}
.hv2-copy{display:flex;flex-direction:column;align-items:flex-start;gap:clamp(8px,1.4vw,14px);max-width:min(470px,62%);margin-bottom:clamp(30px,6%,58px)}
.hv2-eye{display:inline-flex;align-items:center;gap:9px;font-family:'Sora';font-weight:600;font-size:clamp(10px,1vw,12px);letter-spacing:.2em;text-transform:uppercase;color:rgba(255,255,255,.78)}
.hv2-eye i{width:7px;height:7px;border-radius:50%;background:#E43A3F;box-shadow:0 0 0 4px rgba(228,58,63,.22)}
.hv2-h{font-family:'Sora';font-weight:700;font-size:clamp(24px,4.4vw,52px);line-height:1.02;letter-spacing:-.03em;color:#fff}
.hv2-sub{font-size:clamp(12.5px,1.35vw,16px);line-height:1.5;color:rgba(255,255,255,.74);max-width:36ch}
.hv2-row{display:flex;align-items:center;gap:14px;margin-top:clamp(4px,1vw,10px)}
.hv2-play{position:relative;flex:none;width:clamp(48px,6.4vw,70px);height:clamp(48px,6.4vw,70px);border-radius:50%;display:grid;place-items:center;
 background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.4);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:transform .25s ease,background .25s ease}
.hv2-play::after{content:"";position:absolute;inset:7px;border-radius:50%;background:#E43A3F;box-shadow:0 12px 30px -8px rgba(228,58,63,.8);z-index:0}
.hv2-play svg{position:relative;z-index:1;width:34%;height:34%;fill:#fff;margin-left:6%}
.hv2-cta{display:flex;flex-direction:column;font-family:'Sora';font-weight:600;font-size:clamp(13px,1.3vw,15.5px);color:#fff;line-height:1.25}
.hv2-cta small{font-family:'Inter';font-weight:500;font-size:clamp(11px,1vw,12.5px);color:rgba(255,255,255,.6);letter-spacing:.02em;margin-top:3px}
.hv2 .hv-cover:hover .hv2-play{transform:scale(1.06);background:rgba(255,255,255,.22)}
.hv2-chapters{position:absolute;left:clamp(18px,4.2%,46px);right:34%;bottom:clamp(12px,2.6%,22px);display:flex;gap:6px}
.hv2-chapters span{flex:1;font-family:'Sora';font-size:clamp(9.5px,.9vw,11px);font-weight:600;letter-spacing:.06em;color:rgba(255,255,255,.62);padding-top:8px;border-top:2px solid rgba(255,255,255,.22);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.hv2-chapters span:first-child{border-top-color:#E43A3F;color:#fff}
@media(max-width:560px){.hv2-sub,.hv2-chapters,.hv2-cta small{display:none}.hv2-copy{max-width:78%;margin-bottom:0}.hv2-eye{font-size:9.5px}}
@media(prefers-reduced-motion:reduce){.hv2 .hv-poster,.hv2-play{transition:none}}