@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800&display=swap');
:root{--bg:#080808;--panel:#111;--panel2:#151515;--white:#fff;--muted:#a1a1aa;--lime:#b7ff00;--line:rgba(255,255,255,.11);--max:1160px}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:92px}body{margin:0;background:var(--bg);color:var(--white);font-family:'DM Sans',Arial,sans-serif;overflow-x:hidden}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{cursor:pointer}.wrap{width:min(var(--max),calc(100% - 48px));margin-inline:auto}.section{padding-block:108px;position:relative}.ambient{position:absolute;pointer-events:none;border-radius:50%;filter:blur(110px);opacity:.075}.ambient-one{width:420px;height:420px;background:var(--lime);top:150px;right:-260px}.ambient-two{width:350px;height:350px;background:#6b8dff;top:1300px;left:-250px;opacity:.035}
.site-header{height:76px;position:sticky;top:0;z-index:30;background:rgba(8,8,8,.72);backdrop-filter:blur(18px);border-bottom:1px solid transparent;transition:.3s}.site-header.scrolled{border-color:var(--line);background:rgba(8,8,8,.9)}.nav{height:100%;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand img{width:112px;height:auto;display:block}.nav-links{display:flex;align-items:center;gap:27px}.nav-links a,.footer-links a{font-size:13px;color:#d1d1d5;transition:color .2s}.nav-links a:hover,.footer-links a:hover{color:var(--lime)}.nav-actions{display:flex;gap:9px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:12px;padding:14px 22px;border-radius:999px;border:1px solid transparent;font-size:13px;font-weight:700;transition:transform .22s,box-shadow .22s,border-color .22s,background .22s}.btn:hover{transform:translateY(-2px)}.btn:active{transform:scale(.98)}.btn-small{padding:10px 17px;font-size:12px}.btn-lime{background:var(--lime);color:#080808}.btn-lime:hover{box-shadow:0 0 28px #b7ff003b}.btn-outline{border-color:rgba(255,255,255,.22);color:#fff;background:transparent}.btn-outline:hover{border-color:var(--lime);color:var(--lime)}.btn-dark{background:#080808;color:#fff}.arrow{font-size:17px}.menu-toggle{display:none;background:none;border:1px solid var(--line);width:42px;height:42px;border-radius:50%;padding:12px}.menu-toggle span{display:block;height:1px;background:#fff;margin:5px 0}.mobile-panel{display:none}.hidden{display:none!important}
.hero{min-height:650px;display:grid;grid-template-columns:1.03fr .97fr;align-items:center;gap:60px;padding-top:86px;padding-bottom:112px}.eyebrow{font-size:10px;letter-spacing:2px;color:var(--lime);font-weight:800;display:inline-flex;align-items:center;gap:9px}.live-dot{width:7px;height:7px;border-radius:50%;background:var(--lime);box-shadow:0 0 12px var(--lime)}h1,h2,h3,p{margin-top:0}.hero h1{font-size:clamp(48px,6.2vw,76px);line-height:1.04;letter-spacing:-4.5px;margin:26px 0 24px;font-weight:800;max-width:650px}.lime-underline{position:relative;white-space:nowrap}.lime-underline:after{content:"";position:absolute;height:7px;border-radius:100%;background:var(--lime);width:100%;left:0;bottom:-8px;transform:rotate(-2deg);transform-origin:left;animation:underline .9s .5s both}.hero-lead{font-size:17px;line-height:1.75;color:var(--muted);max-width:490px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:32px}.hero-note{margin-top:48px;color:#888;font-size:11px;letter-spacing:.2px}.hero-note span{color:var(--lime);font-size:17px;margin-right:8px}.hero-art{position:relative;min-height:430px;display:grid;place-items:center}.browser-card{width:92%;max-width:520px;background:#1a1a1a;border:1px solid #383838;border-radius:17px;padding:10px;box-shadow:0 35px 100px #000b;transform:rotate(2deg);position:relative;z-index:2}.browser-top{height:28px;display:flex;align-items:center;justify-content:space-between;padding:0 8px;color:#777;font-size:9px}.traffic{display:flex;gap:4px}.traffic i{width:6px;height:6px;border-radius:50%;background:#555}.browser-dots{letter-spacing:2px}.mock-site{height:330px;background:#e9e8e1;color:#181818;position:relative;overflow:hidden;padding:20px 24px}.mock-nav{display:flex;justify-content:space-between;align-items:center;font-size:12px}.mock-nav b span,.phone-brand span{color:#87bd00}.mock-nav div{display:flex;gap:12px}.mock-nav i{height:2px;width:20px;background:#888}.mock-content{position:relative;z-index:2;margin-top:58px}.mock-kicker{font-size:8px;letter-spacing:2px;color:#777}.mock-title{font-size:48px;font-weight:800;line-height:.98;letter-spacing:-3px;margin-top:14px}.mock-title em{font-style:normal;color:#7da900}.mock-line{width:90px;height:2px;background:#222;margin:20px 0}.mock-button{font-size:8px;background:#111;color:white;border-radius:20px;display:inline-block;padding:9px 13px}.mock-orb{position:absolute;width:210px;height:210px;border-radius:50%;right:-40px;bottom:-50px;background:radial-gradient(circle at 35% 35%,#d6d8c5,#7d806e 58%,#42453a);box-shadow:inset -25px -25px 45px #2225}.mock-foot{position:absolute;bottom:14px;left:24px;right:24px;font-size:7px;letter-spacing:1.6px;color:#666}.mock-foot span{float:right}.phone-card{position:absolute;z-index:3;right:0;bottom:-10px;width:130px;height:260px;border:5px solid #303030;border-radius:24px;background:#101010;padding:25px 12px;box-shadow:0 20px 45px #000;transform:rotate(-7deg);overflow:hidden}.phone-notch{position:absolute;top:5px;left:40px;width:40px;height:8px;background:#292929;border-radius:10px}.phone-brand{font-size:10px;font-weight:800}.phone-big{font-size:25px;line-height:1.03;font-weight:800;margin-top:34px;letter-spacing:-1px}.phone-big em{font-style:normal;color:var(--lime)}.phone-line{height:3px;width:38px;background:var(--lime);margin-top:16px}.phone-cta{height:18px;width:65px;background:var(--lime);border-radius:20px;margin-top:15px}.phone-shape{position:absolute;width:100px;height:100px;border-radius:50%;background:#343a27;right:-45px;bottom:-25px}.float-tag{position:absolute;z-index:4;left:0;bottom:34px;background:#171717;border:1px solid var(--line);border-radius:13px;padding:12px 15px;display:flex;align-items:center;gap:10px;box-shadow:0 12px 40px #0008}.tag-icon{color:var(--lime);font-size:22px}.float-tag b,.float-tag small{display:block}.float-tag b{font-size:10px}.float-tag small{font-size:9px;color:#888;margin-top:3px}.hero-glow{position:absolute;width:260px;height:260px;background:var(--lime);filter:blur(130px);opacity:.14;right:10%;top:15%}
.section-head{margin-bottom:42px}.section-head h2,.trust-copy h2{font-size:clamp(36px,4.8vw,56px);line-height:1.08;letter-spacing:-2.5px;margin:17px 0 13px;font-weight:800}.section-head p,.trust-copy p{color:var(--muted);font-size:15px;line-height:1.7}.center{text-align:center}.center p{margin-inline:auto}.lime-text{color:var(--lime)}.services-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.service-card{position:relative;min-height:205px;border:1px solid var(--line);border-radius:17px;background:linear-gradient(145deg,#141414,#0e0e0e);padding:25px;transition:.3s;overflow:hidden}.service-card:hover{transform:translateY(-5px);border-color:#b7ff0080;background:#151a0d}.service-icon{width:42px;height:42px;border-radius:12px;background:#ffffff0a;color:var(--lime);display:grid;place-items:center;font-size:22px;margin-bottom:23px}.service-card h3{font-size:16px;margin-bottom:9px}.service-card p{font-size:12px;line-height:1.7;color:var(--muted);max-width:270px}.card-index{position:absolute;right:22px;top:24px;font-size:10px;color:#555}.section-footnote,.pricing-note{text-align:center;color:#777;font-size:11px;line-height:1.7;margin-top:25px}
.pricing-section{padding-top:95px}.pricing-grid{display:grid;grid-template-columns:repeat(3,1fr);align-items:stretch;gap:16px;margin-top:54px}.price-card{position:relative;background:var(--panel);border:1px solid var(--line);border-radius:23px;padding:28px 25px 25px;display:flex;flex-direction:column;transition:transform .3s,border-color .3s,box-shadow .3s}.price-card:hover{transform:translateY(-7px);border-color:#ffffff45}.price-featured{background:#151515;border-color:#ffffff38;transform:translateY(-9px)}.price-featured:hover{transform:translateY(-15px)}.price-biggest{border-color:#b7ff0080;background:linear-gradient(155deg,#18200c,#111 55%);box-shadow:0 0 55px -35px var(--lime)}.price-biggest:hover{box-shadow:0 0 60px -25px #b7ff0080}.plan-top{display:flex;justify-content:space-between;align-items:center;color:#888;font-size:9px;letter-spacing:1.7px}.plan-number{font-size:11px;color:#555}.price-card h3{font-size:26px;margin:26px 0 8px;letter-spacing:-.8px}.plan-desc{font-size:12px;color:var(--muted);min-height:38px;line-height:1.6}.price{display:flex;align-items:baseline;gap:8px;margin:16px 0 18px}.price strong{font-size:clamp(32px,3.4vw,42px);letter-spacing:-2px}.price span{font-size:10px;color:#aaa}.price-rule{height:1px;background:var(--line)}.price-card ul{list-style:none;padding:0;margin:22px 0}.price-card li{font-size:11px;color:#e2e2e2;margin:0 0 13px;display:flex;gap:9px;line-height:1.5}.price-card li:before{content:"✓";color:var(--lime);font-weight:800}.ideal{font-size:10px;color:#85858b;line-height:1.65;margin-top:auto;margin-bottom:20px;min-height:50px}.choose-plan{width:100%;margin-top:4px}.choose-plan span{font-size:16px}.popular-pill{position:absolute;top:-12px;right:22px;background:var(--lime);color:#080808;font-size:9px;font-weight:800;letter-spacing:.7px;border-radius:30px;padding:6px 12px}.pricing-note{max-width:780px;margin:28px auto 0}
.portfolio-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}.portfolio-card{border:1px solid var(--line);border-radius:17px;overflow:hidden;background:#111;transition:.3s}.portfolio-card:hover{transform:translateY(-5px);border-color:#b7ff0080}.portfolio-preview{height:240px;padding:18px;display:grid;place-items:center;overflow:hidden}.preview-one{background:#deded7}.preview-two{background:#d2d4d0}.preview-three{background:#d8d4ca}.preview-browser{height:100%;width:90%;background:#f5f4ef;color:#151515;box-shadow:0 12px 30px #0002;padding:12px 15px;position:relative;overflow:hidden}.preview-browser>span{font-size:7px;color:#999;letter-spacing:2px}.preview-browser>b{display:block;font-size:13px;margin-top:13px}.preview-hero{font-size:36px;line-height:.94;font-weight:800;letter-spacing:-2px;margin-top:26px;position:relative;z-index:2}.preview-hero i{font-style:normal;color:#8aa63e}.preview-line{height:2px;width:55px;background:#111;margin-top:12px}.preview-circle{position:absolute;width:135px;height:135px;border-radius:50%;background:#a7ad8a;right:-20px;bottom:-30px}.preview-photo{position:absolute;width:100px;height:140px;right:10px;bottom:-25px;background:linear-gradient(140deg,#a9aa9d,#464b3d);transform:rotate(12deg)}.preview-products{display:flex;gap:6px;position:absolute;bottom:13px;left:15px;right:15px}.preview-products i{height:45px;flex:1;background:#b6b5a7}.preview-products i:nth-child(2){background:#a2a58f}.portfolio-meta{display:flex;justify-content:space-between;align-items:center;padding:17px 19px}.portfolio-meta span{font-size:8px;letter-spacing:1.5px;color:var(--lime)}.portfolio-meta h3{font-size:13px;margin:6px 0 0}.portfolio-meta>b{color:var(--lime);font-size:18px}
.trust-panel{display:grid;grid-template-columns:1fr 1fr;gap:70px;padding:58px;border:1px solid var(--line);border-radius:25px;background:radial-gradient(ellipse at 15% 20%,#b7ff000d,transparent 55%),#111}.trust-copy p{max-width:440px}.trust-list{list-style:none;padding:0;margin:0;align-self:center}.trust-list li{padding:17px 0;border-bottom:1px solid var(--line);font-size:13px;display:flex;align-items:center;gap:14px}.trust-list li:last-child{border:0}.trust-list span{color:var(--lime);font-size:17px}
.faq-section{max-width:850px}.faq-list{display:grid;gap:10px}.faq-item{border:1px solid var(--line);border-radius:14px;background:#111;overflow:hidden}.faq-question{width:100%;display:flex;justify-content:space-between;align-items:center;text-align:left;background:none;border:0;color:#fff;padding:20px 22px;font-size:13px;font-weight:700}.faq-question span{font-size:20px;color:var(--lime);transition:transform .25s}.faq-item.open .faq-question span{transform:rotate(45deg)}.faq-answer{display:grid;grid-template-rows:0fr;transition:grid-template-rows .28s}.faq-item.open .faq-answer{grid-template-rows:1fr}.faq-answer p{overflow:hidden;margin:0;padding:0 22px;color:var(--muted);font-size:12px;line-height:1.8}.faq-item.open .faq-answer p{padding-bottom:20px}.faq-answer a{color:var(--lime)}
.final-cta{padding-top:30px;padding-bottom:105px}.cta-box{position:relative;overflow:hidden;border-radius:25px;background:var(--lime);color:#080808;text-align:center;padding:75px 25px}.cta-box .eyebrow{color:#263500}.cta-box h2{font-size:clamp(38px,5vw,58px);line-height:1.03;letter-spacing:-2.8px;margin:20px 0 14px}.cta-box p{color:#314000;font-size:14px;max-width:440px;margin:0 auto}.cta-box .btn{margin-top:27px;position:relative;z-index:2}.cta-spark{position:absolute;top:35px;left:12%;font-size:45px;opacity:.2}.cta-orbit{position:absolute;width:240px;height:240px;border:1px solid #08080820;border-radius:50%;right:-65px;bottom:-150px}
.footer{border-top:1px solid var(--line)}.footer-grid{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:50px;padding-block:55px}.footer-logo img{width:118px;display:block}.footer-grid p,.footer-contact span{font-size:11px;color:#888;margin-top:15px}.footer-links{display:grid;grid-template-columns:1fr 1fr;gap:13px}.footer-links a{font-size:11px}.footer-contact{display:flex;flex-direction:column;gap:11px;font-size:12px}.footer-contact a{color:#ccc;font-size:11px}.footer-contact a:hover{color:var(--lime)}.footer-contact span{margin:0}.footer-bottom{border-top:1px solid var(--line);padding-block:19px;display:flex;justify-content:space-between;color:#666;font-size:9px;letter-spacing:.7px}
.user-area{position:relative}.user-chip{display:flex;align-items:center;gap:9px;background:#151515;border:1px solid var(--line);border-radius:30px;color:#fff;padding:5px 12px 5px 5px;font-size:12px}.user-avatar{width:29px;height:29px;display:grid;place-items:center;border-radius:50%;background:var(--lime);color:#080808;font-weight:800}.chevron{color:#888}.user-dropdown{position:absolute;right:0;top:48px;width:205px;background:#151515;border:1px solid var(--line);border-radius:14px;padding:8px;box-shadow:0 15px 40px #0009}.dropdown-meta{padding:10px;border-bottom:1px solid var(--line);margin-bottom:5px}.dropdown-meta strong,.dropdown-meta small{display:block}.dropdown-meta strong{font-size:12px}.dropdown-meta small{font-size:10px;color:#888;margin-top:4px;overflow-wrap:anywhere}.user-dropdown button{display:block;width:100%;border:0;background:none;color:#ddd;text-align:left;padding:10px;border-radius:8px;font-size:11px}.user-dropdown button:hover{background:#ffffff0c;color:var(--lime)}.user-dropdown .logout{color:#ff8888}
.modal-backdrop{position:fixed;inset:0;z-index:60;background:#000b;backdrop-filter:blur(10px);display:grid;place-items:center;padding:20px;overflow:auto}.modal{position:relative;width:min(100%,490px);max-height:calc(100vh - 40px);overflow:auto;background:#121212;border:1px solid var(--line);border-radius:22px;padding:34px;box-shadow:0 30px 100px #000b;animation:modalIn .25s ease both}.quote-modal{width:min(100%,600px)}.modal-close{position:absolute;right:18px;top:15px;width:34px;height:34px;border-radius:50%;border:1px solid var(--line);background:none;color:#fff;font-size:23px}.modal-mark{font-weight:800;font-size:28px;margin-bottom:22px}.modal-mark span{color:var(--lime)}.modal h2{font-size:28px;letter-spacing:-1px;margin:12px 0 7px}.modal-intro{font-size:12px;color:var(--muted);line-height:1.6;margin-bottom:22px}.modal form label{display:block;font-size:11px;font-weight:600;color:#ddd;margin-bottom:14px}.modal input,.modal select,.modal textarea{display:block;width:100%;margin-top:7px;background:#090909;border:1px solid #ffffff20;border-radius:10px;color:#fff;padding:12px 13px;font-size:12px;outline:none;transition:border .2s}.modal input:focus,.modal select:focus,.modal textarea:focus{border-color:var(--lime)}.modal input::placeholder,.modal textarea::placeholder{color:#666}.modal select option{background:#111}.modal textarea{resize:vertical}.full{width:100%}.form-message{min-height:16px;font-size:11px;color:#ff9696}.auth-separator{display:flex;align-items:center;gap:12px;color:#777;font-size:10px;margin:18px 0}.auth-separator:before,.auth-separator:after{content:"";height:1px;background:var(--line);flex:1}.btn-google{border:1px solid var(--line);background:#fff;color:#222}.btn-google b{font-size:17px;color:#4285f4}.auth-switch{text-align:center;font-size:11px;color:#999;margin:20px 0 0}.auth-switch button{border:0;background:none;color:var(--lime);font-weight:700}.demo-warning,.form-foot{font-size:9px;line-height:1.6;color:#777;margin:18px 0 0}.form-two{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.toast{position:fixed;z-index:80;bottom:25px;left:50%;transform:translate(-50%,20px);background:#f4f4f4;color:#111;padding:12px 18px;border-radius:30px;font-size:11px;font-weight:700;opacity:0;pointer-events:none;transition:.25s;box-shadow:0 10px 30px #0008}.toast.show{opacity:1;transform:translate(-50%,0)}
.reveal{opacity:0;transform:translateY(24px);transition:opacity .7s ease,transform .7s cubic-bezier(.2,.7,.2,1)}.reveal.visible{opacity:1;transform:translateY(0)}
@keyframes underline{from{transform:scaleX(0) rotate(-2deg)}to{transform:scaleX(1) rotate(-2deg)}}@keyframes modalIn{from{opacity:0;transform:translateY(18px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}
@media(max-width:1000px){.nav-links{gap:15px}.nav-links a{font-size:11px}.hero{gap:28px}.hero h1{font-size:58px}.price-card{padding:24px 19px}.price strong{font-size:34px}}
@media(max-width:800px){.wrap{width:min(var(--max),calc(100% - 38px))}.nav-links,.nav-actions{display:none}.menu-toggle{display:block}.mobile-panel{position:absolute;top:76px;left:0;right:0;background:#0d0d0d;border-bottom:1px solid var(--line);padding:12px 22px 22px;display:none}.mobile-panel.open{display:grid;animation:modalIn .2s ease}.mobile-panel>a{padding:13px 5px;border-bottom:1px solid #ffffff0c;font-size:13px;color:#ddd}.mobile-auth{display:flex;gap:10px;padding-top:16px}.mobile-auth .btn{flex:1}.hero{grid-template-columns:1fr;padding-top:70px;gap:38px}.hero-copy{max-width:650px}.hero h1{font-size:clamp(49px,9vw,68px)}.hero-art{min-height:410px;width:min(100%,570px);margin:auto}.services-grid{grid-template-columns:repeat(2,1fr)}.pricing-grid{grid-template-columns:1fr;max-width:520px;margin-inline:auto;gap:20px}.price-featured,.price-featured:hover{transform:none}.price-card{padding:28px}.price-card h3{margin-top:20px}.price strong{font-size:42px}.portfolio-grid{grid-template-columns:1fr 1fr}.trust-panel{gap:35px;padding:38px}.section{padding-block:82px}}
@media(max-width:560px){.wrap{width:calc(100% - 34px)}.section{padding-block:72px}.hero{padding-top:58px;padding-bottom:80px;min-height:auto}.hero h1{font-size:clamp(43px,12vw,58px);letter-spacing:-2.8px}.hero-lead{font-size:15px}.hero-actions .btn{padding:13px 17px}.hero-art{min-height:330px}.browser-card{width:95%;padding:7px}.mock-site{height:255px;padding:16px}.mock-content{margin-top:40px}.mock-title{font-size:39px}.phone-card{width:105px;height:215px;right:-2px;bottom:-2px;padding:22px 9px}.phone-big{font-size:21px;margin-top:26px}.float-tag{left:-2px;bottom:13px;padding:9px 11px}.float-tag b{font-size:9px}.float-tag small{font-size:8px}.section-head h2,.trust-copy h2{font-size:39px;letter-spacing:-1.8px}.services-grid{grid-template-columns:1fr;gap:10px}.service-card{min-height:170px;padding:21px}.service-icon{margin-bottom:16px}.pricing-grid{margin-top:35px}.price-card{padding:25px 22px}.portfolio-grid{grid-template-columns:1fr}.portfolio-preview{height:220px}.trust-panel{grid-template-columns:1fr;padding:28px 23px;gap:25px}.trust-list li{font-size:12px;padding:14px 0}.faq-question{padding:17px;font-size:12px}.faq-answer p{padding-inline:17px}.faq-item.open .faq-answer p{padding-bottom:17px}.cta-box{padding:62px 20px}.cta-spark{left:8%;top:22px}.footer-grid{grid-template-columns:1fr 1fr;gap:30px 20px;padding-block:42px}.footer-grid>div:first-child{grid-column:1/-1}.footer-links{gap:12px}.footer-bottom{gap:12px;flex-direction:column;line-height:1.6}.modal{padding:28px 21px}.form-two{grid-template-columns:1fr;gap:0}.modal h2{font-size:25px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important}}