*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font:17px/1.7 Arial,Tahoma,sans-serif;color:#182b27;background:#f5f4ef}a{color:inherit;text-decoration:none}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid #bc652b;outline-offset:5px}.shell{width:min(1160px,calc(100% - 40px));margin-inline:auto}.skip{position:absolute;inset-inline-start:20px;top:-100px;background:white;padding:12px;z-index:5}.skip:focus{top:12px}.demo-note{background:#183b30;color:#fff;font-size:13px;text-align:center;padding:7px 20px}.nav{display:flex;align-items:center;justify-content:space-between;gap:24px;padding-block:26px;border-bottom:1px solid #d5dcd5}.brand{font-weight:800;font-size:23px;display:flex;gap:10px;align-items:center}.brand svg{width:32px;height:32px;color:#215c45}.nav-links{display:flex;gap:25px;align-items:center;font-size:14px}.nav button{display:none}.hero{display:grid;grid-template-columns:1.15fr 1fr;gap:70px;align-items:center;padding-block:100px 80px}.eyebrow{font-size:13px;letter-spacing:.12em;text-transform:uppercase;color:#3b6858;font-weight:700}h1{font-size:clamp(44px,5.7vw,75px);line-height:1.1;letter-spacing:-.05em;margin:18px 0 26px;font-weight:800}.hero h1 em{font-style:normal;color:#28664e}.hero-copy{font-size:19px;color:#52635d;max-width:500px}.actions{display:flex;flex-wrap:wrap;gap:14px;margin-block:32px}.btn{background:#215b44;color:#fff;border:1px solid #215b44;display:inline-flex;align-items:center;justify-content:center;padding:13px 24px;border-radius:7px;font-size:15px;font-weight:700;min-height:48px}.btn.secondary{background:transparent;color:#215b44}.micro{display:flex;gap:10px;font-size:13px;color:#52635d}.micro span{width:7px;height:7px;border-radius:50%;background:#bd742d;margin-top:9px}.canvas{position:relative;padding:24px 0 0 25px}.window{position:relative;border:1px solid #cbd6cc;background:#fff;border-radius:14px;box-shadow:0 30px 70px #183b3015;overflow:hidden}.window-bar{height:40px;border-bottom:1px solid #e0e5df;display:flex;gap:6px;align-items:center;padding:15px}.window-bar i{width:6px;height:6px;background:#bac9bf;border-radius:50%}.window-content{padding:28px;background:linear-gradient(150deg,#fff,#edf3ee)}.window-caption{font-size:10px;letter-spacing:.15em;color:#5b7166}.window-title{font-size:24px;line-height:1.3;margin:12px 0 25px;font-weight:700}.visual-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.visual-box{height:100px;background:#deeadf;border-radius:8px;display:grid;place-content:center}.visual-box:nth-child(2){background:#ebe5d7}.visual-box:nth-child(3){background:#d5e4e1}.visual-box svg{width:38px;height:38px;stroke:#426950;fill:none;stroke-width:1.5}.visual-line{height:7px;background:#c1d1c4;border-radius:3px;width:70%;margin:18px 0 8px}.visual-line.short{width:40%;margin:0}.float-card{position:relative;display:flex;gap:14px;align-items:center;margin:-20px 25px 0 -25px;background:#193b30;color:white;border-radius:10px;padding:18px 24px;max-width:290px;box-shadow:0 15px 40px #183b3025}.float-card span{font-size:25px;color:#e5b377}.float-card strong{font-size:14px}.float-card small{display:block;color:#b9d0c3;font-size:11px}.section{padding-block:80px;border-top:1px solid #d5dcd5}.section-head{display:flex;justify-content:space-between;align-items:end;gap:50px;margin-bottom:36px}.section-head h2{font-size:clamp(30px,4vw,44px);line-height:1.2;letter-spacing:-.035em;margin:12px 0 0}.section-head p{max-width:350px;color:#52635d;margin:0}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.card{border:1px solid #d3ddd3;border-radius:12px;padding:30px;background:#fff9;min-width:0}.number{font-size:12px;color:#496e5c;font-weight:700}.card h3{font-size:22px;line-height:1.3;margin:28px 0 14px}.card p{font-size:15px;color:#52635d}.tags{display:flex;flex-wrap:wrap;gap:7px;margin-top:22px}.tags span{padding:3px 9px;font-size:11px;border:1px solid #d0dacc;border-radius:4px}.process{display:grid;grid-template-columns:1fr 1.4fr;gap:100px}.steps{list-style:none;padding:0;margin:0}.steps li{display:grid;grid-template-columns:40px 1fr;gap:18px;border-bottom:1px solid #d3ddd3;padding:25px 0}.steps b{color:#557460;font-size:13px}.steps strong{font-size:19px}.steps p{margin:5px 0 0;color:#52635d;font-size:15px}.contact{display:grid;grid-template-columns:1fr 1fr;gap:100px;background:#193b30;color:white;padding:55px;border-radius:16px}.contact h2{font-size:40px;line-height:1.2;letter-spacing:-.03em;margin:12px 0 25px}.contact p{color:#c4d8c9}.contact label{display:block;font-size:13px;font-weight:700;margin-bottom:8px}.contact input,.contact textarea{display:block;width:100%;font:inherit;font-size:15px;padding:12px 14px;border-radius:5px;border:1px solid #809d89;background:#254b3a;color:white;margin-bottom:18px}.contact textarea{resize:vertical;min-height:110px}.contact .btn{background:#ead9b5;border-color:#ead9b5;color:#193b30;width:100%}.contact .note{font-size:12px}.footer{display:flex;justify-content:space-between;gap:20px;padding-block:32px;color:#52635d;font-size:13px}.footer a{text-decoration:underline}[dir=rtl] h1,[dir=rtl] h2{letter-spacing:0;line-height:1.3}[dir=rtl] .eyebrow{letter-spacing:0}[dir=rtl] .canvas{padding:24px 25px 0 0}[dir=rtl] .float-card{margin:-20px -25px 0 25px}.reveal{animation:arrive .7s both}@keyframes arrive{from{opacity:0;transform:translateY(15px)}to{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{animation:none}}@media(max-width:900px){.hero{gap:30px;padding-block:65px}.contact,.process{gap:40px}.contact{padding:32px}.cards{grid-template-columns:1fr 1fr}.card:last-child{grid-column:1/-1}}@media(max-width:650px){.shell{width:calc(100% - 32px)}.nav{flex-wrap:wrap;gap:16px;padding-block:20px}.brand{font-size:20px}.nav button{display:block;font:inherit;font-size:14px;border:1px solid #bdcbbc;background:transparent;border-radius:5px;padding:8px 13px}.nav-links{display:none;flex-basis:100%;flex-wrap:wrap;gap:10px 22px;padding-block:10px}.nav-links.open{display:flex}.hero{grid-template-columns:1fr;gap:25px;padding-block:48px}.hero h1{font-size:46px}.hero-copy{font-size:17px}.canvas{max-width:440px;margin:5px auto 12px;width:100%}.section{padding-block:50px}.section-head{display:block}.section-head p{margin-top:20px}.cards,.process,.contact{grid-template-columns:1fr}.card:last-child{grid-column:auto}.card{padding:24px}.process{gap:20px}.contact{padding:25px;gap:25px}.contact h2{font-size:34px}.footer{flex-direction:column;gap:8px}.window-content{padding:24px}.visual-box{height:85px}}@media(max-width:360px){.hero h1{font-size:40px}.actions .btn{width:100%}.visual-grid{gap:7px}.window-content{padding:18px}.float-card{max-width:260px}}