:root{--navy:#00334d;--blue:#0274ab;--cyan:#28c9ea;--sky:#ddf7fd;--ice:#f3fafc;--white:#fff;--ink:#102b39;--muted:#617a86;--line:#d6e7ed;--green:#18a875;--amber:#ffb126;--purple:#6946ed;--shadow:0 22px 60px rgba(0,51,77,.13)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:82px}body{margin:0;color:var(--ink);background:#fff;font-family:"Be Vietnam Pro",Arial,sans-serif;font-size:16px;line-height:1.5;overflow-x:hidden}a{color:inherit;text-decoration:none}button{font:inherit}img{display:block;max-width:100%}.container{width:min(1180px,calc(100% - 40px));margin:auto}.section{padding:64px 0}.kicker{margin:0 0 9px;color:var(--blue);font:800 italic .75rem/1.2 "Montserrat",sans-serif;letter-spacing:.09em;text-transform:uppercase}h1,h2,.display{margin:0;color:var(--navy);font-family:"Montserrat","Be Vietnam Pro",sans-serif;font-style:italic;font-weight:900;letter-spacing:-.04em;line-height:1.08}h1{font-size:clamp(2.45rem,4vw,3.75rem)}h2{font-size:clamp(1.8rem,3vw,2.75rem)}h3,p{margin-top:0}h3{color:var(--navy);line-height:1.25}.lead{max-width:680px;color:var(--muted);font-size:clamp(.96rem,1.2vw,1.1rem)}.heading{max-width:850px;margin-bottom:28px}.heading.center{text-align:center;margin-left:auto;margin-right:auto}.heading.center .lead{margin-left:auto;margin-right:auto}.row{display:flex;align-items:center;flex-wrap:wrap;gap:12px}.btn{min-height:48px;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:0 20px;border:1px solid transparent;border-radius:999px;font-weight:700;transition:.22s ease}.btn:hover{transform:translateY(-2px)}.btn-primary{color:#fff;background:var(--blue);box-shadow:0 12px 26px rgba(2,116,171,.25)}.btn-primary:hover{background:#006697}.btn-outline{color:var(--navy);background:#fff;border-color:var(--line)}.btn-white{color:var(--navy);background:#fff}.reveal{opacity:0;transform:translateY(14px);transition:opacity .5s ease,transform .5s ease}.reveal.visible{opacity:1;transform:none}
header{position:sticky;z-index:50;top:0;background:rgba(255,255,255,.94);border-bottom:1px solid rgba(214,231,237,.85);backdrop-filter:blur(16px)}.nav{height:72px;display:flex;align-items:center;gap:26px}.brand{display:inline-flex;align-items:center;gap:10px;flex:0 0 auto}.brand-mark{width:38px;height:38px;display:grid;place-items:center;color:#fff;border-radius:12px;background:linear-gradient(145deg,var(--navy),var(--blue));font:900 italic 1.08rem "Montserrat";box-shadow:0 8px 20px rgba(0,51,77,.2)}.brand-name{display:block;color:var(--navy);font-weight:800;letter-spacing:.07em;line-height:1}.brand-tag{display:block;margin-top:4px;color:var(--muted);font-size:.63rem}.nav-links{display:flex;align-items:center;gap:25px;margin-left:auto}.nav-links a{color:#405d69;font-size:.88rem;font-weight:650}.nav-links a:hover{color:var(--blue)}.menu{display:none;width:44px;height:44px;border:1px solid var(--line);border-radius:13px;background:#fff;color:var(--navy)}
.hero{position:relative;min-height:590px;display:flex;align-items:center;padding:52px 0 94px;overflow:hidden;background:radial-gradient(circle at 86% 10%,rgba(40,201,234,.23),transparent 27%),linear-gradient(180deg,#f8fdfe,#fff)}.hero:before{content:"";position:absolute;width:680px;height:680px;right:-260px;bottom:-390px;border:1px solid rgba(2,116,171,.12);border-radius:50%;box-shadow:0 0 0 90px rgba(2,116,171,.025),0 0 0 180px rgba(2,116,171,.018)}.hero-grid{position:relative;display:grid;grid-template-columns:1.02fr .98fr;align-items:center;gap:44px}.hero h1{font-size:clamp(2.45rem,4vw,3.7rem)}.hero h1 span{color:var(--blue)}.hero-copy .lead{margin:18px 0 22px}.hero-actions{display:grid;grid-template-columns:1.12fr 1fr;align-items:center;gap:10px;max-width:590px}.hero-actions .btn{padding:0 15px;white-space:nowrap;font-size:clamp(.76rem,1.05vw,.9rem)}.hero-stage{position:relative;aspect-ratio:16/9}.portal{position:absolute;inset:0;padding:16px;border-radius:30px;background:linear-gradient(145deg,var(--navy),var(--blue) 68%,var(--cyan));box-shadow:0 28px 64px rgba(0,51,77,.22);transform:rotate(2deg)}.portal-inner{height:100%;padding:13px;border-radius:22px;background:#f7fcfd;transform:rotate(-2deg);overflow:hidden}.portal-inner img{width:100%;height:100%;object-fit:cover;object-position:center;border-radius:14px}.float-card{position:absolute;z-index:2;padding:10px 14px;border:1px solid rgba(214,231,237,.9);border-radius:14px;background:rgba(255,255,255,.97);box-shadow:var(--shadow);color:var(--navy);font-size:.76rem;font-weight:700}.float-card b{color:var(--blue)}.float-card.one{left:-8px;top:32px}.float-card.two{right:-8px;bottom:24px}.float-card.three{left:18px;bottom:-18px}
.stat-wrap{position:relative;z-index:3;margin-top:-64px}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;padding:10px;border:1px solid rgba(255,255,255,.72);border-radius:26px;background:rgba(255,255,255,.84);box-shadow:var(--shadow);backdrop-filter:blur(12px)}.stat{position:relative;min-height:132px;display:flex;flex-direction:column;justify-content:center;padding:20px 22px;border-radius:19px;overflow:hidden;box-shadow:0 10px 24px rgba(0,51,77,.12)}.stat:after{content:"";position:absolute;width:82px;height:82px;right:-26px;top:-32px;border:18px solid rgba(255,255,255,.13);border-radius:50%}.stat:nth-child(1){background:linear-gradient(135deg,#00334d,#0274ab)}.stat:nth-child(2){background:linear-gradient(135deg,#28c9ea,#0a9fc2)}.stat:nth-child(3){background:linear-gradient(135deg,#0274ab,#24bde0)}.stat:nth-child(4){background:linear-gradient(135deg,#6a45ee,#275daf)}.stat strong{position:relative;z-index:1;display:block;color:#fff;font:900 italic clamp(1.65rem,2.7vw,2.55rem) "Montserrat";line-height:1.05}.stat span{position:relative;z-index:1;margin-top:8px;color:rgba(255,255,255,.9);font-size:.84rem;font-weight:650}
.brands{padding:46px 0 50px;border-bottom:1px solid var(--line);background:#fff}.brands-title{text-align:center;color:#92a2aa;font-size:.76rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase}.brand-cloud{display:grid;grid-template-columns:repeat(8,1fr);align-items:center;gap:22px;margin-top:24px}.brand-cloud span{text-align:center;color:#607782;font-size:1.05rem;font-weight:800;filter:grayscale(1);transition:.2s}.brand-cloud span:hover{color:var(--blue);filter:none}.scenario{background:var(--ice)}.scenario-grid{display:grid;grid-template-columns:.82fr 1.18fr;align-items:center;gap:54px}.scenario-title{max-width:500px}.scenario-title .lead{margin:18px 0 0}.scenario h2{font-size:clamp(1.85rem,3vw,2.75rem)}.scenario h2 span{color:var(--amber)}.scenario-steps{display:grid;gap:26px;padding:24px;border:1px solid var(--line);border-radius:22px;background:#fff;box-shadow:var(--shadow)}.scenario-step{position:relative;display:grid;grid-template-columns:76px 1fr;align-items:center;gap:16px;padding:13px 15px;border:1px solid #e1edf1;border-radius:17px;background:#fbfdfe}.scenario-step:not(:last-child):after{content:"↓";position:absolute;left:47px;bottom:-27px;color:var(--cyan);font-size:1.35rem;font-weight:900}.flow-badge{width:62px;height:62px;display:grid;place-items:center;align-content:center;border-radius:16px;color:#fff;background:linear-gradient(145deg,var(--navy),var(--blue));box-shadow:0 10px 22px rgba(0,51,77,.14)}.flow-badge small{font-size:.56rem;font-weight:800;letter-spacing:.12em}.flow-badge b{font:900 italic 1.15rem/1 "Montserrat"}.scenario-step:nth-child(3) .flow-badge{color:var(--navy);background:linear-gradient(145deg,#ffc557,var(--amber))}.scenario-step strong{display:block;margin-bottom:4px;color:var(--navy);font-size:1rem}.scenario-step p{margin:0;color:var(--muted);font-size:.83rem}
.video-section{background:#fff}.video-shell{padding:12px;border:1px solid var(--line);border-radius:28px;background:#fff;box-shadow:var(--shadow)}.video-shell iframe{display:block;width:100%;aspect-ratio:16/9;border:0;border-radius:19px}.video-note{display:flex;justify-content:space-between;gap:20px;padding:15px 8px 4px;color:var(--muted);font-size:.84rem}.video-note strong{color:var(--navy)}
.member{background:linear-gradient(180deg,#f5fcfd,#fff)}.member.section{padding-bottom:20px}.tiers{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}.tier{position:relative;min-height:270px;padding:22px 18px;border:1px solid var(--line);border-radius:22px;background:#fff;overflow:hidden}.tier.featured{color:#fff;border-color:var(--blue);background:linear-gradient(155deg,var(--blue),var(--navy));transform:translateY(-8px);box-shadow:var(--shadow)}.tier-name{display:inline-flex;padding:6px 10px;border-radius:999px;background:#edf3f5;color:#536b76;font-size:.72rem;font-weight:800;text-transform:uppercase}.featured .tier-name{color:#fff;background:rgba(255,255,255,.15)}.tier h3{margin:30px 0 4px;font-size:1.33rem}.featured h3{color:#fff}.tier .amount{color:var(--blue);font:900 italic 1.58rem "Montserrat"}.featured .amount{color:#75e4f7}.tier small{display:block;color:var(--muted)}.featured small{color:#bed6e0}.tier ul{margin:24px 0 0;padding:0;list-style:none;color:var(--muted);font-size:.8rem}.featured ul{color:#d6e8ee}.tier li+li{margin-top:9px}.tier li:before{content:"✓";margin-right:7px;color:var(--green);font-weight:900}.featured li:before{color:#75e4f7}.new-member{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:18px;margin-top:26px;padding:21px 24px;border-radius:20px;background:var(--sky)}.new-member .big{color:var(--blue);font:900 italic 2rem "Montserrat"}.new-member p{margin:0;color:var(--navy);font-size:.9rem}.detail-toggle{width:100%;display:flex;align-items:center;justify-content:center;gap:9px;margin-top:14px;padding:10px;border:0;color:var(--blue);background:transparent;font-weight:700;cursor:pointer}.detail-toggle i{font-style:normal;transition:.2s}.detail-toggle.open i{transform:rotate(45deg)}.detail-panel{max-height:0;overflow:hidden;transition:max-height .35s ease}.detail-panel.open{max-height:900px}.benefit-card{margin-top:12px;padding:8px;border:1px solid #cfe4eb;border-radius:24px;background:linear-gradient(145deg,#fff,#f3fbfd);box-shadow:0 20px 48px rgba(0,51,77,.11)}.benefit-scroll{overflow:auto;border-radius:17px;scrollbar-color:#8ccde2 #e9f5f8;scrollbar-width:thin}.benefit-scroll:focus-visible{outline:3px solid rgba(40,201,234,.4);outline-offset:3px}.benefit-table{width:100%;min-width:930px;border-collapse:separate;border-spacing:0;background:#fff}.benefit-table th,.benefit-table td{height:62px;padding:11px 14px;border-right:1px solid #dbeaf0;border-bottom:1px solid #dbeaf0;text-align:center;font-size:.8rem;vertical-align:middle}.benefit-table thead th{height:66px;color:#fff;background:#003b58;font-size:.84rem;font-weight:800;letter-spacing:.01em}.benefit-table thead th:not(:first-child){border-top:4px solid transparent}.benefit-table thead th:nth-child(2){border-top-color:#b87333}.benefit-table thead th:nth-child(3){border-top-color:#cbd5dc;background:#064968}.benefit-table thead th:nth-child(4){border-top-color:#ffbd31}.benefit-table thead th:nth-child(5){border-top-color:#79d7ec}.benefit-table thead th:nth-child(6){border-top-color:#7960f5;background:#064968}.benefit-table thead th:first-child{position:sticky;left:0;z-index:3;min-width:220px;text-align:left;background:#002f47}.benefit-table tbody th{position:sticky;left:0;z-index:2;min-width:220px;color:var(--navy);background:#f7fbfc;text-align:left;font-size:.82rem;font-weight:750}.benefit-table tbody tr:nth-child(even) td{background:#fbfdfe}.benefit-table tbody td:nth-child(3){background:#f0faff}.benefit-table tbody tr:nth-child(even) td:nth-child(3){background:#eaf7fc}.benefit-table tbody tr:hover td,.benefit-table tbody tr:hover th{background:#eef9fc}.benefit-table th:last-child,.benefit-table td:last-child{border-right:0}.benefit-table tbody tr:last-child th,.benefit-table tbody tr:last-child td{border-bottom:0}.benefit-table td strong{display:block;color:var(--navy);font-size:.8rem}.benefit-table td small{display:block;margin-top:3px;color:var(--muted);font-size:.7rem}.benefit-icon{width:29px;height:29px;display:inline-grid;place-items:center;margin-right:10px;border-radius:9px;color:var(--blue);background:#def5fb;font-size:.8rem;font-weight:900;vertical-align:middle}.rank-mark{display:inline-block;margin-right:7px;font-size:.72rem}.rank-bronze{color:#d58b48}.rank-silver{color:#d7e2e8}.rank-gold{color:#ffc64a}.rank-platinum{color:#7be4f6}.rank-diamond{color:#9c8cff}.benefit-yes{display:inline-flex;align-items:center;gap:5px;padding:5px 9px;border-radius:999px;color:#087654;background:#e7f8f1;font-weight:800}.benefit-empty{color:#9cafb7;font-weight:700}
.inside{background:#fff}.inside.section{padding-top:28px}.feature-shell{display:grid;grid-template-columns:.78fr 1.22fr;gap:26px;padding:26px;border:1px solid var(--line);border-radius:30px;background:#f8fcfd;box-shadow:0 16px 45px rgba(0,51,77,.08)}.feature-nav{display:grid;align-content:start;gap:9px}.feature-btn{display:grid;grid-template-columns:44px 1fr;gap:13px;align-items:center;width:100%;padding:14px;border:1px solid transparent;border-radius:16px;color:var(--navy);background:transparent;text-align:left;cursor:pointer;transition:.2s}.feature-btn:hover{background:#fff}.feature-btn.active{color:#fff;background:var(--blue);box-shadow:0 12px 26px rgba(2,116,171,.22)}.feature-btn .ico{width:44px;height:44px;display:grid;place-items:center;border-radius:13px;background:var(--sky);color:var(--blue);font-weight:800}.feature-btn.active .ico{background:rgba(255,255,255,.16);color:#fff}.feature-btn strong{display:block}.feature-btn small{display:block;margin-top:2px;opacity:.72}.feature-view{padding:8px}.feature-media{position:relative;aspect-ratio:16/9;border:1px solid #c9e1e9;border-radius:22px;background:linear-gradient(145deg,#e7f7fa,#cdedf4);overflow:hidden}.feature-media img{width:100%;height:100%;object-fit:cover}.placeholder{position:absolute;inset:0;display:grid;place-items:center;padding:26px;text-align:center}.mock{width:83%;padding:10px;border-radius:16px;background:#fff;box-shadow:0 16px 34px rgba(0,51,77,.13)}.mock-top{display:flex;gap:5px;height:14px}.mock-top i{width:6px;height:6px;border-radius:50%;background:#c7d9e0}.mock-body{display:grid;grid-template-columns:25% 1fr;gap:8px;height:150px}.mock-side,.mock-main{border-radius:9px;background:#edf5f7}.mock-main{display:grid;grid-template-rows:34% 1fr;gap:8px;background:transparent}.mock-main i{border-radius:9px;background:#ddf7fd}.mock-main span{border-radius:9px;background:#e8f0f3}.placeholder small{display:block;margin-top:12px;color:var(--muted);font-weight:600}.feature-copy{padding:22px 5px 4px}.feature-copy h3{margin-bottom:7px;font-size:1.45rem}.feature-copy p{margin:0;color:var(--muted)}.quick-points{display:flex;flex-wrap:wrap;gap:8px;margin-top:15px}.quick-points span{padding:8px 11px;border-radius:999px;color:var(--navy);background:var(--sky);font-size:.78rem;font-weight:600}
.mai{background:linear-gradient(180deg,#fff,#f8fcfd)}.split{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:52px}.app-shot{position:relative;aspect-ratio:16/9;padding:14px;border:1px solid var(--line);border-radius:24px;background:#fff;box-shadow:var(--shadow);overflow:hidden}.app-shot img{width:100%;height:100%;object-fit:cover;border-radius:14px}.number-list{display:grid;gap:10px;margin:24px 0}.number-list div{display:flex;align-items:center;gap:12px;color:var(--navy);font-weight:650}.number-list b{width:28px;height:28px;display:grid;place-items:center;border-radius:50%;color:var(--purple);background:#eee9ff;font-size:.8rem}.role-note{padding:17px 19px;border-left:4px solid var(--purple);background:#f1edff;color:var(--navy);font-size:.9rem}
.testimonials{background:var(--ice)}.testimonial-grid{display:grid;grid-template-columns:.9fr 1.1fr;align-items:center;gap:36px}.feedback-art{position:relative;aspect-ratio:1.12/1;border:10px solid #fff;border-radius:24px;background:#fff;box-shadow:var(--shadow);overflow:hidden}.feedback-art img{width:100%;height:100%;object-fit:contain}.quotes{display:grid;gap:12px}.quote{padding:19px;border:1px solid var(--line);border-radius:17px;background:#fff}.quote-head{display:flex;justify-content:space-between;gap:16px}.quote strong{color:var(--navy)}.quote em{color:#ffab17;font-style:normal;letter-spacing:.08em}.quote p{margin:8px 0 0;color:var(--muted);font-size:.86rem}
.faq{background:#fff}.faq-list{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.faq-item{border:1px solid var(--line);border-radius:18px;background:#fff;overflow:hidden}.faq-q{width:100%;display:grid;grid-template-columns:1fr 30px;gap:16px;align-items:center;padding:19px;border:0;background:transparent;color:var(--navy);text-align:left;font-weight:700;cursor:pointer}.faq-q i{width:30px;height:30px;display:grid;place-items:center;border-radius:50%;background:var(--ice);font-style:normal;transition:.2s}.faq-item.open .faq-q i{transform:rotate(45deg)}.faq-a{max-height:0;overflow:hidden;transition:max-height .3s ease}.faq-a p{margin:0;padding:0 19px 20px;color:var(--muted);font-size:.88rem}.faq-item.open .faq-a{max-height:220px}
.signup{color:#fff;background:var(--navy)}.signup h2{color:#fff}.signup .lead{color:#c8dee6}.process{position:relative;display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:42px}.process:before{content:"";position:absolute;left:9%;right:9%;top:34px;height:2px;background:#176b8f}.process-step{position:relative;text-align:center}.process-icon{position:relative;z-index:2;width:68px;height:68px;display:grid;place-items:center;margin:0 auto 20px;border:5px solid #359dc8;border-radius:50%;color:#fff;background:#0c84bb;font:900 italic 1.1rem "Montserrat"}.process-step:first-child .process-icon{color:var(--navy);border-color:var(--amber);background:#fff}.process-step h3{margin-bottom:8px;color:#fff;font-size:1.05rem}.process-step p{margin:0;color:#c9dee6;font-size:.84rem}.process-step a{display:inline-flex;margin-top:15px;color:var(--amber);font-size:.8rem;font-weight:700}
.resources{background:#fff}.resource-showcase{display:grid;grid-template-columns:.88fr 1.12fr;align-items:center;gap:38px}.resource-copy .lead{margin:16px 0 22px}.download-proof{margin-top:16px;color:var(--muted);font-size:.84rem}.doc-gallery{display:grid;grid-template-columns:repeat(4,1fr);align-items:center;gap:10px;min-height:300px}.doc-gallery img{width:100%;aspect-ratio:3/4;object-fit:contain;border-radius:10px;filter:drop-shadow(0 18px 22px rgba(0,51,77,.18));transition:.25s}.doc-gallery img:nth-child(2){transform:translateY(-12px)}.doc-gallery img:nth-child(3){transform:translateY(10px)}.doc-gallery img:nth-child(4){transform:translateY(-6px)}.doc-gallery img:hover{transform:translateY(-8px) scale(1.02)}
.final{padding:58px 0;color:#fff;background:#002f47}.final-card{display:grid;grid-template-columns:.92fr 1.08fr;align-items:center;gap:36px;padding:40px 46px;border:1px solid rgba(255,255,255,.13);border-radius:26px;background:linear-gradient(120deg,#0783bb,#174c5a);overflow:hidden}.final h2{color:#fff}.final p{margin:12px 0 22px;color:#d6ecf3}.screen{position:relative;aspect-ratio:16/9;padding:10px;border:9px solid #142638;border-radius:15px;background:#fff;box-shadow:0 24px 48px rgba(0,0,0,.22)}.screen img{width:100%;height:100%;object-fit:cover;border-radius:4px}.screen:after{content:"";position:absolute;width:92px;height:30px;left:50%;bottom:-39px;transform:translateX(-50%);border-radius:0 0 9px 9px;background:#243846}
footer{padding:54px 0 34px;color:#c1d5dd;background:#002c41;border-top:1px solid rgba(255,255,255,.1)}.footer-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:44px;padding-top:6px}.footer-about{max-width:340px}.footer-grid h3{margin:5px 0 18px;color:var(--amber);font-size:1rem}.footer-grid .brand-name{color:#fff}.footer-grid p,.footer-grid a,.footer-grid span{font-size:.84rem}.footer-links{display:grid;gap:11px}.footer-links a{transition:.2s}.footer-links a:hover{color:#fff;transform:translateX(3px)}.social-link{width:40px;height:40px;display:grid;place-items:center;margin-top:14px;border-radius:50%;color:#fff;background:#40596b;font-weight:800}.footline{display:flex;justify-content:center;gap:8px;margin-top:40px;padding-top:22px;border-top:1px solid rgba(255,255,255,.1);color:#728d9a;font-size:.74rem}.footline span+span:before{content:"·";margin-right:8px}.mobile-cta{position:fixed;z-index:45;left:12px;right:12px;bottom:12px;display:none;grid-template-columns:1fr 1.4fr;gap:8px;padding:8px;border:1px solid var(--line);border-radius:18px;background:rgba(255,255,255,.96);box-shadow:0 16px 40px rgba(0,51,77,.22);backdrop-filter:blur(12px)}.mobile-cta .btn{min-height:45px;padding:0 11px;font-size:.84rem}
.policy-hero{padding:62px 0 44px;background:linear-gradient(145deg,var(--navy),#075f84);color:#fff}.policy-hero h1{color:#fff;font-size:clamp(2.2rem,4vw,3.6rem)}.policy-hero p{max-width:720px;margin:14px 0 0;color:#cce4ed}.policy-layout{display:grid;grid-template-columns:280px 1fr;align-items:start;gap:38px}.policy-toc{position:sticky;top:94px;padding:20px;border:1px solid var(--line);border-radius:20px;background:#fff}.policy-toc strong{display:block;margin-bottom:12px;color:var(--navy)}.policy-toc a{display:block;padding:8px 0;color:var(--muted);font-size:.82rem}.policy-toc a:hover{color:var(--blue)}.policy-doc{min-width:0}.policy-doc section{scroll-margin-top:95px;margin-bottom:42px}.policy-doc h2{font-size:clamp(1.65rem,2.7vw,2.35rem);margin-bottom:20px}.policy-doc h3{margin:26px 0 11px;font-size:1.15rem}.policy-doc p,.policy-doc li{color:#4c6874}.policy-doc li+li{margin-top:9px}.policy-doc blockquote{margin:20px 0;padding:16px 18px;border-left:4px solid var(--cyan);background:var(--sky)}.table-wrap{overflow:auto;margin:18px 0}.policy-doc table{width:100%;min-width:720px;border-collapse:collapse}.policy-doc th,.policy-doc td{padding:12px 11px;border:1px solid var(--line);text-align:left;vertical-align:top;font-size:.85rem}.policy-doc th{color:#fff;background:var(--navy)}.policy-doc tr:nth-child(even) td{background:#f8fcfd}
@media(max-width:1020px){.nav-links{display:none;position:absolute;left:20px;right:20px;top:66px;padding:18px;border:1px solid var(--line);border-radius:18px;background:#fff;box-shadow:var(--shadow)}.nav-links.open{display:grid;gap:13px}.menu{display:grid;place-items:center;margin-left:auto}.nav>.btn{display:none}.hero-grid,.scenario-grid,.split,.testimonial-grid,.resource-showcase,.final-card{grid-template-columns:1fr}.hero-copy{text-align:center}.hero-copy .lead{margin-left:auto;margin-right:auto}.hero-actions{margin-left:auto;margin-right:auto}.hero-stage{max-width:690px;width:100%;margin:auto}.scenario-title{max-width:760px}.brand-cloud{grid-template-columns:repeat(4,1fr)}.tiers{grid-template-columns:repeat(3,1fr)}.tier.featured{transform:none}.process{grid-template-columns:repeat(2,1fr);gap:30px 20px}.process:before{display:none}.feature-shell{grid-template-columns:1fr}.feature-nav{grid-template-columns:repeat(4,1fr)}.feature-btn{grid-template-columns:1fr;text-align:center}.feature-btn .ico{margin:auto}.final-card{padding:36px}.policy-layout{grid-template-columns:1fr}.policy-toc{position:static;display:grid;grid-template-columns:repeat(2,1fr)}}
@media(max-width:720px){.container{width:min(100% - 28px,1180px)}.section{padding:52px 0}h1{font-size:clamp(2.2rem,10vw,3rem)}h2{font-size:clamp(1.65rem,7.5vw,2.25rem)}.hero{min-height:0;padding:46px 0 88px}.hero-grid{gap:38px}.hero h1{font-size:clamp(2.2rem,10vw,3rem)}.hero-actions{width:100%;grid-template-columns:1.12fr 1fr;gap:7px}.hero-actions .btn{min-height:46px;padding:0 9px;font-size:.7rem}.hero-stage{aspect-ratio:16/10}.portal{border-radius:24px;padding:11px}.portal-inner{padding:8px;border-radius:18px}.float-card{padding:8px 10px;font-size:.68rem}.float-card.one{left:-2px;top:20px}.float-card.two{right:-3px;bottom:18px}.float-card.three{left:12px;bottom:-12px}.stat-wrap{margin-top:-50px}.stats{grid-template-columns:repeat(2,1fr);gap:8px;padding:8px}.stat{min-height:104px;padding:14px}.stat strong{font-size:1.5rem}.stat span{font-size:.7rem}.brands{padding:42px 0}.brand-cloud{grid-template-columns:repeat(2,1fr);gap:18px;margin-top:20px}.scenario-grid{gap:24px}.scenario h2{font-size:clamp(1.7rem,7.2vw,2.2rem)}.scenario-steps{grid-template-columns:1fr;gap:30px;padding:18px}.scenario-step{grid-template-columns:68px 1fr;padding:12px}.scenario-step:not(:last-child):after{content:"↓";left:40px;right:auto;top:auto;bottom:-29px;font-size:1.3rem}.flow-badge{width:56px;height:56px}.video-note{display:block}.tiers{display:flex;overflow:auto;scroll-snap-type:x mandatory;padding:8px 1px 18px}.tier{min-width:78vw;scroll-snap-align:center}.new-member{grid-template-columns:1fr;text-align:center}.new-member .btn{width:100%}.feature-nav{display:flex;overflow:auto;padding-bottom:6px}.feature-btn{min-width:145px}.feature-media{border-radius:16px}.mock-body{height:100px}.testimonial-grid{gap:26px}.feedback-art{min-height:0}.faq-list{grid-template-columns:1fr}.process{grid-template-columns:1fr}.process-step{display:grid;grid-template-columns:60px 1fr;gap:0 14px;text-align:left}.process-icon{grid-row:1/4;width:60px;height:60px;margin:0}.process-step a{justify-self:start}.doc-gallery{grid-template-columns:repeat(2,1fr);gap:12px;min-height:0}.doc-gallery img:nth-child(n){transform:none}.final{padding:50px 0}.final-card{padding:30px 22px}.screen:after{display:none}.footer-grid{grid-template-columns:1fr;gap:30px}.footline{display:flex;flex-wrap:wrap;justify-content:flex-start;margin-top:30px}.mobile-cta{display:grid}footer{padding-bottom:104px}.policy-toc{display:block}.policy-doc ul,.policy-doc ol{padding-left:22px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{opacity:1;transform:none;transition:none}.btn,.brand-cloud span{transition:none}}

/* Continuous logo marquee synced with the official VARIN brand list */
.brands{padding:38px 0 42px;overflow:hidden}.logo-marquee{margin-top:25px;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent);mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent)}.logo-track{display:flex;width:max-content;will-change:transform;animation:brand-scroll 45s linear infinite}.logo-set{display:flex;align-items:center;gap:52px;padding-right:52px}.logo-set img{width:132px;height:54px;flex:0 0 auto;object-fit:contain;filter:none;opacity:1;transition:transform .2s ease}.logo-set img:hover{transform:scale(1.06)}@keyframes brand-scroll{to{transform:translateX(-50%)}}
@media(max-width:1020px){.logo-track{animation-duration:38s}}
@media(max-width:720px){.brands{padding:34px 0 36px}.logo-marquee{margin-top:20px}.logo-track{animation-duration:32s}.logo-set{gap:34px;padding-right:34px}.logo-set img{width:108px;height:44px}}
@media(prefers-reduced-motion:reduce){.logo-set img{transition:none}.logo-track{animation:none}.logo-marquee{overflow-x:auto;-webkit-mask-image:none;mask-image:none}}

/* Liquid-glass treatment for the three-step VARIN flow */
.scenario{position:relative;overflow:hidden;background:radial-gradient(circle at 10% 12%,rgba(255,183,50,.2),transparent 26%),radial-gradient(circle at 88% 80%,rgba(106,69,238,.17),transparent 31%),linear-gradient(145deg,#f8fbfc 0%,#e7f5f9 55%,#f4f0ff 100%)}.scenario:before,.scenario:after{content:"";position:absolute;border-radius:50%;filter:blur(16px);pointer-events:none}.scenario:before{width:280px;height:280px;right:8%;top:-150px;background:rgba(40,201,234,.22)}.scenario:after{width:230px;height:230px;left:36%;bottom:-150px;background:rgba(106,69,238,.14)}.scenario-grid{position:relative;z-index:1}.scenario-steps{position:relative;isolation:isolate;gap:22px;padding:28px;border:1px solid rgba(255,255,255,.82);border-radius:34px;background:linear-gradient(145deg,rgba(255,255,255,.63),rgba(235,249,252,.38));box-shadow:inset 0 1px 0 rgba(255,255,255,.96),inset 0 -1px 0 rgba(255,255,255,.35),0 28px 70px rgba(0,51,77,.16);backdrop-filter:blur(28px) saturate(165%);-webkit-backdrop-filter:blur(28px) saturate(165%)}.scenario-steps:before{content:"";position:absolute;z-index:-1;width:210px;height:210px;right:-35px;top:18px;border-radius:50%;background:radial-gradient(circle,rgba(40,201,234,.42),rgba(106,69,238,.12) 48%,transparent 70%);filter:blur(18px);animation:glass-glow 7s ease-in-out infinite alternate}.scenario-step{grid-template-columns:82px 1fr;gap:18px;padding:17px 18px;border:1px solid rgba(255,255,255,.88);border-radius:24px;background:linear-gradient(135deg,rgba(255,255,255,.78),rgba(255,255,255,.46));box-shadow:inset 0 1px 0 rgba(255,255,255,.96),0 14px 30px rgba(0,51,77,.1),8px 10px 24px rgba(106,69,238,.07);backdrop-filter:blur(16px) saturate(145%);-webkit-backdrop-filter:blur(16px) saturate(145%);transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease}.scenario-step:hover{transform:translateY(-3px);border-color:rgba(40,201,234,.62);box-shadow:inset 0 1px 0 #fff,0 18px 38px rgba(0,51,77,.14),10px 12px 30px rgba(106,69,238,.1)}.flow-badge{width:66px;height:66px;border:1px solid rgba(255,255,255,.82);border-radius:20px;background:linear-gradient(145deg,rgba(0,51,77,.96),rgba(2,116,171,.85));box-shadow:inset 0 1px 0 rgba(255,255,255,.25),0 10px 22px rgba(2,116,171,.28),10px 10px 26px rgba(40,201,234,.18);backdrop-filter:blur(14px)}.scenario-step:nth-child(2) .flow-badge{background:linear-gradient(145deg,rgba(2,116,171,.94),rgba(40,201,234,.84));box-shadow:inset 0 1px 0 rgba(255,255,255,.32),0 10px 24px rgba(40,201,234,.3),9px 10px 26px rgba(106,69,238,.13)}.scenario-step:nth-child(3) .flow-badge{background:linear-gradient(145deg,rgba(255,197,87,.98),rgba(255,169,30,.9));box-shadow:inset 0 1px 0 rgba(255,255,255,.55),0 10px 24px rgba(255,169,30,.28),9px 10px 26px rgba(106,69,238,.11)}.scenario-step:not(:last-child):after{content:"↓";left:49px;bottom:-25px;width:28px;height:28px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.82);border-radius:50%;color:var(--cyan);background:rgba(255,255,255,.74);box-shadow:0 6px 14px rgba(2,116,171,.13);font-size:1rem;line-height:1;backdrop-filter:blur(10px)}.scenario-step strong{font-size:1.02rem}.scenario-step p{font-size:.86rem}@keyframes glass-glow{from{transform:translate3d(0,0,0) scale(.92);opacity:.65}to{transform:translate3d(-30px,35px,0) scale(1.1);opacity:1}}
@media(max-width:720px){.scenario-steps{gap:27px;padding:16px;border-radius:26px}.scenario-step{grid-template-columns:68px 1fr;gap:13px;padding:14px;border-radius:20px}.flow-badge{width:58px;height:58px;border-radius:17px}.scenario-step:not(:last-child):after{left:35px;bottom:-28px}.scenario-step strong{font-size:.94rem}.scenario-step p{font-size:.8rem}}
@media(prefers-reduced-motion:reduce){.scenario-steps:before{animation:none}.scenario-step{transition:none}}

/* Liquid glass v2 — VARIN palette only: #0274AB and #00334D */
.scenario{color:#fff;background:radial-gradient(circle at 8% 18%,rgba(2,116,171,.62),transparent 31%),radial-gradient(circle at 90% 82%,rgba(2,116,171,.48),transparent 30%),linear-gradient(135deg,#00334D 0%,#001f2f 52%,#00334D 100%)}.scenario:before{width:360px;height:360px;right:-70px;top:-170px;border:1px solid rgba(255,255,255,.16);background:rgba(2,116,171,.32);filter:blur(30px)}.scenario:after{width:310px;height:310px;left:27%;bottom:-210px;border:1px solid rgba(255,255,255,.12);background:rgba(2,116,171,.27);filter:blur(34px)}.scenario-title .kicker{color:#8edcff}.scenario h2,.scenario-title h2{color:#fff;text-shadow:0 8px 28px rgba(0,0,0,.18)}.scenario h2 span{color:#fff;text-decoration:underline;text-decoration-color:#0274AB;text-decoration-thickness:7px;text-underline-offset:5px}.scenario-title .lead{color:rgba(255,255,255,.74)}.scenario-steps{overflow:hidden;gap:24px;padding:28px;border:1px solid rgba(255,255,255,.34);border-radius:38px;background:linear-gradient(145deg,rgba(255,255,255,.16),rgba(255,255,255,.055));box-shadow:inset 0 2px 1px rgba(255,255,255,.42),inset 0 -2px 1px rgba(0,51,77,.52),0 34px 75px rgba(0,0,0,.32),0 0 65px rgba(2,116,171,.18);backdrop-filter:blur(34px) saturate(185%);-webkit-backdrop-filter:blur(34px) saturate(185%)}.scenario-steps:before{z-index:0;width:280px;height:280px;right:-70px;top:-65px;background:radial-gradient(circle,rgba(2,116,171,.76) 0%,rgba(2,116,171,.25) 47%,transparent 72%);filter:blur(25px);animation:varin-refract 8s ease-in-out infinite alternate}.scenario-steps:after{content:"";position:absolute;z-index:0;left:8%;right:8%;top:0;height:2px;border-radius:999px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.88),transparent);box-shadow:0 2px 18px rgba(255,255,255,.45)}.scenario-step{z-index:1;grid-template-columns:84px 1fr;gap:19px;padding:18px 20px;border:1px solid rgba(255,255,255,.38);border-radius:27px;background:linear-gradient(132deg,rgba(255,255,255,.28) 0%,rgba(255,255,255,.11) 42%,rgba(2,116,171,.2) 100%);box-shadow:inset 2px 2px 1px rgba(255,255,255,.4),inset -2px -2px 1px rgba(0,51,77,.24),0 18px 38px rgba(0,0,0,.23),0 0 30px rgba(2,116,171,.12);backdrop-filter:blur(25px) saturate(190%);-webkit-backdrop-filter:blur(25px) saturate(190%)}.scenario-step:before{content:"";position:absolute;z-index:-1;left:8%;right:8%;top:0;height:1px;border-radius:999px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.9),transparent)}.scenario-step:hover{border-color:rgba(255,255,255,.58);box-shadow:inset 2px 2px 1px rgba(255,255,255,.5),inset -2px -2px 1px rgba(0,51,77,.22),0 23px 46px rgba(0,0,0,.3),0 0 34px rgba(2,116,171,.24)}.flow-badge,.scenario-step:nth-child(2) .flow-badge,.scenario-step:nth-child(3) .flow-badge{width:68px;height:68px;color:#fff;border:1px solid rgba(255,255,255,.46);border-radius:22px;background:linear-gradient(145deg,rgba(2,116,171,.88),rgba(0,51,77,.42));box-shadow:inset 2px 2px 2px rgba(255,255,255,.34),inset -2px -2px 2px rgba(0,51,77,.34),0 15px 28px rgba(0,0,0,.25),0 0 28px rgba(2,116,171,.34);backdrop-filter:blur(18px) saturate(180%);-webkit-backdrop-filter:blur(18px) saturate(180%)}.scenario-step:nth-child(2) .flow-badge{background:linear-gradient(145deg,rgba(2,116,171,.98),rgba(2,116,171,.45))}.scenario-step:nth-child(3) .flow-badge{background:linear-gradient(145deg,rgba(0,51,77,.96),rgba(2,116,171,.52))}.scenario-step strong{color:#fff;font-size:1.04rem;text-shadow:0 3px 12px rgba(0,0,0,.18)}.scenario-step p{color:rgba(255,255,255,.76);font-size:.87rem}.scenario-step:not(:last-child):after{z-index:3;left:50px;bottom:-27px;color:#fff;border:1px solid rgba(255,255,255,.42);background:linear-gradient(145deg,rgba(255,255,255,.27),rgba(2,116,171,.22));box-shadow:inset 1px 1px 0 rgba(255,255,255,.48),0 8px 20px rgba(0,0,0,.23);backdrop-filter:blur(16px)}@keyframes varin-refract{from{transform:translate3d(0,0,0) scale(.9);opacity:.68}to{transform:translate3d(-70px,70px,0) scale(1.18);opacity:1}}
@media(max-width:720px){.scenario-steps{padding:16px;border-radius:28px}.scenario-step{grid-template-columns:68px 1fr;gap:13px;padding:14px;border-radius:22px}.flow-badge,.scenario-step:nth-child(2) .flow-badge,.scenario-step:nth-child(3) .flow-badge{width:58px;height:58px;border-radius:18px}.scenario-step:not(:last-child):after{left:36px}.scenario h2 span{text-decoration-thickness:5px}}
@media(prefers-reduced-motion:reduce){.scenario-steps:before{animation:none}}

/* Keep the scenario message compact and easy to scan. */
.scenario-grid{grid-template-columns:1fr 1.15fr;gap:46px}
.scenario-title{max-width:550px}
.scenario h2{font-size:clamp(1.55rem,2.25vw,2.15rem);line-height:1.13}
@media(max-width:1020px){.scenario-grid{grid-template-columns:1fr}.scenario-title{max-width:760px}}
@media(max-width:720px){.scenario h2{font-size:clamp(1.55rem,7vw,1.9rem);line-height:1.12}}

/* Liquid glass v3 — lighter, airy treatment */
.scenario{color:#00334D;background:radial-gradient(circle at 8% 10%,rgba(2,116,171,.24),transparent 30%),radial-gradient(circle at 90% 84%,rgba(2,116,171,.2),transparent 31%),linear-gradient(145deg,#f8fdff 0%,#e9f6fb 54%,#f7fbfd 100%)}.scenario:before{width:330px;height:330px;right:-55px;top:-165px;border:1px solid rgba(255,255,255,.58);background:rgba(2,116,171,.18);filter:blur(30px)}.scenario:after{width:300px;height:300px;left:28%;bottom:-205px;border:1px solid rgba(255,255,255,.5);background:rgba(2,116,171,.13);filter:blur(34px)}.scenario-title .kicker{color:#0274AB}.scenario h2,.scenario-title h2{color:#00334D;text-shadow:none}.scenario h2 span{color:#0274AB;text-decoration-color:rgba(2,116,171,.24);text-decoration-thickness:7px}.scenario-title .lead{color:#58727e}.scenario-steps{border:1px solid rgba(255,255,255,.88);background:linear-gradient(145deg,rgba(255,255,255,.54),rgba(255,255,255,.24));box-shadow:inset 0 2px 1px rgba(255,255,255,.98),inset 0 -2px 1px rgba(2,116,171,.08),0 26px 65px rgba(0,51,77,.14),0 0 48px rgba(2,116,171,.08);backdrop-filter:blur(34px) saturate(175%);-webkit-backdrop-filter:blur(34px) saturate(175%)}.scenario-steps:before{background:radial-gradient(circle,rgba(2,116,171,.33) 0%,rgba(2,116,171,.12) 48%,transparent 72%);filter:blur(24px)}.scenario-steps:after{background:linear-gradient(90deg,transparent,rgba(255,255,255,1),transparent);box-shadow:0 2px 16px rgba(255,255,255,.7)}.scenario-step{border:1px solid rgba(255,255,255,.94);background:linear-gradient(132deg,rgba(255,255,255,.72) 0%,rgba(255,255,255,.39) 48%,rgba(2,116,171,.11) 100%);box-shadow:inset 2px 2px 1px rgba(255,255,255,1),inset -2px -2px 1px rgba(2,116,171,.08),0 15px 34px rgba(0,51,77,.12),0 0 26px rgba(2,116,171,.08);backdrop-filter:blur(24px) saturate(180%);-webkit-backdrop-filter:blur(24px) saturate(180%)}.scenario-step:before{background:linear-gradient(90deg,transparent,rgba(255,255,255,1),transparent)}.scenario-step:hover{border-color:#fff;box-shadow:inset 2px 2px 1px #fff,inset -2px -2px 1px rgba(2,116,171,.1),0 19px 40px rgba(0,51,77,.16),0 0 30px rgba(2,116,171,.13)}.flow-badge,.scenario-step:nth-child(2) .flow-badge,.scenario-step:nth-child(3) .flow-badge{color:#fff;border:1px solid rgba(255,255,255,.74);background:linear-gradient(145deg,rgba(2,116,171,.98),rgba(0,51,77,.78));box-shadow:inset 2px 2px 2px rgba(255,255,255,.3),inset -2px -2px 2px rgba(0,51,77,.25),0 13px 27px rgba(0,51,77,.2),0 0 24px rgba(2,116,171,.19)}.scenario-step:nth-child(2) .flow-badge{background:linear-gradient(145deg,#0274AB,rgba(2,116,171,.62))}.scenario-step:nth-child(3) .flow-badge{background:linear-gradient(145deg,#00334D,rgba(2,116,171,.74))}.scenario-step strong{color:#00334D;text-shadow:none}.scenario-step p{color:#617b87}.scenario-step:not(:last-child):after{color:#0274AB;border:1px solid rgba(255,255,255,.9);background:linear-gradient(145deg,rgba(255,255,255,.86),rgba(2,116,171,.12));box-shadow:inset 1px 1px 0 #fff,0 7px 17px rgba(0,51,77,.13)}
