/* ============================================================
   Our Story & Vision — advanced / international edition.
   Centralised tokens from /css/core.css :root (brand colours,
   Jost/Open Sans, 28/14 gutters). No :root here. Sans only.
   ============================================================ */

.owf-svx{
    font-family: var(--owf-font-body);
    color: var(--owf-color-text);
    background: var(--owf-surface);
    -webkit-font-smoothing: antialiased;
    overflow-x: clip;
    --svx-ease: cubic-bezier(.16,1,.3,1);
    --svx-mint: #dff7ef;
    --svx-peach: #fff0e8;
    --svx-blush: #fdecee;
}
.owf-svx *{ box-sizing: border-box; }
.owf-svx img{ display:block; max-width:100%; }
.owf-svx ::selection{ background: var(--owf-color-primary); color:#fff; }

/* ---- rhythm / surfaces ---- */
.owf-svx .svx-sec{ padding-block: clamp(48px, 6vw, 96px); position:relative; }
.owf-svx .svx-sec--tight{ padding-block: clamp(26px, 3vw, 44px); position:relative; }
.owf-svx .svx-bg-ink{ background: var(--owf-ink); color:#fff; }
.owf-svx .svx-bg-blue{ background: var(--owf-color-primary); color:#fff; }
.owf-svx .svx-bg-soft{ background: var(--owf-blue-50); }
.owf-svx .svx-bg-paper{ background: var(--owf-surface); }

/* ---- type ---- */
.owf-svx .svx-kicker{
    display:inline-flex; align-items:center; gap:10px;
    font:700 11px/1 var(--owf-font-ui); letter-spacing:0; text-transform:uppercase;
    color: var(--owf-color-accent);
}
.owf-svx .svx-kicker::before{ content:""; width:26px; height:2px; background: currentColor; }
.owf-svx .svx-kicker--light{ color:#fff; opacity:.7; }
.owf-svx .svx-h1{ font-family: var(--owf-font-display); font-weight:700; font-size: clamp(40px, 4.5rem, 72px); line-height:1.0; letter-spacing:0; margin:0; }
.owf-svx .svx-h2{ font-family: var(--owf-font-display); font-weight:700; font-size: clamp(30px, 2.75rem, 44px); line-height:1.08; letter-spacing:0; margin:0; }
.owf-svx .svx-h3{ font-family: var(--owf-font-display); font-weight:600; font-size: clamp(18px,1.25rem,21px); line-height:1.24; letter-spacing:0; margin:0; }
.owf-svx .svx-accent{ color: var(--owf-color-primary); }
.owf-svx .svx-bg-ink .svx-accent,
.owf-svx .svx-bg-blue .svx-accent{ color: var(--owf-blue-200); }
.owf-svx .svx-lead{ font-size: clamp(15px,1.05rem,17px); line-height:1.6; color: var(--owf-ink-500); max-width:56ch; margin:0; }
.owf-svx .svx-bg-ink .svx-lead, .owf-svx .svx-bg-blue .svx-lead{ color: rgba(255,255,255,.8); }
.owf-svx .svx-body{ font-size:14.5px; line-height:1.65; color: var(--owf-color-muted); margin:0; }
.owf-svx .svx-bg-ink .svx-body{ color: rgba(255,255,255,.68); }
.owf-svx .svx-head{ display:flex; flex-direction:column; gap:11px; margin-bottom: clamp(24px,3vw,40px); max-width:62ch; }

/* pills / buttons */
.owf-svx .svx-pill{ display:inline-flex; align-items:center; gap:8px; font:700 12px/1 var(--owf-font-ui);
    padding:9px 14px; border-radius:999px; border:1px solid var(--owf-color-border); color: var(--owf-color-text); background: var(--owf-surface); }
.owf-svx .svx-pill i{ color: var(--owf-color-primary); font-size:14px; }
.owf-svx .svx-bg-ink .svx-pill, .owf-svx .svx-bg-blue .svx-pill{ background: rgba(255,255,255,.07); border-color: rgba(255,255,255,.18); color:#fff; -webkit-backdrop-filter: blur(8px); backdrop-filter: blur(8px); }
.owf-svx .svx-bg-ink .svx-pill i, .owf-svx .svx-bg-blue .svx-pill i{ color: var(--owf-blue-200); }
.owf-svx .svx-btn{ display:inline-flex; align-items:center; gap:10px; font:700 13.5px/1 var(--owf-font-ui);
    padding:14px 22px; border-radius:8px; text-decoration:none; cursor:pointer; border:0; position:relative; overflow:hidden;
    background: var(--owf-color-primary); color:#fff; transition: transform .3s var(--svx-ease), box-shadow .3s var(--svx-ease), background .3s ease; }
.owf-svx .svx-btn i{ transition: transform .3s var(--svx-ease); }
.owf-svx .svx-btn:hover{ transform: translateY(-2px); box-shadow: 0 16px 30px -12px rgba(0,114,190,.7); }
.owf-svx .svx-btn:hover i{ transform: translateX(3px); }
.owf-svx .svx-btn--white{ background:#fff; color: var(--owf-ink); }
.owf-svx .svx-btn--white:hover{ box-shadow: 0 16px 30px -12px rgba(0,0,0,.4); }
.owf-svx .svx-btn--glass{ background: rgba(255,255,255,.1); color:#fff; -webkit-backdrop-filter:blur(8px); backdrop-filter:blur(8px); border:1px solid rgba(255,255,255,.2); }
.owf-svx .svx-btn--glass:hover{ background: rgba(255,255,255,.18); }

/* ---- reveal system ---- */
.owf-svx [data-rv]{ opacity:0; transform: translateY(22px); transition: opacity .7s var(--svx-ease), transform .7s var(--svx-ease); transition-delay: calc(var(--i,0)*70ms); }
.owf-svx [data-rv].in{ opacity:1; transform:none; }
/* kinetic headline: words rise into view */
.owf-svx .svx-w{ display:inline-block; overflow:hidden; vertical-align:top; }
.owf-svx .svx-w > span{ display:inline-block; transform: translateY(112%); transition: transform .85s var(--svx-ease); transition-delay: calc(var(--i,0)*65ms); }
.owf-svx [data-rv].in .svx-w > span{ transform:none; }

/* ============ HERO ============ */
.owf-svx .svx-hero{ position:relative; overflow:hidden; min-height: clamp(560px, 90vh, 860px);
    display:flex; align-items:center; padding-top: clamp(96px,13vh,150px); padding-bottom: clamp(40px,5vw,70px); }
.owf-svx .svx-hero::before{ content:""; position:absolute; inset:0; pointer-events:none;
    background-image: linear-gradient(rgba(255,255,255,.045) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.045) 1px, transparent 1px);
    background-size: 46px 46px; -webkit-mask-image: radial-gradient(120% 90% at 80% 30%, #000 0%, transparent 70%); mask-image: radial-gradient(120% 90% at 80% 30%, #000 0%, transparent 70%); }
.owf-svx .svx-hero::after{ content:""; position:absolute; inset:0; pointer-events:none;
    background: linear-gradient(135deg, transparent 0 44%, rgba(0,114,190,.22) 56%, rgba(204,41,48,.08) 72%, transparent 84%); }
.owf-svx .svx-hero .owf-container{ position:relative; z-index:2; width:100%; }
.owf-svx .svx-hero-grid{ display:grid; grid-template-columns: 1.04fr .96fr; gap: clamp(24px,4vw,64px); align-items:center; }
.owf-svx .svx-hero h1{ margin:16px 0 18px; }
.owf-svx .svx-hero-chips{ display:flex; flex-wrap:wrap; gap:9px; margin:22px 0 26px; }
.owf-svx .svx-hero-cta{ display:flex; flex-wrap:wrap; gap:11px; }
.owf-svx .svx-scroll{ display:inline-flex; align-items:center; gap:10px; margin-top:30px; font:700 11px/1 var(--owf-font-ui); letter-spacing:0; text-transform:uppercase; color: rgba(255,255,255,.6); }
.owf-svx .svx-scroll i{ animation: svxbob 1.8s var(--svx-ease) infinite; }
@keyframes svxbob{ 0%,100%{ transform: translateY(0) } 50%{ transform: translateY(5px) } }

/* hero image stack */
.owf-svx .svx-hero-stack{ position:relative; aspect-ratio: 1/1.04; }
.owf-svx .svx-hero-stack .svx-im{ position:absolute; overflow:hidden; border-radius:10px; box-shadow: 0 30px 60px -24px rgba(0,0,0,.6); }
.owf-svx .svx-hero-stack img{ width:100%; height:100%; object-fit:cover; }
.owf-svx .svx-im-1{ inset:0 22% 18% 0; }
.owf-svx .svx-im-2{ width:46%; aspect-ratio:3/3.4; right:0; bottom:0; border:5px solid var(--owf-ink); }
.owf-svx .svx-glass{ position:absolute; left:-6%; bottom:14%; padding:16px 18px; border-radius:10px;
    background: rgba(255,255,255,.1); -webkit-backdrop-filter: blur(16px) saturate(1.3); backdrop-filter: blur(16px) saturate(1.3);
    border:1px solid rgba(255,255,255,.2); box-shadow: 0 20px 40px -18px rgba(0,0,0,.5); }
.owf-svx .svx-glass b{ display:block; font-family: var(--owf-font-display); font-weight:700; font-size:30px; line-height:1; color:#fff; }
.owf-svx .svx-glass span{ display:block; margin-top:5px; font:700 10px/1.3 var(--owf-font-ui); letter-spacing:0; text-transform:uppercase; color: rgba(255,255,255,.7); }
.owf-svx .svx-ring{ position:absolute; top:-6%; left:6%; width:76px; height:76px; border-radius:10px; border:2px dashed rgba(255,255,255,.35); display:grid; place-items:center; color:#fff; font-size:24px; animation: svxspin 16s linear infinite; }
@keyframes svxspin{ to{ transform: rotate(360deg) } }

/* ============ MARQUEE ============ */
.owf-svx .svx-marq{ overflow:hidden; border-block:1px solid rgba(255,255,255,.16); }
.owf-svx .svx-marq-track{ display:flex; width:max-content; animation: svxmarq 30s linear infinite; }
.owf-svx .svx-marq:hover .svx-marq-track{ animation-play-state: paused; }
@keyframes svxmarq{ to{ transform: translateX(-50%) } }
.owf-svx .svx-marq-item{ display:inline-flex; align-items:center; gap:16px; padding: 16px 26px; font:700 14px/1 var(--owf-font-ui); letter-spacing:0; color:#fff; white-space:nowrap; }
.owf-svx .svx-marq-item::after{ content:"\2217"; color: var(--owf-blue-200); font-size:16px; }

/* ============ MANIFESTO ============ */
.owf-svx .svx-mani{ display:grid; grid-template-columns: auto 1fr; gap: clamp(20px,3vw,52px); align-items:start; }
.owf-svx .svx-mani-side{ position:sticky; top:96px; }
.owf-svx .svx-mani p{ font-family: var(--owf-font-display); font-weight:500; font-size: clamp(24px,2.35rem,38px); line-height:1.3; letter-spacing:0; margin:0; max-width:24ch; color: var(--owf-ink); }
.owf-svx .svx-mani mark{ background:none; color: var(--owf-color-primary); }

/* ============ STORY (sticky scrollytelling) ============ */
.owf-svx .svx-story{ display:grid; grid-template-columns: 1fr 1.05fr; gap: clamp(24px,4vw,64px); align-items:start; }
.owf-svx .svx-story-media{ position:sticky; top: clamp(76px,12vh,108px); }
.owf-svx .svx-story-fig{ position:relative; overflow:hidden; border-radius:10px; aspect-ratio: 4/4.5; box-shadow: 0 30px 60px -28px rgba(2,32,71,.4); }
.owf-svx .svx-story-fig img{ width:100%; height:100%; object-fit:cover; }
.owf-svx .svx-story-stamp{ position:absolute; left:16px; bottom:16px; background: rgba(16,23,34,.78); -webkit-backdrop-filter:blur(8px); backdrop-filter:blur(8px); color:#fff; padding:12px 16px; border-radius:8px; }
.owf-svx .svx-story-stamp b{ display:block; font-family: var(--owf-font-display); font-size:24px; line-height:1; }
.owf-svx .svx-story-stamp span{ display:block; margin-top:4px; font:700 9px/1 var(--owf-font-ui); letter-spacing:0; text-transform:uppercase; color: rgba(255,255,255,.65); }
.owf-svx .svx-steps{ display:flex; flex-direction:column; gap: clamp(14px,1.8vw,22px); }
.owf-svx .svx-step{ border:1px solid var(--owf-color-border); border-radius:8px; padding: clamp(20px,2.2vw,28px); background: var(--owf-surface); transition: border-color .4s var(--svx-ease), box-shadow .4s var(--svx-ease), transform .4s var(--svx-ease); }
.owf-svx .svx-step:hover{ border-color: var(--owf-blue-200); box-shadow: 0 22px 44px -28px rgba(2,32,71,.34); transform: translateY(-2px); }
.owf-svx .svx-step-yr{ display:inline-flex; align-items:center; gap:8px; font:700 12px/1 var(--owf-font-ui); letter-spacing:0; color: var(--owf-color-primary); }
.owf-svx .svx-step-yr::before{ content:""; width:8px; height:8px; border-radius:50%; background: var(--owf-color-accent); }
.owf-svx .svx-step h3{ margin:12px 0 8px; }
.owf-svx .svx-step .svx-quote{ font-family: var(--owf-font-display); font-weight:600; font-size: clamp(17px,1.2rem,20px); line-height:1.4; color: var(--owf-color-primary-dark); margin:0; }

/* ============ STATS ============ */
.owf-svx .svx-stats{ display:grid; grid-template-columns: repeat(4,1fr); gap: clamp(14px,2vw,28px); }
.owf-svx .svx-stat{ border-top:2px solid rgba(255,255,255,.22); padding-top:16px; position:relative; }
.owf-svx .svx-stat::after{ content:""; position:absolute; top:-2px; left:0; width:0; height:2px; background: var(--owf-blue-200); transition: width 1.1s var(--svx-ease) .2s; }
.owf-svx .svx-stat.in::after{ width:42%; }
.owf-svx .svx-stat-n{ font-family: var(--owf-font-display); font-weight:700; font-size: clamp(38px,4rem,64px); line-height:.95; }
.owf-svx .svx-stat-l{ margin-top:10px; font:600 12.5px/1.4 var(--owf-font-ui); letter-spacing:0; text-transform:uppercase; color: rgba(255,255,255,.62); }

/* ============ MISSION / VISION ============ */
.owf-svx .svx-mv-grid{ display:grid; grid-template-columns: 1fr 1fr; gap: clamp(16px,2vw,24px); }
.owf-svx .svx-mv-card{ position:relative; overflow:hidden; background: var(--owf-surface); border:1px solid var(--owf-color-border); border-radius:8px; padding: clamp(24px,2.6vw,36px); transition: border-color .4s var(--svx-ease), box-shadow .4s var(--svx-ease); }
.owf-svx .svx-mv-card:hover{ border-color: var(--owf-blue-200); box-shadow: 0 30px 60px -34px rgba(2,32,71,.34); }
.owf-svx .svx-mv-wm{ position:absolute; top:-14px; right:6px; font-family: var(--owf-font-display); font-weight:700; font-size:120px; line-height:1; color: var(--owf-blue-50); z-index:0; }
.owf-svx .svx-mv-card > *{ position:relative; z-index:1; }
.owf-svx .svx-mv-ic{ width:50px; height:50px; border-radius:8px; background: var(--owf-color-primary); color:#fff; display:grid; place-items:center; font-size:24px; margin-bottom:16px; }
.owf-svx .svx-mv-card h3{ margin-bottom:9px; }
.owf-svx .svx-mv-list{ list-style:none; margin:18px 0 0; padding:0; }
.owf-svx .svx-mv-list li{ position:relative; padding:11px 0 11px 26px; border-top:1px solid var(--owf-color-border); font-size:13.5px; line-height:1.5; color: var(--owf-ink-500); }
.owf-svx .svx-mv-list li::before{ content:"\2713"; position:absolute; left:0; top:10px; color: var(--owf-color-primary); font-size:13px; font-weight:700; }

/* ============ VALUES (bento) ============ */
.owf-svx .svx-val-grid{ display:grid; grid-template-columns: repeat(4,1fr); gap: clamp(12px,1.6vw,18px); }
.owf-svx .svx-val{ position:relative; overflow:hidden; background: rgba(255,255,255,.06); border:1px solid rgba(255,255,255,.14); border-radius:8px; padding:22px 20px; transition: transform .35s var(--svx-ease), background .35s ease, border-color .35s ease; }
.owf-svx .svx-val:hover{ transform: translateY(-4px); background: rgba(255,255,255,.11); border-color: rgba(255,255,255,.28); }
.owf-svx .svx-val-ic{ width:46px; height:46px; border-radius:8px; background:#fff; color: var(--owf-color-primary); display:grid; place-items:center; font-size:22px; margin-bottom:16px; transition: transform .35s var(--svx-ease); }
.owf-svx .svx-val:hover .svx-val-ic{ transform: scale(1.08) rotate(-4deg); }
.owf-svx .svx-val h4{ font-family: var(--owf-font-display); font-weight:600; font-size:17px; margin:0 0 7px; color:#fff; }
.owf-svx .svx-val p{ font-size:13px; line-height:1.55; color: rgba(255,255,255,.66); margin:0; }

/* ============ APPROACH (numbered grid) ============ */
.owf-svx .svx-app-grid{ display:grid; grid-template-columns: repeat(3,1fr); gap:1px; background: var(--owf-color-border); border:1px solid var(--owf-color-border); border-radius:8px; overflow:hidden; }
.owf-svx .svx-app{ background: var(--owf-surface); padding: clamp(22px,2.2vw,30px); transition: background .35s ease; }
.owf-svx .svx-app:hover{ background: var(--owf-blue-50); }
.owf-svx .svx-app-n{ font-family: var(--owf-font-display); font-weight:700; font-size:22px; color: var(--owf-blue-100); -webkit-text-stroke:1px var(--owf-blue-200); }
.owf-svx .svx-app:hover .svx-app-n{ color: var(--owf-color-primary); -webkit-text-stroke:0; }
.owf-svx .svx-app h4{ font-family: var(--owf-font-display); font-weight:600; font-size:17px; margin:12px 0 8px; letter-spacing:0; }
.owf-svx .svx-app p{ font-size:13.5px; line-height:1.55; color: var(--owf-color-muted); margin:0; }

/* ============ FACILITY (bento gallery) ============ */
.owf-svx .svx-gal{ display:grid; grid-template-columns: repeat(12,1fr); grid-auto-rows: clamp(92px,11vw,150px); gap: clamp(10px,1.2vw,16px); }
.owf-svx .svx-g{ position:relative; overflow:hidden; border-radius:8px; }
.owf-svx .svx-g img{ width:100%; height:100%; object-fit:cover; transition: transform 1.1s var(--svx-ease); }
.owf-svx .svx-g:hover img{ transform: scale(1.06); }
.owf-svx .svx-g::after{ content:""; position:absolute; inset:0; background:linear-gradient(to top, rgba(10,25,41,.7), transparent 55%); opacity:.85; transition:opacity .4s ease; }
.owf-svx .svx-g figcaption{ position:absolute; left:0; right:0; bottom:0; z-index:2; padding:14px 16px; color:#fff; transform: translateY(6px); opacity:0; transition: all .45s var(--svx-ease); }
.owf-svx .svx-g:hover figcaption{ transform:none; opacity:1; }
.owf-svx .svx-g figcaption b{ display:block; font-family: var(--owf-font-display); font-weight:600; font-size:16px; }
.owf-svx .svx-g figcaption span{ font-size:12px; color: rgba(255,255,255,.78); }
.owf-svx .svx-g-a{ grid-column: span 6; grid-row: span 2; }
.owf-svx .svx-g-b{ grid-column: span 3; grid-row: span 1; }
.owf-svx .svx-g-c{ grid-column: span 3; grid-row: span 1; }
.owf-svx .svx-g-d{ grid-column: span 3; grid-row: span 1; }
.owf-svx .svx-g-e{ grid-column: span 3; grid-row: span 1; }

/* ============ CARE ECOSYSTEM ============ */
.owf-svx .svx-care-grid{ display:grid; grid-template-columns: 1.35fr repeat(3,1fr); gap: clamp(12px,1.5vw,18px); align-items:stretch; }
.owf-svx .svx-care-card{ min-height:280px; position:relative; overflow:hidden; border:1px solid var(--owf-color-border); border-radius:8px; background: var(--owf-surface); padding: clamp(22px,2.2vw,30px); display:flex; flex-direction:column; justify-content:flex-end; transition: transform .35s var(--svx-ease), box-shadow .35s var(--svx-ease), border-color .35s ease; }
.owf-svx .svx-care-card:hover{ transform: translateY(-3px); border-color: var(--owf-blue-200); box-shadow: 0 28px 58px -36px rgba(2,32,71,.34); }
.owf-svx .svx-care-card--wide{ min-height:360px; padding:0; color:#fff; }
.owf-svx .svx-care-card--wide figure{ position:absolute; inset:0; margin:0; }
.owf-svx .svx-care-card--wide img{ width:100%; height:100%; object-fit:cover; transform:scale(1.01); transition: transform 1s var(--svx-ease); }
.owf-svx .svx-care-card--wide:hover img{ transform:scale(1.05); }
.owf-svx .svx-care-card--wide::after{ content:""; position:absolute; inset:0; background: linear-gradient(to top, rgba(10,25,41,.9), rgba(10,25,41,.42) 54%, rgba(10,25,41,.08)); }
.owf-svx .svx-care-copy{ position:relative; z-index:2; padding: clamp(22px,2.5vw,34px); max-width:48ch; }
.owf-svx .svx-care-card--wide .svx-body{ color:rgba(255,255,255,.76); margin-top:10px; }
.owf-svx .svx-care-card--wide .svx-h3{ color:#fff; margin-top:10px; }
.owf-svx .svx-care-label{ display:inline-flex; align-items:center; gap:8px; color:var(--owf-blue-200); font:700 11px/1 var(--owf-font-ui); letter-spacing:0; text-transform:uppercase; }
.owf-svx .svx-care-label::before{ content:""; width:22px; height:2px; background:currentColor; }
.owf-svx .svx-care-icon{ width:48px; height:48px; border-radius:8px; display:grid; place-items:center; font-size:23px; margin-bottom:20px; color:var(--owf-color-primary); background:linear-gradient(135deg,var(--svx-mint),#fff); border:1px solid rgba(0,114,190,.12); }
.owf-svx .svx-care-card:nth-child(3) .svx-care-icon{ color:var(--owf-red-500); background:linear-gradient(135deg,var(--svx-blush),#fff); border-color:rgba(204,41,48,.12); }
.owf-svx .svx-care-card:nth-child(4) .svx-care-icon{ color:var(--owf-blue-700); background:linear-gradient(135deg,var(--svx-peach),#fff); }
.owf-svx .svx-care-card > .svx-body{ margin-top:10px; }

/* ============ CTA ============ */
.owf-svx .svx-cta{ position:relative; overflow:hidden; }
.owf-svx .svx-cta::before{ content:""; position:absolute; width:48vw; height:48vw; right:-14vw; bottom:-24vw; border-radius:50%;
    border:1px solid rgba(255,255,255,.12); box-shadow: 0 0 0 60px rgba(255,255,255,.05), 0 0 0 140px rgba(255,255,255,.03); pointer-events:none; }
.owf-svx .svx-cta .owf-container{ position:relative; z-index:2; }
.owf-svx .svx-cta-grid{ display:grid; grid-template-columns: 1.1fr .9fr; gap: clamp(24px,4vw,56px); align-items:center; }
.owf-svx .svx-cta-grid .svx-h2{ color:#fff; }
.owf-svx .svx-cta-right{ display:flex; flex-direction:column; gap:16px; align-items:flex-start; }
.owf-svx .svx-cta-call{ font:600 13px/1.5 var(--owf-font-ui); color: rgba(255,255,255,.7); }
.owf-svx .svx-cta-call a{ color:#fff; text-decoration:none; border-bottom:2px solid var(--owf-blue-200); }

/* ============ RESPONSIVE — mobile app feel ============ */
@media (max-width: 991px){
    .owf-svx .svx-hero{ min-height:auto; }
    .owf-svx .svx-hero-grid,
    .owf-svx .svx-story,
    .owf-svx .svx-mani,
    .owf-svx .svx-cta-grid{ grid-template-columns: 1fr; }
    .owf-svx .svx-mani-side,
    .owf-svx .svx-story-media{ position:static; }
    .owf-svx .svx-hero-stack{ aspect-ratio: 16/12; max-width:520px; margin-inline:auto; }
    .owf-svx .svx-stats,
    .owf-svx .svx-val-grid,
    .owf-svx .svx-app-grid{ grid-template-columns: repeat(2,1fr); }
    .owf-svx .svx-care-grid{ grid-template-columns: 1fr 1fr; }
    .owf-svx .svx-care-card--wide{ grid-column:1 / -1; }
    .owf-svx .svx-mv-grid{ grid-template-columns: 1fr; }
}
@media (max-width: 600px){
    .owf-svx .svx-stats,
    .owf-svx .svx-val-grid,
    .owf-svx .svx-app-grid,
    .owf-svx .svx-care-grid{ grid-template-columns: 1fr; }
    /* app-like: chunky rounded cards, scroll-snap chips */
    .owf-svx .svx-step,.owf-svx .svx-mv-card,.owf-svx .svx-val,.owf-svx .svx-care-card{ border-radius:8px; }
    .owf-svx .svx-hero-stack{ aspect-ratio: 4/4.4; }
    .owf-svx .svx-care-card{ min-height:220px; }
    .owf-svx .svx-care-card--wide{ min-height:330px; }
    .owf-svx .svx-g-a{ grid-column: span 12; grid-row: span 2; }
    .owf-svx .svx-g-b,.owf-svx .svx-g-c,.owf-svx .svx-g-d,.owf-svx .svx-g-e{ grid-column: span 6; }
    .owf-svx .svx-mv-wm{ font-size:90px; }
}
@media (prefers-reduced-motion: reduce){
    .owf-svx [data-rv]{ opacity:1 !important; transform:none !important; }
    .owf-svx .svx-w > span{ transform:none !important; }
    .owf-svx .svx-marq-track{ animation:none; }
    .owf-svx .svx-ring{ animation:none; }
    .owf-svx .svx-g img,.owf-svx .svx-care-card--wide img{ transition:none; }
    .owf-svx .svx-scroll i{ animation:none; }
}