@font-face{font-family:Tajawal;src:url('/assets/fonts/tajawal-400.woff2') format('woff2');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:Tajawal;src:url('/assets/fonts/tajawal-500.woff2') format('woff2');font-weight:500;font-style:normal;font-display:swap}
@font-face{font-family:Tajawal;src:url('/assets/fonts/tajawal-700.woff2') format('woff2');font-weight:700;font-style:normal;font-display:swap}
@font-face{font-family:Tajawal;src:url('/assets/fonts/tajawal-800.woff2') format('woff2');font-weight:800;font-style:normal;font-display:swap}
:root{
  --marine-500:#075e68; --marine-600:#054e57; --marine-400:#579397; --marine-300:#86b7b6;
  --coral-400:#ff7a59; --coral-500:#ff6b45;
  --white:#fff; --neutral-50:#f6f8f6; --neutral-100:#f1f4f1;
  --neutral-400:#aab5b1; --neutral-600:#637370; --neutral-900:#1a2926;
  --success:#2aa876; --success-bg:#e8f5ee;
  --warning:#c88425; --warning-bg:#fff4df;
  --error:#c95d56; --error-bg:#fcece9;
  --info:#3c768c; --info-bg:#eaf3f6;
  --brand:var(--marine-500); --brand-ink:var(--marine-500);
  --ink:var(--neutral-900); --muted:var(--neutral-600);
  --line:color-mix(in srgb,var(--neutral-400) 35%,var(--white));
  --tint:var(--neutral-100); --paper:var(--neutral-50);
  --radius:28px; --page-width:1280px; --gutter:clamp(20px,5vw,80px);
  font-family:Tajawal,sans-serif; font-weight:500; color:var(--ink); background:var(--white);
  font-synthesis:none; text-rendering:optimizeLegibility; -webkit-font-smoothing:antialiased;
}
*,*::before,*::after{box-sizing:border-box}body{margin:0}html{scroll-behavior:smooth;scroll-padding-top:112px}body:has(dialog[open]){overflow:hidden}img,svg{display:block}img{max-width:100%;height:auto}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}button,a{-webkit-tap-highlight-color:transparent}button:disabled{cursor:default}button{color:inherit}h1,h2,h3,p,figure{margin:0}ul,ol{margin:0;padding:0;list-style:none}h1,h2{font-weight:800}h3{font-weight:700}h1{font-size:clamp(2.65rem,4.6vw,4.4rem);line-height:1.38;letter-spacing:0}h1 span{color:var(--brand-ink)}h2{font-size:clamp(1.9rem,3.05vw,2.8rem);line-height:1.5;letter-spacing:0}h3{font-size:1.3rem;line-height:1.6}p{line-height:1.9}a,button,summary{touch-action:manipulation}:focus-visible{outline:3px solid var(--brand-ink);outline-offset:5px;border-radius:5px}:focus:not(:focus-visible){outline:none}[hidden]{display:none!important}.section-wrap{width:min(calc(100% - var(--gutter)*2),var(--page-width));margin-inline:auto}.icon{width:24px;height:24px;flex:none;stroke:currentColor;stroke-width:1.6;fill:none;stroke-linecap:round;stroke-linejoin:round}.eyebrow{font-size:.875rem;color:var(--brand-ink);font-weight:700;line-height:1.8}.status-dot{width:7px;height:7px;border-radius:50%;background:var(--coral-400);display:inline-block;margin-inline-end:9px;vertical-align:middle}.text-link{display:inline-flex;align-items:center;gap:12px;font-size:.9375rem;font-weight:700;min-height:44px}.text-link .icon{width:19px;height:19px}.text-link:hover{color:var(--brand-ink)}.button{display:inline-flex;align-items:center;justify-content:center;gap:24px;min-height:50px;padding:10px 24px;border:1px solid transparent;border-radius:10px;background:var(--brand);font-size:.9375rem;font-weight:700;color:var(--white);transition:background-color .18s,transform .18s}.button:hover,.button:active{background:var(--marine-600);transform:translateY(-2px)}.button .icon{width:20px;height:20px}.skip-link{position:fixed;inset-block-start:10px;inset-inline-start:20px;z-index:100;background:var(--ink);color:white;padding:12px 20px;border-radius:8px;transform:translateY(-160%)}.skip-link:focus{transform:translateY(0)}
/* The header and footer stay mounted while the audience content changes. */
.site-header{position:sticky;inset-block-start:0;z-index:20;background:var(--white);border-bottom:1px solid var(--line)}.header-inner{height:96px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:24px}.brand{display:inline-flex;align-items:center;gap:9px;justify-self:start;min-height:44px;width:fit-content}.brand img{width:32px;height:auto}.brand>span{font-size:2.1rem;line-height:1.3;font-weight:800;letter-spacing:0;color:var(--marine-500)}.audience-switch{display:flex;align-items:center;background:var(--neutral-100);border:1px solid var(--line);border-radius:11px;padding:4px;gap:4px}.audience-switch a{min-width:98px;min-height:42px;display:grid;place-items:center;border:1px solid transparent;border-radius:7px;font-size:.875rem;transition:background-color .15s,color .15s}.audience-switch a[aria-current=page]{background:white;border-color:var(--marine-300);font-weight:700;box-shadow:0 2px 4px color-mix(in srgb,var(--neutral-900) 3%,transparent)}.audience-switch a:hover{color:var(--brand-ink)}.header-cta{justify-self:end;min-width:159px}
/* Hero: editorial copy paired with honest, replaceable screenshot frames. */
.hero{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:clamp(30px,5.1vw,82px);padding-block:64px 82px;min-height:680px}.hero-copy .eyebrow{margin-bottom:22px}.hero-description{font-size:clamp(1rem,1.4vw,1.18rem);color:var(--muted);margin-top:24px;max-width:490px;line-height:1.95}.store-buttons{display:flex;flex-wrap:wrap;gap:12px}.hero-copy>.store-buttons{margin-top:32px}.store-button{display:flex;align-items:center;gap:10px;background:var(--ink);color:var(--white);border:1px solid var(--ink);border-radius:10px;min-height:56px;padding:8px 16px;direction:ltr;transition:transform .18s,background-color .18s}.store-button:hover{background:var(--marine-600);transform:translateY(-2px)}.store-button svg{width:26px;height:28px;flex:none}.store-button .store-label{display:flex;flex-direction:column;line-height:1.25}.store-label small{font-family:inherit;font-size:.6875rem;text-align:start;direction:rtl;margin-bottom:4px}.store-label strong{font-family:inherit;font-size:1.0625rem;font-weight:700;letter-spacing:0}.hero-explore{margin-top:24px;color:var(--muted)}.hero-visual{position:relative;min-width:0;height:510px;border-radius:var(--radius);background:var(--tint);isolation:isolate;overflow:hidden;display:flex;justify-content:center;align-items:center}.visual-corner{position:absolute;top:28px;right:28px;font-size:.875rem;color:var(--marine-500);line-height:1.75}.visual-corner span{display:block;color:var(--ink);font-weight:700}.orbit{position:absolute;width:430px;aspect-ratio:1;border:1px solid var(--marine-300);border-radius:50%;z-index:-1;left:-170px;top:90px}.orbit-two{width:510px;left:-210px;top:50px;border-color:color-mix(in srgb,var(--marine-300) 45%,var(--white))}.phone{background:var(--neutral-50);border:6px solid var(--white);border-radius:34px;box-shadow:0 14px 35px color-mix(in srgb,var(--marine-600) 8%,transparent),0 0 0 1px var(--line);overflow:hidden;display:grid;place-items:center;aspect-ratio:9/18.5;position:relative}.customer-phone{width:218px;transform:rotate(-8deg);margin-top:20px}.phone::before{content:"";width:49px;height:5px;border-radius:8px;background:var(--neutral-400);position:absolute;top:12px;left:50%;transform:translateX(-50%);z-index:1}.screen-placeholder{height:100%;width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;text-align:center;background:var(--white)}.screen-placeholder img{width:57px}.screen-placeholder span{font-size:.875rem;color:var(--neutral-600)}.screen-placeholder .placeholder-brand{font-size:1.65rem;font-weight:700;letter-spacing:0;color:var(--ink);margin-top:-6px}.phone .screen-placeholder>span:last-child{margin-top:12px;font-size:.75rem}.product-screenshot{display:block;width:100%;height:100%;object-fit:contain}.visual-tag{display:flex;align-items:center;gap:9px;position:absolute;padding:12px 16px;background:var(--white);border:1px solid var(--line);border-radius:12px;font-size:.875rem;box-shadow:0 5px 16px color-mix(in srgb,var(--neutral-900) 3%,transparent)}.visual-tag .icon{color:var(--brand-ink);width:21px;height:21px}.tag-local{top:150px;left:25px;transform:rotate(-5deg)}.tag-heart{bottom:104px;right:22px;transform:rotate(5deg)}.asset-note{position:absolute;bottom:17px;left:15px;right:15px;text-align:center;font-size:.75rem;color:var(--neutral-600);line-height:1.5}
.discovery{padding-block:42px 88px}.section-intro{display:flex;justify-content:space-between;align-items:end;gap:32px}.section-intro .eyebrow{margin-bottom:9px}.section-intro>p{color:var(--muted);font-size:1rem;padding-bottom:8px}.category-list{display:grid;grid-template-columns:repeat(6,1fr);margin-top:44px;border-block:1px solid var(--line);padding-block:30px;gap:8px}.category-list li{display:flex;align-items:center;justify-content:center;gap:13px;font-size:1rem;border-inline-start:1px solid var(--line)}.category-list li:first-child{border-inline-start:0}.category-icon{color:var(--marine-500)}.category-icon .icon{width:28px;height:28px}.journey{display:grid;grid-template-columns:1fr 1.13fr;gap:clamp(30px,6vw,96px);padding:clamp(30px,4.5vw,64px);border-radius:var(--radius);background:var(--paper);align-items:center}.journey-intro>.eyebrow{margin-bottom:12px}.journey-intro>p:not(.eyebrow){margin-top:18px;color:var(--muted)}.journey-intro>.text-link{margin-top:24px}.steps li{display:flex;align-items:center;gap:22px;padding-block:27px;border-bottom:1px solid var(--line)}.steps li:first-child{padding-top:0}.steps li:last-child{border-bottom:0;padding-bottom:0}.step-number{font-family:inherit;font-size:.875rem;color:var(--brand-ink);direction:ltr;align-self:flex-start;padding-top:8px}.steps h3{font-size:1.15rem}.steps p{color:var(--muted);font-size:.9375rem;margin-top:6px;line-height:1.8}.steps li>.icon{margin-inline-start:auto;color:var(--muted);width:27px;height:27px}.delivery-note{display:flex;align-items:center;gap:22px;padding-block:42px 72px}.delivery-icon{width:56px;height:56px;display:grid;place-items:center;border:1px solid var(--line);border-radius:50%;flex:none}.delivery-note h2{font-size:1.125rem;letter-spacing:0}.delivery-note p{font-size:.875rem;color:var(--muted)}.delivery-caption{margin-inline-start:auto;color:var(--muted);font-size:.875rem}
/* Merchant content uses the same geometry, color, and quiet motion. */
.merchant-hero h1{font-size:clamp(2.5rem,4.1vw,4.1rem)}.merchant-actions{margin-top:32px;display:flex;align-items:center;gap:20px;flex-wrap:wrap}.merchant-actions>.text-link{font-size:.8125rem}.browser-frame{position:absolute;left:24px;right:24px;top:121px;border:1px solid var(--line);border-radius:12px;background:white;box-shadow:0 14px 35px color-mix(in srgb,var(--marine-600) 6%,transparent);overflow:hidden}.browser-bar{height:29px;display:flex;align-items:center;gap:5px;padding:0 12px;border-bottom:1px solid var(--neutral-100);background:var(--white);direction:ltr}.browser-bar span{width:5px;height:5px;border-radius:50%;background:var(--neutral-400)}.browser-screen{aspect-ratio:16/10;display:grid;place-items:center;overflow:hidden}.browser-screen .screen-placeholder{gap:9px}.browser-screen .screen-placeholder img{width:44px}.browser-screen .placeholder-brand{font-size:1.3rem}.browser-screen .screen-placeholder>span:last-child{font-size:.75rem}.merchant-phone{width:112px;position:absolute;left:28px;bottom:52px;transform:rotate(-7deg);border-width:4px;border-radius:20px}.merchant-phone .screen-placeholder{gap:10px}.merchant-phone .screen-placeholder img{width:30px}.merchant-phone .placeholder-brand{font-size:.875rem}.merchant-phone .screen-placeholder>span:last-child{font-size:.5625rem;margin-top:0}.merchant-phone::before{top:7px;width:24px;height:3px}.merchant-paths{padding-block:42px 80px}.path-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:38px}.path{position:relative;border:1px solid var(--line);border-radius:22px;padding:38px 40px}.path:nth-child(2){background:var(--paper)}.path .eyebrow{margin-bottom:12px}.path h3{font-size:clamp(1.6rem,2.3vw,2.3rem);line-height:1.55;letter-spacing:0}.path>p:not(.eyebrow){max-width:350px;color:var(--muted);margin-top:18px;font-size:.9375rem}.path-icon{position:absolute;left:30px;top:32px;display:grid;place-items:center;width:46px;height:46px;border-radius:50%;background:var(--tint);color:var(--brand-ink)}.path-icon .icon{width:24px;height:24px}.path>.text-link{margin-top:20px}.merchant-value{display:grid;grid-template-columns:1fr 1fr;gap:90px;padding:54px 60px;border-radius:var(--radius);background:var(--paper)}.value-intro>.eyebrow{margin-bottom:14px}.value-intro>p:not(.eyebrow){color:var(--muted);margin-top:18px;max-width:370px}.value-intro>.button{margin-top:26px}.value-list li{display:flex;gap:22px;padding-block:23px;border-bottom:1px solid var(--line)}.value-list li:last-child{border:0}.value-list li>.icon{margin-top:6px;color:var(--brand-ink)}.value-list h3{font-size:1.1rem}.value-list p{font-size:.9375rem;color:var(--muted);margin-top:7px}.merchant-invite{padding-block:60px 72px;display:flex;align-items:center;justify-content:space-between;gap:24px}.merchant-invite h2{font-size:clamp(1.9rem,2.8vw,2.6rem)}
/* Shared lower section. */
.download-section{display:flex;align-items:center;gap:26px;background:var(--marine-500);color:var(--white);border-radius:var(--radius);padding:42px 44px;margin-bottom:76px}.download-brand{width:76px;height:76px;background:var(--white);border-radius:19px;display:grid;place-items:center;flex:none}.download-brand img{width:33px}.download-copy h2{font-size:clamp(1.6rem,2.1vw,2.1rem)}.download-copy p:not(.eyebrow){font-size:.875rem;color:var(--muted);margin-top:6px}.download-copy .eyebrow{font-size:.8125rem;margin-bottom:3px}.download-actions{margin-inline-start:auto}.download-actions>span{font-size:.75rem;display:block;margin-top:12px;text-align:center;color:var(--muted)}.download-actions .store-button{min-height:52px;padding:8px 13px}.download-actions .store-label strong{font-size:.9375rem}.download-actions .store-button svg{width:22px}.site-footer{background:var(--paper);padding-top:58px;border-top:1px solid var(--line)}.footer-main{display:grid;grid-template-columns:1.65fr 1fr 1fr 1fr;gap:44px;padding-bottom:48px}.footer-about p{color:var(--muted);font-size:.875rem;margin-top:18px}.footer-main nav{display:flex;align-items:start;flex-direction:column}.footer-main h2{font-size:.9375rem;letter-spacing:0;margin-bottom:18px}.footer-main nav a{font-size:.875rem;color:var(--muted);min-height:40px;display:flex;align-items:center}.footer-main nav a:hover{color:var(--brand-ink)}.footer-bottom{border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:20px;padding-block:22px;color:var(--muted);font-size:.8125rem}.footer-heart{color:var(--brand-ink);font-size:1.4rem;vertical-align:middle;margin-inline-start:8px}.availability{color:var(--muted);font-size:.8125rem;padding-bottom:25px}.availability summary{cursor:pointer;min-height:32px;width:fit-content}.availability p{padding-block:12px;max-width:620px}.availability:target{outline:2px solid var(--brand-ink);outline-offset:6px;border-radius:8px}.availability:target p{display:block}dialog{width:min(440px,calc(100% - 40px));padding:38px 30px 30px;border:1px solid var(--line);border-radius:22px;box-shadow:0 24px 80px color-mix(in srgb,var(--neutral-900) 14%,transparent);color:var(--ink);background:white;text-align:center}dialog::backdrop{background:color-mix(in srgb,var(--neutral-900) 40%,transparent)}dialog h2{font-size:1.5rem;letter-spacing:0;margin-top:18px}dialog p{color:var(--muted);font-size:.9375rem;margin-block:12px 26px}.dialog-close{position:absolute;top:14px;left:14px;display:grid;place-items:center;border:0;border-radius:50%;width:44px;height:44px;background:transparent}.dialog-close:hover{background:var(--paper)}.dialog-symbol{display:grid;place-items:center;width:54px;height:54px;background:var(--info-bg);border-radius:50%;margin:auto;color:var(--info)}.dialog-confirm{width:100%}.error-page{min-height:70vh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:24px;padding-block:80px}
@media(min-width:1600px){.hero{padding-block:80px 94px;gap:90px}.hero-visual{height:550px}.customer-phone{width:234px}.tag-local{left:34px;top:176px}.tag-heart{bottom:117px;right:32px}.browser-frame{top:132px;left:32px;right:32px}.merchant-phone{width:130px;bottom:44px}}
@media(max-width:1100px){.hero{gap:36px;min-height:620px;padding-block:50px 60px}.hero-visual{height:460px}.customer-phone{width:195px}.tag-local{left:12px;top:149px}.tag-heart{right:12px;bottom:94px}.visual-tag{font-size:.75rem;padding:11px}.visual-corner{top:22px;right:22px}.category-list li{gap:9px;font-size:.875rem}.category-icon .icon{width:23px;height:23px}.download-section{flex-wrap:wrap;padding:36px}.download-actions{width:100%;margin-inline-start:102px}.download-actions .store-buttons{justify-content:flex-start}.download-actions>span{text-align:start}.merchant-value{gap:44px;padding:42px}.path{padding:32px}.path-icon{left:22px;top:26px}.merchant-phone{width:104px;left:20px;bottom:44px}.browser-frame{top:128px;left:20px;right:20px}.footer-main{gap:30px}.delivery-caption{display:none}}
@media(max-width:800px){:root{--gutter:28px}.header-inner{height:84px;gap:16px}.hero{gap:28px;min-height:570px}.hero-visual{height:410px}.hero h1{font-size:clamp(2.1rem,4.6vw,3.2rem)}.hero-copy .eyebrow{margin-bottom:16px}.hero-description{font-size:1rem;margin-top:20px}.hero-copy>.store-buttons{gap:8px;margin-top:24px}.hero .store-button{padding:8px 11px;min-height:51px}.hero .store-label strong{font-size:.875rem}.hero .store-button svg{width:22px}.customer-phone{width:170px;margin-top:32px}.visual-tag{font-size:.6875rem;gap:6px;padding:9px}.visual-tag .icon{width:18px;height:18px}.tag-local{left:8px;top:131px}.tag-heart{right:8px;bottom:83px}.asset-note{font-size:.6875rem;bottom:13px}.section-intro{align-items:start}.section-intro>p{font-size:.9375rem}.category-list{grid-template-columns:repeat(3,1fr);row-gap:30px}.category-list li:nth-child(4){border:0}.category-list li{font-size:.9375rem}.journey{gap:35px;padding:32px}.steps li{gap:14px}.steps li>.icon{display:none}.steps h3{font-size:1.05rem}.steps p{font-size:.875rem}.footer-main{grid-template-columns:1.35fr 1fr 1fr;gap:30px}.footer-about{grid-column:1/-1}.footer-about p br{display:none}.footer-about p{margin-top:10px}.merchant-actions{gap:12px;margin-top:24px}.merchant-actions>.text-link{font-size:.75rem}.browser-frame{left:13px;right:13px;top:130px}.merchant-phone{width:87px;left:16px;bottom:42px}.merchant-phone .screen-placeholder>span:last-child{font-size:.5rem}.browser-screen .screen-placeholder img{width:29px}.browser-screen .placeholder-brand{font-size:1rem}.browser-screen .screen-placeholder{gap:6px}.browser-screen .screen-placeholder>span:last-child{font-size:.625rem}.path{padding:26px}.path-icon{width:35px;height:35px;left:18px;top:20px}.path-icon .icon{width:20px}.path .eyebrow{font-size:.8125rem}.merchant-value{gap:30px;padding:32px}.value-list li{gap:15px}.value-list h3{font-size:1rem}.value-list p{font-size:.875rem}.value-intro>p:not(.eyebrow){font-size:.9375rem}}
@media(max-width:640px){:root{--gutter:22px;--radius:22px}html{scroll-padding-top:96px}.header-inner{height:78px;gap:8px;grid-template-columns:auto 1fr auto}.brand{gap:6px}.brand img{width:25px}.brand>span{font-size:1.65rem}.audience-switch{justify-self:center;padding:3px;gap:2px;border-radius:9px}.audience-switch a{min-width:62px;min-height:38px;font-size:.8125rem;border-radius:6px}.header-cta{min-width:0;min-height:42px;padding:8px 12px;font-size:.75rem;border-radius:8px;gap:0}.header-cta .icon{display:none}.hero{display:flex;flex-direction:column;align-items:stretch;gap:38px;padding-block:40px 46px;min-height:0}.hero-copy .eyebrow{margin-bottom:15px}.hero h1{font-size:clamp(2.6rem,9.1vw,3.8rem);line-height:1.4;letter-spacing:0}.hero-description{max-width:380px;line-height:1.85;font-size:1.0625rem;margin-top:18px}.hero-copy>.store-buttons{margin-top:25px;gap:12px}.hero .store-button{padding:10px 17px;min-height:55px;gap:10px}.hero .store-label strong{font-size:1.0625rem}.hero .store-button svg{width:25px}.hero-explore{margin-top:17px;font-size:.875rem}.hero-visual{height:430px}.customer-phone{width:187px;margin-top:15px}.visual-corner{top:24px;right:24px;font-size:.8125rem}.visual-tag{padding:11px 13px;font-size:.8125rem}.visual-tag .icon{width:20px;height:20px}.tag-local{top:132px;left:15px}.tag-heart{bottom:89px;right:14px}.asset-note{font-size:.6875rem;bottom:16px}.discovery{padding-block:18px 45px}.section-intro{display:block}.section-intro>p{margin-top:14px;padding:0;font-size:.9375rem}.section-intro h2{font-size:clamp(1.8rem,6.7vw,2.3rem)}.section-intro .eyebrow{margin-bottom:8px;font-size:.8125rem}.category-list{margin-top:28px;padding-block:24px;row-gap:27px}.category-list li{flex-direction:column;gap:12px;font-size:.875rem}.category-icon .icon{width:27px;height:27px}.journey{grid-template-columns:1fr;padding:30px 26px;gap:32px}.journey h2{font-size:2rem}.journey-intro>p:not(.eyebrow){font-size:.9375rem;margin-top:14px}.journey-intro>.text-link{margin-top:16px}.steps li{padding-block:22px;gap:17px}.steps h3{font-size:1.0625rem}.steps p{font-size:.875rem;margin-top:5px}.steps li>.icon{display:block;width:22px;height:22px}.delivery-note{padding-block:30px 40px;gap:14px;align-items:flex-start}.delivery-icon{width:44px;height:44px}.delivery-icon .icon{width:23px;height:23px}.delivery-note h2{font-size:1rem}.delivery-note p{font-size:.8125rem;line-height:1.8;margin-top:4px}.download-section{margin-bottom:46px;padding:28px 25px;gap:20px;align-items:start}.download-brand{width:52px;height:52px;border-radius:14px}.download-brand img{width:25px}.download-copy{flex:1}.download-copy h2{font-size:1.6rem;line-height:1.65}.download-copy p:not(.eyebrow){font-size:.8125rem;margin-top:8px}.download-copy .eyebrow{font-size:.75rem}.download-actions{margin:5px 0 0;width:100%}.download-actions .store-buttons{gap:10px;flex-wrap:nowrap}.download-actions .store-button{padding:8px 13px;gap:9px;flex:1;justify-content:center}.download-actions .store-label strong{font-size:.875rem}.download-actions .store-button svg{width:22px}.download-actions>span{text-align:center;font-size:.6875rem;margin-top:15px}.site-footer{padding-top:36px}.footer-main{grid-template-columns:1fr 1fr;gap:24px;padding-bottom:30px}.footer-about{grid-column:1/-1;margin-bottom:3px}.footer-about .brand>span{font-size:1.8rem}.footer-about p{font-size:.875rem;max-width:260px}.footer-main h2{margin-bottom:10px}.footer-main nav a{font-size:.8125rem;min-height:40px}.footer-bottom{flex-direction:column;gap:6px;padding-block:20px;font-size:.75rem}.availability{font-size:.75rem;padding-bottom:20px}.merchant-hero h1{font-size:clamp(2.4rem,8.7vw,3.7rem)}.merchant-hero .hero-description{font-size:1rem}.merchant-actions{gap:18px}.merchant-actions>.text-link{font-size:.8125rem}.merchant-visual{height:390px}.browser-frame{top:95px;left:20px;right:20px}.browser-screen .screen-placeholder img{width:37px}.browser-screen .placeholder-brand{font-size:1.2rem}.browser-screen .screen-placeholder>span:last-child{font-size:.6875rem}.merchant-phone{width:104px;left:22px;bottom:37px}.merchant-phone .screen-placeholder>span:last-child{font-size:.5625rem}.merchant-paths{padding-block:18px 44px}.path-grid{grid-template-columns:1fr;margin-top:27px;gap:16px}.path{padding:28px}.path h3{font-size:1.9rem}.path-icon{width:44px;height:44px;left:25px;top:24px}.path-icon .icon{width:25px;height:25px}.path>.text-link{margin-top:17px}.path>p:not(.eyebrow){margin-top:14px}.merchant-value{grid-template-columns:1fr;padding:30px 26px;gap:22px}.value-intro h2{font-size:2rem}.value-intro>.button{margin-top:23px}.value-list li{gap:18px}.value-list h3{font-size:1.05rem}.value-list li:last-child{padding-bottom:0}.merchant-invite{padding-block:36px 42px;align-items:start;flex-direction:column;gap:20px}.merchant-invite h2{font-size:1.9rem}.merchant-invite .eyebrow{font-size:.8125rem}}
@media(max-width:359px){:root{--gutter:16px}.brand img{width:21px}.brand>span{font-size:1.45rem}.audience-switch a{min-width:54px;font-size:.75rem}.header-cta{padding:8px;font-size:.6875rem}.hero{padding-top:32px}.hero h1{font-size:2.45rem}.hero-description{font-size:.9375rem}.hero .store-button{padding:9px 13px;gap:8px}.hero .store-label strong{font-size:.9375rem}.hero .store-button svg{width:23px}.hero-visual{height:386px}.customer-phone{width:165px}.visual-tag{font-size:.6875rem;padding:10px}.tag-local{left:8px;top:127px}.tag-heart{right:8px;bottom:76px}.visual-corner{right:19px;top:20px}.journey{padding:26px 21px}.journey h2,.value-intro h2{font-size:1.8rem}.steps li>.icon{display:none}.download-section{padding:25px 20px;gap:13px}.download-copy h2{font-size:1.4rem}.download-brand{width:43px;height:43px}.download-actions .store-buttons{gap:8px}.download-actions .store-button{padding:8px;gap:7px}.download-actions .store-label strong{font-size:.8125rem}.download-actions .store-button svg{width:20px}.merchant-hero h1{font-size:2.35rem}.merchant-visual{height:354px}.merchant-phone{width:92px;left:20px;bottom:38px}.browser-frame{left:16px;right:16px;top:100px}.merchant-actions{gap:14px}.merchant-actions>.text-link{font-size:.75rem}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.button:hover,.store-button:hover{transform:none}}
@media(forced-colors:active){.button,.store-button,.audience-switch a[aria-current=page],.phone,.browser-frame{border:1px solid ButtonText}.status-dot{background:CanvasText}.category-icon{color:CanvasText}}
/* Let enlarged text reflow instead of overlapping fixed header columns. */
.brand{flex-shrink:0}.store-label strong{white-space:nowrap}
@media(max-width:640px){.header-inner{display:flex;flex-wrap:wrap;min-height:78px;height:auto;padding-block:13px;row-gap:8px}.audience-switch{flex:none;margin-inline-start:auto}.header-cta{flex:none;margin-inline-start:auto;white-space:nowrap}.download-actions .store-buttons{flex-wrap:wrap}.download-actions .store-button{flex:1 0 auto}}

