:root{--bg:#f7f8f9;--paper:#fff;--wash:#f0f2f4;--wash2:#e6eaed;--ink:#192027;--muted:#68737e;--line:#e0e5e8;--accent:#b2e186;--accentdark:#699c54;--deep:#1d2626;--shadow:0 16px 46px #1c292514;color-scheme:light}
html[data-theme=dark]{--bg:#111519;--paper:#1b2228;--wash:#212b32;--wash2:#2a343b;--ink:#f1f4f0;--muted:#a6b3b7;--line:#344047;--accent:#b4e493;--accentdark:#b3dd9a;--deep:#d8e5d8;--shadow:0 16px 45px #0005;color-scheme:dark}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font:14px/1.7 'DM Sans',sans-serif;-webkit-font-smoothing:antialiased}body.lock{overflow:hidden}button,input,select{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.55}input,select{color:var(--ink)}a{text-decoration:none;color:inherit}svg{display:block}img{max-width:100%;display:block}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--accentdark);outline-offset:3px}.hidden{display:none!important}.container{max-width:1250px;margin:auto;padding:0 28px}.promo{height:33px;background:#243028;color:#e6eddf;display:flex;gap:11px;align-items:center;justify-content:center;font:600 10px/1 Manrope,sans-serif;letter-spacing:.25px}.promo-dot{width:6px;height:6px;border-radius:50%;background:var(--accent)}.promo-separator{opacity:.25}.promo-arrow{color:var(--accent)}.header{position:sticky;top:0;z-index:20;border-bottom:1px solid var(--line);background:color-mix(in srgb,var(--bg) 93%,transparent);backdrop-filter:blur(18px)}.header-content{height:73px;display:flex;gap:45px;align-items:center}.logo{font:800 27px/1 Manrope,sans-serif;letter-spacing:-1.9px;white-space:nowrap}.logo span{color:var(--accentdark)}.nav{display:flex;gap:30px;align-items:center}.nav a{font-size:12px;color:var(--muted);font-weight:700}.nav a:hover{color:var(--ink)}.head-actions{margin-left:auto;display:flex;gap:18px;align-items:center}.icon-btn,.cart-icon,.text-btn{border:0;background:transparent;color:var(--ink);display:flex;gap:8px;align-items:center;justify-content:center;font-size:12px;font-weight:700}.icon-btn{height:40px;width:40px;border:1px solid var(--line);background:var(--paper);border-radius:11px;font-size:20px}.account-glyph{font-size:21px;line-height:1}.cart-icon{position:relative}.cart-icon i{position:absolute;top:-11px;right:-12px;min-width:19px;height:19px;display:grid;place-items:center;background:var(--accent);color:#22351a;border-radius:100%;font:800 10px Manrope;font-style:normal}.hero{display:grid;grid-template-columns:43% 57%;gap:25px;align-items:center;padding-top:77px;padding-bottom:77px}.eyebrow,.overline{font:800 10px/1.4 Manrope,sans-serif;letter-spacing:2px;color:var(--accentdark)}.eyebrow{display:inline-flex;gap:10px;align-items:center}.eyebrow i{display:block;width:7px;height:7px;border-radius:50%;background:var(--accent)}h1,h2,h3{font-family:Manrope,sans-serif;line-height:1.14}h1{font-weight:800}.hero h1{font-size:clamp(54px,6vw,88px);letter-spacing:-5.5px;margin:23px 0 24px}.hero h1 em{font-style:normal;color:var(--accentdark)}.hero-copy>p{max-width:443px;color:var(--muted);font-size:15px;line-height:1.9}.button-row{display:flex;gap:10px;flex-wrap:wrap;margin-top:29px}.btn{border-radius:10px;padding:13px 19px;min-height:44px;display:inline-flex;justify-content:center;align-items:center;gap:17px;font:800 11px/1 Manrope,sans-serif;transition:.2s;white-space:nowrap;border:1px solid transparent}.btn span{font-size:17px;font-weight:400}.btn:hover{transform:translateY(-2px)}.btn-dark{background:var(--ink);color:var(--bg);border-color:var(--ink)}.btn-soft{background:var(--paper);color:var(--ink);border-color:var(--line)}.btn-outline{background:transparent;color:var(--ink);border-color:var(--line)}.btn-wide{width:100%}.hero-sub{margin-top:31px;display:flex;gap:17px;flex-wrap:wrap;font:700 10px Manrope,sans-serif;color:var(--muted)}.hero-sub span:before{content:'✓';color:var(--accentdark);margin-right:8px}.hero-art{position:relative;border:1px solid var(--line);border-radius:22px;background:var(--paper);box-shadow:var(--shadow);padding:20px 20px 35px}.hero-art-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.hero-micro{font:800 9px Manrope;letter-spacing:1.1px;color:var(--muted)}.live-dot{font:800 9px Manrope;letter-spacing:1px;color:var(--accentdark)}.hero-art>img{border:1px solid var(--line);border-radius:10px;width:100%;aspect-ratio:1.8;object-fit:cover}.floating-note{position:absolute;bottom:10px;right:40px;display:flex;align-items:center;gap:12px;padding:13px 16px;border:1px solid var(--line);background:var(--paper);box-shadow:var(--shadow);border-radius:12px}.floating-note strong{font:800 12px Manrope;display:block}.floating-note small{color:var(--muted);font-size:10px}.tiny-square{width:30px;height:30px;border:1px solid var(--line);border-radius:7px;background:var(--accent)}.floating-note>span:last-child{font-size:17px;margin-left:15px}.metric-band{border-block:1px solid var(--line);background:var(--paper)}.metrics{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:22px;padding-top:20px;padding-bottom:20px;color:var(--muted);font:700 11px Manrope}.metrics b{color:var(--ink);font-size:18px;margin-right:9px}.metrics span:before{content:'•';color:var(--accentdark);margin-right:12px}.section{padding-top:87px;padding-bottom:94px}.section-head{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:29px}.section h2,.story-band h2,.faq-band h2{font-size:clamp(31px,3.6vw,48px);letter-spacing:-2.8px;margin:10px 0 14px}.section h2 span,.story-band h2 span{color:var(--accentdark)}.section-head p{color:var(--muted);margin:0}.product-tally{color:var(--muted);font:800 10px Manrope;letter-spacing:1px;white-space:nowrap}.filterbar{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:25px}.tabs-filters{display:flex;gap:7px;flex-wrap:wrap}.filter{border:1px solid var(--line);background:var(--paper);color:var(--muted);padding:10px 16px;border-radius:8px;font:800 11px Manrope}.filter.active{color:var(--bg);background:var(--ink);border-color:var(--ink)}.search{position:relative;display:flex;align-items:center;color:var(--muted)}.search svg{position:absolute;left:12px}.search input{border:1px solid var(--line);background:var(--paper);border-radius:9px;outline:0;padding:11px 15px 11px 38px;min-width:222px;color:var(--ink);font-size:11px}.catalog{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:21px}.product-card{border-radius:15px;border:1px solid var(--line);background:var(--paper);overflow:hidden;transition:.2s;border-bottom-color:var(--line)}.product-card:hover{transform:translateY(-4px);box-shadow:var(--shadow);border-color:var(--accentdark)}.product-art{background:var(--wash);position:relative;overflow:hidden}.product-art img{width:100%;aspect-ratio:1.65;object-fit:cover;transition:transform .3s}.product-card:hover .product-art img{transform:scale(1.035)}.status-tag{position:absolute;top:14px;left:14px;background:var(--paper);color:var(--ink);border:1px solid var(--line);border-radius:5px;padding:5px 9px;font:800 10px Manrope}.status-tag.free{color:#378d5f}.status-tag.paid{color:#b38238}.status-tag.beta{color:#6883a6}.product-content{padding:21px}.product-meta,.product-eyebrow{font:800 9px Manrope;letter-spacing:1.3px;color:var(--muted);text-transform:uppercase}.product-content h3{font-size:19px;margin:11px 0;letter-spacing:-.65px}.product-content p{color:var(--muted);margin:0;min-height:56px;font-size:12px;line-height:1.8}.product-foot{margin-top:25px;border-top:1px solid var(--line);padding-top:14px;display:flex;align-items:center;justify-content:space-between;gap:10px}.product-foot strong{font:800 13px Manrope}.product-foot a{font:800 11px Manrope}.product-foot a:hover{color:var(--accentdark)}.empty{grid-column:1/-1;text-align:center;padding:50px;color:var(--muted);border:1px dashed var(--line);border-radius:12px}.story-band{background:var(--paper);border-block:1px solid var(--line);padding:86px 0}.story-grid{display:grid;grid-template-columns:1fr 1fr;gap:85px}.story-grid p{color:var(--muted);line-height:1.9;max-width:530px}.underlink{display:inline-flex;margin-top:25px;gap:21px;font:800 12px Manrope;padding-bottom:8px;border-bottom:1px solid var(--ink)}.story-stack{display:grid;gap:9px}.story-tile{display:grid;grid-template-columns:43px 1fr 20px;gap:12px;background:var(--wash);padding:21px;border:1px solid var(--line);border-radius:12px}.story-num{font:800 12px Manrope;color:var(--accentdark)}.story-tile h3{font-size:14px;margin:0 0 4px}.story-tile p{font-size:12px;margin:0}.story-tile>b{font-size:15px}.featured-site{display:grid;grid-template-columns:40% 60%;align-items:center;gap:30px}.featured-copy p{max-width:365px;color:var(--muted);line-height:1.9}.featured-img{padding:14px;background:var(--paper);border:1px solid var(--line);border-radius:17px}.featured-img img{border-radius:10px}.faq-band{padding:70px 0;background:var(--wash)}.faq-grid{display:grid;grid-template-columns:38% 62%;gap:35px}.faq-grid p{color:var(--muted)}details.faq-item{border-bottom:1px solid var(--line);padding:14px 0}details.faq-item summary{cursor:pointer;font:800 13px Manrope;display:flex;justify-content:space-between;align-items:center;gap:10px;list-style:none}details.faq-item summary:after{content:'+';font-size:20px;color:var(--accentdark)}details.faq-item[open] summary:after{content:'−'}details.faq-item p{font-size:12px;line-height:1.8;color:var(--muted);margin-bottom:0}.footer{background:var(--paper)}.footer-top{display:grid;grid-template-columns:2.2fr 1fr 1fr 1.4fr;gap:30px;padding-top:60px;padding-bottom:65px}.footer-top>div{display:flex;flex-direction:column;align-items:flex-start;gap:11px}.footer-top b{font:800 12px Manrope;margin-bottom:13px}.footer-top a:not(.logo),.footer-top span,.footer-account{font-size:12px;color:var(--muted)}.footer-top p{max-width:235px;font-size:12px;color:var(--muted)}.footer-account{border:0;background:none;padding:0}.footer-bottom{padding-top:21px;padding-bottom:29px;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:20px;color:var(--muted);font:700 10px Manrope}.small-muted{opacity:.65}
/* PRODUCT */
.product-page{padding-top:32px;padding-bottom:100px}.breadcrumb{display:flex;align-items:center;gap:12px;color:var(--muted);font:700 11px Manrope;margin:15px 0 33px}.breadcrumb a:hover{color:var(--ink)}.detail-layout{display:grid;grid-template-columns:minmax(0,1.57fr) minmax(305px,.78fr);align-items:start;gap:37px}.gallery-main{position:relative;background:var(--wash);border-radius:17px;border:1px solid var(--line);overflow:hidden}.gallery-main img{width:100%;aspect-ratio:1.67;object-fit:cover}.gallery-caption{position:absolute;bottom:14px;left:15px;background:var(--paper);padding:6px 9px;border:1px solid var(--line);border-radius:7px;font:800 8px Manrope;letter-spacing:.6px;color:var(--muted)}.gallery-thumbs{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:12px}.gallery-thumb{padding:0;border:2px solid transparent;border-radius:11px;background:var(--wash);overflow:hidden}.gallery-thumb.active{border-color:var(--accentdark)}.gallery-thumb img{aspect-ratio:1.7;object-fit:cover}.detail-intro{padding:47px 0 27px}.detail-intro h2{letter-spacing:-1.7px;font-size:32px;margin:9px 0 13px}.detail-intro p{color:var(--muted);line-height:1.95;font-size:13px}.detail-tabs{display:flex;flex-wrap:wrap;gap:24px;border-bottom:1px solid var(--line)}.detail-tabs button{border:0;border-bottom:3px solid transparent;padding:15px 0;background:transparent;color:var(--muted);font:800 12px Manrope}.detail-tabs button.active{color:var(--ink);border-bottom-color:var(--accentdark)}.tab-panel{padding-top:29px}.tab-panel>h3{font-size:23px;letter-spacing:-1px;margin:0 0 12px}.tab-panel>p{color:var(--muted);font-size:13px;line-height:1.95}.feature-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px;margin:27px 0}.feature-box{border:1px solid var(--line);background:var(--paper);padding:19px;border-radius:12px}.feature-number{display:inline-block;font:800 11px Manrope;color:var(--accentdark);margin-bottom:15px}.feature-box h4{margin:0 0 8px;font:800 14px Manrope}.feature-box p{color:var(--muted);font-size:12px;margin:0}.workflow-list{display:grid;gap:10px;margin:24px 0}.workflow-step{display:flex;gap:18px;padding:20px;border:1px solid var(--line);background:var(--paper);border-radius:12px}.workflow-step span{display:grid;place-items:center;min-width:32px;height:32px;border-radius:9px;background:var(--wash);font:800 12px Manrope}.workflow-step b{display:block;font:800 13px Manrope}.workflow-step p{color:var(--muted);margin:6px 0 0;font-size:12px}.spec-table{margin-top:19px;border:1px solid var(--line);border-radius:12px;overflow:hidden}.spec-row{display:grid;grid-template-columns:40% 60%;gap:10px;padding:15px 18px;background:var(--paper);border-bottom:1px solid var(--line);font-size:12px}.spec-row:last-child{border:0}.spec-row span{color:var(--muted)}.purchase-card{position:sticky;top:115px;padding:28px;background:var(--paper);border:1px solid var(--line);border-radius:17px;box-shadow:var(--shadow)}.purchase-card h1{font-size:32px;margin:13px 0;letter-spacing:-1.4px}.purchase-card>p{color:var(--muted);font-size:13px;line-height:1.85;margin-bottom:14px}.detail-badges{display:flex;gap:7px;flex-wrap:wrap}.detail-badges span{border:1px solid var(--line);background:var(--wash);border-radius:6px;padding:6px 9px;font:800 10px Manrope;color:var(--muted)}.purchase-price{font:800 28px Manrope;margin-top:28px;letter-spacing:-1.1px}.pricing-note{color:var(--muted);font-size:11px}.license-picker{border:1px solid var(--line);margin:25px 0 14px;border-radius:11px;overflow:hidden}.license-label{background:var(--wash);font:800 10px Manrope;padding:11px 14px}.license-option{display:flex;gap:10px;padding:15px;align-items:center}.license-option input{accent-color:#79af5c}.license-option span{display:flex;flex-direction:column;flex:1}.license-option b{font:800 12px Manrope}.license-option small{font-size:10px;color:var(--muted);margin-top:5px}.license-option strong{font:800 12px Manrope}.purchase-card .btn{margin-top:12px}.purchase-divider{border-top:1px solid var(--line);margin:25px 0}.detail-spec-list{display:grid;gap:16px}.detail-spec-list>div{display:flex;justify-content:space-between;gap:10px;font-size:11px}.detail-spec-list span{color:var(--muted)}.detail-spec-list strong{font-weight:700;text-align:right}.micro-disclosure,.muted-mini{color:var(--muted);font-size:10px;line-height:1.8}.micro-disclosure{margin-top:25px!important}.bottom-product{border-top:1px solid var(--line);margin-top:73px;padding-top:23px;display:flex;justify-content:space-between;align-items:center;gap:15px}.bottom-product h2{letter-spacing:-1.5px}
/* OVERLAYS */
.overlay{position:fixed;inset:0;background:#10171aa6;z-index:49}.drawer{position:fixed;z-index:50;right:0;top:0;bottom:0;width:min(440px,100vw);background:var(--paper);display:flex;flex-direction:column;box-shadow:-12px 0 45px #0003}.drawer-header{height:85px;display:flex;align-items:center;justify-content:space-between;padding:0 26px;border-bottom:1px solid var(--line)}.drawer-header h2{font-size:19px}.drawer-header small{color:var(--muted);font-size:11px}.close{border:0;background:var(--wash);color:var(--ink);font-size:24px;width:35px;height:35px;display:grid;place-items:center;border-radius:9px}.drawer-body{overflow:auto;padding:26px;flex:1}.drawer-footer{padding:22px 26px;border-top:1px solid var(--line)}.total-line{display:flex;justify-content:space-between;font:800 15px Manrope}.drawer-row{display:flex;gap:12px;padding:18px 0;border-bottom:1px solid var(--line)}.drawer-row img{width:104px;border:1px solid var(--line);border-radius:9px}.drawer-row>div{flex:1}.drawer-row b{font:800 12px Manrope}.drawer-row p{font-size:11px;color:var(--muted);margin:4px 0}.drawer-row button{background:none;border:0;padding:0;font-size:11px;color:var(--accentdark)}.empty-cart{padding:70px 0;text-align:center;color:var(--muted)}.empty-cart h3{color:var(--ink)}.modal-wrap{position:fixed;inset:0;z-index:52;background:#10171aa6;display:grid;place-items:center;padding:18px;overflow:auto}.modal{width:min(525px,100%);max-height:min(780px,96vh);overflow:auto;background:var(--paper);border-radius:19px;padding:28px;box-shadow:0 25px 95px #0004}.modal-head{display:flex;align-items:start;justify-content:space-between;gap:15px}.modal-head h2{font-size:25px;margin:9px 0 22px;letter-spacing:-1.2px}.field-label{display:block;font:800 11px Manrope;margin:16px 0 8px}.form-input{width:100%;border:1px solid var(--line);background:var(--wash);color:var(--ink);border-radius:10px;height:45px;padding:0 13px;outline:none}.form-input:focus{border-color:var(--accentdark)}.helper{font-size:11px;color:var(--muted);line-height:1.7}.auth-note{padding:13px 15px;background:var(--wash);color:var(--muted);border:1px solid var(--line);border-radius:9px;font-size:11px;line-height:1.8;margin-top:12px}.account-quick{display:grid;grid-template-columns:repeat(2,1fr);gap:9px;margin:20px 0}.account-quick>div{background:var(--wash);padding:17px;border-radius:10px;border:1px solid var(--line)}.account-quick strong{font:800 20px Manrope;display:block}.account-quick small{color:var(--muted);font-size:10px}.account-list{display:grid;gap:9px;margin-bottom:18px}.account-list>div{border:1px solid var(--line);padding:15px;border-radius:10px;font-size:12px}.account-list span{color:var(--muted);display:block;font-size:10px}.checkout-modal{width:min(670px,100%)}.checkout-alert{padding:10px 13px;background:var(--wash);border-left:3px solid var(--accentdark);font-size:11px;color:var(--muted);margin-bottom:19px}.stepper{display:grid;grid-template-columns:repeat(4,1fr);gap:9px;margin:16px 0 23px}.stepper div{font:800 10px Manrope;border-top:3px solid var(--line);padding-top:8px;color:var(--muted)}.stepper div.active{border-color:var(--accentdark);color:var(--ink)}.checkout-line{display:flex;justify-content:space-between;gap:10px;padding:16px 0;border-bottom:1px solid var(--line);font-size:13px}.checkout-form{display:grid;grid-template-columns:1fr 1fr;gap:0 16px}.checkout-actions{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:27px}.checkout-actions .btn{margin-top:0}.checkout-muted{padding:17px;background:var(--wash);border-radius:10px;margin-top:18px;font-size:12px;color:var(--muted)}.receipt{background:var(--wash);padding:20px;border:1px solid var(--line);border-radius:12px;margin:20px 0}.receipt h3{margin-top:0;font-size:17px}.receipt p{font-size:12px}.success-mark{font-size:35px;color:var(--accentdark)}
@media(max-width:1080px){.hero{grid-template-columns:1fr;gap:32px}.hero-art{max-width:720px}.catalog{grid-template-columns:repeat(2,1fr)}.detail-layout{gap:20px}.story-grid{gap:25px}}@media(max-width:800px){.nav{display:none}.catalog{grid-template-columns:repeat(2,1fr)}.detail-layout,.story-grid,.featured-site,.faq-grid{grid-template-columns:1fr}.purchase-card{position:static}.footer-top{grid-template-columns:repeat(2,1fr)}.header-content{height:63px}.hero{padding-top:44px}.hero h1{font-size:64px}.hero-art{padding:13px}.section{padding-top:58px;padding-bottom:60px}.metrics{justify-content:flex-start}.story-band{padding:60px 0}}@media(max-width:580px){.container{padding-inline:18px}.hero h1{font-size:56px;letter-spacing:-3.5px}.hide-mobile,.promo-separator,.promo-arrow{display:none}.promo{font-size:9px;text-align:center}.head-actions{gap:10px}.catalog{grid-template-columns:1fr}.section-head{display:block}.product-tally{margin-top:12px}.search,.search input{width:100%}.hero-sub{gap:10px}.filterbar{display:block}.search{margin-top:15px}.gallery-caption{font-size:7px}.detail-layout{grid-template-columns:1fr}.feature-grid,.checkout-form{grid-template-columns:1fr}.detail-tabs{gap:13px}.detail-tabs button{font-size:10px}.footer-top{grid-template-columns:1fr 1fr;gap:30px 14px}.footer-bottom{display:block}.footer-bottom span{display:block;margin-bottom:8px}.modal{padding:20px}.stepper div{font-size:9px}.floating-note{right:20px}}