:root{--ink:#071d24;--teal:#0d6870;--mint:#9be3cc;--paper:#f5f7f4;--white:#fff;--line:#d7dfdc;--text:#243b41;--radius:22px}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--paper);color:var(--ink);font-family:"DM Sans",sans-serif;font-size:16px;line-height:1.6}
a{color:inherit;text-decoration:none}
.site-header{height:82px;padding:0 clamp(24px,5vw,76px);display:flex;align-items:center;justify-content:space-between;background:rgba(245,247,244,.94);backdrop-filter:blur(12px);position:relative;z-index:10;border-bottom:1px solid rgba(7,29,36,.08)}
.brand{display:flex;align-items:center;gap:10px;line-height:1}.brand-mark{width:42px;height:42px;display:grid;place-items:center;background:var(--ink);border-radius:50%}.brand-mark svg{width:29px;fill:none;stroke:var(--mint);stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}.brand strong{font:800 1.25rem/1 "Manrope",sans-serif;display:block;letter-spacing:-.04em}.brand em{font-style:normal;font-size:.78rem;color:var(--teal);text-transform:uppercase;letter-spacing:.16em;font-weight:700;display:block;margin-top:5px}.site-header nav{display:flex;align-items:center;gap:30px;font-weight:600;font-size:.94rem}.site-header nav>a:not(.button):hover{color:var(--teal)}.login-link{margin-left:16px}.menu-button{display:none;border:0;background:none;font:600 1rem "DM Sans"}
.button{display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:0 24px;border-radius:999px;background:var(--mint);color:var(--ink);font-weight:700;transition:transform .2s,background .2s}.button:hover{transform:translateY(-2px);background:#b4efdc}.button-small{min-height:42px;padding:0 20px;background:var(--ink);color:#fff}.button-small:hover{background:var(--teal)}
.hero{min-height:740px;position:relative;display:flex;align-items:center;overflow:hidden;background:var(--ink);color:#fff}.hero-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(4,21,27,.97) 0%,rgba(4,21,27,.86) 36%,rgba(4,21,27,.32) 70%,rgba(4,21,27,.1) 100%)}.hero-content{position:relative;z-index:1;width:min(690px,90%);margin-left:clamp(24px,8vw,130px);padding:90px 0}.eyebrow{text-transform:uppercase;letter-spacing:.18em;font-weight:700;font-size:.78rem;color:var(--mint);margin:0 0 22px}.eyebrow.dark{color:var(--teal)}h1,h2,h3{font-family:"Manrope",sans-serif;letter-spacing:-.045em;line-height:1.07;margin-top:0}h1{font-size:clamp(3.3rem,7.2vw,6.9rem);max-width:760px;margin-bottom:28px}h2{font-size:clamp(2.25rem,4.4vw,4.4rem)}h3{font-size:1.55rem}.hero-copy{font-size:clamp(1.08rem,1.7vw,1.3rem);line-height:1.55;max-width:620px;color:#e3ece9;margin:0 0 34px}.hero-actions{display:flex;gap:13px;flex-wrap:wrap}.button-ghost{background:transparent;border:1px solid rgba(255,255,255,.4);color:#fff}.button-ghost:hover{background:rgba(255,255,255,.1)}.microcopy{font-size:.9rem;color:#bacbc7;margin:22px 0 0}.microcopy a{text-decoration:underline;text-underline-offset:3px}.trust-strip{background:var(--teal);color:#fff;padding:20px clamp(24px,8vw,130px);display:flex;justify-content:space-between;gap:25px;flex-wrap:wrap;text-transform:uppercase;letter-spacing:.11em;font-size:.76rem;font-weight:700}.section{padding:110px clamp(24px,8vw,130px)}
.intro{display:grid;grid-template-columns:1.25fr .75fr;gap:clamp(50px,9vw,150px);align-items:end}.intro h2{margin-bottom:0;max-width:800px}.intro>p{font-size:1.16rem;color:var(--text);margin:0 0 10px}
.features{padding-top:0;display:grid;grid-template-columns:1.25fr 1fr 1fr;gap:16px}.feature{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:42px 36px;min-height:290px;display:flex;flex-direction:column}.feature-primary{background:var(--ink);color:#fff}.feature-wide{grid-column:2/4;min-height:210px;display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:end}.feature h3{margin:auto 0 14px;max-width:300px}.feature p{margin:0;color:#53676b}.feature-primary p{color:#c7d5d2}.feature-number{font-family:"Manrope";font-weight:800;color:var(--teal);font-size:.85rem}.feature-primary .feature-number{color:var(--mint)}
.pricing{background:#fff}.pricing-heading{display:flex;align-items:end;justify-content:space-between;gap:50px;margin-bottom:48px}.pricing-heading h2{max-width:820px;margin-bottom:0}.offer-badge{flex:0 0 auto;background:var(--mint);border-radius:18px;padding:18px 24px;color:var(--ink)}.offer-badge strong,.offer-badge span{display:block}.offer-badge strong{font:800 1.05rem "Manrope",sans-serif}.offer-badge span{font-size:.78rem;text-transform:uppercase;letter-spacing:.12em;margin-top:3px}.pricing-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.price-card{position:relative;border:1px solid var(--line);border-radius:var(--radius);padding:38px 34px;background:var(--paper);display:flex;flex-direction:column;min-height:315px}.price-card>p{font:700 1.15rem "Manrope",sans-serif;margin:0 0 28px}.featured-price{background:var(--ink);color:#fff;border-color:var(--ink)}.price{display:flex;align-items:baseline;margin:auto 0 35px}.price>span{font:700 1.4rem "Manrope";align-self:flex-start;margin-top:9px}.price strong{font:800 clamp(3rem,5vw,4.6rem)/1 "Manrope";letter-spacing:-.06em}.price em{font-style:normal;color:#66797d;margin-left:8px}.featured-price .price em{color:#b8c8c5}.price-button{align-self:flex-start;background:var(--ink);color:#fff}.price-button:hover{background:var(--teal)}.featured-price .price-button{background:var(--mint);color:var(--ink)}.pricing-note{text-align:center;color:#617377;margin:24px 0 0;font-size:.9rem}
.intro-price{margin:auto 0 10px}.intro-price span,.intro-price strong{display:block}.intro-price span{font:700 .82rem "Manrope",sans-serif;text-transform:uppercase;letter-spacing:.1em;color:var(--teal)}.intro-price strong{font:800 clamp(3.3rem,5.5vw,5rem)/1 "Manrope",sans-serif;letter-spacing:-.06em;margin-top:5px}.featured-price .intro-price span{color:var(--mint)}.price{margin:0 0 30px;gap:8px;align-items:baseline}.price s{font:800 1.65rem "Manrope",sans-serif;letter-spacing:-.04em;text-decoration-color:#e23d3d;text-decoration-thickness:4px}.price em{margin-left:0;font-size:.82rem}.featured-price .price s{text-decoration-color:#ff6262}
.workflow{background:#e8eeeb;display:grid;grid-template-columns:.8fr 1.2fr;gap:clamp(50px,10vw,160px)}.workflow-copy h2{margin-bottom:28px}.workflow-copy>p:last-child{font-size:1.1rem;color:var(--text)}.workflow ol{list-style:none;margin:0;padding:0}.workflow li{display:flex;gap:25px;padding:30px 0;border-bottom:1px solid #bac8c3}.workflow li:first-child{padding-top:4px}.workflow li>span{flex:0 0 44px;width:44px;height:44px;border-radius:50%;display:grid;place-items:center;background:var(--teal);color:white;font-weight:700}.workflow strong{font:700 1.15rem "Manrope"}.workflow li p{margin:5px 0 0;color:#52666a}
.closing{margin:24px;max-width:calc(100% - 48px);border-radius:30px;background:var(--ink);color:#fff;display:flex;justify-content:space-between;align-items:end;gap:50px}.closing h2{max-width:760px;margin-bottom:20px}.closing p:not(.eyebrow){color:#c5d2cf;font-size:1.08rem;margin:0}.closing-actions{display:flex;flex-direction:column;align-items:center;gap:20px;min-width:180px}.button-light{background:#fff}.text-link{color:var(--mint);font-weight:700}.text-link span{display:inline-block;margin-left:8px}
footer{padding:60px clamp(24px,8vw,130px) 35px;display:grid;grid-template-columns:1fr 1fr auto;align-items:center;gap:30px;color:#52666a}.brand-footer strong{font-size:1.2rem;color:var(--ink)}.brand-footer em{font-size:.7rem}footer>p{margin:0}footer>div{display:flex;gap:24px}footer a:hover{color:var(--teal)}.copyright{grid-column:1/-1;border-top:1px solid var(--line);padding-top:25px;font-size:.83rem}
@media(max-width:900px){.site-header nav{display:none;position:absolute;top:82px;left:0;right:0;background:var(--paper);padding:25px;flex-direction:column;align-items:stretch;border-bottom:1px solid var(--line)}.site-header nav.open{display:flex}.menu-button{display:block}.login-link{margin-left:0}.hero{min-height:690px}.hero-shade{background:linear-gradient(90deg,rgba(4,21,27,.95),rgba(4,21,27,.62))}.intro,.workflow{grid-template-columns:1fr}.features{grid-template-columns:1fr 1fr}.feature-primary{grid-column:1/-1}.feature-wide{grid-column:1/-1}.pricing-heading{align-items:flex-start;flex-direction:column}.pricing-grid{grid-template-columns:1fr}.price-card{min-height:270px}.closing{align-items:flex-start;flex-direction:column}.closing-actions{align-items:flex-start}.intro{gap:32px}footer{grid-template-columns:1fr 1fr}footer>div{grid-column:1/-1}.copyright{grid-column:1/-1}}
@media(max-width:600px){.site-header{height:72px}.site-header nav{top:72px}.hero{min-height:720px;align-items:flex-end}.hero-content{padding:70px 0}.hero-image{object-position:64% center}.hero-shade{background:linear-gradient(0deg,rgba(4,21,27,.99) 0%,rgba(4,21,27,.83) 52%,rgba(4,21,27,.28) 100%)}h1{font-size:3.35rem}.trust-strip{justify-content:flex-start}.section{padding-top:80px;padding-bottom:80px}.features{grid-template-columns:1fr}.feature-primary,.feature-wide{grid-column:auto}.feature-wide{display:flex;min-height:290px}.closing{margin:12px;max-width:calc(100% - 24px);border-radius:24px;padding:60px 28px}.closing h2{font-size:2.55rem}footer{grid-template-columns:1fr}.hero-actions .button{width:100%}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button{transition:none}}