.web-hero{padding-top:65px;padding-bottom:70px}.web-hero h1{max-width:920px}.web-hero .lead{max-width:700px}.web-caption{display:block;color:var(--muted);font-size:12px;margin-top:18px}.web-table{overflow-x:auto;margin-top:30px}table{width:100%;border-collapse:collapse;font-size:14px}caption{text-align:left;color:var(--muted);padding:0 0 12px}th,td{text-align:left;vertical-align:top;padding:18px;border-bottom:1px solid var(--line)}thead{background:var(--panel)}tbody th{width:30%;color:var(--lime)}.web-table td{color:var(--muted)}nav{gap:18px}@media(max-width:650px){th,td{padding:12px;font-size:12px}.web-hero h1{font-size:40px}.web-hero{padding-top:35px}}
.web-page header{position:sticky;top:0;background:#101212f5;backdrop-filter:blur(14px);z-index:10;min-height:82px}.web-hero{display:grid;grid-template-columns:1fr 1fr;gap:30px;align-items:center;min-height:560px;padding-top:35px;padding-bottom:50px}.web-hero h1{font-size:clamp(35px,4.1vw,58px);letter-spacing:-2px}.web-hero .lead{font-size:15px}.back-link{display:inline-block;color:var(--muted);font-size:12px;margin-bottom:22px}.back-link:hover{color:var(--lime)}.site-preview{position:relative;min-height:390px;perspective:1000px}.preview-halo{position:absolute;inset:20px;background:radial-gradient(ellipse,#d5f76330,transparent 68%);filter:blur(25px)}.preview-browser{position:relative;background:#edf0df;color:#17251c;border:1px solid #d8e2ba;border-radius:13px;overflow:hidden;box-shadow:0 30px 65px #0007;transform:rotateY(-8deg) rotateZ(-2deg);animation:browser-in .8s ease-out both}.preview-bar{padding:9px 13px;display:flex;justify-content:space-between;font:9px monospace;background:#d9dfc9}.browser-dots{letter-spacing:2px;color:#718158}.preview-content{padding:20px}.preview-nav{display:flex;justify-content:space-between;align-items:center}.preview-nav b{font-size:12px;letter-spacing:1px}.preview-nav b span{margin-left:10px;color:#647c26}.preview-nav small{font-size:7px}.preview-main{display:grid;grid-template-columns:1.2fr 1fr;align-items:center;min-height:200px}.preview-main small{font-size:7px;letter-spacing:1px}.preview-main strong{display:block;font-size:28px;line-height:1.12;letter-spacing:-1px;margin:12px 0}.mock-button{display:inline-block;background:#21342a;color:#eef3df;border-radius:4px;padding:8px;font-size:7px}.preview-object{position:relative;height:175px;display:grid;place-items:center}.preview-object>span{position:relative;font-size:100px;color:#1d3929;line-height:1;animation:turn-symbol 22s linear infinite}.orb{position:absolute;border-radius:50%;box-shadow:inset -14px -14px 30px #0002}.orb-one{width:135px;height:135px;background:linear-gradient(140deg,#e7ffb3,#92b143);left:-5px;top:8px}.orb-two{width:55px;height:55px;background:#f3957d;right:-7px;bottom:5px}.preview-products{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.preview-products>div{background:#dce5c9;border-radius:6px;padding:10px}.preview-products i{display:block;width:25px;height:25px;border-radius:8px;background:linear-gradient(135deg,#698947,#d4e897);margin:0 0 7px}.preview-products>div:nth-child(2) i{background:linear-gradient(135deg,#cb785d,#f1c29f);border-radius:50%}.preview-products>div:nth-child(3) i{background:linear-gradient(135deg,#375c59,#92b9ac)}.preview-products span{font-size:7px;display:block}.preview-mobile{position:absolute;right:-6px;bottom:0;background:#1b3028;border:5px solid #34473b;border-radius:24px;width:125px;height:225px;box-shadow:0 15px 40px #0007;transform:rotate(5deg);padding:15px 10px;color:#edf3df;animation:float-phone 5s ease-in-out infinite}.phone-notch{width:36px;height:4px;background:#829579;border-radius:3px;margin:-7px auto 12px}.preview-mobile small{font-size:7px}.mobile-orb{background:#d5f76a;color:#25402c;font-size:50px;line-height:1.5;text-align:center;border-radius:9px;margin:12px 0}.preview-mobile b{font-size:11px;line-height:1.3;display:block}.preview-mobile>span{font-size:7px;display:block;margin-top:10px;color:#d5f76a}.preview-chip{position:absolute;left:-10px;bottom:3px;background:#d5f76a;color:#25351a;border:1px solid #e5ffa6;padding:10px 15px;border-radius:8px;font-size:11px;font-weight:700;box-shadow:0 10px 25px #0004}.preview-label{position:absolute;left:5px;bottom:-35px;font-size:8px;letter-spacing:1px;color:var(--muted)}.web-strip{display:flex;justify-content:center;align-items:center;gap:45px;padding:18px;background:#d5f76a0a;border-block:1px solid #d5f76a25;color:var(--lime);font-size:10px;letter-spacing:2px}.web-strip b{font-size:20px}.web-plan-icon{display:grid;place-items:center;width:38px;height:38px;border-radius:10px;background:linear-gradient(135deg,#d5f76a33,#d5f76a05);color:var(--lime);font-size:25px;margin-bottom:12px}.web-page #planes-web{padding-top:40px;padding-bottom:35px}.web-page .sectiontop h2{font-size:34px}.web-page .plans .badge{align-self:start}.web-page .plans article{background:linear-gradient(150deg,#232d20,#191c1c)}.web-page .plans article.featured{background:linear-gradient(145deg,#334326,#19211a)}.web-page .feedback-note{background:linear-gradient(135deg,#d5f76a09,transparent)}.web-page .steps article{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:20px}.web-page footer{padding-bottom:30px}@keyframes float-phone{0%,100%{transform:translateY(0) rotate(5deg)}50%{transform:translateY(-9px) rotate(3deg)}}@keyframes turn-symbol{to{transform:rotate(360deg)}}@keyframes browser-in{from{opacity:0;transform:translateY(15px) rotateY(-8deg) rotateZ(-2deg)}to{opacity:1;transform:translateY(0) rotateY(-8deg) rotateZ(-2deg)}}@media(max-width:900px){.web-hero{gap:20px}.preview-content{padding:13px}.preview-main strong{font-size:23px}.preview-nav small{display:none}.preview-mobile{width:105px;height:205px}.site-preview{min-height:350px}.web-strip{gap:20px;font-size:8px}}@media(max-width:650px){.web-hero{grid-template-columns:1fr;gap:25px;min-height:0}.web-hero h1{font-size:40px;margin-top:15px}.web-hero .back-link{margin-bottom:12px}.site-preview{width:100%;max-width:410px;min-height:355px;margin:0 auto 30px}.preview-main strong{font-size:27px}.preview-nav small{display:block}.preview-mobile{right:0;width:110px}.preview-chip{left:0;bottom:0;font-size:10px}.web-strip{gap:12px;letter-spacing:.5px;flex-wrap:wrap}.web-strip b{font-size:14px}.web-page header{padding:12px 18px;gap:10px}.web-page header .logo{width:115px;height:43px}.back-button{font-size:11px;padding:10px}.web-page .sectiontop h2{font-size:29px}.web-page .section{padding-top:32px;padding-bottom:32px}}@media(prefers-reduced-motion:reduce){.preview-mobile,.preview-object>span,.preview-browser{animation:none}.preview-browser{transform:none}}