:root {
  --ink: #10251f;
  --ink-2: #18352d;
  --paper: #f3f1e9;
  --paper-2: #e9e6dc;
  --white: #fffdf7;
  --lime: #d5f253;
  --lime-dark: #b8d936;
  --orange: #f59c56;
  --blue: #77a8d5;
  --muted: #6c746f;
  --line: rgba(16, 37, 31, .16);
  --shadow: 0 24px 70px rgba(9, 27, 22, .15);
}
* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin: 0; color: var(--ink); background: var(--paper); font-family: "DM Sans", Arial, sans-serif; line-height: 1.6; -webkit-font-smoothing: antialiased; }
a { color: inherit; text-decoration: none; }
button, input, textarea { font: inherit; }
img { max-width: 100%; }
.container { width: min(1160px, calc(100% - 40px)); margin-inline: auto; }
.section { padding: 112px 0; }
.prototype-bar { min-height: 30px; padding: 6px 20px; display: flex; align-items: center; justify-content: center; gap: 10px; background: var(--lime); color: var(--ink); font-size: 11px; font-weight: 700; letter-spacing: .08em; text-align: center; }
.prototype-bar span { padding: 1px 7px; color: var(--lime); background: var(--ink); font-size: 9px; }
.site-header { position: sticky; top: 0; z-index: 50; background: rgba(16, 37, 31, .94); color: white; backdrop-filter: blur(14px); border-bottom: 1px solid rgba(255,255,255,.08); }
.nav-wrap { min-height: 78px; display: flex; align-items: center; justify-content: space-between; }
.brand { display: flex; align-items: center; gap: 11px; font-family: Manrope, sans-serif; font-size: 18px; font-weight: 800; letter-spacing: -.03em; }
.brand > span:last-child > span { color: var(--lime); }
.brand-mark { width: 28px; height: 29px; position: relative; display: flex; align-items: flex-end; gap: 2px; transform: skewY(-8deg); }
.brand-mark i { display: block; width: 8px; background: var(--lime); }
.brand-mark i:nth-child(1) { height: 13px; }.brand-mark i:nth-child(2) { height: 21px; }.brand-mark i:nth-child(3) { height: 29px; }
.main-nav { display: flex; align-items: center; gap: 30px; font-size: 14px; font-weight: 600; }
.main-nav > a:not(.button) { color: rgba(255,255,255,.78); transition: color .2s; }
.main-nav > a:not(.button):hover { color: var(--lime); }
.button { display: inline-flex; justify-content: center; align-items: center; gap: 24px; min-height: 54px; padding: 0 25px; border: 1px solid var(--lime); border-radius: 3px; color: var(--ink); background: var(--lime); font-weight: 700; cursor: pointer; transition: transform .2s, background .2s, box-shadow .2s; }
.button:hover { transform: translateY(-2px); background: var(--lime-dark); box-shadow: 0 10px 30px rgba(213,242,83,.15); }
.button-small { min-height: 42px; padding-inline: 18px; font-size: 13px; }
.menu-button { display: none; width: 42px; height: 42px; padding: 9px; border: 0; background: transparent; }
.menu-button span { display: block; height: 2px; margin: 5px 0; background: white; }
.hero { position: relative; overflow: hidden; padding: 105px 0 35px; color: white; background: var(--ink); }
.hero-grid, .control-grid { position: absolute; inset: 0; opacity: .05; background-image: linear-gradient(rgba(255,255,255,.8) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.8) 1px, transparent 1px); background-size: 46px 46px; mask-image: linear-gradient(to right, transparent, black 55%, black); }
.hero:after { content: ""; position: absolute; width: 660px; height: 660px; right: -210px; top: -150px; border: 1px solid rgba(213,242,83,.12); border-radius: 50%; box-shadow: 0 0 0 80px rgba(213,242,83,.015), 0 0 0 160px rgba(213,242,83,.012); }
.hero-layout { position: relative; z-index: 2; display: grid; grid-template-columns: .95fr 1.05fr; gap: 82px; align-items: center; }
.eyebrow { display: flex; align-items: center; gap: 10px; margin-bottom: 22px; color: var(--lime); font-size: 11px; font-weight: 700; letter-spacing: .13em; text-transform: uppercase; }
.eyebrow span { width: 22px; height: 2px; background: currentColor; }
.eyebrow.dark { color: #4f5e57; }.eyebrow.light { color: var(--lime); }
h1,h2,h3 { font-family: Manrope, sans-serif; line-height: 1.12; letter-spacing: -.045em; }
h1 { max-width: 720px; margin: 0 0 27px; font-size: clamp(43px, 5vw, 70px); font-weight: 700; }
h1 em { color: var(--lime); font-style: normal; }
.hero-lead { max-width: 620px; margin: 0 0 34px; color: rgba(255,255,255,.71); font-size: 18px; line-height: 1.7; }
.hero-actions { display: flex; align-items: center; gap: 28px; }
.text-link { padding-block: 9px; border-bottom: 1px solid rgba(255,255,255,.26); color: white; font-weight: 600; }
.text-link span { margin-left: 8px; color: var(--lime); }
.trust-list { display: flex; flex-wrap: wrap; gap: 20px; margin: 35px 0 0; padding: 23px 0 0; border-top: 1px solid rgba(255,255,255,.1); list-style: none; color: rgba(255,255,255,.68); font-size: 12px; }
.trust-list span { color: var(--lime); }
.hero-visual { position: relative; padding: 20px 0 36px; }
.site-card { position: relative; z-index: 2; overflow: hidden; border: 1px solid rgba(255,255,255,.18); border-radius: 5px; color: var(--ink); background: #f7f6f0; box-shadow: 0 35px 90px rgba(0,0,0,.3); transform: perspective(1200px) rotateY(-2deg) rotateX(1deg); }
.site-card-top { display: flex; justify-content: space-between; padding: 13px 18px; color: rgba(255,255,255,.6); background: #1c3830; font: 600 9px Manrope; letter-spacing: .12em; }
.status-dot { display: inline-block; width: 6px; height: 6px; margin-right: 6px; border-radius: 50%; background: var(--lime); box-shadow: 0 0 10px var(--lime); }
.assistant-row { display: flex; align-items: center; gap: 13px; padding: 21px 19px; border-bottom: 1px solid var(--line); }
.assistant-icon { width: 39px; height: 39px; display: grid; place-items: center; border-radius: 3px; color: var(--lime); background: var(--ink); font: 800 11px Manrope; }
.assistant-row strong { display: block; font-size: 14px; }.assistant-row p { margin: 2px 0 0; color: var(--muted); font-size: 10px; }
.live-pill { margin-left: auto; padding: 5px 8px; border-radius: 2px; color: #4a5e17; background: rgba(213,242,83,.42); font-size: 8px; font-weight: 800; }
.task-stack { padding: 6px 19px; }
.task-item { display: grid; grid-template-columns: 28px 1fr auto; gap: 10px; align-items: center; padding: 14px 0; border-bottom: 1px solid var(--line); }
.task-number { color: #8d9690; font: 600 9px Manrope; }.task-item strong { display:block; font-size: 11px; }.task-item small { display:block; color: #78817c; font-size: 8.5px; }
.task-state { padding: 4px 7px; border-radius: 2px; font-size: 7px; font-weight: 800; }.task-state.amber { color:#8a4c13;background:#fbe4c5}.task-state.green{color:#41620c;background:#e2efb8}.task-state.blue{color:#2c5776;background:#dceaf6}
.approval-box { display: flex; align-items:center; justify-content:space-between; margin: 13px 19px 20px; padding: 15px; border-left: 3px solid var(--lime-dark); background: #e9e9e1; }
.approval-box small,.approval-box strong { display:block }.approval-box small { color:#79827d;font-size:7px;letter-spacing:.1em }.approval-box strong{font-size:10px}.approval-box button{padding:8px 11px;border:0;border-radius:2px;color:white;background:var(--ink);font-size:8px;font-weight:700;cursor:pointer}
.floating-note { position:absolute; z-index:3; min-width:122px; padding:12px 15px; color:var(--ink); background:var(--lime); box-shadow:0 12px 35px rgba(0,0,0,.2); }.floating-note span,.floating-note small{display:block}.floating-note span{font:800 16px Manrope}.floating-note small{font-size:8px}.note-one{left:-24px;bottom:2px}.note-two{right:-25px;top:0;background:white}
.disclaimer { position:relative; z-index:3; margin-top:37px; color:rgba(255,255,255,.36); font-size:9px; }
.logo-strip { padding: 25px 0; border-bottom: 1px solid var(--line); background: #e8e5db; }
.logo-strip-inner { display:flex; align-items:center; justify-content:space-between; gap:30px; }.logo-strip-inner>span{color:#7c837f;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.1em}.system-names{display:flex;gap:33px;flex-wrap:wrap;color:#738078}.system-names b{font-size:13px}
.split-heading { display:grid; grid-template-columns:1.15fr .65fr; gap:100px; align-items:end; margin-bottom:52px; }.split-heading h2,.section-intro h2,.process h2,.price-copy h2,.about-copy h2,.control-copy h2,.contact-box h2{margin:0;font-size:clamp(35px,4.2vw,54px)}.split-heading p{margin:0 0 5px;color:var(--muted);font-size:17px}
.problem-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-left:1px solid var(--line)}.problem-card{position:relative;min-height:285px;padding:29px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);transition:background .2s,transform .2s}.problem-card:hover{background:var(--white);transform:translateY(-4px)}.card-index{position:absolute;right:22px;top:20px;color:#9aa19d;font:600 10px Manrope}.line-icon{width:50px;height:50px;display:grid;place-items:center;margin-bottom:46px;border:1px solid var(--ink);font-size:23px}.problem-card h3{margin:0 0 13px;font-size:21px}.problem-card p{margin:0;color:var(--muted);font-size:14px}
.solutions{color:white;background:#18342c}.section-intro{max-width:680px;margin-bottom:53px}.section-intro p{max-width:570px;color:rgba(255,255,255,.57)}.solution-list{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.solution-card{position:relative;padding:30px;border:1px solid rgba(255,255,255,.15);background:#1d3b33;transition:transform .25s,border-color .25s}.solution-card:hover{transform:translateY(-6px);border-color:var(--lime)}.solution-card.featured{background:#214239}.solution-top{display:flex;justify-content:space-between}.solution-number{color:var(--lime);font:700 12px Manrope}.draft-pill{padding:4px 7px;border:1px solid rgba(255,255,255,.2);color:rgba(255,255,255,.55);font-size:7px;letter-spacing:.08em}.solution-icon{width:55px;height:55px;display:grid;place-items:center;margin:47px 0 25px;border:1px solid rgba(213,242,83,.55);color:var(--lime);font-size:24px}.solution-card h3{margin:0 0 15px;font-size:26px}.solution-card>p{min-height:79px;color:rgba(255,255,255,.63);font-size:14px}.solution-card ul{margin:25px 0;padding:19px 0;border-top:1px solid rgba(255,255,255,.1);border-bottom:1px solid rgba(255,255,255,.1);list-style:none}.solution-card li{margin:9px 0;color:rgba(255,255,255,.78);font-size:12px}.solution-card li:before{content:"✓";margin-right:9px;color:var(--lime)}.solution-card a{color:var(--lime);font-size:12px;font-weight:700}.solution-card a span{float:right}
.process{background:var(--paper-2)}.process-layout{display:grid;grid-template-columns:.85fr 1.15fr;gap:110px}.process-copy{position:sticky;top:140px;align-self:start}.process-copy>p{margin:25px 0;color:var(--muted);font-size:16px}.dark-link{color:var(--ink);border-color:var(--line)}.steps{margin:0;padding:0;list-style:none}.steps li{display:grid;grid-template-columns:66px 1fr;gap:25px;padding:4px 0 36px;position:relative}.steps li:not(:last-child):before{content:"";position:absolute;left:26px;top:53px;bottom:0;border-left:1px dashed #a8ada7}.steps>li>span{width:53px;height:53px;display:grid;place-items:center;border:1px solid var(--ink);border-radius:50%;font:700 11px Manrope}.steps h3{margin:2px 0 8px;font-size:21px}.steps p{margin:0;color:var(--muted);font-size:14px}
.control-section{position:relative;overflow:hidden;color:white;background:#0d211c}.control-layout{position:relative;z-index:2;display:grid;grid-template-columns:1fr 1fr;gap:100px;align-items:center}.control-panel{border:1px solid rgba(255,255,255,.15);background:rgba(25,54,45,.78);box-shadow:var(--shadow)}.control-head{display:flex;justify-content:space-between;padding:13px 17px;border-bottom:1px solid rgba(255,255,255,.1);font:600 8px Manrope;letter-spacing:.1em;color:rgba(255,255,255,.5)}.online{color:var(--lime)}.online i{display:inline-block;width:5px;height:5px;border-radius:50%;background:var(--lime)}.control-center{display:flex;flex-direction:column;align-items:center;padding:46px 20px 33px}.shield{width:76px;height:85px;display:grid;place-items:center;margin-bottom:18px;clip-path:polygon(50% 0,94% 15%,86% 72%,50% 100%,14% 72%,6% 15%);color:var(--ink);background:var(--lime);font-size:29px}.control-center strong{font:700 17px Manrope}.control-center small{color:rgba(255,255,255,.51)}.control-lines{padding:0 22px 20px}.control-lines div{display:flex;justify-content:space-between;padding:12px 0;border-top:1px solid rgba(255,255,255,.1);font-size:9px}.control-lines span{color:rgba(255,255,255,.5)}.control-lines b{color:var(--lime)}.control-copy>p{margin:25px 0 30px;color:rgba(255,255,255,.64);font-size:16px}.check-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.check-grid div{padding:13px;border:1px solid rgba(255,255,255,.11);font-size:12px}.check-grid span{margin-right:8px;color:var(--lime)}
.pricing{background:var(--white)}.price-layout{display:grid;grid-template-columns:.8fr 1.2fr;gap:110px;align-items:center}.price-copy p{color:var(--muted);font-size:16px}.price-card{position:relative;padding:42px;background:var(--paper);border:1px solid var(--line);box-shadow:var(--shadow)}.price-card:before{content:"";position:absolute;top:-1px;left:-1px;width:80px;height:5px;background:var(--lime-dark)}.price-label{font-size:9px;font-weight:800;letter-spacing:.12em}.price-row{display:flex;align-items:end;justify-content:space-between;margin:30px 0}.price-row small,.price-row strong{display:block}.price-row small{color:var(--muted);font-size:8px;font-weight:700;letter-spacing:.1em}.price-row strong{font:800 42px Manrope;letter-spacing:-.05em}.price-row strong i{font-size:16px;font-style:normal}.price-row>span{margin-bottom:9px;color:#808984;font-size:8px}.price-card hr{border:0;border-top:1px solid var(--line)}.price-card ul{display:grid;grid-template-columns:1fr 1fr;gap:8px 18px;margin:27px 0;padding:0;list-style:none}.price-card li{font-size:11px}.price-card li:before{content:"✓";margin-right:7px;color:#739500;font-weight:800}.full-button{width:100%}.vat-note{display:block;margin-top:10px;text-align:center;color:#888f8b}
.about{background:var(--paper)}.about-layout{display:grid;grid-template-columns:1fr 1fr;gap:100px;align-items:center}.about-image{position:relative}.photo-placeholder{height:480px;display:grid;place-items:center;text-align:center;color:rgba(255,255,255,.5);background:linear-gradient(145deg,#27483e,#10251f);font:700 21px Manrope;letter-spacing:.1em}.photo-placeholder small{position:absolute;bottom:20px;font:400 9px "DM Sans"}.brother-badge{position:absolute;right:-25px;bottom:35px;display:flex;align-items:center;gap:12px;padding:18px 22px;background:var(--lime);box-shadow:var(--shadow)}.brother-badge strong{font:800 38px Manrope}.brother-badge span{font-size:10px;font-weight:700;line-height:1.3;text-transform:uppercase}.about-copy p{color:var(--muted);font-size:16px}.signature-line{display:flex;align-items:center;gap:14px;margin-top:32px;font-size:12px}.signature-line span{width:44px;border-top:2px solid var(--ink)}
.contact-section{color:white;background:#18342c}.contact-box{display:grid;grid-template-columns:.85fr 1.15fr;gap:100px}.contact-box>div>p{color:rgba(255,255,255,.63)}.contact-box ul{margin:25px 0;padding:0;list-style:none}.contact-box li{margin:9px 0;font-size:12px}.contact-box li:before{content:"✓";margin-right:9px;color:var(--lime)}.contact-form{padding:34px;color:var(--ink);background:var(--white)}.field-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}.contact-form label{display:block;margin-bottom:15px;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.08em}.contact-form input,.contact-form textarea{display:block;width:100%;margin-top:6px;padding:13px;border:1px solid var(--line);border-radius:0;background:#f8f7f1;outline:none;font-size:13px;resize:vertical}.contact-form input:focus,.contact-form textarea:focus{border-color:#759400;box-shadow:0 0 0 2px rgba(213,242,83,.35)}.contact-form>small{display:block;margin-top:9px;color:var(--muted);text-align:center;text-transform:none;letter-spacing:0}.form-message{display:none;margin-top:13px;padding:12px;background:#eaf3c7;font-size:12px;font-weight:600}.form-message.show{display:block}
footer{padding:55px 0 22px;color:white;background:#0b1d18}.footer-top{display:grid;grid-template-columns:1fr 1fr auto;align-items:center;padding-bottom:38px;border-bottom:1px solid rgba(255,255,255,.1)}.footer-top p{color:rgba(255,255,255,.45);font-size:12px}.footer-top>a:last-child{color:var(--lime);font-size:12px;font-weight:700}.footer-bottom{display:flex;justify-content:space-between;padding-top:20px;color:rgba(255,255,255,.35);font-size:9px}
.reveal { opacity:0; transform:translateY(18px); transition:opacity .7s ease,transform .7s ease; }.reveal.visible{opacity:1;transform:none}.delay-1{transition-delay:.12s}.delay-2{transition-delay:.24s}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{opacity:1;transform:none;transition:none}}
@media (max-width: 900px){
  .section{padding:80px 0}.menu-button{display:block}.main-nav{display:none;position:absolute;left:0;right:0;top:78px;padding:25px;background:var(--ink);flex-direction:column;align-items:stretch}.main-nav.open{display:flex}.hero-layout,.split-heading,.process-layout,.control-layout,.price-layout,.about-layout,.contact-box{grid-template-columns:1fr;gap:55px}.hero{padding-top:75px}.hero-visual{max-width:600px}.split-heading{gap:20px}.solution-list,.problem-grid{grid-template-columns:1fr}.problem-card{min-height:auto}.process-copy{position:static}.control-panel{max-width:590px}.price-copy{max-width:600px}.about-image{max-width:590px}.contact-box{gap:45px}.logo-strip-inner{align-items:flex-start;flex-direction:column}.footer-top{grid-template-columns:1fr;gap:16px}.floating-note{display:none}
}
@media (max-width: 580px){
  .container{width:min(100% - 28px,1160px)}.section{padding:67px 0}.nav-wrap{min-height:66px}.main-nav{top:66px}.prototype-bar{font-size:9px}.hero{padding-top:60px}h1{font-size:39px}.hero-lead{font-size:16px}.hero-actions{align-items:stretch;flex-direction:column;gap:12px}.hero-actions .text-link{text-align:center}.trust-list{flex-direction:column;gap:8px}.site-card{transform:none}.task-item{grid-template-columns:24px 1fr}.task-state{display:none}.logo-strip{display:none}.solution-card{padding:25px}.control-layout{gap:45px}.check-grid,.price-card ul,.field-row{grid-template-columns:1fr}.price-card{padding:28px 21px}.price-row{align-items:start;flex-direction:column}.price-row strong{font-size:34px}.photo-placeholder{height:370px}.brother-badge{right:-7px}.contact-form{padding:24px 18px}.footer-bottom{gap:12px;flex-direction:column}
}