/* أسلوب «قرار دوائي أوضح»: أبيض دافئ، أحمر #e5262e، نص فحمي، وبناء غير متماثل حول لقطات المنتج. */
:root { --red:#e5262e; --ink:#35171a; --muted:#745d60; --cream:#fffafa; --ease:cubic-bezier(.23,1,.32,1); }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
section[id] { scroll-margin-top: 5.25rem; }
body { margin:0; background:var(--cream); color:var(--ink); font-family:"IBM Plex Sans Arabic",Arial,sans-serif; }
button,input { font:inherit; }
button,a { -webkit-tap-highlight-color:transparent; }
a { color:inherit; text-decoration:none; }
.site-shell { min-height:100vh; overflow-x:hidden; }
.site-container { width:min(1180px,calc(100% - 3rem)); margin-inline:auto; }
.site-header { position:fixed; width:100%; z-index:20; top:0; border-bottom:1px solid rgba(76,31,35,.09); background:rgba(255,250,250,.92); backdrop-filter:blur(16px); }
.header-inner { display:flex; height:5.25rem; align-items:center; justify-content:space-between; gap:1.25rem; }
.brand { position:relative; display:inline-flex; flex:0 0 auto; align-items:center; }
.brand img { position:relative; z-index:1; width:8.6rem; height:3.5rem; object-fit:contain; object-position:right; }
.desktop-nav { display:flex; gap:1.75rem; align-items:center; color:#6f5658; font-size:.83rem; font-weight:700; }
.desktop-nav a { transition:color .18s var(--ease); position:relative; }.desktop-nav a:hover,.desktop-nav a.active { color:var(--red); }
.desktop-nav a::after { content:""; position:absolute; bottom:-.4rem; right:0; width:0; height:2px; background:var(--red); border-radius:2px; transition:width .25s var(--ease); }
.desktop-nav a.active::after { width:100%; }
.header-cta,.button { display:inline-flex; align-items:center; justify-content:center; gap:.55rem; border:0; border-radius:999px; font-weight:800; cursor:pointer; transition:transform .16s var(--ease),box-shadow .16s var(--ease),background .16s; }
.header-cta { padding:.64rem 1rem; background:var(--red); color:#fff; font-size:.77rem; box-shadow:0 9px 20px rgba(229,38,46,.19); }
.header-cta:hover,.button-primary:hover { transform:translateY(-2px); box-shadow:0 16px 28px rgba(229,38,46,.25); }.header-cta:active,.button:active { transform:scale(.97); }
.menu-toggle { display:none; width:2.35rem; border:0; background:transparent; padding:.4rem; }.menu-toggle span { display:block; height:2px; margin:4px 0; background:#4b2024; transition:transform .18s var(--ease),opacity .18s; }.menu-toggle.is-open span:nth-child(1){transform:translateY(6px) rotate(45deg)}.menu-toggle.is-open span:nth-child(2){opacity:0}.menu-toggle.is-open span:nth-child(3){transform:translateY(-6px) rotate(-45deg)}
.mobile-nav { display:none; padding-bottom:1rem; color:#5f3d40; font-size:.82rem; font-weight:700; }.mobile-nav:not([hidden]) { display:grid; gap:.55rem; }.mobile-nav a { border-bottom:1px solid #f0e0e0; padding:.65rem 0; }
.hero-section { position:relative; isolation:isolate; overflow:hidden; padding:6.25rem 0 0; background:radial-gradient(circle at 84% 12%,rgba(229,38,46,.12),transparent 23rem),linear-gradient(125deg,#fffafa 0%,#fff 47%,#fff4f3 100%); }.hero-section:before { content:""; position:absolute; z-index:-1; top:-14rem; left:-12rem; width:38rem; height:38rem; border:1px solid rgba(229,38,46,.1); border-radius:50%; box-shadow:0 0 0 5rem rgba(229,38,46,.025),0 0 0 10rem rgba(229,38,46,.014); }
.hero-grid { display:grid; grid-template-columns:minmax(0,.91fr) minmax(0,1.09fr); align-items:center; gap:clamp(2.75rem,7vw,7rem); min-height:34rem; }.section-eyebrow { display:inline-flex; align-items:center; gap:.58rem; margin:0; color:#d51d26; font-size:.73rem; font-weight:800; letter-spacing:.01em; }.section-eyebrow span { width:.55rem; height:.55rem; border-radius:99px; background:var(--red); box-shadow:0 0 0 5px rgba(229,38,46,.12); }
h1,h2,h3 { font-family:"Cairo",Arial,sans-serif; } h1,h2 { margin:1rem 0 0; color:var(--ink); letter-spacing:-.06em; font-weight:900; } h1 em,h2 em { color:var(--red); font-style:normal; }.hero-copy h1 { max-width:37rem; font-size:clamp(2.55rem,4.7vw,5rem); line-height:1.15; }.hero-copy>p { max-width:34rem; margin:1.3rem 0 0; color:#70585a; font-size:1rem; line-height:2; }.hero-trust { display:flex; flex-wrap:wrap; gap:1.1rem 1.55rem; margin-top:2.65rem; padding-top:1.2rem; border-top:1px solid #eadbdd; color:#735b5e; font-size:.72rem; font-weight:700; }.hero-trust span { display:inline-flex; gap:.35rem; align-items:center; }.hero-trust b { color:var(--red); }
.hero-visual { position:relative; padding:1rem 0 2.5rem; }.hero-visual:before { content:""; position:absolute; z-index:-1; right:-3rem; bottom:0; width:83%; height:82%; border-radius:3rem 0 3rem 3rem; background:linear-gradient(140deg,var(--red),#a81219); box-shadow:0 25px 56px rgba(163,20,26,.18); transform:rotate(-3deg); }.hero-stamp { position:absolute; z-index:2; top:-.35rem; right:1.1rem; border:1px solid #efb2b6; border-radius:99px; background:#fffaf9; padding:.5rem .8rem; color:#bd1c25; font-size:.68rem; font-weight:800; box-shadow:0 8px 16px rgba(91,27,31,.1); }
.product-frame { position:relative; overflow:hidden; border:1px solid rgba(89,38,42,.15); border-radius:1.3rem; background:#fff; box-shadow:0 21px 45px rgba(75,26,31,.14); }.product-frame-bar { display:flex; min-height:2.4rem; gap:.65rem; align-items:center; padding:.4rem .85rem; border-bottom:1px solid #eee2e2; color:#6d585a; font-size:.61rem; font-weight:700; }.window-dots { display:inline-flex; direction:ltr; gap:.2rem; }.window-dots i { width:.38rem; height:.38rem; border-radius:50%; background:var(--red); }.window-dots i:nth-child(2){background:#f2bd53}.window-dots i:nth-child(3){background:#5caa73}.frame-live { display:inline-flex; gap:.28rem; align-items:center; margin-right:auto; color:#b22a30; }.frame-live b { width:.34rem; height:.34rem; border-radius:50%; background:var(--red); }.product-frame img { display:block; width:100%; height:auto; object-fit:cover; }.hero-visual .product-frame { margin-right:1rem; }.hero-visual .product-frame img { aspect-ratio:1.57; object-position:50% 39%; }
.evidence-label { position:relative; z-index:2; display:flex; align-items:center; gap:.42rem; width:max-content; max-width:calc(100% - 1.5rem); margin:.55rem 0 0 1.3rem; padding:.4rem .65rem; border-radius:99px; background:#fff; color:#83696c; box-shadow:0 8px 17px rgba(83,25,29,.1); font-size:.57rem; font-weight:700; }.evidence-label span { color:#ce1d27; }.evidence-label i,.operation-label i { width:.35rem; height:.35rem; border-radius:50%; background:var(--red); }.evidence-label b { color:#4b292d; }.hero-data-card { position:absolute; z-index:2; bottom:.8rem; left:-1.25rem; display:flex; min-width:12rem; gap:.65rem; align-items:center; border:1px solid rgba(229,38,46,.17); border-radius:1rem; background:rgba(255,255,255,.9); padding:.68rem .75rem; box-shadow:0 14px 28px rgba(83,25,29,.15); color:#392024; }.hero-data-card div { display:grid; gap:.05rem; }.hero-data-card b { font-size:.7rem; }.hero-data-card small { color:#876e70; font-size:.61rem; }.hero-data-card strong { margin-right:auto; color:var(--red); font-size:1.5rem; }.pulse-dot { width:.55rem; height:.55rem; border-radius:50%; background:var(--red); box-shadow:0 0 0 5px rgba(229,38,46,.15); }
.hero-path { display:flex; align-items:center; gap:.55rem; height:4.7rem; color:#987b7e; font-size:.65rem; font-weight:700; }.hero-path:before { content:""; flex:1; order:2; height:1px; background:linear-gradient(90deg,transparent,#eb777d,rgba(229,38,46,.12)); }.hero-path i { width:.36rem; height:.36rem; border-radius:50%; background:var(--red); }.hero-path>:nth-child(1){order:4}.hero-path>:nth-child(2),.hero-path>:nth-child(3),.hero-path>:nth-child(4){order:3}.hero-path b{order:1;color:#5d3d40}.hero-path>:nth-child(6){order:0}.hero-path strong{order:-1;color:var(--red)}
.proof-strip { position:relative; border-block:1px solid #f0dedf; background:#fff; }.proof-inner { display:grid; grid-template-columns:1fr auto auto; gap:2.5rem; align-items:center; min-height:7.7rem; }.proof-inner>p { max-width:24rem; margin:0; color:#745d60; font-size:.86rem; line-height:1.8; }.proof-item { display:flex; gap:.75rem; align-items:center; border-right:1px solid #eadbdd; padding-right:2.5rem; }.proof-item b { color:var(--red); font:2.2rem/1 "Cairo"; }.proof-item span { color:#624649; font-size:.7rem; font-weight:700; line-height:1.65; }.proof-path { position:absolute; z-index:2; right:max(1.5rem,calc((100% - 1180px)/2)); bottom:-.45rem; display:flex; gap:.3rem; align-items:center; border-radius:99px; background:#3b1a1e; padding:.26rem .6rem; color:#ffd6d8; box-shadow:0 5px 12px rgba(75,22,25,.14); font-size:.51rem; font-weight:700; }.proof-path i { width:.25rem; height:.25rem; border-radius:50%; background:#ff7279; }.proof-path span { margin-right:.22rem; }
.intro-section { position:relative; display:grid; grid-template-columns:minmax(0,1.15fr) minmax(16rem,.72fr); gap:3rem; padding-top:8.5rem; padding-bottom:8rem; }.intro-copy h2 { max-width:44rem; font-size:clamp(2rem,3.3vw,3.35rem); line-height:1.35; }.intro-section>p { align-self:end; margin:0; color:#765d60; font-size:.93rem; line-height:2; }.intro-line { position:absolute; top:3.5rem; right:0; left:0; display:flex; gap:.6rem; align-items:center; color:var(--red); font:700 .65rem monospace; }.intro-line:after { content:""; width:11rem; height:1px; background:linear-gradient(90deg,var(--red),transparent); }.intro-line i { width:.35rem; height:.35rem; border-radius:50%; background:var(--red); }
.product-section { position:relative; }.desktop-product { overflow:hidden; padding:7rem 0 8rem; background:#fff; }.desktop-product:before { content:""; position:absolute; top:0; left:0; width:38%; height:100%; background:#fff4f3; clip-path:polygon(0 0,100% 0,74% 100%,0 100%); }.product-layout,.mobile-layout { position:relative; display:grid; grid-template-columns:minmax(0,.97fr) minmax(0,1.03fr); gap:clamp(3rem,7vw,7rem); align-items:center; }.product-copy h2 { font-size:clamp(2.25rem,3.5vw,3.8rem); line-height:1.27; }.section-lead { margin:1.4rem 0 0; color:#745c5e; font-size:.92rem; line-height:2; }.operation-label { display:flex; flex-wrap:wrap; gap:.42rem; align-items:center; margin-top:1.6rem; padding:.55rem 0; border-block:1px dashed #e6c9cb; color:#846b6e; font-size:.61rem; font-weight:700; }.operation-label span { color:var(--red); font:800 .75rem monospace; }.operation-label b { color:#4a292c; }.operation-label i { box-shadow:0 0 0 3px #f9dfe0; }.feature-list { display:grid; gap:.75rem; margin-top:2.35rem; }.feature-row { display:flex; gap:.8rem; align-items:flex-start; padding:.75rem .8rem; border-bottom:1px solid #efe3e3; transition:background .16s,transform .16s; }.feature-row:hover { background:#fff7f6; transform:translateX(-4px); }.feature-icon { display:grid; flex:0 0 auto; width:2.15rem; height:2.15rem; place-items:center; border-radius:.7rem; background:#fbe7e6; color:#df2029; }.feature-row h3,.mobile-feature h3 { margin:0; color:#3d2023; font-size:.9rem; font-weight:800; }.feature-row p { margin:.2rem 0 0; color:#80686a; font-size:.74rem; line-height:1.7; }
.desktop-visual { position:relative; padding:2rem 1rem 1.35rem 0; }.desktop-visual:after { content:""; position:absolute; z-index:-1; right:0; bottom:0; width:84%; height:86%; border-radius:2rem; background:linear-gradient(135deg,var(--red),#97161e); }.desktop-visual .product-frame img { aspect-ratio:1.54; object-position:center; }.visual-topline { display:flex; gap:.55rem; align-items:center; margin:0 0 .75rem; padding:0 .35rem; color:#7c5d60; font-size:.68rem; font-weight:800; }.visual-topline i { width:.45rem; height:.45rem; border-radius:50%; background:var(--red); }.visual-topline b { margin-right:auto; color:#df2029; }.visual-caption { position:relative; z-index:2; display:flex; gap:.65rem; align-items:center; width:max-content; max-width:90%; margin:-1.2rem 1.45rem 0 auto; padding:.7rem .85rem; border-radius:.95rem; background:#3a1b1e; color:rgba(255,255,255,.77); box-shadow:0 14px 25px rgba(53,16,19,.26); font-size:.68rem; line-height:1.55; }.visual-caption b,.visual-caption strong { color:#ff7a80; }
.mobile-product { overflow:hidden; padding:7rem 0 8rem; background:linear-gradient(150deg,#fff4f3,#fffafa 61%,#fdebea); }.mobile-product:before { content:""; position:absolute; top:-19rem; left:-16rem; width:37rem; height:37rem; border-radius:50%; background:rgba(229,38,46,.1); }.mobile-band { position:absolute; top:2.3rem; right:-4%; left:-4%; display:flex; justify-content:space-around; align-items:center; transform:rotate(-3deg); border-top:1px dashed rgba(229,38,46,.45); color:#b91c24; font-size:.69rem; font-weight:800; }.mobile-band i { width:.52rem; height:.52rem; border-radius:50%; background:var(--red); box-shadow:0 0 0 5px rgba(229,38,46,.09); }.mobile-visual { position:relative; padding:1.6rem 1rem 2rem; }.mobile-visual:before { content:""; position:absolute; z-index:-1; top:0; right:7%; width:79%; height:91%; border-radius:2rem 2rem 5.5rem 2rem; background:var(--red); transform:rotate(4deg); box-shadow:0 20px 34px rgba(229,38,46,.21); }.mobile-visual .product-frame { width:87%; }.mobile-visual .product-frame img { aspect-ratio:1.43; object-position:center; }.offline-badge { position:absolute; z-index:2; top:.5rem; left:-.25rem; display:flex; gap:.45rem; align-items:center; padding:.67rem .75rem; border-radius:1rem; background:#391c20; color:#fff; box-shadow:0 11px 24px rgba(66,22,25,.22); }.offline-badge>b { color:#ff747b; font-size:1.25rem; }.offline-badge span { display:grid; gap:.05rem; }.offline-badge strong { font-size:.7rem; }.offline-badge small { color:#f4bfc2; font-size:.59rem; }.mobile-detail-card { position:absolute; z-index:2; bottom:-.6rem; left:0; width:47%; overflow:hidden; border:4px solid #fffafa; border-radius:1.05rem; background:#fff; box-shadow:0 17px 28px rgba(72,28,33,.2); }.mobile-detail-card img { display:block; width:100%; aspect-ratio:1.37; object-fit:cover; }.mobile-detail-card span { position:absolute; right:.4rem; bottom:.4rem; border-radius:99px; background:var(--red); padding:.35rem .45rem; color:#fff; font-size:.59rem; font-weight:800; }.mobile-copy { order:-1; }.mobile-feature-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:.85rem; margin-top:2.4rem; }.mobile-feature { position:relative; min-height:12.5rem; border:1px solid #eddbdb; border-radius:1.1rem; background:rgba(255,255,255,.65); padding:1.2rem 1.1rem; transition:transform .18s,box-shadow .18s; }.mobile-feature:hover { transform:translateY(-4px); box-shadow:0 15px 24px rgba(116,39,44,.1); }.mobile-feature>span { position:absolute; top:1.1rem; left:1.1rem; color:var(--red); font:800 .68rem monospace; }.mobile-feature>b { color:var(--red); font-size:1.2rem; }.mobile-feature h3 { margin-top:1.25rem; font-size:.86rem; }.mobile-feature p { margin:.38rem 0 0; color:#7c6467; font-size:.72rem; line-height:1.75; }
.workflow-section { padding:7rem 0; background:#3b1a1e; color:#fff; }.workflow-heading { display:grid; grid-template-columns:minmax(0,1fr) minmax(16rem,.66fr); gap:3rem; align-items:end; }.workflow-section .section-eyebrow { color:#ff858b; }.workflow-section .section-eyebrow span { background:#ff858b; box-shadow:0 0 0 5px rgba(255,133,139,.15); }.workflow-section h2 { color:#fff; font-size:clamp(2.1rem,3.4vw,3.6rem); line-height:1.3; }.workflow-section h2 em { color:#ff6670; }.workflow-heading>p { margin:0; color:#e4bfc1; font-size:.88rem; line-height:1.95; }.workflow-steps { position:relative; display:grid; grid-template-columns:repeat(4,1fr); gap:1rem; margin-top:4.25rem; }.workflow-steps:before { content:""; position:absolute; top:2.55rem; right:9%; left:9%; border-top:1px dashed rgba(255,125,131,.7); transform:rotate(-1.7deg); }.workflow-step { position:relative; z-index:1; }.workflow-step>span { color:#ff858b; font:800 .72rem monospace; }.workflow-node { display:grid; width:4.6rem; height:4.6rem; place-items:center; margin:1rem 0 1.2rem; border:1px solid rgba(255,255,255,.35); border-radius:50%; background:#4e252a; color:#ff858b; box-shadow:0 0 0 .6rem #3b1a1e; font-size:1.45rem; }.workflow-step h3 { margin:0; font-size:.94rem; }.workflow-step p { max-width:12rem; margin:.45rem 0 0; color:#d8b7ba; font-size:.72rem; line-height:1.75; }
.cta-section { padding:6.5rem 0; background:#fffafa; }.cta-card { position:relative; overflow:hidden; display:grid; grid-template-columns:minmax(0,1.15fr) minmax(15rem,.45fr); gap:3rem; align-items:start; border-radius:2rem; background:linear-gradient(115deg,var(--red),#be1821 62%,#82151b); padding:clamp(2rem,5vw,4.35rem); color:#fff; box-shadow:0 25px 45px rgba(162,25,33,.23); }.cta-card:before { content:""; position:absolute; right:-8rem; bottom:-11rem; width:33rem; height:33rem; border:1px solid rgba(255,255,255,.2); border-radius:50%; box-shadow:0 0 0 4rem rgba(255,255,255,.05),0 0 0 8rem rgba(255,255,255,.035); pointer-events:none; }.cta-copy { position:relative; z-index:3; }.cta-card .section-eyebrow { color:#ffe1e3; }.cta-card .section-eyebrow span { background:#fff; box-shadow:0 0 0 5px rgba(255,255,255,.16); }.cta-card h2 { color:#fff; font-size:clamp(2rem,3.5vw,3.65rem); line-height:1.3; }.cta-card h2 em { color:#ffe2e3; }.quote-form { position:relative; z-index:4; display:grid; gap:1rem; max-width:43rem; margin-top:1.8rem; }.quote-form-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:.85rem; }.quote-field { display:grid; gap:.42rem; color:#fff4f4; font-size:.72rem; font-weight:800; }.quote-field input { min-width:0; border:1px solid rgba(255,255,255,.43); border-radius:.75rem; outline:0; background:rgba(91,10,16,.2); padding:.78rem .85rem; color:#fff; font-size:.82rem; font-weight:600; transition:border-color .16s,background .16s,box-shadow .16s; }.quote-field input::placeholder{color:rgba(255,241,242,.72)}.quote-field input:focus{border-color:#fff;background:rgba(91,10,16,.3);box-shadow:0 0 0 4px rgba(255,255,255,.15)}.quote-field input[type=number]{direction:ltr;text-align:right}.quote-form-error { margin:0; border-right:3px solid #fff; background:rgba(92,10,15,.24); padding:.55rem .7rem; color:#fff; font-size:.72rem; line-height:1.65; }.button { padding:.89rem 1.35rem; font-size:.88rem; }.cta-card .button-primary { position:relative; z-index:4; background:#fff; color:#c91c25; box-shadow:0 10px 22px rgba(80,13,18,.2); }.quote-submit { width:fit-content; }.cta-mark { position:relative; z-index:1; display:grid; justify-items:center; gap:1rem; overflow:visible; border-right:1px solid rgba(255,255,255,.25); padding-right:2.6rem; color:#ffe5e6; text-align:center; font:700 1rem/1.6 "Cairo"; pointer-events:none; }.cta-mark img { width:10rem; height:6.25rem; object-fit:contain; background:#fcfcfc; }
.site-footer { border-top:1px solid #f0dfe0; background:#fff; }.footer-inner { display:flex; min-height:6.5rem; gap:1rem; align-items:center; justify-content:space-between; color:#8a6e70; font-size:.68rem; }.footer-brand { position:relative; display:inline-flex; align-items:center; }.footer-brand img { position:relative; z-index:1; width:6.6rem; height:3rem; object-fit:contain; }.footer-inner p { margin:0; }.footer-inner>span { font:700 .58rem monospace; }
@media (max-width:960px){.desktop-nav{display:none}.header-cta{margin-right:auto}.menu-toggle{display:inline-block}.hero-grid,.product-layout,.mobile-layout,.intro-section,.workflow-heading{grid-template-columns:1fr}.hero-copy{padding-top:1rem}.hero-visual,.desktop-visual,.mobile-visual{width:100%;max-width:42rem;margin-inline:auto}.intro-section{gap:1.35rem}.intro-section>p{max-width:40rem}.mobile-copy{order:initial}.mobile-visual{order:2;max-width:38rem}.workflow-steps{grid-template-columns:repeat(2,1fr);gap:2rem 1rem}.workflow-steps:before{display:none}.cta-card{grid-template-columns:1fr}.cta-mark{justify-items:start;border-top:1px solid rgba(255,255,255,.25);border-right:0;padding:1.5rem 0 0;text-align:right}.proof-inner{grid-template-columns:1fr 1fr;gap:0;padding:1.25rem 0}.proof-inner>p{grid-column:1/-1;margin-bottom:1.2rem}.proof-item{padding-right:1rem}.proof-item:first-of-type{border-right:0}}
@media (max-width:640px){.site-container{width:min(100% - 2rem,1180px)}.header-inner{height:4.5rem}.brand img{width:6.9rem;height:2.8rem}.header-cta{display:none}.hero-section{padding-top:3.5rem}.hero-grid{gap:2.6rem;min-height:auto}.hero-copy h1{font-size:2.7rem}.hero-copy>p{font-size:.89rem;line-height:1.95}.hero-trust{gap:.6rem 1rem;margin-top:1.8rem}.hero-visual{padding:.6rem 0 2.25rem}.hero-visual:before{right:-1rem;width:88%;height:86%}.hero-visual .product-frame{margin-right:.3rem}.hero-data-card{bottom:.35rem;left:-.2rem;min-width:10.5rem}.hero-path{height:3.5rem}.proof-inner{grid-template-columns:1fr;gap:.8rem}.proof-item{border-right:0;padding-right:0}.proof-inner>p{margin-bottom:.25rem}.intro-section{padding-top:6rem;padding-bottom:5rem}.intro-line{top:2.2rem}.intro-copy h2,.product-copy h2,.workflow-section h2,.cta-card h2{font-size:2.15rem}.desktop-product,.mobile-product,.workflow-section{padding:5rem 0}.desktop-product:before{width:72%}.feature-row{padding-right:0}.desktop-visual{padding:1rem 0 1.1rem}.visual-caption{margin-right:.6rem}.mobile-band{display:none}.mobile-visual{padding:1.35rem .15rem 2rem}.mobile-visual .product-frame{width:90%}.offline-badge{left:-.35rem}.mobile-detail-card{left:-.25rem;width:52%}.mobile-feature-grid,.workflow-steps,.quote-form-grid{grid-template-columns:1fr}.mobile-feature{min-height:auto}.workflow-steps{gap:1.8rem;margin-top:2.8rem}.workflow-step{display:grid;grid-template-columns:4.6rem 1fr;column-gap:.7rem}.workflow-step>span{grid-column:1}.workflow-node{grid-column:1;grid-row:1/span 3;align-self:end;margin:0}.workflow-step h3,.workflow-step p{grid-column:2}.workflow-step p{margin-top:.25rem}.cta-section{padding:4rem 0}.cta-card{border-radius:1.4rem;padding:2rem 1.4rem}.cta-mark img{width:8.5rem}.quote-submit{width:100%}.footer-inner{flex-wrap:wrap;justify-content:flex-start;padding:1.1rem 0}.footer-inner p{width:100%;order:3}.footer-inner>span{margin-right:auto}.proof-path{right:1rem}.evidence-label{margin-right:.4rem}}
@media (prefers-reduced-motion:no-preference){.product-frame,.feature-row,.mobile-feature,.workflow-step{animation:settle-in .5s var(--ease) both}.mobile-feature:nth-child(2),.feature-row:nth-child(2){animation-delay:60ms}.mobile-feature:nth-child(3),.feature-row:nth-child(3){animation-delay:110ms}.mobile-feature:nth-child(4),.feature-row:nth-child(4){animation-delay:160ms}@keyframes settle-in{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}}
@media (prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important}}