:root{--background:#111411;--foreground:#f1f3ec;--card:#1b201b;--primary:#c4f567;--primary-foreground:#111411;--muted-foreground:#aab1a7;--border:#343b32;--ring:#c4f567;--radius:.75rem;color-scheme:dark}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:2rem}body{margin:0;background:var(--background);color:var(--foreground);font-family:Arial,Helvetica,sans-serif;font-size:16px;line-height:1.6}a{color:inherit;text-decoration:none}a:focus-visible,summary:focus-visible{outline:3px solid var(--primary);outline-offset:6px}a:hover{color:var(--primary)}p,h1,h2,h3{margin:0}h1,h2,h3{line-height:1.08;letter-spacing:-.045em}p{color:var(--muted-foreground)}.wrap{width:min(1240px,calc(100% - 96px));margin-inline:auto}.header{min-height:108px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--border);gap:28px}.brand{display:flex;align-items:center;gap:12px;font-weight:750;font-size:1.7rem;letter-spacing:-.06em}.brand-icon{width:35px;height:35px;display:flex;align-items:center;justify-content:center;font-size:1.4rem;background:var(--primary);color:#111411;letter-spacing:-.15em;padding-right:3px;line-height:1}.brand-dot{color:var(--primary);margin-left:-9px}nav{display:flex;gap:35px;align-items:center;font-size:.9rem}nav .nav-contact{border:1px solid #4d5549;padding:11px 18px;border-radius:7px}.nav-contact span{margin-left:25px}.hero{padding-top:80px;padding-bottom:65px;display:grid;grid-template-columns:1.15fr 1fr;gap:70px;align-items:center}.eyebrow{font-size:.8rem;letter-spacing:.075em;text-transform:uppercase;font-weight:600;color:#b7bfaf;display:flex;align-items:center;gap:10px}.live-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--primary);flex:none}h1{font-size:clamp(2.8rem,4.6vw,4.15rem);line-height:1.035;margin-top:28px;font-weight:600}h1>span{color:var(--primary)}.intro{font-size:1.08rem;line-height:1.7;max-width:510px;margin-top:28px}.hero-actions{display:flex;gap:26px;align-items:center;margin-top:33px;flex-wrap:wrap}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:26px;color:#182011;background:var(--primary);padding:15px 22px;font-weight:650;border-radius:7px}.button:hover{background:#d7ff91;color:#111411}.text-link{font-size:.9rem;white-space:nowrap}.text-link span{margin-left:8px}.hero-note{font-size:.8rem;margin-top:22px;color:#9aa391}.flow-card{background:#191e18;border:1px solid #394232;border-radius:16px;padding:25px;box-shadow:0 30px 70px #0003;transform:rotate(1deg)}.flow-top{display:flex;justify-content:space-between;font-family:monospace;font-size:.75rem;gap:12px;color:#aeb9a2;padding-bottom:27px}.flow-counter{white-space:nowrap;color:#a5b398}.flow-node{display:flex;gap:15px;align-items:center;padding:19px 17px;border:1px solid #404a37;background:#20261e;border-radius:9px}.node-icon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;flex:none;border:1px solid #556047;border-radius:8px;font-size:1.5rem;color:#bfccaf}.flow-node small{font-family:monospace;font-size:.75rem;letter-spacing:.06em;color:#a4b296}.flow-node strong{display:block;font-size:1.02rem;font-weight:500;margin:1px 0 3px}.flow-node p{font-size:.8rem}.node-check{margin-left:auto;color:var(--primary)}.primary-node{border-color:#a7cd61;background:#c4f567;color:#14200c}.primary-node small,.primary-node p{color:#3f512c}.primary-node .node-icon{color:#243611;border-color:#8eae50}.connector{height:43px;border-left:1px dashed #6d8058;margin-left:37px;padding-left:23px;display:flex;align-items:center;font-family:monospace;font-size:.75rem;color:#a6b496}.flow-bottom{display:flex;align-items:center;gap:8px;font-size:.75rem;color:#a4b296;margin-top:24px}.principles{padding:22px 0;border-top:1px solid var(--border);border-bottom:1px solid var(--border);display:flex;justify-content:space-between;gap:16px;color:#b9c1b1;font-size:.875rem}.principles span::before{content:'↳';color:var(--primary);margin-right:12px}.section{padding-block:87px}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:30px;margin-bottom:39px}.section-heading>p{font-size:1rem;max-width:375px}h2{font-size:clamp(2rem,3.25vw,2.8rem);font-weight:500;margin-top:18px}.solutions{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--border);border-radius:12px;overflow:hidden}.solution{padding:28px;display:flex;flex-direction:column}.solution+.solution{border-left:1px solid var(--border)}.index{display:flex;justify-content:space-between;color:#a4b096;font: .875rem monospace;margin-bottom:38px}.index span{font-size:1.5rem;color:var(--primary)}h3{font-size:1.4rem;font-weight:500;letter-spacing:-.025em}.solution p{font-size:1rem;line-height:1.7;margin:17px 0 28px;flex:1}.tags{display:flex;gap:7px;flex-wrap:wrap}.tags span{font-size:.875rem;color:#b9c6ac;padding:4px 9px;border:1px solid #394333;border-radius:4px}.section-note{margin-top:22px;font-size:.875rem}.example-section{background:#d1f39a;color:#16210f;padding:67px 0}.example-section .eyebrow{color:#40562a}.example-grid{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:90px}.example-description{margin-top:23px;color:#3e502e;max-width:490px}.example-disclaimer{font-size:.875rem;color:#4d613a;margin-top:24px;max-width:430px}.example-panel{background:#e5f7c8;border:1px solid #a1be7c;border-radius:12px;padding:25px 28px}.panel-title{display:flex;justify-content:space-between;gap:15px;font: .75rem monospace;color:#485e31;padding-bottom:17px;border-bottom:1px solid #b6cf94}.order-row{display:flex;justify-content:space-between;gap:15px;margin-top:15px;font-size:.9rem}.order-row>span{color:#576946}.order-row strong{font-weight:500;text-align:right}.order-total{display:flex;justify-content:space-between;align-items:center;gap:12px;border-top:1px solid #b6cf94;margin-top:21px;padding-block:17px}.order-total>span{font-size:.875rem;color:#536741;max-width:120px}.order-total strong{font-size:2.7rem;letter-spacing:-.05em;white-space:nowrap;font-weight:500}.order-total strong span{font-size:1.6rem}summary{cursor:pointer;list-style:revert;font-size:.9rem}summary::marker{color:currentColor}.example-panel summary{border-top:1px solid #b6cf94;padding-top:16px}.example-panel summary span{float:right}.example-panel details[open] summary span{transform:rotate(45deg)}.example-panel details p{font-size:.9rem;color:#40562a;margin-top:14px}.example-panel :focus-visible{outline-color:#263c14}.steps{list-style:none;display:grid;grid-template-columns:repeat(4,1fr);padding:0;margin:43px 0 50px;gap:30px}.steps li{border-top:1px solid #45513b;padding-top:20px}.steps li>span{font: .875rem monospace;color:var(--primary)}.steps h3{margin:25px 0 15px}.steps p{font-size:1rem}.privacy-strip{display:flex;align-items:flex-start;gap:24px;padding:28px;background:#1d241a;border:1px solid #394830;border-radius:10px}.privacy-icon{font-size:2rem;color:var(--primary);line-height:1}.privacy-strip h3{font-size:1.15rem;margin-bottom:11px}.privacy-strip p{font-size:1rem;max-width:780px}.privacy-label{font: .75rem monospace;color:#a3b292;line-height:1.7;margin-left:auto;min-width:90px;max-width:90px}.contact-section{display:grid;grid-template-columns:1fr 1fr;gap:90px;border-top:1px solid var(--border);padding-block:72px}.contact-section h2{font-size:clamp(2.4rem,3.5vw,3.3rem)}.contact-section h2+p{margin-top:23px}.contact-box{align-self:center;background:#1b2118;border:1px solid #3b4832;padding:30px;border-radius:10px}.contact-label{font: .75rem monospace;color:#adba9e;margin-bottom:22px}.contact-note{font-size:.875rem;line-height:1.7;margin-top:20px}.contact-box .button{width:100%}.contact-handle{display:inline-block;font-size:.9rem;color:#bac5af;margin-top:12px}.footer{border-top:1px solid var(--border);padding-block:28px;display:flex;justify-content:space-between;align-items:center;gap:25px;font-size:.875rem;color:#9ea894}.footer .brand{font-size:1.35rem;color:var(--foreground)}.footer-description{font-size:.875rem;font-weight:400;letter-spacing:0;color:#9ea894}.footer-slash{color:#91a080;margin-inline:2px}.privacy-details{padding-bottom:28px;max-width:1240px}.privacy-details summary{font-size:.875rem;color:#9ea894}.privacy-details p{font-size:.875rem;max-width:900px;margin-top:14px}.skip{position:fixed;top:-90px;left:20px;background:var(--primary);color:#111411;padding:12px;z-index:10}.skip:focus{top:12px}
@media(min-width:1500px){.hero{padding-block:95px}.flow-card{padding:32px}h1{font-size:4.6rem}}
@media(max-width:1050px){.wrap{width:calc(100% - 56px)}.hero{gap:35px}.hero-actions{gap:18px}.flow-card{padding:20px}.flow-counter{display:none}.example-grid,.contact-section{gap:40px}.section-heading>p{max-width:300px}.solution{padding:22px}.steps{gap:20px}.privacy-label{display:none}}
@media(max-width:760px){.wrap{width:calc(100% - 36px)}.header{min-height:85px}.brand{font-size:1.5rem}nav{gap:10px}nav>a:not(.nav-contact){display:none}nav .nav-contact{padding:9px 12px;font-size:.875rem}.nav-contact span{margin-left:7px}.hero{grid-template-columns:1fr;padding:44px 0 38px;gap:42px}h1{font-size:clamp(2.55rem,9.5vw,4rem)}.intro{font-size:1rem}.flow-card{transform:none;max-width:520px;width:100%}.principles{flex-direction:column;gap:10px}.section{padding-block:56px}.section-heading{display:block;margin-bottom:28px}.section-heading>p{margin-top:23px;max-width:none}.solutions{grid-template-columns:1fr}.solution{padding:24px}.solution+.solution{border-left:0;border-top:1px solid var(--border)}.index{margin-bottom:23px}.solution p{margin-bottom:20px}.example-grid,.contact-section{grid-template-columns:1fr;gap:30px}.example-section{padding-block:45px}.example-panel{padding:22px}.steps{grid-template-columns:1fr 1fr;gap:28px 22px;margin-top:30px}.steps h3{margin-top:17px}.privacy-strip{padding:22px;gap:14px}.privacy-icon{font-size:1.5rem}.contact-section{padding-block:48px}.contact-box{padding:23px}.footer{flex-wrap:wrap;gap:15px}.footer .brand{width:100%}.eyebrow{font-size:.75rem}}
@media(max-width:360px){.header{flex-wrap:wrap;padding-block:16px;gap:12px}.order-total{flex-wrap:wrap}.flow-card{padding:16px}.flow-node{padding:14px 10px;gap:10px}.node-icon{width:30px;height:30px}.steps{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
