/* A softer layer for the Klyro storefront: native type, light surfaces,
   translucent controls, and a restrained blue-grey palette. */
:root {
  --bg:#f3f6f8; --surface:#ffffff80; --surface-raised:#fff; --text:#293944;
  --muted:#84939c; --line:#8197a51c; --teal:#478e97;
  --heading:-apple-system,BlinkMacSystemFont,'Inter','Segoe UI',sans-serif;
  --body:-apple-system,BlinkMacSystemFont,'Inter','Segoe UI',sans-serif;
  --glass-shadow:0 8px 28px #38556b0d,0 1px 3px #293e5305,inset 0 1px 0 #fff;
  color-scheme:light;
}
body{background:var(--bg);font-weight:400;position:relative;isolation:isolate}
body:before{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 86% 16%,#c4e5e766,transparent 45%),radial-gradient(ellipse at 9% 61%,#cdd8f34d,transparent 46%),radial-gradient(ellipse at 75% 94%,#d3e6e966,transparent 40%),#f3f6f8}
html{scroll-padding-top:125px}
::selection{background:#b1ddd8;color:#172a31}
.container{width:calc(100% - 96px);max-width:1180px}
.header{top:20px;width:calc(100% - 80px);max-width:1240px;margin:24px auto 0;background:#ffffff75;border:1px solid #ffffffed;border-radius:28px;backdrop-filter:blur(30px) saturate(1.6);-webkit-backdrop-filter:blur(30px) saturate(1.6);box-shadow:var(--glass-shadow)}
.nav-wrap{width:100%;height:74px;padding-inline:23px;gap:24px}
.brand{gap:10px}.brand img{width:27px;height:34px}.brand>span{font-size:24px;font-weight:600;letter-spacing:-1.2px}.brand .brand-sub{font-family:var(--body);font-size:8px;letter-spacing:.15px;font-weight:450;margin-top:6px;color:#6f7d87}
.main-nav{gap:5px;margin-left:48px}.main-nav a{color:#78868f;font-size:12px;padding:11px 16px;border-radius:30px}.main-nav a:hover{color:#354c58;background:#ffffff70}.main-nav .nav-current{color:#3d5360;background:#ffffffac;box-shadow:0 2px 8px #394c5510,inset 0 1px 0 #fff}.main-nav .nav-current:after{display:none}
.nav-actions{gap:12px}.discord-button{gap:8px;padding:11px 15px;font-size:11px;font-weight:500;border:1px solid #ffffffd9;border-radius:30px;background:#ffffff60;box-shadow:0 2px 5px #24353e08}.discord-button:hover{background:#fff;border-color:#fff}.discord-button svg{width:16px;height:16px}.tiny-arrow{font-size:14px;margin-left:2px}
.icon-button{border-radius:50%}.icon-button:hover{background:#ffffffb8}.cart-toggle svg{width:20px;height:20px}.cart-toggle #cart-count{background:#526c7a;color:#fff;border:2px solid #f5f9fa;min-width:17px;height:17px;font-size:8px;line-height:13px;right:-1px;top:-1px}
.hero{min-height:0;padding:62px 0 0;background:transparent;overflow:visible;isolation:isolate}.hero-ambient{position:absolute;z-index:-1;top:0;left:12.5%;width:75%;height:480px;pointer-events:none;background:radial-gradient(ellipse at 23% 40%,#dae7f45e,transparent 50%),radial-gradient(ellipse at 75% 55%,#d2eeec77,transparent 50%);filter:blur(35px)}
.hero-content{padding:0;text-align:center}.hero-badge{display:inline-flex;align-items:center;gap:8px;font-size:11px;color:#78919b;padding:9px 14px;background:#ffffff71;border:1px solid #ffffffdf;box-shadow:inset 0 1px 0 #fff;border-radius:30px}.status-dot{background:#83aeaf;box-shadow:none}
.hero h1{font-size:clamp(52px,5.3vw,74px);font-weight:550;letter-spacing:-3.7px;line-height:1.075;margin:24px 0 20px;color:#2d3d47}.hero h1>span{color:#7d949e}.hero p{font-size:15px;color:#8a969f;line-height:1.8;letter-spacing:-.2px}.hero-actions{justify-content:center;gap:12px;margin-top:28px}
.button{min-height:46px;border-radius:28px;padding:13px 21px;font-size:12px;font-weight:500;gap:20px;line-height:1.4;transition:transform .25s,background .25s,box-shadow .25s}.button svg{width:16px;height:16px}.button-primary{background:linear-gradient(165deg,#4c6370,#344b58);color:#f7fbfc;border:1px solid #6f8d9966;box-shadow:0 4px 12px #334a5a1c,inset 0 1px 0 #ffffff22}.button-primary:hover{background:linear-gradient(165deg,#577582,#3b5866);border-color:#8ba5af;box-shadow:0 6px 18px #334a5a25,inset 0 1px 0 #ffffff33}
.button-outline,.hero-secondary,.button-light{background:#ffffff70;border:1px solid #ffffffee;color:#6c828e;backdrop-filter:blur(18px) saturate(1.4);-webkit-backdrop-filter:blur(18px) saturate(1.4);box-shadow:0 2px 6px #334a5a07,inset 0 1px 0 #fff}.button-outline:hover,.hero-secondary:hover,.button-light:hover{background:#ffffffc4;color:#4d7283;border-color:#fff;box-shadow:0 6px 16px #334a5a0b}
.hero-visual{max-width:1060px;height:322px;margin-top:44px;position:relative;border:7px solid #ffffffad;border-radius:36px;overflow:hidden;box-shadow:0 20px 48px #3d5b6a14,0 4px 10px #3d5b6a0a,inset 0 1px 0 #fff;background:#dae4e8}.hero-photo{width:100%;height:100%;object-fit:cover;object-position:50% 53%;filter:saturate(.5) brightness(1.08)}
.visual-chip{position:absolute;top:20px;right:20px;display:inline-flex;align-items:center;gap:8px;border:1px solid #ffffffad;border-radius:24px;padding:9px 14px;background:#ffffff88;backdrop-filter:blur(24px) saturate(1.7);-webkit-backdrop-filter:blur(24px) saturate(1.7);font-size:10px;font-weight:500;color:#536b78;box-shadow:inset 0 1px 0 #ffffffa8,0 3px 12px #24353e0d}.visual-chip img{width:13px;height:16px}
.visual-glass{position:absolute;bottom:18px;left:18px;right:18px;border-radius:22px;background:linear-gradient(115deg,#ffffffb8,#ffffff64);border:1px solid #ffffffae;backdrop-filter:blur(26px) saturate(1.5);-webkit-backdrop-filter:blur(26px) saturate(1.5);box-shadow:inset 0 1px 0 #ffffffc4,0 4px 15px #1c34451a;display:flex;align-items:center;justify-content:space-between;padding:16px 21px;transition:background .25s}.visual-glass:hover{background:linear-gradient(115deg,#ffffffcb,#ffffff88)}.visual-glass>div>span{font-size:10px;color:#6e8490}.visual-glass h2{font-size:21px;font-weight:500;color:#425c69;letter-spacing:-.7px;margin:5px 0 0}.visual-arrow{background:#ffffff88;border:1px solid #ffffffb8;box-shadow:inset 0 1px 0 #fff;display:flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:50%;color:#668390}.visual-arrow svg{width:18px;height:18px}
.promise-bar{background:transparent;border:0;margin-top:24px}.promise-grid{max-width:1060px;padding:25px 26px;gap:12px}.promise-grid>div,.promise-grid>div:first-child,.promise-grid>div:last-child{border:0;justify-content:center;gap:9px;font-size:10px;color:#8e9aa2}.promise-grid svg{width:15px;height:15px;color:#91acb5}
.section{padding-block:68px}.section-top{margin-bottom:28px}.eyebrow,.eyebrow.muted{font-size:11px;font-weight:500;letter-spacing:.05px;color:#8d9ca5}.section-top>p{font-size:12px;color:#9aa6ad}.section-top h2 span{color:#94a5af}h2{font-size:34px;font-weight:550;letter-spacing:-1.25px;line-height:1.25;margin-top:10px}
.collection-toolbar{align-items:center;gap:20px;margin:28px 0 18px;padding:0;border:0}.filters{gap:3px;padding:5px;border:1px solid #ffffffde;border-radius:30px;background:#ffffff57;box-shadow:inset 0 1px 0 #fff,0 3px 12px #3c536007;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}.filter{font-size:11px;color:#8998a2;border-radius:24px;padding:11px 13px;gap:6px;font-weight:400}.filter.active{background:#ffffffe0;color:#5e7886;box-shadow:0 2px 7px #45627214,inset 0 1px 0 #fff}.filter:hover{color:#567989;background:#ffffff85}.filter svg{width:13px;height:13px}.filter>span:not([data-icon]){font-size:9px;color:#97acb7}
.search{gap:9px;color:#a0b0bb;padding:5px 16px;border-radius:28px;border:1px solid #ffffffde;background:#ffffff64;box-shadow:inset 0 1px 0 #fff;min-height:44px}.search input{width:162px;padding:6px 0;border:0;background:transparent;color:#658693;font-size:10px;box-shadow:none}.search input::placeholder{color:#9cabb5;font-size:10px}
.catalog-note{color:#9aa6ae;font-size:10px;line-height:1.7;flex-wrap:wrap;margin:18px 3px}.catalog-note .status-dot{background:#bac7ce}.note-separator{color:#b8c2c9}
.product-grid{gap:19px}.product-card{padding:7px;border:1px solid #ffffffef;border-radius:25px;background:linear-gradient(140deg,#ffffffa3,#ffffff57);box-shadow:var(--glass-shadow);backdrop-filter:blur(22px) saturate(1.3);-webkit-backdrop-filter:blur(22px) saturate(1.3);overflow:visible;transition:transform .3s,box-shadow .3s}.product-card:hover{transform:translateY(-5px);border-color:#fff;box-shadow:0 14px 36px #3856671c,inset 0 1px 0 #fff}.art-button{border-radius:19px;background:#d6e3e8}.product-art{height:194px;background:#dce8eb;color:#fff}.product-art:after,.product-art:before{display:none}.product-art>img,.art-city>img,.art-interior>img,.art-car>img{filter:saturate(.58) brightness(1.05)}.product-card:hover .product-art>img{transform:scale(1.035)}
.art-badge,.art-category,.product-art .art-headline{display:none}.art-logo{right:11px;bottom:11px;width:25px;height:28px;background:#ffffff7a;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid #ffffffa1;border-radius:9px;display:flex;align-items:center;justify-content:center}.art-logo img{width:12px;height:15px}
.product-info{padding:18px 12px 10px}.product-meta{font-size:10px;color:#91a5b0;letter-spacing:0;margin-bottom:9px}.product-meta>span:first-child{color:#91a5b0}.product-meta .framework{font-size:7px;font-weight:450;letter-spacing:.35px;color:#a0b0bb;background:#e9eff25c;border:1px solid #ffffff99;padding:4px 6px;border-radius:6px}.product-title{font-size:17px;font-weight:550;letter-spacing:-.55px;color:#506977;line-height:1.35}.product-title:hover{color:#3d8b97}.product-info p{font-size:10px;color:#9aa8b1;line-height:1.7;letter-spacing:-.15px;margin:7px 0 18px}.product-price-row{border-color:#81949f16;padding-top:14px}.price{font-size:18px;font-weight:500;letter-spacing:-.6px;color:#718b9a}.price small{font-family:var(--body);font-size:8px;color:#adbdc7;font-weight:400}.add-cart{width:32px;height:32px;background:#ffffffbf;border:1px solid #fff;border-radius:50%;color:#839daa;box-shadow:0 2px 8px #4c667514,inset 0 1px 0 #fff}.add-cart:hover,.add-cart.added{color:#fff;background:#7a96a4;border-color:#829eab}
.collection-bottom>span{color:#a5b3bc}.collection-bottom .button{font-weight:400}.empty-results{border:1px solid #fff;border-radius:24px;background:#ffffff55}.empty-results h3{font-weight:500}.empty-results svg{color:#9cb7c1}.empty-results p{color:#96aab5}.empty-results button{color:#568998}
.art-garage{background:linear-gradient(145deg,#cbdfe4,#e5eef0 55%,#cedce8)}.garage-ui{inset:36px 14px 28px;padding:13px;background:#ffffffe0;border:1px solid #fff;border-radius:13px;box-shadow:0 12px 24px #43657b21,inset 0 1px 0 #fff;transform:rotate(-5deg);color:#617e8a}.garage-ui-top{font-size:13px;font-weight:500;letter-spacing:-.4px;margin-bottom:14px}.garage-ui-top small{color:#9ab3bd;font-size:4px}.garage-sidebar{font-size:5px;color:#a6b8bf;border:0}.garage-sidebar b{background:#dfebec;color:#7fa3b0;border-radius:4px;padding:4px 3px}.garage-vehicle{height:67px;border-radius:7px}.garage-vehicle img{filter:saturate(.4)}.garage-vehicle small{font-size:6px;color:#fff}.garage-vehicle span{background:#ffffffc9;color:#608494;border-radius:4px;font-size:4px;padding:4px}
.art-business,.art-identity{background:linear-gradient(145deg,#d1e3e7,#e4eaf1)}.abstract-panel{top:34px;left:22px;right:22px;padding:15px;background:#ffffffad;border:1px solid #fff;border-radius:14px;box-shadow:0 13px 24px #496b8121;color:#6c8897}.abstract-panel small{font-size:5px;letter-spacing:.8px;color:#a0b7c1}.abstract-panel strong{font-size:20px;font-weight:500;letter-spacing:-.8px;margin-top:7px}.chart-bars{height:39px}.chart-bars i{background:linear-gradient(#b0d2d6,#d2e2e6);border-radius:4px 4px 0 0;opacity:1}.art-bundle{background:linear-gradient(140deg,#d0e2e4,#e0e9ef)}.bundle-art i{width:77px;height:98px;border:1px solid #fff;border-radius:14px;background:#ffffff88;box-shadow:0 9px 21px #5175871c;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.bundle-art i:nth-child(3){background:linear-gradient(145deg,#ffffffb4,#ffffff6b)}.bundle-art img{width:35px}.identity-art{margin-top:12px}.identity-art>svg{color:#a1bac5}.identity-art span{background:#ccdbe080;height:5px}
.custom-section{grid-template-columns:1.2fr 1fr;gap:85px;padding:48px 50px;margin-top:15px;border:1px solid #fff;border-radius:32px;background:linear-gradient(115deg,#ffffff96,#e6f0f0a1 70%,#e3eaf381);box-shadow:var(--glass-shadow);backdrop-filter:blur(25px);-webkit-backdrop-filter:blur(25px)}.custom-copy .eyebrow{font-size:11px;letter-spacing:0;color:#93acb6}.custom-copy h2{font-size:43px;font-weight:500;letter-spacing:-1.9px;line-height:1.18;margin-top:20px}.custom-copy h2>span{color:#9fb1bc}.custom-copy>p{color:#9caeb8;font-size:12px;line-height:1.9;margin:19px 0 25px}.custom-services{gap:9px}.custom-services button,.custom-services button:first-child,.custom-services button:last-child{gap:16px;padding:15px 17px;border:1px solid #ffffffbd;border-radius:18px;background:#ffffff64;box-shadow:inset 0 1px 0 #ffffffcb;transition:background .25s,transform .25s}.custom-services button:hover{background:#ffffffb3;transform:translateX(3px);color:#6b8997}.service-number{font-size:10px;color:#b0c2cd;align-self:center;margin:0}.custom-services button>span:nth-child(2){font-size:14px;font-weight:500;letter-spacing:-.2px;color:#718d9d}.custom-services small{font-size:10px;color:#a9bdc9;margin-top:5px}.custom-services button>span:last-child{color:#a3bcc9}.custom-services svg{width:16px;height:16px}.custom-orbit{width:350px;height:420px;left:35%;top:0;opacity:.03}.custom-orbit i{display:none}.custom-orbit img{width:260px;top:55px;left:0;opacity:1;filter:grayscale(1)}
.why-section{padding-block:80px 65px}.why-section h2{font-size:33px}.section-mark{display:none}.why-grid{gap:52px;margin-top:35px}.why-grid article{border:0;padding:12px 4px}.why-icon{width:42px;height:42px;border-radius:14px;color:#9bb5c3;background:#ffffff8a;border:1px solid #fff;box-shadow:var(--glass-shadow);margin-bottom:20px}.why-icon svg{width:19px;height:19px}.why-grid h3{font-size:18px;font-weight:500;letter-spacing:-.5px;color:#718b9b;margin-bottom:12px}.why-grid p{font-size:12px;color:#9fb1bd;line-height:1.9}
.faq-section{gap:95px;padding-block:42px 65px;border-top:1px solid #71899716}.faq-section>div:first-child{padding-top:10px}.faq-section h2{font-size:34px;margin-top:13px}.text-link{font-size:11px;color:#93adbd;margin-top:23px}.text-link:hover{color:#6090a3}.faq-list{display:flex;flex-direction:column;gap:9px}.faq-list details{padding-inline:20px;border:1px solid #ffffffde;border-radius:17px;background:#ffffff5c;box-shadow:inset 0 1px 0 #fff}.faq-list summary,.faq-list details:first-child summary{font-size:12px;padding-block:19px;color:#8ca6b7}.faq-list summary svg{color:#a2becd}.faq-list details>p{color:#9eb5c3;font-size:12px;line-height:1.9;padding-bottom:20px}
.community-banner{gap:24px;padding:31px 35px;border:1px solid #fff;border-radius:26px;background:linear-gradient(120deg,#ffffff96,#e6eff180);box-shadow:var(--glass-shadow);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}.community-icon{width:50px;height:50px;display:flex;align-items:center;justify-content:center;border:1px solid #fff;border-radius:17px;background:#ffffff8f;box-shadow:inset 0 1px 0 #fff;color:#95b3c4}.community-icon svg{width:26px;height:26px}.community-banner h2{font-size:23px;font-weight:500;letter-spacing:-.8px;color:#7d9aaa}.community-banner p{color:#a2bac9;font-size:11px}.footer{padding-top:52px}.footer-top{border-color:#71899716}.footer-top .brand>span{font-size:23px}.footer-top .brand img{width:23px;height:29px}.footer-top .brand-sub{font-size:7px;letter-spacing:0}.footer-top>p{color:#afc0cb}.footer-top>div{color:#9ab4c4}.footer-bottom{color:#b3c4cf}.footer-bottom>a{color:#a6bdcb}
.skip-link{background:#fff;color:#557d91;border-radius:20px;box-shadow:var(--glass-shadow)}
dialog{padding:32px;border:1px solid #ffffffeb;border-radius:30px;background:linear-gradient(135deg,#f9fcfdec,#eaf1f5df);color:var(--text);box-shadow:0 30px 100px #243c5133,inset 0 1px 0 #fff;backdrop-filter:blur(40px) saturate(1.5);-webkit-backdrop-filter:blur(40px) saturate(1.5)}dialog::backdrop{background:#526a7b34;backdrop-filter:blur(12px) saturate(.85);-webkit-backdrop-filter:blur(12px) saturate(.85)}.dialog-header h2{font-size:27px;font-weight:500;letter-spacing:-1px;line-height:1.2}.dialog-header .eyebrow{font-size:10px}.dialog-header h2>span{color:inherit}.dialog-header .close-dialog{color:#95afbd;background:#ffffff6b;border:1px solid #fff}.dialog-intro{color:#92adbd;font-size:12px;line-height:1.9}
.product-dialog{padding:0;max-width:810px}.product-dialog>.close-dialog{right:16px;top:16px;color:#7b9daf;background:#ffffffa3;border:1px solid #fff;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}.detail-art{margin:10px;border-radius:23px;overflow:hidden;background:#e6eff4}.detail-art .product-art{min-height:420px}.detail-copy{padding:58px 28px 30px 22px}.detail-copy .eyebrow{font-size:10px}.detail-copy h2{font-size:29px;font-weight:500;letter-spacing:-1.1px}.detail-copy>p{color:#96b1c1;line-height:1.85}.detail-copy li{color:#8caaba;line-height:1.7}.detail-copy li svg{color:#96bdc6}.detail-purchase{border-color:#8aa5b522;padding-top:21px}.detail-purchase .button{padding-inline:15px}.detail-copy .detail-note{color:#aac1cf;font-size:9px;line-height:1.75}
form label{color:#89a7b9;font-size:11px}.optional{color:#b4cad6}input,select,textarea{background:#ffffff85;border:1px solid #ffffffef;border-radius:12px;color:#759bae;padding:12px 13px;font-size:12px;line-height:1.7;box-shadow:inset 0 1px 2px #4c687709,0 1px 0 #fff}input::placeholder,textarea::placeholder{color:#b0c6d4;font-size:11px}input:focus,select:focus,textarea:focus{outline:2px solid #8eb5c477;outline-offset:2px}.form-note{color:#a5c0d0}.brief-actions{gap:12px}.empty-cart>svg{color:#a7c6d7}.empty-cart h3{font-weight:500;letter-spacing:-.7px}.empty-cart p{color:#a6c0d0}.cart-item{border-color:#8aa4b322}.cart-thumb{width:68px;height:62px;border:2px solid #fff;border-radius:14px}.cart-item-copy h3{color:#7ba1b7;font-weight:500;font-size:15px}.cart-item-copy span{color:#b0ccdc}.cart-item-price{color:#91b1c6;font-size:16px;font-weight:500}.remove-item{color:#b2cddc}.cart-total{color:#9ebed1;font-size:12px}.cart-total strong{color:#789fb6;font-weight:500;letter-spacing:-.7px}.cart-disclaimer{color:#b1ccda}.cart-thumb .abstract-panel,.cart-thumb .garage-ui{border-radius:5px}.cart-thumb .bundle-art i{border-radius:5px}
#toast{background:#ffffffd6;color:#749db2;border:1px solid #ffffffe6;border-radius:22px;box-shadow:0 6px 25px #385c6b1f,inset 0 1px 0 #fff;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);padding:15px 23px}

/* Readable contrast is kept on quiet surfaces without using pure black. */
.hero p,.product-info p,.custom-copy>p,.why-grid p,.faq-list details>p,.dialog-intro,.detail-copy>p{color:#7a8b96}
.main-nav a,.product-meta>span:first-child,.custom-services small,.community-banner p,.text-link{color:#7f939f}
.product-title,.why-grid h3,.custom-services button>span:nth-child(2),.community-banner h2,.cart-item-copy h3{color:#526d7d}
.faq-list summary,form label,.cart-total,.cart-item-price,.price,.detail-copy li{color:#6b8697}
input,select,textarea{color:#57798e}input::placeholder,textarea::placeholder{color:#91a9b8}
.catalog-note,.collection-bottom>span,.form-note,.cart-disclaimer,.detail-copy .detail-note,.footer-bottom{color:#8d9faa}

@media(min-width:1600px){.hero{min-height:0}.hero-content{padding:0}}
@media(max-width:1180px){
 .container{width:calc(100% - 72px)}.header{width:calc(100% - 48px)}.nav-wrap{width:100%;gap:16px}.main-nav{margin-left:10px}.main-nav a{padding-inline:12px;font-size:11px}.nav-actions{gap:8px}.filter{padding-inline:10px}.collection-toolbar{gap:15px}.search input{width:140px}.product-grid{gap:15px}.product-art{height:180px}.product-info{padding-inline:9px}.product-title{font-size:16px}.product-info p{font-size:9px;min-height:30px}.custom-section{padding:42px 38px;gap:50px}.custom-copy h2{font-size:40px}.why-grid{gap:34px}.faq-section{gap:65px}
}
@media(max-width:960px){
 .brand>span{font-size:22px}.brand img{width:24px;height:31px}.nav-wrap{padding-inline:19px;gap:12px}.main-nav{margin:0;gap:0}.main-nav a{font-size:10px;padding-inline:11px}.discord-button{font-size:10px;padding-inline:12px}.tiny-arrow{display:none}.hero{padding-top:55px;min-height:0}.hero-content{padding:0}.hero h1{font-size:65px}.hero-visual{height:305px}.promise-grid{padding-inline:0}.promise-grid>div{font-size:9px;gap:7px}.filters{gap:6px}.filter{padding-inline:13px}.search{margin-left:auto}.product-grid{gap:22px}.product-art{height:232px}.product-info{padding:21px 15px 13px}.product-title{font-size:19px}.product-info p{font-size:11px;min-height:0}.garage-ui{inset:47px 22px 34px;padding:18px}.garage-ui-top{font-size:17px;margin-bottom:18px}.garage-vehicle{height:83px}.garage-sidebar{font-size:6px;width:45px;gap:12px}.garage-vehicle small{font-size:8px}.garage-vehicle span{font-size:6px}.abstract-panel{top:45px;padding:20px}.abstract-panel strong{font-size:25px}.chart-bars{height:47px}.custom-section{gap:30px;padding:36px 30px}.custom-copy h2{font-size:35px}.custom-copy>p{font-size:11px}.custom-services button,.custom-services button:first-child,.custom-services button:last-child{gap:12px;padding:14px}.custom-services button>span:nth-child(2){font-size:13px}.why-grid{gap:25px}.why-grid h3{font-size:17px}.why-grid p{font-size:11px}.community-banner{gap:18px;padding:28px;flex-wrap:nowrap}.community-banner h2{font-size:20px}.community-banner p{font-size:10px;max-width:310px;line-height:1.8}.community-banner .button{gap:12px;margin-left:auto}.community-icon{flex-shrink:0}
}
@media(max-width:740px){
 .container{width:calc(100% - 40px)}.header{top:12px;margin-top:12px;width:calc(100% - 24px);border-radius:24px}.nav-wrap{width:100%;height:66px;padding-inline:17px;gap:12px}.brand img{width:25px;height:32px}.brand>span{font-size:23px}.brand .brand-sub{font-size:7px;letter-spacing:.15px;margin-top:5px}.nav-actions{gap:6px}.discord-button{font-size:0;width:35px;height:35px;padding:0;justify-content:center;gap:0}.discord-button svg{width:17px;height:17px}.cart-toggle,.menu-toggle{width:33px;height:35px}.cart-toggle svg{width:18px;height:18px}.menu-toggle svg{width:19px;height:19px}.main-nav{top:74px;left:0;right:0;padding:9px;border:1px solid #fff;border-radius:22px;background:#f7fafbf5;backdrop-filter:blur(30px);-webkit-backdrop-filter:blur(30px);box-shadow:0 12px 25px #3a617523,inset 0 1px 0 #fff;gap:0}.main-nav a{font-size:12px;padding:14px 17px;border-radius:16px}
 .hero{padding-top:45px;min-height:0}.hero-content{padding:0}.hero-badge{font-size:9px;padding:9px 12px;gap:7px}.hero h1{font-size:clamp(43px,9.8vw,63px);font-weight:550;letter-spacing:-2.7px;margin-block:24px 18px}.hero p{font-size:12px;line-height:1.9;letter-spacing:-.2px}.hero-actions{gap:8px;margin-top:24px}.hero-actions .button{min-height:42px;font-size:10px;padding:11px 14px;gap:9px}.hero-actions .button svg{width:13px;height:13px}.hero-visual{height:280px;margin-top:33px;border-width:5px;border-radius:27px}.hero-photo{object-position:54% 50%}.visual-chip{top:13px;right:13px;padding:7px 10px;font-size:8px;gap:6px}.visual-chip img{width:11px;height:14px}.visual-glass{bottom:12px;left:12px;right:12px;padding:13px 15px;border-radius:18px}.visual-glass>div>span{font-size:9px}.visual-glass h2{font-size:17px;letter-spacing:-.5px;margin-top:4px}.visual-arrow{width:32px;height:32px}.visual-arrow svg{width:15px;height:15px}
 .promise-bar{margin-top:10px}.promise-grid{gap:17px 12px;padding:20px 2px}.promise-grid>div{font-size:9px;gap:7px}.promise-grid svg{width:14px;height:14px}.section{padding-block:45px}.section-top{margin-bottom:22px}.eyebrow,.eyebrow.muted{font-size:10px;letter-spacing:0}h2,.section-top h2{font-size:29px;letter-spacing:-1.2px}.section-top h2 span{display:inline}.collection-toolbar{margin:23px 0 15px;gap:12px;padding:0}.filters{gap:2px;padding:4px;scrollbar-width:none}.filters::-webkit-scrollbar{display:none}.filter{padding:11px 12px;font-size:10px;gap:6px}.filter svg{width:12px;height:12px}.search{margin:0;min-height:42px;padding-inline:15px;border-color:#fff}.search input{font-size:11px}.search input::placeholder{font-size:11px}.catalog-note{font-size:9px;gap:5px;line-height:1.8;margin-block:15px}
 .product-grid{gap:13px}.product-card{padding:5px;border-radius:21px}.art-button{border-radius:16px}.product-art{height:165px}.art-logo{width:22px;height:24px;border-radius:8px;right:9px;bottom:9px}.art-logo img{width:10px;height:13px}.product-info{padding:15px 10px 10px}.product-title{font-size:16px;letter-spacing:-.5px;min-height:43px}.product-meta{font-size:9px;margin-bottom:8px}.product-meta .framework{font-size:6px;padding:3px 5px}.product-info p{font-size:9px;line-height:1.65;min-height:30px;margin:6px 0 14px}.product-price-row{padding-top:12px;gap:5px}.price{font-size:17px}.price small{font-size:6px;margin-left:3px}.add-cart{width:28px;height:28px}.add-cart svg{width:13px;height:13px}.garage-ui{inset:31px 8px 25px;padding:8px;border-radius:10px}.garage-ui-top{font-size:11px;margin-bottom:11px}.garage-ui-top small{font-size:3px;padding-top:4px}.garage-inner{gap:5px}.garage-sidebar{width:28px;gap:7px;font-size:4px}.garage-sidebar b{padding:3px 1px}.garage-vehicle{height:48px;border-radius:5px}.garage-vehicle small{font-size:4px;bottom:5px;left:5px}.garage-vehicle span{font-size:3px;padding:3px;bottom:4px;right:3px}.abstract-panel{top:29px;left:12px;right:12px;padding:11px;border-radius:10px}.abstract-panel small{font-size:4px}.abstract-panel strong{font-size:17px;letter-spacing:-.6px;margin-top:7px}.chart-bars{gap:5px;height:32px;margin-top:8px}.identity-art{gap:8px;margin-top:10px}.identity-art>svg{width:28px;height:28px}.identity-art span{width:45px;height:4px;margin-block:6px}.identity-art span:nth-child(2){width:30px}.identity-art span:nth-child(3){width:39px}.bundle-art{inset:25px 15px}.bundle-art i{width:51px;height:75px;border-radius:11px;transform:rotate(-16deg) translateX(-25px)}.bundle-art i:nth-child(2){transform:rotate(16deg) translateX(25px)}.bundle-art i:nth-child(3){transform:none}.bundle-art img{width:24px}
 .collection-bottom{gap:18px 10px;margin-top:24px}.collection-bottom>span{font-size:9px}.custom-section{grid-template-columns:1fr;gap:28px;padding:29px 24px;border-radius:27px;margin-top:2px}.custom-copy .eyebrow{font-size:10px;letter-spacing:0}.custom-copy h2{font-size:36px;letter-spacing:-1.7px;margin-top:18px}.custom-copy>p{font-size:11px;line-height:1.9}.custom-copy>p br{display:none}.custom-copy .button{font-size:10px;gap:20px}.custom-services{gap:9px}.custom-services button,.custom-services button:first-child,.custom-services button:last-child{padding:15px;gap:15px;border-radius:17px}.custom-services button>span:nth-child(2){font-size:14px}.custom-services small{font-size:10px}.custom-orbit{top:30px;left:15%}.why-section{padding-block:49px 40px}.why-section h2{font-size:29px}.why-grid{gap:27px;margin-top:28px}.why-grid article{padding:0}.why-icon{margin-bottom:15px}.why-grid h3{font-size:19px;margin-bottom:10px}.why-grid p{font-size:12px;max-width:none}.faq-section{gap:28px;padding-block:33px 41px}.faq-section>div:first-child{padding-top:0}.faq-section h2{font-size:29px}.text-link{margin-top:17px}.faq-list details{padding-inline:17px}.faq-list summary,.faq-list details:first-child summary{font-size:11px;padding-block:19px}.faq-list details>p{font-size:11px}
 .community-banner{flex-wrap:wrap;padding:26px 23px;border-radius:25px;gap:17px}.community-icon{width:43px;height:43px;border-radius:15px}.community-icon svg{width:22px;height:22px}.community-banner>div{flex:1}.community-banner h2{font-size:20px;line-height:1.3}.community-banner p{font-size:10px;line-height:1.8}.community-banner .button{margin-left:0;width:100%}.footer{padding-top:37px}.footer-top>p{max-width:140px;font-size:9px;line-height:1.8}.footer-bottom{font-size:8px}
 dialog{padding:26px 22px;border-radius:25px}.dialog-header{gap:13px}.dialog-header h2{font-size:25px}.dialog-header .eyebrow{font-size:9px}.dialog-intro{font-size:11px}.brief-actions{gap:8px}.brief-actions .button{font-size:10px;padding-inline:13px;gap:8px}.product-dialog{padding:0}.detail-art{margin-bottom:0;border-radius:20px}.detail-art .product-art{height:215px;min-height:0}.detail-copy{padding:27px 22px}.detail-copy h2{font-size:29px}.detail-copy>p{font-size:12px}.detail-copy li{font-size:11px}.cart-thumb{width:55px;height:54px}.cart-item-copy h3{font-size:13px}.cart-item-price{font-size:14px}
}
@media(max-width:380px){
 .container{width:calc(100% - 32px)}.nav-wrap{width:100%;padding-inline:13px}.nav-actions{gap:3px}.hero h1{font-size:43px;letter-spacing:-2.3px}.hero-actions{gap:7px}.hero-actions .button{font-size:9px;padding-inline:11px;gap:6px}.hero-visual{height:252px}.visual-glass{padding:12px}.visual-glass h2{font-size:16px}.promise-grid>div{font-size:8px;gap:6px}.product-grid{gap:10px}.product-art{height:143px}.product-info{padding-inline:8px}.product-title{font-size:14px;min-height:39px}.product-info p{font-size:8px}.price{font-size:15px}.price small{display:none}.garage-ui{inset:27px 7px 24px;padding:7px}.garage-ui-top{font-size:9px;margin-bottom:10px}.garage-sidebar{width:23px;font-size:3px}.garage-vehicle{height:42px}.garage-ui-top small{display:none}.custom-section{padding-inline:22px}.custom-copy h2{font-size:32px}
}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){
 .header,.filters,.search,.product-card,.custom-section,.community-banner,dialog{background:#f8fbfc}.visual-glass,.visual-chip{background:#edf4f5ed}
}

/* Gentle color should not come at the expense of reading small text. */
.hero p,.hero-badge,.promise-grid>div,.section-top>p,.eyebrow,.eyebrow.muted,
.main-nav a,.filter,.filter>span:not([data-icon]),.search,.search input::placeholder,
.product-meta>span:first-child,.product-info p,.price,.price small,.catalog-note,
.collection-bottom>span,.custom-copy .eyebrow,.custom-copy>p,.custom-services small,
.why-grid p,.text-link,.faq-list summary,.faq-list details>p,.community-banner p,
.footer-top>p,.footer-top>div,.footer-bottom,.footer-bottom>a,
.dialog-intro,.detail-copy>p,.detail-copy li,.detail-copy .detail-note,
form label,.form-note,.empty-cart p,.cart-item-copy span,.cart-item-price,.cart-total,
.cart-disclaimer,#toast{color:#5b6f7b}
.button-outline,.hero-secondary,.button-light{color:#5b6f7b}
.product-meta .framework,.optional,input::placeholder,textarea::placeholder{color:#6b7b87}
.hero h1>span{color:#748b95}
.footer-bottom{font-size:9px}
@media(max-width:740px){.product-info p{font-size:10px;min-height:34px}.product-meta{font-size:10px}.footer-bottom{font-size:9px}}