
:root{--navy:#063B4B;--navy-2:#0A4E60;--teal:#18BFA1;--green:#32C77C;--gold:#FFB91F;--ink:#12323B;--muted:#5D737A;--cream:#F6FBF9;--line:#DCEBE7;--white:#fff;--shadow:0 22px 60px rgba(6,59,75,.12);--radius:24px;--max:1180px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);background:#fff;line-height:1.65}img{max-width:100%;display:block}a{color:inherit}.container{width:min(calc(100% - 40px),var(--max));margin-inline:auto}.skip-link{position:absolute;left:-999px;top:8px;background:#fff;padding:10px 14px;border-radius:10px;z-index:1000}.skip-link:focus{left:8px}.site-header{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.86);backdrop-filter:blur(18px);border-bottom:1px solid rgba(220,235,231,.7)}.nav-wrap{min-height:76px;display:flex;align-items:center;justify-content:space-between}.brand{display:inline-flex;align-items:center;gap:11px;text-decoration:none;font-size:1.35rem;font-weight:850;letter-spacing:-.03em;color:var(--navy)}.main-nav{display:flex;align-items:center;gap:28px}.main-nav a{text-decoration:none;font-weight:650;font-size:.96rem}.main-nav a:hover{color:var(--teal)}.nav-cta{background:var(--navy);color:#fff!important;padding:11px 18px;border-radius:999px}.menu-toggle{display:none;background:none;border:0;padding:8px}.menu-toggle span:not(.sr-only){display:block;width:26px;height:2px;background:var(--navy);margin:5px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.hero{position:relative;overflow:hidden;padding:84px 0 92px;background:radial-gradient(circle at 80% 15%,rgba(24,191,161,.16),transparent 28%),radial-gradient(circle at 10% 85%,rgba(255,185,31,.14),transparent 24%),linear-gradient(180deg,#F9FFFD,#fff)}.hero:after{content:"";position:absolute;inset:auto -10% -220px;height:360px;background:linear-gradient(90deg,rgba(24,191,161,.13),rgba(255,185,31,.11));filter:blur(70px);transform:rotate(-5deg)}.hero-grid{position:relative;z-index:1;display:grid;grid-template-columns:1.05fr .95fr;gap:70px;align-items:center}.eyebrow{display:inline-flex;align-items:center;gap:8px;font-weight:800;text-transform:uppercase;letter-spacing:.11em;font-size:.75rem;color:var(--navy);background:#E6F8F3;padding:8px 12px;border-radius:999px}.eyebrow:before{content:"";width:8px;height:8px;border-radius:50%;background:var(--teal);box-shadow:0 0 0 5px rgba(24,191,161,.13)}h1,h2,h3{line-height:1.12;color:var(--navy);letter-spacing:-.035em}h1{font-size:clamp(3rem,6vw,5.55rem);margin:22px 0 24px;max-width:780px}.gradient-text{background:linear-gradient(90deg,var(--teal),var(--green));-webkit-background-clip:text;background-clip:text;color:transparent}.hero-copy>p{font-size:1.18rem;color:var(--muted);max-width:660px;margin:0 0 30px}.button-row{display:flex;flex-wrap:wrap;gap:13px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:50px;padding:0 20px;border-radius:14px;text-decoration:none;font-weight:800;border:1px solid transparent;cursor:pointer;font:inherit}.btn-primary{background:var(--navy);color:white;box-shadow:0 12px 28px rgba(6,59,75,.2)}.btn-primary:hover{transform:translateY(-2px)}.btn-secondary{background:white;border-color:var(--line);color:var(--navy)}.trust-line{display:flex;flex-wrap:wrap;gap:18px;margin-top:28px;color:var(--muted);font-size:.9rem}.trust-line span:before{content:"✓";color:var(--green);font-weight:900;margin-right:7px}.operator-note{margin:14px 0 0;max-width:660px;color:var(--muted);font-size:.82rem;line-height:1.5}.phone-scene{position:relative;min-height:590px;display:grid;place-items:center}.phone-glow{position:absolute;width:440px;height:440px;border-radius:50%;background:linear-gradient(135deg,rgba(24,191,161,.24),rgba(255,185,31,.18));filter:blur(10px)}.phone{position:relative;width:302px;background:#0A2730;border:9px solid #0A2730;border-radius:45px;padding:10px;box-shadow:0 35px 70px rgba(6,59,75,.28);transform:rotate(3deg)}.phone:before{content:"";position:absolute;top:10px;left:50%;width:96px;height:24px;border-radius:0 0 18px 18px;background:#0A2730;transform:translateX(-50%);z-index:2}.phone-screen{min-height:548px;border-radius:30px;background:linear-gradient(#F7FCFA,#fff);padding:38px 18px 20px;overflow:hidden}.app-top{display:flex;justify-content:space-between;align-items:center}.mini-brand{display:flex;align-items:center;gap:8px;font-weight:900;color:var(--navy)}.mini-brand img{width:28px}.avatar{width:34px;height:34px;border-radius:50%;background:linear-gradient(135deg,var(--gold),#FFD978)}.points-card{margin:22px 0 16px;background:linear-gradient(135deg,var(--navy),var(--navy-2));color:white;border-radius:22px;padding:20px;box-shadow:0 16px 30px rgba(6,59,75,.2)}.points-card p{margin:0;opacity:.78;font-size:.8rem}.points-card strong{display:block;font-size:2.1rem;line-height:1.1;margin:5px 0}.points-card span{font-size:.75rem;color:#BCEFE4}.survey-card{background:white;border:1px solid var(--line);border-radius:18px;padding:15px;margin-top:12px;box-shadow:0 8px 24px rgba(6,59,75,.07)}.survey-top{display:flex;justify-content:space-between;gap:12px}.survey-card h3{font-size:.95rem;margin:0}.pill{font-size:.68rem;background:#FFF4D8;color:#7F5A00;padding:5px 8px;border-radius:999px;font-weight:800}.survey-meta{display:flex;gap:14px;color:var(--muted);font-size:.72rem;margin:10px 0}.progress{height:7px;background:#E9F4F1;border-radius:99px;overflow:hidden}.progress span{display:block;height:100%;background:linear-gradient(90deg,var(--teal),var(--green));border-radius:99px}.float-card{position:absolute;background:white;border:1px solid var(--line);border-radius:18px;padding:14px 16px;box-shadow:var(--shadow);font-weight:800;color:var(--navy);z-index:3}.float-card.one{top:90px;left:0}.float-card.two{right:-8px;bottom:95px}.float-card small{display:block;color:var(--muted);font-weight:600}
.section{padding:96px 0}.section-soft{background:var(--cream)}.section-dark{background:var(--navy);color:white}.section-dark h2,.section-dark h3{color:white}.section-head{max-width:720px;margin-bottom:46px}.section-head.center{text-align:center;margin-inline:auto}.kicker{font-weight:850;color:var(--teal);text-transform:uppercase;letter-spacing:.1em;font-size:.78rem}.section h2{font-size:clamp(2.2rem,4vw,3.7rem);margin:10px 0 16px}.section-head p{color:var(--muted);font-size:1.08rem}.section-dark .section-head p{color:#C8E1E6}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.step{position:relative;background:white;border:1px solid var(--line);border-radius:var(--radius);padding:28px;box-shadow:0 12px 34px rgba(6,59,75,.06)}.step-number{width:42px;height:42px;border-radius:14px;display:grid;place-items:center;background:#E6F8F3;color:var(--navy);font-weight:900}.step h3{font-size:1.25rem;margin:24px 0 9px}.step p{margin:0;color:var(--muted)}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.feature-card{border:1px solid var(--line);border-radius:var(--radius);padding:30px;background:white}.icon-box{width:48px;height:48px;border-radius:15px;background:linear-gradient(135deg,#E2F8F2,#FFF4D8);display:grid;place-items:center;font-size:1.3rem}.feature-card h3{font-size:1.28rem;margin:20px 0 8px}.feature-card p{color:var(--muted);margin:0}.reward-showcase{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center}.voucher-stack{position:relative;min-height:400px}.voucher{position:absolute;width:min(100%,430px);border-radius:26px;padding:28px;color:white;box-shadow:var(--shadow)}.voucher.a{top:20px;left:0;background:linear-gradient(135deg,var(--navy),#0E6A72);transform:rotate(-5deg)}.voucher.b{top:105px;left:55px;background:linear-gradient(135deg,#15A889,var(--green));transform:rotate(3deg)}.voucher.c{top:195px;left:18px;background:linear-gradient(135deg,#F4A300,var(--gold));color:var(--navy);transform:rotate(-1deg)}.voucher span{font-size:.82rem;opacity:.78}.voucher strong{font-size:1.5rem;display:block;margin-top:28px}.check-list{display:grid;gap:14px;padding:0;list-style:none}.check-list li{position:relative;padding-left:32px}.check-list li:before{content:"✓";position:absolute;left:0;top:0;width:22px;height:22px;border-radius:50%;display:grid;place-items:center;background:#DDF7EF;color:#08745F;font-weight:900}.privacy-panel{display:grid;grid-template-columns:.85fr 1.15fr;gap:56px;align-items:center}.shield{width:290px;height:340px;margin:auto;border-radius:45% 45% 50% 50%/35% 35% 65% 65%;background:linear-gradient(145deg,#16B898,#34CF82);display:grid;place-items:center;box-shadow:0 30px 70px rgba(24,191,161,.28);position:relative}.shield:before{content:"";width:120px;height:120px;border-radius:50%;background:white;opacity:.96}.shield:after{content:"✓";position:absolute;color:var(--navy);font-size:4rem;font-weight:900}.privacy-links{display:flex;flex-wrap:wrap;gap:11px;margin-top:26px}.privacy-links a{color:white;text-decoration:none;border:1px solid rgba(255,255,255,.25);padding:10px 14px;border-radius:12px}.faq{display:grid;gap:12px;max-width:860px;margin:auto}.faq details{border:1px solid var(--line);border-radius:18px;padding:0 20px;background:white}.faq summary{cursor:pointer;list-style:none;font-weight:800;color:var(--navy);padding:20px 35px 20px 0;position:relative}.faq summary:after{content:"+";position:absolute;right:0;font-size:1.4rem}.faq details[open] summary:after{content:"–"}.faq details p{color:var(--muted);margin:0 0 20px}.download-panel{border-radius:34px;padding:56px;background:linear-gradient(135deg,var(--navy),#07596A);color:white;display:grid;grid-template-columns:1fr auto;gap:32px;align-items:center;overflow:hidden;position:relative}.download-panel:after{content:"";position:absolute;width:280px;height:280px;border-radius:50%;background:rgba(24,191,161,.2);right:-80px;top:-120px}.download-panel h2{color:white;margin-top:0}.download-panel p{color:#CBE4E8}.store-buttons{display:flex;gap:12px;flex-wrap:wrap;position:relative;z-index:1}.store-badge{min-width:172px;background:#fff;color:var(--navy);border-radius:14px;padding:12px 16px;display:flex;align-items:center;gap:10px;font-weight:850}.store-badge small{display:block;font-size:.67rem;color:var(--muted);font-weight:650}.store-badge.disabled{opacity:.82}.site-footer{background:#041F27;color:#C9DADD;padding:70px 0 28px}.footer-grid{display:grid;grid-template-columns:1.4fr repeat(3,1fr);gap:42px}.footer-brand{color:white}.site-footer h2{font-size:.9rem;color:white;letter-spacing:.08em;text-transform:uppercase;margin:0 0 16px}.site-footer a,.site-footer address{display:block;color:#C9DADD;text-decoration:none;margin:9px 0;font-style:normal}.site-footer a:hover{color:white}.footer-bottom{border-top:1px solid rgba(255,255,255,.11);margin-top:45px;padding-top:24px;display:flex;justify-content:space-between;gap:22px;font-size:.82rem;color:#8EAAB1}.small{font-size:.86rem}.muted{color:var(--muted)}
.page-hero{padding:72px 0 48px;background:linear-gradient(180deg,#F2FBF8,#fff)}.page-hero h1{font-size:clamp(2.7rem,5vw,4.8rem);margin-bottom:18px}.page-hero p{max-width:760px;color:var(--muted);font-size:1.1rem}.meta-row{display:flex;flex-wrap:wrap;gap:12px;margin-top:22px}.meta-chip{background:white;border:1px solid var(--line);border-radius:999px;padding:8px 12px;font-size:.82rem}.content-layout{display:grid;grid-template-columns:250px minmax(0,760px);gap:54px;align-items:start;padding:58px 0 96px}.toc{position:sticky;top:104px;border:1px solid var(--line);border-radius:18px;padding:18px;background:#FBFEFD}.toc strong{display:block;color:var(--navy);margin-bottom:8px}.toc a{display:block;text-decoration:none;color:var(--muted);font-size:.88rem;padding:6px 0}.toc a:hover{color:var(--teal)}.legal-content h2{font-size:1.7rem;margin:45px 0 12px;scroll-margin-top:105px}.legal-content h2:first-child{margin-top:0}.legal-content h3{font-size:1.18rem;margin:28px 0 8px}.legal-content p,.legal-content li{color:#425D65}.legal-content ul,.legal-content ol{padding-left:24px}.legal-note{border-left:4px solid var(--gold);background:#FFF9E9;padding:16px 18px;border-radius:0 14px 14px 0}.contact-card{border:1px solid var(--line);border-radius:var(--radius);padding:26px;background:var(--cream)}.form-page{padding:72px 0 96px;background:linear-gradient(180deg,#F2FBF8,#fff 330px)}.form-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:50px;align-items:start}.form-card{background:white;border:1px solid var(--line);border-radius:28px;padding:32px;box-shadow:var(--shadow)}.form-card h2{font-size:1.8rem;margin-top:0}.field{display:grid;gap:7px;margin-bottom:18px}.field label,.field legend{font-weight:800;color:var(--navy);font-size:.92rem}.field input,.field select,.field textarea{width:100%;border:1px solid #C9DDD8;border-radius:12px;padding:13px 14px;font:inherit;color:var(--ink);background:white}.field textarea{min-height:130px;resize:vertical}.field input:focus,.field select:focus,.field textarea:focus{outline:3px solid rgba(24,191,161,.18);border-color:var(--teal)}.check-field{display:flex;align-items:flex-start;gap:10px;margin:18px 0}.check-field input{margin-top:5px}.helper{font-size:.82rem;color:var(--muted)}.notice{border-radius:16px;padding:16px 18px;background:#EAF8F4;color:#275A55;margin:20px 0}.warning{background:#FFF5D9;color:#6C550F}.support-options{display:grid;gap:14px}.support-option{display:block;text-decoration:none;background:white;border:1px solid var(--line);border-radius:18px;padding:20px}.support-option strong{color:var(--navy);display:block}.support-option span{color:var(--muted);font-size:.9rem}.process-list{counter-reset:item;display:grid;gap:16px;padding:0;list-style:none}.process-list li{position:relative;padding-left:48px}.process-list li:before{counter-increment:item;content:counter(item);position:absolute;left:0;width:34px;height:34px;border-radius:12px;background:#DFF7F0;display:grid;place-items:center;font-weight:900;color:var(--navy)}.success-card{max-width:720px;margin:90px auto;text-align:center;border:1px solid var(--line);border-radius:30px;padding:55px;box-shadow:var(--shadow)}.success-icon{width:72px;height:72px;border-radius:50%;display:grid;place-items:center;background:#DFF7F0;color:#0B7D64;font-size:2rem;font-weight:900;margin:0 auto 20px}.not-found{text-align:center;padding:120px 20px}.not-found h1{font-size:6rem;margin:0}.no-js{background:#FFF5D9;padding:10px;text-align:center}
@media (max-width:960px){.hero-grid,.reward-showcase,.privacy-panel,.form-grid{grid-template-columns:1fr}.phone-scene{min-height:540px}.steps{grid-template-columns:repeat(2,1fr)}.feature-grid{grid-template-columns:1fr 1fr}.download-panel{grid-template-columns:1fr}.footer-grid{grid-template-columns:1.5fr 1fr 1fr}.footer-grid>div:last-child{grid-column:1/-1}.content-layout{grid-template-columns:1fr}.toc{position:relative;top:0}.toc a{display:inline-block;margin-right:14px}.form-grid>div:first-child{max-width:720px}}
@media (max-width:760px){.container{width:min(calc(100% - 28px),var(--max))}.menu-toggle{display:block}.main-nav{position:absolute;top:76px;left:14px;right:14px;display:none;flex-direction:column;align-items:stretch;gap:4px;background:white;border:1px solid var(--line);border-radius:18px;padding:12px;box-shadow:var(--shadow)}.main-nav.open{display:flex}.main-nav a{padding:11px 12px}.nav-cta{text-align:center}.hero{padding-top:62px}.hero-grid{gap:36px}.hero h1{font-size:3.25rem}.phone-scene{min-height:490px;transform:scale(.9);margin-inline:-20px}.float-card.one{left:10px}.float-card.two{right:10px}.steps,.feature-grid{grid-template-columns:1fr}.section{padding:72px 0}.voucher-stack{min-height:350px}.voucher{width:88%}.voucher.b{left:36px}.download-panel{padding:34px 24px}.footer-grid{grid-template-columns:1fr 1fr}.footer-grid>div:first-child,.footer-grid>div:last-child{grid-column:1/-1}.footer-bottom{flex-direction:column}.page-hero{padding-top:50px}.content-layout{padding-top:36px}.form-card{padding:24px}.store-buttons{flex-direction:column}.store-badge{width:100%}}
@media (prefers-reduced-motion:no-preference){.btn,.feature-card,.step,.support-option{transition:transform .2s ease,box-shadow .2s ease}.feature-card:hover,.step:hover,.support-option:hover{transform:translateY(-4px);box-shadow:0 18px 40px rgba(6,59,75,.1)}.phone{animation:float 6s ease-in-out infinite}.float-card.one{animation:float2 5s ease-in-out infinite}.float-card.two{animation:float3 6.5s ease-in-out infinite}@keyframes float{50%{transform:rotate(1deg) translateY(-10px)}}@keyframes float2{50%{transform:translateY(-9px) rotate(-1deg)}}@keyframes float3{50%{transform:translateY(10px) rotate(1deg)}}}

/* brand mark backing so the logo face reads on dark surfaces (footer) while staying seamless on light */
.brand img,.mini-brand img{background:#fff;border-radius:24%}

/* Visible keyboard focus for all interactive controls (keyboard users only, via :focus-visible) */
:where(a,button,input,select,textarea,summary,[tabindex]):focus-visible,.menu-toggle:focus-visible{outline:3px solid var(--gold);outline-offset:3px;border-radius:4px}
/* Keep focus visible on dark surfaces (footer, dark section, navy panels) by switching to white */
.site-footer :where(a,button):focus-visible,.section-dark :where(a,button):focus-visible,.download-panel :where(a,button):focus-visible,.privacy-links a:focus-visible{outline-color:#fff}
/* Preserve the existing tinted form-input focus, but add a clearly visible gold ring for keyboard focus */
.field input:focus-visible,.field select:focus-visible,.field textarea:focus-visible{outline:3px solid var(--gold);outline-offset:2px;border-color:var(--teal)}
/* Forced-colours (Windows High Contrast) fallbacks */
@media (forced-colors:active){
  :where(a,button,input,select,textarea,summary,[tabindex]):focus-visible,.menu-toggle:focus-visible{outline:3px solid Highlight;outline-offset:3px}
  .gradient-text{background:none;-webkit-text-fill-color:CanvasText;color:CanvasText;forced-color-adjust:none}
}
