:root{--ttl-bg:#090b0f;--ttl-panel:#11151b;--ttl-panel2:#171c24;--ttl-text:#f6f7fb;--ttl-muted:#aab0bd;--ttl-purple:#9c36ff;--ttl-purple2:#d064ff;--ttl-line:#252b35;--ttl-radius:18px;--ttl-shadow:0 20px 60px rgba(0,0,0,.35)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--ttl-bg);color:var(--ttl-text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.55}a{color:inherit;text-decoration:none}img{max-width:100%;height:auto}.ttl-container{width:min(1180px,calc(100% - 40px));margin:auto}.ttl-site-header{position:sticky;top:0;z-index:100;background:rgba(9,11,15,.88);backdrop-filter:blur(16px);border-bottom:1px solid var(--ttl-line)}.ttl-header-inner{height:78px;display:flex;align-items:center;gap:30px}.ttl-brand{margin-right:auto}.ttl-brand img{max-height:48px;width:auto}.ttl-brand-mark{font-size:30px;font-weight:900;font-style:italic;letter-spacing:-1.8px}.ttl-brand-mark span{color:var(--ttl-purple2)}.ttl-main-nav ul,.ttl-site-footer ul{list-style:none;padding:0;margin:0}.ttl-main-nav ul{display:flex;gap:28px}.ttl-main-nav a{font-weight:700;font-size:14px;color:#e7e8ee}.ttl-main-nav a:hover{color:var(--ttl-purple2)}.ttl-header-actions{display:flex;align-items:center;gap:18px;font-size:22px}.ttl-cart-link{position:relative}.ttl-cart-count{position:absolute;right:-10px;top:-10px;display:grid;place-items:center;background:var(--ttl-purple);width:20px;height:20px;border-radius:50%;font-size:11px;font-weight:900}.ttl-menu-toggle{display:none;background:none;border:0;color:#fff;font-size:26px}.ttl-hero{position:relative;overflow:hidden;border-bottom:1px solid var(--ttl-line);background:radial-gradient(circle at 70% 45%,rgba(133,43,255,.35),transparent 32%),linear-gradient(120deg,#0a0d12 0%,#10101a 58%,#180b2b 100%)}.ttl-hero:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:34px 34px;mask-image:linear-gradient(to bottom,rgba(0,0,0,.8),transparent)}.ttl-hero-grid{min-height:540px;display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:60px;position:relative}.ttl-kicker{font-size:15px;font-weight:900;letter-spacing:6px;color:var(--ttl-purple2);margin-bottom:12px}.ttl-hero h1{font-size:clamp(46px,7vw,92px);line-height:.95;letter-spacing:-5px;margin:0 0 22px;max-width:760px}.ttl-hero p{font-size:21px;color:#d3d6df;max-width:560px;margin:0 0 30px}.ttl-btn{display:inline-flex;align-items:center;justify-content:center;padding:15px 24px;background:linear-gradient(135deg,var(--ttl-purple),#6f22ff);border-radius:10px;font-weight:900;box-shadow:0 10px 28px rgba(123,34,255,.28);transition:.2s ease}.ttl-btn:hover{transform:translateY(-2px);filter:brightness(1.08)}.ttl-btn-small{padding:11px 16px;font-size:13px}.ttl-hero-art{min-height:390px;display:grid;place-items:center;position:relative}.ttl-glow{position:absolute;width:330px;height:330px;border-radius:50%;background:radial-gradient(circle,var(--ttl-purple),transparent 66%);filter:blur(20px);opacity:.34}.ttl-character-card{position:relative;width:340px;height:340px;border:1px solid rgba(255,255,255,.13);border-radius:48% 52% 50% 50%;background:linear-gradient(145deg,#171d27,#0b0d12);box-shadow:var(--ttl-shadow);display:flex;flex-direction:column;align-items:center;justify-content:center;transform:rotate(3deg)}.ttl-character-emoji{font-size:110px}.ttl-character-card strong{font-size:34px;font-style:italic}.ttl-character-card small{margin-top:18px;text-align:center;text-transform:uppercase;font-weight:900;letter-spacing:1px;color:#d5c7ff}.ttl-benefits{border-bottom:1px solid var(--ttl-line);background:#0d1015}.ttl-benefit-grid{display:grid;grid-template-columns:repeat(4,1fr);padding:28px 0;gap:18px}.ttl-benefit-grid>div{display:grid;grid-template-columns:auto 1fr;column-gap:12px}.ttl-benefit-grid span{grid-row:1/3;font-size:28px}.ttl-benefit-grid strong{font-size:14px}.ttl-benefit-grid small{color:var(--ttl-muted)}.ttl-section{padding:58px 0}.ttl-section-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:22px}.ttl-section-head h2{font-size:34px;margin:0;letter-spacing:-1.5px}.ttl-section-head a{color:var(--ttl-purple2);font-weight:800;font-size:14px}.ttl-category-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.ttl-category-card{min-height:205px;padding:22px;border:1px solid var(--ttl-line);border-radius:var(--ttl-radius);background:linear-gradient(155deg,var(--ttl-panel2),#0c0f14);display:flex;flex-direction:column;justify-content:flex-end;position:relative;overflow:hidden}.ttl-category-card:before{content:"";position:absolute;inset:auto -25px -55px auto;width:150px;height:150px;border-radius:50%;background:radial-gradient(circle,rgba(159,54,255,.28),transparent 70%)}.ttl-category-card span{font-size:66px;margin-bottom:auto}.ttl-category-card strong{font-size:20px}.ttl-category-card em{position:absolute;right:20px;bottom:18px;font-style:normal;color:var(--ttl-purple2);font-size:24px}.ttl-category-card:hover{border-color:#6f3ca1;transform:translateY(-3px)}.ttl-product-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.ttl-product-card{background:var(--ttl-panel);border:1px solid var(--ttl-line);border-radius:var(--ttl-radius);overflow:hidden}.ttl-product-image{display:grid;place-items:center;aspect-ratio:1/1;background:#eef0f4;color:#1b1d22;font-weight:800;overflow:hidden}.ttl-product-image img{width:100%;height:100%;object-fit:cover}.ttl-product-body{padding:18px}.ttl-product-body h3{font-size:17px;margin:0 0 8px}.ttl-product-price{font-weight:900;margin-bottom:14px}.ttl-product-price del{color:#7f8591}.ttl-product-price ins{text-decoration:none}.ttl-wide-banner{margin-top:20px;background:linear-gradient(110deg,#10131a 0%,#13102a 52%,#2a0b4b 100%);border-block:1px solid #302045}.ttl-wide-banner-inner{min-height:270px;display:flex;align-items:center;justify-content:space-between;gap:30px}.ttl-wide-banner span{font-size:21px;font-weight:900;letter-spacing:2px}.ttl-wide-banner b{color:var(--ttl-purple2)}.ttl-wide-banner h2{font-size:48px;margin:6px 0 10px;letter-spacing:-2px}.ttl-wide-banner p{color:#c8c9d1}.ttl-support-card{min-height:220px;border:1px solid #35244b;border-radius:var(--ttl-radius);background:radial-gradient(circle at 75% 40%,rgba(152,52,255,.32),transparent 24%),linear-gradient(130deg,#11151c,#171026 64%,#211038);display:flex;align-items:center;justify-content:space-between;padding:42px 54px;gap:40px}.ttl-support-card span{font-size:20px;font-weight:900}.ttl-support-card h2{font-size:42px;margin:5px 0}.ttl-support-card p{max-width:360px;color:#d7d7df;font-weight:700}.ttl-content{padding:56px 0;min-height:60vh}.ttl-content h1{font-size:46px;letter-spacing:-2px}.ttl-entry{color:#d6d8df}.ttl-entry a{color:var(--ttl-purple2)}.ttl-site-footer{margin-top:55px;border-top:1px solid var(--ttl-line);background:#07090c;padding:52px 0 28px}.ttl-footer-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1.2fr;gap:40px}.ttl-footer-grid h4{margin:0 0 16px}.ttl-site-footer li{margin:8px 0}.ttl-site-footer a{color:#c2c6cf}.ttl-socials{display:flex;gap:12px;flex-wrap:wrap}.ttl-socials a{padding:6px 10px;border:1px solid var(--ttl-line);border-radius:7px}.ttl-copyright{margin-top:36px;padding-top:24px;border-top:1px solid var(--ttl-line);color:#7f8590;font-size:13px}.woocommerce .button,.woocommerce button.button,.woocommerce input.button,.woocommerce a.button{background:var(--ttl-purple)!important;color:white!important;border-radius:9px!important}.woocommerce ul.products li.product{background:var(--ttl-panel);padding:14px!important;border:1px solid var(--ttl-line);border-radius:14px}.woocommerce div.product p.price,.woocommerce div.product span.price,.woocommerce ul.products li.product .price{color:var(--ttl-purple2)!important}.woocommerce-message,.woocommerce-info{border-top-color:var(--ttl-purple)!important;background:#131720!important;color:#fff!important}.woocommerce table.shop_table{border-color:var(--ttl-line)!important}.woocommerce input,.woocommerce textarea,.woocommerce select{background:#10141a;color:#fff;border:1px solid var(--ttl-line);padding:10px;border-radius:8px}.ttl-notice{grid-column:1/-1;padding:24px;border:1px dashed var(--ttl-line);border-radius:12px;color:var(--ttl-muted)}
@media(max-width:900px){.ttl-main-nav{display:none;position:absolute;left:20px;right:20px;top:72px;background:#0c1015;border:1px solid var(--ttl-line);border-radius:14px;padding:20px}.ttl-main-nav.is-open{display:block}.ttl-main-nav ul{flex-direction:column}.ttl-menu-toggle{display:block;order:2}.ttl-header-actions{order:3}.ttl-hero-grid{grid-template-columns:1fr;min-height:auto;padding:70px 0 40px}.ttl-hero-art{min-height:300px}.ttl-character-card{width:280px;height:280px}.ttl-benefit-grid,.ttl-category-grid,.ttl-product-grid,.ttl-footer-grid{grid-template-columns:repeat(2,1fr)}.ttl-wide-banner-inner,.ttl-support-card{flex-direction:column;align-items:flex-start;padding-block:45px}.ttl-wide-banner h2{font-size:38px}}
@media(max-width:560px){.ttl-container{width:min(100% - 28px,1180px)}.ttl-header-inner{height:68px;gap:14px}.ttl-brand-mark{font-size:24px}.ttl-header-actions a:first-child{display:none}.ttl-hero h1{font-size:52px;letter-spacing:-3px}.ttl-hero p{font-size:18px}.ttl-benefit-grid,.ttl-category-grid,.ttl-product-grid,.ttl-footer-grid{grid-template-columns:1fr}.ttl-benefit-grid>div{padding:8px 0}.ttl-section{padding:42px 0}.ttl-section-head{align-items:center}.ttl-section-head h2{font-size:29px}.ttl-section-head a{font-size:12px}.ttl-support-card{padding:30px}.ttl-support-card h2{font-size:34px}.ttl-wide-banner h2{font-size:34px}}

/* ===== TuTelesLive V2 visual match ===== */
.ttl-hero-v2{background:linear-gradient(90deg,#090b10 0%,#0b0e15 38%,#130922 70%,#1a0b2c 100%);min-height:0}
.ttl-hero-v2:before{opacity:.35}
.ttl-hero-v2 .ttl-hero-grid{min-height:560px;grid-template-columns:.9fr 1.35fr;gap:10px;overflow:visible}
.ttl-hero-v2 .ttl-hero-copy{position:relative;z-index:3;padding-left:6px}
.ttl-hero-logo-text{font-size:clamp(64px,7vw,118px);font-weight:950;font-style:italic;line-height:.88;letter-spacing:-7px;font-family:Impact,Haettenschweiler,"Arial Narrow Bold",sans-serif;text-shadow:0 2px 0 rgba(255,255,255,.02)}
.ttl-hero-v2 .ttl-kicker{margin:18px 0 12px;font-size:18px;letter-spacing:8px;color:#c95bff}
.ttl-hero-v2 .ttl-hero-copy p{font-size:24px;margin:0 0 28px;max-width:560px}
.ttl-hero-image-wrap{align-self:stretch;display:flex;align-items:flex-end;justify-content:flex-end;overflow:visible;position:relative}
.ttl-hero-image{width:112%;max-width:none;height:auto;object-fit:contain;object-position:right bottom;filter:drop-shadow(0 16px 30px rgba(0,0,0,.3));margin-right:-55px}
.ttl-benefits{background:#0d1015}
.ttl-benefit-grid{padding:18px 0}
.ttl-category-grid-v2 .ttl-category-card{min-height:190px;background:linear-gradient(160deg,#1b222c,#10141a)}
.ttl-category-grid-v2 .ttl-category-card span{font-size:76px;filter:drop-shadow(0 10px 18px rgba(0,0,0,.25))}
.ttl-home-grid{display:grid;grid-template-columns:1.7fr 1fr;gap:30px;padding-top:20px}
.ttl-home-main{min-width:0}
.ttl-product-grid-v2{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.ttl-home-side{display:flex;flex-direction:column;gap:16px}
.ttl-promo-image-card,.ttl-shipping-card{display:block;border:1px solid #2d3440;border-radius:12px;overflow:hidden;background:#12161d}
.ttl-promo-image-card img{width:100%;display:block;aspect-ratio:2.78/1;object-fit:cover}
.ttl-support-image img{aspect-ratio:4.34/1}
.ttl-shipping-card{min-height:150px;padding:24px;background:radial-gradient(circle at 62% 45%,rgba(128,44,255,.2),transparent 28%),linear-gradient(120deg,#151922,#0d1016);display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:20px}
.ttl-shipping-title{font-size:18px;font-weight:900;color:#cc5eff;line-height:1.2}.ttl-shipping-title strong{color:#fff}
.ttl-shipping-list{display:flex;flex-direction:column;gap:12px;font-weight:800;font-size:13px;color:#eef0f4}
.ttl-section-head h2{font-size:31px}
.ttl-product-card{border-radius:10px}.ttl-product-body{padding:12px}.ttl-product-body h3{font-size:15px}.ttl-btn-small{width:100%;padding:10px 12px}
@media(max-width:1100px){.ttl-home-grid{grid-template-columns:1fr}.ttl-home-side{display:grid;grid-template-columns:1fr 1fr}.ttl-support-image{grid-column:1/-1}.ttl-hero-v2 .ttl-hero-grid{grid-template-columns:1fr 1fr}.ttl-hero-image{width:125%;margin-right:-20px}.ttl-hero-logo-text{font-size:76px}}
@media(max-width:900px){.ttl-hero-v2 .ttl-hero-grid{grid-template-columns:1fr;padding-top:50px}.ttl-hero-image-wrap{min-height:330px}.ttl-hero-image{width:100%;margin-right:0}.ttl-home-side{grid-template-columns:1fr}.ttl-support-image{grid-column:auto}.ttl-product-grid-v2{grid-template-columns:repeat(2,1fr)}}
@media(max-width:560px){.ttl-hero-logo-text{font-size:58px;letter-spacing:-4px}.ttl-hero-v2 .ttl-kicker{font-size:13px;letter-spacing:5px}.ttl-hero-v2 .ttl-hero-copy p{font-size:18px}.ttl-hero-image-wrap{min-height:240px}.ttl-product-grid-v2{grid-template-columns:1fr}.ttl-shipping-card{grid-template-columns:1fr}}

/* ===== TuTelesLive V3 closer to approved mockup ===== */
.ttl-container{width:min(1460px,calc(100% - 48px))}
.ttl-site-header{background:rgba(6,8,12,.92)}
.ttl-header-inner{height:74px}
.ttl-main-nav ul{gap:34px}
.ttl-main-nav a{font-size:15px}
.ttl-hero-v2{position:relative;min-height:0;background:#0a0d12}
.ttl-hero-v2:before{display:none}
.ttl-hero-bg{position:absolute;inset:0;background-repeat:no-repeat;background-size:cover;background-position:center top;opacity:.42}
.ttl-hero-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(8,11,16,.92) 0%,rgba(8,11,16,.88) 20%,rgba(8,11,16,.52) 42%,rgba(23,8,42,.38) 67%,rgba(24,10,40,.74) 100%)}
.ttl-hero-grid-v3{position:relative;z-index:2;grid-template-columns:42% 58%;gap:0;min-height:505px;align-items:end}
.ttl-hero-grid-v3 .ttl-hero-copy{padding:62px 0 48px 0}
.ttl-hero-title-image{display:block;width:min(100%,540px);height:auto;margin:0 0 18px 0;filter:drop-shadow(0 10px 20px rgba(0,0,0,.22))}
.ttl-hero-v2 .ttl-kicker{margin:0 0 16px;font-size:16px;letter-spacing:8px}
.ttl-hero-v2 .ttl-hero-copy p{font-size:22px;line-height:1.35;max-width:520px;margin:0 0 28px}
.ttl-hero-image-wrap-v3{position:relative;min-height:505px;overflow:visible;align-self:stretch}
.ttl-hero-image-v3{position:absolute;right:-32px;bottom:0;width:min(1060px,70vw);max-width:none;height:auto;filter:drop-shadow(0 22px 50px rgba(0,0,0,.38))}
.ttl-benefits{background:linear-gradient(180deg,#0b0f14 0%,#0a0d12 100%)}
.ttl-benefit-grid{padding:16px 0 17px;gap:14px}
.ttl-benefit-grid>div{align-items:center}
.ttl-benefit-grid span{font-size:24px}
.ttl-section-tight{padding-top:12px;padding-bottom:18px}
.ttl-section{padding:24px 0 34px}
.ttl-section-head{margin-bottom:14px}
.ttl-section-head h2{font-size:28px}
.ttl-category-grid-v3{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.ttl-category-card-v3{position:relative;min-height:176px;padding:0;border-radius:10px;background:#131821;border:1px solid #252d38;overflow:hidden;display:block}
.ttl-category-card-v3 img{width:100%;height:100%;display:block;object-fit:cover;transition:transform .28s ease}
.ttl-category-card-v3:hover img{transform:scale(1.03)}
.ttl-category-card-v3 .ttl-category-overlay{position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.04) 0%,rgba(0,0,0,.20) 45%,rgba(10,13,18,.84) 100%)}
.ttl-category-card-v3 strong{position:absolute;left:18px;right:18px;bottom:14px;z-index:2;font-size:18px;display:flex;justify-content:space-between;align-items:center;text-shadow:0 3px 10px rgba(0,0,0,.5)}
.ttl-category-card-v3 strong em{font-style:normal;color:#fff;opacity:.9}
.ttl-home-grid-v3{grid-template-columns:minmax(0,1.65fr) minmax(360px,.95fr);gap:18px;padding-top:2px}
.ttl-product-grid-v2{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.ttl-product-card{background:#11161d;border:1px solid #2a313c;border-radius:10px}
.ttl-product-image{background:#edf0f4;aspect-ratio:1.02/1}
.ttl-product-body{padding:12px 12px 14px}
.ttl-product-body h3{font-size:15px;line-height:1.25;min-height:37px}
.ttl-product-price{font-size:14px;margin-bottom:12px}
.ttl-home-side{gap:12px}
.ttl-promo-image-card{border-radius:10px;border:1px solid #2b3240;background:#12161d;overflow:hidden;display:block}
.ttl-promo-image-card img{display:block;width:100%;height:auto}
.ttl-site-footer{margin-top:28px}

@media (max-width:1300px){
  .ttl-container{width:min(100% - 40px,1320px)}
  .ttl-hero-grid-v3{grid-template-columns:46% 54%;min-height:470px}
  .ttl-hero-image-wrap-v3{min-height:470px}
  .ttl-hero-image-v3{width:min(900px,68vw);right:-20px}
}
@media (max-width:1100px){
  .ttl-home-grid-v3{grid-template-columns:1fr}
  .ttl-home-side{display:grid;grid-template-columns:repeat(3,1fr)}
  .ttl-hero-grid-v3{grid-template-columns:1fr 1fr;min-height:440px}
  .ttl-hero-image-wrap-v3,.ttl-hero-image-v3{min-height:440px}
  .ttl-hero-image-v3{width:min(760px,70vw);right:-10px}
}
@media (max-width:900px){
  .ttl-container{width:min(100% - 28px,1180px)}
  .ttl-hero-grid-v3{grid-template-columns:1fr;min-height:auto;gap:10px;padding-top:30px}
  .ttl-hero-grid-v3 .ttl-hero-copy{padding:28px 0 0}
  .ttl-hero-image-wrap-v3{min-height:290px}
  .ttl-hero-image-v3{position:relative;right:auto;bottom:auto;width:100%}
  .ttl-benefit-grid,.ttl-category-grid-v3,.ttl-product-grid-v2{grid-template-columns:repeat(2,1fr)}
  .ttl-home-side{grid-template-columns:1fr}
}
@media (max-width:560px){
  .ttl-hero-title-image{width:86%}
  .ttl-hero-v2 .ttl-kicker{font-size:13px;letter-spacing:5px}
  .ttl-hero-v2 .ttl-hero-copy p{font-size:18px}
  .ttl-benefit-grid,.ttl-category-grid-v3,.ttl-product-grid-v2{grid-template-columns:1fr}
}