/* 2026 visual direction — first coherent slice: shared header + customer hero. */
:root{
  --marine-700:#063f47;
  --marine-800:#092f34;
  --mint-50:#f3fbf9;
  --mint-100:#e1f4ef;
  --mint-200:#c9ebe3;
  --shadow-soft:0 24px 70px rgba(4,62,69,.12);
}
.site-header{
  background:color-mix(in srgb,var(--white) 92%,transparent);
  border-bottom:1px solid rgba(7,94,104,.1);
  -webkit-backdrop-filter:blur(18px);
  backdrop-filter:blur(18px);
}
.header-inner{height:88px}
.brand{gap:11px}
.brand img{width:30px}
.brand>span{font-size:1.9rem;color:var(--marine-700)}
.audience-switch{
  padding:5px;
  border:0;
  border-radius:999px;
  background:#edf5f3;
  box-shadow:inset 0 0 0 1px rgba(7,94,104,.06);
}
.audience-switch a{
  min-width:106px;
  min-height:42px;
  border-radius:999px;
  color:#556865;
}
.audience-switch a[aria-current=page]{
  border:0;
  color:var(--marine-700);
  box-shadow:0 5px 16px rgba(6,63,71,.09);
}
.header-cta{
  min-width:148px;
  border-radius:999px;
  padding-inline:22px;
  background:var(--marine-700);
  box-shadow:0 9px 22px rgba(6,63,71,.16);
}
html[data-mode=customer] .hero{
  position:relative;
  min-height:720px;
  grid-template-columns:minmax(0,.88fr) minmax(500px,1.12fr);
  gap:clamp(42px,6vw,96px);
  padding-block:66px 88px;
}
html[data-mode=customer] .hero-copy{padding-inline-start:clamp(0px,2vw,26px)}
html[data-mode=customer] .hero-copy .eyebrow{
  display:inline-flex;
  align-items:center;
  width:max-content;
  min-height:38px;
  margin-bottom:24px;
  padding:7px 14px;
  border-radius:999px;
  background:var(--mint-100);
  color:var(--marine-700);
  font-size:.9rem;
}
html[data-mode=customer] .hero-copy .status-dot{
  width:8px;
  height:8px;
  margin-inline-end:10px;
  background:var(--coral-500);
  box-shadow:0 0 0 5px rgba(255,107,69,.1);
}
html[data-mode=customer] .hero h1{
  max-width:620px;
  font-size:clamp(3.25rem,5.4vw,5.35rem);
  line-height:1.18;
  letter-spacing:-.025em;
  color:var(--marine-800);
}
html[data-mode=customer] .hero h1 span{
  color:var(--marine-500);
  background:linear-gradient(90deg,var(--marine-500),#0d828a);
  -webkit-background-clip:text;
  background-clip:text;
  -webkit-text-fill-color:transparent;
}
html[data-mode=customer] .hero-description{
  max-width:520px;
  margin-top:25px;
  color:#5f716d;
  font-size:1.14rem;
  line-height:1.9;
}
html[data-mode=customer] .hero-copy>.store-buttons{margin-top:32px}
html[data-mode=customer] .hero .store-button{
  min-height:58px;
  padding:9px 17px;
  border-radius:15px;
  background:var(--marine-800);
  border-color:var(--marine-800);
  box-shadow:0 12px 26px rgba(9,47,52,.14);
}
.hero-proof{
  display:flex;
  flex-wrap:wrap;
  gap:24px;
  margin-top:28px;
  color:#667874;
  font-size:.92rem;
}
.hero-proof li{display:inline-flex;align-items:center;gap:8px}
.hero-proof .icon{width:19px;height:19px;color:var(--marine-500)}
html[data-mode=customer] .customer-visual{
  height:650px;
  overflow:hidden;
  justify-content:center;
  border:1px solid rgba(7,94,104,.08);
  border-radius:42px;
  background:
    radial-gradient(circle at 88% 12%,rgba(255,255,255,.9) 0 9%,transparent 9.2%),
    linear-gradient(145deg,#e9f8f4 0%,#d8f0ea 50%,#c7e8e1 100%);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.72),var(--shadow-soft);
}
.visual-wordmark{
  position:absolute;
  top:34px;
  right:34px;
  z-index:2;
  display:flex;
  flex-direction:column;
  color:rgba(6,63,71,.56);
  font-size:.83rem;
  line-height:1.55;
}
.visual-wordmark strong{color:var(--marine-700);font-size:1.18rem}
.visual-glow{position:absolute;border-radius:50%;filter:blur(2px)}
.visual-glow-one{width:320px;height:320px;left:-120px;top:-130px;background:rgba(255,255,255,.47)}
.visual-glow-two{width:230px;height:230px;right:-92px;bottom:-72px;border:46px solid rgba(255,255,255,.38)}
.phone-stage{
  position:absolute;
  inset:auto auto -112px 50%;
  transform:translateX(-50%);
  width:352px;
  height:720px;
  padding:12px;
  border-radius:56px;
  background:linear-gradient(145deg,#123e42,#041f22 64%,#0a555d);
  box-shadow:0 36px 80px rgba(6,63,71,.26),0 10px 24px rgba(6,63,71,.16);
}
.phone-stage::before{
  content:"";
  position:absolute;
  inset:7px;
  z-index:0;
  border:1px solid rgba(255,255,255,.2);
  border-radius:50px;
  pointer-events:none;
}
html[data-mode=customer] .customer-phone{
  width:100%;
  height:100%;
  margin:0;
  transform:none;
  aspect-ratio:auto;
  place-items:stretch;
  border:0;
  border-radius:45px;
  box-shadow:none;
  background:#fff;
}
html[data-mode=customer] .customer-phone::before{display:none}
html[data-mode=customer] .product-screenshot{object-fit:cover;object-position:top center}
html[data-mode=customer] .visual-tag{
  z-index:3;
  min-height:48px;
  padding:11px 15px;
  border:1px solid rgba(7,94,104,.08);
  border-radius:16px;
  color:var(--marine-700);
  font-weight:700;
  box-shadow:0 14px 34px rgba(6,63,71,.12);
  -webkit-backdrop-filter:blur(12px);
  backdrop-filter:blur(12px);
}
html[data-mode=customer] .tag-local{top:142px;left:23px;transform:rotate(-2deg)}
html[data-mode=customer] .tag-heart{right:20px;bottom:170px;transform:rotate(2deg)}
html[data-mode=customer] .tag-wallet{left:27px;bottom:80px;transform:rotate(-1deg)}
html[data-mode=customer] .asset-note{
  z-index:4;
  bottom:18px;
  color:rgba(6,63,71,.68);
  font-size:.78rem;
  font-weight:700;
}
@media(max-width:1100px){
  html[data-mode=customer] .hero{grid-template-columns:minmax(0,.9fr) minmax(420px,1.1fr);gap:36px}
  html[data-mode=customer] .customer-visual{height:610px}
  .phone-stage{width:318px;height:664px;bottom:-105px}
  html[data-mode=customer] .tag-local{left:12px}
  html[data-mode=customer] .tag-heart{right:10px}
  html[data-mode=customer] .tag-wallet{left:12px}
}
@media(max-width:800px){
  html[data-mode=customer] .hero{grid-template-columns:1fr 1fr;min-height:630px;padding-block:52px 66px}
  html[data-mode=customer] .hero h1{font-size:clamp(2.75rem,6.2vw,4.1rem)}
  html[data-mode=customer] .customer-visual{height:540px;border-radius:34px}
  .phone-stage{width:276px;height:580px;bottom:-90px}
  html[data-mode=customer] .tag-wallet{display:none}
  html[data-mode=customer] .tag-local{top:126px}
  html[data-mode=customer] .tag-heart{bottom:118px}
}
@media(max-width:640px){
  .site-header{position:relative}
  .header-inner{min-height:80px;padding-block:13px}
  .brand img{width:25px}.brand>span{font-size:1.62rem}
  .audience-switch a{min-width:64px;min-height:38px}
  .header-cta{min-width:0;padding-inline:14px}
  html[data-mode=customer] .hero{gap:42px;padding-block:44px 50px}
  html[data-mode=customer] .hero-copy{padding:0}
  html[data-mode=customer] .hero-copy .eyebrow{width:fit-content;max-width:100%;margin-bottom:20px;white-space:normal}
  html[data-mode=customer] .hero h1{font-size:clamp(3rem,13vw,4rem);line-height:1.23}
  html[data-mode=customer] .hero-description{font-size:1.04rem;line-height:1.85}
  html[data-mode=customer] .hero-copy>.store-buttons{margin-top:27px}
  .hero-proof{margin-top:23px;gap:18px}
  html[data-mode=customer] .customer-visual{height:590px;border-radius:32px}
  .visual-wordmark{top:24px;right:24px}
  .phone-stage{width:292px;height:614px;bottom:-82px}
  html[data-mode=customer] .tag-local{top:116px;left:10px}
  html[data-mode=customer] .tag-heart{right:9px;bottom:114px}
  html[data-mode=customer] .asset-note{bottom:14px}
}
@media(max-width:359px){
  html[data-mode=customer] .hero h1{font-size:2.78rem}
  html[data-mode=customer] .customer-visual{height:538px}
  .phone-stage{width:258px;height:544px}
  html[data-mode=customer] .visual-tag{font-size:.72rem;padding:9px}
}

/* Customer story sections — continue the approved home visual system. */
html[data-mode=customer] .discovery{padding-block:76px 110px}
html[data-mode=customer] .section-intro{align-items:end}
html[data-mode=customer] .section-intro .eyebrow{
  margin-bottom:12px;
  color:var(--coral-500);
  font-size:.9rem;
}
html[data-mode=customer] .section-intro .discovery-kicker{
  display:inline-flex;
  align-items:center;
  gap:11px;
  width:max-content;
  min-height:42px;
  padding:7px 17px;
  border-radius:999px;
  background:var(--mint-100);
  color:var(--marine-700);
  font-size:1rem;
}
html[data-mode=customer] .discovery-kicker .status-dot{
  width:10px;
  height:10px;
  margin:0;
  background:var(--coral-500);
  box-shadow:0 0 0 7px rgba(255,107,69,.1);
}
html[data-mode=customer] .section-intro h2{
  color:var(--marine-800);
  font-size:clamp(2.25rem,3.8vw,3.7rem);
  line-height:1.35;
}
html[data-mode=customer] .section-intro>p{max-width:440px;color:#637572;font-size:1rem;line-height:1.9}
html[data-mode=customer] .category-list{
  grid-template-columns:repeat(3,1fr);
  gap:16px;
  margin-top:46px;
  padding:0;
  border:0;
}
html[data-mode=customer] .category-list li{
  position:relative;
  min-height:126px;
  justify-content:flex-start;
  gap:17px;
  padding:22px;
  border:1px solid rgba(7,94,104,.11);
  border-radius:24px;
  background:#fff;
  color:var(--marine-800);
  font-size:1.08rem;
  font-weight:700;
  box-shadow:0 8px 28px rgba(6,63,71,.045);
  transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease;
}
html[data-mode=customer] .category-list li:hover{
  transform:translateY(-4px);
  border-color:rgba(7,94,104,.25);
  box-shadow:0 18px 38px rgba(6,63,71,.09);
}
html[data-mode=customer] .category-icon{
  display:grid;
  place-items:center;
  width:58px;
  height:58px;
  flex:none;
  border-radius:18px;
  background:var(--mint-100);
  color:var(--marine-500);
}
html[data-mode=customer] .category-icon .icon{width:27px;height:27px}
html[data-mode=customer] .category-index{
  position:absolute;
  top:14px;
  left:16px;
  color:#687a77;
  font-size:.72rem;
  font-weight:700;
  direction:ltr;
}
html[data-mode=customer] .category-more{
  background:var(--marine-700);
  color:#fff;
  border-color:var(--marine-700);
}
html[data-mode=customer] .category-more .category-icon{background:rgba(255,255,255,.12);color:#fff}
html[data-mode=customer] .category-more .category-index{color:rgba(255,255,255,.62)}
html[data-mode=customer] .journey{
  position:relative;
  grid-template-columns:.82fr 1.18fr;
  overflow:hidden;
  gap:clamp(46px,7vw,112px);
  padding:clamp(48px,6vw,82px);
  border:0;
  border-radius:40px;
  background:var(--marine-800);
  color:#fff;
  box-shadow:0 30px 80px rgba(9,47,52,.14);
}
html[data-mode=customer] .journey::before{
  content:"";
  position:absolute;
  width:310px;
  height:310px;
  left:-120px;
  top:-150px;
  border:64px solid rgba(255,255,255,.045);
  border-radius:50%;
}
html[data-mode=customer] .journey-intro{position:relative;z-index:1}
html[data-mode=customer] .journey-intro>.eyebrow{margin-bottom:14px;color:#8fd7cc}
html[data-mode=customer] .journey-intro h2{
  color:#fff;
  font-size:clamp(2.5rem,4vw,4rem);
  line-height:1.25;
}
html[data-mode=customer] .journey-intro>p:not(.eyebrow){max-width:390px;margin-top:20px;color:#b8cac7;font-size:1rem}
html[data-mode=customer] .journey-intro>.text-link{
  margin-top:30px;
  padding:8px 0;
  color:#fff;
}
html[data-mode=customer] .journey-intro>.text-link .icon{color:#7ad1c5}
html[data-mode=customer] .steps{position:relative;z-index:1}
html[data-mode=customer] .steps li{
  position:relative;
  display:grid;
  grid-template-columns:auto auto 1fr;
  align-items:center;
  gap:18px;
  min-height:118px;
  padding:20px 0;
  border-bottom:1px solid rgba(255,255,255,.12);
}
html[data-mode=customer] .steps li:first-child{padding-top:0}
html[data-mode=customer] .steps li:last-child{padding-bottom:0;border:0}
html[data-mode=customer] .step-number{align-self:center;padding:0;color:#acc7c3;font-size:.76rem}
html[data-mode=customer] .step-icon{
  display:grid;
  place-items:center;
  width:52px;
  height:52px;
  border-radius:17px;
  background:rgba(122,209,197,.12);
  color:#8ad8cd;
}
html[data-mode=customer] .step-icon .icon{width:24px;height:24px}
html[data-mode=customer] .steps h3{color:#fff;font-size:1.16rem}
html[data-mode=customer] .steps p{max-width:410px;color:#aabfbc;font-size:.92rem}
html[data-mode=customer] .delivery-note{
  align-items:center;
  gap:24px;
  margin-block:70px 78px;
  padding:32px 36px;
  border:1px solid rgba(7,94,104,.1);
  border-radius:28px;
  background:linear-gradient(120deg,#f7fcfa,#edf8f5);
}
html[data-mode=customer] .delivery-note .delivery-icon{
  width:66px;
  height:66px;
  border:0;
  border-radius:20px;
  background:#fff;
  color:var(--marine-500);
  box-shadow:0 10px 28px rgba(6,63,71,.08);
}
html[data-mode=customer] .delivery-note .eyebrow{margin-bottom:2px;color:var(--coral-500);font-size:.78rem}
html[data-mode=customer] .delivery-note h2{color:var(--marine-800);font-size:1.38rem}
html[data-mode=customer] .delivery-note p{max-width:660px;color:#697a77;font-size:.91rem}
html[data-mode=customer] .delivery-caption{
  margin-inline-start:auto;
  color:#6e8783;
  font-size:.9rem;
  line-height:1.65;
  text-align:left;
}
html[data-mode=customer] .delivery-caption strong{color:var(--marine-700);font-size:1.18rem}
html[data-mode=customer]~body .download-section,
html[data-mode=customer] .download-section{
  position:relative;
  overflow:hidden;
  min-height:190px;
  padding:40px 46px;
  border-radius:34px;
  background:linear-gradient(115deg,var(--marine-500),var(--marine-800));
  box-shadow:0 28px 70px rgba(6,63,71,.16);
}
.download-section{position:relative;overflow:hidden}
.download-section::after{
  content:"";
  position:absolute;
  width:230px;
  height:230px;
  left:-70px;
  bottom:-128px;
  border:46px solid rgba(255,255,255,.07);
  border-radius:50%;
  pointer-events:none;
}
.download-brand{position:relative;z-index:1;width:82px;height:82px;border-radius:23px}
.download-copy,.download-actions{position:relative;z-index:1}
.download-copy h2{color:#fff}
.site-footer{padding-top:64px;background:#f5f9f7;border-top:0}
.footer-main h2{color:var(--marine-800)}
.footer-about p strong{color:var(--marine-700);font-weight:800}
.footer-main nav a{transition:color .16s ease,transform .16s ease}
.footer-main nav a:hover{transform:translateX(-3px)}
.footer-bottom{border-color:rgba(7,94,104,.1)}
@supports (overflow:clip){.hero-visual{overflow:clip}}
@media(max-width:800px){
  html[data-mode=customer] .category-list{grid-template-columns:repeat(2,1fr)}
  html[data-mode=customer] .journey{grid-template-columns:1fr;gap:42px}
  html[data-mode=customer] .journey-intro>p:not(.eyebrow){max-width:520px}
}
@media(max-width:640px){
  html[data-mode=customer] .discovery{padding-block:46px 72px}
  html[data-mode=customer] .section-intro>p{margin-top:14px}
  html[data-mode=customer] .category-list{gap:11px;margin-top:30px}
  html[data-mode=customer] .category-list li{min-height:112px;gap:12px;padding:17px;border-radius:20px;font-size:.93rem}
  html[data-mode=customer] .category-icon{width:49px;height:49px;border-radius:15px}
  html[data-mode=customer] .category-icon .icon{width:23px;height:23px}
  html[data-mode=customer] .journey{padding:38px 27px;border-radius:30px}
  html[data-mode=customer] .journey-intro h2{font-size:2.65rem}
  html[data-mode=customer] .steps li{grid-template-columns:auto auto 1fr;gap:13px;min-height:108px}
  html[data-mode=customer] .step-icon{width:45px;height:45px;border-radius:14px}
  html[data-mode=customer] .steps h3{font-size:1.04rem}
  html[data-mode=customer] .steps p{font-size:.86rem;line-height:1.75}
  html[data-mode=customer] .delivery-note{align-items:flex-start;margin-block:42px 50px;padding:26px 22px;border-radius:24px}
  html[data-mode=customer] .delivery-note .delivery-icon{width:52px;height:52px;border-radius:16px}
  html[data-mode=customer] .delivery-note h2{font-size:1.14rem}
  html[data-mode=customer] .delivery-caption{display:none}
  .download-section{min-height:0;border-radius:28px}
  .site-footer{padding-top:46px}
}
@media(max-width:359px){
  html[data-mode=customer] .category-list li{padding:14px;font-size:.84rem}
  html[data-mode=customer] .category-icon{width:44px;height:44px}
  html[data-mode=customer] .journey{padding:34px 21px}
  html[data-mode=customer] .steps li{gap:10px}
  html[data-mode=customer] .step-icon{width:41px;height:41px}
}

/* Merchant page — live portal screenshot inside a purpose-built brand composition. */
html[data-mode=merchant] .merchant-hero{
  min-height:720px;
  grid-template-columns:minmax(0,.88fr) minmax(520px,1.12fr);
  gap:clamp(42px,6vw,92px);
  padding-block:66px 88px;
}
html[data-mode=merchant] .merchant-hero .hero-copy{padding-inline-start:clamp(0px,2vw,26px)}
html[data-mode=merchant] .merchant-hero .hero-copy>.eyebrow{
  display:inline-flex;
  align-items:center;
  width:max-content;
  min-height:38px;
  margin-bottom:24px;
  padding:7px 14px;
  border-radius:999px;
  background:#fff0ea;
  color:#9b442d;
  font-size:.9rem;
}
html[data-mode=merchant] .merchant-hero h1{
  max-width:600px;
  color:var(--marine-800);
  font-size:clamp(3.2rem,5.2vw,5.15rem);
  line-height:1.18;
  letter-spacing:-.025em;
}
html[data-mode=merchant] .merchant-hero h1 span{color:var(--marine-500)}
html[data-mode=merchant] .merchant-hero .hero-description{max-width:520px;font-size:1.12rem}
html[data-mode=merchant] .merchant-actions{margin-top:32px;gap:24px}
html[data-mode=merchant] .merchant-actions .button{border-radius:999px;padding-inline:24px;background:var(--marine-700)}
html[data-mode=merchant] .merchant-actions>.text-link{font-size:.9rem;color:#687a77}
.merchant-proof{margin-top:28px}
html[data-mode=merchant] .merchant-visual{
  height:650px;
  overflow:hidden;
  border:1px solid rgba(7,94,104,.09);
  border-radius:42px;
  background:linear-gradient(145deg,#eef9f6 0%,#d9f1eb 52%,#c6e8e0 100%);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.8),var(--shadow-soft);
}
.merchant-visual-copy{
  position:absolute;
  top:33px;
  right:34px;
  z-index:2;
  display:flex;
  flex-direction:column;
  color:rgba(6,63,71,.58);
  font-size:.83rem;
  line-height:1.55;
}
.merchant-visual-copy strong{color:var(--marine-700);font-size:1.18rem}
.merchant-glow{position:absolute;border-radius:50%;background:rgba(255,255,255,.45)}
.merchant-glow-one{width:290px;height:290px;left:-110px;top:-130px}
.merchant-glow-two{width:220px;height:220px;right:-90px;bottom:-80px;border:42px solid rgba(255,255,255,.35);background:transparent}
.merchant-browser-stage{
  position:absolute;
  top:126px;
  left:30px;
  right:30px;
  bottom:58px;
  border-radius:28px;
  background:rgba(255,255,255,.43);
  border:1px solid rgba(255,255,255,.75);
  box-shadow:0 24px 60px rgba(6,63,71,.13);
}
html[data-mode=merchant] .browser-frame{
  top:32px;
  left:24px;
  right:24px;
  border:0;
  border-radius:19px;
  box-shadow:0 20px 44px rgba(6,63,71,.13),0 0 0 1px rgba(7,94,104,.08);
}
html[data-mode=merchant] .browser-bar{
  height:38px;
  padding-inline:15px;
  gap:7px;
  border-bottom-color:rgba(7,94,104,.07);
  background:#f9fbfa;
}
html[data-mode=merchant] .browser-bar span{width:7px;height:7px}
html[data-mode=merchant] .browser-bar span:first-child{background:#ff8062}
html[data-mode=merchant] .browser-bar span:nth-child(2){background:#e7b842}
html[data-mode=merchant] .browser-bar span:nth-child(3){background:#53b788}
html[data-mode=merchant] .browser-bar em{
  margin:auto;
  padding-inline-end:46px;
  color:#4f6662;
  font-size:.67rem;
  font-style:normal;
}
html[data-mode=merchant] .browser-screen{display:block;aspect-ratio:2464/1530;background:#fff}
html[data-mode=merchant] .browser-screen .product-screenshot{width:100%;height:100%;object-fit:cover;object-position:top center}
.merchant-stage-card{
  position:absolute;
  bottom:27px;
  display:grid;
  grid-template-columns:auto 1fr;
  gap:2px 11px;
  min-width:182px;
  padding:16px;
  border:1px solid rgba(7,94,104,.08);
  border-radius:18px;
  background:rgba(255,255,255,.93);
  color:var(--marine-800);
  box-shadow:0 13px 30px rgba(6,63,71,.11);
}
.merchant-stage-card>span{grid-row:1/3;display:grid;place-items:center;width:40px;height:40px;border-radius:13px;background:var(--mint-100);color:var(--marine-500)}
.merchant-stage-card .icon{width:20px;height:20px}
.merchant-stage-card small{color:#758783;font-size:.68rem;line-height:1.25}
.merchant-stage-card strong{font-size:.83rem;line-height:1.45}
.stage-card-store{right:38px;transform:rotate(1deg)}
.stage-card-control{left:38px;transform:rotate(-1deg)}
html[data-mode=merchant] .visual-tag{z-index:4;border-radius:16px;font-weight:700;color:var(--marine-700)}
.merchant-tag-primary{top:102px;left:16px;transform:rotate(-2deg)}
.merchant-tag-secondary{right:14px;bottom:92px;transform:rotate(2deg)}
html[data-mode=merchant] .asset-note{z-index:4;bottom:17px;color:#5d7975;font-weight:700}
html[data-mode=merchant] .merchant-paths{padding-block:76px 96px}
html[data-mode=merchant] .section-intro h2{color:var(--marine-800);font-size:clamp(2.2rem,3.6vw,3.55rem)}
html[data-mode=merchant] .section-intro>p{color:#637572}
html[data-mode=merchant] .merchant-kicker{
  display:inline-flex;
  align-items:center;
  width:max-content;
  min-height:42px;
  padding:7px 16px;
  border-radius:999px;
  background:var(--mint-100);
  color:var(--marine-700);
}
html[data-mode=merchant] .merchant-kicker .status-dot{margin-inline-end:10px}
html[data-mode=merchant] .path-grid{gap:18px;margin-top:44px}
html[data-mode=merchant] .path{
  min-height:365px;
  overflow:hidden;
  padding:42px;
  border-color:rgba(7,94,104,.1);
  border-radius:30px;
  background:#fff;
  box-shadow:0 16px 46px rgba(6,63,71,.055);
}
html[data-mode=merchant] .path:nth-child(2){background:var(--marine-800);color:#fff}
html[data-mode=merchant] .path-number{position:absolute;top:24px;left:26px;color:#5b6d6a;font-size:.76rem;direction:ltr}
html[data-mode=merchant] .path-icon{position:static;width:58px;height:58px;margin-bottom:28px;border:0;border-radius:18px;background:var(--mint-100)}
html[data-mode=merchant] .path:nth-child(2) .path-icon{background:rgba(122,209,197,.12);color:#86d6cb}
html[data-mode=merchant] .path:nth-child(2) .path-number{color:#afc5c2}
html[data-mode=merchant] .path .eyebrow{color:#5f7330}
html[data-mode=merchant] .path:nth-child(2) .eyebrow{color:#85d5ca}
html[data-mode=merchant] .path h3{color:inherit;font-size:clamp(1.8rem,2.8vw,2.65rem)}
html[data-mode=merchant] .path>p:not(.eyebrow){max-width:430px}
html[data-mode=merchant] .path:nth-child(2)>p:not(.eyebrow){color:#adc1be}
html[data-mode=merchant] .path:nth-child(2) .text-link{color:#fff}
html[data-mode=merchant] .merchant-value{
  gap:clamp(50px,7vw,110px);
  padding:clamp(46px,6vw,78px);
  border:1px solid rgba(7,94,104,.09);
  border-radius:40px;
  background:#f2faf8;
}
html[data-mode=merchant] .value-intro h2{color:var(--marine-800);font-size:clamp(2.35rem,3.8vw,3.7rem)}
html[data-mode=merchant] .value-intro>.button{border-radius:999px;background:var(--marine-700)}
html[data-mode=merchant] .value-list li{gap:18px;padding-block:25px}
html[data-mode=merchant] .value-list li>.icon{width:25px;height:25px}
html[data-mode=merchant] .value-list h3{color:var(--marine-800);font-size:1.12rem}
html[data-mode=merchant] .merchant-invite{
  margin-block:62px 76px;
  padding:36px 42px;
  border-radius:28px;
  background:linear-gradient(110deg,var(--marine-700),var(--marine-500));
  color:#fff;
}
html[data-mode=merchant] .merchant-invite .eyebrow{color:#9de0d6}
html[data-mode=merchant] .merchant-invite h2{color:#fff}
html[data-mode=merchant] .merchant-invite .button{background:#fff;color:var(--marine-700);border-color:#fff}
@media(max-width:1100px){
  html[data-mode=merchant] .merchant-hero{grid-template-columns:minmax(0,.9fr) minmax(430px,1.1fr)}
  html[data-mode=merchant] .merchant-visual{height:610px}
  .merchant-browser-stage{left:20px;right:20px}
  .merchant-stage-card{min-width:160px;padding:13px}
}
@media(max-width:800px){
  html[data-mode=merchant] .merchant-hero{grid-template-columns:1fr 1fr;min-height:630px}
  html[data-mode=merchant] .merchant-visual{height:540px}
  .merchant-stage-card{min-width:0}
  .merchant-stage-card strong{font-size:.72rem}
  html[data-mode=merchant] .merchant-value{grid-template-columns:1fr;gap:30px}
}
@media(max-width:640px){
  html[data-mode=merchant] .merchant-hero{gap:42px;padding-block:44px 50px}
  html[data-mode=merchant] .merchant-hero .hero-copy{padding:0}
  html[data-mode=merchant] .merchant-hero .hero-copy>.eyebrow{width:fit-content;max-width:100%;white-space:normal}
  html[data-mode=merchant] .merchant-hero h1{font-size:clamp(2.9rem,12.5vw,3.85rem)}
  html[data-mode=merchant] .merchant-hero .hero-description{font-size:1.03rem}
  html[data-mode=merchant] .merchant-visual{height:520px;border-radius:32px}
  .merchant-visual-copy{top:23px;right:23px}
  .merchant-browser-stage{top:112px;left:13px;right:13px;bottom:54px}
  html[data-mode=merchant] .browser-frame{top:25px;left:12px;right:12px}
  html[data-mode=merchant] .browser-bar{height:32px}
  html[data-mode=merchant] .browser-bar em{padding-inline-end:22px;font-size:.58rem}
  .merchant-stage-card{bottom:22px;padding:11px;gap:2px 8px;border-radius:15px}
  .merchant-stage-card>span{width:34px;height:34px;border-radius:11px}
  .merchant-stage-card small{font-size:.58rem}.merchant-stage-card strong{font-size:.66rem}
  .stage-card-store{right:17px}.stage-card-control{left:17px}
  .merchant-tag-primary{top:92px;left:7px}
  .merchant-tag-secondary{right:7px;bottom:80px}
  html[data-mode=merchant] .merchant-paths{padding-block:46px 68px}
  html[data-mode=merchant] .merchant-kicker{width:fit-content;max-width:100%;white-space:normal}
  html[data-mode=merchant] .path-grid{margin-top:30px}
  html[data-mode=merchant] .path{min-height:0;padding:30px 26px;border-radius:25px}
  html[data-mode=merchant] .path-icon{width:50px;height:50px;margin-bottom:24px}
  html[data-mode=merchant] .merchant-value{padding:36px 26px;border-radius:30px}
  html[data-mode=merchant] .merchant-invite{margin-block:44px 54px;padding:30px 26px;border-radius:25px}
}
@media(max-width:359px){
  html[data-mode=merchant] .merchant-visual{height:470px}
  .merchant-stage-card>span{display:none}
  .merchant-stage-card{display:block}
  .merchant-tag-secondary{display:none}
}

/* Marine anchors the identity; Coral is reserved for small visual accents. */
.audience-switch a[aria-current=page]{color:var(--marine-500)}
.tag-heart .icon,.footer-heart{color:var(--coral-500)}
.visual-corner,.footer-about p,.availability{font-weight:400}
.screen-placeholder .placeholder-brand{font-weight:800}
.download-copy .eyebrow{color:var(--white)}
.download-copy p:not(.eyebrow),.download-actions>span{color:color-mix(in srgb,var(--white) 85%,var(--marine-500))}
.download-section .store-button{background:var(--white);border-color:var(--white);color:var(--neutral-900)}
.download-section .store-button:hover,.download-section .store-button:active{background:var(--neutral-100);border-color:var(--neutral-100);color:var(--marine-600)}
.footer-heart{display:inline-flex;vertical-align:middle}.footer-heart .icon{width:20px;height:20px}
/* Keep the short customer headline accent together when a line wraps. */
#customer-heading span{display:inline-block}

/* Legal pages — long-form reading with stable RTL navigation and print support. */
html[data-page=legal]{scroll-padding-top:118px;background:#f7faf9}
html[data-page=legal] body{background:#f7faf9}
.legal-site-header .legal-header-nav{display:flex;align-items:center;justify-self:center;gap:8px}
.legal-header-nav a{
  display:grid;
  min-width:92px;
  min-height:44px;
  place-items:center;
  border-radius:999px;
  color:#526965;
  font-size:.9rem;
  font-weight:700;
}
.legal-header-nav a:hover{background:var(--mint-100);color:var(--marine-700)}
.legal-hero{
  position:relative;
  overflow:hidden;
  margin-top:48px;
  padding:clamp(42px,6vw,72px);
  border-radius:38px;
  background:linear-gradient(125deg,var(--marine-800),var(--marine-500));
  color:#fff;
  box-shadow:0 26px 70px rgba(6,63,71,.15);
}
.legal-hero::after{
  content:"";
  position:absolute;
  width:310px;
  height:310px;
  inset:auto -118px -178px auto;
  border:58px solid rgba(255,255,255,.055);
  border-radius:50%;
  pointer-events:none;
}
.legal-breadcrumb{position:relative;z-index:1;display:flex;align-items:center;gap:10px;margin-bottom:42px;color:#b8d5d1;font-size:.87rem}
.legal-breadcrumb a{min-height:44px;display:inline-flex;align-items:center;font-weight:700;color:#fff}
.legal-breadcrumb a:hover{text-decoration:underline;text-underline-offset:4px}
.legal-hero>.eyebrow{position:relative;z-index:1;margin-bottom:10px;color:#92d9cf}
.legal-hero h1{position:relative;z-index:1;max-width:900px;color:#fff;font-size:clamp(2.45rem,5vw,4.65rem);line-height:1.3}
.legal-meta{position:relative;z-index:1;display:flex;flex-wrap:wrap;gap:10px;margin-top:28px}
.legal-meta span{display:inline-flex;align-items:center;min-height:38px;padding:7px 14px;border:1px solid rgba(255,255,255,.16);border-radius:999px;background:rgba(255,255,255,.08);color:#d8e8e5;font-size:.84rem}
.legal-meta bdi{margin-inline-start:7px;color:#fff;font-weight:700}
.deletion-request{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(0,1.25fr);
  gap:28px 48px;
  margin-top:28px;
  padding:clamp(28px,4vw,48px);
  border:1px solid rgba(7,94,104,.11);
  border-radius:30px;
  background:linear-gradient(145deg,#fff 0%,var(--mint-50) 100%);
  box-shadow:0 18px 56px rgba(6,63,71,.07)
}
.deletion-request-intro{align-self:start}
.deletion-request-intro>.eyebrow{margin-bottom:9px;color:var(--coral-600)}
.deletion-request-intro h2{max-width:570px;color:var(--marine-800);font-size:clamp(1.65rem,3vw,2.45rem);line-height:1.5}
.deletion-request-intro>p:last-child{max-width:560px;margin-top:13px;color:#526762;font-size:1rem;line-height:1.9}
.deletion-steps{display:grid;gap:12px;grid-row:span 3;margin:0;padding:0;list-style:none}
.deletion-steps li{display:grid;grid-template-columns:38px minmax(0,1fr);gap:13px;align-items:start;padding:17px;border:1px solid rgba(7,94,104,.09);border-radius:17px;background:#fff}
.deletion-steps li>span{display:grid;width:38px;height:38px;place-items:center;border-radius:50%;background:var(--marine-600);color:#fff;font-weight:800}
.deletion-steps strong{display:block;margin-bottom:5px;color:var(--marine-800);font-size:.96rem}
.deletion-steps p,.deletion-steps a{color:#3f5651;font-size:.94rem;line-height:1.75}
.deletion-steps a{display:inline-flex;min-height:44px;align-items:center;color:var(--marine-600);font-weight:700;text-decoration:underline;text-underline-offset:4px}
.deletion-steps blockquote{margin:8px 0 0;padding:13px 15px;border-inline-start:3px solid var(--coral-500);border-radius:10px;background:#f7faf9;color:#334743;font-size:.9rem;line-height:1.9}
.deletion-email-button{justify-self:start;min-height:52px;padding-inline:22px}
.deletion-security-note{align-self:end;margin:0;color:#5d6e6a;font-size:.84rem;line-height:1.8}
.legal-layout{display:grid;grid-template-columns:minmax(0,270px) minmax(0,820px);justify-content:center;align-items:start;gap:clamp(34px,6vw,84px);padding-block:64px 100px}
.legal-toc{
  position:sticky;
  top:116px;
  max-height:calc(100vh - 146px);
  overflow:auto;
  padding:24px;
  border:1px solid rgba(7,94,104,.1);
  border-radius:24px;
  background:#fff;
  box-shadow:0 14px 40px rgba(6,63,71,.055);
  scrollbar-width:thin;
  scrollbar-color:var(--marine-300) transparent;
}
.legal-toc h2{margin-bottom:15px;color:var(--marine-800);font-size:1.05rem;line-height:1.6}
.legal-toc ol{display:flex;flex-direction:column;gap:2px;counter-reset:legal-toc}
.legal-toc li{counter-increment:legal-toc}
.legal-toc a{display:block;padding:8px 10px;border-radius:9px;color:#637572;font-size:.78rem;line-height:1.65}
.legal-toc a:hover,.legal-toc a:focus-visible{background:var(--mint-100);color:var(--marine-700)}
.legal-copy{min-width:0;padding:clamp(28px,4vw,54px);border:1px solid rgba(7,94,104,.09);border-radius:30px;background:#fff;box-shadow:0 16px 50px rgba(6,63,71,.05)}
.legal-copy h2,.legal-copy h3{scroll-margin-top:118px;color:var(--marine-800)}
.legal-copy h2{margin-top:58px;padding-top:6px;font-size:clamp(1.45rem,2.4vw,2rem);line-height:1.55}
.legal-copy h2:first-child{margin-top:0;padding-top:0}
.legal-copy h3{margin-top:38px;font-size:1.16rem;line-height:1.65}
.legal-copy p{margin-top:18px;color:#334743;font-size:1.04rem;line-height:2.05}
.legal-copy h2+p,.legal-copy h3+p{margin-top:16px}
.legal-list{display:grid;gap:10px;margin-top:18px;padding-inline-start:4px}
.legal-list li{position:relative;padding-inline-start:25px;color:#334743;font-size:1rem;line-height:1.95}
.legal-list li::before{content:"";position:absolute;inset-inline-start:3px;top:.82em;width:7px;height:7px;border-radius:50%;background:var(--coral-500);box-shadow:0 0 0 5px rgba(255,107,69,.08)}
.legal-contact{direction:ltr;text-align:right}
.legal-contact a{display:inline-flex;min-height:44px;align-items:center;color:var(--marine-500);font-weight:700;text-decoration:underline;text-decoration-color:rgba(7,94,104,.28);text-underline-offset:5px}
.legal-path-step{margin-top:8px!important;padding:13px 16px;border:1px solid rgba(7,94,104,.09);border-radius:12px;background:var(--mint-50);color:var(--marine-700)!important;font-weight:700}
.legal-footer{margin-top:0}
.legal-footer .footer-main{grid-template-columns:1.6fr 1fr 1fr 1fr}
@media(max-width:900px){
  .legal-layout{grid-template-columns:220px minmax(0,1fr);gap:28px}
  .legal-copy{padding:34px}
}
@media(max-width:720px){
  html[data-page=legal]{scroll-padding-top:28px}
  .legal-site-header{position:relative}
  .legal-site-header .header-inner{display:grid;grid-template-columns:1fr auto;min-height:78px}
  .legal-site-header .legal-header-nav{display:none}
  .legal-hero{margin-top:22px;padding:34px 26px;border-radius:28px}
  .legal-breadcrumb{margin-bottom:26px}
  .legal-hero h1{font-size:clamp(2.15rem,10vw,3.2rem)}
  .deletion-request{grid-template-columns:1fr;margin-top:20px;padding:26px 22px;border-radius:24px}
  .deletion-steps{grid-row:auto}
  .deletion-email-button{width:100%;justify-content:center}
  .legal-layout{display:flex;flex-direction:column;gap:22px;padding-block:28px 60px}
  .legal-toc{position:static;width:100%;max-height:236px;padding:20px;border-radius:20px}
  .legal-toc ol{display:grid;grid-template-columns:1fr 1fr;gap:2px 10px}
  .legal-toc a{font-size:.75rem}
  .legal-copy{width:100%;padding:28px 24px;border-radius:24px}
  .legal-copy h2{margin-top:46px;font-size:1.45rem;scroll-margin-top:24px}
  .legal-copy h3{margin-top:32px;font-size:1.1rem;scroll-margin-top:24px}
  .legal-copy p{font-size:1rem;line-height:2}
  .legal-footer .footer-main{grid-template-columns:1fr 1fr}
}
@media(max-width:420px){
  .legal-site-header .header-cta{font-size:.72rem}
  .legal-hero{padding:30px 22px}
  .legal-meta{align-items:flex-start;flex-direction:column}
  .legal-toc ol{grid-template-columns:1fr}
  .legal-copy{padding:25px 20px}
  .legal-list li{padding-inline-start:23px;font-size:.97rem}
}
@media print{
  html[data-page=legal] body{background:#fff}
  .legal-site-header,.legal-toc,.legal-footer,.legal-breadcrumb,.deletion-request{display:none!important}
  .legal-hero{margin:0;padding:0 0 28px;border-radius:0;background:#fff;color:#000;box-shadow:none}
  .legal-hero::after,.legal-hero>.eyebrow{display:none}
  .legal-hero h1{color:#000;font-size:28pt}
  .legal-meta span,.legal-meta bdi{padding:0;border:0;background:none;color:#333}
  .legal-layout{display:block;width:100%;padding:0}
  .legal-copy{padding:0;border:0;box-shadow:none}
  .legal-copy h2,.legal-copy h3{break-after:avoid;color:#000}
  .legal-copy p,.legal-list{orphans:3;widows:3}
}

/* Contact and support — email-only routes with clear, ready-to-send actions. */
html[data-page=info]{background:#f7faf9}
html[data-page=info] body{background:#f7faf9}
.info-site-header .info-header-nav{display:flex;align-items:center;justify-self:center;gap:8px}
.info-header-nav a{display:grid;min-width:92px;min-height:44px;place-items:center;border-radius:999px;color:#526965;font-size:.9rem;font-weight:700}
.info-header-nav a:hover{background:var(--mint-100);color:var(--marine-700)}
.info-hero{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(310px,.8fr);align-items:stretch;gap:clamp(28px,5vw,72px);padding-block:56px 48px}
.info-hero-copy{display:flex;min-height:440px;flex-direction:column;align-items:flex-start;justify-content:center;padding:clamp(36px,5vw,66px);border-radius:38px;background:linear-gradient(125deg,var(--marine-800),var(--marine-500));color:#fff;box-shadow:0 26px 70px rgba(6,63,71,.15)}
.info-breadcrumb{display:flex;align-items:center;gap:10px;margin-bottom:auto;color:#bdd8d4;font-size:.86rem}
.info-breadcrumb a{display:inline-flex;min-height:44px;align-items:center;color:#fff;font-weight:700}
.info-breadcrumb a:hover{text-decoration:underline;text-underline-offset:4px}
.info-hero-copy>.eyebrow{margin-top:42px;color:#91ddd2}
.info-hero-copy h1{margin-top:8px;color:#fff;font-size:clamp(2.8rem,5vw,4.8rem);line-height:1.25}
.info-hero-copy>p:not(.eyebrow){max-width:610px;margin-top:18px;color:#d8e8e5;font-size:1.06rem;line-height:1.95}
.info-primary-action{margin-top:28px;background:#fff;color:var(--marine-700)}
.info-primary-action:hover,.info-primary-action:active{background:var(--mint-100);color:var(--marine-800)}
.info-email-card{display:flex;min-width:0;flex-direction:column;align-items:flex-start;justify-content:center;padding:clamp(30px,4vw,48px);border:1px solid rgba(7,94,104,.1);border-radius:38px;background:linear-gradient(145deg,#fff,var(--mint-50));box-shadow:0 18px 54px rgba(6,63,71,.07)}
.info-icon{display:grid;width:58px;height:58px;place-items:center;border-radius:18px;background:var(--mint-100);color:var(--marine-600)}
.info-icon .icon{width:27px;height:27px}
.info-email-card>p{margin-top:32px;color:#657571;font-size:.9rem}
.info-email-card>a{max-width:100%;min-height:50px;margin-top:7px;color:var(--marine-700);font-size:clamp(1.1rem,2.1vw,1.55rem);font-weight:800;overflow-wrap:anywhere;text-decoration:underline;text-decoration-color:rgba(7,94,104,.24);text-underline-offset:6px}
.info-email-card>small{margin-top:18px;color:#6b7c78;font-size:.83rem;line-height:1.8}
.support-guide,.contact-options{padding-block:46px 104px}
.info-section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:30px;margin-bottom:34px}
.info-section-heading>.eyebrow{color:var(--coral-500)}
.info-section-heading h2{max-width:690px;color:var(--marine-800);font-size:clamp(2rem,3.6vw,3.25rem);line-height:1.4}
.support-guide-grid,.contact-option-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.support-guide-grid li,.contact-option-grid article{min-width:0;padding:28px;border:1px solid rgba(7,94,104,.1);border-radius:24px;background:#fff;box-shadow:0 10px 34px rgba(6,63,71,.045)}
.support-guide-grid li{display:flex;align-items:flex-start;gap:17px}
.support-guide-grid li>span{display:grid;width:40px;height:40px;flex:none;place-items:center;border-radius:50%;background:var(--marine-700);color:#fff;font-weight:800}
.support-guide-grid h3,.contact-option-grid h3{color:var(--marine-800);font-size:1.14rem}
.support-guide-grid p,.contact-option-grid p{margin-top:7px;color:#687a76;font-size:.92rem;line-height:1.85}
.email-template{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);align-items:center;gap:32px;margin-top:24px;padding:clamp(28px,4vw,46px);border-radius:28px;background:var(--marine-800);color:#fff}
.email-template .eyebrow{color:#8edbd0}
.email-template h2{margin-top:8px;font-size:clamp(1.6rem,2.7vw,2.35rem)}
.email-template>div>p:last-child{margin-top:12px;color:#bfd1ce;font-size:.92rem}
.email-template blockquote{margin:0;padding:20px 22px;border-inline-start:4px solid var(--coral-500);border-radius:14px;background:rgba(255,255,255,.08);color:#edf7f5;font-size:.96rem;line-height:2}
.info-security-note{display:flex;align-items:flex-start;gap:14px;margin-top:20px;padding:18px 20px;border:1px solid rgba(7,94,104,.09);border-radius:18px;background:var(--mint-50);color:#50635f;font-size:.9rem;line-height:1.85}
.info-security-note>.icon{margin-top:4px;color:var(--marine-600)}
.info-security-note strong{color:var(--marine-800)}
.contact-option-grid article{display:flex;min-height:290px;flex-direction:column}
.contact-option-grid article:nth-child(2){background:var(--mint-50)}
.contact-option-grid .info-icon{margin-bottom:25px}
.contact-option-grid .text-link{margin-top:auto;padding-top:24px;color:var(--marine-600)}
.info-support-link{margin-top:28px;color:#60726e;text-align:center}
.info-support-link a{display:inline-flex;min-height:44px;align-items:center;color:var(--marine-600);font-weight:800;text-decoration:underline;text-underline-offset:5px}
.info-footer{margin-top:0}
@media(max-width:900px){
  .info-hero{grid-template-columns:minmax(0,1fr) minmax(270px,.72fr);gap:22px}
  .info-hero-copy{min-height:400px;padding:40px 34px}
  .info-email-card{padding:32px 26px}
  .support-guide-grid li,.contact-option-grid article{padding:24px}
}
@media(max-width:720px){
  .info-site-header{position:relative}
  .info-site-header .header-inner{display:grid;grid-template-columns:1fr auto;min-height:78px}
  .info-site-header .info-header-nav{display:none}
  .info-hero{grid-template-columns:1fr;gap:18px;padding-block:22px 30px}
  .info-hero-copy{min-height:0;padding:30px 24px;border-radius:28px}
  .info-breadcrumb{margin-bottom:26px}
  .info-hero-copy>.eyebrow{margin-top:0}
  .info-hero-copy h1{font-size:clamp(2.6rem,12vw,3.7rem)}
  .info-email-card{padding:28px 24px;border-radius:24px}
  .info-email-card>p{margin-top:24px}
  .info-section-heading{display:block;margin-bottom:25px}
  .info-section-heading h2{margin-top:8px;font-size:2rem}
  .support-guide,.contact-options{padding-block:34px 66px}
  .support-guide-grid,.contact-option-grid{grid-template-columns:1fr}
  .email-template{grid-template-columns:1fr;padding:28px 23px;border-radius:24px}
  .contact-option-grid article{min-height:0}
}
@media(max-width:420px){
  .info-site-header .header-cta{font-size:.72rem}
  .info-hero-copy>p:not(.eyebrow){font-size:1rem}
  .info-primary-action{width:100%}
  .support-guide-grid li{padding:21px}
}
@media print{
  .info-site-header,.info-footer,.info-primary-action{display:none!important}
  html[data-page=info] body{background:#fff}
}
.review-qr{display:block;width:min(100%,420px);height:auto;margin:2rem auto;border-radius:24px}