@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--bg:#0a1518;--panel:#112227;--ink:#edf4ec;--muted:#9bafad;--accent:#ceef86;--line:#ffffff20;--font:Manrope,Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--bg);color:var(--ink);font-family:'DM Sans',Arial,sans-serif;line-height:1.6}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid var(--accent);outline-offset:5px}.wrap{width:min(1180px,calc(100% - 64px));margin:auto}.top{border-bottom:1px solid var(--line);position:relative;z-index:5}.nav{display:flex;align-items:center;justify-content:space-between;min-height:94px;gap:30px}.brand{font:800 32px var(--font);letter-spacing:-1.5px}.brand span{color:var(--accent)}.brand small{display:block;font:600 9px Manrope,Arial,sans-serif;letter-spacing:2.5px;text-transform:uppercase;margin-top:3px;color:var(--muted)}nav{display:flex;gap:28px;align-items:center;font-size:14px}nav a:hover{color:var(--accent)}.pill{border:1px solid var(--line);padding:11px 18px;border-radius:100px;font-size:13px}.menu{display:none;background:none;color:var(--ink);border:1px solid var(--line);padding:8px 12px;border-radius:8px}.eyebrow{font-size:11px;font-weight:700;letter-spacing:2px;text-transform:uppercase;display:flex;align-items:center;gap:10px}.eyebrow:before{content:'';width:7px;height:7px;border-radius:50%;background:var(--accent);box-shadow:0 0 20px var(--accent)}h1,h2,h3{font-family:var(--font);font-weight:600;line-height:1.06;letter-spacing:-2px}h1{font-size:clamp(48px,6.8vw,86px);margin:24px 0}h2{font-size:clamp(34px,4.1vw,54px);margin:14px 0 28px}h3{font-size:24px;letter-spacing:-.8px}p{color:var(--muted)}.hero{display:grid;grid-template-columns:1.12fr 1fr;gap:65px;align-items:center;padding:84px 0 76px}.hero p{font-size:17px;max-width:490px}.accent{color:var(--accent)}.actions{display:flex;flex-wrap:wrap;align-items:center;gap:24px;margin-top:34px}.btn{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:24px;background:var(--accent);color:#172016;padding:17px 23px;border:0;border-radius:7px;font-weight:700;font-size:14px;overflow:hidden;transition:transform .25s,box-shadow .25s,filter .25s;min-height:54px}.btn:after{content:'';position:absolute;inset:-100% auto -100% -60%;width:35%;background:linear-gradient(90deg,transparent,#fff8,transparent);transform:rotate(25deg);transition:left .65s}.btn:hover{transform:translateY(-3px);box-shadow:0 7px 35px color-mix(in srgb,var(--accent) 35%,transparent);filter:brightness(1.08)}.btn:hover:after{left:130%}.textlink{font-size:14px;border-bottom:1px solid var(--muted);padding:6px 0}.note{font-size:11px;letter-spacing:.2px}.visual{position:relative;min-height:475px;border-radius:180px 180px 12px 12px;background:radial-gradient(ellipse at 50% 15%,#a8c77c28,transparent 65%),var(--panel);border:1px solid var(--line);display:grid;place-items:center;padding:32px}.orbit{position:absolute;width:300px;height:300px;border:1px solid #ceef8625;border-radius:50%;top:65px;left:calc(50% - 150px)}.orbit:after{content:'';position:absolute;background:var(--accent);width:8px;height:8px;border-radius:50%;top:50px;left:35px;box-shadow:0 0 25px var(--accent)}.browser{position:relative;width:100%;border-radius:10px;background:#f4f4e9;color:#152823;box-shadow:0 25px 60px #0006;transform:rotate(-4deg);animation:float 6s ease-in-out infinite}.chrome{font-size:9px;padding:12px;border-bottom:1px solid #0001;display:flex;gap:5px;align-items:center}.dot{width:5px;height:5px;background:#c2c6bd;border-radius:50%}.url{margin:auto;color:#708078}.mini{padding:25px}.mini-top{font-size:9px;display:flex;justify-content:space-between}.mini-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:10px;align-items:center;margin-top:20px}.mini h3{font-size:32px;line-height:1.08;margin:10px 0;letter-spacing:-1.5px}.mini p{font-size:9px;color:#64746c}.mini a{display:inline-block;background:#234b3a;color:white;padding:9px 12px;font-size:8px;border-radius:3px}.plant{height:170px;position:relative;border-radius:60px 60px 4px 4px;background:linear-gradient(145deg,#a5b58f,#3c6351);overflow:hidden}.leaf{position:absolute;width:58px;height:105px;border-radius:0 100% 0 100%;background:#d4e0b1;transform:rotate(-25deg);left:30px;top:40px;box-shadow:40px 55px 0 #668e67,-25px 90px 0 #284b3b}.float-tag{position:absolute;right:-18px;bottom:52px;background:#e5e9d9;color:#234432;padding:15px 20px;border-radius:8px;box-shadow:0 12px 25px #0002;font-size:11px;transform:rotate(4deg)}.float-tag b{display:block;font-size:14px}.visual-caption{position:absolute;bottom:22px;left:28px;font-size:10px;color:var(--muted)}.strip{display:flex;justify-content:space-between;gap:25px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:22px 0;font-size:12px;color:var(--muted)}.strip span:before{content:'↗';color:var(--accent);margin-right:12px}section.section{padding:90px 0}.sectionhead{display:flex;justify-content:space-between;align-items:end;gap:40px;margin-bottom:32px}.sectionhead p{max-width:340px;font-size:14px}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.service{border-top:1px solid var(--line);padding:30px 0 10px}.num{color:var(--accent);font:12px var(--font)}.service p{font-size:14px;max-width:300px}.service a{font-size:13px;color:var(--accent)}.showcase{background:#e9eee5;color:#152922}.showcase p{color:#5d6c64}.showcase .eyebrow:before{background:#52723c}.filters{display:flex;gap:10px;flex-wrap:wrap;margin:28px 0}.filter{border:1px solid #18332a30;color:#244032;background:transparent;border-radius:25px;padding:9px 18px;font-size:12px}.filter[aria-pressed=true]{background:#214332;color:#fff}.model{display:block;transition:transform .3s}.model:hover{transform:translateY(-7px)}.thumb{height:280px;border-radius:9px;padding:25px;position:relative;overflow:hidden}.thumb .tiny{font-size:10px;letter-spacing:2px}.thumb strong{font:500 33px/1.05 var(--font);letter-spacing:-1px;display:block;max-width:175px;margin-top:35px;position:relative;z-index:1}.thumb .shape{position:absolute;right:-25px;bottom:-55px;width:170px;height:240px;border-radius:100px 100px 0 0;transform:rotate(20deg)}.garden{background:#d7dfc7;color:#284b3b}.garden .shape{background:repeating-linear-gradient(80deg,#325742 0 15px,#547456 16px 30px);box-shadow:-20px -15px 0 #c2ceaf}.beauty{background:#ead9cf;color:#633e36}.beauty .shape{background:radial-gradient(ellipse at 35% 30%,#eec5ae,#b47660);box-shadow:-18px -15px 0 #d7bba6}.repair{background:#152e53;color:#e0edff}.repair .shape{border-radius:12px;border:10px solid #80adf6;background:linear-gradient(120deg,#27538e,#102949);box-shadow:-15px -15px 0 #254d80}.modelmeta{display:flex;justify-content:space-between;gap:10px;margin-top:17px}.modelmeta h3{font-size:18px;margin:0;letter-spacing:-.5px}.modelmeta small{font-size:11px;color:#5d6c64}.arrow{font-size:25px}.process{display:grid;grid-template-columns:.9fr 1.1fr;gap:100px}.steps{border-top:1px solid var(--line)}.step{display:grid;grid-template-columns:36px 1fr;gap:20px;border-bottom:1px solid var(--line);padding:22px 0}.step h3{font-size:20px;margin:0}.step p{font-size:13px;margin-bottom:0}.step .num{padding-top:6px}.faq{max-width:850px}details{border-bottom:1px solid var(--line);padding:20px 0}summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:25px;font-size:15px}summary:after{content:'+';color:var(--accent)}details[open] summary:after{content:'−'}details p{font-size:14px;max-width:700px}.contact{border:1px solid var(--line);border-radius:14px;background:radial-gradient(ellipse at 90% 100%,#ceef8614,transparent 60%),var(--panel);padding:50px;display:grid;grid-template-columns:1fr 1fr;gap:65px}.contact p{font-size:14px}.contact h2{font-size:43px}.contact label{display:block;font-size:12px;margin:15px 0 6px}.contact input,.contact select{width:100%;background:var(--bg);color:var(--ink);border:1px solid var(--line);padding:13px;border-radius:6px}.contact .btn{width:100%;margin-top:20px}.contact small{display:block;color:var(--muted);font-size:10px;margin-top:12px}.footer{padding:35px 0;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:25px;align-items:center;font-size:11px;color:var(--muted)}.footer-links{display:flex;gap:20px}.floating{position:fixed;bottom:22px;right:24px;padding:12px 20px;border-radius:100px;background:var(--accent);color:#172016;font-size:12px;box-shadow:0 6px 30px #0004;z-index:9}.demo-bar{padding:10px 24px;background:#0e191b;color:#e7f0e9;display:flex;justify-content:space-between;gap:12px;font-size:11px}.demo-bar a{text-decoration:underline}.demo-hero{padding:70px 0;display:grid;grid-template-columns:1.1fr .9fr;gap:55px;align-items:center}.demo-art{min-height:480px;border-radius:180px 180px 8px 8px;background:var(--panel);position:relative;overflow:hidden;display:grid;place-items:center}.demo-art .ring{position:absolute;width:300px;height:300px;border:1px solid var(--line);border-radius:50%;animation:float 8s infinite ease-in-out}.demo-art .large{font-size:140px;color:var(--accent);position:relative;font-weight:400;letter-spacing:-15px}.demo-art .art-label{position:absolute;bottom:25px;font-size:11px;letter-spacing:3px}.demo-grid .service{padding:25px;border:1px solid var(--line);border-radius:8px}.demo-contact{text-align:center;padding:80px 15px;background:var(--panel);border-radius:12px}.demo-contact p{max-width:530px;margin:0 auto 28px}.demo-contact h2{max-width:700px;margin:15px auto 28px}.demo-tag{font-size:11px;letter-spacing:2px;color:var(--muted)}.reveal{animation:rise .8s ease-out both}[hidden]{display:none!important}@keyframes float{50%{transform:translateY(-12px) rotate(-2deg)}}@keyframes rise{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:900px){.wrap{width:calc(100% - 40px)}.hero,.demo-hero{gap:30px}.visual{min-height:400px;padding:20px}.hero h1{font-size:58px}.mini h3{font-size:25px}.float-tag{right:-5px}.process{gap:35px}.thumb{height:240px;padding:20px}.thumb strong{font-size:27px}.contact{padding:30px;gap:30px}.demo-art{min-height:400px}}
@media(max-width:680px){.wrap{width:calc(100% - 36px)}.nav{min-height:76px;gap:12px}.brand{font-size:28px}.menu{display:block}nav{display:none;position:absolute;top:76px;left:0;right:0;padding:25px;background:var(--bg);border-bottom:1px solid var(--line);flex-direction:column;align-items:flex-start}nav.open{display:flex}.hero,.demo-hero{grid-template-columns:1fr;padding:48px 0 40px;gap:40px}h1,.hero h1{font-size:52px;letter-spacing:-2px}.hero p{font-size:15px}.visual{min-height:410px;margin:0 8px}.browser{max-width:340px}.mini h3{font-size:30px}.float-tag{right:-8px;bottom:35px}.strip{flex-wrap:wrap;gap:13px;font-size:10px}.strip span{width:44%}.sectionhead{display:block}.sectionhead p{max-width:100%}section.section{padding:60px 0}.grid{grid-template-columns:1fr}.thumb{height:300px}.thumb strong{font-size:39px;max-width:220px}.thumb .shape{width:210px;height:270px}.model{margin-bottom:18px}.process,.contact{grid-template-columns:1fr;gap:30px}.contact{padding:28px 22px}.contact h2{font-size:35px}.footer{align-items:flex-start;flex-direction:column;padding-bottom:85px}.footer-links{flex-wrap:wrap}.floating{right:16px;bottom:16px}.demo-bar{font-size:10px;flex-wrap:wrap}.demo-art{min-height:340px}.demo-hero h1{font-size:55px}.demo-contact{padding:55px 22px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}