:root { --ink:#123d3d; --teal:#007f7a; --deep:#0e4a47; --mint:#e3f4f1; --line:#cfe4e1; --gold:#e5c86b; --soft:#f7faf9; --muted:#587775; }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; background:var(--soft); color:var(--ink); font-family:Quicksand,system-ui,sans-serif; -webkit-font-smoothing:antialiased; }
button, input, textarea, select { font:inherit; } button, a { cursor:pointer; } a { color:inherit; text-decoration:none; }
.site-header { position:sticky; top:0; z-index:10; display:flex; align-items:center; justify-content:space-between; height:76px; padding:0 max(5vw,24px); border-bottom:1px solid #d9ebe8; background:rgba(247,250,249,.9); backdrop-filter:blur(16px); }
.brand { display:flex; align-items:center; } .brand img { display:block; height:34px; width:auto; }
nav { display:flex; gap:30px; font-size:13px; font-weight:700; color:#356260; } nav a:hover,.text-link:hover,footer a:hover,footer button:hover{color:var(--teal)}
.header-actions{display:flex;gap:10px}.button{display:inline-flex;align-items:center;justify-content:center;gap:9px;border:0;border-radius:999px;padding:13px 19px;font-size:13px;font-weight:700;transition:transform .18s cubic-bezier(.23,1,.32,1), background .18s, box-shadow .18s}.button:hover{transform:translateY(-2px)}.button:active{transform:scale(.97)}.button-primary{background:var(--teal);color:white;box-shadow:0 12px 24px rgba(0,127,122,.23)}.button-primary:hover{background:#006963}.button-secondary{border:1px solid #b9d8d4;background:transparent;color:#17615f}.button-secondary:hover{background:#e5f4f1}.button-gold{background:var(--gold);color:#143d3c;box-shadow:0 6px 18px rgba(229,200,107,.28)}.button-gold:hover{background:#f4dc85}
.hero{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:48px;max-width:1380px;margin:auto;padding:78px max(5vw,24px) 80px;overflow:hidden}.hero:before{position:absolute;content:"";z-index:-1;top:44px;left:-13%;width:520px;height:520px;border-radius:50%;background:#cceee9;filter:blur(80px);opacity:.6}.hero-copy{max-width:730px;align-self:center}.eyebrow{margin:0;color:#08716c;font-family:Quicksand,sans-serif;font-size:11px;font-weight:700;letter-spacing:.12em;line-height:1.4;text-transform:uppercase}.eyebrow i{display:inline-block;width:7px;height:7px;margin:0 8px 1px 0;border-radius:50%;background:#00a99d;box-shadow:0 0 0 4px rgba(0,169,157,.12)}
h1,h2,h3{font-family:Quicksand,sans-serif;letter-spacing:-.03em;line-height:1.15}h1{margin:25px 0 0;font-size:clamp(46px,5.5vw,74px);font-weight:600;line-height:1.12}h1 strong{position:relative;color:var(--teal);font-weight:600}h1 strong:after{position:absolute;content:"";left:3%;right:3%;bottom:-8px;height:8px;border-radius:99px;background:rgba(229,200,107,.75);z-index:-1}.intro{margin:30px 0 0;max-width:630px;color:#456b68;font-size:18px;line-height:1.75}.hero-actions{display:flex;align-items:center;gap:20px;margin-top:34px}.text-link{border:0;background:none;padding:0;color:#08716c;font-size:13px;font-weight:700}.text-link span{margin-left:5px}.micro-proof{display:flex;gap:18px;flex-wrap:wrap;margin-top:37px;color:#517774;font-size:12px;font-weight:700}.micro-proof span:before{content:"✓";margin-right:6px;color:var(--teal)}
.hero-visual{position:relative;max-width:680px;margin:auto;border:2px solid #c6dedb;border-radius:32px;padding:8px;background:#103b3a;box-shadow:0 30px 75px rgba(7,64,60,.22);align-self:center}.hero-visual>img{display:block;width:100%;aspect-ratio:1.08/1;object-fit:cover;border-radius:25px;opacity:.9}.hero-visual:after{position:absolute;content:"";inset:8px;border-radius:25px;background:linear-gradient(45deg,rgba(6,45,44,.82),transparent 65%);pointer-events:none}.visual-label{position:absolute;z-index:1;top:28px;left:28px;border:1px solid rgba(255,255,255,.18);border-radius:999px;padding:9px 12px;background:rgba(12,69,65,.75);backdrop-filter:blur(8px);color:#dffaf5;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.12em}.visual-label::first-letter{color:#67e7c8}.visual-card{position:absolute;z-index:1;left:30px;right:30px;bottom:30px;border:1px solid rgba(255,255,255,.15);border-radius:16px;padding:17px 18px;background:rgba(244,251,250,.96);box-shadow:0 12px 24px rgba(0,0,0,.22)}.visual-card>div{display:flex;flex-direction:column;gap:6px}.visual-card small{color:#07827a;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.12em}.visual-card b{font-family:Quicksand,sans-serif;font-size:16px;letter-spacing:-.035em}.visual-card em{position:absolute;right:18px;top:18px;padding:6px 9px;border-radius:7px;background:#e6f4f2;color:#08716c;font-size:10px;font-style:normal;font-weight:700}.visual-card p{display:flex;justify-content:space-between;margin:13px 0 0;padding-top:13px;border-top:1px solid #d7e8e5;color:#5f7d79;font-size:9px;font-weight:700;text-align:center;text-transform:uppercase;letter-spacing:.1em}.status-card{position:absolute;z-index:2;left:-36px;bottom:-29px;display:flex;flex-direction:column;gap:4px;max-width:260px;border:1px solid #c7e2de;border-radius:15px;padding:14px;background:white;box-shadow:0 15px 30px rgba(7,64,60,.14);font-size:11px}.status-card b{font-size:11px}.status-card span{color:#63817e;line-height:1.45}
.proof-strip{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #d5e9e6;border-bottom:1px solid #d5e9e6;background:#eaf6f4}.proof-strip span{padding:20px;text-align:center;border-right:1px solid #cfe4e1;color:#245c59;font-size:12px;font-weight:700}.proof-strip span:last-child{border:0}.proof-strip b{margin-right:14px;font-family:Quicksand,sans-serif;color:#00a99d;letter-spacing:-.05em}
.section{max-width:1380px;margin:auto;padding:105px max(5vw,24px)}.section-heading{display:grid;grid-template-columns:.72fr 1.28fr;gap:50px;align-items:end}.section h2,.closing h2{margin:16px 0 0;font-size:clamp(38px,4.2vw,60px);font-weight:600;line-height:1.12}.section-heading>p{max-width:660px;margin:0;color:var(--muted);font-size:17px;line-height:1.75}.workflow-panel{display:grid;grid-template-columns:.82fr 1.18fr;overflow:hidden;margin-top:45px;border:1px solid #cde2df;border-radius:28px;background:white;box-shadow:0 20px 60px rgba(20,74,70,.08)}.workflow-tabs{display:flex;flex-direction:column;gap:12px;padding:28px;background:#eff8f6}.workflow-tab{position:relative;border:1px solid transparent;border-radius:16px;padding:20px;background:white;color:#174442;text-align:left;transition:.18s}.workflow-tab.active{background:var(--deep);color:white;box-shadow:0 8px 18px rgba(14,74,71,.18)}.workflow-tab span{display:grid;place-items:center;width:40px;height:40px;border-radius:12px;background:#ddf4ef;color:var(--teal)}.workflow-tab.active span{background:#008b84;color:#dffbf5}.workflow-tab small{display:block;margin-top:30px;color:#16847e;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.14em}.workflow-tab.active small{color:#a8e8dd}.workflow-tab b{display:block;max-width:270px;margin-top:9px;font-family:Quicksand,sans-serif;font-size:21px;line-height:1.2;letter-spacing:-.045em}.workflow-tab i{position:absolute;right:20px;top:20px;color:#70a19b;font-style:normal;font-size:18px}.workflow-tab.active i{color:#e6cf7d}.workflow-tabs .text-link{margin:8px 0 0;padding:6px}.workflow-detail{position:relative;overflow:hidden;padding:40px}.workflow-detail>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.12;mix-blend-mode:multiply}.workflow-content{position:relative}.workflow-detail h3{max-width:700px;margin:16px 0 0;font-size:40px;font-weight:600;line-height:1.15}.workflow-detail p:not(.eyebrow){max-width:680px;color:var(--muted);font-size:15px;line-height:1.7}.steps{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;margin-top:28px}.step{display:flex;gap:12px;border:1px solid #d8e9e6;border-radius:15px;padding:15px;background:rgba(255,255,255,.9);box-shadow:0 8px 24px rgba(17,58,58,.04)}.step span{font-family:Quicksand,sans-serif;font-size:17px;font-weight:700;letter-spacing:-.05em;color:#00a99d}.step b{display:block;color:#174442;font-size:13px}.step p{margin:4px 0 0!important;color:#66817f!important;font-size:12px!important;line-height:1.45!important}.result{margin-top:24px;border-radius:14px;padding:14px;background:var(--deep);color:white;font-size:12px;font-weight:700}.dark-section{max-width:none;background:#103f3e;color:white}.dark-section .section-heading{max-width:1380px;margin:auto}.dark-section .eyebrow{color:#8bddd3}.dark-section .section-heading>p{color:#b6d7d3}.pain-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;max-width:1380px;margin:46px auto 0}.pain-grid article{border:1px solid rgba(255,255,255,.18);border-radius:21px;padding:24px;background:rgba(255,255,255,.055)}.pain-grid b{font-family:Quicksand,sans-serif;font-size:28px;letter-spacing:-.06em;color:#e6cf7d}.pain-grid h3{margin:34px 0 0;font-size:23px;letter-spacing:-.045em}.pain-grid p{color:#b8d7d4;font-size:14px;line-height:1.6}.feature-section{display:grid;grid-template-columns:.9fr 1.1fr;gap:70px}.feature-section>div>p:not(.eyebrow),.pilot>div>p:not(.eyebrow){max-width:550px;color:var(--muted);font-size:17px;line-height:1.75}.feature-section .button{margin-top:28px}.feature-list{display:grid;gap:15px}.feature-list article{display:grid;grid-template-columns:62px 1fr;gap:20px;border:1px solid #d2e5e1;border-radius:21px;padding:25px;background:white;box-shadow:0 10px 30px rgba(17,58,58,.04)}.feature-list span{display:grid;place-items:center;width:55px;height:55px;border-radius:16px;background:#e3f5f2;color:#00837c;font-size:21px}.feature-list article:nth-child(2) span{background:#fff4cd;color:#b0840b}.feature-list h3{margin:0;font-size:24px;letter-spacing:-.045em}.feature-list p{margin:8px 0 0;color:#637f7b;font-size:14px;line-height:1.65}.pilot{display:grid;grid-template-columns:.78fr 1.22fr;gap:65px;border-radius:32px;background:var(--mint);margin-top:8px;margin-bottom:105px;padding:56px}.pilot h2{font-size:52px}.pilot .button{margin-top:28px}.pilot-steps{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.pilot-steps article{border-radius:15px;padding:19px;background:white;box-shadow:0 8px 22px rgba(17,58,58,.06)}.pilot-steps b{font-family:Quicksand,sans-serif;font-size:19px;color:#00a99d;letter-spacing:-.06em}.pilot-steps h3{margin:22px 0 0;font-family:Quicksand,sans-serif;font-size:13px;letter-spacing:0}.pilot-steps p{color:#66817f;font-size:11px;line-height:1.55}.closing{display:flex;align-items:end;justify-content:space-between;gap:50px;max-width:1380px;margin:auto;padding:0 max(5vw,24px) 100px}.closing h2{max-width:830px;font-size:clamp(41px,4.5vw,60px)}
footer{display:grid;grid-template-columns:1fr 1fr 1fr;align-items:end;gap:30px;padding:42px max(5vw,24px);background:#0c3332;color:#b9d7d3}footer .brand img{height:28px}footer p{max-width:340px;margin:0;font-size:12px;line-height:1.6}footer>div:last-child{display:flex;justify-content:flex-end;gap:20px;font-size:12px;font-weight:700}footer button{border:0;background:none;padding:0;color:#b9d7d3;font-weight:700}
dialog{position:fixed;inset:0;height:fit-content;margin:auto;max-width:620px;width:calc(100% - 32px);max-height:min(760px,calc(100dvh - 32px));overflow:auto;border:0;border-radius:30px;padding:30px;background:#f9fcfb;box-shadow:0 30px 80px rgba(0,0,0,.35)}dialog::backdrop{background:rgba(7,43,42,.55);backdrop-filter:blur(5px)}dialog h2{margin:14px 0 0;font-size:31px;font-weight:600;line-height:1.2}.modal-close{position:absolute;right:22px;top:20px;display:grid;place-items:center;width:38px;height:38px;border:1px solid #d5e6e3;border-radius:50%;background:transparent;color:#47716d;font-size:25px;line-height:1}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}form{display:grid;gap:15px;margin-top:28px}form[hidden]{display:none}label{display:grid;gap:7px;color:#315c59;font-size:12px;font-weight:700}input,textarea,select{width:100%;border:1px solid #cfe2de;border-radius:12px;padding:12px;background:white;color:var(--ink)}textarea{min-height:110px;resize:vertical}input:focus,textarea:focus,select:focus{border-color:#008b84;box-shadow:0 0 0 4px rgba(0,139,132,.1)}.button:disabled{opacity:.65;transform:none;cursor:progress}.form-error{margin:0;color:#8d2f2f;font-size:13px;font-weight:600;line-height:1.5}.hp{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}#form-success .button{margin-top:8px}:focus-visible{outline:2px solid #008b84;outline-offset:3px}.dark-section :focus-visible,footer :focus-visible,.workflow-tab.active:focus-visible,.button-primary:focus-visible,.button-gold:focus-visible{outline-color:#e6cf7d}form small{text-align:center;color:#718a87;font-size:10px;line-height:1.5}#form-success{margin-top:27px;border:1px solid #bfe1d9;border-radius:18px;padding:28px;background:#e9f7f3;text-align:center}#form-success>span{display:grid;place-items:center;width:48px;height:48px;margin:auto;border-radius:50%;background:#008b84;color:white;font-size:22px}#form-success h3{margin:15px 0 0;font-size:23px}#form-success p{color:#547572;font-size:14px;line-height:1.7}
@media (max-width:900px){.site-header{height:auto;flex-wrap:wrap;row-gap:10px;padding-top:14px;padding-bottom:14px}.site-header nav{order:3;flex-basis:100%;gap:18px}.header-actions .button-secondary{display:none}.hero,.section-heading,.workflow-panel,.feature-section,.pilot{grid-template-columns:1fr}.hero{padding-top:50px}.hero-visual{max-width:640px}.workflow-tabs{padding:20px}.workflow-detail{padding:28px}.dark-section .section-heading,.dark-section .pain-grid{max-width:none}.pain-grid{grid-template-columns:1fr}.feature-section{gap:42px}.pilot{margin:0 24px 80px;padding:30px}.closing{align-items:flex-start;flex-direction:column}.section{padding-top:80px;padding-bottom:80px}}
@media (max-width:600px){.site-header{height:auto;padding:12px 16px}nav{gap:14px;font-size:12px}.header-actions .button{padding:10px 13px;font-size:11px}.header-actions .button-gold{font-size:0}.header-actions .button-gold span{font-size:17px}.brand img{height:26px}.hero{gap:38px;padding:40px 18px 58px}.eyebrow{font-size:9px}h1{font-size:42px}.intro{margin-top:22px;font-size:14px;line-height:1.65}.hero-actions{align-items:flex-start;flex-direction:column;margin-top:26px}.micro-proof{margin-top:26px;font-size:10px}.visual-card{left:13px;right:13px;bottom:13px;padding:11px}.visual-card b{font-size:12px}.visual-card em{right:10px;top:11px;font-size:8px}.visual-card p{margin-top:9px;padding-top:9px}.visual-label{top:17px;left:17px;padding:7px 9px;font-size:8px}.status-card{left:9px;bottom:-23px;max-width:205px;padding:10px;font-size:9px}.status-card b{font-size:9px}.proof-strip{grid-template-columns:1fr}.proof-strip span{border-bottom:1px solid #cfe4e1;border-right:0;padding:12px;text-align:left;font-size:10px}.proof-strip span:last-child{border-bottom:0}.section{padding:65px 18px}.section-heading{gap:23px}.section h2,.closing h2{font-size:35px}.section-heading>p{font-size:14px;line-height:1.65}.workflow-panel{margin-top:30px;border-radius:20px}.workflow-tabs{padding:13px}.workflow-tab{padding:15px}.workflow-tab small{margin-top:18px;font-size:8px}.workflow-tab b{font-size:17px}.workflow-detail{padding:22px}.workflow-detail h3{font-size:31px}.workflow-detail p:not(.eyebrow){font-size:13px}.steps{grid-template-columns:1fr}.step{padding:12px}.dark-section{padding-top:65px;padding-bottom:65px}.pain-grid{margin-top:30px}.pain-grid article{padding:20px}.pain-grid h3{margin-top:22px}.feature-section{gap:32px}.feature-list article{grid-template-columns:45px 1fr;padding:18px}.feature-list span{width:42px;height:42px;border-radius:12px}.feature-list h3{font-size:18px}.feature-list p{font-size:12px}.pilot{gap:35px;margin:0 12px 65px;padding:22px;border-radius:20px}.pilot h2{font-size:36px}.pilot-steps{grid-template-columns:1fr}.closing{padding:0 18px 65px}.closing h2{font-size:35px}footer{grid-template-columns:1fr;padding:30px 18px}footer>div:last-child{justify-content:flex-start}.form-grid{grid-template-columns:1fr}dialog{inset:auto 0 0 0;height:auto;margin:0;border-radius:25px 25px 0 0;padding:25px 20px;width:100%;max-width:none;max-height:calc(100dvh - 12px)}.modal-close{right:16px;top:14px}}