:root{--blue:#0b2039;--blue-dark:#061526;--yellow:#82cd08;--ink:#122033;--muted:#5e6c7c;--bg:#f5f8f1;--line:#dce4d5;--white:#fff}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);font-family:Arial,Helvetica,sans-serif;line-height:1.5}a{color:inherit;text-decoration:none}.header{height:76px;padding:0 max(22px,6vw);display:flex;align-items:center;border-bottom:1px solid var(--line);background:#fff;position:sticky;top:0;z-index:20}.logo{display:inline-flex;align-items:center;flex:0 0 auto}.logo img{display:block;width:165px;height:auto}.header nav{display:flex;gap:30px;margin:auto;color:#46576a;font-size:14px}.header nav a:hover,.secondary-link:hover{color:var(--blue)}.button{display:inline-flex;align-items:center;justify-content:center;padding:15px 21px;border-radius:8px;background:var(--blue);color:#fff;font-size:14px;font-weight:700;transition:.2s}.button:hover{background:var(--blue-dark);transform:translateY(-2px)}.button-small{padding:11px 17px;font-size:13px}.menu-button{display:none;border:0;background:none;font-weight:700;color:var(--blue)}
.hero{min-height:650px;padding:78px max(22px,7vw);display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:7vw;background:linear-gradient(180deg,#fff,var(--bg))}.tag{margin:0 0 18px;color:var(--blue);font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.1em}.hero h1,.section-title h2,.cta h2{margin:0;line-height:1.08;letter-spacing:-.035em}.hero h1{font-size:clamp(43px,5.2vw,70px)}.hero h1 span,.section-title h2 span{color:#6fae07}.lead{max-width:590px;margin:25px 0 0;color:var(--muted);font-size:19px;line-height:1.65}.actions{display:flex;align-items:center;gap:26px;margin-top:32px}.secondary-link{color:var(--blue);font-size:14px;font-weight:700}.hero-points{display:flex;gap:20px;margin-top:28px;color:#4f6070;font-size:12px}.hero-points span:First-child{color:#6fae07}
.mockup-wrap{min-height:470px;padding:36px;position:relative;overflow:hidden;border-radius:20px;background:#f0f6e8}.mockup{position:absolute;width:78%;height:60%;left:11%;top:20%;overflow:hidden;border:1px solid #dce5d5;border-radius:10px;background:#fff;box-shadow:0 22px 50px rgba(11,32,57,.18)}.mockup-bar{height:34px;padding:0 12px;display:flex;align-items:center;gap:5px;background:#f3f6f0;border-bottom:1px solid #dfe6da}.mockup-bar i{width:7px;height:7px;border-radius:50%;background:#bdc8b6}.mockup-bar small{margin:auto;color:#718071;font-size:8px}.mockup-body{height:calc(100% - 34px);padding:22px;position:relative;overflow:hidden}.mockup-nav{display:flex;justify-content:space-between;font-size:7px}.mockup-copy{position:absolute;top:26%;left:8%;z-index:2}.mockup-copy small{color:#6fae07;font-size:7px}.mockup-copy h2{margin:7px 0 14px;font-size:clamp(27px,3vw,44px);line-height:.95}.mockup-copy button{padding:8px 10px;border:0;border-radius:4px;background:var(--blue);color:#fff;font-size:7px}.mockup-art{width:48%;aspect-ratio:1;position:absolute;right:-5%;top:15%;display:grid;place-items:center;border-radius:50%;background:#b6e95d;color:var(--blue);font-size:48px}.note{position:absolute;padding:9px 12px;border:1px solid var(--line);border-radius:7px;background:#fff;box-shadow:0 8px 24px rgba(11,32,57,.14);font-size:10px;font-weight:700}.note-a{right:4%;top:33%}.note-b{left:5%;bottom:9%}
.section{padding:100px max(22px,7vw)}.section-title{max-width:660px}.section-title h2{font-size:clamp(38px,4.7vw,61px)}.section-title>p:last-child{max-width:600px;color:var(--muted);font-size:17px;line-height:1.7}.centered{margin:auto;text-align:center}.benefit-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:55px}.benefit-grid article{padding:30px;border:1px solid var(--line);border-radius:12px;background:#fff;box-shadow:0 10px 30px rgba(11,32,57,.06)}.benefit-grid b,.steps>li>span{width:38px;height:38px;display:grid;place-items:center;border-radius:8px;background:#eef7df;color:#497404;font-size:12px}.benefit-grid h3{margin:22px 0 9px;font-size:20px}.benefit-grid p{margin:0;color:var(--muted);font-size:14px;line-height:1.65}.process,.faq{background:var(--bg)}.steps{max-width:1120px;margin:55px auto 0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:22px;list-style:none}.steps li{padding:30px;display:flex;gap:18px;border:1px solid var(--line);border-radius:12px;background:#fff}.steps h3{margin:3px 0 8px;font-size:19px}.steps p{margin:0;color:var(--muted);font-size:14px}
.pricing{display:grid;grid-template-columns:1fr .85fr .55fr;gap:24px;align-items:stretch}.pricing>.section-title{padding-right:4vw}.main-price,.hosting{padding:35px;display:flex;flex-direction:column;border-radius:14px}.main-price{background:var(--blue);color:#fff;box-shadow:0 20px 45px rgba(11,32,57,.2)}.main-price>p,.hosting>p{text-transform:uppercase;font-size:11px;font-weight:800;letter-spacing:.1em}.amount{margin:12px 0 4px;font-size:clamp(42px,4vw,59px);font-weight:800;white-space:nowrap}.amount sup{font-size:.45em;vertical-align:top}.amount small{font-size:11px}.main-price>span{color:#dce8ee;font-size:12px}.main-price ul,.hosting ul{margin:24px 0;padding:0;list-style:none;line-height:2.1;font-size:13px}.main-price li{border-bottom:1px solid rgba(255,255,255,.18)}.main-price li:before{content:'✓';margin-right:8px;color:var(--yellow)}.button-yellow{margin-top:auto;background:var(--yellow);color:#17230a}.button-yellow:hover{background:#95dc20}.hosting{border:1px solid var(--line)}.hosting .amount{color:var(--blue)}.hosting ul{padding-top:15px;border-top:1px solid var(--line)}.hosting>small{margin-top:auto;color:var(--muted);line-height:1.55}.accordion{max-width:820px;margin:50px auto 0}.accordion details{margin:12px 0;padding:0 22px;border:1px solid var(--line);border-radius:9px;background:#fff}.accordion summary{padding:21px 38px 21px 0;position:relative;cursor:pointer;font-weight:700;list-style:none}.accordion summary::-webkit-details-marker{display:none}.accordion summary:after{content:'+';position:absolute;right:4px;color:#6fae07;font-size:22px}.accordion details[open] summary:after{content:'–'}.accordion details p{margin:0 0 22px;color:var(--muted)}
.cta{padding:90px 22px;text-align:center;background:var(--blue);color:#fff}.cta>p{text-transform:uppercase;font-size:11px;letter-spacing:.12em}.cta h2{max-width:800px;margin:15px auto 33px;font-size:clamp(42px,5.5vw,72px)}footer{padding:33px max(22px,6vw);display:grid;grid-template-columns:1fr 1fr 1fr;align-items:center;border-top:1px solid var(--line)}footer p{text-align:center;color:var(--muted);font-size:12px}footer>a:last-child{text-align:right;font-size:12px}.reveal{opacity:0;transform:translateY(18px);transition:opacity .55s,transform .55s}.reveal.visible{opacity:1;transform:none}
@media(max-width:900px){.header nav{display:none}.header{justify-content:space-between}.menu-button{display:block;margin-left:auto;margin-right:14px}.header nav.open{display:flex;position:absolute;left:0;right:0;top:76px;padding:20px;flex-direction:column;background:#fff;border-bottom:1px solid var(--line)}.hero{grid-template-columns:1fr}.mockup-wrap{min-height:500px}.benefit-grid,.steps,.pricing{grid-template-columns:1fr}.pricing>.section-title{padding:0 0 20px}.main-price,.hosting{min-height:405px}footer{grid-template-columns:1fr;gap:12px;text-align:center}footer>a:last-child{text-align:center}}
@media(max-width:600px){.header{height:68px;padding:0 18px}.header>.button{display:none}.header .logo img{width:145px}.header nav.open{top:68px}.hero{padding:48px 20px 64px}.hero h1{font-size:42px}.lead{font-size:17px}.actions{align-items:flex-start;flex-direction:column}.hero-points{flex-direction:column;gap:8px}.mockup-wrap{min-height:410px;padding:20px}.mockup{width:86%;left:7%;height:58%}.section{padding:75px 20px}.section-title h2{font-size:39px}.benefit-grid{margin-top:40px}.main-price,.hosting{padding:28px 22px}.amount{font-size:43px}.cta{padding:75px 20px}.cta h2{font-size:43px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{opacity:1;transform:none;transition:none}.button{transition:none}}