@font-face{font-family:Geist;src:url('./geist-latin.woff2') format('woff2');font-weight:100 900;font-display:swap}
:root{--ink:#172347;--paper:#fbfaff;--secondary:#525b78;--line:#dce0ee;--soft:#edf0fa}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;background:var(--paper);color:var(--ink);font-family:Geist,sans-serif;font-size:17px;line-height:1.65}::selection{background:#dcd2f3;color:#172347}a{color:inherit;text-underline-offset:5px}a:hover{text-decoration-thickness:2px}a:focus-visible,summary:focus-visible{outline:3px solid #6334a5;outline-offset:6px}h1,h2,h3,p,figure{margin:0}h1,h2,h3{line-height:1.1;text-wrap:balance}h1{font-size:clamp(2.9rem,5vw,5.5rem);font-weight:570;letter-spacing:-.04em}h1 em{font-style:normal;color:#6334a5}h2{font-size:clamp(2rem,3vw,3.3rem);font-weight:540;letter-spacing:-.03em}h3{font-size:1.3rem;font-weight:580;letter-spacing:-.02em}p{max-width:70ch}.wrap{width:min(1240px,calc(100% - 80px));margin-inline:auto}.skip{position:fixed;left:20px;top:-100px;background:white;padding:12px;z-index:10}.skip:focus{top:12px}.header{display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:106px;border-bottom:1px solid var(--line)}.brand{display:inline-flex;align-items:center;gap:12px;font-size:23px;font-weight:760;text-decoration:none;letter-spacing:-.025em;white-space:nowrap}.brand-light{font-weight:400}.header nav{display:flex;align-items:center;gap:32px;font-size:14px}.header nav a{text-decoration:none}.nav-contact{border-bottom:1px solid;padding-bottom:4px}.hero{display:grid;grid-template-columns:1.15fr 1fr;gap:64px;align-items:center;padding-block:64px 84px}.hero-copy>p{margin-top:28px;max-width:43ch;font-size:18px;color:var(--secondary)}.button{display:inline-flex;justify-content:space-between;align-items:center;gap:22px;background:linear-gradient(110deg,#142b68,#7135b7);color:white;min-height:58px;padding:14px 23px;border-radius:8px;text-decoration:none;margin-top:32px;font-size:15px;font-weight:550}.button:hover{background:linear-gradient(110deg,#102354,#592990)}.hero-copy .hero-note{font-size:13px;max-width:45ch;margin-top:18px}.hero-photo{position:relative;overflow:hidden;border-radius:14px;background:#e5e8dd;aspect-ratio:4/5}.hero-photo>img{display:block;width:100%;height:100%;object-fit:cover}.hero-photo figcaption{position:absolute;bottom:0;inset-inline:0;background:linear-gradient(110deg,#142b68,#7135b7);color:#fff;padding:18px 22px;font-size:17px}.hero-photo small{display:block;font-size:13px;color:#e8e7fa;margin-top:3px}.intro-strip{background:var(--soft);border-block:1px solid var(--line);padding-block:28px}.intro-strip>.wrap{display:flex;gap:32px;justify-content:space-between;align-items:center}.intro-strip p:first-child{font-size:24px;letter-spacing:-.02em}.intro-strip p:last-child{font-size:14px;color:var(--secondary)}.benefits{display:grid;grid-template-columns:1fr 1fr;gap:100px;padding-block:112px}.benefits>div p{margin-top:24px;color:var(--secondary);max-width:43ch}.benefit-list{margin:0}.benefit-list>div{padding-block:23px;border-top:1px solid var(--line)}.benefit-list>div:first-child{padding-top:0;border:0}.benefit-list dt{font-size:20px;font-weight:600;line-height:1.25}.benefit-list dd{margin:12px 0 0;font-size:15px;color:var(--secondary);max-width:52ch}.customer-section{background:linear-gradient(110deg,#142b68,#7135b7);color:#fff;padding-block:88px}.customer-grid{display:grid;grid-template-columns:1fr 1fr;gap:100px}.customer-grid p{color:#e8e7fa}.customer-grid ul{padding-left:21px;font-size:16px;line-height:1.8}.customer-grid .subtle{font-size:13px;margin-top:24px}.flow{padding-block:100px}.flow ol{display:grid;grid-template-columns:repeat(3,1fr);gap:42px;list-style:none;padding:0;margin:42px 0 0;counter-reset:step}.flow li{counter-increment:step;border-top:1px solid var(--line);padding-top:22px}.flow li:before{content:counter(step);display:block;font-size:15px;margin-bottom:28px;color:#525b78}.flow p{font-size:15px;margin-top:15px;color:var(--secondary)}.availability{padding-bottom:94px}.availability h2{font-size:30px;max-width:30ch}.availability p{font-size:15px;margin-top:22px;color:var(--secondary)}.contact{background:#e9e5f8;padding-block:76px}.contact>.wrap{display:grid;grid-template-columns:1fr 1fr;gap:100px;align-items:center}.contact p{margin-top:24px;max-width:40ch;color:var(--secondary)}address{font-style:normal;display:flex;align-items:flex-start;flex-direction:column;gap:16px}address a:first-child{font-weight:650}.footer{display:flex;align-items:center;gap:32px;justify-content:space-between;padding-block:38px}.footer p{font-size:12px;color:var(--secondary)}.footer nav{display:flex;gap:24px;font-size:12px}.legal{max-width:840px;padding-block:64px 90px}.legal h1{font-size:44px}.legal h2{font-size:24px;margin-top:42px}.legal p,.legal ul{margin-top:20px;color:var(--secondary);font-size:16px}.legal .back{display:inline-block;margin-top:36px}
@media(max-width:900px){.wrap{width:calc(100% - 40px)}.header nav{gap:18px}.header nav a:not(.nav-contact){display:none}.hero{gap:28px;padding-block:44px}.hero h1{font-size:clamp(2.6rem,5.3vw,4rem)}.hero-copy>p{font-size:16px}.benefits,.customer-grid,.contact>.wrap{gap:40px}.footer{flex-wrap:wrap}.hero-photo figcaption{font-size:14px}}
@media(max-width:620px){.header{min-height:84px}.brand{font-size:20px}.header nav{font-size:12px}.hero{grid-template-columns:1fr;gap:38px;padding-block:42px 48px}.hero h1{font-size:clamp(2.6rem,10vw,3.6rem)}.hero-copy>p{max-width:48ch}.hero-photo{aspect-ratio:5/4}.hero-photo img{object-position:center 44%}.intro-strip>.wrap{align-items:flex-start;flex-direction:column;gap:12px}.intro-strip p:first-child{font-size:21px}.benefits,.customer-grid,.contact>.wrap{grid-template-columns:1fr;gap:38px}.benefits,.flow{padding-block:60px}.customer-section,.contact{padding-block:58px}.flow ol{grid-template-columns:1fr;gap:30px}.flow li:before{margin-bottom:14px}.availability{padding-bottom:58px}.footer{flex-direction:column;align-items:flex-start;gap:18px}.footer nav{gap:20px}.legal h1{font-size:34px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

.brand .logo{display:block;width:224px;max-width:100%;height:auto}.footer .logo{width:190px}@media(max-width:620px){.brand .logo{width:176px}}

.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:32px}.hero-actions .button{margin-top:0}.button-secondary{background:transparent;color:var(--ink);border:1px solid var(--line)}.button-secondary:hover{background:var(--soft)}
