:root{--bg:#090c12;--panel:#10151e;--line:#242a35;--muted:#929aa9;--blue:#1687ff;--white:#f5f6fa;color-scheme:dark}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--bg);color:var(--white);font:14px Inter,Arial,sans-serif}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button,a,input,summary,select{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}a:focus-visible,button:focus-visible,summary:focus-visible,select:focus-visible{outline:2px solid var(--blue);outline-offset:5px}button{cursor:pointer}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:'Barlow Condensed',Impact,sans-serif}header,main>section,.frameworks,footer{max-width:1440px;margin:auto}.topline{border-bottom:1px solid var(--line);min-height:35px;padding:9px 5%;display:flex;justify-content:space-between;color:#a4acbb;font-size:10px;letter-spacing:1.4px}.topline a{letter-spacing:0}.topline a span{color:var(--blue);margin-left:10px}header{padding:26px 5%;display:flex;align-items:center;gap:40px}.brand{display:flex;align-items:center;gap:12px;font-size:17px;letter-spacing:3px;font-weight:800;flex-shrink:0}.brand small{display:block;font-size:7px;letter-spacing:2px;margin-top:5px;color:var(--muted)}.monogram{position:relative;font:900 italic 40px 'Barlow Condensed',Impact,sans-serif;letter-spacing:-5px;padding-right:12px}.monogram>span{font-size:21px;position:absolute;right:-3px;top:0;color:var(--blue)}nav{display:flex;align-items:center;gap:28px;margin:auto;font-size:12px;color:var(--muted)}nav a:hover,nav .active{color:white}.active:after{content:'';display:block;height:3px;background:var(--blue);margin-top:8px;width:16px}.outline{padding:13px 17px;border:1px solid var(--line);font-size:12px}.outline:hover{border-color:var(--blue)}.hero{display:grid;grid-template-columns:46% 54%;position:relative;padding:35px 5% 50px;min-height:610px;align-items:center}.eyebrow{font-size:10px;letter-spacing:2px;font-weight:700;color:#a8b6cb;display:flex;align-items:center;gap:10px}.status-dot{width:6px;height:6px;background:var(--blue);box-shadow:0 0 12px var(--blue);border-radius:50%}h1{font-size:clamp(66px,7.9vw,112px);font-weight:800;line-height:.93;letter-spacing:-1.5px;margin:24px 0}h1>span,.section-title h2>span,.community h2>span,.faq h2>span{color:var(--blue)}.hero p{color:var(--muted);line-height:1.9;font-size:13px;max-width:350px}.hero-actions{display:flex;align-items:center;gap:26px;margin-top:29px}.primary{display:inline-flex;align-items:center;justify-content:space-between;gap:30px;background:var(--blue);padding:16px 22px;font-size:12px;font-weight:700;color:white;border:1px solid var(--blue);transition:background .2s}.primary:hover{background:#006cdd}.text-link{font-size:12px}.text-link span{margin-left:12px;color:var(--blue)}.hero-note{font-size:8px;letter-spacing:1.2px;color:#7c8697;margin-top:43px}.hero-note span{color:var(--blue);margin-right:10px}.hero-feature{height:470px;display:block;position:relative;overflow:hidden;transform:perspective(1300px) rotateY(-5deg);border:1px solid #30435c;border-radius:3px;background:#101e32;box-shadow:0 30px 100px #006cff15}.hero-feature>img{width:100%;height:100%;object-fit:cover;transition:transform .6s}.hero-feature:hover>img{transform:scale(1.04)}.image-shade{position:absolute;inset:0;background:linear-gradient(0deg,#060b14 0%,#060b1410 60%)}.corner-label{position:absolute;top:20px;left:20px;background:#0a101bd9;border:1px solid #ffffff24;font-size:9px;letter-spacing:1.5px;padding:9px 12px}.feature-caption{position:absolute;bottom:27px;left:28px;right:28px}.tag{display:inline-block;font-size:9px;letter-spacing:1px;color:#91c6ff;background:#0b3159;padding:6px 9px}.feature-caption>div{display:flex;justify-content:space-between;align-items:center}.feature-caption h2{font-size:58px;line-height:1.25}.feature-caption p{font-size:11px}.round-arrow{display:grid;place-items:center;width:43px;height:43px;border:1px solid #ffffff45;border-radius:50%;font-size:20px}.vertical-text{position:absolute;right:15px;writing-mode:vertical-rl;font-size:8px;letter-spacing:3px;color:#647084}.frameworks{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:27px 5%;display:flex;align-items:center;justify-content:space-between;gap:20px}.frameworks>span{font-size:8px;letter-spacing:1.5px;color:var(--muted)}.frameworks>div{font:700 23px 'Barlow Condensed',sans-serif;letter-spacing:1px;color:#a5afc0}.frameworks i{font:400 14px Inter;color:#384255;margin:0 19px}.frameworks small{font-size:9px;color:#778297;max-width:115px;line-height:1.7}.catalog{padding:78px 5% 64px}.section-title{display:flex;align-items:end;justify-content:space-between;margin-bottom:35px}.section-title h2{font-size:54px;line-height:1.2;margin-top:9px;letter-spacing:-.5px}.section-title>p{font-size:12px;color:var(--muted);line-height:1.8;padding-bottom:7px}.catalog-controls{display:flex;align-items:center;justify-content:space-between;gap:15px;border-bottom:1px solid var(--line);padding-bottom:20px}.filters{display:flex;gap:6px}.filters button{padding:11px 16px;border:1px solid transparent;background:transparent;color:var(--muted);font-size:11px;border-radius:4px}.filters button.selected{color:white;background:#17263b;border-color:#284566}.filters span{margin-left:8px;color:#8bbfff;font-size:9px}.search-sort{display:flex;gap:10px}.search{display:flex;align-items:center;background:#10151e;border:1px solid var(--line);border-radius:4px;padding:0 11px;gap:8px}.search span{font-size:23px;color:var(--muted)}.search input{width:145px;background:none;border:0;outline:none;color:white;font-size:11px;padding:11px 0}.search:focus-within{border-color:var(--blue)}select{background:#10151e;border:1px solid var(--line);border-radius:4px;color:#b1bbca;padding:10px;font-size:10px}.catalog-meta{display:flex;justify-content:space-between;font-size:8px;color:#7f8a9e;letter-spacing:1px;margin:21px 0}.products{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.product{background:#0e131c;border:1px solid #202836;border-radius:5px;overflow:hidden;transition:transform .25s,border-color .25s}.product:hover{transform:translateY(-5px);border-color:#345783}.product-image{position:relative;aspect-ratio:16/9;overflow:hidden}.product-image>button{border:0;padding:0;width:100%;height:100%;display:block;background:#111c2a}.product-image img{width:100%;height:100%;object-fit:cover;transition:transform .5s}.product:hover img{transform:scale(1.035)}.product-tag{position:absolute;left:12px;top:12px;pointer-events:none;background:#080d17de;border:1px solid #ffffff20;padding:5px 7px;font-size:8px;letter-spacing:1px}.product-tag.free{background:#133d31e6;color:#81e2b7;border-color:#277052}.product-content{padding:20px}.product-content>span{font-size:8px;letter-spacing:1.7px;color:#6f8aaf}.product h3{font-size:28px;font-weight:600;margin-top:7px}.product-content>p{font-size:11px;line-height:1.7;color:var(--muted);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;height:37px;margin:10px 0 18px}.product-bottom{display:flex;align-items:center;justify-content:space-between;padding-top:15px;border-top:1px solid #212a38}.price{font-weight:700;font-size:16px}.price small{font-size:8px;color:#778397;font-weight:400;margin-left:4px}.product-bottom button{background:#192d48;color:#9bc9ff;border:1px solid #28496f;padding:9px 12px;border-radius:3px;font-size:10px}.product-bottom button:hover{background:var(--blue);color:white}.catalog-disclaimer{text-align:center;font-size:10px;color:#788397;margin-top:25px}.empty{grid-column:1/-1;text-align:center;padding:70px 20px;color:var(--muted)}.community{margin:0 auto;padding:58px 5%;display:grid;grid-template-columns:1fr 1fr;gap:30px;background:radial-gradient(ellipse at 85% 60%,#0d2e53,transparent 60%),#0d1521;border-top:1px solid #233752;border-bottom:1px solid #233752;overflow:hidden}.community h2,.faq h2{font-size:62px;line-height:1;margin:18px 0}.community p{font-size:12px;line-height:1.8;color:var(--muted);margin-bottom:25px}.community-art{align-self:center;justify-self:center;font:900 italic 210px 'Barlow Condensed',Impact,sans-serif;letter-spacing:-25px;color:#277cd5;transform:rotate(-9deg);text-shadow:10px 15px 0 #0b2240,-1px -1px 0 #64a9ee}.community-art>span{display:block;font:500 9px Inter;letter-spacing:5px;text-align:center;color:#6999ce;text-shadow:none;margin-top:10px}.faq{display:grid;grid-template-columns:1fr 1.5fr;gap:80px;padding:80px 5%}.faq h2{font-size:51px}.questions details{border-bottom:1px solid var(--line);padding:20px 0}.questions summary{cursor:pointer;list-style:none;font-size:12px;display:flex;justify-content:space-between;gap:20px}.questions summary::-webkit-details-marker{display:none}.questions summary>span{color:var(--blue);font-size:20px;line-height:14px}.questions details[open] summary>span{transform:rotate(45deg)}.questions p{font-size:12px;color:var(--muted);line-height:1.8;margin-top:17px}.questions p a{color:var(--blue)}footer{border-top:1px solid var(--line);padding:35px 5%;display:flex;align-items:center;gap:40px;flex-wrap:wrap}footer p{font-size:10px;color:var(--muted);margin-right:auto}footer>div{display:flex;gap:25px;font-size:11px}footer>small{width:100%;padding-top:20px;border-top:1px solid #1b2230;color:#677489;font-size:9px}dialog{padding:0;max-width:780px;width:calc(100% - 32px);border:1px solid #344865;background:#101722;color:white;border-radius:9px;max-height:90vh;overflow:auto}dialog::backdrop{background:#03070de8;backdrop-filter:blur(7px)}.close{position:absolute;right:15px;top:15px;background:#060b14dc;color:white;border:1px solid #536277;border-radius:50%;width:36px;height:36px;font-size:16px}dialog>img{width:100%;max-height:350px;object-fit:cover;display:block}.detail-copy{padding:30px}.detail-copy h2{font-size:44px;margin:10px 0}.detail-copy>p{white-space:pre-line;color:#abb6c6;font-size:13px;line-height:1.8;max-height:230px;overflow:auto}.detail-bottom{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:25px 0 15px}.detail-bottom strong{font-size:24px}.detail-copy>small{color:#77879d;font-size:10px}@media(min-width:1600px){body{background:radial-gradient(ellipse at 50% 10%,#0d1422,#090c12 50%)}}@media(max-width:1050px){nav{gap:15px}.header-buy{display:none}.hero{min-height:540px}.hero-feature{height:410px}.frameworks i{margin:0 10px}.frameworks small{display:none}.products{gap:16px}.product-content{padding:16px}.community-art{font-size:170px}.section-title h2{font-size:47px}}@media(max-width:720px){.topline>span{display:none}.topline{justify-content:center}header{padding:20px 5%;gap:20px;flex-wrap:wrap}.brand{font-size:14px}.monogram{font-size:35px}nav{gap:18px;font-size:10px;margin:0 0 0 auto}nav a:last-child{display:none}.hero{grid-template-columns:1fr;padding-top:24px;gap:35px}.hero h1{font-size:83px}.hero p{font-size:12px}.hero-note{margin-top:28px}.hero-feature{height:340px;transform:none}.vertical-text{display:none}.feature-caption h2{font-size:45px}.frameworks{flex-direction:column;gap:14px;text-align:center;padding:23px 5%}.frameworks>div{font-size:21px}.frameworks i{margin:0 8px}.catalog{padding:50px 5%}.section-title h2{font-size:42px}.section-title>p{display:none}.catalog-controls{align-items:stretch;flex-direction:column}.filters button{flex:1;padding:10px}.search-sort{width:100%}.search{flex:1}.search input{width:100%}.products{grid-template-columns:repeat(2,1fr);gap:12px}.product-content{padding:12px}.product h3{font-size:23px}.product-content>span{font-size:7px;letter-spacing:1px}.product-content>p{font-size:10px}.price{font-size:13px}.price small{display:none}.product-bottom button{font-size:9px;padding:8px}.community{grid-template-columns:1fr;padding:40px 5%}.community h2{font-size:52px}.community-art{position:absolute;right:2%;font-size:120px;opacity:.2;pointer-events:none;margin-top:75px}.community>div:first-child{z-index:1}.faq{grid-template-columns:1fr;padding:50px 5%;gap:10px}.faq h2{font-size:43px}.faq h2 br{display:none}footer{gap:22px}footer>p{width:100%;order:2}footer>small{order:3}footer>div{margin-left:auto}.eyebrow{font-size:8px;letter-spacing:1.4px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;transform:none!important}}
/* Tebex cart */
.cart-open{background:transparent;color:var(--white);white-space:nowrap}.cart-open span{display:inline-grid;place-items:center;background:#153a64;color:#a4d1ff;width:20px;height:20px;margin-left:8px;border-radius:50%;font-size:10px}#cart-dialog{padding:28px;max-width:690px}.cart-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px}.cart-heading h2{font-size:42px;margin-top:8px}.cart-heading button{background:transparent;color:white}.cart-row{display:grid;grid-template-columns:65px 1fr auto auto;align-items:center;gap:15px;padding:17px 0;border-bottom:1px solid var(--line);font-size:12px}.cart-row img{width:65px;height:42px;object-fit:cover;border-radius:3px}.cart-row button,.cart-account button{border:0;background:transparent;color:#9db5d6;font-size:10px;cursor:pointer}.cart-row strong{font-size:12px}.cart-totals{display:flex;justify-content:space-between;align-items:center;margin:24px 0 10px;font-size:12px}.cart-totals strong{font-size:23px}.cart-note{font-size:10px;line-height:1.7;color:#929eaf}.cart-account{display:flex;justify-content:space-between;gap:15px;border-top:1px solid var(--line);padding-top:20px;margin-top:20px;font-size:11px;color:#b1bdd0}.cart-actions{display:flex;gap:12px;flex-wrap:wrap;margin:18px 0}.cart-actions .outline{color:white;background:transparent}.cart-actions button[hidden]{display:none}#cart-status{font-size:12px;line-height:1.7;color:#8fbfff;margin-top:17px}#cart-status.error{color:#ffaba2}button:disabled{opacity:.45;cursor:not-allowed}#detail-link{font-family:inherit;cursor:pointer}@media(max-width:720px){header{gap:12px}header nav{order:3;flex:1 1 100%;justify-content:center}.cart-open{margin-left:auto;padding:10px}.cart-row{grid-template-columns:45px 1fr auto;gap:10px}.cart-row img{width:45px;height:35px}.cart-row button{grid-column:2;justify-self:start;padding:0}#cart-dialog{padding:20px}.cart-actions{flex-direction:column}.cart-actions button{width:100%}}
