:root{--ink:#172b26;--muted:#63716b;--paper:#f7f8f3;--line:#dce3db;--green:#dcedb8;--white:#fff}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:30px}
body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.65 Inter,system-ui,sans-serif}
a{color:inherit;text-decoration:none}
button,input,select,textarea{font:inherit}
button,a,input,select,textarea{touch-action:manipulation}
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #537c35;outline-offset:4px}
button{cursor:pointer}
button:disabled{opacity:.4;cursor:default}
[hidden]{display:none!important}
.wrap{width:min(1160px,calc(100% - 64px));margin-inline:auto}
.nav{min-height:100px;display:flex;align-items:center;gap:30px;border-bottom:1px solid var(--line)}
.brand{margin-right:auto}
.logo-wordmark{font-family:'Dancing Script',cursive;font-size:48px;font-weight:700;line-height:1}
.nav nav{display:flex;gap:28px;font-size:14px}
.console-link{font-size:14px}
.button{display:inline-flex;align-items:center;justify-content:space-between;gap:28px;padding:15px 23px;border-radius:8px;background:var(--ink);color:#fff;font-size:14px;font-weight:600;border:1px solid var(--ink);line-height:1.5}
.button:hover{background:#304a40}
.button.secondary{background:transparent;color:var(--ink);border-color:#b5c1b8}
.button.secondary:hover{background:#edf1e8}
.button.small{padding:10px 18px}
.menu-toggle{display:none}
.skip{position:absolute;top:-100px;background:white;padding:12px;z-index:10}
.skip:focus{top:0}
h1,h2,h3,p{margin-top:0}
h1,h2,h3{font-weight:500;letter-spacing:-.045em;line-height:1.12}
h1{font-size:clamp(44px,5.5vw,74px);margin-bottom:26px}
h1 em,h2 em{font-family:Georgia,serif;font-weight:400}
h2{font-size:clamp(30px,3.3vw,44px);margin-bottom:22px}
h3{font-size:23px;margin-bottom:14px}
p{margin-bottom:18px}
.intro{font-size:18px;color:var(--muted);max-width:600px;line-height:1.7}
.eyebrow{font-size:11px;font-weight:700;letter-spacing:.14em;margin-bottom:22px}
.dot:before{content:'';display:inline-block;background:#709349;width:7px;height:7px;border-radius:50%;margin-right:9px}
.hero{display:grid;grid-template-columns:1.05fr 1fr;gap:64px;padding-block:76px}
.hero-visual{display:flex;flex-direction:column;justify-content:center}
.cta-row{display:flex;gap:12px;flex-wrap:wrap;margin:28px 0 15px}
.fine{font-size:12px;color:var(--muted);line-height:1.6}
.availability{font-size:12px;color:var(--muted);padding-top:14px}
.workspace-preview{background:#fff;border:1px solid var(--line);border-radius:14px;box-shadow:0 20px 50px #1c38230c;overflow:hidden;transform:rotate(-1deg)}
.preview-label{padding:9px 20px;background:#e9efdf;font-size:10px;text-transform:uppercase;letter-spacing:.12em}
.preview-top{display:flex;align-items:center;gap:12px;padding:18px 24px;border-bottom:1px solid var(--line);font-size:11px;color:var(--muted)}
.preview-top .logo-wordmark{font-size:30px;color:var(--ink);margin-right:auto}
.avatar{border-radius:50%;background:var(--green);padding:7px;font-size:10px}
.preview-body{padding:26px}
.preview-body h2{font-size:25px}
.preview-stats{display:flex;gap:12px;margin:24px 0}
.preview-stats>div{background:var(--paper);padding:15px;flex:1;border-radius:7px;font-size:10px}
.preview-stats strong{display:block;font-size:27px;font-weight:500}
.sample-record{display:flex;align-items:center;gap:12px;border-top:1px solid var(--line);padding:16px 0;font-size:12px}
.sample-record>div{flex:1}
.sample-record small{display:block;color:var(--muted)}
.record-icon{background:#eaf0e1;padding:10px;border-radius:7px}
.tag{display:inline-block;border-radius:20px;padding:5px 10px;background:#e8efdf;color:#3d583c;font-size:10px;font-weight:600;white-space:nowrap}
.preview-connection{margin-top:12px;border:1px dashed #aebfa9;border-radius:6px;padding:12px;font-size:10px;text-align:center}
.hero-visual>p{margin:20px 10px 0}
.benefit-strip{border-block:1px solid var(--line);display:grid;grid-template-columns:repeat(3,1fr);padding:24px 0;gap:24px;font-size:13px}
.section{padding-block:90px}
.section.compact{padding-block:55px}
.section-heading{max-width:660px;margin-bottom:38px}
.section-heading p:not(.eyebrow){color:var(--muted)}
.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.cards.two{grid-template-columns:repeat(2,1fr)}
.cards article,.card{background:white;border:1px solid var(--line);border-radius:12px;padding:30px}
.cards article p,.card p{color:var(--muted);font-size:14px}
.card h2{font-size:27px}
.cards .number{display:block;font-size:12px;color:var(--muted);margin-bottom:42px}
.text-link{display:inline-block;font-size:13px;font-weight:600;border-bottom:1px solid #9eaf9c;padding-bottom:4px;margin-top:8px}
.soft{background:#ecf0e6}
.split,.pricing-layout{display:grid;grid-template-columns:1fr 1fr;gap:100px;align-items:start}
.flow{display:grid;gap:0}
.flow>div{border-top:1px solid #cad4c4;padding:22px 0;display:flex;gap:25px}
.flow b{font-size:12px}
.flow h3{font-size:21px}
.flow p{font-size:14px;color:var(--muted);margin:0}
.check-list{list-style:none;padding:0;margin:25px 0}
.check-list li{position:relative;padding-left:25px;margin:12px 0;font-size:14px}
.check-list li:before{content:'✓';position:absolute;left:0;color:#537342}
.price-card{background:#fff;border:1px solid #cbd7c1;border-radius:14px;padding:35px;box-shadow:0 15px 35px #243b1808}
.price-head{display:flex;align-items:center;justify-content:space-between;gap:20px}
.price-head h3{margin:0}
.billing-toggle{display:flex;gap:4px;background:var(--paper);border:1px solid var(--line);border-radius:8px;padding:4px;margin:25px 0}
.billing-toggle button{flex:1;border:0;border-radius:5px;padding:10px;font-size:12px;background:transparent;color:var(--muted)}
.billing-toggle button[aria-pressed=true]{background:var(--ink);color:white}
.price{display:flex;align-items:baseline;gap:9px}
.price strong{font-size:58px;font-weight:500;letter-spacing:-.05em}
.price span{color:var(--muted);font-size:14px}
.price-card .button{width:100%}
.price-card .fine{margin-top:10px}
.faq{max-width:800px}
.faq details{border-bottom:1px solid var(--line);padding:21px 0}
.faq summary{font-weight:500;cursor:pointer;list-style-position:outside;margin-left:18px}
.faq details p{font-size:14px;color:var(--muted);padding:18px 18px 0;margin:0}
.closing{background:var(--ink);color:white;border-radius:16px;padding:50px;display:flex;align-items:center;justify-content:space-between;gap:35px;margin-bottom:70px}
.closing h2{margin-bottom:12px}
.closing p{color:#c5d1c7;margin:0}
.closing .button{background:var(--green);color:var(--ink);flex-shrink:0}
.footer{display:flex;justify-content:space-between;gap:40px;align-items:start;padding-block:45px;border-top:1px solid var(--line);font-size:12px}
.footer .logo-wordmark{font-size:36px}
.footer p{color:var(--muted);margin-top:15px}
.footer nav{display:grid;grid-template-columns:1fr 1fr;gap:8px 28px}
.page-intro{padding-block:65px 40px}
.page-intro .intro{max-width:670px}
.tour-tabs{display:flex;border-bottom:1px solid var(--line)}
.tour-tabs button{flex:1;padding:20px;background:none;border:0;border-bottom:3px solid transparent;color:var(--muted);font-size:12px;text-align:left}
.tour-tabs button span{margin-left:15px;font-size:16px}
.tour-tabs button[aria-selected=true]{border-color:var(--ink);color:var(--ink)}
.tour-panel{display:grid;grid-template-columns:1fr 1fr;gap:80px;background:#ecf0e6;padding:48px;border-radius:0 0 12px 12px}
.tour-explanation>p:not(.eyebrow){color:var(--muted);font-size:14px}
.tour-record{background:#fff;border:1px solid #ccd7c4;border-radius:10px;overflow:hidden;box-shadow:0 15px 30px #243b1808}
.record-content{padding:25px}
.record-content>p:not(.eyebrow){font-size:13px;color:var(--muted)}
.record-content dl{margin-block:25px}
.record-content dl div{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding:10px 0;font-size:11px;gap:20px}
.record-content dt{color:var(--muted)}
.record-content dd{margin:0;text-align:right}
.record-link{background:var(--paper);padding:12px;font-size:11px;border-radius:6px}
.tour-controls{display:flex;align-items:center;justify-content:space-between;margin-top:25px}
.tour-controls p{margin:0}
.guide-layout{display:grid;grid-template-columns:240px 1fr;gap:60px;padding-bottom:70px}
.guide-index{position:sticky;top:30px;align-self:start;display:grid;gap:12px;font-size:13px;border-left:2px solid var(--line);padding-left:22px}
.guide-articles article{border-top:1px solid var(--line);padding:35px 0}
.guide-articles article h2{font-size:32px}
.guide-articles article p,.guide-articles li{color:var(--muted);font-size:15px}
.guide-articles li{margin-bottom:12px;padding-left:8px}
.note{padding:22px;background:#eaf0e2;border-radius:8px;font-size:13px;margin-top:24px}
.note p:last-child{margin-bottom:0}
.readable{max-width:800px;padding-bottom:70px}
.readable article{margin-bottom:20px}
.readable h2{font-size:28px}
.availability-layout,.contact-layout{display:grid;grid-template-columns:1fr 1fr;gap:40px;padding-bottom:80px}
.contact-layout{grid-template-columns:.8fr 1.2fr}
.stack-links{display:grid;gap:15px;font-size:13px}
.stack-links a{border-bottom:1px solid var(--line);padding-bottom:10px}
label{display:block;font-size:12px;font-weight:600;margin-bottom:18px}
input,textarea,select{width:100%;padding:12px;margin-top:7px;background:#fff;border:1px solid #bcc9bd;border-radius:6px;color:var(--ink);font-size:14px}
textarea{resize:vertical}
.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.optional{font-weight:400;color:var(--muted)}
.topic-help{margin-top:-8px}
.privacy-copy{margin-block:25px}
.honeypot{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}
.error{color:#9b2424!important;margin-top:20px}
.ticket-reference{font-family:monospace;font-size:15px!important;overflow-wrap:anywhere;color:var(--ink)!important;background:var(--paper);padding:15px;border-radius:6px}
.contact-layout .button{min-width:180px}

@media(max-width:900px){.nav{gap:20px}
.nav nav{gap:18px}
.hero{gap:30px}
.split,.pricing-layout{gap:40px}
.tour-panel{gap:35px;padding:30px}
.guide-layout{grid-template-columns:180px 1fr;gap:30px}
.cards article,.card{padding:24px}
.closing{padding:35px}
.footer{gap:25px}
}

@media(max-width:700px){.wrap{width:calc(100% - 36px)}
.nav{min-height:80px;flex-wrap:wrap;gap:18px}
.nav .brand{margin-right:auto}
.nav>.button{display:none}
.nav nav{display:none;order:5;width:100%;padding-bottom:20px}
.nav nav.open{display:flex}
.menu-toggle{display:block;border:1px solid var(--line);background:transparent;border-radius:6px;padding:5px 11px;font-size:20px}
.hero{grid-template-columns:1fr;padding-block:45px;gap:35px}
.hero-visual{max-width:500px}
.benefit-strip{grid-template-columns:1fr;gap:12px;padding:20px 0}
.section{padding-block:55px}
.cards,.cards.two,.split,.pricing-layout,.tour-panel,.availability-layout,.contact-layout{grid-template-columns:1fr}
.cards .number{margin-bottom:22px}
.split,.pricing-layout{gap:30px}
.closing{flex-direction:column;align-items:start;padding:30px;margin-bottom:40px}
.closing h2{font-size:32px}
.footer{flex-wrap:wrap}
.footer nav{width:100%}
.footer>.fine{margin:0}
.page-intro{padding-block:40px 25px}
.tour-tabs button{padding:15px 8px}
.tour-tabs button span{margin-left:5px;font-size:13px}
.tour-panel{padding:25px;gap:25px}
.tour-controls{gap:10px}
.tour-controls .button{font-size:12px;padding:12px;gap:5px}
.guide-layout{grid-template-columns:1fr;gap:25px}
.guide-index{position:static;grid-template-columns:1fr 1fr;font-size:12px}
.price-card{padding:25px}
.form-grid{grid-template-columns:1fr;gap:0}
.contact-layout{gap:25px}
.contact-layout aside .note{margin-top:15px}
.preview-body{padding:22px}
.price strong{font-size:50px}
}

@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}
}

.hero-actions{display:flex;gap:25px;align-items:center;margin:28px 0 15px;flex-wrap:wrap}
.hero-actions .text-link{margin:0}
.soft-section{background:#ecf0e6;padding-block:80px}
.price-top{display:flex;justify-content:space-between;align-items:center;gap:15px}
.price-top h3{margin:0}
.price-value{margin:20px 0 0;line-height:1.3}
.price-value #price{font-size:58px;letter-spacing:-.05em}
.price-value #price-unit{font-size:14px;color:var(--muted)}
.sample-row{display:flex;align-items:center;gap:10px;border-top:1px solid var(--line);padding:15px 0;font-size:11px}
.sample-row>div{flex:1}
.sample-row small{display:block;color:var(--muted);font-size:10px}
.sample-icon{background:#eaf0e1;padding:8px 10px;border-radius:6px}
.pill{border-radius:20px;padding:4px 8px;background:#f0f2ec;font-size:9px;white-space:nowrap}
.pill.success{background:#e7efd8;color:#425d32}
.flow{list-style:none;padding:0;margin:0}
.flow li{display:flex;gap:25px;padding:24px 0;border-top:1px solid #cbd7c4}
.flow li>span{font-size:12px;color:var(--muted)}
.flow li b{font-size:18px;font-weight:500}
.flow small{display:block;font-size:13px;color:var(--muted);margin-top:5px}
.guide-card{display:block;background:white;border:1px solid var(--line);border-radius:12px;padding:30px;transition:background .15s}
.guide-card:hover{background:#edf2e5}
.guide-card p{font-size:14px;color:var(--muted)}
.scope-grid{display:grid;grid-template-columns:1fr 1fr;gap:25px}
.scope-grid h3{font-size:20px}
.availability-layout .card>h2{margin-top:25px}
.availability-layout .fine{margin-top:25px}
.caption{text-align:center}

@media(max-width:700px){.soft-section{padding-block:50px}
.scope-grid{grid-template-columns:1fr}
.guide-card{padding:24px}
.price-value #price{font-size:50px}
.hero-actions{gap:20px}
}