[hidden]{display:none!important}:root{--paper:#f7f8f5;--white:#fff;--ink:#172c25;--muted:#68756e;--line:#e6eae4;--brand:#87ceeb;--brand-hover:#66b8dc;--lime:#87ceeb;--rose:#d5a0b8;--font-body:'DM Sans',Arial,sans-serif;--font-display:'Manrope','DM Sans',sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:92px}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--font-body);font-size:15px;-webkit-font-smoothing:antialiased}body.modal-open{overflow:hidden}button,a{font:inherit}button{color:inherit}a{color:inherit;text-decoration:none}.container{width:min(1180px,calc(100% - 80px));margin:0 auto}.section-pad{padding:112px 0}.site-header{position:sticky;top:0;z-index:10;background:rgba(247,248,245,.92);backdrop-filter:blur(16px);border-bottom:1px solid rgba(23,44,37,.07)}.nav-wrap{height:78px;display:flex;align-items:center;justify-content:space-between}.brand{display:inline-flex;align-items:center;gap:9px;flex-shrink:0}.brand-mark{width:34px;height:34px;border-radius:10px;background:var(--brand);color:#173248;display:grid;place-items:center}.brand-mark svg{width:26px;height:26px}.brand-name{font:800 18px var(--font-display);letter-spacing:-.7px;white-space:nowrap}.main-nav{display:flex;gap:35px;margin-left:52px}.main-nav a,.nav-contact{font-size:13px;font-weight:500;color:#526159;transition:color .2s}.main-nav a:hover,.nav-contact:hover{color:var(--brand)}.nav-actions{display:flex;align-items:center;gap:26px}.button{min-height:52px;padding:0 23px;border:0;border-radius:7px;display:inline-flex;align-items:center;justify-content:center;gap:28px;font-weight:600;font-size:13px;cursor:pointer;transition:background .2s,transform .2s,color .2s}.button:hover{transform:translateY(-1px)}.button-dark{color:#173248;background:var(--brand)}.button-dark:hover{background:var(--brand-hover)}.button-small{min-height:42px;padding:0 16px;gap:13px;font-size:12px}.menu-toggle,.nav-mobile-link{display:none}.hero{padding:80px 0 91px;overflow:hidden}.hero-grid{position:relative;display:grid;grid-template-columns:1fr 1.09fr;gap:55px;align-items:center}.hero-copy{padding:7px 0 21px}.eyebrow{display:flex;align-items:center;gap:9px;color:#758071;font-size:10px;font-weight:700;letter-spacing:1.2px;text-transform:uppercase}.eyebrow-dot{width:7px;height:7px;border-radius:50%;background:var(--brand)}.hero h1,.section-heading h2,.workflow h2,.about-panel h2{font-family:var(--font-display);font-size:clamp(45px,5vw,67px);line-height:1.12;letter-spacing:-3.7px;font-weight:600;margin:25px 0 20px}.hero h1 span,.section-heading h2 span,.workflow h2 span{color:#4387a1}.hero-text{max-width:445px;color:#69776f;line-height:1.85;font-size:15px;margin:0}.hero-actions{display:flex;align-items:center;gap:27px;margin-top:32px}.arrow{font-size:18px;line-height:1}.text-link{font-size:12px;font-weight:600;color:#305367}.text-link span{padding-left:7px;color:#4387a1}.hero-proof{display:flex;align-items:center;gap:15px;margin-top:48px}.avatar-stack{display:flex;padding-left:4px}.avatar-stack span{width:31px;height:31px;margin-left:-4px;border:2px solid var(--paper);border-radius:50%;display:grid;place-items:center;background:#d7edf5;color:#345c6c;font-size:9px;font-weight:700}.avatar-stack span:nth-child(2){background:#ead9d8;color:#845f60}.avatar-stack span:nth-child(3){background:#dee3ee;color:#5a627b}.hero-proof p{margin:0;color:#879189;font-size:10px;line-height:1.7}.hero-proof strong{color:#485950;font-size:11px}.hero-visual{position:relative;padding:25px 8px 36px 12px}.visual-glow{position:absolute;inset:6% -10% 0 15%;border-radius:50%;background:#e7f5fb;filter:blur(30px)}.slide-card{position:relative;z-index:1;overflow:hidden;border:1px solid #e8e9e1;border-radius:11px;background:white;box-shadow:0 24px 65px rgba(37,58,43,.12);transform:rotate(1.2deg)}.slide-toolbar{height:45px;padding:0 15px;display:flex;align-items:center;gap:12px;color:#7a827b;font-size:9px}.toolbar-dots{display:flex;gap:4px}.toolbar-dots i{width:6px;height:6px;border-radius:50%;background:#e8d1c7}.toolbar-dots i:nth-child(2){background:#e7dcaf}.toolbar-dots i:nth-child(3){background:#d5e0d2}.slide-live{margin-left:auto;font-size:9px;color:#55704f}.slide-live i{width:5px;height:5px;margin-right:4px;display:inline-block;border-radius:50%;background:#88a96a}.slide-image{position:relative;height:clamp(240px,28vw,345px);overflow:hidden;background:#e6aebf}.slide-image>svg{width:100%;height:100%;display:block}.scale-indicator{position:absolute;bottom:17px;left:17px;display:flex;align-items:center;gap:7px;padding:6px 8px;border-radius:4px;background:rgba(255,255,255,.87);color:#62596a;font-size:9px}.scale-indicator span{width:20px;height:1px;background:#61536a}.zoom-controls{position:absolute;bottom:17px;right:17px;display:flex;align-items:center;gap:9px;padding:4px;background:rgba(255,255,255,.9);border-radius:5px;color:#655e67;font-size:9px}.zoom-controls button{width:18px;height:18px;background:none;border:0;font-size:15px;cursor:pointer}.annotation{position:absolute;top:49%;left:65%;display:flex;align-items:center;gap:8px;color:white;font-size:8px;text-shadow:0 1px 4px #644862}.annotation strong{font-size:9px}.annotation-pin{height:11px;width:11px;border:2px solid white;border-radius:50%;box-shadow:0 0 0 5px rgba(255,255,255,.24)}.slide-footer{height:65px;padding:0 16px;display:flex;align-items:center;gap:22px}.slide-footer>div,.reviewer>span:last-child{display:flex;flex-direction:column;gap:4px}.footer-label{font-size:7px;letter-spacing:.8px;color:#9aa19a}.slide-footer strong{font-size:9px;font-weight:600;color:#39473d}.reviewer{margin-left:auto;display:flex;align-items:center;gap:7px}.reviewer-avatar{height:25px;width:25px;display:grid;place-items:center;border-radius:50%;background:#e9ded2;color:#80675b;font-size:8px;font-weight:700}.more-button{align-self:stretch;border:0;background:none;color:#717a70;font-size:18px;letter-spacing:1px}.float-note{position:absolute;z-index:2;right:-13px;bottom:70px;display:flex;align-items:center;gap:11px;padding:13px 17px;border:1px solid #eaede4;border-radius:8px;background:white;box-shadow:0 12px 34px rgba(37,58,43,.11)}.note-icon{width:29px;height:29px;display:grid;place-items:center;border-radius:8px;background:#f0f4e6;color:#849657;font-size:18px}.float-note>span:last-child{display:grid;gap:4px}.float-note strong{font-size:10px}.float-note small{font-size:9px;color:#858f87}.visual-caption{position:absolute;left:16px;bottom:0;display:flex;align-items:center;gap:10px;color:#8c958b;font-size:8px;letter-spacing:1.3px}.visual-caption i{width:28px;height:1px;background:#bec5b9}.hero-index{position:absolute;bottom:0;right:0;color:#a1a99c;font:11px var(--font-display);letter-spacing:1px}.metrics-strip{background:#eef7f9;border-top:1px solid #eaede5;border-bottom:1px solid #eaede5}.metrics-grid{min-height:124px;display:grid;grid-template-columns:1fr 1fr 1fr 1.1fr;align-items:center}.metrics-grid>div{min-height:55px;display:flex;align-items:center;gap:14px;border-right:1px solid #dadeD4}.metrics-grid>div:not(:first-child){padding-left:30px}.metrics-grid strong{font:600 32px var(--font-display);letter-spacing:-2px;color:#173248;white-space:nowrap}.metrics-grid strong small{font-size:16px;letter-spacing:-.5px}.metrics-grid>div span{font-size:10px;line-height:1.65;color:#788379}.metrics-grid>p{justify-self:end;margin:0;font:600 18px/1.5 var(--font-display);letter-spacing:-.5px}.metrics-grid em{font-weight:400;color:#4387a1}.platform{padding-bottom:118px}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:45px}.section-heading h2,.workflow h2{font-size:46px;letter-spacing:-2.5px;margin:17px 0 0}.section-heading>p{width:365px;margin:0 0 5px;color:#7a867e;line-height:1.8;font-size:12px}.feature-grid{display:grid;grid-template-columns:1.15fr 1fr 1fr;gap:17px}.feature-card{position:relative;min-height:390px;padding:22px 23px 24px;border:1px solid #e8ebe5;border-radius:8px;background:#fff;transition:transform .25s,box-shadow .25s}.feature-card:hover{transform:translateY(-4px);box-shadow:0 18px 35px rgba(41,65,46,.07)}.feature-number{color:#879187;font-size:9px;letter-spacing:1.2px}.feature-visual{height:177px;margin:9px 0 19px;position:relative;overflow:hidden;border-radius:5px}.scan-visual{background:#f5edf0}.scan-ring{position:absolute;left:50%;top:48%;transform:translate(-50%,-50%);border:1px solid #d6a6b7;border-radius:50%}.ring-one{width:149px;height:149px}.ring-two{width:108px;height:108px;border-style:dashed}.scan-center{position:absolute;left:50%;top:48%;transform:translate(-50%,-50%);width:69px;height:69px;display:grid;place-items:center;background:#d9aabc;border-radius:50%;color:#fff;font:32px var(--font-display)}.scan-label{position:absolute;padding:5px 7px;border:1px solid #efdee4;border-radius:4px;background:#fff;color:#657469;font-size:8px;box-shadow:0 3px 9px #b79ca122}.scan-label b{color:#aa7286}.label-a{left:16%;top:29%}.label-b{right:15%;bottom:19%}.feature-card h3{margin:0 0 8px;font:600 16px var(--font-display);letter-spacing:-.4px}.feature-card>p{max-width:280px;margin:0;color:#808981;font-size:11px;line-height:1.75}.card-arrow{position:absolute;right:22px;bottom:22px;color:#4387a1;font-size:16px}.team-visual{background:#eaf5f8}.team-bubble{position:absolute;width:49px;height:49px;display:grid;place-items:center;border:4px solid #eaf5f8;border-radius:50%;font-size:10px;font-weight:600}.bubble-one{left:23%;top:29%;z-index:2;background:#d7edf5;color:#345c6c}.bubble-two{left:48%;top:49%;z-index:2;background:#e8d7d1;color:#88665d}.bubble-three{right:16%;top:21%;z-index:2;background:#d6ddeb;color:#56647b}.team-line{position:absolute;left:33%;top:47%;width:90px;height:40px;border-top:1px solid #b8d0d8;border-right:1px solid #b8d0d8;transform:rotate(23deg)}.line-two{left:43%;top:37%;width:90px;height:34px;transform:rotate(-16deg)}.team-caption{position:absolute;right:10%;bottom:11%;font:600 13px/1.5 var(--font-display);color:#345c6c;letter-spacing:-.3px}.cases-visual{padding:17px 15px;background:#f1f2ec}.case-row{height:33px;margin-bottom:7px;padding:0 8px;display:flex;align-items:center;gap:7px;border:1px solid #e5e8de;border-radius:4px;background:#fff;font-size:8px;color:#647168}.case-dot{width:6px;height:6px;border-radius:50%}.dot-pink{background:#cb8ea7}.dot-blue{background:#849bbc}.dot-green{background:#90ad77}.case-row i{flex:1}.case-row b{font-size:7px;color:#89947f;font-weight:500}.case-summary{position:absolute;right:18px;bottom:17px;display:flex;align-items:center;gap:8px;color:#7b877b}.case-summary strong{color:#173248;font:600 25px var(--font-display)}.case-summary span{font-size:8px;line-height:1.4}.workflow{background:#eaf5f8;padding:96px 0}.workflow-grid{display:grid;grid-template-columns:1fr 1fr;gap:115px;align-items:center}.workflow-copy>p{max-width:300px;margin:19px 0 24px;color:#738077;font-size:12px;line-height:1.8}.workflow-copy .button{min-height:46px;font-size:11px}.steps{border-top:1px solid #d9dfd4}.step{min-height:103px;padding:19px 3px;display:grid;grid-template-columns:36px 1fr 20px;gap:17px;align-items:start;border-bottom:1px solid #d9dfd4}.step-num{padding-top:2px;color:#4387a1;font-size:10px}.step h3{margin:0 0 6px;font:600 14px var(--font-display);letter-spacing:-.3px}.step p{max-width:360px;margin:0;color:#7a857c;font-size:10px;line-height:1.7}.step>span{color:#4387a1;font-size:14px}.about{padding:100px 0}.about-panel{position:relative;min-height:340px;padding:55px 74px;overflow:hidden;display:grid;grid-template-columns:1.05fr 2fr 120px;align-items:center;gap:20px;border-radius:9px;background:#173248;color:white}.about-mark{align-self:start;justify-self:start;width:96px;height:166px;color:rgba(135,206,235,.16)}.about-mark svg{display:block;width:100%;height:100%}.eyebrow-light{color:#becbb8}.eyebrow-light .eyebrow-dot{background:#87ceeb}.about-panel h2{margin:18px 0 15px;font-size:34px;letter-spacing:-1.7px}.about-panel h2 span{color:#87ceeb}.about-panel>div:nth-child(2)>p{max-width:405px;color:#bdc8c0;font-size:11px;line-height:1.8}.about-link{display:inline-flex;gap:14px;align-items:center;margin-top:14px;color:#e4eddb;font-size:10px}.about-link span{color:#87ceeb;font-size:15px}.about-stamp{width:96px;height:96px;justify-self:end;display:grid;place-content:center;border:1px solid #6b8a99;border-radius:50%;text-align:center;color:#d4e4ec;font-size:8px;letter-spacing:1px;line-height:1.6;transform:rotate(10deg)}.about-stamp em{color:#87ceeb;font-style:normal}.site-footer{padding:39px 0 18px;background:#eef7f9}.footer-top{min-height:86px;display:flex;align-items:center;gap:26px;border-bottom:1px solid #e0e5dc}.footer-top>p{margin:0;color:#839087;font-size:10px;line-height:1.7}.footer-top .button{margin-left:auto}.button-outline{min-height:39px;padding:0 14px;gap:20px;border:1px solid #d2d9cf;background:transparent;color:#173248;font-size:10px}.button-outline:hover{background:#e7f5fb}.footer-bottom{padding-top:19px;display:flex;align-items:center;justify-content:space-between;color:#8d968f;font-size:9px}.footer-bottom a{color:#627468}.auth-overlay[hidden]{display:none}.auth-overlay{position:fixed;z-index:30;inset:0;padding:24px;display:grid;place-items:center;background:rgba(17,34,27,.6);backdrop-filter:blur(7px);overflow-y:auto}.auth-dialog{position:relative;width:min(100%,440px);padding:37px 42px 28px;border:1px solid #e8ebe6;border-radius:12px;background:#fff;box-shadow:0 30px 100px rgba(7,25,16,.25);animation:modal-in .22s ease-out}@keyframes modal-in{from{opacity:0;transform:translateY(10px) scale(.99)}to{opacity:1;transform:none}}.auth-close{position:absolute;top:18px;right:18px;width:32px;height:32px;border:0;border-radius:50%;background:#f3f5f1;color:#526257;font-size:22px;line-height:1;cursor:pointer}.auth-close:hover{background:#e8eee4}.auth-brand{margin-bottom:29px}.auth-brand .brand-mark{width:30px;height:30px;border-radius:8px}.auth-brand .brand-mark svg{width:23px;height:23px}.auth-brand .brand-name{font-size:21px}.auth-eyebrow{color:#4387a1;font-size:9px;font-weight:700;letter-spacing:1.2px}.auth-dialog h2{margin:9px 0 6px;font:600 28px var(--font-display);letter-spacing:-1.2px}.auth-intro{margin:0;color:#78847b;font-size:11px;line-height:1.7}.auth-tabs{display:grid;grid-template-columns:1fr 1fr;gap:4px;margin:23px 0 18px;padding:4px;border-radius:6px;background:#f2f4f0}.auth-tab{height:34px;border:0;border-radius:4px;background:transparent;color:#748077;font-size:10px;font-weight:600;cursor:pointer}.auth-tab.is-active{background:#fff;color:#173248;box-shadow:0 1px 4px #203b2217}.auth-form{display:flex;flex-direction:column;gap:13px}.auth-field{display:flex;flex-direction:column;gap:6px;color:#536359;font-size:10px;font-weight:600}.auth-field input{height:43px;width:100%;padding:0 12px;border:1px solid #dfe5dd;border-radius:5px;outline:none;color:#263c30;font:400 11px var(--font-body);transition:border-color .2s,box-shadow .2s}.auth-field input::placeholder{color:#a0aaa1}.auth-field input:focus{border-color:#5aa4c0;box-shadow:0 0 0 3px #87ceeb30}.auth-field input[aria-invalid="true"]{border-color:#c97171}.password-wrap{position:relative}.password-wrap input{padding-right:64px}.password-toggle{position:absolute;right:10px;top:50%;transform:translateY(-50%);border:0;background:none;color:#7d897e;font-size:9px;cursor:pointer}.forgot-link{align-self:flex-end;margin-top:-4px;padding:0;border:0;background:none;color:#365f75;font-size:9px;cursor:pointer}.forgot-link:hover,.auth-legal a:hover{text-decoration:underline}.auth-message{padding:10px 11px;border-radius:5px;background:#f1f4ec;color:#52644d;font-size:10px;line-height:1.6}.auth-message.is-error{background:#fbefed;color:#a54848}.auth-submit{width:100%;min-height:45px;margin-top:1px;font-size:11px}.auth-submit:disabled{opacity:.65;cursor:wait;transform:none}.auth-legal{margin:17px 0 16px;text-align:center;color:#939d95;font-size:8px;line-height:1.8}.auth-legal a{color:#617462}.auth-security{padding-top:14px;border-top:1px solid #edf0eb;display:flex;justify-content:center;align-items:center;gap:6px;color:#869287;font-size:8px}.auth-security span{font-size:13px;color:#4387a1}

@media(max-width:1000px){.container{width:min(100% - 52px,1180px)}.main-nav{gap:20px;margin-left:15px}.nav-actions{gap:15px}.hero-grid{gap:29px}.hero h1{font-size:53px}.hero-visual{padding-right:10px}.metrics-grid>div:not(:first-child){padding-left:16px}.metrics-grid strong{font-size:27px}.metrics-grid>p{font-size:15px}.feature-card{padding:19px}.workflow-grid{gap:65px}.about-panel{padding:45px 48px;grid-template-columns:.8fr 2fr 80px}.about-mark{width:84px;height:145px}.about-panel h2{font-size:30px}}
@media(max-width:760px){.container{width:calc(100% - 40px)}.section-pad{padding:77px 0}.nav-wrap{height:68px}.brand-name{font-size:16px;letter-spacing:-.5px}.nav-contact{display:none}.menu-toggle{margin-left:auto;margin-right:16px;width:36px;height:36px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;border:1px solid #e2e7df;border-radius:6px;background:transparent}.menu-toggle span{width:14px;height:1px;background:#405449}.main-nav{position:absolute;top:67px;left:0;right:0;display:none;margin:0;padding:15px 20px 20px;border-bottom:1px solid #e7ebe4;background:var(--paper)}.main-nav.is-open{display:flex;flex-direction:column;gap:0}.main-nav a{padding:12px 0;border-bottom:1px solid #e9ece6}.main-nav a:last-child{border:0}.nav-mobile-link{display:block}.button-small{min-height:38px;padding:0 12px;font-size:10px;gap:8px}.hero{padding:58px 0 72px}.hero-grid{grid-template-columns:1fr;gap:25px}.hero-copy{padding:0}.eyebrow{font-size:9px}.hero h1{margin:19px 0 14px;font-size:clamp(43px,10vw,60px);letter-spacing:-2.8px}.hero-text{max-width:520px;font-size:13px}.hero-actions{margin-top:24px;gap:20px}.hero-proof{margin-top:28px}.hero-visual{width:min(100%,580px);justify-self:center;padding:9px 12px 32px 4px}.slide-image{height:clamp(230px,57vw,340px)}.slide-footer{height:58px;padding:0 10px;gap:9px}.slide-footer strong{font-size:8px}.reviewer-avatar{width:22px;height:22px}.float-note{right:-4px;bottom:58px;padding:9px 12px}.visual-caption{left:5px}.hero-index{bottom:1px}.metrics-grid{padding:19px 0;grid-template-columns:1fr 1fr;row-gap:18px}.metrics-grid>div{min-height:46px}.metrics-grid>div:nth-child(2){border-right:0}.metrics-grid>div:nth-child(3){padding-left:0}.metrics-grid>p{justify-self:start;padding-left:15px;font-size:14px}.metrics-grid strong{font-size:25px}.metrics-grid>div span{font-size:9px}.section-heading{display:block;margin-bottom:27px}.section-heading h2,.workflow h2{font-size:39px}.section-heading>p{width:auto;margin-top:16px;max-width:450px}.feature-grid{grid-template-columns:1fr 1fr;gap:12px}.feature-card{min-height:370px;padding:17px}.feature-card:first-child{grid-column:span 2;min-height:350px}.feature-card:first-child .feature-visual{height:155px}.feature-visual{height:145px}.feature-card h3{font-size:14px}.feature-card>p{font-size:10px}.card-arrow{right:16px;bottom:16px}.workflow{padding:70px 0}.workflow-grid{grid-template-columns:1fr;gap:35px}.workflow-copy>p{margin:13px 0 18px}.step{min-height:92px}.about{padding:70px 0}.about-panel{min-height:auto;padding:34px 28px;grid-template-columns:1fr;gap:15px}.about-mark{position:absolute;right:27px;top:23px;width:56px;height:97px}.about-panel>div:nth-child(2){position:relative;z-index:1}.about-panel h2{font-size:30px}.about-panel>div:nth-child(2)>p{max-width:450px}.about-stamp{display:none}.footer-top{padding:19px 0;gap:15px;flex-wrap:wrap}.footer-top>p{font-size:9px}.footer-top .button{min-height:34px;margin-left:auto;padding:0 10px;font-size:9px}.footer-bottom{gap:8px;flex-wrap:wrap;font-size:8px}.footer-bottom>span:nth-child(2){order:3;width:100%}}
@media(max-width:420px){.container{width:calc(100% - 32px)}.brand-name{font-size:13px;letter-spacing:-.5px}.auth-brand .brand-name{font-size:16px}.nav-actions{gap:0}.button-small{padding:0 9px}.hero-actions{gap:15px}.hero-actions .button{padding:0 15px;gap:15px}.text-link{font-size:10px}.slide-toolbar{gap:7px;padding:0 9px;font-size:8px}.slide-footer>div:first-child{max-width:150px}.slide-footer>div:first-child strong{line-height:1.35}.reviewer{gap:4px}.reviewer .footer-label{font-size:6px}.reviewer strong{font-size:8px}.metrics-grid>div{gap:8px}.metrics-grid>div:not(:first-child){padding-left:8px}.metrics-grid>div:nth-child(3){padding-left:0}.metrics-grid>p{padding-left:8px;font-size:12px}.feature-grid{grid-template-columns:1fr}.feature-card:first-child{grid-column:auto}.feature-card,.feature-card:first-child{min-height:340px}.feature-visual,.feature-card:first-child .feature-visual{height:160px}.auth-overlay{padding:12px}.auth-dialog{padding:31px 23px 22px}.auth-brand{margin-bottom:23px}}
@media(max-width:360px){.nav-wrap>.brand .brand-mark{display:none}.menu-toggle{margin-right:8px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}

.auth-account-link{display:flex;align-items:center;justify-content:center;gap:12px;min-height:42px;margin:4px 0 0;border:1px solid #bfe3f2;border-radius:7px;background:#eaf7fc;color:#173248;font-size:11px;font-weight:600;text-decoration:none;transition:background .2s}
.auth-account-link:hover{background:#d9f0fa}
.auth-account-link[hidden]{display:none}


.toast{position:fixed;right:24px;bottom:24px;z-index:60;display:flex;align-items:center;gap:12px;max-width:min(380px,calc(100vw - 32px));padding:13px 12px 13px 16px;border:1px solid #bfe3f2;border-left:3px solid var(--brand);border-radius:10px;background:#fff;color:var(--ink);box-shadow:0 18px 45px #1732482e;font-family:var(--font-body);font-size:12px;line-height:1.55;opacity:0;transform:translateY(10px);transition:opacity .2s ease,transform .2s ease}
.toast.is-visible{opacity:1;transform:none}
.toast-text{flex:1}
.toast-close{flex:0 0 auto;width:26px;height:26px;display:grid;place-items:center;padding:0;border:0;border-radius:50%;background:#f2f5f1;color:#66736b;font-size:16px;line-height:1;cursor:pointer}
.toast-close:hover{background:#e7eee6;color:#173248}
@media(max-width:420px){.toast{left:16px;right:16px;bottom:16px;max-width:none}}

/* Landing header: [logo][nav][spacer][actions] — nav sits next to the logo. */
@media(min-width:761px){.nav-wrap{justify-content:flex-start}.nav-actions{margin-left:auto}}

/* Lighter (secondary) variant of the primary button: “Вернуться в ЛК”. */
.button-soft{background:#eaf7fc;color:#173248;border:1px solid #bfe3f2}
.button-soft:hover{background:#d9f0fa;transform:translateY(-1px)}

/* The auth-aware CTA fades in after the session check instead of popping. */
@keyframes auth-cta-in{from{opacity:0;transform:translateY(-2px)}to{opacity:1;transform:none}}
.nav-actions .button-soft:not([hidden]){animation:auth-cta-in .18s ease-out both}

/* Clickable feature cards: a real button sitting on top of the card content. */
.feature-card-hit{position:absolute;inset:0;z-index:1;padding:0;border:0;border-radius:8px;background:transparent;cursor:pointer}
.feature-card-hit:focus-visible{outline:2px solid var(--brand);outline-offset:3px}
.feature-card .card-arrow{transition:transform .2s ease}
.feature-card:hover .card-arrow{transform:translate(2px,-2px)}

/* Feature detail modal: reuses .auth-overlay/.auth-dialog/.auth-close. */
.feature-dialog{width:min(100%,560px);max-height:calc(100vh - 48px);max-height:calc(100dvh - 48px);overflow-y:auto;overscroll-behavior:contain}
.feature-modal{outline:none}
.feature-modal-mark{margin:0 0 14px}
.feature-modal-eyebrow{color:#879187;font-size:9px;letter-spacing:1.2px}
.feature-modal h2{margin:8px 0 10px}
.feature-modal p{margin:0;color:#78847b;font-size:12px;line-height:1.8}
@media(max-width:420px){.feature-dialog{max-height:calc(100vh - 24px);max-height:calc(100dvh - 24px)}}

/* Contact + feedback modals: buttons that replaced mailto links. */
.nav-contact{padding:0;border:0;background:none;cursor:pointer}
.about-link{padding:0;border:0;background:none;cursor:pointer;text-align:left}
.about-link:hover{color:#fff}
.nav-contact:focus-visible,.about-link:focus-visible{outline:2px solid var(--brand);outline-offset:4px;border-radius:4px}

.contact-dialog{width:min(100%,480px)}
.contact-list{display:flex;flex-direction:column;gap:13px;margin:20px 0 24px;padding:0;list-style:none}
.contact-list li{display:flex;flex-direction:column;gap:3px}
.contact-label{color:#879187;font-size:9px;font-weight:700;letter-spacing:1.2px}
.contact-list a,.contact-value{color:#173248;font-size:12px;font-weight:500;line-height:1.6}
.contact-list a:hover{text-decoration:underline}
.contact-action{width:100%;min-height:45px;font-size:11px}

.feedback-dialog{width:min(100%,520px);max-height:calc(100vh - 48px);max-height:calc(100dvh - 48px);overflow-y:auto;overscroll-behavior:contain}
.feedback-form{margin-top:16px}
.auth-field textarea{width:100%;min-height:96px;padding:11px 12px;border:1px solid #dfe5dd;border-radius:5px;outline:none;color:#263c30;font:400 11px/1.6 var(--font-body);resize:vertical;transition:border-color .2s,box-shadow .2s}
.auth-field textarea::placeholder{color:#a0aaa1}
.auth-field textarea:focus{border-color:#5aa4c0;box-shadow:0 0 0 3px #87ceeb30}
.auth-field textarea[aria-invalid="true"]{border-color:#c97171}
.feedback-consent{display:flex;align-items:flex-start;gap:8px;color:#536359;font-size:10px;font-weight:600;line-height:1.6}
.feedback-consent input{flex:0 0 auto;width:15px;height:15px;margin:1px 0 0;accent-color:var(--brand);cursor:pointer}
.feedback-consent input[aria-invalid="true"]{outline:2px solid #c97171;outline-offset:1px}
.feedback-consent a{color:#365f75;text-decoration:underline}
.feedback-error{color:#a54848;font-size:9px;font-weight:600;line-height:1.5}
.feedback-error[hidden]{display:none}
@media(max-width:420px){.feedback-dialog{max-height:calc(100vh - 24px);max-height:calc(100dvh - 24px)}}

/* “Связаться” in the mobile menu is a button now: match the look of the nav links. */
.nav-mobile-link{width:100%;padding:12px 0;border:0;border-bottom:0;background:none;color:#526159;font-size:13px;font-weight:500;text-align:left;cursor:pointer}
.nav-mobile-link:hover{color:var(--brand)}
.nav-mobile-link:focus-visible{outline:2px solid var(--brand);outline-offset:2px}

/* Hero: real WSI fragment inside a viewer frame (Part 4). */
.hero-slide{position:relative;z-index:1;margin:0;padding:10px;overflow:hidden;border:1px solid rgba(135,206,235,.18);border-radius:11px;background:#0b0f14;box-shadow:0 24px 65px rgba(10,22,32,.35)}
.hero-slide-image{display:block;width:100%;height:auto;aspect-ratio:1135/691;object-fit:cover;border-radius:4px}
.hero-slide-meta{position:absolute;z-index:2;top:24px;left:24px;margin:0;display:flex;align-items:center;gap:8px;padding:6px 10px;border:1px solid rgba(135,206,235,.28);border-radius:6px;background:#0b0f14cc;color:#e8f2f8;font-size:11px;line-height:1.15;white-space:nowrap}
.hero-slide-badge{padding:3px 6px;border:1px solid rgba(135,206,235,.5);border-radius:4px;background:rgba(135,206,235,.16);color:#87ceeb;font-size:9px;font-weight:700;letter-spacing:.6px}
.hero-slide-nav{position:absolute;z-index:2;top:24px;right:24px;width:58px;height:40px;border:1px solid rgba(135,206,235,.3);border-radius:4px;background:#0b0f14cc}
.hero-slide-nav::after{content:"";position:absolute;left:17px;top:11px;width:22px;height:16px;border:1px solid #87ceeb;border-radius:2px}
.hero-slide-open{position:absolute;z-index:2;right:24px;bottom:24px;display:inline-flex;align-items:center;gap:9px;min-height:36px;padding:0 14px;border:1px solid rgba(135,206,235,.4);border-radius:6px;background:#0b0f14cc;color:#e8f2f8;font-size:11px;font-weight:600;text-decoration:none;transition:background .2s,border-color .2s}
.hero-slide-open:hover{border-color:#87ceeb;background:#0b0f14e6}
.hero-slide-open:focus-visible{outline:2px solid #87ceeb;outline-offset:3px}
@supports ((-webkit-backdrop-filter:blur(2px)) or (backdrop-filter:blur(2px))){
  .hero-slide-meta,.hero-slide-nav,.hero-slide-open{background:rgba(11,15,20,.72);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}
  .hero-slide-open:hover{background:rgba(11,15,20,.9)}
}
/* Viewer corner marks: 4 pseudo-elements with 1px borders (no images, no gradient stacks). */
.hero-slide::before,.hero-slide::after,.hero-slide-frame::before,.hero-slide-frame::after{content:"";position:absolute;z-index:1;width:14px;height:14px;pointer-events:none}
.hero-slide::before{top:10px;left:10px;border-top:1px solid rgba(135,206,235,.55);border-left:1px solid rgba(135,206,235,.55);border-top-left-radius:2px}
.hero-slide::after{top:10px;right:10px;border-top:1px solid rgba(135,206,235,.55);border-right:1px solid rgba(135,206,235,.55);border-top-right-radius:2px}
.hero-slide-frame{position:absolute;z-index:1;inset:0;pointer-events:none}
.hero-slide-frame::before{bottom:10px;left:10px;border-bottom:1px solid rgba(135,206,235,.55);border-left:1px solid rgba(135,206,235,.55);border-bottom-left-radius:2px}
.hero-slide-frame::after{bottom:10px;right:10px;border-bottom:1px solid rgba(135,206,235,.55);border-right:1px solid rgba(135,206,235,.55);border-bottom-right-radius:2px}
@media(max-width:760px){
  .hero-slide-meta{font-size:12px}
  .hero-slide-nav{width:48px;height:34px}
  .hero-slide-nav::after{left:14px;top:9px;width:18px;height:13px}
  .hero-slide-open{min-height:44px;padding:0 12px}
}
@media(max-width:360px){.hero-slide-nav{display:none}}


/* Registration extras: role/comment fields and the pending-request screen. */
.auth-field select,.auth-field textarea{width:100%;padding:0 12px;border:1px solid #dfe5dd;border-radius:5px;outline:none;color:#263c30;font:400 11px var(--font-body);background:#fff;transition:border-color .2s,box-shadow .2s}
.auth-field select{height:43px;cursor:pointer}
.auth-field textarea{min-height:64px;padding:10px 12px;resize:vertical;line-height:1.6}
.auth-field select:focus,.auth-field textarea:focus{border-color:#5aa4c0;box-shadow:0 0 0 3px #87ceeb30}
.auth-register-fields{display:flex;flex-direction:column;gap:13px}
.auth-register-fields[hidden]{display:none}
.auth-pending{display:flex;flex-direction:column;align-items:flex-start;gap:10px;padding:20px 18px;border:1px solid #bfe3f2;border-radius:8px;background:#f4fbfd}
.auth-pending[hidden]{display:none}
.auth-pending-mark{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:#dff0e5;color:#4b7f5d;font-size:16px;font-weight:700}
.auth-pending-title{margin:0;font:600 16px var(--font-display);letter-spacing:-.4px;color:var(--ink)}
.auth-pending-text,.auth-pending-hint{margin:0;color:#5c6d63;font-size:11px;line-height:1.7}
.auth-pending-hint{color:#879189;font-size:9.5px}
.auth-pending-button{width:100%;margin-top:4px;min-height:44px;font-size:11px}