:root{--ink:#102033;--navy:#0c1b2a;--navy-2:#16324a;--teal:#1aa6a0;--teal-deep:#127a76;--gold:#c8922a;--paper:#f3efe6;--paper-2:#e7e1d4;--white:#fffcf7;--muted:#5d6b78;--line:#1020331f;--shadow:0 18px 50px #0c1b2a1f;--radius:18px;--max:1120px;--header:76px;--product-media-ratio:16 / 10;--font-body:"Montserrat", sans-serif;--font-heading:"Poppins", sans-serif;--font-accent:"Eczar", serif;--font-ui:"Rubik", sans-serif}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth}body{color:var(--ink);background:var(--paper);font-family:var(--font-body);-webkit-font-smoothing:antialiased;margin:0;line-height:1.6}#root{min-height:100vh}img,svg{max-width:100%;display:block}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}h1,h2,h3,h4{font-family:var(--font-heading);letter-spacing:-1px;margin:0 0 .6em;line-height:1.15}p{margin:0 0 1em}p:last-child{margin-bottom:0}.skip-link{background:var(--teal);color:var(--navy);z-index:100;padding:8px 12px;position:absolute;top:-40px;left:12px}.skip-link:focus{top:12px}.wrap{width:min(var(--max), calc(100% - 40px));margin-inline:auto}.eyebrow{color:var(--teal-deep);letter-spacing:.14em;text-transform:uppercase;align-items:center;gap:10px;margin-bottom:12px;font-size:.78rem;font-weight:700;display:inline-flex}.eyebrow:before{content:"";background:var(--gold);width:22px;height:2px}.lead{color:var(--muted);max-width:62ch;font-size:1.15rem}.btn{font-family:var(--font-body);cursor:pointer;border:0;border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:13px 22px;font-weight:600;transition:transform .28s,background .28s,color .28s,box-shadow .28s;display:inline-flex}.btn:hover{transform:translateY(-3px);box-shadow:0 12px 28px #0c1b2a29}.btn-primary{background:var(--teal);color:var(--navy)}.btn-primary:hover{background:#23c4bd}.btn-ghost{color:var(--white);background:0 0;border:1px solid #fffcf747}.btn-ghost:hover{background:#fffcf714}.btn-dark{background:var(--navy);color:var(--white)}.section{padding:88px 0}.section-head{max-width:680px;margin-bottom:40px}.section-head h2{font-size:clamp(2rem,4vw,3rem)}.grid{gap:20px;display:grid}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-2{grid-template-columns:repeat(2,1fr)}.card{background:var(--white);border:1px solid var(--line);border-radius:var(--radius);padding:28px;transition:transform .35s,box-shadow .35s,border-color .35s}.card:hover{box-shadow:var(--shadow);border-color:#1aa6a059;transform:translateY(-6px)}.card h3{font-size:1.25rem}.site-header{z-index:40;height:var(--header);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#0c1b2aeb;border-bottom:1px solid #fffcf714;transition:height .3s,box-shadow .3s,background .3s;position:sticky;top:0}.site-header.is-scrolled{height:64px;box-shadow:0 10px 30px #0c1b2a38}.header-inner{justify-content:space-between;align-items:center;gap:24px;height:100%;display:flex}.logo{flex-shrink:0;align-items:center;display:flex}.logo-mark{width:auto;height:46px;transition:height .3s;display:block}.site-header.is-scrolled .logo-mark{height:40px}.nav{align-items:center;gap:6px;display:flex}.nav a,.nav-btn{color:#fffcf7d1;cursor:pointer;font-family:var(--font-body);background:0 0;border:0;border-radius:999px;padding:8px 12px;font-size:15px;font-weight:500;transition:color .25s,background .25s}.nav a:hover,.nav a.active,.nav-btn:hover{color:var(--white);background:#fffcf714}.nav-drop{position:relative}.nav-menu{background:var(--white);min-width:200px;color:var(--ink);box-shadow:var(--shadow);opacity:0;visibility:hidden;pointer-events:none;border-radius:14px;padding:8px;transition:opacity .22s,transform .22s,visibility .22s;display:grid;position:absolute;top:calc(100% + 8px);left:0;transform:translateY(8px)}.nav-drop:hover .nav-menu,.nav-drop:focus-within .nav-menu{opacity:1;visibility:visible;pointer-events:auto;transform:none}.nav-menu-wide{min-width:280px}.nav-menu a{color:var(--ink);border-radius:10px;gap:2px;padding:10px 12px;display:grid}.nav-menu small{font-family:var(--font-body);color:var(--muted);font-size:.72rem;font-weight:500;line-height:1.35}.menu-toggle{width:42px;height:42px;color:var(--white);background:0 0;border:1px solid #fffcf733;border-radius:10px;display:none}.hero,.page-hero{position:relative;overflow:hidden}.hero{color:var(--white);background:radial-gradient(circle at 85% 15%,#1aa6a047,#0000 32%),linear-gradient(160deg,#0c1b2a 0%,#16324a 55%,#0c1b2a 100%);padding:92px 0 80px}.hero-orb{filter:blur(8px);pointer-events:none;border-radius:50%;animation:10s ease-in-out infinite float;position:absolute}.hero-orb-a{background:#1aa6a038;width:280px;height:280px;top:-60px;right:-40px}.hero-orb-b{background:#c8922a29;width:180px;height:180px;animation-delay:-3s;bottom:-50px;left:8%}.hero-grid{grid-template-columns:1.15fr .85fr;align-items:center;gap:48px;display:grid}.hero h1{max-width:16ch;font-size:clamp(2.4rem,6vw,4.4rem)}.hero-carousel-bar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;margin-top:40px;display:flex}.hero-carousel-index{color:#fffcf79e;font-family:var(--font-ui);letter-spacing:.04em;margin:0}.hero-carousel-index strong{color:var(--white)}.hero-carousel-name{color:#7ee0db;margin-left:12px}.hero-dots{align-items:center;gap:8px;display:flex}.hero-dot{cursor:pointer;background:#fffcf747;border:0;border-radius:999px;width:8px;height:8px;padding:0;transition:width .3s,background .3s}.hero-dot.is-active{background:var(--teal);width:28px}.hero-arrows{gap:8px;display:flex}.hero-arrow{width:42px;height:42px;color:var(--white);cursor:pointer;background:#fffcf70f;border:1px solid #fffcf72e;border-radius:999px}.hero-arrow:hover{color:#7ee0db;border-color:#7ee0dbb3}.hero .lead{color:#fffcf7c7}.hero-actions{flex-wrap:wrap;gap:12px;margin-top:28px;display:flex}.hero-panel{background:#fffcf70f;border:1px solid #fffcf71f;border-radius:24px;padding:28px;animation:7s ease-in-out infinite float}.hero-stat{border-bottom:1px solid #fffcf71a;padding:16px 0}.hero-stat:last-child{border-bottom:0;padding-bottom:0}.hero-stat strong{font-family:var(--font-ui);font-size:1.7rem;display:block}.page-hero{background:var(--navy);color:var(--white);padding:72px 0 56px}.page-hero h1{max-width:16ch;font-size:clamp(2.2rem,5vw,3.8rem)}.page-hero .lead{color:#fffcf7bd}.page-hero-split{grid-template-columns:1fr 1fr;align-items:center;gap:36px;display:grid}.product-shot{width:100%;aspect-ratio:var(--product-media-ratio);box-shadow:var(--shadow);background:#08141f;border:1px solid #fffcf71f;border-radius:22px;margin:0;display:block;position:relative;overflow:hidden}.product-shot img{object-fit:cover;object-position:top center;width:100%;height:100%;display:block;position:absolute;inset:0}.product-shot-brand{background:#071428}.product-shot-brand img{object-fit:contain;object-position:center;padding:12%}.product-shot-wide{max-width:var(--max);width:calc(100% - 40px);margin:0 auto 8px}.card-with-media{padding:0 0 24px;overflow:hidden}.card-with-media .card-media{width:100%;aspect-ratio:var(--product-media-ratio);margin-bottom:20px;position:relative;overflow:hidden}.card-with-media .card-media img{object-fit:cover;object-position:top center;width:100%;height:100%;position:absolute;inset:0}.card-with-media h3,.card-with-media p{padding-inline:24px}.app-covers{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}.app-cover{gap:14px;display:grid}.app-cover .product-shot{aspect-ratio:var(--product-media-ratio)}.product-hero{grid-template-columns:1.1fr .9fr;align-items:end;gap:40px;display:grid}.steps{grid-template-columns:repeat(4,1fr);gap:16px;display:grid}.step{background:var(--white);color:var(--ink);border:1px solid var(--line);border-radius:var(--radius);min-height:240px;padding:24px}.step p{color:var(--muted)}.step span{font-family:var(--font-ui);color:var(--gold);font-size:1.4rem}.products{gap:18px;display:grid}.product{background:var(--white);border:1px solid var(--line);border-radius:24px;grid-template-columns:1.2fr .8fr;align-items:center;gap:24px;padding:32px;transition:transform .35s,box-shadow .35s,border-color .35s;display:grid}.product:hover{box-shadow:var(--shadow);border-color:#1aa6a059;transform:translateY(-4px)}.quote{background:var(--navy);color:var(--white);border-radius:24px;padding:32px}.quote p{font-family:var(--font-accent);font-size:1.25rem;font-style:italic}.quote footer{color:var(--teal);margin-top:18px;font-weight:700}.quote footer small{color:#fffcf799;font-weight:500;display:block}.site-footer{background:var(--navy);color:#fffcf7c7;padding:56px 0 28px}.footer-logo{width:min(220px,100%);height:auto;margin-bottom:16px;display:block}.footer-grid{border-bottom:1px solid #fffcf71a;grid-template-columns:1.3fr .9fr .9fr 1fr;gap:32px;padding-bottom:32px;display:grid}.site-footer a:hover{color:var(--teal)}.footer-copy{color:#fffcf780;flex-wrap:wrap;justify-content:space-between;gap:12px 24px;padding-top:20px;font-size:.9rem;display:flex}.footer-legal{flex-wrap:wrap;gap:16px;display:flex}.legal-doc{max-width:760px}.legal-doc h2{margin-top:1.6em;font-size:1.35rem}.legal-doc ul{color:var(--muted);padding-left:1.2em}.legal-doc a{color:var(--teal-deep);text-underline-offset:3px;text-decoration:underline}.legal-updated{color:var(--muted);margin-bottom:8px;font-size:.92rem}.form{gap:14px;display:grid}.form label{gap:6px;font-size:.92rem;font-weight:600;display:grid}.form input,.form textarea,.form select{border:1px solid var(--line);background:var(--white);border-radius:12px;width:100%;padding:12px 14px}.form input:focus,.form textarea:focus,.form select:focus{outline:2px solid var(--teal);border-color:#0000}.form-error{color:#b42318;font-size:.85rem;font-weight:500}.form-ok{color:#0d5c4d;background:#e8f7f3;border:1px solid #b7e4d8;border-radius:12px;padding:16px}.contact-grid{grid-template-columns:.85fr 1.15fr;gap:24px;display:grid}.info-list{gap:16px;display:grid}.pill-list{flex-wrap:wrap;gap:10px;display:flex}.pill{background:var(--white);border:1px solid var(--line);border-radius:999px;padding:8px 14px;font-weight:600}.band{background:var(--navy);color:var(--white)}.band .lead{color:#fffcf7bd}.logo-wall{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.logo-tile{text-align:center;background:var(--white);border:1px dashed var(--line);border-radius:16px;place-content:center;min-height:110px;display:grid}.logo-tile strong{font-family:var(--font-heading)}.feature-icon{width:42px;height:42px;color:var(--teal-deep);background:#1aa6a01f;border-radius:12px;place-items:center;margin-bottom:16px;display:grid}.feature-icon svg{width:22px;height:22px}.product .feature-icon,.app-cover .feature-icon{margin-bottom:12px}.card-with-media .feature-icon{margin-left:24px}@media (width<=900px){.grid-3,.grid-2,.hero-grid,.product,.steps,.product-hero,.contact-grid,.footer-grid,.logo-wall,.page-hero-split,.app-covers{grid-template-columns:1fr}.nav,.header-cta{display:none}.nav.open{top:var(--header);background:var(--navy);gap:8px;padding:16px 20px 24px;display:grid;position:absolute;left:0;right:0}.nav-menu{box-shadow:none;opacity:1;visibility:visible;pointer-events:auto;background:0 0;padding:0 0 0 8px;display:grid;position:static;transform:none}.hero-panel,.hero-orb{animation:none}.nav-menu a{color:var(--white)}.nav-menu small{color:#fffcf79e}.menu-toggle{place-items:center;display:grid}.section{padding:64px 0}}.page-enter{animation:.55s both page-in}.reveal{opacity:0;transition:opacity .7s,transform .7s;transform:translateY(28px)}.reveal.is-visible{opacity:1;transform:none}.reveal-stagger>*{opacity:0;transition:opacity .65s,transform .65s;transform:translateY(22px)}.reveal-stagger.is-visible>*{opacity:1;transform:none}.reveal-stagger.is-visible>:first-child{transition-delay:0s}.reveal-stagger.is-visible>:nth-child(2){transition-delay:80ms}.reveal-stagger.is-visible>:nth-child(3){transition-delay:.16s}.reveal-stagger.is-visible>:nth-child(4){transition-delay:.24s}.reveal-stagger.is-visible>:nth-child(5){transition-delay:.32s}.reveal-stagger.is-visible>:nth-child(6){transition-delay:.4s}.reveal-stagger.is-visible>:nth-child(7){transition-delay:.48s}.reveal-stagger.is-visible>:nth-child(8){transition-delay:.56s}.reveal-stagger.is-visible>:nth-child(9){transition-delay:.64s}.hero-copy{animation:.8s both rise}.hero-panel{animation:.9s .15s both rise,7s ease-in-out 1.1s infinite float}.ticker{color:#fffcf7c7;background:#0a1624;border-top:1px solid #fffcf714;border-bottom:1px solid #10203314;overflow:hidden}.ticker-track{gap:0;width:max-content;animation:28s linear infinite ticker;display:flex}.ticker:hover .ticker-track{animation-play-state:paused}.ticker-item{font-family:var(--font-body);letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;align-items:center;gap:16px;padding:14px 28px 14px 0;font-size:.86rem;font-weight:500;display:inline-flex}.ticker-item:after{content:"";background:var(--teal);border-radius:50%;width:7px;height:7px}.step,.quote,.logo-tile,.pill{transition:transform .35s,box-shadow .35s,border-color .35s}.step:hover,.quote:hover,.logo-tile:hover{box-shadow:var(--shadow);transform:translateY(-5px)}.pill:hover{border-color:#1aa6a066;transform:translateY(-2px)}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}@keyframes rise{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}@keyframes page-in{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}@keyframes ticker{0%{transform:translate(0)}to{transform:translate(-50%)}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}.reveal,.reveal-stagger>*{opacity:1;transform:none}}