#enquiries .split-copy .h3{white-space:nowrap}
@media(max-width:560px){#enquiries .split-copy .h3{white-space:normal}}
/* Mobile type scale — page-specific overrides (must stay before the section rules below) */
@media(max-width:640px){
  .stat-strip .big{font-size:1.65rem}
  .cs-total{font-size:1.95rem}
  .site-caption .t{font-size:1.05rem}
  .vs-card .vh{font-size:1.05rem}
}

/* ============================================================
   HERO
   ============================================================ */
.hero{position:relative;padding:112px 0 56px;overflow:hidden}
.hero-blob{position:absolute;border-radius:50%;filter:blur(70px);z-index:0;pointer-events:none}
.hero-blob.a{width:520px;height:520px;background:rgba(1,44,24,.05);top:-160px;right:-140px}
.hero-blob.b{width:420px;height:420px;background:rgba(245,158,11,.05);bottom:-160px;left:-120px}
.hero-grid{position:relative;z-index:1;display:grid;grid-template-columns:1.05fr .95fr;gap:56px;align-items:center}
.hero-badge{display:inline-flex;align-items:center;gap:9px;padding:7px 14px 7px 12px;border-radius:999px;background:var(--surface);border:1px solid var(--border);font-size:.82rem;font-weight:600;color:var(--foreground)}
.hero-badge .dot{width:8px;height:8px;border-radius:50%;background:var(--primary-light);box-shadow:0 0 0 4px rgba(63,168,122,.18)}
.hero h1{margin:26px 0 0}
.hero h1 .accent,.h2 .accent{color:var(--primary)}
.hero .lead{margin-top:22px;max-width:520px}
.hero-tagline{margin-top:22px;font-weight:800;color:var(--foreground);font-size:1.15rem}
.hero-actions{display:flex;flex-wrap:wrap;gap:14px;margin-top:34px}
.hero-trust{display:flex;flex-wrap:wrap;gap:18px 26px;margin-top:30px}
.hero-trust span{display:inline-flex;align-items:center;gap:8px;font-size:.9rem;color:var(--muted);font-weight:500}
.hero-trust svg{color:var(--primary-light);flex:none}
@media(max-width:900px){
  .hero-grid{grid-template-columns:1fr;gap:44px}
  .hero{padding:128px 0 64px}
  .hero .lead{max-width:none}
  .hero-visual{order:-1}
}
/* hero image — enlarged and pushed to the far right edge of the viewport.
   Kept on a single screen by capping height off the viewport
   (image is 1047×1126; width cap of (100vh - 110px) * 1.25 keeps it on one screen) */
.hero-visual{justify-self:end;margin-right:min(0px,calc((var(--container) - 100vw) / 2 - 24px))}
.hero-img{display:block;height:auto;margin-left:auto;margin-right:0;max-width:none;
  width:min(clamp(360px,36vw,640px),calc((100vh - 110px) * 1.25))}
@media(max-width:900px){
  .hero-visual{justify-self:center;margin-right:0;text-align:center}
  .hero-img{margin-inline:auto;width:min(560px,100%)}
}
/* ---- compact the content-heavy sections so each fits within one screen (desktop) ---- */
@media(min-width:901px){
  #enquiries,#channels,#bookings,#website,#pricing,#apps{padding-top:60px;padding-bottom:60px}

  /* enquiries — single-phone demo beside copy */
  #enquiries .split{margin-top:28px!important}
  #enquiries .video-solo .phone{max-width:252px}

  /* channels & bookings — single phone beside copy */
  #channels .split-visual .phone,#bookings .split-visual .phone{max-width:252px!important}

  /* pricing — calculator */
  #pricing .calc{margin-top:26px}
  #pricing .calc-panel{padding:22px}
  #pricing .calc-block{padding:13px 0}

  /* apps — desktop mockup + floating phone */
  #apps .appband-showcase .deskmock{max-width:500px}
  #apps .appband-showcase .phone{width:150px}
}

/* enquiry cards */
.enq{background:#fff;border:1px solid var(--border);border-radius:14px;padding:11px 12px;margin-bottom:9px;box-shadow:var(--shadow-sm)}
.enq.active{border-color:var(--primary-10);box-shadow:0 8px 20px rgba(1,44,24,.08);transform:scale(1.01)}
.enq .row{display:flex;justify-content:space-between;align-items:center}
.enq .nm{font-size:.82rem;font-weight:700}
.enq .meta{font-size:.66rem;color:var(--muted);margin-top:3px}
.pill{font-size:.58rem;font-weight:700;padding:3px 8px;border-radius:999px;letter-spacing:.02em}
.pill.new{background:var(--info-bg);color:var(--info)}
.pill.quoted{background:var(--quote-bg);color:var(--quote)}
.pill.won{background:var(--ok-bg);color:var(--ok)}
.pill.pend{background:var(--warn-bg);color:var(--warn)}
/* whatsapp overlay */
.wa-sheet{position:absolute;left:10px;right:10px;bottom:10px;background:#fff;border-radius:20px;box-shadow:0 20px 50px rgba(2,6,23,.25);border:1px solid var(--border);overflow:hidden;transform:translateY(115%);transition:transform .7s var(--ease)}
.playing .wa-sheet{transform:translateY(0)}
.wa-top{display:flex;align-items:center;gap:9px;background:#075E54;color:#fff;padding:10px 13px}
.wa-top .wa-ico{width:26px;height:26px;border-radius:50%;background:#fff;display:flex;align-items:center;justify-content:center}
.wa-top .nm{font-size:.78rem;font-weight:700;line-height:1.1}
.wa-top .on{font-size:.6rem;opacity:.8}
.wa-body{background:#E5DDD5;padding:12px 12px 14px;min-height:112px}
.wa-msg{background:#DCF8C6;border-radius:10px;border-top-right-radius:2px;padding:9px 11px;font-size:.68rem;line-height:1.45;color:#0f2417;max-width:88%;margin-left:auto;box-shadow:0 1px 1px rgba(0,0,0,.06);opacity:0;transform:translateY(8px);transition:.5s var(--ease) .35s}
.playing .wa-msg{opacity:1;transform:none}
.wa-msg .prop{font-weight:800}
.wa-msg .price{color:#075E54;font-weight:800}
.wa-msg .lnk{color:#1a7bd4;text-decoration:underline;word-break:break-all}
.wa-msg .tick{display:inline-block;font-size:.6rem;color:#4fc3f7;float:right;margin-top:2px}
/* calendar */
.cal{background:#fff;border:1px solid var(--border);border-radius:16px;padding:12px;box-shadow:var(--shadow-sm)}
.cal-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:9px;font-size:.78rem;font-weight:800}
.cal-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:4px}
.cal-grid .dow{font-size:.54rem;color:var(--muted);text-align:center;font-weight:700;padding-bottom:2px}
.cal-grid .d{aspect-ratio:1;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:.62rem;font-weight:600;background:var(--surface);color:var(--foreground)}
.cal-grid .d.booked{background:var(--primary);color:#fff}
.cal-grid .d.blocked{background:#f1f5f9;color:var(--muted-light);text-decoration:line-through}
.cal-grid .d.sel{outline:2px solid var(--accent);outline-offset:1px;background:var(--warn-bg);color:var(--warn)}
.cal-grid .d.muted{color:var(--muted-light)}
.day-modal{margin-top:11px;background:#fff;border:1px solid var(--border);border-radius:14px;padding:12px;box-shadow:0 14px 30px rgba(2,6,23,.10);opacity:0;transform:translateY(10px);transition:.5s var(--ease) .3s}
.playing .day-modal{opacity:1;transform:none}
.dm-row{display:flex;justify-content:space-between;align-items:center;padding:7px 0;border-bottom:1px solid var(--border)}
.dm-row:last-child{border-bottom:none}
.dm-row .lb{font-size:.68rem;color:var(--muted);font-weight:600}
.dm-row .vl{font-size:.72rem;font-weight:800}
.dm-row .vl.g{color:var(--primary)}
.toggle-mini{width:34px;height:19px;border-radius:999px;background:var(--primary);position:relative}
.toggle-mini::after{content:"";position:absolute;top:2px;right:2px;width:15px;height:15px;border-radius:50%;background:#fff}
/* booking / voucher */
.bk-card{background:#fff;border:1px solid var(--border);border-radius:16px;padding:13px;box-shadow:var(--shadow-sm)}
.bk-card .ttl{font-size:.85rem;font-weight:800}
.bk-line{display:flex;justify-content:space-between;font-size:.7rem;padding:5px 0;color:var(--muted)}
.bk-line b{color:var(--foreground);font-weight:700}
.bk-total{display:flex;justify-content:space-between;font-size:.82rem;font-weight:800;padding-top:8px;margin-top:4px;border-top:1px dashed var(--border)}
.bk-btn{margin-top:11px;background:var(--wa);color:#fff;border-radius:11px;padding:10px;text-align:center;font-size:.76rem;font-weight:700;display:flex;align-items:center;justify-content:center;gap:7px}
.voucher{margin-top:10px;background:#fff;border:1px solid var(--border);border-radius:12px;padding:10px;display:flex;gap:9px;align-items:center;opacity:0;transform:translateY(8px);transition:.5s var(--ease) .4s}
.playing .voucher{opacity:1;transform:none}
.voucher .vic{width:34px;height:34px;border-radius:9px;background:var(--ok-bg);color:var(--ok);display:flex;align-items:center;justify-content:center;flex:none}
.voucher .vt{font-size:.72rem;font-weight:800}
.voucher .vs{font-size:.6rem;color:var(--muted)}
/* browser mock (website) */
.browser{width:100%;border-radius:16px;overflow:hidden;box-shadow:var(--shadow-lg);border:1px solid var(--border);background:#fff}
.browser-bar{display:flex;align-items:center;gap:8px;padding:11px 14px;background:var(--surface-alt);border-bottom:1px solid var(--border)}
.browser-bar .dots{display:flex;gap:6px}
.browser-bar .dots i{width:11px;height:11px;border-radius:50%;display:block}
.browser-bar .dots i:nth-child(1){background:#f87171}
.browser-bar .dots i:nth-child(2){background:#fbbf24}
.browser-bar .dots i:nth-child(3){background:#34d399}
.browser-bar .url{flex:1;background:#fff;border:1px solid var(--border);border-radius:8px;padding:5px 12px;font-size:.72rem;color:var(--muted);text-align:center}
.site-hero{position:relative;height:230px;background:#0f3b26;display:flex;flex-direction:column;justify-content:space-between;padding:16px;overflow:hidden}
.site-hero::before{content:"";position:absolute;inset:0;background:radial-gradient(120% 90% at 70% 0,#1c5b3c 0,#0f3b26 55%,#082419 100%);opacity:1;z-index:0}
.site-hero > *{position:relative;z-index:1}
.site-hero .photo-tag{position:absolute;top:14px;right:16px;z-index:1;font-size:.6rem;color:rgba(255,255,255,.5);border:1px solid rgba(255,255,255,.2);border-radius:999px;padding:3px 9px}
.site-nav{display:flex;justify-content:space-between;align-items:center;color:#fff}
.site-nav .lg{font-weight:800;letter-spacing:-.02em}
.site-nav .mn{display:flex;gap:14px;font-size:.72rem;opacity:.9}
.site-caption{color:#fff}
.site-caption .t{font-size:1.35rem;font-weight:800;letter-spacing:-.02em}
.site-caption .s{font-size:.8rem;opacity:.85;margin-top:3px}
.site-book{background:#fff;padding:16px;display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.site-book .fld{flex:1;min-width:90px;background:var(--surface);border:1px solid var(--border);border-radius:9px;padding:8px 11px}
.site-book .fld .l{font-size:.56rem;color:var(--muted);text-transform:uppercase;letter-spacing:.06em;font-weight:700}
.site-book .fld .v{font-size:.78rem;font-weight:700;margin-top:2px}
.site-book .go{background:var(--primary);color:#fff;border-radius:9px;padding:11px 16px;font-size:.78rem;font-weight:700;white-space:nowrap}

/* ============================================================
   PRODUCT SECTION (split copy + visual)
   ============================================================ */
.split{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}
.split.rev .split-copy{order:2}
.split-copy{max-width:520px}
.split-copy .h2{margin:16px 0 0}
.split-copy .lead{margin-top:16px}
.usp-tag{display:inline-flex;align-items:center;gap:8px;font-size:.75rem;font-weight:700;color:var(--accent-dark);background:var(--warn-bg);border:1px solid #fde9c8;padding:5px 12px;border-radius:999px;margin-bottom:6px}
.feat-list{margin-top:26px;display:flex;flex-direction:column;gap:14px}
.feat-list li{display:flex;gap:13px;align-items:flex-start}
.feat-list .fi{width:26px;height:26px;border-radius:8px;background:var(--primary-08);color:var(--primary);display:flex;align-items:center;justify-content:center;flex:none;margin-top:1px}
.feat-list .ft{font-weight:700;font-size:.98rem}
.feat-list .fd{font-size:.9rem;color:var(--muted);margin-top:2px}
.split-cta{margin-top:30px}
.bg-forest .feat-list .fi{background:rgba(255,255,255,.1);color:var(--accent)}
.bg-forest .feat-list .fd{color:rgba(255,255,255,.6)}
@media(max-width:900px){
  .split{grid-template-columns:1fr;gap:40px}
  .split.rev .split-copy{order:0}
  .split-copy{max-width:none}
}

/* two-video row for enquiry section */
.video-duo{display:grid;grid-template-columns:1fr 1fr;gap:28px;margin-top:20px}
.video-solo{max-width:320px;margin:20px auto 0}
.vd-cap{margin-top:16px;text-align:center}
.vd-cap .vt{font-weight:700;font-size:.95rem}
.vd-cap .vs{font-size:.82rem;color:var(--muted);margin-top:3px}
@media(max-width:640px){.video-duo{grid-template-columns:1fr;gap:40px}}

/* ============================================================
   PROBLEM SECTION
   ============================================================ */
.qchips{display:flex;flex-wrap:wrap;gap:12px;margin-top:34px;justify-content:center}
.qchip{background:#fff;border:1px solid var(--border);border-radius:999px;padding:9px 16px;font-size:.86rem;font-weight:600;color:var(--foreground);box-shadow:var(--shadow-sm)}
.qchip .q{color:var(--muted-light);margin-right:7px}
.vs-cards{display:grid;grid-template-columns:1fr 1fr;gap:20px;max-width:760px;margin:44px auto 0}
.vs-card{border-radius:var(--radius);padding:26px;border:1px solid var(--border)}
.vs-card.hotel{background:#fff}
.vs-card.home{background:var(--primary);color:#fff;border-color:var(--primary)}
.vs-card .vk{font-size:.72rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;opacity:.7}
.vs-card .vh{font-size:1.3rem;font-weight:800;margin:8px 0 10px}
.vs-card .vb{font-size:.95rem;line-height:1.5;color:var(--muted)}
.vs-card.home .vb{color:rgba(255,255,255,.72)}
.stat-strip{max-width:760px;margin:34px auto 0;text-align:center;background:var(--surface-alt);border:1px solid var(--border);border-radius:var(--radius);padding:30px 26px}
.stat-strip .big{font-size:clamp(2.4rem,6vw,3.4rem);font-weight:900;color:var(--primary);letter-spacing:-.03em;line-height:1}
.stat-strip .cap{font-size:1.02rem;color:var(--foreground);margin-top:10px;font-weight:500}
.stat-strip .cap b{color:var(--primary);font-weight:800}
@media(max-width:640px){.vs-cards{grid-template-columns:1fr}}

/* ============================================================
   LIFECYCLE STRIP
   ============================================================ */
.lifecycle{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:52px}
.lc{position:relative;text-align:center;padding:8px 6px}
.lc .n{width:46px;height:46px;margin:0 auto 12px;border-radius:14px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.14);display:flex;align-items:center;justify-content:center;color:var(--accent)}
.lc .lt{font-weight:700;font-size:1rem}
.lc .ls{font-size:.82rem;color:rgba(255,255,255,.6);margin-top:5px;line-height:1.4}
.lc:not(:last-child)::after{content:"\2192";position:absolute;top:20px;right:-12px;width:24px;text-align:center;font-size:1.45rem;line-height:1;color:var(--accent);font-weight:400}
.lc:nth-child(3)::after{content:"\21C4"}
@media(max-width:820px){
  .lifecycle{grid-template-columns:1fr 1fr;gap:22px 14px}
  .lc:not(:last-child)::after{display:none}
}

/* ============================================================
   OTA LOGOS
   ============================================================ */
.ota-row{display:flex;flex-wrap:wrap;gap:10px;margin-top:24px}
.ota{display:inline-flex;align-items:center;gap:7px;background:#fff;border:1px solid var(--border);border-radius:999px;padding:7px 13px;font-size:.8rem;font-weight:700;color:var(--foreground);box-shadow:var(--shadow-sm)}
.ota .od{width:9px;height:9px;border-radius:50%;flex:none}
@media(max-width:640px){
  .qchips{gap:6px;margin-top:24px}
  .qchip{padding:6px 11px;font-size:.72rem}
  .qchip .q{margin-right:5px}
  .ota-row{gap:6px}
  .ota{padding:5px 9px;font-size:.66rem;gap:5px}
  .ota .od{width:6px;height:6px}
}

/* ============================================================
   GALLERY
   ============================================================ */
.gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:44px}
.gcard{background:transparent;border:0;box-shadow:none;cursor:zoom-in;transition:transform .3s var(--ease)}
.gcard:hover{transform:translateY(-5px)}
.gcard .phone{width:100%;max-width:238px;margin:0 auto}
.gcard .appbody .mshot{position:static;inset:auto;height:auto;padding:0;flex:1}
.gcard .gmeta{padding:16px 0 0;display:flex;align-items:center;justify-content:center;gap:9px}
.gcard .gt{font-weight:700;font-size:1rem}
.gcard .gexp{width:30px;height:30px;border-radius:8px;background:var(--surface);display:flex;align-items:center;justify-content:center;color:var(--muted)}
@media(max-width:820px){.gallery{grid-template-columns:1fr;max-width:300px;margin-inline:auto}}

/* mock dashboard shots */
.mshot{position:absolute;inset:0;padding:16px;display:flex;flex-direction:column;gap:9px}
.mshot .mrow{display:flex;gap:9px}
.mstat{flex:1;background:#fff;border:1px solid var(--border);border-radius:11px;padding:10px}
.mstat .mn{font-size:1rem;font-weight:800;color:var(--primary)}
.mstat .ml{font-size:.56rem;color:var(--muted);text-transform:uppercase;letter-spacing:.05em;font-weight:700;margin-top:2px}
.mbars{flex:1;background:#fff;border:1px solid var(--border);border-radius:11px;padding:11px;display:flex;align-items:flex-end;gap:6px;height:78px}
.mbars i{flex:1;background:var(--primary-light);border-radius:3px 3px 0 0;display:block;opacity:.85}
.mcal{flex:1;background:#fff;border:1px solid var(--border);border-radius:11px;padding:10px;display:grid;grid-template-columns:repeat(7,1fr);gap:3px}
.mcal i{aspect-ratio:1;border-radius:4px;background:var(--surface);display:block}
.mcal i.b{background:var(--primary)}
.mcal i.x{background:#e2e8f0}
.mrooms{flex:1;background:#fff;border:1px solid var(--border);border-radius:11px;padding:11px;display:flex;flex-direction:column;gap:6px}
.mrooms .rr{display:flex;gap:4px;align-items:center}
.mrooms .rlabel{font-size:.54rem;color:var(--muted);font-weight:700;width:38px;flex:none}
.mrooms .rtrack{flex:1;display:flex;gap:3px}
.mrooms .rtrack i{height:12px;flex:1;border-radius:3px;background:var(--surface)}
.mrooms .rtrack i.on{background:var(--primary-light)}
.mrooms .rtrack i.mid{background:var(--accent)}

/* ============================================================
   PRICE CALCULATOR
   ============================================================ */
.calc{display:grid;grid-template-columns:1.15fr .85fr;gap:28px;margin-top:44px;align-items:start}
.calc-panel{background:#fff;border:1px solid var(--border);border-radius:var(--radius-lg);padding:30px;box-shadow:var(--shadow-md)}
.calc-block{padding:18px 0;border-bottom:1px solid var(--border)}
.calc-block:first-child{padding-top:0}
.calc-block:last-child{border-bottom:none;padding-bottom:0}
.cb-head{display:flex;align-items:center;justify-content:space-between;gap:12px}
.cb-title{font-weight:700;font-size:1rem}
.cb-sub{font-size:.82rem;color:var(--muted);margin-top:2px}
.cb-price{font-size:1rem;font-weight:700;color:var(--primary);white-space:nowrap}
.cb-toggle{width:100%;background:transparent;border:0;padding:0;font:inherit;color:inherit;cursor:pointer;text-align:left}
.cb-chev{color:var(--muted);display:flex;flex:none}
.cb-chev svg{transition:transform .25s var(--ease);transform:rotate(180deg)}
.calc-collapse.collapsed .cb-chev svg{transform:rotate(0)}
.calc-collapse.collapsed .cb-body{display:none}
.stepper{display:flex;align-items:center;gap:0;border:1px solid var(--border-strong);border-radius:11px;overflow:hidden;background:var(--surface);flex:none}
.stepper button{width:38px;height:38px;font-size:1.2rem;font-weight:600;color:var(--primary);display:flex;align-items:center;justify-content:center;transition:background .15s}
.stepper button:hover{background:var(--primary-08)}
.stepper button:disabled{color:var(--muted-light);cursor:not-allowed}
.stepper input{width:46px;text-align:center;border:none;background:transparent;font-size:1rem;font-weight:700;font-family:inherit;color:var(--foreground);-moz-appearance:textfield}
.stepper input::-webkit-outer-spin-button,.stepper input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}
.calc-sub{margin-top:14px;padding-left:2px}
.sub-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:9px 0}
.sub-row .sl{font-size:.88rem;color:var(--foreground);font-weight:500}
.sub-row .sl b{display:block;font-size:.72rem;color:var(--muted);font-weight:500}
.seg{display:inline-flex;background:var(--surface);border:1px solid var(--border);border-radius:11px;padding:3px}
.seg button{padding:8px 15px;font-size:.82rem;font-weight:600;border-radius:8px;color:var(--muted);transition:.2s}
.seg button.on{background:#fff;color:var(--primary);box-shadow:var(--shadow-sm)}
.addon-toggle{display:flex;align-items:center;justify-content:space-between;gap:14px;background:transparent;border:0;border-radius:14px;padding:0}
.at-txt .att{font-weight:700;font-size:.95rem;display:flex;align-items:center;gap:8px}
.badge-soon{font-size:.6rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--accent-dark);background:var(--warn-bg);border:1px solid #fde9c8;padding:3px 8px;border-radius:999px}
.at-txt .ats{font-size:.8rem;color:var(--muted);margin-top:3px}
.switch{width:48px;height:28px;border-radius:999px;background:var(--border-strong);position:relative;transition:background .25s;flex:none}
.switch.on{background:var(--primary)}
.switch::after{content:"";position:absolute;top:3px;left:3px;width:22px;height:22px;border-radius:50%;background:#fff;transition:transform .25s var(--ease);box-shadow:var(--shadow-sm)}
.switch.on::after{transform:translateX(20px)}

/* summary */
.calc-summary{background:var(--primary);color:#fff;border-radius:var(--radius-lg);padding:30px;position:sticky;top:96px}
.cs-label{font-size:.78rem;letter-spacing:.12em;text-transform:uppercase;color:var(--accent);font-weight:700}
.cs-cycle{display:flex;gap:4px;background:rgba(255,255,255,.12);border-radius:11px;padding:4px;margin:14px 0}
.cs-cycle button{flex:1;padding:9px 10px;font-size:.82rem;font-weight:700;font-family:inherit;color:rgba(255,255,255,.7);border-radius:8px;cursor:pointer;transition:.2s;display:flex;align-items:center;justify-content:center;gap:6px}
.cs-cycle button.on{background:#fff;color:var(--primary)}
.cs-cycle .bc-save{font-size:.6rem;font-weight:800;letter-spacing:.04em;text-transform:uppercase;color:var(--accent-dark);background:var(--warn-bg);padding:2px 6px;border-radius:999px}
.cs-total{font-size:3rem;font-weight:900;letter-spacing:-.03em;margin:8px 0 2px;line-height:1.05}
.cs-total small{font-size:1rem;font-weight:600;opacity:.6;letter-spacing:0;white-space:nowrap;display:inline-block}
.cs-total .cs-was{font-size:1.15rem;font-weight:600;opacity:.5;text-decoration:line-through;margin-right:10px;letter-spacing:0}
.cs-note{font-size:.82rem;color:rgba(255,255,255,.6)}
.cs-break{margin-top:22px;border-top:1px solid rgba(255,255,255,.14);padding-top:16px;display:flex;flex-direction:column;gap:2px}
.cs-line{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;font-size:.86rem;padding:5px 0;color:rgba(255,255,255,.82)}
.cs-line .cs-lx{display:flex;flex-direction:column;gap:1px}
.cs-line .cs-sub2{font-size:.68rem;color:rgba(255,255,255,.45);font-weight:400}
.cs-line .amt{font-weight:700;color:#fff;font-variant-numeric:tabular-nums;white-space:nowrap}
.cs-line.zero{opacity:.4}
.cs-sep{height:1px;background:rgba(255,255,255,.16);margin:9px 0}
.cs-cta{margin-top:22px}
.cs-fine{margin-top:14px;font-size:.72rem;color:rgba(255,255,255,.5);line-height:1.5}
@media(max-width:900px){
  .calc{grid-template-columns:1fr;gap:20px}
  .calc,.calc-panel,.calc-summary{min-width:0}
  .calc-summary{position:static}
}
@media(max-width:560px){
  .calc-panel{padding:20px}
  .calc-summary{padding:22px}
  .sub-row{gap:10px;align-items:flex-start}
  .sub-row .sl{min-width:0}
  .sub-row .stepper{margin-top:1px}
  .stepper button{width:32px;height:34px;font-size:1.05rem}
  .stepper input{width:30px}
  .addon-toggle{align-items:flex-start}
  .addon-toggle .switch{margin-top:3px}
  .cb-price{font-size:.9rem;align-self:flex-start;margin-top:2px}
  .cs-total{line-height:1}
}

/* ============================================================
   OTHER FEATURES (icon cards)
   ============================================================ */
.feat-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:18px;margin-top:44px}
.fcard{background:#fff;border:1px solid var(--border);border-radius:var(--radius);padding:24px;transition:transform .3s var(--ease),box-shadow .3s var(--ease),border-color .3s}
.fcard:hover{transform:translateY(-4px);box-shadow:var(--shadow-md);border-color:var(--primary-10)}
.fcard .fic{width:44px;height:44px;border-radius:12px;background:var(--primary-08);color:var(--primary);display:flex;align-items:center;justify-content:center;margin-bottom:16px}
.fcard .fh{font-weight:700;font-size:1rem}
.fcard .fp{font-size:.85rem;color:var(--muted);margin-top:6px;line-height:1.45}
@media(max-width:960px){.feat-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:520px){.feat-grid{grid-template-columns:1fr}}

/* ============================================================
   APP DOWNLOAD BAND
   ============================================================ */
.appband{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center}
.appband-phones{display:flex;justify-content:center;gap:-40px;position:relative}
.appband-phones .phone{width:250px}
.appband-phones .phone:nth-child(2){margin-left:-70px;margin-top:34px;z-index:2}
@media(max-width:900px){
  .appband{grid-template-columns:1fr;gap:44px;text-align:center}
  .appband .stores{justify-content:center}
  .appband-phones .phone:nth-child(2){display:none}
}
/* desktop + mobile showcase */
.appband-showcase{position:relative;display:flex;justify-content:center;align-items:flex-end}
.deskmock{width:100%;max-width:520px}
.desk-body{aspect-ratio:1500/967;overflow:hidden}
.desk-shot{display:block;width:100%;height:100%;object-fit:contain}
/* apps-section phone sized to the mobile screenshot's ratio so it isn't cropped */
.appband-showcase .phone-screen{aspect-ratio:718/1599}
.desk-main{min-width:0}
.desk-nav{background:#0b1512;padding:16px 12px;display:flex;flex-direction:column;gap:4px}
.dn-brand{color:#fff;font-weight:800;font-size:.9rem;letter-spacing:-.02em;margin-bottom:12px;padding-left:6px}
.dn-item{font-size:.72rem;font-weight:600;color:rgba(255,255,255,.6);padding:7px 10px;border-radius:8px}
.dn-item.on{background:rgba(255,255,255,.12);color:#fff}
.desk-main{background:#fff;padding:16px 18px;display:flex;flex-direction:column;gap:12px}
.desk-h{display:flex;align-items:center;justify-content:space-between}
.dm-title{font-size:.95rem;font-weight:800;letter-spacing:-.02em}
.dm-sub{font-size:.68rem;color:var(--muted);margin-top:2px}
.desk-stats{display:flex;gap:10px}
.dstat{flex:1;background:var(--surface);border:1px solid var(--border);border-radius:11px;padding:10px 12px}
.dstat .mn{font-size:1.15rem;font-weight:800;color:var(--primary)}
.dstat .ml{font-size:.56rem;color:var(--muted);text-transform:uppercase;letter-spacing:.05em;font-weight:700;margin-top:2px}
.desk-list{display:flex;flex-direction:column;gap:8px}
.dl-row{display:flex;align-items:center;gap:10px;background:#fff;border:1px solid var(--border);border-radius:11px;padding:9px 12px;box-shadow:var(--shadow-sm)}
.dl-row .nm{font-size:.78rem;font-weight:700}
.dl-row .meta{font-size:.66rem;color:var(--muted);margin-left:auto;white-space:nowrap}
.dl-row .pill{flex:none}
.appband-showcase .phone{width:168px;position:absolute;right:-8px;bottom:-14px;z-index:3}
@media(max-width:900px){
  /* on mobile, stack the desktop mockup and phone vertically so both are visible */
  .appband-showcase{flex-direction:column;align-items:center;gap:30px}
  .appband-showcase .deskmock{display:block;max-width:100%}
  .appband-showcase .phone{display:block;position:static;width:220px;max-width:64%;right:auto;bottom:auto}
}

/* ============================================================
   FINAL CTA
   ============================================================ */
.finalcta{text-align:center;max-width:680px;margin:0 auto}
.finalcta .h2{color:#fff}
.finalcta .lead{margin:18px auto 0;max-width:520px}
.finalcta-actions{display:flex;gap:14px;justify-content:center;flex-wrap:wrap;margin-top:34px}
.finalcta-trust{display:flex;gap:24px;justify-content:center;flex-wrap:wrap;margin-top:26px;font-size:.85rem;color:rgba(255,255,255,.6)}
.finalcta-trust span{display:inline-flex;align-items:center;gap:7px}