:root{--bg:#0d1010;--panel:#151918;--line:#2a302d;--text:#f0f2eb;--muted:#979f98;--lime:#cefa89}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--bg);color:var(--text);font-family:'DM Sans',sans-serif;font-size:15px}a{color:inherit;text-decoration:none}button,input{font:inherit}button,a{ -webkit-tap-highlight-color:transparent}button{cursor:pointer}header{height:98px;max-width:1320px;margin:auto;padding:0 44px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ffffff0d}.logo{font-family:Manrope,sans-serif;font-size:31px;font-weight:800;display:flex;align-items:center;gap:9px;letter-spacing:-1.5px}.brand-icon{font-size:37px;color:var(--lime);line-height:1}.logo-dot{margin-left:-9px}nav{display:flex;gap:32px;font-size:13px;color:#b7beb8}nav a:hover,footer a:hover{color:var(--lime)}.button{display:inline-flex;justify-content:center;align-items:center;gap:30px;padding:17px 23px;background:var(--lime);border:1px solid var(--lime);border-radius:7px;color:#172013;font-weight:700;font-size:13px;transition:transform .2s,background .2s}.button:hover{transform:translateY(-3px);background:#dcffab}.button.small{font-size:12px;padding:12px 17px}.button span{font-size:18px}.button.secondary{background:transparent;color:var(--text);border-color:#394137}.button.secondary:hover{background:#ffffff09}.hero{max-width:1320px;margin:auto;min-height:700px;padding:83px 44px 70px;display:grid;grid-template-columns:1.04fr 1fr;gap:30px;overflow:hidden}.eyebrow{display:inline-flex;align-items:center;gap:10px;border:1px solid #30392a;border-radius:30px;padding:8px 12px;color:#c4cfb8;font-size:11px}.status-dot{width:6px;height:6px;display:inline-block;border-radius:50%;background:var(--lime);box-shadow:0 0 9px #cefa8940;flex-shrink:0}h1,h2,h3{font-family:Manrope,sans-serif;margin:0;font-weight:500}h1{font-size:clamp(42px,4.6vw,65px);line-height:1.13;letter-spacing:-3.7px;margin:27px 0 23px}h1>span{color:var(--lime)}.hero-copy>p{max-width:410px;font-size:15px;line-height:1.85;color:var(--muted)}.hero-actions{display:flex;align-items:center;gap:25px;margin-top:30px}.text-link{font-size:12px}.text-link span{margin-left:10px}.hero-note{font-size:10px;color:#889082;margin-top:29px;display:flex;align-items:center;gap:8px}.hero-note>span{color:var(--lime);font-size:18px}.hero-art{position:relative;min-height:530px;perspective:1000px;background:radial-gradient(ellipse at 53% 47%,#7a9f3b19,transparent 65%)}.orb{position:absolute;width:290px;height:290px;border-radius:50%;top:75px;left:22%;background:radial-gradient(circle at 30% 25%,#d8ffa1,#7b9b4f 33%,#283b27 62%,#101b18 83%);box-shadow:inset -15px -10px 35px #060b08,0 0 70px #95c84c0c;animation:orbFloat 8s ease-in-out infinite}.orb:after{content:'';position:absolute;inset:0;border-radius:50%;background:repeating-linear-gradient(90deg,transparent 0 7px,#0d201a24 7px 8px);mix-blend-mode:overlay}.orbit{position:absolute;top:105px;left:1%;width:500px;height:240px;border:1px solid #b3da702d;border-radius:50%;transform:rotate(-28deg)}.orbit-two{transform:rotate(39deg);top:113px;border-color:#b3da7012}.floating-query{position:absolute;z-index:3;top:34px;left:10%;width:365px;display:flex;align-items:center;gap:13px;background:linear-gradient(130deg,#343d2dec,#1a201aee);box-shadow:0 22px 40px #0007;border:1px solid #566447;border-radius:11px;padding:17px;color:#e4ecd8;font-size:12px;transform:rotate(-7deg);animation:float 7s ease-in-out infinite}.search-icon{font-size:26px;line-height:18px;color:var(--lime)}.enter{margin-left:auto;border:1px solid #526047;border-radius:4px;padding:0 5px}.product-float{position:absolute;z-index:2;top:131px;left:17%;width:270px;background:linear-gradient(140deg,#353e30f5,#1a211af5);border:1px solid #63774b6b;border-radius:15px;box-shadow:18px 30px 50px #0008;transform:rotateY(-16deg) rotateZ(8deg);animation:productFloat 7s ease-in-out infinite}.mini-tag{position:absolute;top:18px;left:20px;font-size:8px;letter-spacing:2px;color:#b8c3ad}.shoe-art{height:196px;display:flex;align-items:center;padding-top:20px;background:radial-gradient(ellipse,#93ad5e30,transparent 65%)}.shoe-art svg{width:100%;filter:drop-shadow(0 18px 9px #0006);transform:rotate(-12deg)}.product-label{padding:18px;border-top:1px solid #ffffff13;display:flex;justify-content:space-between;font-size:12px}.product-label small,.match-badge small,.tiny-card small{display:block;font-size:9px;color:#a1aa98;margin-top:5px}.product-label b{font-weight:500;color:var(--lime)}.match-badge{position:absolute;z-index:4;left:32%;top:392px;background:#262e22;border:1px solid #66794b77;padding:14px 16px;display:flex;gap:12px;align-items:center;border-radius:10px;transform:rotate(-6deg);font-size:11px;box-shadow:0 15px 30px #0005;animation:float 6s ease-in-out infinite reverse}.match-badge>span:first-child{color:var(--lime);font-size:27px}.check{margin-left:10px;color:var(--lime);background:#3b4d2b;border-radius:50%;padding:3px 6px}.tiny-card{position:absolute;right:-10px;top:235px;display:flex;align-items:center;gap:12px;padding:15px;background:#232923;border:1px solid #43503a;border-radius:10px;font-size:10px;transform:rotate(12deg);box-shadow:0 20px 40px #0004}.bag-drawing{font-size:45px;color:#a69f7a;line-height:50px}.spark{position:absolute;color:var(--lime);font-size:30px}.s1{right:25px;top:78px}.s2{left:3%;top:340px;font-size:45px}.art-caption{position:absolute;bottom:5px;left:20%;font-size:7px;letter-spacing:1.7px;color:#849175;display:flex;align-items:center;gap:9px}.compat{max-width:1232px;margin:auto;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:30px 0;display:flex;justify-content:space-between;align-items:center;gap:20px;color:#949b92}.compat>span{font-size:8px;letter-spacing:1.5px;line-height:1.7}.compat>div{font-size:22px;font-weight:700;letter-spacing:-1px}.compat>.woo{font-size:19px}.compat>.next{font-size:25px;font-weight:500}.compat>.custom{font-size:16px;font-weight:400;letter-spacing:0}.section{max-width:1320px;margin:auto;padding:105px 44px}.overline{font-size:9px;letter-spacing:2px;color:#b0c49a;font-weight:600}h2{font-size:40px;line-height:1.2;letter-spacing:-1.7px;margin-top:17px}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:45px}.section-heading>p,.demo-intro>p,.developer p,.center-heading>p{font-size:13px;line-height:1.9;color:var(--muted)}.features{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}.feature-visual{height:155px;border:1px solid #30362c;background:radial-gradient(ellipse at top,#a5cf6410,transparent 80%),#151a15;border-radius:10px;margin-bottom:27px;display:flex;justify-content:center;align-items:center}.words{flex-direction:column;gap:20px}.words>span{font-size:13px}.words>div{font-size:9px;color:#bccca9}.words i{font-style:normal;color:#556449;margin:0 7px}.sliders{flex-direction:column;gap:13px}.sliders>div{width:65%;display:flex;justify-content:space-between;font-size:10px;color:#9ba493}.sliders span{color:#c8e4a3;letter-spacing:2px}.code-visual{align-items:flex-start;flex-direction:column;padding-left:22%;gap:10px;font:11px monospace;color:#829075}.code-visual b{color:var(--lime);margin-left:14px;font-weight:400}.number{font-size:8px;letter-spacing:1.7px;color:#879776}.features h3{font-size:19px;letter-spacing:-.5px;margin-top:13px}.features p{font-size:12px;line-height:1.9;color:var(--muted);max-width:330px}.demo{border-top:1px solid var(--line);display:grid;grid-template-columns:.8fr 1.2fr;gap:70px;align-items:center}.demo-intro h2 span{color:var(--lime)}.demo-intro>p{max-width:310px;margin-top:22px}.demo-disclaimer{display:flex;gap:8px;align-items:center;font-size:9px;color:#9ba98d;margin-top:30px}.demo-panel{border:1px solid #3b4732;border-radius:13px;background:#161c16;box-shadow:0 20px 80px #0003;overflow:hidden}.panel-top{display:flex;justify-content:space-between;padding:19px 22px;border-bottom:1px solid #30392a;font-size:8px;letter-spacing:1px;color:#a5b595}.panel-top span:last-child{letter-spacing:0;color:var(--lime)}form{margin:22px 22px 12px;background:#0f140f;border:1px solid #718951;border-radius:7px;padding:7px 7px 7px 13px;display:flex;align-items:center;gap:10px}form>span{font-size:24px;color:var(--lime)}input{min-width:0;width:100%;background:none;border:0;outline:0;color:var(--text);font-size:12px}form:focus-within{outline:2px solid var(--lime);outline-offset:3px}form>button{background:var(--lime);border:0;border-radius:5px;width:33px;height:32px;color:#172013}.suggestions{padding:0 22px;display:flex;gap:6px;flex-wrap:wrap}.suggestions button{border:1px solid #394431;background:transparent;color:#a7b59b;border-radius:20px;font-size:8px;padding:6px 9px}.suggestions button:hover{border-color:var(--lime);color:var(--lime)}.result-info{padding:20px 22px 10px;font-size:9px;color:#aab7a0}.results{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;padding:0 22px 22px}.result-card{border:1px solid #34402c;border-radius:7px;overflow:hidden;background:#1c251a}.result-art{height:115px;display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse,#b6cc8d26,transparent 70%)}.result-art svg{height:100px;width:160px;filter:drop-shadow(0 10px 8px #0006)}.result-content{padding:12px;font-size:10px;border-top:1px solid #35412c;display:flex;justify-content:space-between;gap:8px}.result-content b{color:var(--lime);font-weight:500}.result-content small{display:block;color:#929f88;font-size:8px;margin-top:5px}.empty{grid-column:1/-1;padding:38px 12px;text-align:center;font-size:12px;color:#b3c1a7}.demo-bottom{border-top:1px solid #303b29;font-size:8px;color:#8a997f;padding:14px 22px;display:flex;justify-content:space-between}.developer{display:grid;grid-template-columns:1fr 1fr;gap:55px;border-top:1px solid var(--line);align-items:center}.developer p{margin:22px 0}.dev-points{display:flex;gap:17px;color:#b9c5af;font-size:9px;margin:24px 0 30px}.dev-note{display:block;font-size:9px;color:#7c8974;margin-top:15px}.code-panel{background:#141917;border:1px solid #333d34;border-radius:10px;overflow:hidden}.code-header{display:flex;justify-content:space-between;padding:16px 20px;border-bottom:1px solid #2c352e;color:#7e8e81;font:9px monospace}.code-header>span:first-child{display:flex;gap:5px}.code-header i{width:6px;height:6px;background:#4e5c4c;border-radius:50%}pre{padding:23px;font-size:11px;line-height:2;overflow-x:auto;color:#d9e0d3;margin:0}.purple{color:#c9b4e0}.green{color:#cae39e}.muted{color:#6e7d6d}.code-footer{border-top:1px solid #2c352e;padding:14px 20px;font-size:8px;color:#879781;display:flex;align-items:center;gap:8px}.pricing{border-top:1px solid var(--line)}.center-heading{text-align:center}.center-heading h2{font-size:43px}.billing{display:inline-flex;gap:4px;background:#1b211a;border:1px solid #343e2e;border-radius:7px;padding:4px;margin:17px 0 45px}.billing button{border:0;padding:10px 15px;border-radius:4px;background:transparent;color:#9eac92;font-size:10px}.billing button.active{background:#35432b;color:#eff7e8}.billing button span{color:var(--lime);font-size:8px;margin-left:5px}.plans{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.plan{position:relative;background:#141915;border:1px solid #343e30;border-radius:10px;padding:30px}.plan.featured{border-color:#a7cf76;background:linear-gradient(150deg,#263320,#151c16)}.popular{position:absolute;top:-12px;left:50%;transform:translateX(-50%);white-space:nowrap;background:var(--lime);color:#28331f;font-size:8px;font-weight:700;letter-spacing:1px;padding:6px 13px;border-radius:20px}.plan-name{font-size:19px;font-family:Manrope;font-weight:600}.plan>p{font-size:11px;color:#95a18c;margin:10px 0 25px}.price{display:flex;align-items:baseline;gap:7px}.price b{font-family:Manrope;font-size:43px;letter-spacing:-2px;font-weight:500}.price>span{font-size:11px;color:#91a084}.billing-note{font-size:9px;color:#8b9b7f;margin-top:7px;min-height:24px}.plan .button{width:100%;margin-top:15px;font-size:11px;justify-content:space-between;padding:12px 15px}.plan ul{list-style:none;margin:25px 0 0;padding:22px 0 0;border-top:1px solid #35402e;display:grid;gap:15px;font-size:11px;color:#b8c3b0}.plan li:before{content:'✓';color:var(--lime);margin-right:10px}.pricing-foot{text-align:center;font-size:9px;color:#7f8f76;margin:25px 0 0}.faq{display:grid;grid-template-columns:.85fr 1.15fr;gap:50px;border-top:1px solid var(--line);padding-top:75px}details{border-bottom:1px solid #30382d;padding:0 0 20px;margin-bottom:20px}summary{display:flex;justify-content:space-between;gap:20px;cursor:pointer;font-size:12px;list-style:none}summary::-webkit-details-marker{display:none}summary>span{color:var(--lime)}details[open] summary>span{transform:rotate(45deg)}details p{color:var(--muted);font-size:12px;line-height:1.8;padding-right:20px}.closing{position:relative;overflow:hidden;margin:0 44px;border:1px solid #36442b;border-radius:13px;background:radial-gradient(ellipse at 90% 80%,#96bc4928,transparent 65%),#161e15;text-align:center;padding:65px 25px}.closing h2{font-size:48px;position:relative;z-index:2;margin-bottom:28px}.closing h2>span{color:var(--lime)}.closing .button{position:relative;z-index:2}.closing-orb{position:absolute;border-radius:50%;width:290px;height:290px;right:-90px;bottom:-150px;background:radial-gradient(circle at 30% 20%,#c2ec86,#4c6532 40%,#172313 70%);opacity:.45}footer{max-width:1320px;margin:auto;display:flex;align-items:center;gap:25px;flex-wrap:wrap;padding:45px 44px 25px}footer>.logo{font-size:25px}footer>.logo .brand-icon{font-size:29px}footer>span{font-size:10px;color:#829078}footer>div{display:flex;gap:25px;font-size:10px;margin-left:auto}footer small{width:100%;font-size:9px;color:#697763;border-top:1px solid #252f23;padding-top:23px;margin-top:13px}dialog{background:#192118;color:var(--text);border:1px solid #6d8550;border-radius:14px;max-width:480px;padding:35px}dialog::backdrop{background:#000b;backdrop-filter:blur(6px)}dialog h2{font-size:30px}dialog p{font-size:13px;line-height:1.8;color:#b2bfa6}#close-dialog{position:absolute;right:12px;top:10px;background:transparent;color:white;border:0;font-size:25px}#toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);background:var(--lime);color:#1b2714;padding:12px 20px;border-radius:7px;font-size:12px;opacity:0;pointer-events:none;transition:opacity .2s;z-index:10}#toast.visible{opacity:1}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}:focus-visible{outline:2px solid var(--lime);outline-offset:5px}section[id]{scroll-margin-top:20px}@keyframes float{50%{translate:0 -13px}}@keyframes orbFloat{50%{transform:translateY(13px) rotate(8deg)}}@keyframes productFloat{50%{transform:rotateY(-6deg) rotateZ(4deg) translateY(-10px)}}@media(min-width:1500px){.closing{max-width:1232px;margin:auto}}@media(max-width:1000px){header{padding:0 25px}nav{gap:20px}.hero{padding:65px 25px;gap:0}.hero h1{font-size:49px;letter-spacing:-2.5px}.hero-art{transform:scale(.85);transform-origin:left center;width:500px;margin-right:-70px}.hero-actions{gap:14px}.hero-actions .button{gap:13px}.compat{margin:0 25px;flex-wrap:wrap}.compat>div{font-size:18px}.section{padding:75px 25px}.demo{gap:30px}.developer{gap:25px}.dev-points{flex-wrap:wrap;gap:10px}.plan{padding:25px 20px}.closing{margin:0 25px}}@media(max-width:700px){header{height:78px;padding:0 20px}header nav{display:none}.logo{font-size:27px}header .button{padding:10px 12px}.hero{padding:40px 20px 25px;grid-template-columns:1fr;min-height:auto}.hero h1{font-size:49px;letter-spacing:-2.6px}.hero-copy>p{max-width:400px}.hero-art{width:500px;height:465px;min-height:465px;transform:scale(.78);transform-origin:top left;margin:40px 0 -90px;left:calc(50% - 195px)}.hero-actions{gap:25px}.compat{margin:0 20px;padding:25px 0;justify-content:center;gap:22px}.compat>span{width:100%;text-align:center}.compat>span br{display:none}.compat>div{font-size:19px}.compat>.next{font-size:22px}.section{padding:65px 20px}h2,.center-heading h2{font-size:33px;letter-spacing:-1.3px}.section-heading{display:block}.section-heading>p{margin-top:20px}.features{grid-template-columns:1fr;gap:30px}.feature-visual{height:170px;margin-bottom:20px}.features p{max-width:none}.demo,.developer,.faq{grid-template-columns:1fr;gap:30px}.demo-intro>p{max-width:100%}.demo-panel form{margin:17px 14px 12px}.suggestions{padding:0 14px}.results{padding:0 14px 15px}.result-info{padding-left:14px}.panel-top{padding:15px 14px}.demo-bottom{padding:13px 14px}.plans{grid-template-columns:1fr;gap:26px}.plan{padding:28px}.plan ul{gap:14px}.billing{margin-bottom:35px}.pricing-foot{line-height:1.7}.closing{margin:0 20px;padding:50px 15px}.closing h2{font-size:36px}footer{padding:35px 20px 20px;gap:18px}footer>div{margin-left:0;width:100%;gap:24px}pre{font-size:10px;padding:18px}.developer .dev-points{font-size:9px}.code-header{padding:15px}.code-footer{font-size:7px;padding:13px}.faq{gap:30px}dialog{max-width:calc(100% - 30px);padding:30px 22px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;scroll-behavior:auto!important;transition:none!important}}
.mobile-docs{display:none}@media(max-width:700px){header{gap:12px}.mobile-docs{display:block;margin-left:auto;font-size:12px;color:var(--lime)}header>.button.small{font-size:10px;padding:9px 10px;gap:12px}}