:root{--ink:#132036;--muted:#607087;--dark:#101a2b;--deep:#0c1423;--light:#f5f7fb;--mint:#b5f8d5;--purple:#b8a3ff;--line:#e2e7ee;--shadow:0 18px 50px rgba(19,32,54,.065)}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:5.5rem}
body{margin:0;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;color:var(--ink);background:#fff;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}
button,input,textarea,select{font:inherit}
button{cursor:pointer}
::selection{background:#b5f8d5;color:#0d1a2a}
:focus-visible{outline:3px solid #0e9c7b;outline-offset:4px}
.container{max-width:1180px;width:calc(100% - 80px);margin:0 auto}
.skip-link{position:absolute;z-index:99;left:1rem;top:-5rem;padding:.8rem 1rem;background:#fff;color:#111;border-radius:.4rem}
.skip-link:focus{top:1rem}
.site-header{position:relative;z-index:3;background:var(--dark);border-bottom:1px solid rgba(255,255,255,.1)}
.nav-wrap{height:88px;display:flex;align-items:center;justify-content:space-between;gap:24px}
.brand{display:inline-flex;align-items:center;gap:10px;white-space:nowrap;color:#fff;font-size:18px;font-weight:800;letter-spacing:-.065em}
.brand-icon{height:34px;width:40px;display:grid;place-items:center;color:var(--mint);font-size:17px;font-family:ui-monospace,Consolas,monospace;letter-spacing:-.16em;border:1px solid rgba(181,248,213,.25);border-radius:9px;background:rgba(181,248,213,.065);padding-right:3px}
.brand-accent{color:var(--mint)}.brand-muted{color:#e6ebf4;font-weight:500;letter-spacing:-.04em}
.desktop-nav{display:flex;gap:29px;color:#cbd4e1;font-size:13px;font-weight:600}
.desktop-nav a:hover,.back-top:hover{color:var(--mint)}
.button{display:inline-flex;align-items:center;justify-content:center;gap:20px;padding:16px 22px;min-height:52px;border-radius:9px;border:1px solid transparent;font-size:14px;line-height:1.2;font-weight:750;letter-spacing:-.01em;transition:transform .2s ease,background .2s ease,color .2s ease,box-shadow .2s ease}
.button:hover{transform:translateY(-2px)}.button span{font-size:18px;font-weight:400}
.button-small{padding:12px 17px;min-height:41px;font-size:12px}
.button-outline-light{color:#fff;border-color:rgba(255,255,255,.26)}.button-outline-light:hover{background:#fff;color:var(--dark)}
.button-primary{background:var(--mint);color:#112537;box-shadow:0 8px 30px rgba(83,231,162,.08)}.button-primary:hover{background:#dcffe9;box-shadow:0 12px 35px rgba(83,231,162,.15)}
.button-secondary{background:#fff;color:var(--ink);border-color:#cad3df}.button-secondary:hover{background:#f1f5f7}
.button-full{width:100%}
.hero{background:var(--dark);color:white;position:relative;overflow:hidden}
.hero:before{content:"";position:absolute;inset:0;opacity:.15;pointer-events:none;background-image:linear-gradient(rgba(255,255,255,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 1px);background-size:56px 56px;mask-image:linear-gradient(to right,transparent 20%,#000 100%)}
.hero-glow{position:absolute;right:-16%;top:-54%;width:870px;height:900px;border-radius:50%;background:radial-gradient(circle,rgba(113,111,242,.16),transparent 65%);pointer-events:none}
.hero-grid{display:grid;grid-template-columns:1.06fr .94fr;gap:52px;align-items:center;padding-top:110px;padding-bottom:125px;position:relative}
.eyebrow{font-size:11px;letter-spacing:.18em;font-weight:850;color:#427f70;margin:0 0 20px}.eyebrow-dark{color:#b5f8d5;display:flex;align-items:center;gap:11px}
.status-dot,.running-dot{height:8px;width:8px;background:var(--mint);border-radius:50%;box-shadow:0 0 0 4px rgba(181,248,213,.08)}
.eyebrow-sep{color:#586a7d;margin:0 1px}
h1,h2,h3,p{margin-top:0}h1,h2,h3{letter-spacing:-.055em}
h1{font-size:clamp(52px,5.1vw,78px);line-height:1.075;font-weight:760;max-width:660px;margin-bottom:24px}
h1 .highlight{color:var(--mint)}
.hero-lede{max-width:550px;color:#b9c7d7;font-size:16px;line-height:1.82;margin-bottom:29px}
.hero-actions{display:flex;align-items:center;gap:25px;flex-wrap:wrap}
.text-link{color:#e8f0f6;font-size:14px;font-weight:700}.text-link span{margin-left:6px}.text-link:hover{color:var(--mint)}
.hero-proof{display:flex;flex-wrap:wrap;gap:13px 24px;margin-top:52px;color:#b3c2d3;font-size:11px;font-weight:650}
.hero-proof span{display:inline-flex;align-items:center;gap:7px}.hero-proof svg{height:14px;width:14px;stroke:var(--mint);stroke-width:2.5;fill:none;stroke-linecap:round;stroke-linejoin:round}
.hero-visual{position:relative;padding:20px 8px 35px 4px}
.editor{border:1px solid #354358;border-radius:14px;background:#131f30;box-shadow:0 38px 90px rgba(0,0,0,.28);transform:rotate(1deg);overflow:hidden}
.editor-topbar{height:51px;display:flex;align-items:center;padding:0 18px;background:#1d2a3d;border-bottom:1px solid #334154;gap:12px;color:#cdd9e7;font-size:11px}
.dots{display:flex;gap:6px}.dots i{height:9px;width:9px;border-radius:50%;background:#ef887e}.dots i:nth-child(2){background:#e8c570}.dots i:nth-child(3){background:#7fceaf}
.editor-filename{font-family:ui-monospace,Consolas,monospace}.editor-top-right{margin-left:auto;color:#778ca4;font-size:9px;letter-spacing:.13em}
.editor-code{padding:30px 18px 33px;font:12px/2.2 ui-monospace,SFMono-Regular,Consolas,"Liberation Mono",monospace;color:#e3ecf8;white-space:nowrap;overflow:hidden}
.editor-code .ln{display:inline-block;width:33px;color:#526a81;user-select:none}.editor-code .comment{color:#8595aa}.editor-code .purple{color:#c5a5ff}.editor-code .yellow{color:#ffe295}.editor-code .green{color:#9be9a7}.editor-code .mint{color:#8cead2}.cursor{display:inline-block;background:#b5f8d5;width:6px;height:15px;margin-left:3px;vertical-align:-3px;opacity:.75}
.editor-footer{height:39px;border-top:1px solid #2f3c50;display:flex;align-items:center;gap:9px;padding:0 20px;color:#9eafc2;font-size:10px}.editor-footer .running-dot{width:6px;height:6px}.editor-footer-right{margin-left:auto}.sep-dot{padding:0 3px;color:#58718c}
.floating-note{display:flex;align-items:center;gap:12px;position:absolute;left:-37px;bottom:0;background:#fff;color:#142238;padding:15px 22px 15px 14px;box-shadow:0 20px 70px rgba(0,0,0,.22);border-radius:12px;transform:rotate(-3deg)}
.note-icon{height:43px;width:43px;display:grid;place-items:center;border-radius:10px;background:#e9fff1;color:#13946e;font-size:25px}
.floating-note strong{display:block;font-size:12px;letter-spacing:-.02em}.floating-note small{display:block;color:#68788e;font-size:10px;margin-top:4px}
.audience-bar{border-bottom:1px solid var(--line);background:#f8fafb}
.audience-inner{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-top:28px;padding-bottom:28px}
.audience-inner p{font-size:10px;letter-spacing:.14em;font-weight:800;color:#62738a;margin:0;white-space:nowrap}
.audience-types{display:flex;gap:24px;flex-wrap:wrap}.audience-types span{font-size:12px;font-weight:650;color:#47576b}
.section{padding:110px 0}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:45px;margin-bottom:39px}.section-heading h2,.pricing-head h2,.approach-intro h2,.faq-grid h2,.contact-intro h2{font-size:clamp(34px,3.45vw,48px);line-height:1.15;margin:0;font-weight:770;max-width:650px}
.heading-italic{font-family:Georgia,"Times New Roman",serif;font-weight:400;font-style:italic;letter-spacing:-.05em}
.section-heading>p{max-width:300px;font-size:14px;line-height:1.75;color:var(--muted);margin:0}
.subjects-section{background:#f7f9fc}
.topics-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.topic-card{border:1px solid #e5eaf1;border-radius:14px;background:#fff;padding:25px 27px 26px;min-height:277px;box-shadow:0 8px 18px rgba(29,46,74,.018);transition:transform .2s ease,box-shadow .2s ease}
.topic-card:hover{transform:translateY(-4px);box-shadow:var(--shadow)}
.topic-num{font-size:9px;color:#8996aa;font-weight:850;letter-spacing:.16em}
.topic-symbol{display:grid;place-items:center;width:46px;height:46px;border-radius:11px;font-size:24px;font-weight:700;letter-spacing:-.16em;margin-top:20px;margin-bottom:17px;padding-right:3px;font-family:ui-monospace,Consolas,monospace}
.symbol-blue{background:#eaf0ff;color:#4e71bb}.symbol-mint{background:#e5faf0;color:#1d936f}.symbol-purple{background:#f0eaff;color:#8361ca}.symbol-peach{background:#fff0e5;color:#b67945}
.topic-card h3{font-size:20px;margin:0 0 10px;font-weight:750;letter-spacing:-.04em}.topic-card p{font-size:12.5px;line-height:1.75;color:#607087;margin:0 0 20px;min-height:44px}
.tags{display:flex;flex-wrap:wrap;gap:6px}.tags span{font-size:10px;font-weight:650;background:#f3f6f9;color:#6e7e93;border-radius:5px;padding:6px 8px;white-space:nowrap}
.after-grid{text-align:center;margin:26px 0 0;font-size:13px;color:#5b697c}.after-grid a{color:#176b58;font-weight:800;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px}
.approach-section{background:#fff}.approach-grid{display:grid;grid-template-columns:.87fr 1.13fr;gap:100px;align-items:start}
.approach-intro h2{margin-bottom:25px}.approach-intro>p:not(.eyebrow){color:var(--muted);font-size:14px;line-height:1.95;margin-bottom:14px;max-width:445px}
.experience-line{display:flex;align-items:center;gap:17px;margin-top:37px;padding-top:25px;border-top:1px solid var(--line);max-width:410px;color:#66778d;font-size:12px;line-height:1.5}
.experience-number{font-size:52px;line-height:1;color:#17253b;font-weight:750;letter-spacing:-.08em}.experience-number>span{color:#2d9e7d;font-size:28px;vertical-align:top;margin-left:2px}
.steps{border-left:1px solid #e1e7ee;margin-top:13px;padding-left:40px}
.step{display:grid;grid-template-columns:49px 1fr;gap:20px;padding:0 0 37px;margin-bottom:35px;border-bottom:1px solid var(--line)}.step:last-child{margin-bottom:0;border-bottom:0;padding-bottom:0}
.step-number{height:45px;width:45px;display:grid;place-items:center;background:#ebf8f0;color:#1c815e;border-radius:12px;font-size:12px;font-weight:800}
.step h3{font-size:21px;margin:0 0 10px}.step p{color:var(--muted);line-height:1.8;font-size:13px;max-width:400px;margin:0}
.pricing-section{background:#122037;color:#fff;position:relative;overflow:hidden}
.pricing-section:before{content:"";position:absolute;right:0;top:-220px;width:600px;height:600px;border-radius:50%;background:radial-gradient(circle,rgba(165,144,255,.1),transparent 70%);pointer-events:none}
.pricing-head{display:flex;justify-content:space-between;align-items:end;gap:40px;margin-bottom:39px;position:relative}.pricing-head .eyebrow{color:var(--mint)}
.pricing-head h2{max-width:540px}.pricing-head>p{font-size:13px;line-height:1.75;color:#b4c1d1;max-width:350px;margin:0}
.pricing-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;position:relative}
.price-card{border-radius:15px;padding:34px 38px 33px;display:flex;flex-direction:column;align-items:flex-start}.price-featured{background:#e9fff1;color:#132e2b;border:1px solid #dcffeb}.price-standard{background:#1c2c42;border:1px solid #3c4c60;color:#eef3fa}
.offer-badge,.price-overline{font-size:10px;font-weight:850;letter-spacing:.14em;min-height:25px;display:inline-flex;align-items:center;margin-bottom:14px}.offer-badge{color:#155e4c;background:#c9f5de;padding:4px 8px;border-radius:5px}.price-overline{color:#a7b7cb}
.price-card h3{font-size:23px;margin:0 0 17px}.price{display:flex;align-items:baseline;font-size:75px;font-weight:780;letter-spacing:-.09em;line-height:1}.currency{font-size:32px;vertical-align:top;margin-right:3px;letter-spacing:-.06em}.per{font-size:15px;letter-spacing:-.01em;font-weight:650;opacity:.73;margin-left:12px}
.price-card>p{font-size:14px;line-height:1.7;min-height:50px;max-width:310px;margin:18px 0 14px}.price-standard>p{color:#c3cddb}
.price-card ul{margin:0 0 29px;padding:0;list-style:none;display:grid;gap:14px;font-size:12px;color:inherit;opacity:.88}.price-card li{padding-left:22px;position:relative}.price-card li:before{content:"✓";color:#14885e;position:absolute;left:0;font-weight:900}.price-standard li:before{color:var(--mint)}
.price-card .button{margin-top:auto}.price-featured .button-primary{background:#132e2b;color:#fff}.price-featured .button-primary:hover{background:#255449}.price-standard .button-secondary{background:#f8fcff;color:#122037}
.consult-note{margin:29px 0 0;text-align:center;color:#bdcbd8;font-size:13px}.consult-note span{color:var(--mint);font-size:20px;vertical-align:-3px;margin-right:6px}.consult-note strong{color:#fff}
.faq-section{background:#fff}.faq-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:110px}.faq-intro{font-size:14px;line-height:1.9;color:var(--muted);max-width:350px;margin:25px 0 0}
.faq-list{border-top:1px solid var(--line)}.faq-list details{border-bottom:1px solid var(--line);padding:19px 0}.faq-list summary{cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:20px;list-style:none;font-weight:730;font-size:14px;letter-spacing:-.02em}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary span{font-size:23px;font-weight:350;color:#4e957c;transition:transform .2s}.faq-list details[open] summary span{transform:rotate(45deg)}.faq-list details p{font-size:13px;color:var(--muted);line-height:1.8;max-width:550px;margin:12px 28px 1px 0}
.contact-section{background:#f0f7f6;padding:110px 0 115px}.contact-grid{display:grid;grid-template-columns:.91fr 1.09fr;gap:105px;align-items:start}.contact-intro h2{max-width:500px}.contact-intro>p:not(.eyebrow):not(.contact-email-label){font-size:15px;color:#556b77;line-height:1.85;max-width:410px;margin:24px 0 27px}
.contact-reassurance{line-height:2.5;color:#425e61;font-size:13px;font-weight:650}.contact-reassurance span{margin-right:11px;color:#168c69;font-weight:900}
.contact-email-label{font-size:11px;font-weight:850;color:#627977;margin:33px 0 8px;letter-spacing:.04em}.contact-email-link{font-size:14px;font-weight:750;text-decoration:underline;text-underline-offset:4px;color:#166b59;overflow-wrap:anywhere}
.contact-card{background:#fff;border:1px solid #dfebe8;border-radius:16px;padding:38px;box-shadow:0 28px 75px rgba(30,65,57,.075)}
.form-mark{display:grid;place-items:center;background:#ddf9e8;color:#227a5a;border-radius:11px;height:43px;width:43px;font-size:24px;margin-bottom:18px}
.contact-card h3{font-size:25px;margin:0 0 8px}.contact-card-head>p{color:#748395;font-size:12px;line-height:1.75;margin:0 0 25px}
.form-row{display:flex;flex-direction:column;gap:8px;margin-bottom:17px}.form-row label{font-size:12px;font-weight:800;color:#3b4d61}.form-row input,.form-row textarea,.form-row select{width:100%;background:#fbfcfe;color:#17283c;border:1px solid #d7e0e8;border-radius:8px;padding:13px 14px;min-height:47px;outline:none;font-size:13px}.form-row input:focus,.form-row textarea:focus,.form-row select:focus{border-color:#36a37e;box-shadow:0 0 0 3px rgba(54,163,126,.12)}.form-row textarea{resize:vertical;min-height:112px}
.form-row input::placeholder,.form-row textarea::placeholder{color:#9aa7b7}.contact-card .button-primary{background:#142c2b;color:#fff}.contact-card .button-primary:hover{background:#265249}.form-footnote{color:#8c9aaa;font-size:10.5px;text-align:center;line-height:1.6;margin:12px 0 0}.form-status{color:#126548;font-size:12px;line-height:1.6;margin:9px 0 0}.form-status:empty{display:none}
.setup-warning{margin-top:20px;background:#fff3d8;border:1px solid #e3bc64;border-radius:8px;padding:13px 15px;color:#68471c;font-size:12px;line-height:1.6}.setup-warning[hidden]{display:none}
.site-footer{background:#0e1828;color:#bac8d8}.footer-inner{display:flex;align-items:center;justify-content:space-between;gap:30px;min-height:116px}.footer-brand{font-size:16px}.footer-inner p{color:#8fa2b7;font-size:11px;margin:0;max-width:360px;line-height:1.5}.back-top{white-space:nowrap;font-size:12px;font-weight:700}
@media(max-width:1070px){.desktop-nav{gap:16px}.hero-grid{gap:26px}.floating-note{left:-16px}.container{width:calc(100% - 56px)}.hero-grid{padding-top:90px}.approach-grid,.contact-grid{gap:55px}.faq-grid{gap:55px}}
@media(max-width:810px){.desktop-nav{display:none}.nav-wrap{height:76px}.hero-grid{grid-template-columns:1fr;gap:38px;padding-top:78px;padding-bottom:92px}.hero-content{max-width:685px}.hero-visual{max-width:630px;width:100%;margin:0 auto}.editor-code{font-size:13px}.floating-note{left:-15px}.hero-proof{margin-top:36px}.audience-inner{align-items:start;flex-direction:column;gap:15px}.topics-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.section-heading{align-items:start;flex-direction:column;gap:15px}.section-heading>p{max-width:560px}.approach-grid,.faq-grid,.contact-grid{grid-template-columns:1fr;gap:42px}.steps{padding-left:20px}.pricing-head{align-items:start;flex-direction:column;gap:16px}.pricing-head>p{max-width:560px}.section{padding:84px 0}.contact-section{padding:85px 0}.contact-card{max-width:640px}.footer-inner{flex-wrap:wrap;padding:27px 0;gap:12px}.footer-inner p{order:3;width:100%;max-width:none}}
@media(max-width:570px){.container{width:calc(100% - 36px)}.nav-wrap{gap:9px}.brand{font-size:15px}.brand-icon{width:34px;height:31px;font-size:14px}.button-small{font-size:11px;padding:9px 11px;gap:6px;min-height:38px}.hero-grid{padding-top:69px;padding-bottom:79px}.hero h1{font-size:clamp(43px,10.6vw,58px)}.hero-lede{font-size:15px;line-height:1.8}.hero-actions{align-items:stretch;gap:19px;flex-direction:column}.hero-actions .button{width:100%}.hero-actions .text-link{text-align:center}.hero-proof{gap:13px;display:grid;grid-template-columns:1fr 1fr;font-size:10px}.hero-proof span:last-child{grid-column:1/-1}.hero-visual{padding:6px 0 33px}.editor-code{font-size:9px;padding:20px 9px 23px;line-height:2.35}.editor-code .ln{width:24px}.editor-topbar{padding:0 11px;height:43px}.editor-footer{padding:0 11px}.floating-note{left:4px;bottom:0;padding:10px 13px 10px 9px}.note-icon{height:33px;width:33px;font-size:19px}.floating-note strong{font-size:10px}.floating-note small{font-size:9px}.audience-types{gap:9px 18px}.audience-types span{font-size:11px}.audience-inner{padding:22px 0}.section{padding:73px 0}.section-heading h2,.pricing-head h2,.approach-intro h2,.faq-grid h2,.contact-intro h2{font-size:36px}.topics-grid,.pricing-grid{grid-template-columns:1fr}.topic-card{min-height:0;padding:23px 24px}.topic-card p{min-height:0}.approach-grid,.contact-grid,.faq-grid{gap:34px}.steps{margin-top:2px;padding-left:0;border:0}.step{gap:14px;grid-template-columns:43px 1fr;padding-bottom:27px;margin-bottom:27px}.step-number{width:41px;height:41px}.price-card{padding:29px 26px}.price{font-size:65px}.consult-note{line-height:1.75}.faq-list summary{font-size:13px}.contact-section{padding:74px 0}.contact-card{padding:24px 20px}.footer-inner{align-items:center}.footer-brand{font-size:14px}.footer-inner p{line-height:1.8}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}