@charset "UTF-8";
:root{color-scheme:light;--ink:#152d3a;--paper:#f7f6f2;--white:#fff;--evergreen:#24685f;--sage:#e5eee9;--brass:#c79a5a;--slate:#52636a;--mist:#dce5e0;--line:#d9e0dc;--shadow:0 20px 60px rgba(21,45,58,.09);--serif:Georgia,"Times New Roman",serif;--sans:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:92px}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased}img{max-width:100%;display:block}a{color:inherit}button,input{font:inherit}.container{width:min(1120px,calc(100% - 48px));margin-inline:auto}.section-pad{padding:92px 0}.section-wash{background:#eff2ee}.section-sage{background:#e5eee9}.section-ink{background:var(--ink);color:var(--paper)}.skip-link{position:absolute;left:12px;top:-60px;background:#fff;padding:10px 14px;z-index:100;border:2px solid var(--evergreen);border-radius:6px}.skip-link:focus{top:12px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.site-header{position:sticky;top:0;z-index:20;background:rgba(247,246,242,.96);border-bottom:1px solid rgba(21,45,58,.08);backdrop-filter:blur(12px)}.header-inner{min-height:78px;display:flex;align-items:center;justify-content:space-between;gap:28px}.brand{display:inline-flex;align-items:center;gap:11px;text-decoration:none;flex-shrink:0}.brand-mark{width:42px;height:42px;object-fit:cover}.brand-text{display:grid;line-height:1.05}.brand-name{font-family:var(--serif);font-size:19px;font-weight:700;letter-spacing:-.025em}.brand-sub{margin-top:4px;color:var(--slate);font-size:10px;letter-spacing:.14em;text-transform:uppercase}.primary-nav{display:flex;align-items:center;gap:27px}.primary-nav a,.footer-nav a{font-size:13px;font-weight:600;text-decoration:none;color:#324954}.primary-nav a:hover,.footer-nav a:hover,.text-link:hover{color:var(--evergreen)}.primary-nav a:focus-visible,.footer-nav a:focus-visible,.text-link:focus-visible,.brand:focus-visible{outline:3px solid var(--brass);outline-offset:4px;border-radius:3px}.primary-nav .nav-cta{border:1px solid var(--line);border-radius:999px;padding:9px 15px;color:var(--evergreen)}.nav-toggle{display:none;width:44px;height:44px;border:1px solid var(--line);border-radius:50%;background:transparent;color:var(--ink);align-items:center;justify-content:center}.nav-toggle-lines,.nav-toggle-lines:before,.nav-toggle-lines:after{display:block;position:relative;width:17px;height:2px;background:var(--ink);content:""}.nav-toggle-lines:before{position:absolute;top:-6px}.nav-toggle-lines:after{position:absolute;top:6px}
.eyebrow{margin:0 0 15px;color:var(--evergreen);font-size:10px;font-weight:750;letter-spacing:.16em;line-height:1.5;text-transform:uppercase}.eyebrow-dot{display:inline-block;width:7px;height:7px;margin-right:5px;border-radius:50%;background:var(--brass);vertical-align:1px}.eyebrow-divider{margin:0 7px;color:#9aa8a3}.hero{padding-top:80px;padding-bottom:76px}.hero-grid{display:grid;grid-template-columns:1.04fr .96fr;align-items:center;gap:58px}.hero h1,.product-hero h1{max-width:700px;margin:0;color:var(--ink);font-family:var(--serif);font-size:clamp(43px,5.6vw,70px);font-weight:500;letter-spacing:-.05em;line-height:1.04}.hero-lede{max-width:580px;margin:23px 0 0;color:#435761;font-size:17px;line-height:1.7}.hero-actions{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin-top:28px}.button{display:inline-flex;min-height:48px;align-items:center;justify-content:center;gap:8px;border:1px solid transparent;border-radius:999px;padding:12px 20px;text-align:center;text-decoration:none;font-size:13px;font-weight:700;line-height:1.3;cursor:pointer;transition:background-color .18s ease,border-color .18s ease,transform .18s ease,color .18s ease}.button:hover{transform:translateY(-1px)}.button:focus-visible{outline:3px solid var(--brass);outline-offset:3px}.button-primary{background:var(--evergreen);color:white}.button-primary:hover{background:#1d574f}.button-quiet{background:transparent;color:var(--evergreen)}.button-quiet:hover{background:var(--sage)}.button-outline{background:var(--white);border-color:var(--line);color:var(--ink)}.button-outline:hover{border-color:var(--evergreen)}.button-small{min-height:40px;padding:9px 15px;font-size:12px}.button-large{min-height:56px;padding:16px 24px;font-size:14px}.price-note{margin:15px 0 0;color:var(--slate);font-size:12px}.price-note strong{color:var(--ink);font-size:14px}.price-note>span[aria-hidden]{padding:0 5px;color:var(--brass)}.preview-label{color:#5a696e;font-size:11px}.trust-line{display:flex;align-items:center;gap:7px;margin-top:23px;color:var(--slate);font-size:11px}.trust-star{color:var(--brass);font-size:15px}.hero-visual{position:relative}.hero-image-wrap{position:relative;overflow:hidden;aspect-ratio:1.14;border:1px solid rgba(21,45,58,.1);border-radius:28px;background:linear-gradient(145deg,#e8eee9,#ede3d3)}.hero-image-wrap>img{width:100%;height:100%;object-fit:cover;object-position:center}.hero-note{position:absolute;right:18px;bottom:18px;display:flex;align-items:center;gap:11px;max-width:280px;border:1px solid rgba(255,255,255,.65);border-radius:14px;padding:12px 16px;background:rgba(255,255,255,.94);box-shadow:0 14px 32px rgba(21,45,58,.12)}.hero-note-mark{display:grid;width:32px;height:32px;place-items:center;border-radius:50%;background:var(--sage);color:var(--evergreen)}.hero-note strong,.hero-note small{display:block}.hero-note strong{font-size:11px}.hero-note small{margin-top:2px;color:var(--slate);font-size:10px}.visual-caption{margin:12px 0 0;text-align:right;color:var(--slate);font-size:10px}
.intro-band{padding:23px 0;background:#e5eee9;border-block:1px solid #d5e2da}.intro-band-inner{display:flex;justify-content:space-between;gap:32px}.intro-band p{margin:0;font-family:var(--serif);font-size:18px}.intro-band-answer{color:var(--evergreen)}.split-section{display:grid;grid-template-columns:.84fr 1.16fr;gap:80px;align-items:start}.section-heading h2,.section-ink h2,.offer-card h2{margin:0;font-family:var(--serif);font-size:clamp(32px,4vw,48px);font-weight:500;letter-spacing:-.035em;line-height:1.12}.section-heading p:not(.eyebrow){max-width:580px;margin:14px 0 0;color:var(--slate)}.section-body p{margin:0 0 16px;color:#435761}.text-link{display:inline-flex;align-items:center;gap:8px;margin-top:7px;color:var(--evergreen);font-size:13px;font-weight:700;text-decoration:none}.section-heading-wide{max-width:700px;margin-bottom:34px}.section-heading-wide h2{margin-bottom:12px}.section-heading-wide p:not(.eyebrow){margin-top:0}.preview-filter{max-width:680px;margin:0 0 24px;padding:17px 18px;border:1px solid var(--line);border-radius:14px;background:rgba(255,255,255,.72)}.preview-filter label{display:block;margin-bottom:7px;font-size:12px;font-weight:700}.filter-controls{display:flex;gap:9px}.filter-controls input{flex:1;min-width:0;min-height:42px;border:1px solid #cbd6d1;border-radius:8px;padding:9px 12px;background:white;color:var(--ink)}.filter-controls input:focus-visible{outline:3px solid rgba(199,154,90,.65);outline-offset:2px}.filter-status{margin:7px 0 0;color:var(--slate);font-size:10px}.component-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}.component-card{min-height:210px;padding:21px 20px 18px;border:1px solid rgba(21,45,58,.09);border-radius:14px;background:white;box-shadow:0 7px 20px rgba(21,45,58,.025)}.component-card[hidden]{display:none}.component-card-soft{background:#f6f8f5}.component-number,.detail-number{display:inline-flex;width:29px;height:29px;align-items:center;justify-content:center;border-radius:50%;background:var(--sage);color:var(--evergreen);font-size:10px;font-weight:800}.component-card h3{margin:14px 0 7px;font-family:var(--serif);font-size:19px;font-weight:600;line-height:1.2}.component-card p{margin:0 0 14px;color:var(--slate);font-size:12px;line-height:1.6}.file-chip{display:inline-flex;border:1px solid #d9e6de;border-radius:999px;padding:4px 9px;background:#f8fbf8;color:var(--evergreen);font-size:9px;font-weight:700;letter-spacing:.025em}.filter-empty{margin:16px 0 0;color:var(--slate);font-size:13px}.center-link{text-align:center;margin-top:26px}
.benefit-layout{display:grid;grid-template-columns:.88fr 1.12fr;gap:80px;align-items:start}.muted-copy{color:var(--slate)}.benefit-list{display:grid;gap:20px}.benefit-item{display:grid;grid-template-columns:43px 1fr;gap:16px;padding-bottom:20px;border-bottom:1px solid var(--line)}.benefit-symbol{display:grid;width:40px;height:40px;place-items:center;border-radius:50%;background:var(--sage);color:var(--evergreen);font-size:17px}.benefit-item h3{margin:0 0 5px;font-family:var(--serif);font-size:21px;font-weight:600}.benefit-item p{margin:0;color:var(--slate);font-size:13px}.audience-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:start}.section-ink h2{max-width:530px;color:var(--paper)}.eyebrow-light{color:#accdc0}.audience-copy p{margin:0 0 16px;color:#e2eae6}.check-list{display:grid;gap:10px;margin:18px 0 20px;padding:0;list-style:none}.check-list li{position:relative;padding-left:25px;color:#f2f5f3;font-size:13px}.check-list li:before{position:absolute;left:0;color:#d4b479;content:"✓"}.audience-copy .audience-note{border-left:2px solid var(--brass);padding-left:12px;color:#c6d2cd;font-size:11px}
.steps-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.step-card{min-height:195px;padding:23px 22px;border:1px solid var(--line);border-radius:15px;background:#fff}.step-index{color:var(--brass);font-family:var(--serif);font-size:19px}.step-card h3{margin:20px 0 8px;font-family:var(--serif);font-size:22px;font-weight:600}.step-card p{margin:0;color:var(--slate);font-size:13px}.faq-layout{display:grid;grid-template-columns:.78fr 1.22fr;gap:76px;align-items:start}.faq-list{border-top:1px solid #d3dcd7}.faq-list details{border-bottom:1px solid #d3dcd7}.faq-list summary{position:relative;padding:17px 34px 17px 0;cursor:pointer;list-style:none;font-size:14px;font-weight:700}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary:after{position:absolute;right:2px;top:16px;color:var(--evergreen);content:"+";font-size:19px;font-weight:500}.faq-list details[open] summary:after{content:"−"}.faq-list summary:focus-visible{outline:3px solid var(--brass);outline-offset:3px;border-radius:3px}.faq-list details p{margin:0;padding:0 25px 17px 0;color:var(--slate);font-size:13px}.offer-section{padding-top:40px;padding-bottom:94px}.offer-card{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center;padding:42px 46px;border:1px solid #d3dfd8;border-radius:20px;background:#fff;box-shadow:var(--shadow)}.offer-card h2{font-size:clamp(29px,3vw,40px)}.offer-card>div>p:not(.eyebrow,.offer-price){color:var(--slate)}.offer-price{margin:16px 0 0;color:var(--ink);font-family:var(--serif);font-size:36px;font-weight:700;line-height:1}.offer-price span{color:var(--slate);font-family:var(--sans);font-size:12px;font-weight:500}.offer-action{display:flex;flex-direction:column;align-items:flex-start;gap:9px}.offer-action .button{width:100%}.offer-note{margin:0;color:var(--slate);font-size:11px}.offer-action .text-link{margin-top:2px}.site-footer{padding:32px 0 20px;border-top:1px solid var(--line);background:#f1f2ee}.footer-top{display:flex;align-items:center;justify-content:space-between;gap:24px}.footer-brand .brand-mark{width:38px;height:38px}.footer-brand .brand-name{font-size:17px}.footer-brand .brand-sub{font-size:9px}.footer-positioning{margin:0;color:var(--slate);font-family:var(--serif);font-size:15px}.footer-nav{display:flex;gap:17px}.footer-nav a{font-size:11px}.footer-bottom{display:flex;justify-content:space-between;gap:18px;margin-top:24px;padding-top:14px;border-top:1px solid #dce2de}.footer-bottom p{margin:0;color:#65757a;font-size:10px}
.product-hero{padding-top:50px;padding-bottom:78px}.product-hero-inner{max-width:830px}.back-link{display:inline-flex;gap:7px;margin-bottom:34px;color:var(--slate);font-size:12px;font-weight:650;text-decoration:none}.back-link:hover{color:var(--evergreen)}.product-hero h1{max-width:780px;font-size:clamp(42px,5.4vw,64px)}.product-hero .hero-lede{max-width:720px}.product-hero .button{margin-top:23px}.product-hero-meta{display:flex;flex-wrap:wrap;gap:10px 22px;margin-top:25px;color:var(--slate);font-size:11px}.product-hero-meta strong{color:var(--ink);font-size:14px}.product-hero-inner>.preview-label{margin:10px 0 0}.product-overview-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:75px;align-items:center}.product-overview-grid h2{margin:0;font-family:var(--serif);font-size:clamp(34px,4vw,46px);font-weight:500;line-height:1.1;letter-spacing:-.035em}.product-overview-grid>div>p:not(.eyebrow){color:var(--slate)}.workflow-preview{padding:23px 25px;border:1px solid #d2dfd7;border-radius:17px;background:white;box-shadow:0 16px 42px rgba(21,45,58,.06)}.workflow-preview-heading{display:flex;align-items:center;gap:9px;color:var(--slate);font-size:9px;font-weight:800;letter-spacing:.12em}.tiny-star{color:var(--brass);font-size:15px}.preview-pill{margin-left:auto;border-radius:999px;padding:4px 8px;background:var(--sage);color:var(--evergreen);font-size:8px;letter-spacing:0}.workflow-preview ol{display:grid;gap:0;margin:17px 0 0;padding:0;list-style:none}.workflow-preview li{display:flex;align-items:center;gap:14px;padding:12px 2px;border-top:1px solid #edf0ed}.workflow-step{display:grid;width:30px;height:30px;place-items:center;border-radius:50%;background:var(--sage);color:var(--evergreen);font-size:9px;font-weight:800}.workflow-preview li strong,.workflow-preview li small{display:block}.workflow-preview li strong{font-size:12px}.workflow-preview li small{color:var(--slate);font-size:10px}
.detail-list{border-top:1px solid var(--line)}.detail-row{display:grid;grid-template-columns:55px 1fr;gap:20px;padding:23px 6px;border-bottom:1px solid var(--line)}.detail-row h3{margin:0 0 6px;font-family:var(--serif);font-size:23px;font-weight:600}.detail-row p{max-width:780px;margin:0 0 10px;color:var(--slate);font-size:13px}.mockup-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.mockup-card{position:relative;min-height:315px;padding:20px 18px 42px;border:1px solid #d5e0da;border-radius:14px;background:white;box-shadow:0 12px 34px rgba(21,45,58,.05)}.mockup-topline{display:flex;justify-content:space-between;gap:9px;padding-bottom:12px;border-bottom:1px solid #e9eeeb;color:var(--slate);font-size:8px;font-weight:800;letter-spacing:.1em}.mockup-name{margin-top:20px;font-family:var(--serif);font-size:24px;font-weight:600}.mockup-rule{height:2px;margin:8px 0 21px;background:var(--evergreen)}.mockup-label{color:var(--evergreen);font-size:8px;font-weight:800;letter-spacing:.12em}.mockup-placeholder{width:87%;height:7px;margin-top:9px;border-radius:4px;background:#e6ebe8}.mockup-placeholder.wide{width:100%}.mockup-placeholder.short{width:58%}.mockup-prompt{margin-top:20px;padding:10px;border-left:2px solid var(--brass);background:var(--paper);color:#435761;font-size:9px}.mockup-caption{position:absolute;left:18px;bottom:15px;color:var(--slate);font-size:9px}.story-row{display:grid;grid-template-columns:75px 1fr;gap:10px;padding:14px 0;border-bottom:1px solid #e9eeeb}.story-row span{color:var(--evergreen);font-size:8px;font-weight:800;letter-spacing:.08em}.story-row p{margin:0;color:#435761;font-size:10px}.tracker-kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:20px 0}.tracker-kpis>div{padding:10px 8px;border-radius:8px;background:var(--sage)}.tracker-kpis small,.tracker-kpis strong{display:block}.tracker-kpis small{color:var(--slate);font-size:7px;font-weight:800;letter-spacing:.07em}.tracker-kpis strong{margin-top:4px;font-size:18px}.tracker-empty{display:grid;justify-items:center;padding:17px 6px;border:1px dashed #cbd8d1;border-radius:10px;text-align:center}.tracker-empty-mark{color:var(--brass)}.tracker-empty strong{margin-top:4px;font-size:10px}.tracker-empty small{color:var(--slate);font-size:9px}.benefit-bullets{display:grid;gap:15px;margin:0;padding:0;list-style:none}.benefit-bullets li{display:grid;gap:3px;padding-bottom:13px;border-bottom:1px solid var(--line)}.benefit-bullets strong{font-family:var(--serif);font-size:19px}.benefit-bullets span{color:var(--slate);font-size:13px}
.checkout-dialog{width:min(500px,calc(100% - 30px));max-width:500px;padding:0;border:1px solid #d3dfd8;border-radius:18px;background:var(--paper);color:var(--ink);box-shadow:0 24px 90px rgba(13,32,41,.28)}.checkout-dialog::backdrop{background:rgba(15,34,43,.58);backdrop-filter:blur(3px)}.dialog-content{padding:32px}.dialog-mark{display:grid;width:38px;height:38px;place-items:center;margin-bottom:17px;border-radius:50%;background:var(--sage);color:var(--evergreen)}.dialog-content .eyebrow{margin-bottom:8px}.dialog-content h2{margin:0;font-family:var(--serif);font-size:32px;font-weight:500;line-height:1.1}.dialog-content p:not(.eyebrow){color:var(--slate);font-size:13px}.dialog-content .button{margin-top:8px}
@media(max-width:960px){.primary-nav{gap:17px}.primary-nav a{font-size:12px}.hero-grid{gap:35px}.split-section,.benefit-layout,.faq-layout{gap:48px}.audience-grid{gap:46px}.component-grid{grid-template-columns:repeat(2,1fr)}.mockup-grid{grid-template-columns:repeat(2,1fr)}.mockup-card:last-child{grid-column:1/-1;min-height:250px}}
@media(max-width:760px){.container{width:min(100% - 36px,600px)}.section-pad{padding:67px 0}.header-inner{min-height:68px}.nav-toggle{display:flex}.primary-nav{position:absolute;top:68px;left:0;right:0;display:none;align-items:stretch;gap:0;padding:8px 18px 18px;border-bottom:1px solid var(--line);background:var(--paper);box-shadow:0 15px 20px rgba(21,45,58,.06)}.primary-nav.is-open{display:grid}.primary-nav a{padding:12px 7px;border-bottom:1px solid #e6ebe7;font-size:14px}.primary-nav .nav-cta{margin-top:10px;padding:12px 15px;border:1px solid var(--line);text-align:center}.hero{padding-top:48px;padding-bottom:51px}.hero-grid{grid-template-columns:1fr;gap:30px}.hero h1{font-size:clamp(43px,11vw,58px)}.hero-lede{font-size:15px}.hero-visual{max-width:520px}.hero-image-wrap{aspect-ratio:1.25;border-radius:20px}.hero-note{right:10px;bottom:10px;padding:9px 12px}.hero-note strong{font-size:10px}.hero-note small{font-size:9px}.visual-caption{text-align:left}.intro-band-inner{display:grid;gap:5px}.intro-band p{font-size:16px}.split-section,.benefit-layout,.audience-grid,.faq-layout,.product-overview-grid{grid-template-columns:1fr;gap:24px}.section-heading h2,.section-ink h2{font-size:36px}.component-grid{grid-template-columns:1fr 1fr;gap:10px}.component-card{min-height:205px;padding:17px 15px}.component-card h3{font-size:17px}.component-card p{font-size:11px}.steps-grid{grid-template-columns:1fr;gap:10px}.step-card{min-height:unset;padding:19px 20px}.step-card h3{margin:12px 0 5px}.offer-card{grid-template-columns:1fr;gap:20px;padding:27px 23px;border-radius:16px}.offer-action .button{width:100%}.footer-top{display:grid;grid-template-columns:1fr auto;gap:14px}.footer-positioning{grid-column:1/-1;grid-row:2;font-size:14px}.footer-nav{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:12px 19px}.footer-bottom{display:grid;gap:5px}.product-hero{padding-top:38px;padding-bottom:57px}.back-link{margin-bottom:24px}.product-hero h1{font-size:clamp(40px,10vw,56px)}.product-hero-meta{gap:8px 15px}.detail-row{grid-template-columns:38px 1fr;gap:12px;padding:19px 2px}.detail-row h3{font-size:20px}.mockup-grid{grid-template-columns:1fr}.mockup-card:last-child{grid-column:auto}.workflow-preview{padding:19px}.offer-section{padding-top:25px;padding-bottom:70px}}
@media(max-width:430px){.container{width:calc(100% - 30px)}.brand-mark{width:38px;height:38px}.brand-name{font-size:17px}.brand-sub{font-size:9px}.hero h1{font-size:43px}.hero-actions{align-items:stretch}.hero-actions .button-primary{width:100%}.hero-actions .button-quiet{padding-left:2px}.component-grid{grid-template-columns:1fr}.component-card{min-height:unset}.component-card p{font-size:12px}.filter-controls{flex-wrap:wrap}.filter-controls input{flex-basis:100%}.filter-controls .button{min-height:38px}.product-hero .button{width:100%}.offer-price{font-size:32px}.footer-nav{gap:10px 14px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}
