@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800&family=Space+Grotesk:wght@400;500;600;700&display=swap');:root{--lime:#b0d02c;--ink:#192210;--text:#263024;--muted:#687462;--line:#e3eadd;--bg:#fff;font-family:'DM Sans',Arial,sans-serif;color:var(--text);background:var(--bg)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;overflow-x:hidden}button,input,a{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid var(--lime);outline-offset:3px}.wrap{width:min(1240px,calc(100% - 40px));margin:auto}.topline{background:var(--ink);color:#e5f2ca;overflow:hidden;height:34px;display:flex;align-items:center;font-size:12px;font-weight:800;letter-spacing:.12em;white-space:nowrap}.toptrack{display:flex;width:max-content;animation:move 24s linear infinite}.topunit{display:flex;flex:none}.topunit span{padding:0 33px}.topline:hover .toptrack,.logorail:hover .logotrack{animation-play-state:paused}@keyframes move{to{transform:translateX(-50%)}}.sitehead{position:sticky;top:10px;z-index:30;width:min(1240px,calc(100% - 36px));height:76px;margin:10px auto -86px;border:1px solid #dce6d5;border-radius:24px;background:#fffffff0;backdrop-filter:blur(18px);box-shadow:0 14px 35px #213c1718;display:flex;align-items:center;justify-content:space-between;padding:0 22px;transition:border-radius .25s,transform .25s}.sitehead.scrolled{border-radius:22px}.brand{width:130px;height:60px;overflow:hidden;position:relative;display:block;flex:none}.brand img{position:absolute;width:137px;height:137px;left:-4px;top:-35px;object-fit:contain}.head-actions{display:flex;align-items:center;gap:11px}.head-actions a{font-size:14px;font-weight:800}.head-actions a:hover{color:#6c8915}.cartpill{border-radius:100px;background:#f1f7e4;padding:12px 16px;display:inline-flex;gap:8px}.cartpill b{background:var(--lime);border-radius:100%;min-width:20px;text-align:center}.header-spacer{height:112px}.dock{position:fixed;z-index:40;bottom:18px;left:50%;transform:translateX(-50%);display:flex;gap:5px;background:#192210ed;color:white;padding:8px;border-radius:25px;box-shadow:0 22px 45px #111e0d55;backdrop-filter:blur(15px);border:1px solid #ffffff22}.dock a{min-width:92px;display:grid;justify-items:center;gap:2px;padding:8px 12px;border-radius:17px;font-size:12px;font-weight:700;color:#dce8ce;transition:background .2s,transform .2s}.dock a:hover{background:#ffffff20;transform:translateY(-3px)}.dock a.active{background:var(--lime);color:var(--ink)}.dock svg{width:21px;height:21px;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.hero{border-radius:30px;background:#f4f8e8;position:relative;isolation:isolate;overflow:hidden;min-height:560px;padding:85px 6%;display:flex;align-items:center}.hero:before,.hero:after{content:"";position:absolute;border-radius:50%;z-index:-2;animation:float 10s ease-in-out infinite alternate}.hero:before{width:700px;height:700px;right:-170px;top:-240px;background:radial-gradient(circle,#b0d02ca8,#b0d02c52 36%,transparent 70%);filter:blur(18px)}.hero:after{width:500px;height:500px;bottom:-370px;right:8%;background:radial-gradient(circle,#8ec69d8c,transparent 70%);filter:blur(20px);animation-delay:-4s}@keyframes float{to{transform:translate(-35px,50px) scale(1.1)}}.hero-content{max-width:670px;position:relative;z-index:2}.trustpill{display:inline-flex;align-items:center;gap:9px;border:1px solid #d6e4c8;background:#ffffffd9;border-radius:50px;padding:8px 15px 8px 8px;font-size:13px;font-weight:800;box-shadow:0 8px 22px #425f1a20}.seal{width:22px;height:22px;display:grid;place-items:center;border-radius:8px;background:#209af2;color:#fff;clip-path:polygon(50% 0%,61% 8%,74% 5%,82% 17%,95% 24%,92% 39%,100% 50%,92% 61%,95% 76%,82% 83%,74% 95%,61% 92%,50% 100%,39% 92%,26% 95%,18% 83%,5% 76%,8% 61%,0% 50%,8% 39%,5% 24%,18% 17%,26% 5%,39% 8%)}.hero h1,.pagehead h1,.sectiontitle{font-family:'Space Grotesk';letter-spacing:-.065em;line-height:1.04}.hero h1{font-size:clamp(50px,6.7vw,88px);margin:20px 0}.hero h1 em{font-style:normal;color:#819e0b}.hero p{font-size:18px;color:#52614e;line-height:1.62;max-width:540px}.hero-actions{display:flex;flex-wrap:wrap;gap:11px;margin-top:28px}.btn{border-radius:50px;border:1px solid var(--ink);padding:14px 20px;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-weight:800;transition:transform .22s,box-shadow .22s,background .22s}.btn:hover{transform:translateY(-4px);box-shadow:0 14px 28px #17280c32}.btn.primary{background:var(--ink);color:#fff}.btn.primary:hover{background:#314925}.btn.secondary{background:#fff;color:var(--ink);border-color:#adc18a}.btn.lime{background:var(--lime);color:var(--ink);border-color:var(--lime)}.btn:disabled{opacity:.48;cursor:not-allowed}.heroart{position:absolute;right:1%;bottom:2%;width:42%;height:92%;object-fit:contain;filter:drop-shadow(0 18px 25px #5875182a);animation:levitate 6s ease-in-out infinite}@keyframes levitate{50%{transform:translateY(-17px) rotate(2deg)}}.logorail{overflow:hidden;border-bottom:1px solid var(--line);padding:18px 0;margin-top:22px;mask-image:linear-gradient(to right,transparent,black 5%,black 95%,transparent)}.logotrack{display:flex;width:max-content;animation:move 34s linear infinite}.logounit{display:flex;flex:none;align-items:center;gap:60px;padding-right:60px}.logounit img{width:42px;height:42px;object-fit:contain;filter:grayscale(1);opacity:.65;transition:filter .25s,opacity .25s,transform .25s}.logounit img:hover{filter:none;opacity:1;transform:scale(1.15)}.section{padding:90px 0}.eyebrow{color:#738f13;text-transform:uppercase;letter-spacing:.13em;font-size:12px;font-weight:800}.sectiontitle{font-size:clamp(38px,4.7vw,62px);margin:12px 0 16px}.lead{color:var(--muted);line-height:1.6;max-width:560px}.catgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:30px}.cat{border:1px solid var(--line);border-radius:23px;background:#f7faee;min-height:170px;padding:25px;display:flex;flex-direction:column;justify-content:space-between;transition:transform .25s,box-shadow .25s}.cat:nth-child(2){background:#f0f7f8}.cat:nth-child(3){background:#faf6ec}.cat:hover{transform:translateY(-6px);box-shadow:0 18px 38px #2d49151c}.cat b{font:700 25px 'Space Grotesk';letter-spacing:-.04em}.cat span{font-size:30px;color:#789620}.cat small{color:var(--muted)}.tools{display:flex;gap:15px;justify-content:space-between;align-items:center;flex-wrap:wrap;margin:25px 0}.chips{display:flex;gap:8px;flex-wrap:wrap}.chip{border:1px solid var(--line);border-radius:50px;padding:10px 16px;background:white;color:#5e6c55;font-weight:800;font-size:13px}.chip.active,.chip:hover{background:var(--ink);color:white}.search{display:flex;align-items:center;gap:8px;border:1px solid var(--line);border-radius:40px;padding:11px 16px;min-width:270px}.search input{border:0;outline:0;min-width:0;flex:1}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.product{border:1px solid var(--line);background:white;border-radius:22px;padding:14px;display:flex;flex-direction:column;transition:transform .28s,box-shadow .28s}.product:hover{transform:translateY(-6px);box-shadow:0 22px 40px #263b1320}.art{height:190px;border-radius:15px;display:grid;place-items:center;overflow:hidden;position:relative;background:linear-gradient(135deg,#333,#151515)}.art:after{content:"";width:200px;height:200px;border-radius:50%;border:1px solid #ffffff4a;position:absolute;left:65%;top:45%;transition:transform .3s}.product:hover .art:after{transform:scale(1.4)}.art b{font:700 82px 'Space Grotesk';color:#fff;z-index:1;transition:transform .3s}.product:hover .art b{transform:scale(1.12) rotate(-7deg)}.art.canva{background:linear-gradient(135deg,#14aab8,#5a41af,#b54bae)}.art.adobe{background:linear-gradient(135deg,#ee504a,#9f2126)}.art.figma{background:linear-gradient(135deg,#364155,#19212e)}.art.office{background:linear-gradient(135deg,#eb8b44,#b74d28)}.art.more{background:linear-gradient(135deg,#adca47,#678b23)}.product-content{padding:17px 5px 5px}.product small{color:#718e20;text-transform:uppercase;letter-spacing:.1em;font-weight:800;font-size:11px}.product h3{font:700 23px 'Space Grotesk';letter-spacing:-.04em;margin:8px 0}.product p{color:var(--muted);font-size:14px;line-height:1.5;min-height:45px}.product footer{display:flex;justify-content:space-between;align-items:center;gap:8px;border-top:1px solid var(--line);margin-top:auto;padding:14px 5px 4px}.product footer strong{font-size:14px}.product footer .btn{padding:10px 14px;font-size:13px}.reviewrow{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin-top:30px}.reviewcard{border:1px solid var(--line);border-radius:18px;padding:24px;background:#f8fbf1}.reviewcard b{color:#8aa820;letter-spacing:2px}.reviewcard p{font-weight:800}.reviewcard small{color:var(--muted)}.feature{background:#edf5cf;border-radius:27px;padding:55px;display:grid;grid-template-columns:1fr 1fr;gap:40px;position:relative;overflow:hidden}.feature:before{content:"";position:absolute;right:-100px;bottom:-180px;width:430px;height:430px;background:radial-gradient(circle,#b0d02c9c,transparent 70%);border-radius:50%;animation:float 9s alternate infinite}.feature>*{position:relative}.feature h2{font:700 clamp(35px,4vw,55px)/1.06 'Space Grotesk';letter-spacing:-.06em;margin:12px 0}.feature p{color:#52664a;line-height:1.6}.step{padding:20px 0;border-bottom:1px solid #9fbd77;font-weight:800}.faq{display:grid;grid-template-columns:1fr 1fr;gap:50px}.faq details{border-bottom:1px solid var(--line);padding:18px 0}.faq summary{cursor:pointer;font-weight:800}.faq details p{color:var(--muted);line-height:1.6}.footer{margin-top:70px;background:linear-gradient(125deg,#172414,#345522 48%,#7d9e27);color:white;padding:48px 0 100px}.footer .wrap{display:flex;justify-content:space-between;align-items:center;gap:25px}.footer p{font-size:14px}.pagehead{padding:45px 0 25px}.pagehead h1{font-size:clamp(46px,6vw,76px);margin:12px 0}.pagehead p{color:var(--muted);font-size:17px;line-height:1.6}.detail{display:grid;grid-template-columns:1fr 1fr;gap:55px;padding:30px 0 80px}.detail .art{height:470px;border-radius:30px}.detail .art b{font-size:180px}.detail h1{font:700 clamp(40px,5vw,68px)/1.06 'Space Grotesk';letter-spacing:-.06em;margin:14px 0}.detail p{color:var(--muted);line-height:1.7}.specs{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:27px 0}.spec{background:#f5f9eb;border:1px solid var(--line);padding:15px;border-radius:15px}.spec small{display:block;color:var(--muted);margin-bottom:5px}.spec b{font-size:15px}.detail-actions{display:flex;flex-wrap:wrap;gap:9px}.panel{border:1px solid var(--line);border-radius:23px;background:#fff;padding:27px;margin:20px 0;box-shadow:0 8px 25px #3445160a}.cartrow{display:flex;justify-content:space-between;align-items:center;gap:18px;border-bottom:1px solid var(--line);padding:17px 0}.cartrow:last-child{border:0}.cartrow strong{display:block}.cartrow small{color:var(--muted)}.remove{border:0;background:none;color:#7c991b;font-weight:800}.empty{text-align:center;padding:70px 20px;background:#f8fbf2;border:1px solid var(--line);border-radius:22px;color:var(--muted)}.empty h2{color:var(--ink)}.formgrid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.field{display:grid;gap:7px;font-weight:700;font-size:14px}.field input{border:1px solid #cfdbca;border-radius:12px;padding:13px;font-size:16px}.note{background:#f3f7e9;border-left:4px solid var(--lime);padding:15px;border-radius:8px;color:#53604f;line-height:1.5}.toast{position:fixed;bottom:104px;left:50%;transform:translate(-50%,120px);z-index:60;background:var(--ink);color:white;padding:12px 20px;border-radius:40px;font-weight:800;transition:transform .3s}.toast.show{transform:translate(-50%,0)}.reveal{opacity:0;transform:translateY(25px);transition:opacity .65s,transform .65s}.reveal.visible{opacity:1;transform:none}@media(max-width:950px){.heroart{opacity:.22;right:-10%;width:55%}.hero-content{max-width:740px}.grid{grid-template-columns:repeat(2,1fr)}.head-actions>a:not(.cartpill){display:none}}@media(max-width:680px){.wrap{width:min(100% - 32px,1240px)}.sitehead{top:8px;width:calc(100% - 24px);height:66px;padding:0 14px}.brand{width:105px;height:56px}.brand img{width:112px;height:112px;top:-28px}.header-spacer{height:96px}.head-actions .cartpill{padding:9px 12px;font-size:13px}.hero{padding:55px 27px;min-height:510px;border-radius:22px}.heroart{opacity:.16;width:100%;height:85%;right:-25%}.hero h1{font-size:clamp(47px,12vw,68px)}.hero p{font-size:16px}.trustpill{font-size:11px}.hero-actions{display:grid}.section{padding:68px 0}.catgrid,.grid,.reviewrow,.feature,.faq,.detail,.formgrid{grid-template-columns:1fr}.cat{min-height:125px}.feature{padding:33px}.detail{gap:25px}.detail .art{height:300px}.detail .art b{font-size:110px}.tools{display:grid}.chips{overflow:auto;flex-wrap:nowrap}.chip{white-space:nowrap}.search{min-width:0;width:100%}.footer .wrap{align-items:flex-start;flex-direction:column}.dock{bottom:0;width:100%;border-radius:22px 22px 0 0;justify-content:space-around;gap:0;padding:7px 4px calc(7px + env(safe-area-inset-bottom))}.dock a{min-width:0;flex:1;padding:8px 2px;font-size:11px}.dock svg{width:19px;height:19px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.reveal{opacity:1;transform:none}}

.heroart-wrap{position:absolute;right:1%;bottom:2%;width:42%;height:92%;animation:levitate 6s ease-in-out infinite}.heroart-wrap .heroart{position:relative;right:auto;bottom:auto;width:100%;height:100%;animation:none;opacity:1}.hero-logo{position:absolute;width:10%;height:9%;object-fit:contain;filter:drop-shadow(0 2px 3px #4445);z-index:3}.logo-1{left:27%;top:12%;transform:rotate(-15deg)}.logo-2{left:48%;top:12%}.logo-3{left:73%;top:16%;transform:rotate(13deg)}.logo-4{left:27%;top:30%;transform:rotate(-15deg)}.logo-5{left:50%;top:31%}.logo-6{left:75%;top:34%;transform:rotate(12deg)}.logo-7{left:29%;top:48%;transform:rotate(-14deg)}.logo-8{left:52%;top:48%}.logo-9{left:75%;top:51%;transform:rotate(12deg)}@media(max-width:950px){.heroart-wrap{opacity:.24;right:-10%;width:55%}}@media(max-width:680px){.heroart-wrap{opacity:.16;width:100%;height:85%;right:-25%}}
