.landing{--ink:#092a34;--deep:#061d28;--deep2:#0b3540;--teal:#13c7b8;--mint:#9cf1e6;--muted:#617a82;--line:#dce9e8;--paper:#f2f8f7;min-height:100vh;background:#fff;color:var(--ink);font-family:Manrope,system-ui,sans-serif}
.landing *{box-sizing:border-box}
.landing a{text-decoration:none}
.landing :is(section[id],article[id]){scroll-margin-top:26px}
.landing :is(a,button,input,textarea,summary):focus-visible{outline:3px solid #0cb6ad;outline-offset:3px}
.landing-topline{min-height:34px;padding:7px max(28px,calc((100% - 1220px)/2));display:flex;justify-content:space-between;align-items:center;gap:18px;background:#061f2b;color:#9fc3c5;font-size:9px;font-weight:800;letter-spacing:.16em}
.landing-topline i{display:inline-block;width:3px;height:3px;margin:0 9px 2px;border-radius:50%;background:#3bd6c3}
.landing-header{position:relative;z-index:20;width:min(1220px,calc(100% - 56px));min-height:88px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:24px}
.landing-brand{display:inline-flex;align-items:center;gap:12px;color:var(--ink);font-size:16px;font-weight:800;letter-spacing:-.03em;white-space:nowrap}
.landing-brand b{color:#087c79}
.brand-glyph{display:grid;place-items:center;width:41px;height:41px;border-radius:13px;background:linear-gradient(145deg,#062a36,#0a6671);color:#b1fbef;font-size:22px;font-weight:900;box-shadow:0 11px 25px #0b4a5630}
.landing-nav{display:flex;align-items:center;gap:27px}
.landing-nav>a:not(.client-button),.nav-group summary{color:#4d6870;font-size:12px;font-weight:800;cursor:pointer}
.nav-group{position:relative}
.nav-group summary{display:flex;align-items:center;gap:7px;min-height:42px;list-style:none;user-select:none}
.nav-group summary::-webkit-details-marker{display:none}
.nav-group[open] summary,.landing-nav>a:not(.client-button):hover{color:#078c85}
.nav-group summary span{display:inline-block;transition:transform .18s ease}
.nav-group[open] summary span{transform:rotate(180deg)}
.nav-dropdown{position:absolute;top:calc(100% + 7px);left:-18px;width:210px;padding:8px;background:#fff;border:1px solid var(--line);border-radius:15px;box-shadow:0 22px 55px #082e3b20}
.nav-dropdown a{display:block;padding:12px 13px;border-radius:9px;color:#36545d;font-size:12px;font-weight:700}
.nav-dropdown a:hover{background:#e8f8f5;color:#066f6a}
.nav-dropdown a:focus-visible{background:#e8f8f5}
.landing-nav .client-button{white-space:nowrap}
.client-button{display:inline-flex;align-items:center;justify-content:center;gap:20px;min-height:54px;padding:0 23px;border:0;border-radius:13px;background:linear-gradient(135deg,#1fd2c1,#60e3d1);color:#063139;font:800 13px Manrope,system-ui,sans-serif;box-shadow:0 15px 30px #0dc7b731;cursor:pointer;transition:transform .2s,box-shadow .2s}
.client-button:hover{transform:translateY(-2px);box-shadow:0 19px 35px #0dc7b746;color:#063139}
.client-button.small{min-height:42px;padding:0 17px;gap:12px}
.landing-kicker{display:inline-flex;align-items:center;gap:10px;color:#0c8b86;font-size:11px;font-weight:900;letter-spacing:.16em;text-transform:uppercase}
.landing-kicker i{width:7px;height:7px;border-radius:50%;background:#37d9c1;box-shadow:0 0 0 6px #37d9c126}
.landing-hero{position:relative;overflow:hidden;min-height:660px;padding:104px max(28px,calc((100% - 1220px)/2));display:grid;grid-template-columns:1.03fr .97fr;align-items:center;gap:76px;background:radial-gradient(circle at 82% 21%,#115e6159,transparent 30rem),linear-gradient(135deg,#061c27,#0a3740 72%,#0c4148);color:#f5ffff}
.landing-hero:before{content:"";position:absolute;inset:0;opacity:.16;background-image:linear-gradient(#8deee721 1px,transparent 1px),linear-gradient(90deg,#8deee721 1px,transparent 1px);background-size:56px 56px;mask-image:linear-gradient(90deg,#000,transparent 75%);pointer-events:none}
.hero-copy,.hero-visual{position:relative;z-index:1}
.landing-hero .landing-kicker{color:#72eee0}
.hero-copy h1{max-width:740px;margin:24px 0 27px;font-size:clamp(48px,5.5vw,78px);line-height:1.05;letter-spacing:-.065em;color:#fff}
.hero-copy h1 em{font-style:normal;color:#8bf2e6}
.hero-copy>p{max-width:600px;margin:0;color:#bed4d7;font-size:16px;line-height:1.85}
.hero-actions{display:flex;align-items:center;flex-wrap:wrap;gap:26px;margin-top:35px}
.text-link{color:#d8eff0;border-bottom:1px solid #88aeb1;padding-bottom:5px;font-size:12px;font-weight:800}
.text-link span{margin-left:6px}
.hero-assurances{display:flex;flex-wrap:wrap;gap:18px;margin-top:46px;color:#a5c1c4;font-size:11px;font-weight:700}
.hero-assurances span{display:inline-flex;align-items:center;gap:8px}
.hero-assurances span:before{content:"✓";display:grid;place-items:center;width:16px;height:16px;border:1px solid #4db6ae;border-radius:50%;color:#71dfcf;font-size:9px}
.hero-visual{padding:8px 0 25px}
.visual-window{overflow:hidden;border:1px solid #7bd9d23b;border-radius:22px;background:#f8fbfa;box-shadow:0 35px 85px #0006;transform:perspective(1000px) rotateY(-4deg) rotateX(2deg)}
.visual-top{height:57px;padding:0 19px;display:flex;align-items:center;gap:9px;border-bottom:1px solid #e2ebeb;color:#12313a}
.visual-mark{display:grid;place-items:center;width:25px;height:25px;border-radius:7px;background:#0b3d47;color:#a9f7eb;font-size:14px;font-weight:900}
.visual-top b{font-size:10px}
.visual-top small{margin-left:auto;color:#769096;font-size:8px;font-weight:900;letter-spacing:.13em}
.visual-dots{display:flex;gap:4px;margin-left:15px}.visual-dots i{width:5px;height:5px;border-radius:50%;background:#9cb5b7}
.visual-body{padding:29px}
.visual-title{display:flex;align-items:center;justify-content:space-between;gap:15px}
.visual-title small{display:block;margin-bottom:8px;color:#0a9d93;font-size:8px;font-weight:900;letter-spacing:.16em}
.visual-title strong{font-size:19px;letter-spacing:-.04em}
.visual-pill{padding:8px 11px;border-radius:9px;background:#e8f6f4;color:#0b8a80;font-size:9px;font-weight:900}
.visual-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin-top:24px}
.visual-metrics>div{min-height:102px;padding:15px;border:1px solid #e1ebea;border-radius:12px;background:#fff}
.visual-metrics small,.visual-metrics em{display:block;color:#789197;font-size:9px;font-style:normal}
.visual-skeleton{display:block;height:13px;margin:13px 0 12px;border-radius:8px;background:linear-gradient(90deg,#0f696e,#4bcbba)}
.visual-skeleton.wide{width:76%}.visual-skeleton.medium{width:57%}.visual-skeleton.short{width:68%}
.visual-chart{margin-top:13px;padding:17px;border:1px solid #e1ebea;border-radius:12px;background:#fff}
.visual-chart-head{display:flex;justify-content:space-between;color:#12343e;font-size:10px;font-weight:900}.visual-chart-head small{color:#90a6aa;font-size:8px}
.visual-bars{height:112px;display:flex;align-items:end;gap:7px;margin-top:17px;border-bottom:1px solid #e5eeee}
.visual-bars i{flex:1;border-radius:4px 4px 0 0;background:linear-gradient(#27d4be,#0d8690);opacity:.85}
.visual-list{display:flex;flex-wrap:wrap;gap:9px;margin-top:13px}.visual-list span{display:flex;align-items:center;gap:6px;padding:8px 9px;border-radius:8px;background:#edf5f4;color:#4f7278;font-size:8px;font-weight:800}.visual-list i{width:5px;height:5px;border-radius:50%;background:#14baa9}
.visual-float{position:absolute;right:-27px;bottom:-3px;display:flex;align-items:center;gap:10px;padding:14px 18px;border:1px solid #a8ece5;border-radius:12px;background:#fff;box-shadow:0 16px 35px #001e2840;color:#12343e}.visual-float>span{font-size:22px;color:#0caaa1}.visual-float strong,.visual-float small{display:block}.visual-float strong{font-size:10px}.visual-float small{margin-top:4px;color:#6d878b;font-size:8px}
.landing-ribbon{min-height:91px;padding:25px max(28px,calc((100% - 1220px)/2));display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid #e2eeee;color:#6f9698;font-size:10px;font-weight:900;letter-spacing:.14em}
.feature-section{padding:110px max(28px,calc((100% - 1220px)/2));background:var(--paper)}
.section-intro{max-width:760px;margin:0 auto;text-align:center}
.section-intro h2 em{font-style:normal;color:#087c79}
.section-intro h2,.security-copy h2,.landing-cta h2,.contact-copy h2{margin:16px 0 17px;font-size:clamp(34px,4vw,50px);line-height:1.13;letter-spacing:-.05em}
.section-intro p,.security-copy>p,.landing-cta p,.contact-copy>p{margin:0;color:var(--muted);font-size:14px;line-height:1.85}
.feature-cluster{display:grid;grid-template-columns:minmax(220px,.32fr) minmax(0,1fr);gap:34px;align-items:start;margin-top:68px;padding-top:34px;border-top:1px solid #d0e2e0}
.section-intro+.feature-cluster{margin-top:62px}
.feature-cluster-heading{display:flex;gap:16px;align-items:start;padding-top:3px}
.feature-number{display:grid;place-items:center;flex:none;width:38px;height:38px;border:1px solid #b7ded8;border-radius:10px;background:#e4f5f1;color:#087e76;font-size:10px;font-weight:900;letter-spacing:.08em}
.feature-cluster-heading h3{margin:1px 0 9px;color:#123943;font-size:19px;line-height:1.3;letter-spacing:-.035em}
.feature-cluster-heading p{max-width:260px;margin:0;color:#6a8288;font-size:11px;line-height:1.75}
.feature-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:0}
.feature-grid article{min-height:222px;padding:24px;border:1px solid #dfeae9;border-radius:17px;background:#fff;box-shadow:0 10px 28px #0a37400a;transition:transform .2s,border-color .2s,box-shadow .2s;scroll-margin-top:25px}
.feature-grid article:hover{transform:translateY(-4px);border-color:#a7dcd6;box-shadow:0 18px 36px #0a374017}
.feature-icon{display:grid;place-items:center;width:43px;height:43px;margin-bottom:22px;border-radius:12px;background:#e7f8f5;color:#0a8f87;font-size:22px}
.feature-grid article>small{color:#0e948b;font-size:9px;font-weight:900;letter-spacing:.14em}
.feature-grid h4{margin:9px 0 10px;font-size:16px;letter-spacing:-.025em}.feature-grid p{margin:0;color:#698087;font-size:12px;line-height:1.7}
.security-section{padding:125px max(28px,calc((100% - 1220px)/2));display:grid;grid-template-columns:1fr .94fr;align-items:center;gap:90px;background:linear-gradient(180deg,#fff,#f9fcfb)}
.security-copy h2{max-width:560px}.security-copy>p{max-width:530px}
.security-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:26px}.security-tags span{padding:9px 12px;border:1px solid #cbe6e1;border-radius:25px;background:#f2faf8;color:#0c766f;font-size:10px;font-weight:800}
.security-stack{padding:22px;border:1px solid #dce9e7;border-radius:22px;background:linear-gradient(145deg,#f8fcfb,#eaf6f3);box-shadow:0 25px 65px #072f3a16}
.security-stack>div{display:grid;grid-template-columns:43px 1fr;align-items:center;gap:3px 14px;padding:17px;border-bottom:1px solid #d8e9e6}
.security-stack>div:last-child{border:0}.security-stack span{grid-row:1/3;display:grid;place-items:center;width:36px;height:36px;border-radius:10px;background:#d9f1ec;color:#078a80;font-size:10px;font-weight:900}
.security-stack strong{font-size:12px}.security-stack small{color:#748a8e;font-size:10px}
.operations{padding:120px max(28px,calc((100% - 1220px)/2));background:#edf5f3}
.operation-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:17px;margin-top:52px}
.operation-steps article{position:relative;padding:32px;border:1px solid #deebe9;border-radius:19px;background:#fff;box-shadow:0 14px 32px #0b3b4010}
.operation-steps article:before{content:"";position:absolute;left:32px;right:32px;top:0;height:3px;border-radius:0 0 4px 4px;background:linear-gradient(90deg,#15bdae,#a8eee1)}
.operation-steps article>span{color:#0a9a90;font-size:11px;font-weight:900;letter-spacing:.12em}.operation-steps h3{margin:30px 0 10px;font-size:17px}.operation-steps p{margin:0;color:#6e858b;font-size:12px;line-height:1.75}
.contact-section{padding:125px max(28px,calc((100% - 1220px)/2));display:grid;grid-template-columns:.9fr 1.1fr;gap:90px;align-items:start;background:radial-gradient(circle at 8% 22%,#e9f6f354,transparent 29rem),#fff}
.contact-copy h2{max-width:500px}.contact-copy>p{max-width:510px}
.contact-note{display:flex;gap:16px;margin-top:30px;padding-top:18px;border-top:1px solid #dce9e8}
.contact-note>span{color:#0a9d91;font-size:11px;font-weight:900}.contact-note strong,.contact-note small{display:block}.contact-note strong{font-size:12px}.contact-note small{margin-top:5px;color:#789095;font-size:11px}
.contact-form{position:relative;padding:32px;border:1px solid #dce9e8;border-radius:21px;background:#f8fbfa;box-shadow:0 25px 65px #092f3911}
.contact-fields{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}
.contact-form label{display:block;color:#254750;font-size:11px;font-weight:800}
.contact-form input,.contact-form textarea{display:block;width:100%;margin-top:8px;padding:13px 14px;border:1px solid #cddfdd;border-radius:10px;background:#fff;color:#113740;font:500 12px Manrope,system-ui,sans-serif}
.contact-form input:hover,.contact-form textarea:hover{border-color:#94c9c3}
.contact-form input:focus,.contact-form textarea:focus{border-color:#0aa89d;box-shadow:0 0 0 4px #0aa89d18;outline:none}
.contact-form textarea{resize:vertical;min-height:136px}
.contact-form>label{margin-top:17px}.contact-privacy{margin:15px 0 20px;color:#728990;font-size:10px;line-height:1.5}
.contact-feedback{margin-bottom:17px;padding:13px 15px;border-radius:10px;font-size:11px;font-weight:700}.contact-feedback.is-success{background:#e5f7ee;color:#166d54}.contact-feedback.is-error{background:#fff0ed;color:#a03825}
.contact-honeypot{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important;overflow:hidden!important}
.landing-cta{padding:82px max(28px,calc((100% - 1220px)/2));display:flex;align-items:center;justify-content:space-between;gap:38px;background:linear-gradient(125deg,#052b35,#0c5158);color:#fff}
.landing-cta .landing-kicker{color:#81eadc}.landing-cta h2{margin-bottom:9px;color:#fff}.landing-cta p{color:#b1d1d2}
.client-button.light{flex:none;background:#fff;color:#0b3941;box-shadow:none}
.landing footer{padding:43px max(28px,calc((100% - 1220px)/2));display:grid;grid-template-columns:1fr auto;gap:8px;background:#051e29;color:#819da3}
.landing footer .landing-brand{color:#fff}.landing footer p{grid-column:1;margin:5px 0 0;font-size:11px}.landing footer>small{grid-column:2;grid-row:1/3;align-self:center;font-size:9px}
.landing footer .landing-brand b{color:#85e9da}
.landing footer p a{color:#a8e6de;text-decoration:underline;text-underline-offset:3px}.landing footer p a:hover{color:#fff}
.terms-page .terms-back{color:#176e72;font-size:12px;font-weight:800}.terms-page .terms-back:hover{color:#0aa69a}
.terms-hero{padding:89px max(28px,calc((100% - 1220px)/2));background:radial-gradient(circle at 82% 15%,#1a787050,transparent 27rem),linear-gradient(125deg,#061e29,#0a3941);color:#fff}
.terms-hero .landing-kicker{color:#8ee9dd}.terms-hero h1{margin:17px 0;font-size:clamp(43px,5vw,69px);line-height:1.08;letter-spacing:-.055em}.terms-hero p{max-width:690px;color:#bed6d7;font-size:16px;line-height:1.75}.terms-hero small{display:block;margin-top:29px;color:#88b2b5;font-size:11px;font-weight:800;letter-spacing:.08em}
.terms-layout{display:grid;grid-template-columns:230px minmax(0,1fr);gap:76px;width:min(1220px,calc(100% - 56px));margin:0 auto;padding:78px 0 120px}.terms-index{position:sticky;top:25px;align-self:start;display:grid;gap:4px;padding:23px;border:1px solid #d9e8e6;border-radius:16px;background:#f5faf8}.terms-index strong{margin-bottom:11px;color:#0c3c44;font-size:11px;letter-spacing:.12em;text-transform:uppercase}.terms-index a{padding:8px 7px;border-radius:7px;color:#627e83;font-size:11px;font-weight:700}.terms-index a:hover,.terms-index a:focus-visible{background:#e5f5f0;color:#067d75}.terms-content{min-width:0}.terms-intro{display:flex;gap:17px;padding:23px 25px;border-left:3px solid #0db9a9;border-radius:0 12px 12px 0;background:#edf8f5}.terms-intro>span{display:grid;place-items:center;flex:none;width:28px;height:28px;border-radius:50%;background:#d3eee7;color:#0a8177;font-family:Georgia,serif;font-size:18px;font-weight:700}.terms-intro p{margin:0;color:#365a61;font-size:13px;line-height:1.8}.terms-content section{padding:42px 0;border-bottom:1px solid #dce9e7;scroll-margin-top:24px}.terms-content section:last-child{border-bottom:0}.terms-number{color:#0b9288;font-size:10px;font-weight:900;letter-spacing:.15em}.terms-content h2{margin:13px 0 17px;color:#0b303a;font-size:27px;letter-spacing:-.04em}.terms-content section p{max-width:790px;margin:0 0 14px;color:#526e74;font-size:14px;line-height:1.9}.terms-content section p:last-child{margin-bottom:0}.terms-content section a{color:#087f76;text-decoration:underline;text-underline-offset:3px}
@media(max-width:780px){.terms-layout{grid-template-columns:1fr;gap:25px;padding:44px 0 80px}.terms-index{position:static;grid-template-columns:repeat(2,minmax(0,1fr))}.terms-index strong{grid-column:1/-1}.terms-hero{padding-top:70px;padding-bottom:70px}}
@media(max-width:530px){.terms-layout{width:calc(100% - 40px)}.terms-index{grid-template-columns:1fr}.terms-hero{padding:63px 20px}.terms-hero p{font-size:14px}.terms-content h2{font-size:23px}}
@media(max-width:1080px){.landing-hero{gap:42px}.feature-cluster{grid-template-columns:minmax(180px,.3fr) minmax(0,1fr);gap:24px}.feature-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.security-section,.contact-section{gap:45px}}
@media(max-width:780px){.landing-topline{justify-content:center;text-align:center}.landing-topline span:last-child{display:none}.landing-header{width:calc(100% - 36px);flex-wrap:wrap;padding:15px 0}.landing-nav{width:100%;justify-content:space-between;gap:10px}.landing-hero{grid-template-columns:1fr;gap:52px;padding-top:78px;padding-bottom:86px}.hero-visual{max-width:630px}.visual-window{transform:none}.feature-cluster{grid-template-columns:1fr;gap:23px;margin-top:53px}.feature-cluster-heading p{max-width:540px}.feature-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.security-section,.contact-section{grid-template-columns:1fr;gap:40px}.operation-steps{grid-template-columns:1fr}.landing-cta{align-items:flex-start;flex-direction:column}}
@media(max-width:530px){.landing-header{gap:14px}.landing-nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px 13px}.landing-nav .nav-contact{display:none}.landing-nav .client-button{grid-column:1/-1;width:100%}.nav-group{min-width:0}.nav-group summary{justify-content:space-between;padding:0 12px;border:1px solid #dce9e8;border-radius:10px;background:#f8fbfa}.nav-group[open] summary{border-color:#9ddbd4;background:#eff9f7}.nav-dropdown{position:static;width:100%;margin-top:6px;box-shadow:0 10px 24px #082e3b12}.landing-hero{padding:68px 20px 76px}.hero-copy h1{font-size:49px}.hero-copy>p{font-size:14px}.hero-assurances{margin-top:35px}.visual-body{padding:16px}.visual-metrics{gap:5px}.visual-metrics>div{padding:9px;min-height:88px}.visual-float{right:0;bottom:-15px}.landing-ribbon{justify-content:center;gap:15px;flex-wrap:wrap;padding:23px 20px;font-size:8px}.feature-section,.security-section,.operations,.contact-section{padding:75px 20px}.feature-grid{grid-template-columns:1fr}.feature-grid article{min-height:auto}.contact-fields{grid-template-columns:1fr}.contact-form{padding:22px}.landing-cta{padding:70px 20px}.landing footer{grid-template-columns:1fr;padding:36px 20px}.landing footer>small{grid-column:1;grid-row:auto}}
@media(prefers-reduced-motion:reduce){.landing *{scroll-behavior:auto!important;transition:none!important}}
