:root{--bg:#f6f9fc;--soft:#ecf2ff;--surface:#fff;--line:#dfe5ef;--ink:#172033;--text:#2a3547;--muted:#5a6a85;--primary:#0f8ee8;--secondary:#05c0c0;--success:#13deb9;--navy:#0d1b33;--shadow:0 18px 45px rgba(42,53,71,.1);--strong:0 26px 80px rgba(42,53,71,.16);--radius:26px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--text);font-family:Manrope,sans-serif;background:radial-gradient(circle at 12% 8%,rgba(15,142,232,.16),transparent 31rem),radial-gradient(circle at 88% 4%,rgba(5,192,192,.14),transparent 28rem),linear-gradient(180deg,#fff 0%,var(--bg) 42%,#eef8ff 100%);min-height:100vh}body:not(.admin-body){-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-touch-callout:none}body:not(.admin-body) input,body:not(.admin-body) textarea,body:not(.admin-body) select,body:not(.admin-body) option,body:not(.admin-body) [contenteditable="true"]{-webkit-user-select:text;-moz-user-select:text;user-select:text;-webkit-touch-callout:default}body:not(.admin-body) img,body:not(.admin-body) svg,body:not(.admin-body) canvas{user-select:none;-webkit-user-select:none;-webkit-user-drag:none;-khtml-user-drag:none;user-drag:none}a{text-decoration:none;color:inherit}img{display:block;max-width:100%}.top-shell{width:min(1240px,calc(100% - 28px));margin:12px auto 0}.top-bar{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:9px 12px;border:1px solid rgba(223,229,239,.8);border-radius:18px;background:rgba(255,255,255,.74);box-shadow:0 10px 28px rgba(42,53,71,.06);backdrop-filter:blur(14px)}.top-note{display:flex;align-items:center;gap:8px;color:var(--muted);font-size:13px;font-weight:800}.top-note span{width:8px;height:8px;border-radius:50%;background:var(--success);box-shadow:0 0 0 5px rgba(19,222,185,.12)}.utility-nav{display:flex;align-items:center;gap:7px;flex-wrap:wrap;justify-content:flex-end}.utility-nav a{display:inline-flex;align-items:center;gap:7px;min-height:32px;padding:0 10px;border-radius:999px;color:#43536d;background:#fff;border:1px solid rgba(223,229,239,.9);font-size:12px;font-weight:900;box-shadow:0 8px 18px rgba(42,53,71,.05)}.utility-nav i{color:var(--primary)}.utility-nav em{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;border-radius:999px;background:linear-gradient(135deg,var(--primary),var(--secondary));color:#fff;font-style:normal;font-size:11px}.site-header{position:sticky;top:12px;z-index:50;display:flex;align-items:center;justify-content:space-between;gap:14px;width:min(1240px,calc(100% - 28px));margin:10px auto 28px;padding:12px 14px;border:1px solid rgba(223,229,239,.92);border-radius:24px;background:rgba(255,255,255,.9);box-shadow:var(--shadow);backdrop-filter:blur(18px)}.brand{display:flex;align-items:center;gap:10px;font-weight:900;color:var(--ink);flex:0 0 auto}.brand img{width:150px}.nav{display:flex;align-items:center;gap:4px;min-width:0}.nav-item{position:relative;display:flex;align-items:center}.nav-link{display:grid;gap:2px;padding:9px 10px;border-radius:15px;color:var(--muted);font-weight:900}.nav-link small{font-size:10px;line-height:1;color:var(--secondary);letter-spacing:.08em;text-transform:uppercase}.nav-link span{display:flex;align-items:center;gap:7px;white-space:nowrap;font-size:13px}.nav-link i{color:var(--primary)}.nav-item:hover>.nav-link,.nav-item.is-open>.nav-link{background:var(--soft);color:var(--primary)}.mega-toggle{display:none;width:36px;height:36px;border:0;border-radius:12px;background:var(--soft);color:var(--primary)}.mega-menu{position:absolute;left:50%;top:calc(100% + 14px);width:min(1080px,calc(100vw - 34px));transform:translateX(-50%) translateY(10px);opacity:0;visibility:hidden;pointer-events:none;transition:.22s ease;z-index:80}.nav-item:hover .mega-menu,.nav-item.is-open .mega-menu{opacity:1;visibility:visible;pointer-events:auto;transform:translateX(-50%) translateY(0)}.mega-inner{position:relative;display:grid;grid-template-columns:280px 1fr;gap:18px;padding:18px;border:1px solid rgba(15,142,232,.18);border-radius:28px;background:rgba(255,255,255,.96);box-shadow:0 28px 80px rgba(13,27,51,.18);backdrop-filter:blur(18px);overflow:hidden}.mega-inner:before{content:"";position:absolute;inset:0;border-radius:28px;background:radial-gradient(circle at 92% 5%,rgba(5,192,192,.16),transparent 22rem);pointer-events:none}.mega-intro,.mega-grid,.mega-link-bank{position:relative;z-index:1}.mega-intro{padding:22px;border-radius:22px;color:#dceeff;background:linear-gradient(135deg,#0d1b33,#0f3d6f 62%,#078e97)}.mega-intro strong{display:inline-flex;margin-bottom:12px;padding:6px 9px;border-radius:999px;background:rgba(255,255,255,.12);font-size:11px;letter-spacing:.12em;text-transform:uppercase}.mega-intro h3{margin:0 0 10px;color:#fff;font-size:28px}.mega-intro p{margin:0;color:#d7e9fb;line-height:1.65}.mega-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.mega-card{display:grid!important;grid-template-columns:44px 1fr;gap:4px 12px;align-items:center;padding:14px!important;border:1px solid rgba(223,229,239,.9);border-radius:18px!important;background:#fff;box-shadow:0 10px 26px rgba(42,53,71,.06);transition:.22s ease}.mega-card:hover{transform:translateY(-4px);border-color:rgba(5,192,192,.5);box-shadow:0 16px 38px rgba(42,53,71,.12)}.mega-card span{grid-row:span 2;display:grid;place-items:center;width:44px;height:44px;border-radius:15px;color:#fff;background:linear-gradient(135deg,var(--primary),var(--secondary));box-shadow:0 10px 22px rgba(15,142,232,.18)}.mega-card b{color:var(--ink);font-size:15px}.mega-card small{color:var(--muted);line-height:1.5}.mega-link-bank{grid-column:1/-1;display:grid;grid-template-columns:230px 1fr;gap:12px;align-items:start;padding:14px;border-radius:18px;background:#f7fbff;border:1px solid rgba(223,229,239,.9)}.mega-link-bank span{color:var(--primary);font-weight:900}.mega-link-bank div{display:flex;flex-wrap:wrap;gap:8px}.mega-link-bank a{padding:7px 10px!important;border-radius:999px!important;background:#fff;border:1px solid rgba(15,142,232,.14);color:#43536d!important;font-size:12px;font-weight:900}.header-cta,.btn-primary,.btn-ghost{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 18px;border-radius:999px;font-weight:900}.header-cta,.btn-primary{color:#fff;background:linear-gradient(135deg,var(--primary),var(--secondary));box-shadow:0 14px 34px rgba(15,142,232,.26)}.btn-ghost{color:var(--primary);background:#fff;border:1px solid rgba(15,142,232,.22)}.btn-ghost.on-dark{color:#fff;background:rgba(255,255,255,.12);border-color:rgba(255,255,255,.35);backdrop-filter:blur(12px)}.menu-toggle{display:none;width:44px;height:44px;border:0;border-radius:14px;background:var(--soft)}.menu-toggle span{display:block;width:20px;height:2px;margin:4px auto;background:var(--ink)}main{width:min(1240px,calc(100% - 28px));margin:0 auto}.hero-slider{position:relative;overflow:hidden;min-height:680px;border-radius:34px;background:#0d1b33;box-shadow:var(--strong);isolation:isolate}.hero-track,.hero-slide{position:absolute;inset:0}.hero-slide{opacity:0;visibility:hidden;transition:opacity .8s ease,visibility .8s ease}.hero-slide.is-active{opacity:1;visibility:visible}.hero-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transform:scale(1.05);transition:transform 7.2s ease}.hero-slide.is-active .hero-bg{transform:scale(1.16)}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(7,16,32,.92) 0%,rgba(7,16,32,.68) 40%,rgba(7,16,32,.18) 100%),radial-gradient(circle at 72% 18%,rgba(5,192,192,.28),transparent 28rem)}.hero-content{position:relative;z-index:2;display:flex;flex-direction:column;justify-content:center;min-height:680px;width:min(780px,100%);padding:clamp(34px,7vw,86px)}.eyebrow{display:inline-flex;color:var(--primary);font-size:12px;font-weight:900;letter-spacing:.16em;text-transform:uppercase}.eyebrow.light{width:max-content;padding:8px 11px;border:1px solid rgba(255,255,255,.24);border-radius:999px;color:#bdefff;background:rgba(255,255,255,.1);backdrop-filter:blur(14px)}h1,h2,h3{font-family:"Space Grotesk",Manrope,sans-serif;color:var(--ink);letter-spacing:-.035em}h1{margin:14px 0 16px;font-size:clamp(42px,7vw,82px);line-height:.95}.hero-content h1{color:#fff;text-shadow:0 18px 45px rgba(0,0,0,.35)}h2{margin:8px 0 0;font-size:clamp(28px,4vw,46px)}p{color:var(--muted);line-height:1.75}.hero-content p{max-width:690px;color:#e4f0ff;font-size:clamp(16px,2vw,20px);line-height:1.72}.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:24px}.hero-controls{position:absolute;right:24px;bottom:24px;z-index:5;display:flex;align-items:center;gap:10px;padding:10px;border:1px solid rgba(255,255,255,.18);border-radius:999px;background:rgba(13,27,51,.4);backdrop-filter:blur(16px)}.hero-controls button{border:0;cursor:pointer}.hero-controls>[data-slide-prev],.hero-controls>[data-slide-next]{width:42px;height:42px;border-radius:50%;color:#fff;background:rgba(255,255,255,.14)}.hero-dots{display:flex;gap:7px}.hero-dots button{width:10px;height:10px;border:0;border-radius:999px;background:rgba(255,255,255,.38);transition:.2s}.hero-dots button.is-active{width:30px;background:var(--secondary)}.page-hero,.split-banner{position:relative;overflow:hidden;border:1px solid rgba(15,142,232,.18);border-radius:var(--radius);background:linear-gradient(135deg,rgba(255,255,255,.98),rgba(236,242,255,.98));box-shadow:var(--strong)}.page-hero:before,.split-banner:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 84% 8%,rgba(5,192,192,.22),transparent 28rem),linear-gradient(120deg,transparent 0%,rgba(255,255,255,.72) 52%,transparent 100%);pointer-events:none}.page-hero>* ,.split-banner>*{position:relative;z-index:1}.page-hero{padding:clamp(28px,5vw,64px);margin-bottom:22px}.page-hero p{font-size:17px;max-width:760px}.section-head{margin:44px 0 18px}.service-grid,.package-grid,.roadmap{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.service-card,.package-card{position:relative;overflow:hidden;padding:24px;border:1px solid rgba(223,229,239,.92);border-radius:24px;background:#fff;box-shadow:0 14px 42px rgba(42,53,71,.08);transition:.25s}.service-card:hover,.package-card:hover{transform:translateY(-6px);box-shadow:0 22px 56px rgba(42,53,71,.13);border-color:rgba(15,142,232,.38)}.service-card span{color:var(--primary);font-size:12px;font-weight:900;text-transform:uppercase}.service-card h3,.package-card h3{font-size:27px;margin:18px 0 8px}.chips{display:flex;flex-wrap:wrap;gap:8px;margin:16px 0}.chips b,.package-card li{font-size:13px;color:var(--primary);background:var(--soft);border:1px solid rgba(15,142,232,.16);border-radius:999px;padding:7px 10px}.service-card a{display:inline-flex;margin-top:8px;color:var(--primary);font-weight:900}.package-card.is-popular{border-color:rgba(15,142,232,.42)}.popular{position:absolute;top:18px;right:-40px;width:150px;padding:7px 0;text-align:center;transform:rotate(36deg);background:linear-gradient(135deg,var(--primary),var(--secondary));color:#fff;font-size:12px;font-weight:900}.period{color:var(--muted);font-weight:800}.price{margin:8px 0 18px;font-size:34px;font-weight:900;color:var(--ink)}.package-card ul{display:grid;gap:9px;list-style:none;margin:0 0 20px;padding:0}.package-card li{display:block;color:var(--text);border-radius:14px;background:#f8fbff}.split-banner{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:36px 0 0;padding:28px}.roadmap article{padding:18px;border:1px solid var(--line);border-radius:20px;background:rgba(255,255,255,.78);box-shadow:0 10px 30px rgba(42,53,71,.06)}.footer{display:flex;justify-content:space-between;gap:18px;width:min(1240px,calc(100% - 28px));margin:44px auto 0;padding:24px 0;color:var(--muted);border-top:1px solid var(--line)}.footer strong{display:block;color:var(--ink)}.footer-links{display:flex;gap:14px;flex-wrap:wrap}.footer-links a{color:var(--primary);font-weight:900}.empty{padding:70px;border-radius:var(--radius);background:#fff;box-shadow:var(--shadow)}@media(max-width:1180px){.nav-link{padding:9px 8px}.nav-link span{font-size:12px}.header-cta{padding:0 13px}}@media(max-width:1060px){.top-bar{align-items:flex-start;flex-direction:column}.utility-nav{justify-content:flex-start}.nav{position:fixed;left:14px;right:14px;top:126px;display:none;flex-direction:column;align-items:stretch;max-height:calc(100vh - 150px);overflow:auto;padding:14px;border-radius:22px;background:#fff;box-shadow:var(--strong)}body.menu-open .nav{display:flex}.nav-item{display:grid;grid-template-columns:1fr 42px;gap:8px}.nav-link{padding:12px}.mega-toggle{display:block;align-self:center}.mega-menu{position:static;grid-column:1/-1;width:auto;transform:none!important;opacity:1;visibility:visible;pointer-events:auto;display:none}.nav-item.is-open .mega-menu{display:block}.nav-item:hover .mega-menu{display:none}.nav-item.is-open:hover .mega-menu{display:block}.mega-inner{grid-template-columns:1fr;padding:12px;border-radius:22px;box-shadow:none}.mega-grid{grid-template-columns:1fr}.mega-link-bank{grid-template-columns:1fr}.menu-toggle{display:block}.header-cta{display:none}.service-grid,.package-grid,.roadmap{grid-template-columns:repeat(2,minmax(0,1fr))}.hero-slider{min-height:620px}.hero-content{min-height:620px}.hero-controls{right:18px}}@media(max-width:760px){.top-shell,.site-header,main,.footer{width:min(100% - 20px,1240px)}.brand img{width:126px}.site-header{top:8px;margin-bottom:18px}.nav{top:112px}.utility-nav a b{display:none}.hero-slider{min-height:650px;border-radius:26px}.hero-content{min-height:650px;padding:30px 20px 112px}.hero-content h1{font-size:clamp(38px,12vw,56px)}.hero-content p{font-size:16px}.hero-controls{left:14px;right:auto;bottom:20px}.page-hero{padding:26px 18px}.service-grid,.package-grid,.roadmap{grid-template-columns:1fr}.split-banner,.footer{display:block}.footer-links{margin-top:12px}}@media(max-width:460px){.top-note{font-size:12px}.utility-nav{gap:5px}.utility-nav a{min-height:30px;padding:0 9px}.hero-content{padding-bottom:112px}.hero-controls{bottom:18px}.hero-dots button{width:8px;height:8px}.hero-dots button.is-active{width:22px}}

/* Larger hover bridge for desktop mega menus */
@media(min-width:1061px){
  .nav-item.has-children{padding-bottom:18px;margin-bottom:-18px}
  .nav-item.has-children:after{content:"";position:absolute;left:-18px;right:-18px;top:100%;height:24px;z-index:79}
  .mega-menu{top:calc(100% + 4px);padding-top:12px}
  .mega-inner{transform-origin:top center}
  .nav-item:hover .mega-menu,.nav-item.is-open .mega-menu{transition-delay:.04s}
}


/* Homepage product sections */
.home-products{display:grid;gap:28px;margin:46px 0 0}.home-product-section{position:relative;overflow:hidden;padding:clamp(20px,3vw,30px);border:1px solid rgba(15,142,232,.18);border-radius:30px;background:linear-gradient(135deg,rgba(255,255,255,.98),rgba(236,248,255,.94));box-shadow:0 22px 70px rgba(42,53,71,.1)}.home-product-section:before{content:"";position:absolute;inset:-1px;background:radial-gradient(circle at 92% 0%,rgba(5,192,192,.2),transparent 24rem),radial-gradient(circle at 0% 100%,rgba(15,142,232,.11),transparent 22rem);pointer-events:none}.home-product-section>*{position:relative;z-index:1}.home-product-head{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:18px}.home-product-head h2{margin-top:6px}.home-product-head p{max-width:780px;margin:10px 0 0}.home-product-more{flex:0 0 auto}.home-product-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.home-product-card{display:flex;flex-direction:column;min-height:100%;padding:20px;border:1px solid rgba(223,229,239,.96);border-radius:24px;background:rgba(255,255,255,.95);box-shadow:0 14px 38px rgba(42,53,71,.08);transition:.24s ease}.home-product-card:hover{transform:translateY(-6px);border-color:rgba(5,192,192,.5);box-shadow:0 22px 58px rgba(42,53,71,.13)}.home-product-card-top{display:grid;gap:8px}.home-product-card-top span{width:max-content;padding:6px 10px;border-radius:999px;color:#057b83;background:rgba(5,192,192,.1);border:1px solid rgba(5,192,192,.18);font-size:12px;font-weight:900}.home-product-card-top strong{color:var(--ink);font-size:21px;line-height:1.18}.home-product-price{margin:16px 0 14px;color:var(--ink);font-family:"Space Grotesk",Manrope,sans-serif;font-size:38px;font-weight:900;letter-spacing:-.04em}.home-product-price small{margin-right:5px;color:var(--primary);font-size:18px}.home-product-card ul{display:grid;gap:9px;margin:0 0 20px;padding:0;list-style:none}.home-product-card li{display:flex;align-items:flex-start;gap:8px;color:#43536d;font-size:13px;font-weight:800;line-height:1.45}.home-product-card li i{margin-top:2px;color:var(--secondary)}.home-product-card .btn-primary{margin-top:auto;width:100%}@media(max-width:1060px){.home-product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.home-product-head{align-items:flex-start;flex-direction:column}}@media(max-width:760px){.home-products{margin-top:32px}.home-product-section{border-radius:24px;padding:18px}.home-product-grid{grid-template-columns:1fr}.home-product-card{padding:18px}.home-product-price{font-size:34px}.home-product-more{width:100%}}


/* Imported product catalog */
.product-category-hero{margin-bottom:22px}.category-child-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:0 0 24px}.category-child-card{display:grid;gap:8px;padding:20px;border:1px solid rgba(15,142,232,.18);border-radius:22px;background:rgba(255,255,255,.92);box-shadow:0 14px 38px rgba(42,53,71,.08);transition:.22s ease}.category-child-card:hover{transform:translateY(-5px);border-color:rgba(5,192,192,.5)}.category-child-card span{color:var(--primary);font-size:12px;font-weight:900;text-transform:uppercase}.category-child-card strong{color:var(--ink);font-size:22px}.category-child-card small{color:var(--muted);line-height:1.55}.catalog-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.catalog-card{position:relative;display:flex;flex-direction:column;min-height:100%;overflow:hidden;padding:22px;border:1px solid rgba(223,229,239,.95);border-radius:24px;background:rgba(255,255,255,.96);box-shadow:0 14px 42px rgba(42,53,71,.08);transition:.24s ease}.catalog-card:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 95% 0%,rgba(5,192,192,.12),transparent 16rem);pointer-events:none}.catalog-card>*{position:relative;z-index:1}.catalog-card:hover{transform:translateY(-6px);border-color:rgba(15,142,232,.38);box-shadow:0 22px 58px rgba(42,53,71,.13)}.catalog-card-head span{display:inline-flex;margin-bottom:10px;padding:6px 10px;border-radius:999px;color:#057b83;background:rgba(5,192,192,.1);font-size:12px;font-weight:900}.catalog-card h3{margin:0;color:var(--ink);font-size:24px;line-height:1.15}.catalog-price{display:flex;align-items:flex-end;justify-content:space-between;gap:10px;margin:18px 0;padding:14px;border-radius:18px;background:#f7fbff;border:1px solid rgba(15,142,232,.12)}.catalog-price strong{font-family:"Space Grotesk",Manrope,sans-serif;color:var(--ink);font-size:30px;letter-spacing:-.04em}.catalog-price small{color:var(--muted);font-weight:900}.catalog-features,.order-features{display:grid;gap:9px;margin:0 0 20px;padding:0;list-style:none}.catalog-features li,.order-features li{display:flex;align-items:flex-start;gap:9px;color:#43536d;font-size:13px;font-weight:800;line-height:1.45}.catalog-features i,.order-features i{margin-top:2px;color:var(--secondary)}.catalog-card .btn-primary{margin-top:auto;width:100%}.legacy-content{margin:28px 0 0;padding:24px;border:1px solid rgba(223,229,239,.95);border-radius:24px;background:#fff;box-shadow:0 14px 42px rgba(42,53,71,.07);overflow:hidden}.legacy-content :where(h1,h2,h3,h4){color:var(--ink)}.legacy-content img{height:auto}.legacy-content table{max-width:100%;border-collapse:collapse}.order-layout{display:grid;grid-template-columns:1.05fr .95fr;gap:18px}.order-panel{padding:24px;border:1px solid rgba(223,229,239,.95);border-radius:24px;background:#fff;box-shadow:0 14px 42px rgba(42,53,71,.08)}.price-choice-grid{display:grid;gap:12px}.price-choice{display:grid;grid-template-columns:1fr auto;gap:4px 12px;align-items:center;padding:16px;border:1px solid rgba(15,142,232,.18);border-radius:18px;background:linear-gradient(135deg,#fff,#f1fbff);transition:.2s}.price-choice:hover{transform:translateY(-3px);border-color:rgba(5,192,192,.5);box-shadow:0 14px 34px rgba(42,53,71,.1)}.price-choice span{color:var(--muted);font-weight:900}.price-choice strong{color:var(--ink);font-family:"Space Grotesk",Manrope,sans-serif;font-size:25px}.price-choice small{grid-column:1/-1;color:var(--muted)}@media(max-width:1060px){.catalog-grid,.category-child-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.order-layout{grid-template-columns:1fr}}@media(max-width:760px){.catalog-grid,.category-child-grid{grid-template-columns:1fr}.catalog-card,.order-panel,.legacy-content{padding:18px}.catalog-price strong{font-size:26px}.price-choice{grid-template-columns:1fr}.price-choice strong{font-size:24px}}


/* Imported feature tooltips */
.imported-products-features{position:relative;display:block;margin:0 0 20px;color:#354154;font-size:13.5px;font-weight:800;line-height:2;text-align:center;overflow:visible}.catalog-products-features{padding:2px 4px 12px;overflow:visible}.order-products-features{font-size:14px;text-align:left}.imported-products-features br{display:block;content:""}.imported-products-features a{color:inherit;text-decoration:none!important;border:0!important}.imported-products-features center{display:block;text-align:center}.sd-tooltip{position:relative;display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;margin-left:5px;vertical-align:middle;cursor:pointer;outline:none;z-index:4}.sd-tooltip>i:first-child{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:999px;font-size:15px;line-height:1;text-decoration:none!important}.sd-tooltip>i.fa-hand-pointer{filter:drop-shadow(0 5px 8px rgba(0,128,0,.22));animation:mt2GreenBreathe 2.4s ease-in-out infinite}.sd-tooltip>i.fa-times-circle{filter:drop-shadow(0 5px 8px rgba(225,43,43,.24));animation:mt2XShake 1.9s ease-in-out infinite}.sd-tooltiptext{position:absolute;left:50%;bottom:calc(100% + 13px);width:min(320px,76vw);padding:14px 15px;border:1px solid rgba(42,221,221,.42);border-radius:18px;background:linear-gradient(145deg,rgba(7,20,42,.98),rgba(10,44,69,.98));box-shadow:0 22px 54px rgba(7,20,42,.28),0 0 0 1px rgba(255,255,255,.06) inset;color:#fff;font-size:13px;font-weight:700;line-height:1.45;text-align:center;opacity:0;visibility:hidden;pointer-events:none;transform:translate(-50%,8px) scale(.96);transition:opacity .18s ease,transform .18s ease,visibility .18s ease;z-index:9997}.sd-tooltip:hover .sd-tooltiptext,.sd-tooltip:focus .sd-tooltiptext,.sd-tooltip:focus-within .sd-tooltiptext,.sd-tooltip.is-open .sd-tooltiptext{opacity:1;visibility:visible;pointer-events:auto;transform:translate(-50%,0) scale(1)}.sd-tooltiptext a{display:block;color:#fff!important}.sd-tooltiptext a:first-child{font-family:"Space Grotesk",Manrope,sans-serif;font-size:15px;font-weight:900;letter-spacing:-.01em}.sd-tooltiptext hr{height:1px;margin:9px auto;border:0;background:linear-gradient(90deg,transparent,rgba(42,221,221,.75),transparent)}.sd-arrow{position:absolute;left:50%;bottom:calc(100% + 5px);width:12px;height:12px;background:rgba(8,30,54,.98);border-right:1px solid rgba(42,221,221,.36);border-bottom:1px solid rgba(42,221,221,.36);opacity:0;visibility:hidden;transform:translateX(-50%) rotate(45deg);transition:opacity .18s ease,visibility .18s ease;z-index:9998}.sd-tooltip:hover .sd-arrow,.sd-tooltip:focus .sd-arrow,.sd-tooltip:focus-within .sd-arrow,.sd-tooltip.is-open .sd-arrow{opacity:1;visibility:visible}.sd-online-tooltip::after{content:"\f245";position:absolute;right:-9px;top:-10px;font-family:FontAwesome;font-size:12px;color:#13223a;text-shadow:0 0 8px rgba(255,255,255,.9);animation:sdCursorNudge 1.55s ease-in-out infinite;pointer-events:none}.catalog-card{overflow:visible}.catalog-card:has(.imported-products-features){z-index:1}.catalog-card:hover{z-index:12}.order-panel{overflow:visible}@keyframes mt2XShake{0%,76%,100%{transform:translate3d(0,0,0) scale(1)}80%{transform:translate3d(-1px,0,0) rotate(-8deg) scale(1.08)}84%{transform:translate3d(1px,0,0) rotate(8deg) scale(1.08)}88%{transform:translate3d(-1px,0,0) rotate(-6deg) scale(1.04)}92%{transform:translate3d(0,0,0) rotate(0) scale(1)}}@keyframes mt2GreenBreathe{0%,100%{transform:translateY(0) scale(1);filter:drop-shadow(0 5px 8px rgba(0,128,0,.22))}50%{transform:translateY(-1px) scale(1.08);filter:drop-shadow(0 7px 12px rgba(0,188,92,.36))}}@keyframes sdCursorNudge{0%,100%{transform:translate(0,0) rotate(-12deg);opacity:.45}45%{transform:translate(-4px,5px) rotate(-12deg);opacity:1}70%{transform:translate(-2px,3px) rotate(-12deg);opacity:.75}}@media(max-width:760px){.imported-products-features{font-size:13px;line-height:2.05}.catalog-products-features{max-height:none;overflow:visible}.sd-tooltip{width:26px;height:26px}.sd-tooltiptext{position:fixed;left:50%;top:50%;bottom:auto;width:min(88vw,370px);max-height:68vh;padding:17px 16px;border-radius:20px;overflow:auto;transform:translate(-50%,-46%) scale(.96);z-index:10020}.sd-tooltip:hover .sd-tooltiptext,.sd-tooltip:focus .sd-tooltiptext,.sd-tooltip:focus-within .sd-tooltiptext,.sd-tooltip.is-open .sd-tooltiptext{transform:translate(-50%,-50%) scale(1)}.sd-arrow{display:none}.sd-tooltip.is-open{z-index:10021}.sd-online-tooltip::after{right:-7px;top:-8px}.catalog-card:has(.sd-tooltip.is-open){z-index:10019}}@media(prefers-reduced-motion:reduce){.sd-tooltip>i.fa-hand-pointer,.sd-tooltip>i.fa-times-circle,.sd-online-tooltip::after{animation:none!important}}


/* Client account, auth and cart pages */
.client-hero{position:relative;overflow:hidden;display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:24px;padding:clamp(28px,5vw,58px);border:1px solid rgba(15,142,232,.18);border-radius:32px;background:linear-gradient(135deg,rgba(255,255,255,.98),rgba(236,248,255,.96));box-shadow:var(--strong)}.client-hero:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 92% 4%,rgba(5,192,192,.24),transparent 25rem),radial-gradient(circle at 0% 100%,rgba(15,142,232,.13),transparent 23rem);pointer-events:none}.client-hero>*{position:relative;z-index:1}.client-hero h1{margin:10px 0 12px;font-size:clamp(36px,5vw,62px)}.client-hero p{max-width:760px;margin:0;font-size:17px}.client-hero-badge{display:grid;place-items:center;flex:0 0 auto;width:150px;height:150px;border-radius:34px;color:#fff;background:linear-gradient(145deg,#0d1b33,#0f8ee8 68%,#05c0c0);box-shadow:0 24px 60px rgba(15,142,232,.24);transform:rotate(2deg)}.client-hero-badge i{font-size:30px}.client-hero-badge strong{font-family:"Space Grotesk",Manrope,sans-serif;font-size:36px;line-height:1}.client-hero-badge small{font-weight:900;opacity:.86}.client-hero-actions{display:flex;flex-wrap:wrap;gap:10px;justify-content:flex-end}.auth-layout,.client-grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(340px,.95fr);gap:20px;align-items:stretch}.auth-card,.auth-side,.client-card,.cart-empty-card{position:relative;overflow:hidden;padding:clamp(22px,3vw,34px);border:1px solid rgba(223,229,239,.95);border-radius:28px;background:rgba(255,255,255,.96);box-shadow:0 18px 54px rgba(42,53,71,.09)}.auth-card:before,.client-card:before,.cart-empty-card:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 96% 0%,rgba(5,192,192,.13),transparent 18rem);pointer-events:none}.auth-card>* ,.client-card>* ,.cart-empty-card>*{position:relative;z-index:1}.auth-card h2,.client-card h2,.cart-empty-card h2{margin:8px 0 18px}.client-form{display:grid;gap:14px}.client-form label{display:grid;gap:8px;color:#34435a;font-size:13px;font-weight:900}.client-form input,.client-form select,.client-form textarea{width:100%;border:1px solid rgba(15,142,232,.18);border-radius:16px;background:#f8fbff;color:var(--ink);font:inherit;font-weight:700;outline:none;transition:.2s}.client-form input,.client-form select{height:50px;padding:0 14px}.client-form textarea{padding:14px;resize:vertical}.client-form input:focus,.client-form select:focus,.client-form textarea:focus{border-color:rgba(5,192,192,.65);box-shadow:0 0 0 4px rgba(5,192,192,.12);background:#fff}.form-two{display:grid;grid-template-columns:1fr 1fr;gap:12px}.client-alert{margin:0 0 14px;padding:13px 14px;border-radius:16px;font-weight:900}.client-alert.error{color:#9d1c2b;background:#fff1f3;border:1px solid rgba(231,67,91,.22)}.client-alert.success{color:#08705c;background:#edfffb;border:1px solid rgba(19,222,185,.25)}.auth-switch{margin:18px 0 0;color:var(--muted);font-weight:800}.auth-switch a{color:var(--primary);font-weight:900}.auth-side{display:flex;flex-direction:column;justify-content:flex-end;min-height:100%;color:#dceeff;background:linear-gradient(145deg,#0d1b33,#123b68 58%,#078e97);border-color:rgba(255,255,255,.14)}.auth-side span{width:max-content;margin-bottom:18px;padding:7px 10px;border-radius:999px;background:rgba(255,255,255,.12);font-size:12px;font-weight:900;letter-spacing:.12em;text-transform:uppercase}.auth-side h3{color:#fff;font-size:34px}.auth-side ul{display:grid;gap:12px;margin:18px 0 0;padding:0;list-style:none}.auth-side li{display:flex;gap:10px;align-items:flex-start;color:#eaf6ff;font-weight:800;line-height:1.55}.auth-side i{margin-top:4px;color:var(--success)}.client-stat-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-bottom:20px}.client-stat-grid article{position:relative;overflow:hidden;padding:22px;border:1px solid rgba(15,142,232,.16);border-radius:24px;background:#fff;box-shadow:0 14px 42px rgba(42,53,71,.08)}.client-stat-grid i{display:grid;place-items:center;width:46px;height:46px;margin-bottom:16px;border-radius:16px;color:#fff;background:linear-gradient(135deg,var(--primary),var(--secondary))}.client-stat-grid strong{display:block;color:var(--ink);font-family:"Space Grotesk",Manrope,sans-serif;font-size:38px;line-height:1}.client-stat-grid span{color:var(--muted);font-weight:900}.client-action-list{display:grid;gap:12px}.client-action-list a{display:grid;grid-template-columns:48px 1fr;gap:4px 12px;align-items:center;padding:14px;border:1px solid rgba(223,229,239,.94);border-radius:18px;background:linear-gradient(135deg,#fff,#f7fbff);transition:.2s}.client-action-list a:hover{transform:translateY(-3px);border-color:rgba(5,192,192,.48);box-shadow:0 14px 34px rgba(42,53,71,.1)}.client-action-list i{grid-row:span 2;display:grid;place-items:center;width:48px;height:48px;border-radius:16px;color:#fff;background:linear-gradient(135deg,var(--primary),var(--secondary))}.client-action-list b{color:var(--ink)}.client-action-list small{color:var(--muted);font-weight:800;line-height:1.45}.ticket-list{display:grid;gap:10px}.ticket-list article{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px;border:1px solid rgba(223,229,239,.95);border-radius:18px;background:#f8fbff}.ticket-list strong{display:block;color:var(--ink)}.ticket-list small{display:block;margin-top:4px;color:var(--muted);font-weight:800}.ticket-list span{flex:0 0 auto;padding:7px 10px;border-radius:999px;color:#08705c;background:#eafff9;border:1px solid rgba(19,222,185,.24);font-size:12px;font-weight:900}.client-empty{display:grid;place-items:center;text-align:center;gap:8px;padding:28px;border:1px dashed rgba(15,142,232,.28);border-radius:20px;background:#f8fbff;color:var(--muted)}.client-empty i{font-size:28px;color:var(--primary)}.client-empty strong{color:var(--ink)}.support-layout{grid-template-columns:minmax(0,.95fr) minmax(360px,1.05fr)}.cart-empty-shell{display:grid;place-items:center;min-height:360px}.cart-empty-card{width:min(720px,100%);text-align:center}.cart-empty-card>i{display:grid;place-items:center;width:76px;height:76px;margin:0 auto 18px;border-radius:24px;color:#fff;background:linear-gradient(135deg,var(--primary),var(--secondary));font-size:30px}.cart-empty-card .hero-actions{justify-content:center}@media(max-width:960px){.client-hero,.auth-layout,.client-grid{grid-template-columns:1fr}.client-hero{align-items:flex-start;flex-direction:column}.client-hero-actions{justify-content:flex-start}.client-hero-badge{width:130px;height:130px}.client-stat-grid{grid-template-columns:1fr 1fr}.support-layout{grid-template-columns:1fr}}@media(max-width:640px){.client-hero{border-radius:24px;padding:24px 18px}.client-hero h1{font-size:38px}.auth-card,.auth-side,.client-card,.cart-empty-card{border-radius:22px;padding:20px 16px}.form-two,.client-stat-grid{grid-template-columns:1fr}.ticket-list article{align-items:flex-start;flex-direction:column}.client-action-list a{grid-template-columns:42px 1fr}.client-action-list i{width:42px;height:42px}.client-hero-badge{width:112px;height:112px;border-radius:26px}.client-hero-badge strong{font-size:30px}}


/* Legacy account data tables */
.client-stat-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.client-wide-card{margin:0 0 20px}.client-card-headline{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:16px}.client-card-headline h2{margin:6px 0 0}.client-card-headline small{color:var(--muted);font-weight:900}.client-data-grid{margin-bottom:20px}.client-data-table{width:100%;overflow:auto;border:1px solid rgba(223,229,239,.95);border-radius:20px;background:#fff}.client-data-table table{width:100%;min-width:640px;border-collapse:collapse}.client-data-table th,.client-data-table td{padding:14px 15px;border-bottom:1px solid rgba(223,229,239,.86);text-align:left;vertical-align:middle}.client-data-table th{color:#64748b;background:#f8fbff;font-size:12px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.client-data-table tr:last-child td{border-bottom:0}.client-data-table td{color:#34435a;font-size:14px;font-weight:800}.client-data-table strong{display:block;color:var(--ink);font-size:14px}.client-data-table small{display:block;margin-top:4px;color:var(--muted);font-size:12px;font-weight:800}.status-pill{display:inline-flex;align-items:center;justify-content:center;min-height:30px;padding:0 10px;border-radius:999px;font-size:12px;font-weight:900;white-space:nowrap}.status-pill.is-good{color:#08705c;background:#eafff9;border:1px solid rgba(19,222,185,.28)}.status-pill.is-waiting{color:#8a5a00;background:#fff7df;border:1px solid rgba(245,174,42,.3)}.status-pill.is-warning{color:#a84d00;background:#fff0e2;border:1px solid rgba(255,126,43,.28)}.status-pill.is-muted{color:#657187;background:#eef2f7;border:1px solid rgba(100,113,135,.22)}.status-pill.is-neutral{color:#285b8f;background:#eef7ff;border:1px solid rgba(15,142,232,.2)}.legacy-login-list{display:grid;gap:10px}.legacy-login-list article{display:grid;grid-template-columns:44px 1fr;gap:10px;align-items:center;padding:13px;border:1px solid rgba(223,229,239,.95);border-radius:18px;background:#f8fbff}.legacy-login-list i{display:grid;place-items:center;width:44px;height:44px;border-radius:15px;color:#fff;background:linear-gradient(135deg,var(--primary),var(--secondary))}.legacy-login-list strong{display:block;color:var(--ink)}.legacy-login-list small{display:block;margin-top:4px;color:var(--muted);font-weight:800}.client-alert.info{color:#285b8f;background:#eef7ff;border:1px solid rgba(15,142,232,.22)}@media(max-width:1060px){.client-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.client-card-headline{align-items:flex-start;flex-direction:column}}@media(max-width:640px){.client-stat-grid{grid-template-columns:1fr}.client-data-table{border-radius:16px}.client-data-table th,.client-data-table td{padding:12px}.client-card-headline small{font-size:12px}}

.auth-password-row{display:flex;align-items:center;justify-content:space-between;gap:12px}.auth-password-row a{color:var(--primary);font-size:12px;font-weight:900;text-decoration:none}.auth-password-row a:hover{color:var(--secondary)}

/* Client order and support details */
.client-orders-grid{grid-template-columns:minmax(300px,.9fr) minmax(0,1.35fr);align-items:start}.client-support-grid{grid-template-columns:minmax(300px,.88fr) minmax(0,1.35fr);align-items:start}.client-sidebar-card{align-self:start}.client-conversation-card{min-width:0}.client-order-list{display:grid;gap:10px}.client-order-list article{display:grid;grid-template-columns:44px minmax(0,1fr) minmax(126px,max-content);gap:10px;align-items:center;padding:13px;border:1px solid rgba(223,229,239,.95);border-radius:18px;background:#f8fbff}.client-order-list i{display:grid;place-items:center;width:44px;height:44px;border-radius:15px;color:#fff;background:linear-gradient(135deg,var(--primary),var(--secondary))}.client-order-list strong{display:block;color:var(--ink);line-height:1.25}.client-order-list strong a{color:inherit;text-decoration:none}.client-order-list small{display:block;margin-top:4px;color:var(--muted);font-weight:800;line-height:1.35}.client-order-list span{display:grid;justify-items:end;gap:2px;text-align:right;min-width:0}.client-order-list span b{color:var(--ink);white-space:nowrap}.client-order-list span small{margin:0}.client-order-metrics{margin:10px 0 14px}.client-order-metrics article{min-width:0}.client-order-metrics strong{font-size:clamp(20px,3vw,30px);overflow-wrap:anywhere}.client-detail-list{display:grid;gap:10px}.client-detail-list article{display:grid;grid-template-columns:minmax(130px,.75fr) minmax(0,1.25fr);gap:12px;align-items:start;padding:13px;border:1px solid rgba(223,229,239,.95);border-radius:16px;background:#f8fbff}.client-detail-list strong{display:block;color:var(--ink);line-height:1.35}.client-detail-list small{display:block;margin-top:4px;color:var(--muted);font-weight:800}.client-detail-list span{justify-self:end;max-width:100%;text-align:right;white-space:pre-wrap;overflow-wrap:anywhere;color:#34435a;font-weight:900;line-height:1.45}.client-ticket-thread{margin-top:14px;padding-top:12px;border-top:1px solid #e5e7eb}.client-ticket-thread h3{margin:0 0 4px;line-height:1.25}.client-ticket-thread>p{margin:0 0 12px;color:#64748b;font-size:13px;font-weight:800}.client-message-list{display:grid;gap:10px}.client-message{border:1px solid #e5e7eb;background:#fff;border-radius:14px;padding:12px;min-width:0}.client-message.is-admin{border-color:#bfdbfe;background:#eff6ff}.client-message-head{display:flex;justify-content:space-between;gap:10px;align-items:flex-start;margin-bottom:8px}.client-message-head strong{color:var(--ink);line-height:1.3}.client-message-head small{flex:0 0 auto;color:#64748b;font-weight:800}.client-message-body{white-space:pre-wrap;line-height:1.6;color:#0f172a;overflow-wrap:anywhere}.client-message-files{margin-top:10px;display:flex;gap:8px;flex-wrap:wrap}.client-message-files a{font-size:12px;border:1px solid #cbd5e1;border-radius:999px;padding:5px 8px;background:#fff;color:var(--primary);font-weight:900;text-decoration:none;max-width:100%;overflow-wrap:anywhere}.client-card-headline .btn-ghost{white-space:nowrap}@media(max-width:1100px){.client-orders-grid,.client-support-grid{grid-template-columns:1fr}.client-order-list article{grid-template-columns:44px minmax(0,1fr) minmax(110px,max-content)}}@media(max-width:720px){.client-card-headline{gap:10px}.client-card-headline .btn-ghost{width:100%;justify-content:center}.client-order-list article{grid-template-columns:40px minmax(0,1fr);align-items:start}.client-order-list i{width:40px;height:40px}.client-order-list span{grid-column:2;justify-items:start;text-align:left;margin-top:4px}.client-detail-list article{grid-template-columns:1fr}.client-detail-list span{justify-self:start;text-align:left}.client-message-head{display:grid;gap:4px}.client-message-head small{white-space:normal}.support-layout .client-card,.client-orders-grid .client-card{padding-left:14px;padding-right:14px}}@media(max-width:420px){.client-order-list article{grid-template-columns:1fr}.client-order-list i{display:none}.client-order-list span{grid-column:auto}.client-order-metrics{grid-template-columns:1fr!important}}


/* Phase 5: client dashboard metric and status visualization */
.client-hero.dashboard-hero{
  border-color:rgba(5,192,192,.22);
  background:
    radial-gradient(circle at 88% 10%,rgba(5,192,192,.18),transparent 25rem),
    linear-gradient(135deg,rgba(255,255,255,.98),rgba(238,249,255,.96));
}
.client-stat-grid article{
  isolation:isolate;
  transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease;
}
.client-stat-grid article:after{
  content:"";
  position:absolute;
  right:16px;
  top:16px;
  z-index:0;
  width:64px;
  height:64px;
  border-radius:50%;
  background:conic-gradient(from 155deg,rgba(5,192,192,.34),rgba(15,142,232,.18),rgba(223,229,239,.52) 72%,rgba(255,255,255,.18));
  -webkit-mask:radial-gradient(circle,transparent 54%,#000 56%);
  mask:radial-gradient(circle,transparent 54%,#000 56%);
  opacity:.78;
  pointer-events:none;
}
.client-stat-grid article>*{
  position:relative;
  z-index:1;
}
.client-stat-grid article:hover{
  transform:translateY(-4px);
  border-color:rgba(5,192,192,.44);
  box-shadow:0 20px 52px rgba(42,53,71,.13),0 0 0 1px rgba(32,244,232,.08);
}
.client-stat-grid article:hover i{
  box-shadow:0 12px 28px rgba(15,142,232,.22),0 0 0 5px rgba(5,192,192,.1);
}
.client-wide-card .client-card-headline>strong{
  display:inline-flex;
  align-items:center;
  min-height:34px;
  padding:0 12px;
  border-radius:999px;
  color:#075985;
  background:#eef7ff;
  border:1px solid rgba(15,142,232,.2);
  font-size:13px;
}
.client-order-metrics article{
  background:linear-gradient(135deg,#fff,#f5fbff);
}
.client-order-metrics article:before{
  content:"";
  position:absolute;
  left:22px;
  bottom:16px;
  width:42px;
  height:3px;
  border-radius:999px;
  background:linear-gradient(90deg,var(--primary),var(--secondary));
  opacity:.48;
}
.client-detail-list article{
  position:relative;
  overflow:hidden;
}
.client-detail-list article:before{
  content:"";
  position:absolute;
  left:0;
  top:0;
  bottom:0;
  width:4px;
  background:linear-gradient(180deg,rgba(15,142,232,.72),rgba(5,192,192,.58));
  opacity:.62;
}
.client-order-list article,
.legacy-login-list article,
.ticket-list article{
  transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease,background .18s ease;
}
.client-order-list article:hover,
.legacy-login-list article:hover,
.ticket-list article:hover{
  transform:translateY(-2px);
  border-color:rgba(5,192,192,.42);
  background:#fff;
  box-shadow:0 14px 34px rgba(42,53,71,.09);
}
.client-message-list{
  position:relative;
}
.client-message-list:before{
  content:"";
  position:absolute;
  left:18px;
  top:8px;
  bottom:8px;
  width:2px;
  border-radius:999px;
  background:linear-gradient(180deg,rgba(15,142,232,.24),rgba(5,192,192,.18));
  pointer-events:none;
}
.client-message{
  position:relative;
  margin-left:18px;
  box-shadow:0 8px 24px rgba(42,53,71,.045);
}
.client-message:before{
  content:"";
  position:absolute;
  left:-25px;
  top:18px;
  width:12px;
  height:12px;
  border-radius:50%;
  background:#fff;
  border:3px solid rgba(15,142,232,.48);
}
.client-message.is-admin:before{
  border-color:rgba(5,192,192,.58);
}
@media(max-width:720px){
  .client-stat-grid article:after{width:52px;height:52px;right:12px;top:12px}
  .client-message-list:before{left:12px}
  .client-message{margin-left:12px}
  .client-message:before{left:-18px}
}
@media(prefers-reduced-motion:reduce){
  .client-stat-grid article,
  .client-order-list article,
  .legacy-login-list article,
  .ticket-list article{transition:none!important}
  .client-stat-grid article:hover,
  .client-order-list article:hover,
  .legacy-login-list article:hover,
  .ticket-list article:hover{transform:none!important}
}

/* Phase 6: reference and trust showcase interactions */
.ref-proof-strip article,
.footer-trust-strip article,
.contact-trust-strip article{
  position:relative;
  isolation:isolate;
  overflow:hidden;
  transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease,background .22s ease;
}
.ref-proof-strip article:after,
.footer-trust-strip article:after,
.contact-trust-strip article:after{
  content:"";
  position:absolute;
  inset:auto -18% -62% 42%;
  z-index:0;
  height:96px;
  border-radius:50%;
  background:radial-gradient(circle,rgba(32,244,232,.2),rgba(15,142,232,.08) 46%,transparent 70%);
  opacity:0;
  pointer-events:none;
  transition:opacity .22s ease,transform .22s ease;
}
.ref-proof-strip article>*,
.footer-trust-strip article>*,
.contact-trust-strip article>*{
  position:relative;
  z-index:1;
}
.ref-proof-strip article:hover,
.footer-trust-strip article:hover,
.contact-trust-strip article:hover{
  transform:translate3d(0,-4px,0);
  border-color:rgba(5,192,192,.46);
  background:linear-gradient(135deg,#fff,#f4fdff);
  box-shadow:0 18px 44px rgba(42,53,71,.12),0 0 0 1px rgba(32,244,232,.1);
}
.ref-proof-strip article:hover:after,
.footer-trust-strip article:hover:after,
.contact-trust-strip article:hover:after{
  opacity:1;
  transform:translate3d(-8%,-10%,0);
}
.ref-proof-strip article:hover i,
.footer-trust-strip article:hover i,
.contact-trust-strip article:hover i{
  box-shadow:0 12px 26px rgba(15,142,232,.22),0 0 0 5px rgba(5,192,192,.1);
}
.ref-pro-content .ref-pro-card{
  outline:1px solid rgba(255,255,255,.08);
  transform:translate3d(0,0,0);
  transition:transform .26s ease,box-shadow .26s ease,filter .26s ease;
}
.ref-pro-content .ref-pro-card:hover{
  transform:translate3d(0,-6px,0) scale(1.01);
  box-shadow:0 28px 70px rgba(13,27,51,.22),0 0 0 1px rgba(32,244,232,.16);
}
.ref-pro-content .ref-pro-card span{
  backdrop-filter:blur(14px);
}
.ref-pro-content .ref-pro-card span:before{
  content:"";
  display:inline-block;
  width:8px;
  height:8px;
  margin-right:8px;
  border-radius:50%;
  background:var(--success);
  box-shadow:0 0 0 5px rgba(19,222,185,.14);
  vertical-align:middle;
}
.ref-hero-panel{
  position:relative;
  isolation:isolate;
}
.ref-hero-panel:after{
  content:"";
  position:absolute;
  right:-18%;
  top:-18%;
  z-index:0;
  width:190px;
  height:190px;
  border-radius:50%;
  background:radial-gradient(circle,rgba(32,244,232,.18),rgba(15,142,232,.08) 45%,transparent 70%);
  pointer-events:none;
}
.ref-hero-panel>*{
  position:relative;
  z-index:1;
}
.ref-count-number{
  text-shadow:0 12px 28px rgba(15,142,232,.18);
}
.ref-cta-band{
  isolation:isolate;
}
.ref-cta-band:after{
  content:"";
  position:absolute;
  inset:1px;
  z-index:0;
  border-radius:inherit;
  pointer-events:none;
  box-shadow:inset 0 0 0 1px rgba(32,244,232,.12),inset 0 0 52px rgba(5,192,192,.1);
}
.ref-cta-band>*{
  position:relative;
  z-index:1;
}
.footer-trust-strip article{
  min-width:0;
}
@media(hover:hover) and (pointer:fine){
  .footer-trust-strip article:hover{
    transform:translate3d(0,-6px,18px) rotateX(1deg);
    border-color:rgba(5,192,192,.5);
    background:linear-gradient(135deg,#fff,#effcff);
    box-shadow:0 24px 58px rgba(42,53,71,.14),0 0 0 1px rgba(32,244,232,.14),0 0 34px rgba(5,192,192,.14);
  }
  .footer-trust-strip article:hover i{
    transform:translateZ(24px) scale(1.04);
  }
}
@media(max-width:760px){
  .ref-proof-strip article:hover,
  .footer-trust-strip article:hover,
  .contact-trust-strip article:hover,
  .ref-pro-content .ref-pro-card:hover{
    transform:none;
  }
}
@media(prefers-reduced-motion:reduce){
  .ref-proof-strip article,
  .footer-trust-strip article,
  .contact-trust-strip article,
  .ref-pro-content .ref-pro-card,
  .ref-proof-strip article:after,
  .footer-trust-strip article:after,
  .contact-trust-strip article:after{
    transition:none!important;
  }
  .ref-proof-strip article:hover,
  .footer-trust-strip article:hover,
  .contact-trust-strip article:hover,
  .ref-pro-content .ref-pro-card:hover{
    transform:none!important;
  }
}

/* Metin2 configuration wizard */
.configurator-hero{display:grid;gap:12px;align-items:start}.configurator-hero .btn-ghost{width:max-content}.configurator-layout{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:22px;align-items:start;margin:24px 0 0}.configurator-main{display:grid;gap:20px;width:auto;margin:0}.configurator-sidebar{position:sticky;top:116px}.config-section,.config-summary-card{position:relative;overflow:hidden;border:1px solid rgba(15,142,232,.16);border-radius:28px;background:rgba(255,255,255,.96);box-shadow:0 18px 54px rgba(42,53,71,.09)}.config-section:before,.config-summary-card:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 96% 0%,rgba(5,192,192,.14),transparent 18rem),linear-gradient(135deg,rgba(255,255,255,.78),transparent 58%);pointer-events:none}.config-section>* ,.config-summary-card>*{position:relative;z-index:1}.config-section{padding:clamp(18px,3vw,28px)}.config-section-head{margin-bottom:18px}.config-section-head h2{margin:7px 0 8px}.config-section-head p{max-width:880px;margin:0}.config-field-card{display:grid;grid-template-columns:minmax(230px,.72fr) minmax(0,1.28fr);gap:18px;align-items:start;margin-top:14px;padding:18px;border:1px solid rgba(223,229,239,.94);border-radius:22px;background:linear-gradient(135deg,#fff,#f8fbff);box-shadow:0 12px 34px rgba(42,53,71,.06)}.config-field-copy h3{margin:0 0 8px;color:var(--ink);font-size:21px}.config-field-copy h3 span{color:#e7435b}.config-field-copy p{margin:0;font-size:13px;line-height:1.62}.config-radio-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:10px}.price-config-grid{grid-template-columns:repeat(auto-fit,minmax(160px,1fr))}.config-radio-card{position:relative;display:grid;grid-template-columns:26px 1fr;gap:3px 10px;align-items:center;min-height:74px;padding:13px 14px;border:1px solid rgba(15,142,232,.16);border-radius:18px;background:#fff;box-shadow:0 10px 24px rgba(42,53,71,.055);cursor:pointer;transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease,background .2s ease}.config-radio-card:hover{transform:translateY(-2px);border-color:rgba(5,192,192,.48);box-shadow:0 16px 34px rgba(42,53,71,.1)}.config-radio-card input{position:absolute;inset:0;z-index:2;margin:0;opacity:0;cursor:pointer}.fake-radio{grid-row:span 2;display:block;width:22px;height:22px;border:2px solid rgba(15,142,232,.28);border-radius:50%;background:#fff;box-shadow:inset 0 0 0 5px #fff;transition:.2s ease}.config-radio-card strong,.config-radio-card small,.fake-radio{position:relative;z-index:1}.config-radio-card strong{color:var(--ink);font-size:14px;line-height:1.28}.config-radio-card small{color:var(--primary);font-weight:900}.config-radio-card.is-none{background:#f8fbff}.config-radio-card input:checked~.fake-radio{border-color:var(--secondary);background:var(--secondary);box-shadow:inset 0 0 0 5px #fff,0 0 0 5px rgba(5,192,192,.12)}.config-radio-card:has(input:checked){border-color:rgba(5,192,192,.68);background:linear-gradient(135deg,#fff,#effffd);box-shadow:0 16px 38px rgba(5,192,192,.14)}.config-input-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.config-input-card{display:grid;gap:8px;padding:17px;border:1px solid rgba(223,229,239,.95);border-radius:20px;background:#fff}.config-input-card.is-wide{grid-column:1/-1}.config-input-card span{color:var(--ink);font-weight:900}.config-input-card small{color:var(--muted);font-size:13px;font-weight:700;line-height:1.5}.config-input-card input,.config-input-card textarea{width:100%;border:1px solid rgba(15,142,232,.18);border-radius:16px;background:#f8fbff;color:var(--ink);font:inherit;font-weight:800;outline:none;transition:.2s ease}.config-input-card input{height:50px;padding:0 14px}.config-input-card textarea{padding:14px;resize:vertical}.config-input-card input:focus,.config-input-card textarea:focus{border-color:rgba(5,192,192,.65);background:#fff;box-shadow:0 0 0 4px rgba(5,192,192,.12)}.config-summary-card{display:grid;gap:12px;padding:24px}.config-summary-card h2{margin:0;font-size:30px}.config-summary-card p{margin:0 0 4px}.config-summary-card .btn-primary,.config-summary-card .btn-ghost{width:100%;border:0;cursor:pointer}.config-summary-card .btn-ghost{border:1px solid rgba(15,142,232,.22)}@media(max-width:1040px){.configurator-layout{grid-template-columns:1fr}.configurator-sidebar{position:static}.config-field-card{grid-template-columns:1fr}}@media(max-width:680px){.configurator-layout{gap:16px;margin-top:18px}.config-section,.config-summary-card{border-radius:22px}.config-section{padding:17px 14px}.config-field-card{padding:14px;border-radius:18px}.config-radio-grid,.price-config-grid,.config-input-grid{grid-template-columns:1fr}.config-radio-card{min-height:68px}.config-summary-card{padding:18px 15px}}


/* PC ThreeUI Phase 5: order and configuration flow */
.threeui-order-hero{
  isolation:isolate;
  min-height:310px;
  padding:clamp(30px,4.4vw,58px);
  border-color:rgba(5,192,192,.2);
  background:
    radial-gradient(circle at 82% 12%,rgba(5,192,192,.25),transparent 24rem),
    radial-gradient(circle at 6% 100%,rgba(15,142,232,.13),transparent 24rem),
    linear-gradient(135deg,rgba(255,255,255,.98),rgba(237,249,255,.96));
}
.threeui-order-hero>*:not(.order-threeui-canvas):not(.order-threeui-grid){position:relative;z-index:2}
.order-threeui-canvas,
.order-threeui-grid{position:absolute;inset:0;z-index:0;pointer-events:none}
.order-threeui-grid{
  background:
    linear-gradient(90deg,rgba(15,142,232,.055) 1px,transparent 1px),
    linear-gradient(0deg,rgba(5,192,192,.045) 1px,transparent 1px);
  background-size:46px 46px;
  mask-image:linear-gradient(115deg,rgba(0,0,0,.72),rgba(0,0,0,.28));
}
.order-threeui-canvas{opacity:.78;mix-blend-mode:multiply}
.threeui-order-hero h1{max-width:880px}
.threeui-order-hero p{max-width:760px}
.order-flow-pills{display:flex;flex-wrap:wrap;gap:8px;margin:20px 0 4px}
.order-flow-pills span{
  display:inline-flex;
  align-items:center;
  gap:8px;
  min-height:36px;
  padding:0 12px;
  border:1px solid rgba(15,142,232,.18);
  border-radius:999px;
  color:#39506b;
  background:rgba(255,255,255,.76);
  box-shadow:0 10px 24px rgba(42,53,71,.055);
  font-size:12px;
  font-weight:950;
}
.order-flow-pills b{color:#0797a7;font-family:"Space Grotesk",Manrope,sans-serif}
.threeui-order-layout{position:relative}
.threeui-order-layout:before{
  content:"";
  position:absolute;
  inset:-18px;
  z-index:-1;
  border-radius:34px;
  background:
    radial-gradient(circle at 84% 8%,rgba(5,192,192,.12),transparent 24rem),
    radial-gradient(circle at 12% 96%,rgba(15,142,232,.09),transparent 24rem);
  pointer-events:none;
}
.order-checkout-rail{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.order-checkout-rail article{
  position:relative;
  overflow:hidden;
  min-width:0;
  padding:14px;
  border:1px solid rgba(15,142,232,.14);
  border-radius:18px;
  background:linear-gradient(135deg,rgba(255,255,255,.96),rgba(240,252,255,.9));
  box-shadow:0 14px 34px rgba(42,53,71,.07);
}
.order-checkout-rail article:before{
  content:"";
  position:absolute;
  inset:auto 12px -28px auto;
  width:82px;
  height:82px;
  border-radius:50%;
  background:rgba(5,192,192,.12);
  pointer-events:none;
}
.order-checkout-rail i{
  display:grid;
  place-items:center;
  width:34px;
  height:34px;
  margin-bottom:9px;
  border-radius:12px;
  color:#fff;
  background:linear-gradient(135deg,var(--primary),var(--secondary));
  box-shadow:0 10px 22px rgba(5,192,192,.16);
}
.order-checkout-rail strong{display:block;color:var(--ink);font-size:14px}
.order-checkout-rail span{display:block;margin-top:4px;color:#5a6a85;font-size:12px;font-weight:850;line-height:1.38}
.threeui-order-section,
.threeui-order-summary{
  border-color:rgba(15,142,232,.18);
  background:
    radial-gradient(circle at 96% 0%,rgba(5,192,192,.13),transparent 18rem),
    linear-gradient(135deg,rgba(255,255,255,.98),rgba(247,252,255,.95));
  box-shadow:0 20px 58px rgba(42,53,71,.1),inset 0 1px 0 rgba(255,255,255,.88);
}
.threeui-order-section .config-radio-card,
.threeui-order-section .config-input-card,
.threeui-order-summary .config-radio-card{transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease,background .16s ease}
.threeui-order-section .config-radio-card:hover,
.threeui-order-section .config-input-card:hover,
.threeui-order-summary .config-radio-card:hover{
  transform:translateY(-3px);
  border-color:rgba(5,192,192,.5);
  box-shadow:0 18px 38px rgba(42,53,71,.1);
}
.threeui-order-summary{overflow:hidden}
.order-summary-orbit{
  position:absolute;
  right:-34px;
  top:-34px;
  z-index:0;
  display:grid;
  place-items:center;
  width:138px;
  height:138px;
  border:1px solid rgba(5,192,192,.18);
  border-radius:50%;
  color:#fff;
  background:
    radial-gradient(circle at 36% 28%,rgba(255,255,255,.34),transparent 30%),
    linear-gradient(135deg,rgba(15,142,232,.94),rgba(5,192,192,.84));
  box-shadow:0 0 0 18px rgba(5,192,192,.055),0 22px 50px rgba(15,142,232,.18);
  opacity:.92;
}
.order-summary-orbit i{font-size:28px}
.threeui-order-summary>.eyebrow,
.threeui-order-summary>h2,
.threeui-order-summary>p,
.threeui-order-summary>.summary-lines,
.threeui-order-summary>.config-radio-grid,
.threeui-order-summary>.config-section,
.threeui-order-summary>.payment-method-section,
.threeui-order-summary>.payment-buyer-section,
.threeui-order-summary>button,
.threeui-order-summary>a{position:relative;z-index:1}
@media(max-width:1040px){.order-checkout-rail{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:680px){
  .threeui-order-hero{min-height:auto;padding:24px 18px;border-radius:22px}
  .order-threeui-canvas{display:none}
  .order-threeui-grid{background-size:34px 34px;opacity:.72}
  .order-flow-pills{gap:6px;margin-top:14px}
  .order-flow-pills span{min-height:32px;padding:0 9px;font-size:11px}
  .order-checkout-rail{grid-template-columns:1fr 1fr;gap:8px}
  .order-checkout-rail article{padding:11px;border-radius:15px}
  .order-checkout-rail i{width:30px;height:30px;margin-bottom:7px;border-radius:10px}
  .order-checkout-rail span{font-size:11px}
  .order-summary-orbit{right:-42px;top:-46px;width:120px;height:120px;opacity:.55}
}
@media(max-width:430px){.order-checkout-rail{grid-template-columns:1fr}}

/* Shopier checkout and payment result */
.payment-redirect-card,.payment-result-card{position:relative;overflow:hidden;width:min(820px,100%);margin:36px auto;padding:clamp(26px,5vw,56px);border:1px solid rgba(15,142,232,.18);border-radius:32px;background:linear-gradient(135deg,#fff,#ecf8ff);box-shadow:var(--strong);text-align:center}.payment-redirect-card:before,.payment-result-card:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 88% 0%,rgba(5,192,192,.22),transparent 24rem);pointer-events:none}.payment-redirect-card>* ,.payment-result-card>*{position:relative;z-index:1}.payment-redirect-card h1,.payment-result-card h1{font-size:clamp(34px,5vw,58px)}.payment-loader{display:flex;justify-content:center;gap:10px;margin:24px 0}.payment-loader span{width:14px;height:14px;border-radius:50%;background:linear-gradient(135deg,var(--primary),var(--secondary));animation:paymentPulse 1s ease-in-out infinite}.payment-loader span:nth-child(2){animation-delay:.14s}.payment-loader span:nth-child(3){animation-delay:.28s}@keyframes paymentPulse{0%,100%{transform:translateY(0);opacity:.45}50%{transform:translateY(-8px);opacity:1}}.payment-result-card.is-success{border-color:rgba(19,222,185,.34)}.payment-result-card.is-failed{border-color:rgba(231,67,91,.28);background:linear-gradient(135deg,#fff,#fff5f6)}.payment-result-summary{display:grid;grid-template-columns:160px 1fr;gap:10px 14px;margin:22px auto;padding:18px;border:1px solid rgba(223,229,239,.92);border-radius:20px;background:#fff;text-align:left}.payment-result-summary b{color:var(--muted)}.payment-result-summary span{color:var(--ink);font-weight:900}.payment-buyer-section{margin-top:20px}@media(max-width:640px){.payment-result-summary{grid-template-columns:1fr}.payment-redirect-card,.payment-result-card{border-radius:24px;padding:24px 16px}}
.threeui-payment-card{
  width:min(940px,100%);
  isolation:isolate;
  border-color:rgba(5,192,192,.2);
  background:
    radial-gradient(circle at 82% 4%,rgba(5,192,192,.22),transparent 23rem),
    linear-gradient(90deg,rgba(15,142,232,.045) 1px,transparent 1px),
    linear-gradient(0deg,rgba(5,192,192,.038) 1px,transparent 1px),
    linear-gradient(135deg,#fff,#eefaff);
  background-size:auto,44px 44px,44px 44px,auto;
  box-shadow:0 28px 82px rgba(42,53,71,.15),inset 0 1px 0 rgba(255,255,255,.88);
}
.threeui-payment-card:after{
  content:"";
  position:absolute;
  inset:auto -15% -34% -15%;
  z-index:0;
  height:58%;
  background:radial-gradient(circle at 50% 0%,rgba(15,142,232,.12),transparent 62%);
  pointer-events:none;
}
.threeui-payment-card.is-problem{
  border-color:rgba(231,67,91,.24);
  background:
    radial-gradient(circle at 82% 4%,rgba(231,67,91,.16),transparent 22rem),
    linear-gradient(90deg,rgba(231,67,91,.035) 1px,transparent 1px),
    linear-gradient(0deg,rgba(15,142,232,.035) 1px,transparent 1px),
    linear-gradient(135deg,#fff,#fff6f7);
  background-size:auto,44px 44px,44px 44px,auto;
}
.payment-status-orb{
  display:grid;
  place-items:center;
  width:86px;
  height:86px;
  margin:0 auto 18px;
  border:1px solid rgba(255,255,255,.38);
  border-radius:28px;
  color:#fff;
  background:
    radial-gradient(circle at 34% 22%,rgba(255,255,255,.4),transparent 34%),
    linear-gradient(135deg,var(--primary),var(--secondary));
  box-shadow:0 0 0 10px rgba(5,192,192,.08),0 22px 54px rgba(15,142,232,.22);
}
.threeui-payment-card.is-problem .payment-status-orb{
  background:
    radial-gradient(circle at 34% 22%,rgba(255,255,255,.38),transparent 34%),
    linear-gradient(135deg,#e7435b,#f59e0b);
  box-shadow:0 0 0 10px rgba(231,67,91,.08),0 22px 54px rgba(231,67,91,.18);
}
.threeui-payment-card.is-bank .payment-status-orb{
  background:
    radial-gradient(circle at 34% 22%,rgba(255,255,255,.4),transparent 34%),
    linear-gradient(135deg,#0d1b33,#0f8ee8 62%,#05c0c0);
}
.payment-status-orb i{font-size:34px}
.payment-next-steps{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:10px;
  margin:20px auto 0;
  text-align:left;
}
.payment-next-steps article{
  position:relative;
  overflow:hidden;
  min-width:0;
  padding:14px;
  border:1px solid rgba(15,142,232,.15);
  border-radius:18px;
  background:rgba(255,255,255,.84);
  box-shadow:0 12px 28px rgba(42,53,71,.07);
}
.payment-next-steps article:before{
  content:"";
  position:absolute;
  inset:auto 10px -26px auto;
  width:70px;
  height:70px;
  border-radius:50%;
  background:rgba(5,192,192,.1);
}
.payment-next-steps b{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:34px;
  height:28px;
  margin-bottom:8px;
  border-radius:999px;
  color:#078394;
  background:#e7fbff;
  font-family:"Space Grotesk",Manrope,sans-serif;
  font-size:12px;
}
.payment-next-steps span{
  position:relative;
  z-index:1;
  display:block;
  color:#40516a;
  font-size:13px;
  font-weight:900;
  line-height:1.42;
}
.threeui-payment-card .hero-actions,
.threeui-payment-card .payment-contact-actions{
  justify-content:center;
}
@media(max-width:760px){
  .payment-status-orb{width:70px;height:70px;margin-bottom:14px;border-radius:22px}
  .payment-status-orb i{font-size:28px}
  .payment-next-steps{grid-template-columns:1fr;gap:8px}
  .payment-next-steps article{padding:12px;border-radius:15px}
}

.config-summary-card.is-live-summary{gap:14px}
.summary-lines{display:grid;gap:8px;padding:10px 12px;border:1px solid rgba(15,142,232,.16);border-radius:16px;background:linear-gradient(135deg,#fff,#f7fcff)}
.summary-row{display:flex;justify-content:space-between;align-items:center;gap:10px}
.summary-row span{color:var(--muted);font-weight:800}
.summary-row strong{color:var(--ink);font-family:"Space Grotesk",Manrope,sans-serif;font-size:19px}
.summary-row.total strong{font-size:24px;color:var(--primary)}
.summary-divider{height:1px;background:rgba(15,142,232,.16);margin:2px 0}
@media(max-width:1040px){
  .configurator-layout{padding-bottom:140px}
  .configurator-sidebar{position:fixed;left:10px;right:10px;bottom:10px;top:auto;z-index:80}
  .config-summary-card.is-live-summary{padding:14px;border-radius:18px;box-shadow:0 18px 44px rgba(42,53,71,.22)}
  .config-summary-card.is-live-summary h2{font-size:20px}
  .summary-row strong{font-size:16px}
  .summary-row.total strong{font-size:20px}
  .config-summary-card.is-live-summary .btn-primary,
  .config-summary-card.is-live-summary .btn-ghost{min-height:40px}
}

/* Config accordion improvement */
.config-field-card{gap:0}
.config-field-toggle{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;width:100%;padding:0;border:0;background:transparent;text-align:left;cursor:pointer}
.config-field-toggle .config-field-copy{display:grid;gap:8px;min-width:0}
.config-field-toggle .config-field-title{display:block;color:var(--ink);font-family:"Space Grotesk",Manrope,sans-serif;font-size:21px;font-weight:700;line-height:1.2}
.config-field-toggle .config-field-title b{color:#e7435b}
.config-field-toggle .config-field-description{display:block;color:var(--muted);font-size:13px;font-weight:700;line-height:1.62}
.config-field-toggle-icon{display:inline-flex;align-items:center;justify-content:center;min-width:26px;height:26px;border-radius:999px;background:rgba(15,142,232,.12);color:var(--primary);font-weight:900;line-height:1;transition:transform .2s ease,background .2s ease}
.config-field-card .config-radio-grid{max-height:0;opacity:0;overflow:hidden;pointer-events:none;transform:translateY(-4px);transition:max-height .26s ease,opacity .22s ease,transform .22s ease;padding-top:0}
.config-field-card.is-open .config-radio-grid{max-height:2000px;opacity:1;pointer-events:auto;transform:none;padding-top:12px}
.config-field-card.is-open .config-field-toggle-icon{transform:rotate(45deg);background:rgba(5,192,192,.16);color:#057b83}
@media(hover:hover) and (pointer:fine){
  .config-field-card:hover .config-field-toggle-icon{background:rgba(5,192,192,.16)}
}
@media(max-width:1040px){
  .config-field-toggle{cursor:default;pointer-events:none}
  .config-field-card .config-radio-grid{max-height:2000px;opacity:1;pointer-events:auto;transform:none;padding-top:12px}
  .config-field-card .config-field-toggle-icon{display:none}
}
@media(min-width:1041px){
  .config-field-card{padding:12px 14px;border-radius:16px;margin-top:10px}
  .config-field-toggle .config-field-title{font-size:16px;line-height:1.25}
  .config-field-toggle .config-field-description{display:none}
  .config-field-card .config-radio-grid{max-height:0;opacity:0;overflow:hidden;pointer-events:none;transform:translateY(-4px);padding-top:0}
  .config-field-card:hover .config-field-description,
  .config-field-card.is-open .config-field-description{display:block}
  .config-field-card:hover .config-radio-grid,
  .config-field-card.is-open .config-radio-grid{max-height:2000px;opacity:1;pointer-events:auto;transform:none;padding-top:12px}
}
@media(min-width:1041px){
  .config-field-card.is-complete:not(.is-open){
    border-color:rgba(18,176,115,.62);
    background:linear-gradient(135deg,#ffffff,#effff7);
    box-shadow:0 12px 28px rgba(18,176,115,.15);
  }
  .config-field-card.is-complete:not(.is-open) .config-field-title{color:#0a7f57}
  .config-field-card.is-complete:not(.is-open) .config-field-toggle-icon{
    background:rgba(18,176,115,.2);
    color:#0a7f57;
  }
}
@media(max-width:1040px){
  .config-field-toggle{cursor:pointer!important;pointer-events:auto!important}
  .config-field-card .config-radio-grid{max-height:0!important;opacity:0!important;overflow:hidden!important;pointer-events:none!important;transform:translateY(-4px)!important;padding-top:0!important}
  .config-field-card.is-open .config-radio-grid{max-height:2000px!important;opacity:1!important;pointer-events:auto!important;transform:none!important;padding-top:12px!important}
  .config-field-card .config-field-toggle-icon{display:inline-flex!important}
}
@media(max-width:1040px){
  .config-field-card .config-field-description{display:none!important}
  .config-field-card.is-open .config-field-description{display:block!important}

  .configurator-sidebar{position:static;left:auto;right:auto;bottom:auto;z-index:auto;margin-top:12px}
  .config-summary-card.is-live-summary{gap:8px;padding:10px 12px!important;border-radius:14px!important}
  .config-summary-card.is-live-summary .eyebrow{font-size:10px;letter-spacing:.1em}
  .config-summary-card.is-live-summary h2{display:none}
  .config-summary-card.is-live-summary .summary-lines{padding:8px 10px;border-radius:12px}
  .config-summary-card.is-live-summary .summary-row{min-height:20px}
  .config-summary-card.is-live-summary .summary-row:first-child,
  .config-summary-card.is-live-summary .summary-divider{display:none}
  .config-summary-card.is-live-summary .summary-row span{font-size:11px}
  .config-summary-card.is-live-summary .summary-row strong{font-size:13px}
  .config-summary-card.is-live-summary .summary-row.total span{font-size:12px}
  .config-summary-card.is-live-summary .summary-row.total strong{font-size:17px}
  .config-summary-card.is-live-summary .btn-primary,
  .config-summary-card.is-live-summary .btn-ghost{min-height:34px;padding:0 10px;font-size:12px}
}
@media(max-width:1040px){
  .config-field-card.is-complete:not(.is-open){
    border-color:rgba(18,176,115,.62)!important;
    background:linear-gradient(135deg,#ffffff,#effff7)!important;
    box-shadow:0 10px 24px rgba(18,176,115,.14)!important;
  }
  .config-field-card.is-complete:not(.is-open) .config-field-title{color:#0a7f57!important}
  .config-field-card.is-complete:not(.is-open) .config-field-toggle-icon{
    background:rgba(18,176,115,.2)!important;
    color:#0a7f57!important;
  }
}
@media(max-width:680px){
  .configurator-sidebar{position:static;left:auto;right:auto;bottom:auto}
  .config-summary-card.is-live-summary{padding:8px 10px!important;gap:6px!important;border-radius:12px!important}
  .config-summary-card.is-live-summary .eyebrow{font-size:9px!important}
  .config-summary-card.is-live-summary .summary-lines{padding:6px 8px!important;border-radius:10px!important}
  .config-summary-card.is-live-summary .summary-row{min-height:16px!important}
  .config-summary-card.is-live-summary .summary-row span{font-size:10px!important}
  .config-summary-card.is-live-summary .summary-row strong{font-size:12px!important}
  .config-summary-card.is-live-summary .summary-row.total span{font-size:11px!important}
  .config-summary-card.is-live-summary .summary-row.total strong{font-size:15px!important}
  .config-summary-card.is-live-summary .btn-primary,
  .config-summary-card.is-live-summary .btn-ghost{min-height:30px!important;font-size:11px!important;padding:0 8px!important}
}
@media(max-width:680px){
  .config-radio-card{min-height:56px!important;padding:9px 10px!important;border-radius:14px!important;gap:2px 8px!important}
  .config-radio-card strong{font-size:12px!important;line-height:1.22!important}
  .config-radio-card small{font-size:11px!important;line-height:1.2!important}
  .fake-radio{width:18px!important;height:18px!important;border-width:2px!important;box-shadow:inset 0 0 0 4px #fff!important}
  .config-radio-grid,.price-config-grid{gap:8px!important}
}

/* Keep desktop feature tooltips inside the viewport */
@media(min-width:1061px){
  .catalog-grid .catalog-card:nth-child(3n) .sd-tooltiptext{
    left:auto;
    right:-8px;
    transform:translate(0,8px) scale(.96);
  }
  .catalog-grid .catalog-card:nth-child(3n) .sd-tooltip:hover .sd-tooltiptext,
  .catalog-grid .catalog-card:nth-child(3n) .sd-tooltip:focus .sd-tooltiptext,
  .catalog-grid .catalog-card:nth-child(3n) .sd-tooltip:focus-within .sd-tooltiptext,
  .catalog-grid .catalog-card:nth-child(3n) .sd-tooltip.is-open .sd-tooltiptext{
    transform:translate(0,0) scale(1);
  }
  .catalog-grid .catalog-card:nth-child(3n) .sd-arrow{
    left:auto;
    right:8px;
    transform:rotate(45deg);
  }
}
@media(min-width:761px) and (max-width:1060px){
  .catalog-grid .catalog-card:nth-child(2n) .sd-tooltiptext{
    left:auto;
    right:-8px;
    transform:translate(0,8px) scale(.96);
  }
  .catalog-grid .catalog-card:nth-child(2n) .sd-tooltip:hover .sd-tooltiptext,
  .catalog-grid .catalog-card:nth-child(2n) .sd-tooltip:focus .sd-tooltiptext,
  .catalog-grid .catalog-card:nth-child(2n) .sd-tooltip:focus-within .sd-tooltiptext,
  .catalog-grid .catalog-card:nth-child(2n) .sd-tooltip.is-open .sd-tooltiptext{
    transform:translate(0,0) scale(1);
  }
  .catalog-grid .catalog-card:nth-child(2n) .sd-arrow{
    left:auto;
    right:8px;
    transform:rotate(45deg);
  }
}
@media(min-width:1061px){
  .catalog-guide-layout>.catalog-grid .catalog-card:nth-child(2n) .sd-tooltiptext{
    left:auto;
    right:-8px;
    transform:translate(0,8px) scale(.96);
  }
  .catalog-guide-layout>.catalog-grid .catalog-card:nth-child(2n) .sd-tooltip:hover .sd-tooltiptext,
  .catalog-guide-layout>.catalog-grid .catalog-card:nth-child(2n) .sd-tooltip:focus .sd-tooltiptext,
  .catalog-guide-layout>.catalog-grid .catalog-card:nth-child(2n) .sd-tooltip:focus-within .sd-tooltiptext,
  .catalog-guide-layout>.catalog-grid .catalog-card:nth-child(2n) .sd-tooltip.is-open .sd-tooltiptext{
    transform:translate(0,0) scale(1);
  }
  .catalog-guide-layout>.catalog-grid .catalog-card:nth-child(2n) .sd-arrow{
    left:auto;
    right:8px;
    transform:rotate(45deg);
  }
}

/* Modern footer */
.footer{
  --footer-glow-x:76%;
  --footer-glow-y:18%;
  position:relative;
  display:block!important;
  overflow:hidden;
  width:100%;
  margin:58px 0 0;
  padding:34px 0 calc(22px + env(safe-area-inset-bottom,0px));
  border-top:1px solid rgba(15,142,232,.18);
  background:
    radial-gradient(circle at var(--footer-glow-x) var(--footer-glow-y),rgba(32,244,232,.16),transparent 23rem),
    linear-gradient(180deg,rgba(247,251,255,.86),rgba(232,246,255,.96));
}
.footer:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(15,142,232,.065) 1px,transparent 1px),linear-gradient(0deg,rgba(5,192,192,.055) 1px,transparent 1px),radial-gradient(circle at 8% 0%,rgba(15,142,232,.16),transparent 24rem),radial-gradient(circle at 96% 20%,rgba(5,192,192,.14),transparent 23rem);background-size:54px 54px,54px 54px,auto,auto;mask-image:linear-gradient(180deg,rgba(0,0,0,.82),rgba(0,0,0,.42));pointer-events:none}
.footer:after{content:"";position:absolute;left:-18%;right:-18%;top:12px;height:2px;background:linear-gradient(90deg,transparent,rgba(32,244,232,.4),rgba(15,142,232,.28),transparent);opacity:.7;filter:blur(.2px);pointer-events:none;animation:footerAmbientSweep 9s ease-in-out infinite alternate}
.footer-shell{position:relative;z-index:1;display:grid;grid-template-columns:minmax(280px,.95fr) minmax(0,1.6fr);gap:18px 22px;width:min(1240px,calc(100% - 28px));margin:0 auto}
.footer-cta-panel{grid-column:1/-1;position:relative;overflow:hidden;display:grid;grid-template-columns:minmax(0,1.25fr) minmax(360px,.75fr);gap:16px;align-items:center;padding:18px 20px;border:1px solid rgba(5,192,192,.22);border-radius:26px;background:linear-gradient(135deg,rgba(255,255,255,.92),rgba(236,252,255,.78));box-shadow:0 18px 54px rgba(42,53,71,.09),inset 0 1px 0 rgba(255,255,255,.78);backdrop-filter:blur(14px)}
.footer-cta-panel:before{content:"";position:absolute;inset:1px;border-radius:inherit;background:radial-gradient(circle at 84% 20%,rgba(32,244,232,.2),transparent 18rem),linear-gradient(120deg,rgba(255,255,255,.54),transparent 48%,rgba(15,142,232,.08));pointer-events:none}
.footer-cta-panel>*{position:relative;z-index:1}
.footer-cta-copy{display:grid;gap:8px;min-width:0}
.footer-cta-copy strong{color:var(--ink);font-family:"Space Grotesk",Manrope,sans-serif;font-size:clamp(24px,2.7vw,34px);line-height:1.05;letter-spacing:-.035em}
.footer-cta-copy p{max-width:760px;margin:0;color:#52627c;font-size:14px;font-weight:800;line-height:1.6}
.footer-cta-actions{display:grid;grid-template-columns:1.1fr 1fr 1fr;gap:9px;min-width:0}
.footer-cta-action{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-width:0;min-height:48px;padding:0 14px;border:1px solid rgba(15,142,232,.18);border-radius:16px;background:#fff;color:#075985;font-size:13px;font-weight:950;box-shadow:0 10px 24px rgba(42,53,71,.07);transition:.18s ease}
.footer-cta-action i{display:grid;place-items:center;width:24px;height:24px;border-radius:9px;color:#fff;background:linear-gradient(135deg,var(--primary),var(--secondary));box-shadow:0 8px 18px rgba(15,142,232,.18)}
.footer-cta-action span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.footer-cta-action:hover{transform:translateY(-3px);border-color:rgba(5,192,192,.52);box-shadow:0 18px 38px rgba(42,53,71,.12),0 0 26px rgba(5,192,192,.12)}
.footer-cta-action.is-primary{border:0;color:#fff;background:linear-gradient(135deg,var(--primary),var(--secondary));box-shadow:0 16px 34px rgba(15,142,232,.22)}
.footer-cta-action.is-primary i{color:var(--primary);background:#fff}
.footer-brand-panel{display:grid;align-content:start;gap:12px;min-width:0;padding:22px;border:1px solid rgba(15,142,232,.16);border-radius:26px;background:rgba(255,255,255,.78);box-shadow:0 18px 54px rgba(42,53,71,.08);backdrop-filter:blur(14px)}
.footer-brand{display:inline-flex;width:max-content;max-width:100%}
.footer-brand img{width:146px;height:auto}
.footer-eyebrow{width:max-content;max-width:100%;padding:7px 10px;border:1px solid rgba(5,192,192,.2);border-radius:999px;color:#057b83;background:rgba(5,192,192,.09);font-size:11px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}
.footer-brand-panel strong{color:var(--ink);font-family:"Space Grotesk",Manrope,sans-serif;font-size:clamp(22px,2vw,28px);line-height:1.08}
.footer-brand-panel p{margin:0;color:#52627c;font-size:14px;font-weight:700;line-height:1.7}
.footer-affiliate-note{display:flex;align-items:flex-start;gap:9px;padding:11px 12px;border:1px solid rgba(5,192,192,.16);border-radius:16px;background:rgba(255,255,255,.72)}
.footer-affiliate-note i{flex:0 0 auto;display:grid;place-items:center;width:28px;height:28px;border-radius:10px;color:#fff;background:linear-gradient(135deg,var(--primary),var(--secondary));box-shadow:0 10px 22px rgba(15,142,232,.16)}
.footer-brand-panel .footer-affiliate-note strong{display:inline;color:var(--ink);font-family:Manrope,sans-serif;font-size:inherit;letter-spacing:0}
.footer-actions{display:grid;grid-template-columns:1.1fr 1fr 1fr;gap:8px;margin-top:4px}
.footer-action{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-width:0;min-height:40px;padding:0 11px;border:1px solid rgba(15,142,232,.18);border-radius:14px;background:#fff;color:#075985;font-size:13px;font-weight:900;box-shadow:0 8px 20px rgba(42,53,71,.06);transition:.18s ease}
.footer-action:hover{transform:translateY(-2px);border-color:rgba(5,192,192,.46);box-shadow:0 14px 32px rgba(42,53,71,.11)}
.footer-action.is-primary{border:0;color:#fff;background:linear-gradient(135deg,var(--primary),var(--secondary));box-shadow:0 12px 28px rgba(15,142,232,.2)}
.footer-action span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.footer-nav-panel{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;min-width:0}
.footer-col{display:grid;align-content:start;gap:12px;min-width:0;padding:20px;border:1px solid rgba(223,229,239,.9);border-radius:22px;background:rgba(255,255,255,.7);box-shadow:0 12px 34px rgba(42,53,71,.06)}
.footer-col h4{margin:0;color:var(--ink);font-size:13px;text-transform:uppercase;letter-spacing:.08em}
.footer-links{display:grid;gap:8px}
.footer-links a{display:flex;align-items:center;min-width:0;min-height:36px;padding:7px 9px;border:1px solid rgba(15,142,232,.1);border-radius:13px;background:rgba(255,255,255,.62);color:#40516b;font-size:13px;font-weight:900;line-height:1.35;overflow-wrap:anywhere;box-shadow:inset 0 1px 0 rgba(255,255,255,.7);transition:.18s ease}
.footer-links a:before{content:"\f105";flex:0 0 auto;display:grid;place-items:center;width:21px;height:21px;margin-right:8px;border-radius:8px;color:#fff;background:linear-gradient(135deg,var(--primary),var(--secondary));font-family:FontAwesome;font-size:13px;box-shadow:0 8px 16px rgba(15,142,232,.14)}
.footer-links a:hover{color:var(--primary);transform:translateX(2px);border-color:rgba(5,192,192,.4);background:#fff;box-shadow:0 10px 22px rgba(42,53,71,.08)}
.footer-trust-strip{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;perspective:1000px}
.footer-trust-strip article{display:grid;grid-template-columns:46px minmax(0,max-content) minmax(0,1fr);gap:4px 12px;align-items:center;min-width:0;min-height:86px;padding:15px 16px;border:1px solid rgba(15,142,232,.18);border-radius:20px;background:linear-gradient(135deg,rgba(255,255,255,.92),rgba(244,252,255,.84));box-shadow:0 14px 34px rgba(42,53,71,.075),inset 0 1px 0 rgba(255,255,255,.8);transform:translateZ(0);backdrop-filter:blur(12px)}
.footer-trust-strip article:before{content:"";position:absolute;inset:1px;z-index:0;border-radius:inherit;background:linear-gradient(120deg,rgba(255,255,255,.72),transparent 44%,rgba(32,244,232,.1));opacity:.9;pointer-events:none}
.footer-trust-strip article:after{inset:auto -12% -48% 38%;height:112px;background:radial-gradient(circle,rgba(32,244,232,.28),rgba(15,142,232,.1) 48%,transparent 72%)}
.footer-trust-strip i{position:relative;grid-row:span 2;display:grid;place-items:center;width:46px;height:46px;border-radius:16px;color:#fff;background:linear-gradient(135deg,#0f8ee8,#05c0c0);box-shadow:0 14px 28px rgba(15,142,232,.2),0 0 0 6px rgba(5,192,192,.09),inset 0 0 0 1px rgba(255,255,255,.28);transform:translateZ(18px)}
.footer-trust-strip i:after{content:"";position:absolute;inset:-8px;z-index:-1;border-radius:20px;background:radial-gradient(circle,rgba(5,192,192,.26),transparent 66%);opacity:.85}
.footer-trust-strip article:nth-child(2) i{background:linear-gradient(135deg,#2563eb,#13deb9)}
.footer-trust-strip article:nth-child(3) i{background:linear-gradient(135deg,#0f766e,#0f8ee8)}
.footer-trust-strip strong{color:var(--ink);font-family:"Space Grotesk",Manrope,sans-serif;font-size:22px;line-height:1;letter-spacing:-.02em}
.footer-trust-strip span{min-width:0;color:#485a74;font-size:12.5px;font-weight:900;line-height:1.4;overflow-wrap:anywhere}
.footer-bottom{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;gap:12px;padding-top:14px;border-top:1px dashed rgba(15,142,232,.22);color:#5d6c83;font-size:13px;font-weight:800}
.footer-bottom small{color:#53647d;font-size:12px;font-weight:800;line-height:1.5;text-align:right;text-wrap:pretty}
.footer-bottom strong{color:var(--ink)}
.footer-affiliate-brand{white-space:nowrap}
@media(max-width:1060px){
  .footer-shell{grid-template-columns:1fr}
  .footer-cta-panel{grid-template-columns:1fr}
  .footer-nav-panel{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(max-width:760px){
  .footer{--footer-glow-x:80%;--footer-glow-y:8%;margin-top:38px;padding:24px 0 calc(18px + env(safe-area-inset-bottom,0px))}
  .footer:before{background-size:42px 42px,42px 42px,auto,auto;opacity:.62}
  .footer:after{display:none}
  .footer-shell{width:min(100% - 20px,1240px);gap:12px}
  .footer-cta-panel{gap:14px;padding:17px 15px;border-radius:22px}
  .footer-cta-copy strong{font-size:24px;line-height:1.08}
  .footer-cta-copy p{font-size:13px;line-height:1.55}
  .footer-cta-actions{grid-template-columns:1fr 1fr;gap:8px}
  .footer-cta-action{min-height:44px;padding:0 11px;border-radius:14px;font-size:12px}
  .footer-cta-action.is-primary{grid-column:1/-1}
  .footer-brand-panel{padding:18px;border-radius:22px;text-align:left}
  .footer-brand img{width:128px}
  .footer-eyebrow{font-size:10px;letter-spacing:.06em}
  .footer-brand-panel strong{font-size:23px}
  .footer-brand-panel p{font-size:13px;line-height:1.62}
  .footer-affiliate-note{padding:10px;border-radius:14px}
  .footer-affiliate-note i{width:26px;height:26px}
  .footer-actions{grid-template-columns:1fr 1fr;gap:8px}
  .footer-action.is-primary{grid-column:1/-1}
  .footer-nav-panel{grid-template-columns:1fr;gap:10px}
  .footer-col{padding:15px;border-radius:18px}
  .footer-col h4{font-size:12px}
  .footer-links{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
  .footer-links a{min-height:40px;padding:8px 9px;border:1px solid rgba(15,142,232,.12);border-radius:13px;background:#fff;font-size:12px}
  .footer-links a:before{width:5px;height:5px;margin-right:7px}
  .footer-trust-strip{grid-template-columns:1fr;gap:8px}
  .footer-trust-strip article{grid-template-columns:40px minmax(0,max-content) minmax(0,1fr);min-height:72px;padding:12px;border-radius:16px}
  .footer-trust-strip i{width:40px;height:40px;border-radius:14px}
  .footer-trust-strip strong{font-size:18px}
  .footer-trust-strip span{font-size:12px}
  .footer-bottom{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;width:100%;padding-top:12px;text-align:center}
  .footer-bottom>span,.footer-bottom small{display:block;width:100%;margin:0;text-align:center}
  .footer-bottom small{max-width:280px}
}
@media(max-width:390px){
  .footer-links{grid-template-columns:1fr}
  .footer-actions{grid-template-columns:1fr}
  .footer-action.is-primary{grid-column:auto}
}
@keyframes footerAmbientSweep{
  from{transform:translate3d(-8%,0,0);opacity:.42}
  to{transform:translate3d(8%,0,0);opacity:.78}
}
@media(prefers-reduced-motion:reduce){
  .footer:after{animation:none;opacity:.42}
}

/* Legacy detail section refresh */
.legacy-content.enhanced-legacy{
  padding:clamp(22px,3vw,34px);
  border:1px solid rgba(15,142,232,.2);
  border-radius:28px;
  background:linear-gradient(135deg,#ffffff 0%,#f3fbff 100%);
  box-shadow:0 18px 52px rgba(42,53,71,.1);
}
.legacy-content.enhanced-legacy h1,
.legacy-content.enhanced-legacy h2,
.legacy-content.enhanced-legacy h3{
  margin:8px 0 12px;
  color:var(--ink);
  line-height:1.15;
}
.legacy-content.enhanced-legacy > :first-child{margin-top:0}
.legacy-content.enhanced-legacy p{
  margin:0 0 12px;
  color:#42546f;
  line-height:1.8;
  font-size:15px;
}
.legacy-content.enhanced-legacy a{
  color:var(--primary);
  font-weight:900;
}
.legacy-feature-list{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:12px;
  margin:14px 0 6px;
  padding:0;
  list-style:none;
}
.legacy-feature-item{
  display:grid;
  grid-template-columns:26px 1fr;
  gap:8px;
  align-items:flex-start;
  padding:12px;
  border:1px solid rgba(15,142,232,.14);
  border-radius:16px;
  background:#fff;
}
.legacy-feature-item i{
  display:grid;
  place-items:center;
  width:26px;
  height:26px;
  border-radius:999px;
  color:#0a7f57;
  background:rgba(19,222,185,.16);
  font-size:13px;
}
.legacy-feature-item span{color:#3f516b;font-weight:800;line-height:1.6}
@media(max-width:860px){
  .legacy-feature-list{grid-template-columns:1fr}
  .legacy-content.enhanced-legacy{padding:18px;border-radius:22px}
  .legacy-content.enhanced-legacy p{font-size:14px}
}

/* Metin2 detail block: ThreeUI-style information surface */
.legacy-content.mt2-threeui-detail{
  position:relative;
  isolation:isolate;
  padding:clamp(22px,3vw,36px);
  border-color:rgba(15,142,232,.24);
  background:
    radial-gradient(circle at 100% 0%,rgba(5,192,192,.12),transparent 20rem),
    linear-gradient(135deg,rgba(255,255,255,.98),rgba(240,250,255,.95));
  box-shadow:0 20px 56px rgba(42,53,71,.1);
}
.legacy-content.mt2-threeui-detail:before{
  content:"";
  position:absolute;
  inset:1px;
  z-index:-1;
  border-radius:inherit;
  pointer-events:none;
  background:
    linear-gradient(90deg,rgba(15,142,232,.08) 1px,transparent 1px),
    linear-gradient(0deg,rgba(15,142,232,.06) 1px,transparent 1px);
  background-size:44px 44px;
  mask-image:linear-gradient(135deg,rgba(0,0,0,.74),transparent 72%);
}
.mt2-threeui-detail .eyebrow{
  color:#047b84;
  background:rgba(5,192,192,.12);
  border:1px solid rgba(5,192,192,.2);
}
.mt2-detail-block{
  display:grid;
  grid-template-columns:1fr;
  gap:16px;
}
.mt2-detail-block>h2{
  grid-column:1;
}
.mt2-detail-block>h2{
  margin:10px 0 0;
  max-width:900px;
  font-size:clamp(28px,3.2vw,42px);
  line-height:1.06;
}
.mt2-detail-block>.mt2-detail-cta-wrap{
  grid-column:1;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  width:100%;
  margin:0;
  padding:14px 16px;
  border:1px solid rgba(15,142,232,.16);
  border-radius:18px;
  background:rgba(255,255,255,.82);
  box-shadow:0 10px 26px rgba(42,53,71,.06);
}
.mt2-detail-block>.mt2-detail-cta-wrap:before{
  content:"Files ve oyun secenekleri";
  flex:1 1 auto;
  color:#50617b;
  font-size:13px;
  font-weight:900;
  line-height:1.5;
}
.mt2-detail-block>.mt2-detail-cta-wrap .btn-primary{
  flex:0 0 auto;
  width:auto;
  max-width:100%;
  min-height:48px;
  padding:0 22px;
  color:#fff!important;
  text-align:center;
  box-shadow:0 14px 30px rgba(5,192,192,.24);
}
.mt2-detail-block>h3{
  grid-column:1;
  margin:2px 0 -2px;
  padding:0;
  border:0;
  border-radius:0;
  background:transparent;
  font-size:24px;
}
.mt2-detail-block>.legacy-feature-list{
  grid-column:1;
  display:grid;
  grid-template-columns:1fr;
  gap:9px;
  margin:0;
  perspective:900px;
}
.mt2-detail-block .legacy-feature-item{
  position:relative;
  overflow:hidden;
  grid-template-columns:34px 1fr;
  gap:12px;
  align-items:center;
  min-height:68px;
  padding:14px 16px;
  border-color:rgba(15,142,232,.16);
  border-radius:16px;
  background:rgba(255,255,255,.9);
  box-shadow:0 10px 28px rgba(42,53,71,.07);
  transform:translateZ(0);
  transition:transform .24s ease,border-color .24s ease,box-shadow .24s ease;
}
.mt2-detail-block .legacy-feature-item:before{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(90deg,rgba(5,192,192,.1),transparent 38%);
  opacity:.75;
  pointer-events:none;
}
.mt2-detail-block .legacy-feature-item>*{
  position:relative;
  z-index:1;
}
.mt2-detail-block .legacy-feature-item i{
  position:relative;
  width:34px;
  height:34px;
  color:#fff;
  background:linear-gradient(135deg,#0f8ee8,#05c0c0);
  box-shadow:0 10px 24px rgba(5,192,192,.26),inset 0 0 0 1px rgba(255,255,255,.28);
  transform:translateZ(16px);
}
.mt2-detail-block .legacy-feature-item i:before{
  content:"\f005";
  font-family:FontAwesome;
  font-style:normal;
  font-weight:normal;
  line-height:1;
}
.mt2-detail-block .legacy-feature-item i:after{
  content:"";
  position:absolute;
  inset:-7px;
  z-index:-1;
  border-radius:999px;
  background:radial-gradient(circle,rgba(5,192,192,.28),transparent 64%);
  opacity:.8;
  transform:translateZ(-1px);
}
.mt2-detail-block .legacy-feature-item:nth-child(1) i:before{content:"\f0c0"}
.mt2-detail-block .legacy-feature-item:nth-child(2) i:before{content:"\f2db"}
.mt2-detail-block .legacy-feature-item:nth-child(3) i:before{content:"\f1c0"}
.mt2-detail-block .legacy-feature-item:nth-child(4) i:before{content:"\f013"}
.mt2-detail-block .legacy-feature-item:nth-child(5) i:before{content:"\f1ad"}
.mt2-detail-block .legacy-feature-item:nth-child(2) i{
  background:linear-gradient(135deg,#2563eb,#05c0c0);
}
.mt2-detail-block .legacy-feature-item:nth-child(3) i{
  background:linear-gradient(135deg,#0f8ee8,#13deb9);
}
.mt2-detail-block .legacy-feature-item:nth-child(4) i{
  background:linear-gradient(135deg,#334155,#0f8ee8);
}
.mt2-detail-block .legacy-feature-item:nth-child(5) i{
  background:linear-gradient(135deg,#06b6d4,#0f766e);
}
.mt2-detail-block .legacy-feature-item span{
  color:#394a64;
  font-size:13.5px;
  line-height:1.55;
}
.mt2-detail-block .legacy-feature-item strong{
  color:#172238;
}
@media(hover:hover) and (pointer:fine){
  .mt2-detail-block .legacy-feature-item:hover{
    transform:translate3d(0,-3px,14px);
    border-color:rgba(5,192,192,.42);
    box-shadow:0 16px 38px rgba(42,53,71,.11);
  }
}
@media(max-width:980px){
  .mt2-detail-block>.mt2-detail-cta-wrap{
    display:grid;
    justify-items:start;
  }
  .mt2-detail-block>h3{
    margin-top:4px;
  }
}
@media(max-width:760px){
  .legacy-content.mt2-threeui-detail{
    padding:16px;
    border-radius:22px;
    box-shadow:0 16px 42px rgba(42,53,71,.1);
  }
  .legacy-content.mt2-threeui-detail:before{
    background-size:34px 34px;
    opacity:.7;
  }
  .mt2-detail-block{
    gap:12px;
  }
  .mt2-detail-block>h2{
    font-size:26px;
  }
  .mt2-detail-block>.mt2-detail-cta-wrap{
    padding:14px;
    border-radius:18px;
  }
  .mt2-detail-block>.mt2-detail-cta-wrap .btn-primary{
    width:100%;
  }
  .mt2-detail-block>h3{
    padding:0;
    font-size:20px;
  }
  .mt2-detail-block .legacy-feature-item{
    grid-template-columns:30px 1fr;
    padding:13px;
    border-radius:16px;
  }
  .mt2-detail-block .legacy-feature-item i{
    width:30px;
    height:30px;
  }
  .mt2-detail-block .legacy-feature-item span{
    font-size:13px;
    line-height:1.55;
  }
}
@media(prefers-reduced-motion:reduce){
  .mt2-detail-block .legacy-feature-item{
    transition:none;
  }
}

.ep-form-shell{position:relative;padding-top:74px}.ep-corner-note{position:absolute;top:12px;right:12px;max-width:360px;padding:10px 12px;border-radius:12px;border:1px solid rgba(15,142,232,.22);background:#eef7ff;color:#285b8f;font-size:12px;font-weight:800;line-height:1.45}@media(max-width:760px){.ep-form-shell{padding-top:12px}.ep-corner-note{position:static;max-width:100%;margin:0 0 10px}}

/* Keep closed desktop mega menus from widening the page canvas. */
@media(min-width:1061px){.mega-menu{display:none}.nav-item:hover .mega-menu,.nav-item.is-open .mega-menu{display:block}}

/* TS3 catalog guide */
.catalog-guide-layout{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:20px;align-items:start}
.catalog-guide-layout>.catalog-grid{grid-template-columns:repeat(2,minmax(0,1fr));width:100%}
.ts3-guide-card{position:sticky;top:118px;display:grid;gap:14px;padding:22px;border:1px solid rgba(15,142,232,.18);border-radius:26px;background:linear-gradient(135deg,#fff,#eefaff);box-shadow:0 18px 54px rgba(42,53,71,.1);overflow:hidden}
.ts3-guide-card:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 92% 0%,rgba(5,192,192,.18),transparent 18rem);pointer-events:none}
.ts3-guide-card>*{position:relative;z-index:1}
.ts3-guide-card h2{margin:0;font-size:28px;line-height:1.06}
.ts3-guide-card p{margin:0;font-size:14px;line-height:1.65}
.ts3-guide-steps{display:grid;gap:8px;padding:12px;border:1px solid rgba(15,142,232,.14);border-radius:18px;background:#fff}
.ts3-guide-steps span{display:flex;align-items:center;gap:9px;color:#43536d;font-size:13px;font-weight:900}
.ts3-guide-steps i{display:grid;place-items:center;width:25px;height:25px;border-radius:999px;color:#fff;background:linear-gradient(135deg,var(--primary),var(--secondary))}
.ts3-guide-card .btn-primary{width:100%}
@media(max-width:1060px){.catalog-guide-layout{grid-template-columns:1fr}.catalog-guide-layout>.catalog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.ts3-guide-card{position:relative;top:auto;order:-1}}
@media(max-width:760px){.catalog-guide-layout>.catalog-grid{grid-template-columns:1fr}.ts3-guide-card{padding:18px;border-radius:22px}.ts3-guide-card h2{font-size:24px}}
/* Metin2 AI assistant */
.mt2-ai-showcase{
  display:grid;
  grid-template-columns:minmax(0,1fr) 140px;
  gap:14px;
  align-items:center;
  margin:14px 0 16px;
  padding:14px 18px;
  border:1px solid rgba(15,142,232,.2);
  border-radius:20px;
  background:linear-gradient(130deg,#ffffff,#f2fbff 62%,#ebfcff);
  box-shadow:0 14px 36px rgba(42,53,71,.08)
}
.mt2-ai-showcase-head h2{margin:3px 0 6px;font-size:clamp(22px,2vw,29px);line-height:1.12}
.mt2-ai-showcase-head p{margin:0 0 8px;max-width:720px;font-size:13px;line-height:1.5}
.mt2-ai-showcase-head{display:flex;flex-direction:column;align-items:center;min-width:0;width:100%;text-align:center}
.mt2-affiliate-inline{margin:0 0 8px;max-width:700px;color:#38506a!important;font-size:12px!important;font-weight:800;line-height:1.4}
.mt2-ai-launch{width:max-content;max-width:100%;min-height:38px;padding:7px 15px;white-space:normal;text-align:center;line-height:1.22}
.mt2-ai-launch i{margin-right:8px}
.mt2-affiliate-strip{
  display:grid;
  gap:6px;
  align-content:center;
  justify-items:center;
  min-height:100%;
  padding:10px;
  border:1px solid rgba(15,142,232,.16);
  border-radius:15px;
  background:rgba(255,255,255,.88);
  text-align:center;
}
.mt2-affiliate-strip p{display:none}
.mt2-affiliate-logo-link{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;width:104px;max-width:100%}
.mt2-affiliate-strip img{max-height:34px;object-fit:contain}
.mt2-affiliate-strip p{margin:0;color:#38506a;font-size:13px;font-weight:800;line-height:1.55}
.mt2-affiliate-text-link{color:var(--primary);font-weight:900}
.mt2-ai-card-meta{display:none}
.mt2-ai-highlight{border-color:rgba(5,192,192,.55)!important;box-shadow:0 24px 56px rgba(5,192,192,.2)!important;transform:translateY(-6px)!important}
.mt2-ai-modal{position:fixed;inset:0;display:none;z-index:2147483000;padding:clamp(10px,2vw,24px)}
.mt2-ai-modal.show{display:grid;place-items:center}
.mt2-ai-backdrop{position:absolute;inset:0;background:rgba(5,12,26,.62);backdrop-filter:blur(4px)}
.mt2-ai-panel{position:relative;z-index:1;display:flex;flex-direction:column;width:min(760px,100%);max-height:calc(100vh - 32px);max-height:calc(100dvh - 32px);border:1px solid rgba(148,163,184,.4);border-radius:18px;background:#fff;box-shadow:0 30px 90px rgba(15,23,42,.42);overflow:hidden}
.mt2-ai-head{display:flex;align-items:center;justify-content:space-between;padding:14px 18px;background:linear-gradient(100deg,#0f172a,#1e293b);color:#e2e8f0}
.mt2-ai-head h3{margin:0;font-size:18px}
.mt2-ai-close{border:0;background:transparent;color:#e2e8f0;font-size:28px;line-height:1;cursor:pointer}
.mt2-ai-body{display:flex;flex-direction:column;min-height:0;padding:16px}
.mt2-ai-body p{margin:0 0 10px;color:#334155;font-size:14px}
.mt2-ai-quick{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 12px}
.mt2-ai-quick button{min-height:34px;padding:7px 11px;border:1px solid rgba(2,132,199,.22);border-radius:999px;background:linear-gradient(135deg,#fff,#eef8ff);color:#075985;font-size:12px;font-weight:900;line-height:1.25;text-align:center;white-space:normal;cursor:pointer;box-shadow:0 8px 18px rgba(15,23,42,.06);transition:.18s ease}
.mt2-ai-quick button:hover{transform:translateY(-2px);border-color:rgba(5,192,192,.5);box-shadow:0 12px 26px rgba(15,142,232,.12)}
.mt2-ai-input{width:100%;min-height:120px;border:1px solid #cbd5e1;border-radius:10px;padding:12px;font-size:14px;line-height:1.55;resize:vertical}
.mt2-ai-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:10px}
.mt2-ai-run{height:42px;padding:0 16px;border:0;border-radius:10px;background:#0284c7;color:#fff;font-weight:800;cursor:pointer}
.mt2-ai-clear{height:42px;padding:0 16px;border:1px solid #cbd5e1;border-radius:10px;background:#fff;color:#0f172a;font-weight:700;cursor:pointer}
.mt2-ai-output{margin-top:12px;padding:14px;border-radius:10px;background:#f8fafc;border:1px solid #e2e8f0;color:#0f172a;font-size:14px;line-height:1.6}
.mt2-ai-chat{flex:1 1 auto;min-height:180px;max-height:340px;overflow:auto;display:flex;flex-direction:column;gap:10px}
.mt2-ai-msg{max-width:92%;padding:10px 12px;border-radius:12px;font-size:14px;line-height:1.6;word-wrap:break-word}
.mt2-ai-msg.user{align-self:flex-end;background:#0284c7;color:#fff;border-bottom-right-radius:4px}
.mt2-ai-msg.ai{align-self:flex-start;background:#e2e8f0;color:#0f172a;border-bottom-left-radius:4px}
.mt2-ai-msg.ai.has-result-card{width:100%;max-width:100%;padding:0;background:transparent}
.mt2-ai-result-card{position:relative;overflow:hidden;display:grid;gap:12px;padding:14px;border:1px solid rgba(5,192,192,.24);border-radius:18px;background:linear-gradient(135deg,#fff,#f1fcff);box-shadow:0 18px 44px rgba(15,142,232,.13),inset 0 1px 0 rgba(255,255,255,.84)}
.mt2-ai-result-card:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 88% 0%,rgba(32,244,232,.2),transparent 16rem),linear-gradient(120deg,rgba(255,255,255,.58),transparent 48%,rgba(15,142,232,.08));pointer-events:none}
.mt2-ai-result-card>*{position:relative;z-index:1}
.mt2-ai-result-hero{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px 12px;align-items:center;padding:13px;border:1px solid rgba(15,142,232,.14);border-radius:16px;background:rgba(255,255,255,.78)}
.mt2-ai-result-kicker{grid-column:1/-1;width:max-content;max-width:100%;padding:5px 8px;border-radius:999px;background:rgba(5,192,192,.1);color:#057b83;font-size:10px;font-weight:950;letter-spacing:.12em;text-transform:uppercase}
.mt2-ai-result-hero h4{margin:0;color:var(--ink);font-family:"Space Grotesk",Manrope,sans-serif;font-size:clamp(22px,3vw,31px);line-height:1.05}
.mt2-ai-result-price{display:grid;justify-items:end;gap:2px;color:#52627c;font-size:12px;font-weight:900;white-space:nowrap}
.mt2-ai-result-price strong{color:var(--ink);font-size:22px;line-height:1}
.mt2-ai-result-capacity{grid-column:1/-1;display:flex;align-items:center;gap:8px;min-width:0;padding:10px 11px;border-radius:14px;background:linear-gradient(135deg,rgba(15,142,232,.1),rgba(5,192,192,.1));color:#38506a;font-weight:900}
.mt2-ai-result-capacity i{display:grid;place-items:center;width:28px;height:28px;border-radius:10px;color:#fff;background:linear-gradient(135deg,var(--primary),var(--secondary));box-shadow:0 10px 22px rgba(15,142,232,.16)}
.mt2-ai-result-capacity span{min-width:0}
.mt2-ai-result-capacity strong{margin-left:auto;color:var(--ink);font-size:18px}
.mt2-ai-result-reasons{display:grid;gap:8px;margin:0;padding:0;list-style:none}
.mt2-ai-result-reasons li{display:grid;grid-template-columns:30px minmax(0,1fr);gap:9px;align-items:start;padding:10px;border:1px solid rgba(15,142,232,.12);border-radius:14px;background:rgba(255,255,255,.74);color:#40516b;font-size:13px;font-weight:800;line-height:1.45}
.mt2-ai-result-reasons i{display:grid;place-items:center;width:30px;height:30px;border-radius:11px;color:#fff;background:linear-gradient(135deg,#0f8ee8,#05c0c0);box-shadow:0 9px 18px rgba(15,142,232,.14)}
.mt2-ai-result-alternatives{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
.mt2-ai-result-mini{display:grid;gap:4px;min-width:0;padding:11px;border:1px solid rgba(15,142,232,.14);border-radius:15px;background:#fff;box-shadow:0 10px 24px rgba(42,53,71,.06)}
.mt2-ai-result-mini span{color:#057b83;font-size:10px;font-weight:950;letter-spacing:.08em;text-transform:uppercase}
.mt2-ai-result-mini strong{color:var(--ink);font-size:14px;line-height:1.25}
.mt2-ai-result-mini small,.mt2-ai-result-mini em{color:#53647d;font-size:12px;font-style:normal;font-weight:850;line-height:1.35}
.mt2-ai-result-mini.is-strong{background:linear-gradient(135deg,#fff,#effffd)}
.mt2-ai-result-actions{display:grid;grid-template-columns:1fr 1fr;gap:9px}
.mt2-ai-result-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:42px;padding:0 12px;border:1px solid rgba(15,142,232,.18);border-radius:14px;background:#fff;color:#075985;font:inherit;font-size:12px;font-weight:950;line-height:1.2;cursor:pointer;box-shadow:0 10px 24px rgba(42,53,71,.07);transition:.18s ease}
.mt2-ai-result-btn i{color:var(--primary)}
.mt2-ai-result-btn.is-primary{border:0;color:#fff;background:linear-gradient(135deg,var(--primary),var(--secondary));box-shadow:0 14px 30px rgba(15,142,232,.22)}
.mt2-ai-result-btn.is-primary i{color:#fff}
.mt2-ai-result-btn:hover{transform:translateY(-2px);border-color:rgba(5,192,192,.48);box-shadow:0 16px 34px rgba(42,53,71,.11)}
.mt2-ai-result-btn.is-added{color:#047857;border-color:rgba(19,222,185,.42);background:#ecfdf5}
.mt2-ai-result-note{margin:0!important;color:#52627c!important;font-size:12px!important;font-weight:850!important;line-height:1.45!important}
.mt2-ai-typing{display:inline-flex;align-items:center;gap:6px}
.mt2-ai-dot{width:6px;height:6px;border-radius:999px;background:#334155;opacity:.45;animation:mt2AIDot 1.2s infinite}
.mt2-ai-dot:nth-child(2){animation-delay:.2s}
.mt2-ai-dot:nth-child(3){animation-delay:.4s}
@keyframes mt2AIDot{0%,80%,100%{transform:translateY(0);opacity:.35}40%{transform:translateY(-4px);opacity:1}}
body.mt2-ai-lock{overflow:hidden}
body.mt2-ai-lock jdiv,body.mt2-ai-lock [id^="jivo"],body.mt2-ai-lock [class*="jivo"],body.mt2-ai-lock iframe[src*="jivo"]{visibility:hidden!important;opacity:0!important;pointer-events:none!important}
@media(max-width:980px){.mt2-ai-showcase{grid-template-columns:1fr}}
@media(max-width:760px){.mt2-ai-showcase{padding:14px;border-radius:18px}.mt2-ai-showcase-head h2{font-size:24px}.mt2-ai-showcase-head p{font-size:13px;line-height:1.62}.mt2-affiliate-strip{grid-template-columns:1fr;gap:8px;padding:10px 11px}.mt2-affiliate-logo-link{width:128px}.mt2-ai-modal{padding:0}.mt2-ai-panel{width:100%;height:100vh;height:100dvh;max-height:none;max-width:none;border:0;border-radius:0}.mt2-ai-head{min-height:54px;padding:10px 13px}.mt2-ai-head h3{font-size:14px;line-height:1.25}.mt2-ai-close{display:grid;place-items:center;width:38px;height:38px;font-size:25px}.mt2-ai-body{flex:1;height:auto;min-height:0;overflow:hidden;padding:10px 10px 12px}.mt2-ai-body p{display:-webkit-box;margin:0 0 8px;color:#475569;font-size:12px;line-height:1.42;overflow:hidden;-webkit-line-clamp:2;-webkit-box-orient:vertical}.mt2-ai-quick{display:flex;flex-wrap:nowrap;gap:6px;margin:0 -10px 8px;padding:0 10px 4px;overflow-x:auto;overflow-y:hidden;scrollbar-width:thin;-webkit-overflow-scrolling:touch}.mt2-ai-quick button{flex:0 0 auto;width:auto;min-width:132px;max-width:210px;min-height:32px;padding:6px 10px;font-size:11px}.mt2-ai-input{min-height:66px;max-height:86px;padding:10px;font-size:13px;line-height:1.42}.mt2-ai-actions{gap:8px;margin-top:8px}.mt2-ai-run,.mt2-ai-clear{height:36px;padding:0 12px;font-size:12px}.mt2-ai-output{flex:1 1 auto;min-height:0;margin-top:8px;padding:10px;border-radius:12px}.mt2-ai-chat{height:auto;flex:1 1 auto;min-height:0;max-height:none;overflow:auto}.mt2-ai-msg{max-width:96%;padding:9px 10px;font-size:12px;line-height:1.5}.mt2-ai-result-card{gap:10px;padding:11px;border-radius:16px}.mt2-ai-result-hero{grid-template-columns:1fr;padding:11px}.mt2-ai-result-price{justify-items:start;white-space:normal}.mt2-ai-result-price strong{font-size:20px}.mt2-ai-result-capacity{align-items:flex-start}.mt2-ai-result-capacity strong{margin-left:0}.mt2-ai-result-reasons li{grid-template-columns:28px minmax(0,1fr);padding:9px;font-size:12px}.mt2-ai-result-reasons i{width:28px;height:28px}.mt2-ai-result-alternatives,.mt2-ai-result-actions{grid-template-columns:1fr}.mt2-ai-result-btn{min-height:40px}}
@media(max-width:380px){.mt2-ai-head{min-height:50px;padding:9px 11px}.mt2-ai-head h3{font-size:13px}.mt2-ai-body{padding:9px}.mt2-ai-body p{margin-bottom:7px;font-size:11px;line-height:1.38;-webkit-line-clamp:2}.mt2-ai-quick{gap:6px;margin-left:-9px;margin-right:-9px;padding-left:9px;padding-right:9px}.mt2-ai-quick button{min-width:126px;max-width:180px;min-height:30px;padding:6px 8px;font-size:10.5px}.mt2-ai-input{min-height:58px;max-height:72px;padding:9px;font-size:12px}.mt2-ai-actions{margin-top:7px}.mt2-ai-run,.mt2-ai-clear{height:34px}.mt2-ai-output{margin-top:7px;padding:9px}.mt2-ai-msg{font-size:11.5px;line-height:1.48}}
@media(max-width:760px) and (max-height:640px){.mt2-ai-head{min-height:48px}.mt2-ai-body p{-webkit-line-clamp:1}.mt2-ai-input{min-height:52px;max-height:62px}.mt2-ai-quick button{min-height:30px}.mt2-ai-actions{margin-top:6px}.mt2-ai-output{margin-top:6px}}

@media(max-width:760px){
  .mt2-ai-showcase{
    position:relative;
    display:grid;
    grid-template-columns:minmax(0,1fr) auto;
    gap:10px;
    align-items:center;
    margin:10px 0 12px;
    padding:12px;
    border-radius:18px;
    overflow:hidden;
    background:linear-gradient(135deg,rgba(255,255,255,.98),rgba(236,251,255,.94));
  }
  .mt2-ai-showcase:before{
    content:"";
    position:absolute;
    inset:auto -36px -54px auto;
    width:150px;
    height:150px;
    border-radius:50%;
    background:radial-gradient(circle,rgba(5,192,192,.2),transparent 68%);
    pointer-events:none;
  }
  .mt2-ai-showcase-head{
    position:relative;
    z-index:1;
    align-items:flex-start;
    text-align:left;
  }
  .mt2-ai-showcase-head .eyebrow{
    margin-bottom:4px;
    padding:4px 7px;
    border:1px solid rgba(5,192,192,.18);
    border-radius:999px;
    background:rgba(5,192,192,.1);
    font-size:8.5px;
    line-height:1;
  }
  .mt2-ai-showcase-head h2{
    margin:0 0 5px;
    font-size:18px;
    line-height:1.08;
    letter-spacing:-.025em;
  }
  .mt2-ai-showcase-head p{
    display:-webkit-box;
    max-width:100%;
    margin:0 0 7px;
    color:#52637c;
    font-size:11.5px;
    font-weight:800;
    line-height:1.42;
    overflow:hidden;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
  }
  .mt2-affiliate-inline{
    display:block;
    margin:0 0 8px;
    font-size:11px!important;
    line-height:1.35;
  }
  .mt2-ai-launch{
    width:100%;
    min-height:36px;
    padding:0 10px;
    border-radius:13px;
    font-size:12px;
    line-height:1.15;
  }
  .mt2-ai-launch i{
    margin-right:5px;
  }
  .mt2-affiliate-strip{
    position:relative;
    z-index:1;
    width:84px;
    min-height:84px;
    padding:8px;
    border-radius:16px;
    background:rgba(255,255,255,.72);
    box-shadow:inset 0 0 0 1px rgba(255,255,255,.7);
  }
  .mt2-affiliate-logo-link{
    width:68px;
  }
  .mt2-affiliate-strip img{
    max-height:30px;
  }
}
@media(max-width:430px){
  .mt2-ai-showcase{
    grid-template-columns:1fr;
    gap:8px;
  }
  .mt2-affiliate-strip{
    display:grid;
    width:100%;
    min-height:52px;
    padding:7px 10px;
    border-radius:14px;
  }
  .mt2-affiliate-logo-link{
    width:104px;
  }
  .mt2-affiliate-strip img{
    max-height:30px;
  }
  .mt2-ai-showcase-head h2{
    font-size:17px;
  }
}

/* Metin2 AI assistant premium shell */
.mt2-ai-modal.show{align-items:center;justify-items:center}
.mt2-ai-backdrop{background:radial-gradient(circle at 50% 8%,rgba(32,244,232,.18),transparent 20rem),rgba(5,12,26,.68);backdrop-filter:blur(8px)}
.mt2-ai-panel{width:min(860px,calc(100vw - 28px));border:1px solid rgba(32,244,232,.28);border-radius:26px;background:linear-gradient(135deg,rgba(255,255,255,.98),rgba(239,251,255,.96));box-shadow:0 34px 100px rgba(13,27,51,.42),0 0 0 1px rgba(255,255,255,.56);isolation:isolate}
.mt2-ai-panel:before{content:"";position:absolute;inset:0;z-index:0;background:linear-gradient(90deg,rgba(15,142,232,.055) 1px,transparent 1px),linear-gradient(0deg,rgba(5,192,192,.05) 1px,transparent 1px),radial-gradient(circle at 92% 7%,rgba(32,244,232,.2),transparent 18rem);background-size:44px 44px,44px 44px,auto;pointer-events:none}
.mt2-ai-panel>*{position:relative;z-index:1}
.mt2-ai-head{min-height:68px;padding:17px 20px;border-bottom:1px solid rgba(32,244,232,.16);background:linear-gradient(135deg,#0d1b33,#123b66 62%,#087f92);color:#fff}
.mt2-ai-head h3{display:flex;align-items:center;gap:10px;color:#fff;font-family:"Space Grotesk",Manrope,sans-serif;font-size:20px;letter-spacing:-.02em}
.mt2-ai-head h3:before{content:"\f0eb";display:grid;place-items:center;width:34px;height:34px;border-radius:12px;background:linear-gradient(135deg,var(--primary),var(--secondary));font-family:FontAwesome;font-size:17px;box-shadow:0 14px 28px rgba(5,192,192,.22)}
.mt2-ai-close{display:grid;place-items:center;width:42px;height:42px;border-radius:14px;background:rgba(255,255,255,.12);color:#fff;font-size:26px;transition:.18s ease}
.mt2-ai-close:hover{background:rgba(255,255,255,.2);transform:translateY(-1px)}
.mt2-ai-body{gap:12px;padding:18px;background:transparent}
.mt2-ai-body>p{margin:0;padding:12px 14px;border:1px solid rgba(15,142,232,.12);border-radius:16px;background:rgba(255,255,255,.72);color:#3f5069;font-size:13px;font-weight:800;line-height:1.58}
.mt2-ai-quick{gap:8px;margin:0}
.mt2-ai-quick button{min-height:38px;padding:8px 12px;border-color:rgba(15,142,232,.18);border-radius:999px;background:linear-gradient(135deg,#fff,#f0fbff);color:#075985;box-shadow:0 10px 22px rgba(42,53,71,.07),inset 0 1px 0 rgba(255,255,255,.8)}
.mt2-ai-quick button:hover{background:#fff;box-shadow:0 14px 30px rgba(15,142,232,.13),0 0 0 1px rgba(32,244,232,.2)}
.mt2-ai-input{min-height:118px;border:1px solid rgba(15,142,232,.2);border-radius:18px;background:rgba(255,255,255,.9);color:var(--ink);font-weight:750;box-shadow:inset 0 1px 0 rgba(255,255,255,.9);outline:none;transition:.18s ease}
.mt2-ai-input:focus{border-color:rgba(5,192,192,.68);box-shadow:0 0 0 4px rgba(5,192,192,.12),inset 0 1px 0 rgba(255,255,255,.9)}
.mt2-ai-actions{margin-top:0}
.mt2-ai-run,.mt2-ai-clear{height:44px;border-radius:14px;font-weight:950}
.mt2-ai-run{background:linear-gradient(135deg,var(--primary),var(--secondary));box-shadow:0 14px 30px rgba(15,142,232,.2)}
.mt2-ai-clear{border-color:rgba(15,142,232,.18);background:#fff;color:#172033}
.mt2-ai-output{margin-top:0;border:1px solid rgba(15,142,232,.14);border-radius:18px;background:linear-gradient(135deg,rgba(255,255,255,.76),rgba(244,252,255,.82));box-shadow:inset 0 1px 0 rgba(255,255,255,.9)}
.mt2-ai-chat{min-height:176px;max-height:360px}
.mt2-ai-msg{border-radius:16px}
.mt2-ai-msg.ai:not(.has-result-card){position:relative;align-self:stretch;max-width:100%;padding:13px 14px 13px 52px;border:1px solid rgba(15,142,232,.12);background:rgba(255,255,255,.82);color:#172033;box-shadow:0 10px 24px rgba(42,53,71,.06)}
.mt2-ai-msg.ai:not(.has-result-card):before{content:"\f0eb";position:absolute;left:13px;top:13px;display:grid;place-items:center;width:28px;height:28px;border-radius:10px;background:linear-gradient(135deg,var(--primary),var(--secondary));color:#fff;font-family:FontAwesome;font-size:14px;box-shadow:0 10px 20px rgba(15,142,232,.16)}
.mt2-ai-msg.user{border-radius:16px;background:linear-gradient(135deg,var(--primary),var(--secondary));box-shadow:0 12px 26px rgba(15,142,232,.18)}
@media(max-width:760px){
  .mt2-ai-modal.show{align-items:stretch;justify-items:stretch}
  .mt2-ai-panel{width:100%;height:100vh;height:100dvh;max-height:none;border:0;border-radius:0}
  .mt2-ai-panel:before{background-size:36px 36px,36px 36px,auto}
  .mt2-ai-head{min-height:58px;padding:10px 13px}
  .mt2-ai-head h3{font-size:15px}
  .mt2-ai-head h3:before{width:30px;height:30px;border-radius:10px;font-size:15px}
  .mt2-ai-close{width:38px;height:38px;border-radius:12px}
  .mt2-ai-body{gap:9px;padding:10px}
  .mt2-ai-body>p{display:block;padding:10px 11px;border-radius:14px;font-size:12px;line-height:1.42;overflow:visible;-webkit-line-clamp:unset;-webkit-box-orient:initial}
  .mt2-ai-input{min-height:72px;max-height:92px;border-radius:15px}
  .mt2-ai-output{border-radius:15px}
  .mt2-ai-chat{min-height:0}
  .mt2-ai-msg.ai:not(.has-result-card){padding:11px 11px 11px 46px}
  .mt2-ai-msg.ai:not(.has-result-card):before{left:10px;top:11px;width:26px;height:26px}
}

/* Corporate contact page */
.contact-hero{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(320px,.8fr);gap:22px;align-items:stretch;margin-bottom:18px}
.contact-hero-copy,.contact-hero-panel,.contact-final-band{position:relative;overflow:hidden;border:1px solid rgba(15,142,232,.18);border-radius:26px;background:linear-gradient(135deg,#fff,#f4fbff);box-shadow:0 20px 58px rgba(42,53,71,.1)}
.contact-hero-copy{display:flex;flex-direction:column;justify-content:center;min-height:440px;padding:clamp(28px,5vw,58px)}
.contact-hero-copy h1{max-width:860px;margin:12px 0 16px;font-size:clamp(38px,5.2vw,70px);line-height:1}
.contact-hero-copy p{max-width:780px;font-size:17px;line-height:1.78}
.contact-hero .hero-actions a{gap:9px}
.contact-hero-panel{display:flex;flex-direction:column;justify-content:space-between;gap:18px;padding:28px;color:#dbeafe;background:linear-gradient(145deg,#0d1b33,#12365d 64%,#0b787f)}
.contact-hero-panel span{width:max-content;padding:7px 10px;border-radius:999px;background:rgba(255,255,255,.12);color:#a7f3d0;font-size:12px;font-weight:900;letter-spacing:.12em;text-transform:uppercase}
.contact-hero-panel h2{margin:0;color:#fff;font-size:clamp(28px,3vw,38px);line-height:1.08}
.contact-hero-panel p{margin:0;color:#e0f2fe}
.contact-hero-panel dl{display:grid;gap:10px;margin:0}
.contact-hero-panel dl div{padding:13px 14px;border:1px solid rgba(255,255,255,.14);border-radius:16px;background:rgba(255,255,255,.08)}
.contact-hero-panel dt{color:#9be7ff;font-size:12px;font-weight:900;text-transform:uppercase}
.contact-hero-panel dd{margin:5px 0 0;color:#fff;font-weight:800;line-height:1.5}
.contact-trust-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:0 0 28px}
.contact-trust-strip article{padding:18px;border:1px solid rgba(223,229,239,.94);border-radius:18px;background:#fff;box-shadow:0 12px 34px rgba(42,53,71,.07)}
.contact-trust-strip strong{display:block;color:#0f8ee8;font-size:30px;line-height:1}
.contact-trust-strip span{display:block;margin-top:7px;color:#43536d;font-weight:900;line-height:1.45}
.contact-section-head{margin:36px 0 16px}
.contact-section-head h2{max-width:760px}
.contact-section-head p{max-width:760px;margin-bottom:0}
.contact-channel-grid,.contact-process-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.contact-channel-card,.contact-process-grid article{padding:22px;border:1px solid rgba(223,229,239,.94);border-radius:22px;background:#fff;box-shadow:0 14px 42px rgba(42,53,71,.08)}
.contact-channel-card{display:flex;flex-direction:column;min-height:278px}
.contact-channel-card>i{display:grid;place-items:center;width:48px;height:48px;border-radius:16px;color:#fff;background:linear-gradient(135deg,#0f8ee8,#05c0c0);font-size:22px}
.contact-channel-card h3,.contact-process-grid h3{margin:16px 0 8px;font-size:24px;line-height:1.1}
.contact-channel-card p{margin:0 0 18px}
.contact-channel-card a{display:inline-flex;align-items:center;justify-content:center;width:max-content;max-width:100%;min-height:38px;margin-top:auto;padding:0 13px;border:1px solid rgba(15,142,232,.22);border-radius:999px;color:#0f8ee8;background:#f8fbff;font-weight:900}
.contact-process{margin-top:18px}
.contact-process-grid article b{display:grid;place-items:center;width:42px;height:42px;border-radius:999px;color:#fff;background:#13deb9;font-size:13px}
.contact-process-grid p{margin-bottom:0}
.contact-extra-content{margin-top:26px}
.contact-final-band{display:flex;align-items:center;justify-content:space-between;gap:18px;margin:30px 0 0;padding:28px;background:linear-gradient(135deg,#fff,#f7fbff)}
.contact-final-band h2{margin:6px 0 8px;font-size:clamp(28px,3.6vw,44px)}
.contact-final-band p{max-width:720px;margin:0}
@media(max-width:980px){.contact-hero{grid-template-columns:1fr}.contact-hero-copy{min-height:auto}.contact-trust-strip,.contact-channel-grid,.contact-process-grid{grid-template-columns:1fr 1fr}.contact-final-band{align-items:flex-start;flex-direction:column}}
@media(max-width:680px){.contact-hero{gap:14px}.contact-hero-copy,.contact-hero-panel,.contact-channel-card,.contact-process-grid article,.contact-final-band{border-radius:20px}.contact-hero-copy{padding:24px 18px}.contact-hero-copy h1{font-size:clamp(34px,11vw,48px)}.contact-hero-copy p{font-size:15px}.contact-hero-panel{padding:20px}.contact-trust-strip,.contact-channel-grid,.contact-process-grid{grid-template-columns:1fr}.contact-trust-strip strong{font-size:26px}.contact-channel-card{min-height:auto}.contact-channel-card a{width:100%}.contact-final-band{padding:22px 18px}.contact-final-band .btn-primary{width:100%}}

/* Temporary card payment contact flow */
.payment-contact-card{width:100%;border-style:dashed;text-align:left;font:inherit}
.payment-contact-card:hover{border-color:rgba(15,142,232,.52);background:linear-gradient(135deg,#fff,#f4fbff)}
.payment-card-icon{grid-row:span 2;display:grid;place-items:center;width:30px;height:30px;border-radius:12px;color:#fff;background:linear-gradient(135deg,#0f8ee8,#05c0c0);font-size:14px}
.payment-contact-modal{position:fixed;inset:0;z-index:240;display:none;padding:18px}
.payment-contact-modal.is-open{display:grid;place-items:center}
.payment-contact-backdrop{position:absolute;inset:0;background:rgba(5,12,26,.62);backdrop-filter:blur(5px)}
.payment-contact-panel{position:relative;z-index:1;width:min(520px,100%);padding:26px;border:1px solid rgba(148,163,184,.34);border-radius:22px;background:#fff;box-shadow:0 30px 90px rgba(15,23,42,.36)}
.payment-contact-panel h3{margin:8px 0 10px;font-size:clamp(25px,4vw,36px);line-height:1.08}
.payment-contact-panel p{margin:0;color:#475569;line-height:1.7}
.payment-contact-close{position:absolute;top:12px;right:12px;display:grid;place-items:center;width:36px;height:36px;border:0;border-radius:999px;background:#eef7ff;color:#0f172a;font-size:26px;line-height:1;cursor:pointer}
.payment-contact-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}
.payment-contact-actions.is-centered{justify-content:center;margin:22px 0 14px}
.payment-contact-actions a{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px}
body.payment-contact-lock{overflow:hidden}
@media(max-width:640px){.payment-contact-modal{padding:10px}.payment-contact-panel{padding:24px 16px 18px;border-radius:20px}.payment-contact-actions a{width:100%}}

/* Professional references page */
.ref-hero{
  display:grid;
  grid-template-columns:minmax(0,1.35fr) minmax(300px,.65fr);
  gap:20px;
  align-items:stretch;
  width:min(1240px,calc(100% - 28px));
  margin:22px auto 0;
}
.ref-hero-copy,.ref-hero-panel,.ref-proof-strip article,.ref-pro-showcase,.ref-cta-band{
  position:relative;
  overflow:hidden;
  border:1px solid rgba(15,142,232,.18);
  background:#fff;
  box-shadow:0 18px 52px rgba(42,53,71,.09);
}
.ref-hero-copy{
  display:flex;
  flex-direction:column;
  justify-content:center;
  min-height:390px;
  padding:clamp(28px,5vw,58px);
  border-radius:28px;
  background:linear-gradient(130deg,#fff 0%,#f3fbff 58%,#eefcff 100%);
}
.ref-hero-copy h1{
  max-width:840px;
  margin:12px 0 16px;
  color:var(--ink);
  font-size:clamp(42px,6vw,76px);
  line-height:.98;
}
.ref-hero-copy p{
  max-width:760px;
  margin:0;
  color:#43536d;
  font-size:17px;
  line-height:1.78;
}
.ref-hero .hero-actions a{gap:9px}
.ref-hero-panel{
  display:flex;
  flex-direction:column;
  justify-content:flex-end;
  min-height:390px;
  padding:28px;
  border-radius:28px;
  color:#dbeafe;
  background:linear-gradient(145deg,#0d1b33 0%,#123c68 62%,#087b86 100%);
}
.ref-hero-panel span{
  width:max-content;
  margin-bottom:auto;
  padding:7px 10px;
  border-radius:999px;
  background:rgba(255,255,255,.12);
  color:#a7f3d0;
  font-size:12px;
  font-weight:900;
  letter-spacing:.12em;
  text-transform:uppercase;
}
.ref-hero-panel strong{
  display:block;
  color:#fff;
  font-family:"Space Grotesk",Manrope,sans-serif;
  font-size:clamp(68px,9vw,112px);
  line-height:.86;
}
.ref-count-label{
  display:block;
  width:max-content;
  max-width:100%;
  margin:14px 0 0;
  padding:8px 11px;
  border-radius:999px;
  color:#c7f9ff;
  background:rgba(5,192,192,.14);
  border:1px solid rgba(125,211,252,.18);
  font-size:12px;
  font-weight:1000;
  letter-spacing:.02em;
}
.ref-hero-panel p{
  margin:14px 0;
  color:#e0f2fe;
  line-height:1.65;
}
.ref-hero-panel p b{color:#fff}
.ref-serious-note{
  display:flex;
  align-items:center;
  gap:8px;
  width:max-content;
  max-width:100%;
  margin:0 0 14px;
  padding:10px 12px;
  border:1px solid rgba(255,255,255,.16);
  border-radius:14px;
  background:rgba(255,255,255,.1);
  color:#fff;
  font-size:13px;
  font-weight:1000;
}
.ref-serious-note i{color:#7dd3fc}
.ref-hero-mini{
  display:grid;
  gap:4px;
  padding:14px 15px;
  border:1px solid rgba(255,255,255,.16);
  border-radius:16px;
  background:rgba(255,255,255,.08);
}
.ref-hero-mini b{color:#fff;font-size:22px}
.ref-hero-mini small{color:#b9e7ff;font-weight:900}
.ref-proof-strip{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:14px;
  width:min(1240px,calc(100% - 28px));
  margin:18px auto 0;
}
.ref-proof-strip article{
  display:grid;
  grid-template-columns:48px 1fr;
  gap:4px 12px;
  align-items:center;
  min-height:112px;
  padding:18px;
  border-radius:20px;
}
.ref-proof-strip i{
  grid-row:span 2;
  display:grid;
  place-items:center;
  width:48px;
  height:48px;
  border-radius:16px;
  color:#fff;
  background:linear-gradient(135deg,var(--primary),var(--secondary));
  font-size:20px;
}
.ref-proof-strip strong{color:var(--ink);font-size:17px}
.ref-proof-strip span{color:#5a6a85;font-size:13px;font-weight:800;line-height:1.5}
.ref-pro-showcase{
  width:min(1240px,calc(100% - 28px));
  margin:20px auto 0;
  padding:clamp(20px,3vw,32px);
  border-radius:28px;
  background:linear-gradient(135deg,#fff 0%,#f7fbff 100%);
}
.ref-section-head{
  display:flex;
  justify-content:space-between;
  align-items:flex-end;
  gap:20px;
  margin-bottom:18px;
}
.ref-section-head h2{
  max-width:700px;
  margin:8px 0 0;
  color:var(--ink);
  font-size:clamp(28px,3.5vw,44px);
  line-height:1.08;
}
.ref-section-head p{
  max-width:420px;
  margin:0;
  color:#5a6a85;
  font-weight:800;
  line-height:1.65;
}
.ref-spotlight-showcase{
  position:relative;
  overflow:hidden;
  margin:0 0 20px;
  padding:18px;
  border:1px solid rgba(15,142,232,.16);
  border-radius:24px;
  background:
    radial-gradient(circle at var(--spotlight-glow-x,78%) 18%,rgba(5,192,192,.24),transparent 24rem),
    linear-gradient(135deg,#081426,#123b68 56%,#057b83);
  box-shadow:0 20px 54px rgba(13,27,51,.14);
  isolation:isolate;
}
.ref-spotlight-showcase:before{
  content:"";
  position:absolute;
  inset:0;
  z-index:0;
  background:
    linear-gradient(90deg,rgba(255,255,255,.055) 1px,transparent 1px),
    linear-gradient(0deg,rgba(255,255,255,.045) 1px,transparent 1px);
  background-size:44px 44px;
  opacity:.52;
  pointer-events:none;
}
.ref-spotlight-showcase>*{position:relative;z-index:1}
.ref-spotlight-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:14px;
  margin-bottom:14px;
}
.ref-spotlight-head .eyebrow{
  border-color:rgba(189,239,255,.22);
  color:#a7f3ff;
  background:rgba(255,255,255,.1);
}
.ref-spotlight-head h3{
  margin:8px 0 0;
  color:#fff;
  font-size:clamp(22px,2.6vw,34px);
  line-height:1.04;
}
.ref-spotlight-controls{
  display:flex;
  flex:0 0 auto;
  gap:8px;
}
.ref-spotlight-controls button{
  display:grid;
  place-items:center;
  width:42px;
  height:42px;
  border:1px solid rgba(255,255,255,.22);
  border-radius:14px;
  color:#fff;
  background:rgba(255,255,255,.12);
  box-shadow:0 12px 28px rgba(5,18,34,.18);
  cursor:pointer;
  transition:transform .18s ease,background .18s ease,border-color .18s ease;
}
.ref-spotlight-controls button:hover{
  transform:translateY(-2px);
  border-color:rgba(32,244,232,.48);
  background:rgba(32,244,232,.18);
}
.ref-spotlight-stage{
  overflow:hidden;
  perspective:1200px;
}
.ref-spotlight-track{
  display:grid;
  grid-auto-flow:column;
  grid-auto-columns:minmax(250px,1fr);
  gap:14px;
  overflow-x:auto;
  overflow-y:hidden;
  padding:4px 2px 12px;
  scroll-snap-type:x mandatory;
  scrollbar-width:none;
}
.ref-spotlight-track::-webkit-scrollbar{display:none}
.ref-spotlight-card{
  position:relative;
  display:flex;
  flex-direction:column;
  justify-content:flex-end;
  min-height:270px;
  overflow:hidden;
  padding:18px;
  border:1px solid rgba(255,255,255,.18);
  border-radius:20px;
  color:#fff;
  background:
    radial-gradient(circle at 30% 18%,rgba(125,211,252,.22),transparent 36%),
    linear-gradient(145deg,#0d1b33,#102548 58%,#06111f);
  box-shadow:0 22px 46px rgba(2,8,23,.25);
  scroll-snap-align:center;
  transform:translateZ(0) rotateY(0deg);
  transform-style:preserve-3d;
  transition:transform .28s ease,border-color .22s ease,box-shadow .22s ease,opacity .22s ease;
  isolation:isolate;
}
.ref-spotlight-card:before{
  content:"";
  position:absolute;
  inset:0;
  z-index:1;
  background:
    radial-gradient(circle at 28% 22%,rgba(255,255,255,.16),transparent 24%),
    linear-gradient(180deg,rgba(5,18,34,.04),rgba(5,18,34,.84));
  pointer-events:none;
}
.ref-spotlight-card:after{
  content:"";
  position:absolute;
  inset:16px;
  z-index:1;
  border:1px solid rgba(255,255,255,.13);
  border-radius:16px;
  box-shadow:inset 0 0 30px rgba(255,255,255,.055);
  pointer-events:none;
}
.ref-spotlight-card img{
  position:absolute;
  inset:0;
  z-index:0;
  width:100%;
  height:100%;
  object-fit:cover;
  opacity:.82;
  transform:scale(1.03);
  transition:transform .32s ease,opacity .24s ease;
}
.ref-spotlight-logo{
  position:absolute;
  inset:0;
  z-index:0;
  display:grid;
  place-items:center;
  padding:22px;
  color:#f8fdff;
  font-size:clamp(2rem,4vw,3.4rem);
  font-weight:1000;
  text-align:center;
  text-shadow:0 18px 36px rgba(0,0,0,.38);
  background:
    linear-gradient(135deg,rgba(255,255,255,.1),rgba(255,255,255,0)),
    var(--ref-logo-bg,linear-gradient(135deg,#0f766e,#0e7490));
}
.ref-spotlight-badge,
.ref-spotlight-card strong,
.ref-spotlight-card small{
  position:relative;
  z-index:2;
}
.ref-spotlight-badge{
  width:max-content;
  max-width:100%;
  margin-bottom:10px;
  padding:6px 9px;
  border:1px solid rgba(189,239,255,.22);
  border-radius:999px;
  background:rgba(5,18,34,.58);
  color:#a7f3ff;
  font-size:11px;
  font-weight:1000;
}
.ref-spotlight-card strong{
  display:block;
  max-width:92%;
  color:#fff;
  font-family:"Space Grotesk",Manrope,sans-serif;
  font-size:clamp(24px,2.8vw,34px);
  line-height:1.02;
  text-shadow:0 12px 24px rgba(0,0,0,.36);
}
.ref-spotlight-card small{
  margin-top:10px;
  color:#bdf5ff;
  font-weight:900;
}
.ref-spotlight-card.is-active{
  border-color:rgba(32,244,232,.48);
  box-shadow:0 28px 70px rgba(5,192,192,.18),0 18px 48px rgba(2,8,23,.32);
}
.ref-spotlight-card.is-active img{opacity:.96;transform:scale(1.07)}
@media(hover:hover) and (pointer:fine){
  .ref-spotlight-card:hover{
    transform:translateY(-5px) rotateX(2deg) rotateY(var(--spotlight-tilt,0deg));
    border-color:rgba(32,244,232,.58);
    box-shadow:0 30px 72px rgba(5,192,192,.2),0 18px 48px rgba(2,8,23,.34);
  }
}
.ref-pro-content .ref-pro-intro{display:none}
.ref-pro-content .ref-pro-wrap{display:block}
.ref-pro-content .ref-pro-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:14px;
}
.ref-pro-content .ref-pro-card{
  position:relative;
  display:block;
  min-height:190px;
  overflow:hidden;
  border:1px solid rgba(15,142,232,.16);
  border-radius:18px;
  background:#0d1b33;
  box-shadow:0 14px 34px rgba(42,53,71,.09);
  isolation:isolate;
  transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease;
}
.ref-pro-content .ref-pro-card:hover{
  transform:translateY(-4px);
  border-color:rgba(5,192,192,.52);
  box-shadow:0 22px 46px rgba(42,53,71,.15);
}
.ref-pro-content .ref-pro-card img{
  width:100%;
  height:100%;
  min-height:190px;
  object-fit:cover;
  opacity:.9;
  transform:scale(1.01);
  transition:transform .25s ease,opacity .25s ease;
}
.ref-pro-content .ref-pro-card:hover img{
  opacity:1;
  transform:scale(1.05);
}
.ref-pro-content .ref-name-card,
.ref-pro-content .ref-global-card{
  background:
    radial-gradient(circle at 22% 18%,rgba(125,211,252,.26),transparent 30%),
    linear-gradient(145deg,#081426 0%,#102548 48%,#05111f 100%);
}
.ref-pro-content .ref-name-card .ref-logo-tile,
.ref-pro-content .ref-global-card .ref-logo-tile{
  position:absolute;
  inset:0;
  z-index:0;
  display:grid;
  place-items:center;
  min-height:190px;
  padding:24px;
  color:#f8fdff;
  font-size:1.72rem;
  font-weight:1000;
  letter-spacing:0;
  text-align:center;
  text-shadow:0 10px 24px rgba(0,0,0,.42);
  background:
    linear-gradient(135deg,rgba(255,255,255,.1),rgba(255,255,255,0)),
    var(--ref-logo-bg,linear-gradient(135deg,#0f766e,#0e7490));
}
.ref-pro-content .ref-name-card .ref-logo-tile::before,
.ref-pro-content .ref-global-card .ref-logo-tile::before{
  content:"";
  position:absolute;
  inset:18px;
  border:1px solid rgba(255,255,255,.18);
  border-radius:18px;
  box-shadow:inset 0 0 28px rgba(255,255,255,.08);
}
.ref-pro-content .ref-name-card .ref-logo-tile::after,
.ref-pro-content .ref-global-card .ref-logo-tile::after{
  content:"GLOBAL";
  position:absolute;
  top:18px;
  right:18px;
  padding:5px 8px;
  border:1px solid rgba(255,255,255,.2);
  border-radius:999px;
  background:rgba(5,18,34,.48);
  color:#a7f3d0;
  font-size:.64rem;
  font-weight:1000;
}
.ref-pro-content .ref-name-card .ref-logo-tile::after{
  content:"DETAY";
}
.ref-pro-content .ref-global-card .ref-logo-tile::after{
  content:"GLOBAL";
}
.ref-pro-content .ref-name-card span small,
.ref-pro-content .ref-global-card span small{
  display:block;
  margin-top:3px;
  color:#8de8ff;
  font-size:.72rem;
  font-weight:900;
}
.ref-pro-content .ref-logo-baerim{--ref-logo-bg:linear-gradient(135deg,#104e75,#12b3b6)}
.ref-pro-content .ref-logo-arthion{--ref-logo-bg:linear-gradient(135deg,#422006,#c47a24)}
.ref-pro-content .ref-logo-elder{--ref-logo-bg:linear-gradient(135deg,#123524,#32a852)}
.ref-pro-content .ref-logo-astra{--ref-logo-bg:linear-gradient(135deg,#172554,#6366f1)}
.ref-pro-content .ref-logo-eden{--ref-logo-bg:linear-gradient(135deg,#064e3b,#22c55e)}
.ref-pro-content .ref-logo-rubinum{--ref-logo-bg:linear-gradient(135deg,#4c0519,#e11d48)}
.ref-pro-content .ref-logo-nibiru{--ref-logo-bg:linear-gradient(135deg,#111827,#64748b)}
.ref-pro-content .ref-logo-origins{--ref-logo-bg:linear-gradient(135deg,#0c4a6e,#38bdf8)}
.ref-pro-content .ref-logo-lirin{--ref-logo-bg:linear-gradient(135deg,#365314,#84cc16)}
.ref-pro-content .ref-logo-prisma{--ref-logo-bg:linear-gradient(135deg,#312e81,#14b8a6)}
.ref-pro-content .ref-logo-regalis{--ref-logo-bg:linear-gradient(135deg,#3b0764,#a855f7)}
.ref-pro-content .ref-logo-wom{--ref-logo-bg:linear-gradient(135deg,#1e3a8a,#06b6d4)}
.ref-pro-content .ref-logo-mergen{--ref-logo-bg:linear-gradient(135deg,#450a0a,#ef4444)}
.ref-pro-content .ref-logo-triarch{--ref-logo-bg:linear-gradient(135deg,#0f172a,#f59e0b)}
.ref-pro-content .ref-logo-rodnia{--ref-logo-bg:linear-gradient(135deg,#581c87,#0ea5e9)}
.reference-detail-card{
  display:grid;
  gap:18px;
  width:min(920px,100%);
  margin:0 auto;
  padding:clamp(22px,4vw,34px);
  border:1px solid rgba(15,142,232,.18);
  border-radius:28px;
  background:
    radial-gradient(circle at 88% 6%,rgba(5,192,192,.18),transparent 24rem),
    linear-gradient(135deg,#fff,#f2fbff);
  box-shadow:0 18px 48px rgba(42,53,71,.1);
}
.reference-detail-card h2{
  margin:0;
  font-size:2.35rem;
  line-height:1.05;
}
.reference-detail-card p{
  max-width:760px;
  margin:0;
  color:#4e5f78;
  font-weight:800;
}
.reference-detail-metrics{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:12px;
}
.reference-detail-metrics article{
  min-width:0;
  padding:16px;
  border:1px solid rgba(15,142,232,.14);
  border-radius:18px;
  background:rgba(255,255,255,.78);
}
.reference-detail-metrics strong{
  display:block;
  color:#0d1b33;
  font-family:"Space Grotesk",Manrope,sans-serif;
  font-size:1.85rem;
  line-height:1;
}
.reference-detail-metrics span{
  display:block;
  margin-top:6px;
  color:#5a6a85;
  font-size:.86rem;
  font-weight:900;
}
.reference-detail-actions{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
}
@media(max-width:640px){
  .reference-detail-card{border-radius:22px;padding:20px 16px}
  .reference-detail-card h2{font-size:2rem}
  .reference-detail-metrics{grid-template-columns:1fr}
  .reference-detail-actions .btn-primary,
  .reference-detail-actions .btn-ghost{width:100%}
}
.ref-pro-content .ref-pro-card::after{
  content:"";
  position:absolute;
  inset:0;
  z-index:1;
  background:linear-gradient(180deg,rgba(7,15,30,.02) 20%,rgba(7,15,30,.82) 100%);
  pointer-events:none;
}
.ref-pro-content .ref-pro-card span{
  position:absolute;
  left:12px;
  right:12px;
  bottom:12px;
  z-index:2;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:8px;
  min-height:42px;
  padding:10px 12px;
  border:1px solid rgba(255,255,255,.16);
  border-radius:14px;
  background:rgba(8,20,39,.74);
  color:#fff;
  font-weight:1000;
  line-height:1.2;
  backdrop-filter:blur(10px);
}
.ref-pro-content .ref-pro-card span::after{
  content:"\f061";
  flex:0 0 auto;
  font-family:FontAwesome;
  color:#7dd3fc;
  font-weight:400;
}
.ref-cta-band{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  width:min(1240px,calc(100% - 28px));
  margin:20px auto 0;
  padding:28px;
  border-radius:26px;
  background:linear-gradient(135deg,#fff,#eefaff);
}
.ref-cta-band h2{
  max-width:780px;
  margin:8px 0;
  color:var(--ink);
  font-size:clamp(28px,3.4vw,42px);
  line-height:1.08;
}
.ref-cta-band p{
  max-width:720px;
  margin:0;
  color:#5a6a85;
}
.ref-cta-band .btn-primary{flex:0 0 auto}
@media(max-width:1100px){
  .ref-pro-content .ref-pro-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(max-width:900px){
  .ref-hero{grid-template-columns:1fr}
  .ref-hero-copy,.ref-hero-panel{min-height:auto}
  .ref-proof-strip{grid-template-columns:1fr}
  .ref-section-head,.ref-cta-band{align-items:flex-start;flex-direction:column}
  .ref-section-head p{max-width:760px}
  .ref-spotlight-track{grid-auto-columns:minmax(260px,78vw)}
  .ref-pro-content .ref-pro-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:620px){
  .ref-hero,.ref-proof-strip,.ref-pro-showcase,.ref-cta-band{width:min(100% - 20px,1240px)}
  .ref-hero{gap:14px;margin-top:14px}
  .ref-hero-copy,.ref-hero-panel,.ref-pro-showcase,.ref-cta-band{border-radius:20px}
  .ref-hero-copy{padding:24px 18px}
  .ref-hero-copy h1{font-size:clamp(34px,11vw,48px)}
  .ref-hero-copy p{font-size:15px}
  .ref-hero-panel{padding:22px 18px}
  .ref-proof-strip article{grid-template-columns:42px 1fr;min-height:auto;padding:15px;border-radius:17px}
  .ref-proof-strip i{width:42px;height:42px;border-radius:14px}
  .ref-pro-showcase{padding:18px 12px}
  .ref-section-head{gap:8px;margin-bottom:14px}
  .ref-spotlight-showcase{
    margin-bottom:16px;
    padding:12px;
    border-radius:18px;
    background:
      radial-gradient(circle at 82% 12%,rgba(5,192,192,.2),transparent 17rem),
      linear-gradient(135deg,#081426,#123b68 58%,#057b83);
  }
  .ref-spotlight-showcase:before{background-size:34px 34px;opacity:.42}
  .ref-spotlight-head{
    align-items:center;
    gap:10px;
    margin-bottom:10px;
  }
  .ref-spotlight-head .eyebrow{padding:5px 8px;font-size:10px}
  .ref-spotlight-head h3{
    margin-top:6px;
    max-width:220px;
    font-size:21px;
    line-height:1.08;
  }
  .ref-spotlight-controls{gap:6px}
  .ref-spotlight-controls button{
    width:36px;
    height:36px;
    border-radius:12px;
  }
  .ref-spotlight-track{
    grid-auto-columns:minmax(236px,84vw);
    gap:10px;
    padding-bottom:8px;
  }
  .ref-spotlight-card{
    min-height:214px;
    padding:14px;
    border-radius:16px;
  }
  .ref-spotlight-card:after{inset:10px;border-radius:13px}
  .ref-spotlight-badge{margin-bottom:8px;padding:5px 8px;font-size:10px}
  .ref-spotlight-card strong{font-size:23px}
  .ref-spotlight-card small{margin-top:7px;font-size:12px}
  .ref-pro-showcase.threeui-scroll-reveal{
    --reveal-y:0px!important;
    --parallax-y:0px!important;
    opacity:1!important;
    transform:none!important;
    transition:none!important;
    will-change:auto!important;
  }
  .ref-pro-showcase .ref-section-head{
    opacity:1!important;
    visibility:visible!important;
    transform:none!important;
  }
  .ref-pro-content .ref-pro-grid{grid-template-columns:1fr;gap:12px}
  .ref-pro-content .ref-pro-card{min-height:210px;border-radius:16px}
  .ref-pro-content .ref-pro-card img{min-height:210px}
  .ref-pro-content .ref-pro-card span{left:10px;right:10px;bottom:10px}
  .ref-cta-band{padding:22px 18px}
  .ref-cta-band .btn-primary{width:100%}
}

/* Metin2 reference floating CTA */
.mt2-reference-float{
  position:fixed;
  left:18px;
  bottom:18px;
  z-index:90;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  min-height:42px;
  max-width:calc(100vw - 36px);
  padding:0 15px;
  border:1px solid rgba(15,142,232,.24);
  border-radius:999px;
  background:rgba(255,255,255,.94);
  color:#0f5f9d;
  box-shadow:0 16px 38px rgba(42,53,71,.16);
  backdrop-filter:blur(14px);
  font-size:13px;
  font-weight:1000;
  line-height:1;
  opacity:0;
  visibility:hidden;
  pointer-events:none;
  transform:translateY(14px) scale(.96);
  transition:opacity .18s ease,visibility .18s ease,transform .18s ease,border-color .18s ease,box-shadow .18s ease;
}
.mt2-reference-float.is-visible{
  opacity:1;
  visibility:visible;
  pointer-events:auto;
  transform:translateY(0) scale(1);
}
.mt2-game-types-float{
  bottom:68px;
}
.mt2-reference-float i{
  display:grid;
  place-items:center;
  width:24px;
  height:24px;
  border-radius:999px;
  color:#fff;
  background:linear-gradient(135deg,var(--primary),var(--secondary));
  font-size:12px;
  box-shadow:0 8px 16px rgba(15,142,232,.22);
}
.mt2-reference-float:hover{
  border-color:rgba(5,192,192,.56);
  box-shadow:0 20px 46px rgba(42,53,71,.2);
}
@media(max-width:620px){
  .mt2-reference-float{
    left:10px;
    bottom:12px;
    min-height:38px;
    padding:0 12px;
    font-size:12px;
    box-shadow:0 12px 28px rgba(42,53,71,.18);
  }
  .mt2-game-types-float{
    bottom:58px;
  }
  .mt2-reference-float i{width:22px;height:22px;font-size:11px}
}

/* Metin2 package comparison */
.mt2-compare-panel{
  position:relative;
  margin:0 0 24px;
  padding:22px;
  border:1px solid rgba(15,142,232,.18);
  border-radius:26px;
  background:
    radial-gradient(circle at 92% 0%,rgba(5,192,192,.18),transparent 22rem),
    linear-gradient(145deg,rgba(255,255,255,.97),rgba(242,250,255,.96));
  box-shadow:0 24px 70px rgba(42,53,71,.12);
  overflow:hidden;
  isolation:isolate;
}
.mt2-compare-panel:before{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(120deg,transparent,rgba(255,255,255,.72),transparent);
  transform:translateX(-70%);
  opacity:.5;
  pointer-events:none;
}
.mt2-compare-head{
  position:relative;
  z-index:1;
  display:grid;
  gap:8px;
  max-width:780px;
}
.mt2-compare-head h2{
  margin:0;
  font-size:clamp(26px,3vw,40px);
}
.mt2-compare-head p{
  margin:0;
  color:#53647d;
  font-weight:800;
}
.mt2-compare-selected{
  position:relative;
  z-index:1;
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin:18px 0;
  min-height:42px;
  align-items:center;
}
.mt2-compare-selected>strong{
  color:var(--ink);
}
.mt2-compare-selected>span{
  color:#5a6a85;
  font-size:13px;
  font-weight:800;
}
.mt2-compare-chip{
  display:inline-flex;
  align-items:center;
  gap:8px;
  min-height:40px;
  max-width:100%;
  padding:0 11px;
  border:1px solid rgba(5,192,192,.26);
  border-radius:999px;
  background:#fff;
  color:#172033;
  box-shadow:0 10px 24px rgba(42,53,71,.08);
  cursor:pointer;
}
.mt2-compare-chip strong{
  min-width:0;
  font-size:13px;
  line-height:1.2;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.mt2-compare-chip span{
  color:#0f8ee8;
  font-family:"Space Grotesk",Manrope,sans-serif;
  font-size:13px;
  font-weight:900;
  white-space:nowrap;
}
.mt2-compare-chip i{
  color:#64748b;
  font-size:12px;
}
.mt2-compare-table-wrap{
  position:relative;
  z-index:1;
}
.mt2-compare-grid{
  display:grid;
  grid-template-columns:minmax(150px,.75fr) repeat(var(--compare-cols),minmax(0,1fr));
  border:1px solid rgba(223,229,239,.94);
  border-radius:20px;
  background:rgba(255,255,255,.9);
  box-shadow:0 16px 42px rgba(42,53,71,.08);
  overflow:hidden;
}
.mt2-compare-corner,
.mt2-compare-label,
.mt2-compare-cell,
.mt2-compare-package{
  min-width:0;
  border-right:1px solid rgba(223,229,239,.82);
  border-bottom:1px solid rgba(223,229,239,.82);
}
.mt2-compare-corner{
  display:flex;
  align-items:center;
  padding:16px;
  color:#0f8ee8;
  font-size:12px;
  font-weight:950;
  letter-spacing:.1em;
  text-transform:uppercase;
  background:#f7fbff;
}
.mt2-compare-package{
  display:grid;
  gap:6px;
  padding:15px;
  background:linear-gradient(145deg,#fff,#f4fbff);
}
.mt2-compare-package span{
  color:#057b83;
  font-size:11px;
  font-weight:950;
  text-transform:uppercase;
}
.mt2-compare-package h3{
  margin:0;
  color:#172033;
  font-size:20px;
  line-height:1.15;
}
.mt2-compare-package strong{
  color:#0f8ee8;
  font-family:"Space Grotesk",Manrope,sans-serif;
  font-size:24px;
  line-height:1;
}
.mt2-compare-package a{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:34px;
  margin-top:4px;
  border-radius:999px;
  color:#fff;
  background:linear-gradient(135deg,var(--primary),var(--secondary));
  font-size:12px;
  font-weight:950;
}
.mt2-compare-label{
  display:flex;
  align-items:center;
  padding:13px 16px;
  color:#34435a;
  background:#fbfdff;
  font-size:13px;
  font-weight:950;
}
.mt2-compare-cell{
  display:flex;
  flex-direction:column;
  gap:4px;
  align-items:center;
  padding:12px 14px;
  color:#3f4f67;
  font-size:13px;
  font-weight:850;
  line-height:1.45;
  background:#fff;
}
.mt2-compare-cell-title{
  display:none;
  color:#172033;
  font-size:12px;
  line-height:1.25;
}
.mt2-compare-value{
  position:relative;
  display:block;
  max-width:100%;
  padding-left:18px;
  overflow-wrap:anywhere;
}
.mt2-compare-value:before{
  content:"";
  position:absolute;
  left:0;
  top:.45em;
  width:8px;
  height:8px;
  border-radius:999px;
  background:#13deb9;
  box-shadow:0 0 0 4px rgba(19,222,185,.12);
}
.mt2-compare-value.is-negative:before{
  background:#ef4444;
  box-shadow:0 0 0 4px rgba(239,68,68,.1);
}
.mt2-compare-value.is-neutral:before{
  background:#0f8ee8;
  box-shadow:0 0 0 4px rgba(15,142,232,.1);
}
.mt2-compare-value small{
  color:#64748b;
  font-weight:850;
}
.mt2-compare-toggle{
  position:relative;
  z-index:2;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  width:100%;
  min-height:38px;
  margin:0 0 12px;
  border:1px solid rgba(15,142,232,.2);
  border-radius:999px;
  background:#fff;
  color:#0f6fae;
  box-shadow:0 10px 24px rgba(42,53,71,.07);
  font:900 12px/1 Manrope,sans-serif;
  cursor:pointer;
  transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease,background .18s ease,color .18s ease;
}
.mt2-compare-toggle:hover{
  transform:translateY(-2px);
  border-color:rgba(5,192,192,.48);
  box-shadow:0 14px 30px rgba(15,142,232,.14);
}
.mt2-compare-toggle.is-active{
  color:#fff;
  border-color:rgba(5,192,192,.62);
  background:linear-gradient(135deg,var(--primary),var(--secondary));
}
.mt2-compare-toggle i{
  font-size:13px;
}
@media(max-width:760px){
  .mt2-compare-panel{
    margin-bottom:18px;
    padding:16px;
    border-radius:22px;
  }
  .mt2-compare-head h2{
    font-size:24px;
  }
  .mt2-compare-head p{
    font-size:13px;
    line-height:1.58;
  }
  .mt2-compare-selected{
    display:grid;
    grid-template-columns:1fr;
    gap:8px;
  }
  .mt2-compare-chip{
    width:100%;
    justify-content:space-between;
  }
  .mt2-compare-grid{
    display:grid;
    grid-template-columns:1fr;
    gap:10px;
    border:0;
    border-radius:0;
    background:transparent;
    box-shadow:none;
    overflow:visible;
  }
  .mt2-compare-corner{
    display:none;
  }
  .mt2-compare-package,
  .mt2-compare-label,
  .mt2-compare-cell{
    border:1px solid rgba(223,229,239,.92);
    border-radius:16px;
    box-shadow:0 10px 24px rgba(42,53,71,.06);
  }
  .mt2-compare-package{
    padding:14px;
  }
  .mt2-compare-label{
    margin-top:6px;
    padding:11px 12px;
    color:#0f8ee8;
  }
  .mt2-compare-cell{
    padding:11px 12px;
    align-items:flex-start;
  }
  .mt2-compare-cell-title{
    display:block;
  }
  .mt2-compare-toggle{
    min-height:36px;
    margin-bottom:10px;
  }
}

/* Metin2 package tooltip performance */
.sd-tooltiptext,
.sd-arrow{
  display:none;
}
.sd-tooltip:hover .sd-tooltiptext,
.sd-tooltip:focus .sd-tooltiptext,
.sd-tooltip:focus-within .sd-tooltiptext,
.sd-tooltip.is-open .sd-tooltiptext,
.sd-tooltip:hover .sd-arrow,
.sd-tooltip:focus .sd-arrow,
.sd-tooltip:focus-within .sd-arrow,
.sd-tooltip.is-open .sd-arrow{
  display:block;
}
.catalog-products-features .sd-tooltip>i.fa-hand-pointer,
.catalog-products-features .sd-tooltip>i.fa-times-circle,
.catalog-products-features .sd-online-tooltip::after{
  animation:none!important;
  filter:none!important;
}
@media(max-width:760px){
  html,
  body{
    max-width:100%;
    overflow-x:hidden;
  }
  .catalog-grid,
  .catalog-guide-layout,
  .catalog-guide-layout>.catalog-grid{
    width:100%;
    max-width:100%;
    min-width:0;
    overflow-x:clip;
  }
  .catalog-grid>.catalog-card{
    content-visibility:visible;
    contain-intrinsic-size:auto;
    width:100%;
    max-width:100%;
    min-width:0;
    box-sizing:border-box;
    overflow-x:clip;
  }
  .catalog-card>*,
  .catalog-price,
  .catalog-products-features{
    max-width:100%;
    min-width:0;
    box-sizing:border-box;
  }
  .catalog-products-features{
    overflow-wrap:anywhere;
    word-break:normal;
  }
  .catalog-products-features.is-mobile-collapsed{
    position:relative;
    max-height:310px;
    overflow:hidden!important;
  }
  .catalog-products-features.is-mobile-collapsed:not(.is-expanded)::after{
    content:"";
    position:absolute;
    left:0;
    right:0;
    bottom:0;
    height:78px;
    pointer-events:none;
    background:linear-gradient(180deg,rgba(255,255,255,0),#fff 74%);
  }
  .catalog-products-features.is-mobile-collapsed.is-expanded{
    max-height:none;
    overflow:visible!important;
  }
  .mt2-feature-toggle{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    width:100%;
    min-height:38px;
    margin:-8px 0 16px;
    border:1px solid rgba(15,142,232,.18);
    border-radius:999px;
    background:#fff;
    color:#0f6fae;
    box-shadow:0 10px 24px rgba(42,53,71,.08);
    font:800 12px/1 Manrope,sans-serif;
    box-sizing:border-box;
    max-width:100%;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
  }
  .sd-tooltiptext{
    position:absolute!important;
    left:50%!important;
    top:auto!important;
    bottom:calc(100% + 10px)!important;
    width:min(320px,88vw)!important;
    max-height:min(58vh,420px)!important;
    padding:15px 14px!important;
    overflow:auto!important;
    opacity:0!important;
    visibility:hidden!important;
    pointer-events:none!important;
    transform:translate(-50%,6px) scale(.98)!important;
    transition:none!important;
    z-index:10020!important;
  }
  .sd-tooltip:not(.is-open):hover .sd-tooltiptext,
  .sd-tooltip:not(.is-open):focus .sd-tooltiptext,
  .sd-tooltip:not(.is-open):focus-within .sd-tooltiptext{
    display:none!important;
  }
  .sd-tooltip.is-open .sd-tooltiptext{
    display:block!important;
    position:fixed!important;
    left:50%!important;
    top:50%!important;
    right:auto!important;
    bottom:auto!important;
    width:min(90vw,380px)!important;
    max-height:min(64vh,460px)!important;
    opacity:1!important;
    visibility:visible!important;
    pointer-events:auto!important;
    transform:translate(-50%,-50%) scale(1)!important;
    -webkit-overflow-scrolling:touch;
  }
  .sd-tooltip>i.fa-hand-pointer,
  .sd-tooltip>i.fa-times-circle,
  .sd-online-tooltip::after{
    animation:none!important;
    filter:none!important;
  }
}

/* Account access panel */
.auth-side{
  justify-content:center;
}
.auth-side>span{
  width:max-content;
  max-width:100%;
  letter-spacing:.08em;
}
.auth-side h3{
  margin:0;
  font-size:clamp(26px,3vw,34px);
  line-height:1.18;
}
.auth-side ul{
  gap:12px;
  margin-top:22px;
}
.auth-side li{
  display:grid;
  grid-template-columns:36px minmax(0,1fr);
  gap:11px;
  align-items:center;
  line-height:1.45;
}
.auth-side li div{
  min-width:0;
}
.auth-side li i{
  display:grid;
  place-items:center;
  width:36px;
  height:36px;
  margin:0;
  border:1px solid rgba(255,255,255,.16);
  border-radius:10px;
  color:#43e0be;
  background:rgba(255,255,255,.09);
}

@media(max-width:640px){
  .auth-side{
    min-height:auto;
  }
}

/* ThreeUI-inspired homepage hero polish */
.hero-threeui-canvas,
.hero-threeui-grid{
  position:absolute;
  inset:0;
  z-index:1;
  pointer-events:none;
}
.hero-threeui-canvas{
  width:100%;
  height:100%;
  mix-blend-mode:screen;
  opacity:.82;
}
.hero-threeui-grid{
  opacity:.68;
  background:
    linear-gradient(90deg,rgba(255,255,255,.13) 1px,transparent 1px) 0 0/70px 70px,
    linear-gradient(0deg,rgba(255,255,255,.095) 1px,transparent 1px) 0 0/70px 70px,
    radial-gradient(circle at 75% 20%,rgba(5,192,192,.42),transparent 26rem),
    radial-gradient(circle at 21% 76%,rgba(15,142,232,.32),transparent 24rem),
    linear-gradient(115deg,transparent 0%,rgba(255,255,255,.09) 46%,transparent 66%);
  mask-image:linear-gradient(90deg,transparent 0%,#000 40%,#000 100%);
}
.hero-slider:before{
  content:"";
  position:absolute;
  inset:1px;
  z-index:2;
  border:1px solid rgba(255,255,255,.16);
  border-radius:33px;
  box-shadow:inset 0 0 78px rgba(5,192,192,.2),inset 0 0 150px rgba(15,142,232,.16);
  pointer-events:none;
}
.hero-slider:after{
  content:"";
  position:absolute;
  top:-18%;
  right:-12%;
  z-index:2;
  width:min(660px,64vw);
  aspect-ratio:1;
  border-radius:50%;
  background:radial-gradient(circle,rgba(19,222,185,.42),rgba(15,142,232,.2) 42%,transparent 70%);
  filter:blur(6px);
  pointer-events:none;
  animation:heroAuraDrift 13s ease-in-out infinite alternate;
}
.hero-content{z-index:4}
.hero-controls{z-index:6}
.hero-actions .btn-primary{
  position:relative;
  overflow:hidden;
}
.hero-actions .btn-primary:after{
  content:"";
  position:absolute;
  inset:-80% auto -80% -45%;
  width:42%;
  transform:rotate(18deg);
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.58),transparent);
  animation:heroButtonSheen 4.6s ease-in-out infinite;
}
@keyframes heroAuraDrift{
  from{transform:translate3d(0,0,0) scale(1)}
  to{transform:translate3d(-8%,10%,0) scale(1.12)}
}
@keyframes heroButtonSheen{
  0%,42%{left:-48%;opacity:0}
  52%{opacity:.95}
  68%,100%{left:116%;opacity:0}
}
@media(max-width:760px){
  .hero-threeui-canvas{display:none}
  .hero-threeui-grid{opacity:.3;background-size:52px 52px}
  .hero-slider:before{border-radius:25px}
}
@media(hover:none),(pointer:coarse){
  .hero-threeui-canvas{display:none}
}
@media(prefers-reduced-motion:reduce){
  .hero-slider:after,
  .hero-actions .btn-primary:after{animation:none}
  .hero-threeui-canvas{display:none}
}

/* Phase 3: category hero shader-style theme layers */
.threeui-category-hero{
  --cat-accent:5,192,192;
  --cat-accent-2:15,142,232;
  --cat-ink:13,27,51;
  isolation:isolate;
}
.threeui-category-hero--metin2{--cat-accent:19,222,185;--cat-accent-2:15,142,232}
.threeui-category-hero--dedicated{--cat-accent:15,142,232;--cat-accent-2:74,222,128}
.threeui-category-hero--hosting{--cat-accent:5,192,192;--cat-accent-2:59,130,246}
.threeui-category-hero--ads{--cat-accent:250,204,21;--cat-accent-2:5,192,192}
.threeui-category-hero--ai{--cat-accent:5,192,192;--cat-accent-2:15,142,232}
.category-threeui-canvas,
.category-threeui-grid{
  position:absolute!important;
  inset:0;
  z-index:0!important;
  pointer-events:none;
}
.category-threeui-canvas{
  width:100%;
  height:100%;
  opacity:.42;
  mix-blend-mode:multiply;
}
.category-threeui-grid{
  opacity:.38;
  background:
    linear-gradient(90deg,rgba(var(--cat-accent-2),.08) 1px,transparent 1px) 0 0/62px 62px,
    linear-gradient(0deg,rgba(var(--cat-accent),.07) 1px,transparent 1px) 0 0/62px 62px,
    radial-gradient(circle at 86% 18%,rgba(var(--cat-accent),.18),transparent 24rem),
    radial-gradient(circle at 8% 96%,rgba(var(--cat-accent-2),.12),transparent 22rem);
  mask-image:linear-gradient(90deg,transparent 0%,#000 26%,#000 100%);
}
.threeui-category-hero>*:not(.category-threeui-canvas):not(.category-threeui-grid){
  position:relative;
  z-index:1;
}
.threeui-category-hero:after{
  content:"";
  position:absolute;
  inset:1px;
  z-index:0;
  border-radius:inherit;
  pointer-events:none;
  box-shadow:inset 0 0 0 1px rgba(var(--cat-accent),.12),inset 0 0 56px rgba(var(--cat-accent),.12);
}
@media(max-width:760px){
  .product-category-hero.threeui-category-hero{
    min-height:178px;
    margin-bottom:14px;
    padding:20px 16px;
    border-radius:22px;
  }
  .product-category-hero.threeui-category-hero .eyebrow{
    width:max-content;
    max-width:100%;
    padding:5px 8px;
    border:1px solid rgba(var(--cat-accent),.18);
    border-radius:999px;
    background:rgba(var(--cat-accent),.09);
    font-size:9px;
    line-height:1.05;
  }
  .product-category-hero.threeui-category-hero h1{
    max-width:720px;
    margin:9px 0 8px;
    font-size:clamp(27px,8.4vw,38px);
    line-height:1.03;
  }
  .product-category-hero.threeui-category-hero p{
    max-width:760px;
    margin:0;
    font-size:13px;
    font-weight:780;
    line-height:1.5;
  }
  .category-threeui-canvas{display:block;opacity:.2}
  .category-threeui-grid{opacity:.22;background-size:48px 48px;mask-image:linear-gradient(90deg,#000 0%,#000 100%)}
}
@media(max-width:430px){
  .product-category-hero.threeui-category-hero{
    min-height:166px;
    padding:18px 14px;
  }
  .product-category-hero.threeui-category-hero h1{
    font-size:clamp(25px,8vw,32px);
  }
  .product-category-hero.threeui-category-hero p{
    font-size:12.5px;
    line-height:1.44;
  }
  .category-threeui-canvas{opacity:.16}
  .category-threeui-grid{opacity:.18}
}
@media(prefers-reduced-motion:reduce){
  .category-threeui-canvas{display:none}
  .category-threeui-grid{opacity:.2}
}

/* Phase 4: smooth scroll reveal and restrained parallax */
.threeui-scroll-reveal{
  --reveal-y:22px;
  --parallax-y:0px;
  --reveal-transform:translate3d(0,calc(var(--reveal-y) + var(--parallax-y)),0);
  opacity:0;
  transform:var(--reveal-transform);
  transition:opacity .58s ease,transform .68s cubic-bezier(.2,.72,.18,1),box-shadow .22s ease,border-color .22s ease;
  will-change:opacity,transform;
}
.threeui-scroll-reveal.is-visible{
  --reveal-y:0px;
  --reveal-transform:translate3d(0,var(--parallax-y),0);
  opacity:1;
}
.home-product-grid>.home-product-card.threeui-scroll-reveal,
.package-grid>.package-card.threeui-scroll-reveal,
.catalog-grid>.catalog-card.threeui-scroll-reveal,
.mt2-tool-dock>.mt2-tool-card.threeui-scroll-reveal{
  --reveal-y:0px;
  --package-reveal-x:0px;
  --package-reveal-scale:.97;
  --package-reveal-blur:7px;
  --reveal-transform:translate3d(0,var(--parallax-y),0);
  transform:var(--reveal-transform);
  translate:var(--package-reveal-x) 0;
  scale:var(--package-reveal-scale);
  filter:blur(var(--package-reveal-blur));
  transition:opacity .54s ease,translate .78s cubic-bezier(.16,.84,.14,1),scale .78s cubic-bezier(.16,.84,.14,1),filter .62s ease,transform .18s ease,box-shadow .22s ease,border-color .22s ease;
}
.home-product-grid>.home-product-card.threeui-scroll-reveal:nth-child(3n+1),
.package-grid>.package-card.threeui-scroll-reveal:nth-child(3n+1),
.catalog-grid>.catalog-card.threeui-scroll-reveal:nth-child(3n+1),
.mt2-tool-dock>.mt2-tool-card.threeui-scroll-reveal:nth-child(1){
  --package-reveal-x:-128px;
}
.home-product-grid>.home-product-card.threeui-replay-reveal:nth-child(3n+1),
.package-grid>.package-card.threeui-replay-reveal:nth-child(3n+1),
.catalog-grid>.catalog-card.threeui-replay-reveal:nth-child(3n+1),
.mt2-tool-dock>.mt2-tool-card.threeui-replay-reveal:nth-child(1){
  transition-delay:0ms;
}
.home-product-grid>.home-product-card.threeui-scroll-reveal:nth-child(3n+2),
.package-grid>.package-card.threeui-scroll-reveal:nth-child(3n+2),
.catalog-grid>.catalog-card.threeui-scroll-reveal:nth-child(3n+2){
  --package-reveal-x:0px;
  --package-reveal-scale:.88;
  --package-reveal-blur:10px;
}
.home-product-grid>.home-product-card.threeui-replay-reveal:nth-child(3n+2),
.package-grid>.package-card.threeui-replay-reveal:nth-child(3n+2),
.catalog-grid>.catalog-card.threeui-replay-reveal:nth-child(3n+2){
  transition-delay:0ms;
}
.home-product-grid>.home-product-card.threeui-scroll-reveal:nth-child(3n),
.package-grid>.package-card.threeui-scroll-reveal:nth-child(3n),
.catalog-grid>.catalog-card.threeui-scroll-reveal:nth-child(3n),
.mt2-tool-dock>.mt2-tool-card.threeui-scroll-reveal:nth-child(2),
.mt2-tool-dock>.mt2-tool-card.threeui-scroll-reveal:nth-child(3){
  --package-reveal-x:128px;
}
.home-product-grid>.home-product-card.threeui-replay-reveal:nth-child(3n),
.package-grid>.package-card.threeui-replay-reveal:nth-child(3n),
.catalog-grid>.catalog-card.threeui-replay-reveal:nth-child(3n),
.mt2-tool-dock>.mt2-tool-card.threeui-replay-reveal:nth-child(2),
.mt2-tool-dock>.mt2-tool-card.threeui-replay-reveal:nth-child(3){
  transition-delay:0ms;
}
.home-product-grid>.home-product-card.threeui-scroll-reveal.is-visible,
.package-grid>.package-card.threeui-scroll-reveal.is-visible,
.catalog-grid>.catalog-card.threeui-scroll-reveal.is-visible,
.mt2-tool-dock>.mt2-tool-card.threeui-scroll-reveal.is-visible{
  opacity:1;
  --package-reveal-x:0px;
  --package-reveal-scale:1;
  --package-reveal-blur:0px;
}
.home-product-grid>.home-product-card.threeui-scroll-reveal.is-visible:hover,
.package-grid>.package-card.threeui-scroll-reveal.is-visible:hover,
.catalog-grid>.catalog-card.threeui-scroll-reveal.is-visible:hover,
.mt2-tool-dock>.mt2-tool-card.threeui-scroll-reveal.is-visible:hover{
  --reveal-transform:translate3d(0,calc(var(--parallax-y) - 6px),0) scale(1);
  transform:var(--reveal-transform);
}
.threeui-scroll-reveal.is-parallax-ready{
  transition:opacity .58s ease,transform .14s linear,box-shadow .22s ease,border-color .22s ease;
}
.category-child-card.threeui-scroll-reveal.is-visible:hover,
.contact-channel-card.threeui-scroll-reveal.is-visible:hover,
.ref-proof-strip article.threeui-scroll-reveal.is-visible:hover{
  transform:translate3d(0,calc(var(--parallax-y) - 5px),0);
}
.threeui-scroll-reveal:nth-child(2n){
  transition-delay:.04s;
}
.threeui-scroll-reveal:nth-child(3n){
  transition-delay:.08s;
}
@media(max-width:760px){
  .threeui-scroll-reveal{
    --reveal-y:14px;
    transition-duration:.42s;
  }
  .home-product-grid>.home-product-card.threeui-scroll-reveal,
  .home-product-grid>.home-product-card.threeui-scroll-reveal:nth-child(3n+1),
  .home-product-grid>.home-product-card.threeui-scroll-reveal:nth-child(3n+2),
  .home-product-grid>.home-product-card.threeui-scroll-reveal:nth-child(3n),
  .package-grid>.package-card.threeui-scroll-reveal,
  .package-grid>.package-card.threeui-scroll-reveal:nth-child(3n+1),
  .package-grid>.package-card.threeui-scroll-reveal:nth-child(3n+2),
  .package-grid>.package-card.threeui-scroll-reveal:nth-child(3n),
  .catalog-grid>.catalog-card.threeui-scroll-reveal,
  .catalog-grid>.catalog-card.threeui-scroll-reveal:nth-child(3n+1),
  .catalog-grid>.catalog-card.threeui-scroll-reveal:nth-child(3n+2),
  .catalog-grid>.catalog-card.threeui-scroll-reveal:nth-child(3n),
  .mt2-tool-dock>.mt2-tool-card.threeui-scroll-reveal,
  .mt2-tool-dock>.mt2-tool-card.threeui-scroll-reveal:nth-child(1),
  .mt2-tool-dock>.mt2-tool-card.threeui-scroll-reveal:nth-child(2){
    --package-reveal-x:0px;
    --package-reveal-scale:.97;
    --package-reveal-blur:0px;
    filter:none;
    transition-duration:.44s;
  }
}
@media(prefers-reduced-motion:reduce){
  .threeui-scroll-reveal,
  .threeui-scroll-reveal.is-parallax-ready{
    --reveal-y:0px!important;
    --parallax-y:0px!important;
    opacity:1!important;
    transform:none!important;
    translate:none!important;
    scale:none!important;
    filter:none!important;
    transition:none!important;
    will-change:auto!important;
  }
}

/* Phase 1: ThreeUI-inspired tilt cards */
@media(hover:hover) and (pointer:fine) and (min-width:900px){
  .threeui-tilt-card{
    --tilt-x:0deg;
    --tilt-y:0deg;
    --tilt-glow-x:50%;
    --tilt-glow-y:20%;
    --tilt-intensity:0;
    --reveal-transform:translate3d(0,0,0);
    transform:perspective(900px) rotateX(var(--tilt-x)) rotateY(var(--tilt-y)) var(--reveal-transform)!important;
    transform-style:preserve-3d;
    will-change:transform;
    transition:transform .18s ease,border-color .2s ease,box-shadow .2s ease;
  }
  .threeui-tilt-card:hover,
  .threeui-tilt-card.is-tilting{
    --reveal-transform:translate3d(0,-8px,0);
    transform:perspective(900px) rotateX(var(--tilt-x)) rotateY(var(--tilt-y)) var(--reveal-transform)!important;
  }
  .threeui-tilt-card:after{
    content:"";
    position:absolute;
    inset:0;
    z-index:0;
    border-radius:inherit;
    background:
      radial-gradient(circle at var(--tilt-glow-x) var(--tilt-glow-y),rgba(32,244,232,.36),rgba(5,192,192,.16) 16%,rgba(15,142,232,.06) 30%,transparent 46%),
      linear-gradient(135deg,rgba(255,255,255,.22),transparent 38%,rgba(5,192,192,.1));
    opacity:calc(var(--tilt-intensity) * .68);
    pointer-events:none;
    transition:opacity .24s ease;
    mix-blend-mode:normal;
    box-shadow:inset 0 0 0 1px rgba(32,244,232,calc(var(--tilt-intensity) * .14)),inset 0 0 22px rgba(5,192,192,calc(var(--tilt-intensity) * .1));
  }
  .threeui-tilt-card>*{
    position:relative;
    z-index:1;
  }
  .threeui-tilt-card.is-tilting{
    z-index:8;
    transition:border-color .2s ease,box-shadow .2s ease;
    border-color:rgba(5,192,192,.58)!important;
    box-shadow:0 26px 68px rgba(15,142,232,.18),0 10px 24px rgba(13,27,51,.08),0 0 0 1px rgba(32,244,232,.18),0 0 32px rgba(5,192,192,.22)!important;
  }
  .threeui-tilt-card.is-tilting .btn-primary,
  .threeui-tilt-card.is-tilting .btn-ghost{
    transform:translateZ(18px);
  }
  .threeui-tilt-card .btn-primary,
  .threeui-tilt-card .btn-ghost{
    transition:transform .18s ease,box-shadow .18s ease,background .18s ease,border-color .18s ease;
  }
  .catalog-card.threeui-tilt-card:before{
    z-index:0;
  }
  .catalog-card.threeui-tilt-card:after{
    z-index:1;
  }
  .catalog-card.threeui-tilt-card:hover .sd-tooltip>i:first-child,
  .catalog-card.threeui-tilt-card.is-tilting .sd-tooltip>i:first-child,
  .catalog-card.threeui-tilt-card:hover .sd-online-tooltip::after,
  .catalog-card.threeui-tilt-card.is-tilting .sd-online-tooltip::after{
    animation-play-state:paused;
  }
  .catalog-card.threeui-tilt-card>*{
    z-index:2;
  }
  .package-card.threeui-tilt-card .popular{
    z-index:3;
  }
}
@media(max-width:899px),(hover:none),(pointer:coarse),(prefers-reduced-motion:reduce){
  .threeui-tilt-card{
    transform:none!important;
    will-change:auto;
  }
  .threeui-tilt-card:after{
    display:none;
  }
}

/* Phase 2: Premium CTA micro interactions */
.btn-primary,
.btn-ghost,
.header-cta,
.footer-action,
.hero-controls>[data-slide-prev],
.hero-controls>[data-slide-next]{
  position:relative;
  overflow:hidden;
  isolation:isolate;
  transform:translate3d(0,0,0);
  transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease,background .18s ease,color .18s ease;
}
.btn-primary:before,
.header-cta:before,
.footer-action.is-primary:before{
  content:"";
  position:absolute;
  inset:-70% auto -70% -52%;
  z-index:-1;
  width:46%;
  transform:rotate(18deg);
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.62),transparent);
  opacity:0;
  transition:left .62s ease,opacity .28s ease;
}
.btn-ghost:before,
.footer-action:not(.is-primary):before{
  content:"";
  position:absolute;
  inset:0;
  z-index:-1;
  border-radius:inherit;
  background:radial-gradient(circle at 50% 0%,rgba(32,244,232,.2),transparent 58%);
  opacity:0;
  transition:opacity .2s ease;
}
@media(hover:hover) and (pointer:fine){
  .btn-primary:hover,
  .header-cta:hover,
  .footer-action.is-primary:hover{
    transform:translate3d(0,-3px,0);
    box-shadow:0 18px 42px rgba(15,142,232,.28),0 0 0 1px rgba(32,244,232,.16),0 0 28px rgba(5,192,192,.2);
  }
  .btn-primary:hover:before,
  .header-cta:hover:before,
  .footer-action.is-primary:hover:before{
    left:116%;
    opacity:1;
  }
  .btn-ghost:hover,
  .footer-action:not(.is-primary):hover{
    transform:translate3d(0,-2px,0);
    border-color:rgba(5,192,192,.52);
    color:#057b83;
    box-shadow:0 14px 34px rgba(42,53,71,.1),0 0 0 1px rgba(32,244,232,.1),0 0 24px rgba(5,192,192,.12);
  }
  .btn-ghost.on-dark:hover{
    color:#fff;
    border-color:rgba(32,244,232,.68);
    background:rgba(8,26,46,.34);
    box-shadow:0 14px 34px rgba(0,0,0,.18),0 0 0 1px rgba(32,244,232,.18),0 0 20px rgba(5,192,192,.14);
  }
  .btn-ghost.on-dark:hover:before{
    background:radial-gradient(circle at 50% 0%,rgba(32,244,232,.18),transparent 54%);
  }
  .btn-ghost:hover:before,
  .footer-action:not(.is-primary):hover:before{
    opacity:1;
  }
}
.btn-primary:active,
.btn-ghost:active,
.header-cta:active,
.footer-action:active{
  transform:translate3d(0,1px,0) scale(.985);
  box-shadow:0 8px 18px rgba(13,27,51,.14)!important;
}
.btn-primary:focus-visible,
.btn-ghost:focus-visible,
.header-cta:focus-visible,
.footer-action:focus-visible,
.hero-controls button:focus-visible{
  outline:0;
  box-shadow:0 0 0 4px rgba(32,244,232,.24),0 14px 34px rgba(15,142,232,.2);
}
.hero-controls>[data-slide-prev]:hover,
.hero-controls>[data-slide-next]:hover{
  transform:translate3d(0,-2px,0);
  background:rgba(255,255,255,.24);
  box-shadow:0 0 0 1px rgba(32,244,232,.2),0 10px 24px rgba(5,192,192,.18);
}
@media(prefers-reduced-motion:reduce){
  .btn-primary,
  .btn-ghost,
  .header-cta,
  .footer-action,
  .hero-controls>[data-slide-prev],
  .hero-controls>[data-slide-next]{
    transition:none!important;
  }
  .btn-primary:before,
  .btn-ghost:before,
  .header-cta:before,
  .footer-action:before{
    display:none!important;
  }
}

/* Metin2 package simulator */
.mt2-tool-dock{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:16px 0 14px}
.mt2-tool-card{position:relative;overflow:hidden;min-width:0;padding:18px 20px;border:1px solid rgba(15,142,232,.16);border-radius:22px;background:linear-gradient(135deg,rgba(255,255,255,.96),rgba(238,249,255,.9));box-shadow:0 15px 42px rgba(42,53,71,.08);transform:translateZ(0)}
.mt2-tool-card:before{content:"";position:absolute;inset:auto -22% -58% auto;width:260px;height:260px;border-radius:50%;background:radial-gradient(circle,rgba(5,192,192,.22),transparent 67%);pointer-events:none}
.mt2-tool-card>*{position:relative;z-index:1}
.mt2-tool-card .eyebrow{display:inline-flex;margin-bottom:7px;color:#057b83;background:rgba(5,192,192,.1);border:1px solid rgba(5,192,192,.18);border-radius:999px;padding:6px 9px;font-size:11px}
.mt2-tool-card h2{margin:0 0 7px;color:#172033;font-size:clamp(20px,1.9vw,26px);line-height:1.1}
.mt2-tool-card p{min-height:38px;margin:0 0 12px;color:#4e5f78;font-size:14px;font-weight:850;line-height:1.42}
.mt2-tool-card .btn-primary,.mt2-tool-card .btn-ghost{width:max-content;max-width:100%;min-height:38px;padding:0 15px;font-size:13px}
.mt2-mobile-tool-card{background:linear-gradient(135deg,rgba(255,255,255,.98),rgba(238,255,252,.92))}
.mt2-mobile-tool-card:before{background:radial-gradient(circle,rgba(19,222,185,.24),transparent 68%)}
.mt2-tool-modal{position:fixed;inset:0;z-index:220;display:none;align-items:center;justify-content:center;padding:22px}
.mt2-tool-modal.show{display:flex}
.mt2-tool-backdrop{position:absolute;inset:0;background:rgba(11,23,42,.58);backdrop-filter:blur(10px)}
.mt2-tool-panel{position:relative;z-index:1;width:min(1120px,calc(100vw - 44px));max-height:min(92vh,940px);overflow:auto;overscroll-behavior:contain}
.mt2-tool-panel.mt2-simulator{margin:0;padding:clamp(16px,2.1vw,24px)}
.mt2-tool-panel.mt2-simulator .mt2-simulator-head{max-width:760px;margin-bottom:14px}
.mt2-tool-panel.mt2-simulator .mt2-simulator-head h2{font-size:clamp(28px,3vw,40px);line-height:1.12}
.mt2-tool-panel.mt2-simulator .mt2-simulator-head p{font-size:15px;line-height:1.5}
.mt2-tool-panel.mt2-simulator .mt2-simulator-shell{gap:16px;align-items:start}
.mt2-tool-panel.mt2-simulator .mt2-simulator-controls,.mt2-tool-panel.mt2-simulator .mt2-simulator-result{padding:16px}
.mt2-tool-panel.mt2-simulator .mt2-simulator-controls{gap:12px}
.mt2-tool-panel.mt2-simulator .mt2-sim-range{gap:8px}
.mt2-tool-panel.mt2-simulator .mt2-sim-toggles{gap:8px}
.mt2-tool-panel.mt2-simulator .mt2-sim-toggles label{min-height:38px;padding:8px 10px}
.mt2-tool-panel--compare{width:min(1180px,calc(100vw - 44px));padding:0;border-radius:28px}
.mt2-tool-panel--compare .mt2-compare-panel{margin:0;max-height:inherit;border-radius:28px}
.mt2-tool-panel--compare .mt2-tool-close{position:absolute;top:18px;right:18px;float:none;margin:0}
.mt2-tool-panel--compare .mt2-compare-head{padding-right:64px}
.mt2-mobile-panel{padding:clamp(18px,2.8vw,30px);border:1px solid rgba(15,142,232,.2);border-radius:28px;background:linear-gradient(135deg,rgba(255,255,255,.98),rgba(238,249,255,.95));box-shadow:0 28px 90px rgba(13,27,51,.22)}
.mt2-mobile-panel:before{content:"";position:absolute;inset:0;border-radius:inherit;background:linear-gradient(90deg,rgba(15,142,232,.055) 1px,transparent 1px) 0 0/56px 56px,linear-gradient(0deg,rgba(5,192,192,.05) 1px,transparent 1px) 0 0/56px 56px,radial-gradient(circle at 92% 10%,rgba(5,192,192,.18),transparent 24rem);pointer-events:none}
.mt2-mobile-panel>*{position:relative;z-index:1}
.mt2-mobile-head{max-width:880px;margin-bottom:16px}
.mt2-mobile-head .eyebrow{color:#057b83;background:rgba(5,192,192,.11);border:1px solid rgba(5,192,192,.18);border-radius:999px;padding:7px 10px}
.mt2-mobile-head h2{margin:8px 0;color:#172033;font-size:clamp(28px,3.6vw,44px);line-height:1.08}
.mt2-mobile-head p{margin:0;color:#4e5f78;font-weight:850;line-height:1.6}
.mt2-mobile-summary{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin:16px 0}
.mt2-mobile-summary article{min-width:0;padding:13px;border:1px solid rgba(15,142,232,.14);border-radius:17px;background:rgba(255,255,255,.86);box-shadow:0 12px 32px rgba(42,53,71,.07)}
.mt2-mobile-summary i{display:grid;place-items:center;width:38px;height:38px;margin-bottom:10px;border-radius:13px;color:#fff;background:linear-gradient(135deg,#0f8ee8,#05c0c0);box-shadow:0 10px 22px rgba(15,142,232,.16)}
.mt2-mobile-summary strong{display:block;color:#172033;font-size:14px}
.mt2-mobile-summary span{display:block;margin-top:5px;color:#52637c;font-size:12px;font-weight:850;line-height:1.45}
.mt2-mobile-summary b{color:#058a9a}
.mt2-mobile-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin-top:14px}
.mt2-mobile-list article{display:flex;align-items:center;justify-content:space-between;gap:10px;min-width:0;min-height:48px;padding:10px 12px;border:1px solid rgba(15,142,232,.12);border-radius:15px;background:#fff;box-shadow:0 10px 24px rgba(42,53,71,.05)}
.mt2-mobile-list span{min-width:0;color:#34435a;font-size:13px;font-weight:900;line-height:1.35}
.mt2-mobile-list strong{flex:0 0 auto;color:#057b83;font-family:"Space Grotesk",Manrope,sans-serif;font-size:15px;font-weight:950}
.mt2-mobile-note{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:16px;padding:14px;border:1px solid rgba(5,192,192,.18);border-radius:18px;background:linear-gradient(135deg,#fff,#f3feff)}
.mt2-mobile-note p{margin:0;color:#4e5f78;font-size:13px;font-weight:850;line-height:1.55}
.mt2-mobile-note .btn-primary{flex:0 0 auto}
.mt2-tool-close{position:sticky;top:12px;right:12px;z-index:5;float:right;display:grid;place-items:center;width:40px;height:40px;margin:0 0 8px auto;border:1px solid rgba(15,142,232,.2);border-radius:14px;background:rgba(255,255,255,.92);color:#172033;font-size:28px;font-weight:900;line-height:1;box-shadow:0 12px 34px rgba(42,53,71,.12);cursor:pointer}
.mt2-tool-lock{overflow:hidden}
.mt2-simulator{position:relative;overflow:hidden;margin:24px 0 26px;padding:clamp(18px,3vw,30px);border:1px solid rgba(15,142,232,.2);border-radius:28px;background:linear-gradient(135deg,rgba(255,255,255,.98),rgba(238,249,255,.94));box-shadow:0 22px 68px rgba(42,53,71,.1)}
.mt2-simulator:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(15,142,232,.06) 1px,transparent 1px) 0 0/56px 56px,linear-gradient(0deg,rgba(5,192,192,.055) 1px,transparent 1px) 0 0/56px 56px,radial-gradient(circle at 92% 8%,rgba(5,192,192,.2),transparent 24rem),radial-gradient(circle at 5% 90%,rgba(15,142,232,.13),transparent 22rem);pointer-events:none}
.mt2-simulator>*{position:relative;z-index:1}
.mt2-simulator-head{max-width:820px;margin-bottom:18px}
.mt2-simulator-head .eyebrow{color:#057b83;background:rgba(5,192,192,.11);border:1px solid rgba(5,192,192,.18);border-radius:999px;padding:7px 10px}
.mt2-simulator-head h2{margin:7px 0 8px;font-size:clamp(27px,3.4vw,42px)}
.mt2-simulator-head h2{color:#172033}
.mt2-simulator-head p{margin:0;color:#4e5f78;font-weight:800}
.mt2-simulator-shell{display:grid;grid-template-columns:minmax(0,.9fr) minmax(360px,1.1fr);gap:18px;align-items:stretch}
.mt2-simulator-controls,.mt2-simulator-result{min-width:0;border:1px solid rgba(15,142,232,.15);border-radius:22px;background:rgba(255,255,255,.82);box-shadow:0 16px 44px rgba(42,53,71,.08);backdrop-filter:blur(14px)}
.mt2-simulator-controls{display:grid;gap:16px;padding:18px}
.mt2-sim-range{display:grid;gap:10px}
.mt2-sim-range span{display:flex;align-items:center;justify-content:space-between;gap:12px;color:#243248;font-weight:950}
.mt2-sim-range b{flex:0 0 auto;color:#058a9a;font-family:"Space Grotesk",Manrope,sans-serif;font-size:22px}
.mt2-sim-range input{width:100%;accent-color:#05c0c0}
.mt2-sim-field{display:grid;gap:9px}
.mt2-sim-field>span{color:#40506a;font-size:13px;font-weight:950}
.mt2-sim-segments{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;padding:5px;border:1px solid rgba(15,142,232,.14);border-radius:17px;background:#f4fbff}
.mt2-sim-segments button{min-width:0;min-height:38px;border:0;border-radius:13px;background:transparent;color:#456078;font:inherit;font-size:12px;font-weight:950;cursor:pointer}
.mt2-sim-segments button.is-active{color:#fff;background:linear-gradient(135deg,var(--primary),var(--secondary));box-shadow:0 10px 24px rgba(15,142,232,.2)}
.mt2-sim-toggles{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.mt2-sim-toggles label{display:flex;align-items:center;gap:8px;min-width:0;min-height:42px;padding:9px 10px;border:1px solid rgba(15,142,232,.13);border-radius:14px;background:#f8fcff;color:#34435a;font-size:12px;font-weight:900;line-height:1.35}
.mt2-sim-toggles input{flex:0 0 auto;accent-color:#05c0c0}
.mt2-simulator-result{position:relative;overflow:hidden;padding:18px}
.mt2-simulator-result:before{content:"";position:absolute;inset:-40% -30% auto auto;width:360px;height:360px;border-radius:50%;background:radial-gradient(circle,rgba(19,222,185,.26),transparent 68%);pointer-events:none}
.mt2-sim-result-placeholder{display:grid;place-items:center;min-height:260px;text-align:center;color:#61718a}
.mt2-sim-result-placeholder i{display:grid;place-items:center;width:58px;height:58px;margin-bottom:10px;border-radius:18px;color:#fff;background:linear-gradient(135deg,var(--primary),var(--secondary));font-size:22px}
.mt2-sim-result-placeholder strong{color:var(--ink);font-size:20px}
.mt2-sim-result-top{position:relative;display:grid;gap:7px;padding:18px;border-radius:20px;color:#dff7ff;background:linear-gradient(145deg,#0d1b33,#0f3d6f 58%,#078e97);box-shadow:0 18px 46px rgba(15,142,232,.18)}
.mt2-sim-result-top span{width:max-content;padding:6px 9px;border-radius:999px;background:rgba(255,255,255,.12);font-size:11px;font-weight:950;letter-spacing:.1em;text-transform:uppercase}
.mt2-sim-result-top h3{margin:0;color:#fff;font-size:clamp(28px,3vw,42px)}
.mt2-sim-result-top strong{color:#fff;font-family:"Space Grotesk",Manrope,sans-serif;font-size:30px;letter-spacing:-.03em}
.mt2-sim-result-top small{font:inherit;font-size:14px;opacity:.82}
.mt2-sim-meter{height:12px;margin:16px 0;border-radius:999px;background:#e7f3fb;overflow:hidden}
.mt2-sim-meter span{display:block;width:var(--sim-meter,50%);height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--primary),var(--secondary));box-shadow:0 0 18px rgba(5,192,192,.35);transition:width .22s ease}
.mt2-sim-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:0 0 14px}
.mt2-sim-stats div{min-width:0;padding:12px;border:1px solid rgba(15,142,232,.12);border-radius:16px;background:#f8fcff}
.mt2-sim-stats dt{color:#61718a;font-size:11px;font-weight:950;text-transform:uppercase}
.mt2-sim-stats dd{margin:5px 0 0;color:var(--ink);font-family:"Space Grotesk",Manrope,sans-serif;font-size:21px;font-weight:950;letter-spacing:-.03em}
.mt2-sim-reasons{display:grid;gap:8px;margin:0 0 14px;padding:0;list-style:none}
.mt2-sim-reasons li{display:grid;grid-template-columns:34px minmax(0,1fr);gap:9px;align-items:center;padding:10px;border:1px solid rgba(15,142,232,.12);border-radius:15px;background:#fff;color:#40506a;font-size:13px;font-weight:850}
.mt2-sim-reasons i{display:grid;place-items:center;width:34px;height:34px;border-radius:12px;color:#fff;background:linear-gradient(135deg,#0f8ee8,#05c0c0)}
.mt2-sim-next{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:14px}
.mt2-sim-next article{min-width:0;padding:12px;border:1px solid rgba(5,192,192,.16);border-radius:16px;background:linear-gradient(135deg,#fff,#f4fbff)}
.mt2-sim-next span{display:block;color:#058a9a;font-size:11px;font-weight:950;text-transform:uppercase}
.mt2-sim-next strong{display:block;margin:4px 0;color:var(--ink);font-size:15px}
.mt2-sim-next small{color:#61718a;font-weight:900}
.mt2-sim-actions{display:grid;grid-template-columns:1.1fr 1fr 1fr;gap:9px}
.mt2-sim-actions .btn-primary,.mt2-sim-actions .btn-ghost{width:100%;min-width:0;padding:0 12px;font-size:13px}
.catalog-card.mt2-sim-highlight{border-color:rgba(5,192,192,.68);box-shadow:0 24px 70px rgba(5,192,192,.18),0 0 0 4px rgba(5,192,192,.1)}
@media(max-width:1100px){.mt2-tool-dock{grid-template-columns:repeat(2,minmax(0,1fr))}.mt2-mobile-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.mt2-mobile-list{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:960px){.mt2-tool-dock{grid-template-columns:1fr}.mt2-simulator-shell{grid-template-columns:1fr}.mt2-sim-stats,.mt2-sim-actions{grid-template-columns:1fr}.mt2-sim-next{grid-template-columns:1fr}.mt2-mobile-note{align-items:stretch;flex-direction:column}.mt2-mobile-note .btn-primary{width:100%}}
@media(max-width:760px){.mt2-tool-dock{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:12px 0 10px}.mt2-tool-card{display:grid;align-content:space-between;justify-items:center;min-height:138px;padding:11px 8px;border-radius:17px;text-align:center}.mt2-tool-card:before{width:150px;height:150px;inset:auto -45% -68% auto;opacity:.78}.mt2-tool-card .eyebrow{justify-self:center;max-width:100%;margin-bottom:5px;padding:4px 6px;font-size:8.5px;letter-spacing:.09em;line-height:1.05;text-align:center;white-space:normal}.mt2-tool-card h2{justify-self:center;width:100%;max-width:98px;margin:0 auto;font-size:14px;line-height:1.12;letter-spacing:-.02em;text-align:center}.mt2-tool-card p{display:none}.mt2-tool-card .btn-primary,.mt2-tool-card .btn-ghost{display:inline-flex;align-items:center;justify-content:center;justify-self:center;gap:0;width:100%;min-width:0;min-height:34px;padding:0 5px;border-radius:13px;font-size:0;line-height:1;white-space:normal;overflow:hidden;text-align:center}.mt2-tool-card .btn-primary:after,.mt2-tool-card .btn-ghost:after{content:attr(data-mobile-label);display:block;min-width:0;width:100%;color:inherit;font-size:10.5px;font-weight:950;line-height:1.08;overflow-wrap:anywhere;text-align:center}.mt2-tool-card .btn-primary i,.mt2-tool-card .btn-ghost i{display:none}.mt2-tool-modal{align-items:stretch;padding:0}.mt2-tool-panel,.mt2-tool-panel.mt2-simulator,.mt2-tool-panel--compare,.mt2-mobile-panel{width:100%;max-height:none;height:100vh;height:100dvh;border-radius:0;overflow:auto}.mt2-tool-panel.mt2-simulator{padding:16px}.mt2-tool-panel--compare .mt2-compare-panel{min-height:100%;border-radius:0}.mt2-tool-panel--compare .mt2-tool-close{top:12px;right:12px}.mt2-tool-panel--compare .mt2-compare-head{padding-right:52px}.mt2-mobile-panel{padding:16px}.mt2-mobile-head h2{font-size:25px}.mt2-mobile-head p{font-size:13px;line-height:1.55}.mt2-mobile-summary,.mt2-mobile-list{grid-template-columns:1fr}.mt2-mobile-list article{min-height:44px}.mt2-tool-close{position:fixed;top:calc(env(safe-area-inset-top,0px) + 10px);right:calc(env(safe-area-inset-right,0px) + 10px);z-index:260;width:42px;height:42px;border-radius:14px;pointer-events:auto;touch-action:manipulation}.mt2-simulator{margin:18px 0 20px;padding:16px;border-radius:22px}.mt2-simulator-head h2{font-size:25px}.mt2-simulator-head p{font-size:13px;line-height:1.55}.mt2-simulator-controls,.mt2-simulator-result{border-radius:18px;padding:14px}.mt2-sim-segments{grid-template-columns:1fr}.mt2-sim-toggles{grid-template-columns:1fr}.mt2-sim-range span{align-items:flex-start;flex-direction:column;gap:4px}.mt2-sim-result-top{padding:15px}.mt2-sim-result-top h3{font-size:26px}.mt2-sim-result-top strong{font-size:25px}.mt2-sim-stats dd{font-size:19px}.catalog-card.mt2-sim-highlight{box-shadow:0 14px 44px rgba(5,192,192,.14),0 0 0 3px rgba(5,192,192,.09)}}
@media(max-width:430px){.mt2-tool-dock{gap:6px}.mt2-tool-card{min-height:128px;padding:10px 6px}.mt2-tool-card h2{font-size:13px}.mt2-tool-card .eyebrow{font-size:7.5px}.mt2-tool-card .btn-primary,.mt2-tool-card .btn-ghost{min-height:32px;padding:0 4px}.mt2-tool-card .btn-primary:after,.mt2-tool-card .btn-ghost:after{font-size:9.5px}.mt2-tool-card .btn-primary i,.mt2-tool-card .btn-ghost i{display:none}}

@media(max-width:760px){
  .mt2-tool-panel--compare{
    background:linear-gradient(135deg,#f8fdff,#edfaff);
  }
  .mt2-tool-panel--compare .mt2-tool-close{
    position:fixed;
    top:calc(env(safe-area-inset-top,0px) + 10px);
    right:calc(env(safe-area-inset-right,0px) + 10px);
    z-index:280;
  }
  .mt2-tool-panel--compare .mt2-compare-panel{
    display:flex;
    flex-direction:column;
    min-height:100%;
    padding:14px 10px 16px;
    border:0;
    border-radius:0;
    background:transparent;
    box-shadow:none;
  }
  .mt2-tool-panel--compare .mt2-compare-panel:before{
    display:none;
  }
  .mt2-tool-panel--compare .mt2-compare-head{
    flex:0 0 auto;
    gap:5px;
    padding:0 48px 0 2px;
  }
  .mt2-tool-panel--compare .mt2-compare-head .eyebrow{
    width:max-content;
    padding:5px 8px;
    border:1px solid rgba(5,192,192,.18);
    border-radius:999px;
    background:rgba(5,192,192,.1);
    font-size:9px;
    line-height:1;
  }
  .mt2-tool-panel--compare .mt2-compare-head h2{
    font-size:23px;
    line-height:1.08;
  }
  .mt2-tool-panel--compare .mt2-compare-head p{
    display:-webkit-box;
    font-size:12px;
    line-height:1.42;
    overflow:hidden;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
  }
  .mt2-tool-panel--compare .mt2-compare-selected{
    flex:0 0 auto;
    display:flex;
    flex-wrap:nowrap;
    gap:7px;
    min-height:0;
    margin:10px -10px 10px;
    padding:0 10px 3px;
    overflow-x:auto;
    overflow-y:hidden;
    scrollbar-width:thin;
    -webkit-overflow-scrolling:touch;
  }
  .mt2-tool-panel--compare .mt2-compare-selected>strong,
  .mt2-tool-panel--compare .mt2-compare-selected>span{
    flex:0 0 auto;
    align-self:center;
    font-size:12px;
    white-space:nowrap;
  }
  .mt2-tool-panel--compare .mt2-compare-chip{
    flex:0 0 auto;
    width:auto;
    min-width:132px;
    max-width:220px;
    min-height:34px;
    padding:0 9px;
    border-radius:13px;
  }
  .mt2-tool-panel--compare .mt2-compare-chip strong{
    font-size:12px;
  }
  .mt2-tool-panel--compare .mt2-compare-chip span{
    font-size:12px;
  }
  .mt2-tool-panel--compare .mt2-compare-table-wrap{
    flex:1 1 auto;
    min-height:0;
    margin:0 -2px;
    overflow:auto;
    -webkit-overflow-scrolling:touch;
  }
  .mt2-tool-panel--compare .mt2-compare-grid{
    gap:7px;
    padding:0 2px 2px;
  }
  .mt2-tool-panel--compare .mt2-compare-package,
  .mt2-tool-panel--compare .mt2-compare-label,
  .mt2-tool-panel--compare .mt2-compare-cell{
    border-radius:13px;
    box-shadow:0 8px 18px rgba(42,53,71,.055);
  }
  .mt2-tool-panel--compare .mt2-compare-package{
    gap:3px;
    padding:10px;
  }
  .mt2-tool-panel--compare .mt2-compare-package span{
    font-size:9px;
    line-height:1.2;
  }
  .mt2-tool-panel--compare .mt2-compare-package h3{
    font-size:17px;
  }
  .mt2-tool-panel--compare .mt2-compare-package strong{
    font-size:20px;
  }
  .mt2-tool-panel--compare .mt2-compare-package a{
    min-height:31px;
    font-size:11px;
  }
  .mt2-tool-panel--compare .mt2-compare-label{
    margin-top:3px;
    padding:9px 10px;
    font-size:12px;
  }
  .mt2-tool-panel--compare .mt2-compare-cell{
    gap:3px;
    padding:9px 10px;
    font-size:12px;
    line-height:1.35;
  }
  .mt2-tool-panel--compare .mt2-compare-cell-title{
    font-size:11px;
  }
  .mt2-tool-panel--compare .mt2-compare-value{
    padding-left:15px;
  }
  .mt2-tool-panel--compare .mt2-compare-value:before{
    top:.42em;
    width:7px;
    height:7px;
    box-shadow:0 0 0 3px rgba(19,222,185,.1);
  }
}
@media(max-width:380px){
  .mt2-tool-panel--compare .mt2-compare-head h2{
    font-size:21px;
  }
  .mt2-tool-panel--compare .mt2-compare-head p{
    -webkit-line-clamp:1;
  }
  .mt2-tool-panel--compare .mt2-compare-chip{
    min-width:122px;
  }
}

.hero-slide--ai-workstation .hero-bg{object-position:62% center;transform:translateX(.35%) scale(1.02)}
.hero-slide--ai-workstation.is-active .hero-bg{transform:translateX(.65%) scale(1.045)}
@media(max-width:760px){.hero-slide--ai-workstation .hero-bg{object-position:66% center;transform:translateX(.25%) scale(1.02)}.hero-slide--ai-workstation.is-active .hero-bg{transform:translateX(.5%) scale(1.04)}}

.ai-work-hero{position:relative;overflow:hidden;display:grid;grid-template-columns:minmax(0,.92fr) minmax(420px,1.08fr);gap:24px;align-items:center;min-height:640px;padding:clamp(28px,5vw,62px);border:1px solid rgba(15,142,232,.2);border-radius:34px;background:linear-gradient(135deg,#071324,#0c2440 48%,#087c8d);box-shadow:var(--strong);isolation:isolate}
.ai-work-hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(255,255,255,.055) 1px,transparent 1px) 0 0/64px 64px,linear-gradient(0deg,rgba(255,255,255,.05) 1px,transparent 1px) 0 0/64px 64px,radial-gradient(circle at 82% 12%,rgba(19,222,185,.32),transparent 28rem);pointer-events:none}
.ai-work-hero>*{position:relative;z-index:1}
.ai-work-hero-copy{display:grid;gap:16px;color:#dff5ff}
.ai-work-hero-copy .eyebrow,.ai-work-section-head .eyebrow,.ai-work-security .eyebrow,.ai-work-final-cta .eyebrow{width:max-content;padding:7px 10px;border:1px solid rgba(5,192,192,.24);border-radius:999px;background:rgba(5,192,192,.1);color:#72f1f2}
.ai-work-hero h1{max-width:700px;margin:0;color:#fff;font-size:clamp(42px,6vw,76px);line-height:.96;text-shadow:0 18px 44px rgba(0,0,0,.3)}
.ai-work-hero p{max-width:680px;margin:0;color:#dcecff;font-size:18px;font-weight:800}
.ai-work-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:8px}
.ai-work-trust{display:flex;flex-wrap:wrap;gap:9px;margin-top:8px}
.ai-work-trust span{display:inline-flex;align-items:center;gap:8px;min-height:38px;padding:0 12px;border:1px solid rgba(255,255,255,.16);border-radius:999px;background:rgba(255,255,255,.09);color:#e6f8ff;font-size:13px;font-weight:950;backdrop-filter:blur(10px)}
.ai-work-trust i{color:#22d3ee}
.ai-work-hero-visual{position:relative;min-height:500px;border:1px solid rgba(255,255,255,.18);border-radius:30px;overflow:hidden;background:#071324;box-shadow:0 28px 90px rgba(0,0,0,.24)}
.ai-work-hero-visual img{width:100%;height:100%;min-height:500px;object-fit:cover;object-position:63% center;filter:saturate(1.08) contrast(1.03)}
.ai-work-hero-visual:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(7,19,36,.08),rgba(7,19,36,.35));pointer-events:none}
.ai-work-spec-card{position:absolute;left:22px;right:22px;bottom:22px;z-index:2;display:grid;gap:4px;padding:16px;border:1px solid rgba(255,255,255,.2);border-radius:20px;background:rgba(7,19,36,.68);box-shadow:0 18px 44px rgba(0,0,0,.24);backdrop-filter:blur(16px)}
.ai-work-spec-card strong{color:#fff;font-size:18px}
.ai-work-spec-card span{color:#cde8f7;font-weight:800;line-height:1.5}
.ai-work-proof{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:24px 0}
.ai-work-proof article{display:grid;grid-template-columns:48px minmax(0,1fr);gap:4px 14px;align-items:center;min-width:0;padding:18px;border:1px solid rgba(15,142,232,.15);border-radius:22px;background:rgba(255,255,255,.9);box-shadow:0 14px 42px rgba(42,53,71,.08)}
.ai-work-proof i{grid-row:span 2;display:grid;place-items:center;width:48px;height:48px;border-radius:16px;color:#fff;background:linear-gradient(135deg,var(--primary),var(--secondary));box-shadow:0 12px 26px rgba(15,142,232,.18)}
.ai-work-proof strong{color:var(--ink);font-size:17px}
.ai-work-proof span{color:#52637c;font-weight:800;line-height:1.45}
.ai-work-split,.ai-work-audiences,.ai-work-security,.ai-work-final-cta{position:relative;overflow:hidden;margin:24px 0;padding:clamp(22px,4vw,38px);border:1px solid rgba(15,142,232,.16);border-radius:30px;background:linear-gradient(135deg,rgba(255,255,255,.98),rgba(239,250,255,.94));box-shadow:0 20px 62px rgba(42,53,71,.09)}
.ai-work-split:before,.ai-work-audiences:before,.ai-work-security:before,.ai-work-final-cta:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(15,142,232,.055) 1px,transparent 1px) 0 0/56px 56px,linear-gradient(0deg,rgba(5,192,192,.05) 1px,transparent 1px) 0 0/56px 56px;pointer-events:none}
.ai-work-split>*,.ai-work-audiences>*,.ai-work-security>*,.ai-work-final-cta>*{position:relative;z-index:1}
.ai-work-section-head{max-width:820px;margin-bottom:18px}
.ai-work-section-head h2,.ai-work-security h2,.ai-work-final-cta h2{margin:8px 0;color:#172033;font-size:clamp(28px,3.6vw,44px);line-height:1.08}
.ai-work-section-head p,.ai-work-security p,.ai-work-final-cta p{margin:0;color:#4e5f78;font-weight:800}
.ai-work-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.ai-work-steps article,.ai-work-audience-card{position:relative;min-width:0;padding:20px;border:1px solid rgba(15,142,232,.14);border-radius:22px;background:rgba(255,255,255,.86);box-shadow:0 14px 42px rgba(42,53,71,.07);transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease}
.ai-work-steps article:hover,.ai-work-audience-card:hover{transform:translateY(-5px);border-color:rgba(5,192,192,.42);box-shadow:0 22px 58px rgba(42,53,71,.12)}
.ai-work-steps b{display:inline-flex;width:max-content;margin-bottom:18px;padding:7px 10px;border-radius:999px;background:#e7fbff;color:#058a9a;font-size:12px}
.ai-work-steps strong,.ai-work-audience-card strong{display:block;color:#172033;font-size:20px}
.ai-work-steps span,.ai-work-audience-card span{display:block;margin-top:8px;color:#51627b;font-weight:800;line-height:1.55}
.ai-work-audience-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.ai-work-audience-card{display:block;color:inherit}
.ai-work-audience-card i{display:grid;place-items:center;width:54px;height:54px;margin-bottom:18px;border-radius:18px;color:#fff;background:linear-gradient(135deg,#0f8ee8,#05c0c0);box-shadow:0 14px 28px rgba(15,142,232,.18);font-size:21px}
.ai-work-security{display:grid;grid-template-columns:minmax(0,1fr) minmax(360px,.78fr);gap:24px;align-items:center}
.ai-work-security ul{display:grid;gap:10px;margin:0;padding:0;list-style:none}
.ai-work-security li{display:grid;grid-template-columns:32px minmax(0,1fr);gap:10px;align-items:center;padding:12px;border:1px solid rgba(15,142,232,.12);border-radius:16px;background:#fff;color:#34435a;font-weight:900}
.ai-work-security li i{display:grid;place-items:center;width:32px;height:32px;border-radius:12px;color:#fff;background:linear-gradient(135deg,var(--primary),var(--secondary))}
.ai-work-final-cta{text-align:center}
.ai-work-final-cta .eyebrow,.ai-work-final-cta .ai-work-actions{margin-left:auto;margin-right:auto}
.ai-work-final-cta p{max-width:720px;margin:0 auto}
.ai-work-final-cta .ai-work-actions{justify-content:center}
@media(max-width:980px){.ai-work-hero{grid-template-columns:1fr;min-height:0}.ai-work-hero-visual,.ai-work-hero-visual img{min-height:380px}.ai-work-proof,.ai-work-steps,.ai-work-audience-grid{grid-template-columns:1fr}.ai-work-security{grid-template-columns:1fr}}
@media(max-width:760px){.ai-work-hero{padding:22px;border-radius:26px}.ai-work-hero h1{font-size:clamp(38px,11vw,54px)}.ai-work-hero p{font-size:15px;line-height:1.65}.ai-work-hero-visual,.ai-work-hero-visual img{min-height:320px;border-radius:22px}.ai-work-spec-card{left:14px;right:14px;bottom:14px;padding:13px}.ai-work-proof article{grid-template-columns:42px minmax(0,1fr);padding:15px}.ai-work-proof i{width:42px;height:42px}.ai-work-split,.ai-work-audiences,.ai-work-security,.ai-work-final-cta{padding:18px;border-radius:24px}.ai-work-actions .btn-primary,.ai-work-actions .btn-ghost{width:100%;padding:0 14px}.ai-work-trust span{font-size:12px}}

.ai-work-hero.page-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(340px,.62fr);gap:24px;align-items:center;min-height:0;margin-bottom:22px;padding:clamp(28px,5vw,54px);border-color:rgba(15,142,232,.18);background:linear-gradient(135deg,rgba(255,255,255,.98),rgba(238,249,255,.96));box-shadow:var(--strong);isolation:isolate}
.ai-work-hero.page-hero:before{background:radial-gradient(circle at 88% 12%,rgba(5,192,192,.22),transparent 25rem),linear-gradient(90deg,rgba(15,142,232,.055) 1px,transparent 1px) 0 0/58px 58px,linear-gradient(0deg,rgba(5,192,192,.045) 1px,transparent 1px) 0 0/58px 58px}
.ai-work-hero.page-hero:after{content:"";position:absolute;inset:auto 0 0 auto;width:44%;height:52%;background:radial-gradient(circle at 80% 90%,rgba(15,142,232,.13),transparent 65%);pointer-events:none}
.ai-work-hero.page-hero .ai-work-hero-copy{gap:14px;color:var(--text)}
.ai-work-hero.page-hero .ai-work-hero-copy .eyebrow{color:#057b83;background:rgba(5,192,192,.1);border-color:rgba(5,192,192,.2)}
.ai-work-section-head .eyebrow,.ai-work-security .eyebrow,.ai-work-final-cta .eyebrow{color:#055f6b;background:linear-gradient(135deg,rgba(5,192,192,.16),rgba(15,142,232,.1));border-color:rgba(5,192,192,.34);box-shadow:0 8px 22px rgba(5,192,192,.12);text-shadow:none}
.ai-work-hero.page-hero h1{max-width:720px;color:var(--ink);text-shadow:none;font-size:clamp(34px,4.7vw,58px);line-height:1.02}
.ai-work-hero.page-hero p{max-width:720px;color:#4e5f78;font-size:17px;font-weight:850}
.ai-work-hero.page-hero .ai-work-trust span{border-color:rgba(15,142,232,.14);background:#fff;color:#34435a;box-shadow:0 10px 24px rgba(42,53,71,.06)}
.ai-work-hero.page-hero .ai-work-hero-visual{min-height:0;aspect-ratio:1.12;border:1px solid rgba(15,142,232,.14);border-radius:24px;background:#eef9ff;box-shadow:0 20px 58px rgba(42,53,71,.12)}
.ai-work-hero.page-hero .ai-work-hero-visual img{height:100%;min-height:0;object-fit:cover;object-position:63% center}
.ai-work-hero.page-hero .ai-work-hero-visual:after{background:linear-gradient(180deg,transparent 40%,rgba(7,19,36,.38))}
.ai-work-hero.page-hero .ai-work-spec-card{left:16px;right:16px;bottom:16px;padding:13px;border-color:rgba(255,255,255,.34);border-radius:16px;background:rgba(13,27,51,.72)}
.ai-work-hero.page-hero .ai-work-spec-card strong{font-size:16px}
.ai-work-hero.page-hero .ai-work-spec-card span{font-size:13px}
.ai-work-split,.ai-work-audiences,.ai-work-security,.ai-work-final-cta{opacity:1;visibility:visible;transform:none}
.ai-work-proof article.threeui-tilt-card,.ai-work-steps article.threeui-tilt-card,.ai-work-audience-card.threeui-tilt-card,.ai-work-security li.threeui-tilt-card{transform-style:preserve-3d}
.ai-work-proof article.threeui-tilt-card:after,.ai-work-steps article.threeui-tilt-card:after,.ai-work-audience-card.threeui-tilt-card:after,.ai-work-security li.threeui-tilt-card:after{border-radius:inherit}
.ai-work-audience-card.threeui-tilt-card i,.ai-work-proof article.threeui-tilt-card i,.ai-work-security li.threeui-tilt-card i{transform:translateZ(18px)}
.ai-work-audience-card.threeui-tilt-card strong,.ai-work-proof article.threeui-tilt-card strong,.ai-work-steps article.threeui-tilt-card strong{transform:translateZ(14px)}
.ai-work-hero.page-hero .category-threeui-canvas{opacity:.34;mix-blend-mode:multiply}
.ai-work-hero.page-hero .category-threeui-grid{opacity:.42;mask-image:linear-gradient(90deg,#000 0%,#000 100%)}
@media(max-width:980px){.ai-work-hero.page-hero{grid-template-columns:1fr}.ai-work-hero.page-hero .ai-work-hero-visual{max-width:620px;width:100%;aspect-ratio:1.5}}
@media(max-width:760px){.ai-work-hero.page-hero{padding:22px 18px;border-radius:24px}.ai-work-hero.page-hero h1{font-size:clamp(34px,10vw,48px)}.ai-work-hero.page-hero p{font-size:15px}.ai-work-hero.page-hero .ai-work-hero-visual{aspect-ratio:1.08}.ai-work-hero.page-hero .ai-work-trust{display:grid;grid-template-columns:1fr}.ai-work-hero.page-hero .ai-work-trust span{width:100%}}

.ai-kids-hero{overflow:hidden;padding:clamp(30px,5vw,64px);border-color:rgba(5,192,192,.2);background:linear-gradient(135deg,rgba(255,255,255,.98),rgba(236,250,255,.96));box-shadow:0 22px 70px rgba(42,53,71,.1)}
.ai-kids-hero:before{background:radial-gradient(circle at 82% 16%,rgba(5,192,192,.24),transparent 25rem),radial-gradient(circle at 12% 88%,rgba(15,142,232,.16),transparent 22rem),linear-gradient(90deg,rgba(15,142,232,.05) 1px,transparent 1px) 0 0/58px 58px,linear-gradient(0deg,rgba(5,192,192,.045) 1px,transparent 1px) 0 0/58px 58px}
.ai-kids-hero .eyebrow,.ai-kids-section-head .eyebrow,.ai-kids-detail-hero .eyebrow,.ai-kids-detail-card .eyebrow,.ai-kids-buy-card .eyebrow{width:max-content;padding:7px 10px;border:1px solid rgba(5,192,192,.32);border-radius:999px;background:linear-gradient(135deg,rgba(5,192,192,.16),rgba(15,142,232,.08));color:#055f6b;box-shadow:0 8px 22px rgba(5,192,192,.11)}
.ai-kids-hero h1{max-width:860px;color:#172033;font-size:clamp(36px,5.8vw,72px);line-height:.98}
.ai-kids-hero p{max-width:760px;color:#4e5f78;font-size:18px;font-weight:850;line-height:1.58}
.ai-kids-hero-actions,.ai-kids-card-actions,.ai-kids-detail-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:18px}
.ai-kids-proof{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:24px 0}
.ai-kids-proof article,.ai-kids-use-card,.ai-kids-detail-card,.ai-kids-buy-card,.ai-kids-feature-grid article{position:relative;min-width:0;border:1px solid rgba(15,142,232,.15);border-radius:22px;background:rgba(255,255,255,.92);box-shadow:0 14px 42px rgba(42,53,71,.08)}
.ai-kids-proof article{display:grid;grid-template-columns:52px minmax(0,1fr);gap:4px 14px;align-items:center;padding:18px}
.ai-kids-proof i,.ai-kids-use-card i,.ai-kids-feature-grid i{display:grid;place-items:center;color:#fff;background:linear-gradient(135deg,#0f8ee8,#05c0c0);box-shadow:0 12px 26px rgba(15,142,232,.18)}
.ai-kids-proof i{grid-row:span 2;width:52px;height:52px;border-radius:18px}
.ai-kids-proof strong,.ai-kids-use-card strong,.ai-kids-detail-card h2{color:#172033}
.ai-kids-proof span,.ai-kids-use-card span,.ai-kids-detail-card p{color:#52637c;font-weight:800;line-height:1.5}
.ai-kids-story,.ai-kids-detail-features{position:relative;overflow:hidden;margin:24px 0;padding:clamp(22px,4vw,38px);border:1px solid rgba(15,142,232,.16);border-radius:30px;background:linear-gradient(135deg,rgba(255,255,255,.98),rgba(240,251,255,.94));box-shadow:0 20px 62px rgba(42,53,71,.09)}
.ai-kids-story:before,.ai-kids-detail-features:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(15,142,232,.055) 1px,transparent 1px) 0 0/56px 56px,linear-gradient(0deg,rgba(5,192,192,.05) 1px,transparent 1px) 0 0/56px 56px;pointer-events:none}
.ai-kids-story>*,.ai-kids-detail-features>*{position:relative;z-index:1}
.ai-kids-section-head{max-width:860px;margin-bottom:18px}
.ai-kids-section-head h2{margin:8px 0;color:#172033;font-size:clamp(28px,3.8vw,46px);line-height:1.06}
.ai-kids-section-head p{margin:0;color:#4e5f78;font-weight:850;line-height:1.62}
.ai-kids-use-grid,.ai-kids-product-grid,.ai-kids-feature-grid{display:grid;gap:16px}
.ai-kids-use-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.ai-kids-use-card{padding:20px}
.ai-kids-use-card i{width:54px;height:54px;margin-bottom:18px;border-radius:18px;font-size:21px}
.ai-kids-product-grid{grid-template-columns:repeat(3,minmax(0,1fr));margin:24px 0}
.ai-kids-product-card{gap:14px}
.ai-kids-product-media{position:relative;display:grid;place-items:center;overflow:hidden;aspect-ratio:1.55;border:1px solid rgba(15,142,232,.12);border-radius:18px;background:linear-gradient(135deg,#071324,#0e7383)}
.ai-kids-product-media img{width:100%;height:100%;object-fit:cover;filter:saturate(1.05) contrast(1.02)}
.ai-kids-product-media>i{display:grid;place-items:center;width:76px;height:76px;border-radius:24px;color:#fff;background:linear-gradient(135deg,#0f8ee8,#05c0c0);font-size:32px;box-shadow:0 18px 46px rgba(15,142,232,.24)}
.ai-kids-product-media span{position:absolute;left:12px;bottom:12px;max-width:calc(100% - 24px);padding:7px 10px;border-radius:999px;background:rgba(7,19,36,.72);color:#fff;font-size:12px;font-weight:950;backdrop-filter:blur(10px)}
.ai-kids-card-summary{margin:0;color:#52637c;font-weight:800;line-height:1.55}
.ai-kids-card-actions{margin-top:auto}
.ai-kids-card-actions .btn-primary,.ai-kids-card-actions .btn-ghost{flex:1 1 160px;min-width:0}
.ai-kids-detail-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(340px,.72fr);gap:24px;align-items:center;overflow:hidden;margin-bottom:24px}
.ai-kids-detail-copy{position:relative;z-index:1}
.ai-kids-detail-copy h1{max-width:780px;color:#172033;font-size:clamp(34px,5vw,64px);line-height:1}
.ai-kids-detail-copy p{max-width:720px;color:#4e5f78;font-size:17px;font-weight:850;line-height:1.62}
.ai-kids-detail-visual{position:relative;z-index:1;display:grid;place-items:center;overflow:hidden;aspect-ratio:1.08;border:1px solid rgba(15,142,232,.14);border-radius:26px;background:#eef9ff;box-shadow:0 20px 58px rgba(42,53,71,.12)}
.ai-kids-detail-visual img{width:100%;height:100%;object-fit:cover}
.ai-kids-detail-visual i{display:grid;place-items:center;width:112px;height:112px;border-radius:32px;color:#fff;background:linear-gradient(135deg,#0f8ee8,#05c0c0);font-size:48px}
.ai-kids-detail-layout{display:grid;grid-template-columns:1fr 1fr minmax(260px,.58fr);gap:16px;margin:24px 0}
.ai-kids-detail-card,.ai-kids-buy-card{padding:22px}
.ai-kids-buy-card{display:grid;align-content:start;gap:10px;background:linear-gradient(135deg,#0d1b33,#07898f);color:#fff}
.ai-kids-buy-card .eyebrow{color:#dffcff;border-color:rgba(255,255,255,.24);background:rgba(255,255,255,.1)}
.ai-kids-buy-card strong{font-family:"Space Grotesk",Manrope,sans-serif;font-size:38px;line-height:1}
.ai-kids-buy-card small{color:#d7f5ff;font-weight:900}
.ai-kids-feature-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.ai-kids-feature-grid article{display:grid;grid-template-columns:34px minmax(0,1fr);gap:10px;align-items:center;padding:14px;color:#34435a;font-weight:900}
.ai-kids-feature-grid i{width:34px;height:34px;border-radius:12px}
.ai-kids-proof article.threeui-tilt-card,.ai-kids-use-card.threeui-tilt-card,.ai-kids-product-card.threeui-tilt-card,.ai-kids-detail-card.threeui-tilt-card,.ai-kids-buy-card.threeui-tilt-card,.ai-kids-feature-grid article.threeui-tilt-card{transform-style:preserve-3d}
.ai-kids-proof article.threeui-tilt-card:after,.ai-kids-use-card.threeui-tilt-card:after,.ai-kids-product-card.threeui-tilt-card:after,.ai-kids-detail-card.threeui-tilt-card:after,.ai-kids-buy-card.threeui-tilt-card:after,.ai-kids-feature-grid article.threeui-tilt-card:after{border-radius:inherit}
@media(max-width:1060px){.ai-kids-product-grid,.ai-kids-detail-layout{grid-template-columns:repeat(2,minmax(0,1fr))}.ai-kids-buy-card{grid-column:1/-1}.ai-kids-feature-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:900px){.ai-kids-proof,.ai-kids-use-grid{grid-template-columns:1fr}.ai-kids-detail-hero{grid-template-columns:1fr}.ai-kids-detail-visual{max-width:620px}}
@media(max-width:760px){.ai-kids-hero,.ai-kids-detail-hero{padding:22px 18px;border-radius:24px}.ai-kids-hero h1,.ai-kids-detail-copy h1{font-size:clamp(34px,10vw,48px)}.ai-kids-hero p,.ai-kids-detail-copy p{font-size:15px}.ai-kids-hero-actions .btn-primary,.ai-kids-hero-actions .btn-ghost,.ai-kids-card-actions .btn-primary,.ai-kids-card-actions .btn-ghost,.ai-kids-detail-actions .btn-primary,.ai-kids-detail-actions .btn-ghost{width:100%;flex-basis:100%;padding:0 14px}.ai-kids-story,.ai-kids-detail-features{padding:18px;border-radius:24px}.ai-kids-product-grid,.ai-kids-detail-layout,.ai-kids-feature-grid{grid-template-columns:1fr}.ai-kids-product-media{aspect-ratio:1.28}.ai-kids-detail-card,.ai-kids-buy-card{padding:18px}.ai-kids-buy-card strong{font-size:32px}}

.ai-company-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(360px,.72fr);gap:24px;align-items:center;overflow:hidden;margin-bottom:24px;padding:clamp(30px,5vw,62px);border-color:rgba(15,142,232,.2);background:linear-gradient(135deg,rgba(255,255,255,.98),rgba(237,247,253,.96));box-shadow:0 22px 70px rgba(42,53,71,.1)}
.ai-company-hero:before{background:radial-gradient(circle at 84% 14%,rgba(15,142,232,.22),transparent 25rem),radial-gradient(circle at 18% 88%,rgba(5,192,192,.16),transparent 24rem),linear-gradient(90deg,rgba(15,142,232,.052) 1px,transparent 1px) 0 0/58px 58px,linear-gradient(0deg,rgba(5,192,192,.045) 1px,transparent 1px) 0 0/58px 58px}
.ai-company-hero-copy,.ai-company-visual{position:relative;z-index:1}
.ai-company-hero .eyebrow,.ai-company-section-head .eyebrow,.ai-company-security .eyebrow,.ai-company-final-cta .eyebrow{width:max-content;padding:7px 10px;border:1px solid rgba(5,192,192,.32);border-radius:999px;background:linear-gradient(135deg,rgba(5,192,192,.16),rgba(15,142,232,.08));color:#055f6b;box-shadow:0 8px 22px rgba(5,192,192,.11)}
.ai-company-hero h1{max-width:860px;color:#172033;font-size:clamp(36px,5.5vw,68px);line-height:1}
.ai-company-hero p{max-width:760px;color:#4e5f78;font-size:18px;font-weight:850;line-height:1.6}
.ai-company-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:18px}
.ai-company-trust{display:flex;flex-wrap:wrap;gap:9px;margin-top:16px}
.ai-company-trust span{display:inline-flex;align-items:center;gap:8px;min-height:38px;padding:0 12px;border:1px solid rgba(15,142,232,.14);border-radius:999px;background:#fff;color:#34435a;font-size:13px;font-weight:950;box-shadow:0 10px 24px rgba(42,53,71,.06)}
.ai-company-trust i{color:#0f8ee8}
.ai-company-visual{position:relative;overflow:hidden;aspect-ratio:1.05;border:1px solid rgba(15,142,232,.14);border-radius:28px;background:#eef9ff;box-shadow:0 20px 58px rgba(42,53,71,.12)}
.ai-company-visual img{width:100%;height:100%;object-fit:cover;object-position:63% center;filter:saturate(1.04) contrast(1.02)}
.ai-company-visual:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 36%,rgba(7,19,36,.48));pointer-events:none}
.ai-company-status-card{position:absolute;left:16px;right:16px;bottom:16px;z-index:2;display:grid;gap:5px;padding:14px;border:1px solid rgba(255,255,255,.28);border-radius:18px;background:rgba(7,19,36,.72);box-shadow:0 18px 44px rgba(0,0,0,.22);backdrop-filter:blur(14px)}
.ai-company-status-card span{color:#70f2f2;font-size:12px;font-weight:950;text-transform:uppercase}
.ai-company-status-card strong{color:#fff;font-size:16px;line-height:1.4}
.ai-company-proof,.ai-company-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:24px 0}
.ai-company-proof article,.ai-company-use-grid article,.ai-company-security li,.ai-company-flow-grid article,.ai-company-metrics article{position:relative;min-width:0;border:1px solid rgba(15,142,232,.15);border-radius:22px;background:rgba(255,255,255,.92);box-shadow:0 14px 42px rgba(42,53,71,.08)}
.ai-company-proof article{display:grid;grid-template-columns:52px minmax(0,1fr);gap:4px 14px;align-items:center;padding:18px}
.ai-company-proof i,.ai-company-use-grid i,.ai-company-security li i{display:grid;place-items:center;color:#fff;background:linear-gradient(135deg,#0f8ee8,#05c0c0);box-shadow:0 12px 26px rgba(15,142,232,.18)}
.ai-company-proof i{grid-row:span 2;width:52px;height:52px;border-radius:18px}
.ai-company-proof strong,.ai-company-use-grid strong,.ai-company-flow-grid strong{color:#172033}
.ai-company-proof span,.ai-company-use-grid span,.ai-company-flow-grid span,.ai-company-metrics span{color:#52637c;font-weight:800;line-height:1.5}
.ai-company-use,.ai-company-security,.ai-company-flow,.ai-company-final-cta{position:relative;overflow:hidden;margin:24px 0;padding:clamp(22px,4vw,38px);border:1px solid rgba(15,142,232,.16);border-radius:30px;background:linear-gradient(135deg,rgba(255,255,255,.98),rgba(239,250,255,.94));box-shadow:0 20px 62px rgba(42,53,71,.09)}
.ai-company-use:before,.ai-company-security:before,.ai-company-flow:before,.ai-company-final-cta:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(15,142,232,.055) 1px,transparent 1px) 0 0/56px 56px,linear-gradient(0deg,rgba(5,192,192,.05) 1px,transparent 1px) 0 0/56px 56px;pointer-events:none}
.ai-company-use>*,.ai-company-security>*,.ai-company-flow>*,.ai-company-final-cta>*{position:relative;z-index:1}
.ai-company-section-head{max-width:900px;margin-bottom:18px}
.ai-company-section-head h2,.ai-company-security h2,.ai-company-final-cta h2{margin:8px 0;color:#172033;font-size:clamp(28px,3.7vw,46px);line-height:1.06}
.ai-company-section-head p,.ai-company-security p,.ai-company-final-cta p{margin:0;color:#4e5f78;font-weight:850;line-height:1.62}
.ai-company-use-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.ai-company-use-grid article{padding:20px}
.ai-company-use-grid i{width:54px;height:54px;margin-bottom:18px;border-radius:18px;font-size:21px}
.ai-company-use-grid span,.ai-company-flow-grid span{display:block;margin-top:8px}
.ai-company-security{display:grid;grid-template-columns:minmax(0,1fr) minmax(360px,.82fr);gap:24px;align-items:center}
.ai-company-security ul{display:grid;gap:10px;margin:0;padding:0;list-style:none}
.ai-company-security li{display:grid;grid-template-columns:34px minmax(0,1fr);gap:10px;align-items:center;padding:13px;color:#34435a;font-weight:900}
.ai-company-security li i{width:34px;height:34px;border-radius:12px}
.ai-company-flow-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.ai-company-flow-grid article{padding:20px}
.ai-company-flow-grid b{display:inline-flex;width:max-content;margin-bottom:18px;padding:7px 10px;border-radius:999px;background:#e7fbff;color:#058a9a;font-size:12px}
.ai-company-metrics article{padding:22px;text-align:center}
.ai-company-metrics strong{display:block;color:#0f8ee8;font-family:"Space Grotesk",Manrope,sans-serif;font-size:36px;line-height:1}
.ai-company-metrics span{display:block;margin-top:10px}
.ai-company-final-cta{text-align:center}
.ai-company-final-cta .eyebrow,.ai-company-final-cta .ai-company-actions{margin-left:auto;margin-right:auto}
.ai-company-final-cta p{max-width:780px;margin:0 auto}
.ai-company-final-cta .ai-company-actions{justify-content:center}
.ai-company-products,.ai-company-detail-features{position:relative;overflow:hidden;margin:24px 0;padding:clamp(22px,4vw,38px);border:1px solid rgba(15,142,232,.16);border-radius:30px;background:linear-gradient(135deg,rgba(255,255,255,.98),rgba(239,250,255,.94));box-shadow:0 20px 62px rgba(42,53,71,.09)}
.ai-company-products:before,.ai-company-detail-features:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(15,142,232,.055) 1px,transparent 1px) 0 0/56px 56px,linear-gradient(0deg,rgba(5,192,192,.05) 1px,transparent 1px) 0 0/56px 56px;pointer-events:none}
.ai-company-products>*,.ai-company-detail-features>*{position:relative;z-index:1}
.ai-company-product-grid,.ai-company-feature-grid{display:grid;gap:16px}
.ai-company-product-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.ai-company-product-card{gap:14px}
.ai-company-product-media{position:relative;display:grid;place-items:center;overflow:hidden;aspect-ratio:1.55;border:1px solid rgba(15,142,232,.12);border-radius:18px;background:linear-gradient(135deg,#071324,#0e7383)}
.ai-company-product-media img{width:100%;height:100%;object-fit:cover;filter:saturate(1.04) contrast(1.02)}
.ai-company-product-media>i{display:grid;place-items:center;width:76px;height:76px;border-radius:24px;color:#fff;background:linear-gradient(135deg,#0f8ee8,#05c0c0);font-size:32px;box-shadow:0 18px 46px rgba(15,142,232,.24)}
.ai-company-product-media span{position:absolute;left:12px;bottom:12px;max-width:calc(100% - 24px);padding:7px 10px;border-radius:999px;background:rgba(7,19,36,.72);color:#fff;font-size:12px;font-weight:950;backdrop-filter:blur(10px)}
.ai-company-card-summary{margin:0;color:#52637c;font-weight:800;line-height:1.55}
.ai-company-card-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:auto}
.ai-company-card-actions .btn-primary,.ai-company-card-actions .btn-ghost{flex:1 1 160px;min-width:0}
.ai-company-detail-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(340px,.72fr);gap:24px;align-items:center;overflow:hidden;margin-bottom:24px}
.ai-company-detail-copy{position:relative;z-index:1}
.ai-company-detail-copy h1{max-width:780px;color:#172033;font-size:clamp(34px,5vw,64px);line-height:1}
.ai-company-detail-copy p{max-width:720px;color:#4e5f78;font-size:17px;font-weight:850;line-height:1.62}
.ai-company-detail-visual{position:relative;z-index:1;display:grid;place-items:center;overflow:hidden;aspect-ratio:1.08;border:1px solid rgba(15,142,232,.14);border-radius:26px;background:#eef9ff;box-shadow:0 20px 58px rgba(42,53,71,.12)}
.ai-company-detail-visual img{width:100%;height:100%;object-fit:cover}
.ai-company-detail-visual i{display:grid;place-items:center;width:112px;height:112px;border-radius:32px;color:#fff;background:linear-gradient(135deg,#0f8ee8,#05c0c0);font-size:48px}
.ai-company-detail-layout{display:grid;grid-template-columns:1fr 1fr minmax(260px,.58fr);gap:16px;margin:24px 0}
.ai-company-detail-card,.ai-company-buy-card{position:relative;min-width:0;padding:22px;border:1px solid rgba(15,142,232,.15);border-radius:22px;background:rgba(255,255,255,.92);box-shadow:0 14px 42px rgba(42,53,71,.08)}
.ai-company-detail-card h2{color:#172033}
.ai-company-detail-card p{color:#52637c;font-weight:800;line-height:1.5}
.ai-company-buy-card{display:grid;align-content:start;gap:10px;background:linear-gradient(135deg,#0d1b33,#07898f);color:#fff}
.ai-company-buy-card .eyebrow{color:#dffcff;border-color:rgba(255,255,255,.24);background:rgba(255,255,255,.1)}
.ai-company-buy-card strong{font-family:"Space Grotesk",Manrope,sans-serif;font-size:38px;line-height:1}
.ai-company-buy-card small{color:#d7f5ff;font-weight:900}
.ai-company-feature-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.ai-company-feature-grid article{display:grid;grid-template-columns:34px minmax(0,1fr);gap:10px;align-items:center;padding:14px;border:1px solid rgba(15,142,232,.15);border-radius:18px;background:#fff;color:#34435a;font-weight:900;box-shadow:0 14px 34px rgba(42,53,71,.06)}
.ai-company-feature-grid i{display:grid;place-items:center;width:34px;height:34px;border-radius:12px;color:#fff;background:linear-gradient(135deg,#0f8ee8,#05c0c0)}
.ai-company-proof article.threeui-tilt-card,.ai-company-use-grid article.threeui-tilt-card,.ai-company-security li.threeui-tilt-card,.ai-company-flow-grid article.threeui-tilt-card,.ai-company-metrics article.threeui-tilt-card,.ai-company-product-card.threeui-tilt-card,.ai-company-detail-card.threeui-tilt-card,.ai-company-buy-card.threeui-tilt-card,.ai-company-feature-grid article.threeui-tilt-card{transform-style:preserve-3d}
.ai-company-proof article.threeui-tilt-card:after,.ai-company-use-grid article.threeui-tilt-card:after,.ai-company-security li.threeui-tilt-card:after,.ai-company-flow-grid article.threeui-tilt-card:after,.ai-company-metrics article.threeui-tilt-card:after,.ai-company-product-card.threeui-tilt-card:after,.ai-company-detail-card.threeui-tilt-card:after,.ai-company-buy-card.threeui-tilt-card:after,.ai-company-feature-grid article.threeui-tilt-card:after{border-radius:inherit}
@media(max-width:1100px){.ai-company-use-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.ai-company-security{grid-template-columns:1fr}}
@media(max-width:1060px){.ai-company-product-grid,.ai-company-detail-layout{grid-template-columns:repeat(2,minmax(0,1fr))}.ai-company-buy-card{grid-column:1/-1}.ai-company-feature-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:900px){.ai-company-hero,.ai-company-detail-hero{grid-template-columns:1fr}.ai-company-visual,.ai-company-detail-visual{max-width:620px;width:100%;aspect-ratio:1.32}.ai-company-proof,.ai-company-flow-grid,.ai-company-metrics{grid-template-columns:1fr}}
@media(max-width:760px){.ai-company-hero,.ai-company-detail-hero{padding:22px 18px;border-radius:24px}.ai-company-hero h1,.ai-company-detail-copy h1{font-size:clamp(34px,10vw,48px)}.ai-company-hero p,.ai-company-detail-copy p{font-size:15px}.ai-company-actions .btn-primary,.ai-company-actions .btn-ghost,.ai-company-card-actions .btn-primary,.ai-company-card-actions .btn-ghost{width:100%;flex-basis:100%;padding:0 14px}.ai-company-trust{display:grid;grid-template-columns:1fr}.ai-company-trust span{width:100%}.ai-company-use,.ai-company-security,.ai-company-flow,.ai-company-products,.ai-company-detail-features,.ai-company-final-cta{padding:18px;border-radius:24px}.ai-company-use-grid,.ai-company-product-grid,.ai-company-detail-layout,.ai-company-feature-grid{grid-template-columns:1fr}.ai-company-product-media{aspect-ratio:1.28}.ai-company-visual,.ai-company-detail-visual{aspect-ratio:1.08}.ai-company-status-card{left:12px;right:12px;bottom:12px}.ai-company-metrics strong,.ai-company-buy-card strong{font-size:32px}.ai-company-detail-card,.ai-company-buy-card{padding:18px}}

.ai-founder-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(360px,.72fr);gap:24px;align-items:center;overflow:hidden;margin-bottom:24px;padding:clamp(30px,5vw,62px);border-color:rgba(5,192,192,.22);background:linear-gradient(135deg,rgba(255,255,255,.98),rgba(235,251,250,.96));box-shadow:0 22px 70px rgba(42,53,71,.1)}
.ai-founder-hero:before{background:radial-gradient(circle at 80% 12%,rgba(5,192,192,.26),transparent 25rem),radial-gradient(circle at 14% 88%,rgba(15,142,232,.14),transparent 24rem),linear-gradient(90deg,rgba(15,142,232,.052) 1px,transparent 1px) 0 0/58px 58px,linear-gradient(0deg,rgba(5,192,192,.045) 1px,transparent 1px) 0 0/58px 58px}
.ai-founder-hero-copy,.ai-founder-visual{position:relative;z-index:1}
.ai-founder-hero .eyebrow,.ai-founder-section-head .eyebrow,.ai-founder-final-cta .eyebrow,.ai-founder-detail-hero .eyebrow,.ai-founder-detail-card .eyebrow,.ai-founder-buy-card .eyebrow{width:max-content;padding:7px 10px;border:1px solid rgba(5,192,192,.32);border-radius:999px;background:linear-gradient(135deg,rgba(5,192,192,.16),rgba(15,142,232,.08));color:#055f6b;box-shadow:0 8px 22px rgba(5,192,192,.11)}
.ai-founder-hero h1{max-width:880px;color:#172033;font-size:clamp(36px,5.5vw,68px);line-height:1}
.ai-founder-hero p{max-width:760px;color:#4e5f78;font-size:18px;font-weight:850;line-height:1.6}
.ai-founder-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:18px}
.ai-founder-trust{display:flex;flex-wrap:wrap;gap:9px;margin-top:16px}
.ai-founder-trust span{display:inline-flex;align-items:center;gap:8px;min-height:38px;padding:0 12px;border:1px solid rgba(15,142,232,.14);border-radius:999px;background:#fff;color:#34435a;font-size:13px;font-weight:950;box-shadow:0 10px 24px rgba(42,53,71,.06)}
.ai-founder-trust i{color:#05aeb6}
.ai-founder-visual,.ai-founder-detail-visual{position:relative;z-index:1;display:grid;place-items:center;overflow:hidden;aspect-ratio:1.05;border:1px solid rgba(15,142,232,.14);border-radius:28px;background:#eef9ff;box-shadow:0 20px 58px rgba(42,53,71,.12)}
.ai-founder-visual img,.ai-founder-detail-visual img{width:100%;height:100%;object-fit:cover;object-position:63% center;filter:saturate(1.04) contrast(1.02)}
.ai-founder-visual:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 36%,rgba(7,19,36,.48));pointer-events:none}
.ai-founder-status-card{position:absolute;left:16px;right:16px;bottom:16px;z-index:2;display:grid;gap:5px;padding:14px;border:1px solid rgba(255,255,255,.28);border-radius:18px;background:rgba(7,19,36,.72);box-shadow:0 18px 44px rgba(0,0,0,.22);backdrop-filter:blur(14px)}
.ai-founder-status-card span{color:#70f2f2;font-size:12px;font-weight:950;text-transform:uppercase}
.ai-founder-status-card strong{color:#fff;font-size:16px;line-height:1.4}
.ai-founder-proof{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:24px 0}
.ai-founder-proof article,.ai-founder-use-grid article,.ai-founder-flow-grid article,.ai-founder-detail-card,.ai-founder-buy-card,.ai-founder-feature-grid article{position:relative;min-width:0;border:1px solid rgba(15,142,232,.15);border-radius:22px;background:rgba(255,255,255,.92);box-shadow:0 14px 42px rgba(42,53,71,.08)}
.ai-founder-proof article{display:grid;grid-template-columns:52px minmax(0,1fr);gap:4px 14px;align-items:center;padding:18px}
.ai-founder-proof i,.ai-founder-use-grid i,.ai-founder-feature-grid i{display:grid;place-items:center;color:#fff;background:linear-gradient(135deg,#0f8ee8,#05c0c0);box-shadow:0 12px 26px rgba(15,142,232,.18)}
.ai-founder-proof i{grid-row:span 2;width:52px;height:52px;border-radius:18px}
.ai-founder-proof strong,.ai-founder-use-grid strong,.ai-founder-flow-grid strong,.ai-founder-detail-card h2{color:#172033}
.ai-founder-proof span,.ai-founder-use-grid span,.ai-founder-flow-grid span,.ai-founder-detail-card p{color:#52637c;font-weight:800;line-height:1.5}
.ai-founder-use,.ai-founder-products,.ai-founder-flow,.ai-founder-detail-features,.ai-founder-final-cta{position:relative;overflow:hidden;margin:24px 0;padding:clamp(22px,4vw,38px);border:1px solid rgba(15,142,232,.16);border-radius:30px;background:linear-gradient(135deg,rgba(255,255,255,.98),rgba(239,250,255,.94));box-shadow:0 20px 62px rgba(42,53,71,.09)}
.ai-founder-use:before,.ai-founder-products:before,.ai-founder-flow:before,.ai-founder-detail-features:before,.ai-founder-final-cta:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(15,142,232,.055) 1px,transparent 1px) 0 0/56px 56px,linear-gradient(0deg,rgba(5,192,192,.05) 1px,transparent 1px) 0 0/56px 56px;pointer-events:none}
.ai-founder-use>*,.ai-founder-products>*,.ai-founder-flow>*,.ai-founder-detail-features>*,.ai-founder-final-cta>*{position:relative;z-index:1}
.ai-founder-section-head{max-width:900px;margin-bottom:18px}
.ai-founder-section-head h2,.ai-founder-final-cta h2{margin:8px 0;color:#172033;font-size:clamp(28px,3.7vw,46px);line-height:1.06}
.ai-founder-section-head p,.ai-founder-final-cta p{margin:0;color:#4e5f78;font-weight:850;line-height:1.62}
.ai-founder-use-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.ai-founder-use-grid article,.ai-founder-flow-grid article{padding:20px}
.ai-founder-use-grid i{width:54px;height:54px;margin-bottom:18px;border-radius:18px;font-size:21px}
.ai-founder-use-grid span,.ai-founder-flow-grid span{display:block;margin-top:8px}
.ai-founder-product-grid,.ai-founder-feature-grid{display:grid;gap:16px}
.ai-founder-product-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.ai-founder-product-card{gap:14px}
.ai-founder-product-media{position:relative;display:grid;place-items:center;overflow:hidden;aspect-ratio:1.55;border:1px solid rgba(15,142,232,.12);border-radius:18px;background:linear-gradient(135deg,#071324,#0e7383)}
.ai-founder-product-media img{width:100%;height:100%;object-fit:cover;filter:saturate(1.04) contrast(1.02)}
.ai-founder-product-media>i,.ai-founder-detail-visual i{display:grid;place-items:center;width:76px;height:76px;border-radius:24px;color:#fff;background:linear-gradient(135deg,#0f8ee8,#05c0c0);font-size:32px;box-shadow:0 18px 46px rgba(15,142,232,.24)}
.ai-founder-product-media span{position:absolute;left:12px;bottom:12px;max-width:calc(100% - 24px);padding:7px 10px;border-radius:999px;background:rgba(7,19,36,.72);color:#fff;font-size:12px;font-weight:950;backdrop-filter:blur(10px)}
.ai-founder-card-summary{margin:0;color:#52637c;font-weight:800;line-height:1.55}
.ai-founder-card-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:auto}
.ai-founder-card-actions .btn-primary,.ai-founder-card-actions .btn-ghost{flex:1 1 160px;min-width:0}
.ai-founder-flow-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.ai-founder-flow-grid b{display:inline-flex;width:max-content;margin-bottom:18px;padding:7px 10px;border-radius:999px;background:#e7fbff;color:#058a9a;font-size:12px}
.ai-founder-detail-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(340px,.72fr);gap:24px;align-items:center;overflow:hidden;margin-bottom:24px}
.ai-founder-detail-copy{position:relative;z-index:1}
.ai-founder-detail-copy h1{max-width:780px;color:#172033;font-size:clamp(34px,5vw,64px);line-height:1}
.ai-founder-detail-copy p{max-width:720px;color:#4e5f78;font-size:17px;font-weight:850;line-height:1.62}
.ai-founder-detail-layout{display:grid;grid-template-columns:1fr 1fr minmax(260px,.58fr);gap:16px;margin:24px 0}
.ai-founder-detail-card,.ai-founder-buy-card{padding:22px}
.ai-founder-buy-card{display:grid;align-content:start;gap:10px;background:linear-gradient(135deg,#0d1b33,#07898f);color:#fff}
.ai-founder-buy-card .eyebrow{color:#dffcff;border-color:rgba(255,255,255,.24);background:rgba(255,255,255,.1)}
.ai-founder-buy-card strong{font-family:"Space Grotesk",Manrope,sans-serif;font-size:38px;line-height:1}
.ai-founder-buy-card small{color:#d7f5ff;font-weight:900}
.ai-founder-feature-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.ai-founder-feature-grid article{display:grid;grid-template-columns:34px minmax(0,1fr);gap:10px;align-items:center;padding:14px;color:#34435a;font-weight:900}
.ai-founder-feature-grid i{width:34px;height:34px;border-radius:12px}
.ai-founder-final-cta{text-align:center}
.ai-founder-final-cta .eyebrow,.ai-founder-final-cta .ai-founder-actions{margin-left:auto;margin-right:auto}
.ai-founder-final-cta p{max-width:780px;margin:0 auto}
.ai-founder-final-cta .ai-founder-actions{justify-content:center}
.ai-founder-proof article.threeui-tilt-card,.ai-founder-use-grid article.threeui-tilt-card,.ai-founder-product-card.threeui-tilt-card,.ai-founder-flow-grid article.threeui-tilt-card,.ai-founder-detail-card.threeui-tilt-card,.ai-founder-buy-card.threeui-tilt-card,.ai-founder-feature-grid article.threeui-tilt-card{transform-style:preserve-3d}
.ai-founder-proof article.threeui-tilt-card:after,.ai-founder-use-grid article.threeui-tilt-card:after,.ai-founder-product-card.threeui-tilt-card:after,.ai-founder-flow-grid article.threeui-tilt-card:after,.ai-founder-detail-card.threeui-tilt-card:after,.ai-founder-buy-card.threeui-tilt-card:after,.ai-founder-feature-grid article.threeui-tilt-card:after{border-radius:inherit}
@media(max-width:1100px){.ai-founder-use-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:1060px){.ai-founder-product-grid,.ai-founder-detail-layout{grid-template-columns:repeat(2,minmax(0,1fr))}.ai-founder-buy-card{grid-column:1/-1}.ai-founder-feature-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:900px){.ai-founder-hero,.ai-founder-detail-hero{grid-template-columns:1fr}.ai-founder-visual,.ai-founder-detail-visual{max-width:620px;width:100%;aspect-ratio:1.32}.ai-founder-proof,.ai-founder-flow-grid{grid-template-columns:1fr}}
@media(max-width:760px){.ai-founder-hero,.ai-founder-detail-hero{padding:22px 18px;border-radius:24px}.ai-founder-hero h1,.ai-founder-detail-copy h1{font-size:clamp(34px,10vw,48px)}.ai-founder-hero p,.ai-founder-detail-copy p{font-size:15px}.ai-founder-actions .btn-primary,.ai-founder-actions .btn-ghost,.ai-founder-card-actions .btn-primary,.ai-founder-card-actions .btn-ghost{width:100%;flex-basis:100%;padding:0 14px}.ai-founder-trust{display:grid;grid-template-columns:1fr}.ai-founder-trust span{width:100%}.ai-founder-use,.ai-founder-products,.ai-founder-flow,.ai-founder-detail-features,.ai-founder-final-cta{padding:18px;border-radius:24px}.ai-founder-use-grid,.ai-founder-product-grid,.ai-founder-detail-layout,.ai-founder-feature-grid{grid-template-columns:1fr}.ai-founder-product-media{aspect-ratio:1.28}.ai-founder-visual,.ai-founder-detail-visual{aspect-ratio:1.08}.ai-founder-status-card{left:12px;right:12px;bottom:12px}.ai-founder-buy-card strong{font-size:32px}.ai-founder-detail-card,.ai-founder-buy-card{padding:18px}}

.ai-offer-flow{position:relative;overflow:hidden;margin:24px 0;padding:clamp(22px,4vw,38px);border:1px solid rgba(15,142,232,.16);border-radius:30px;background:linear-gradient(135deg,rgba(255,255,255,.98),rgba(238,250,255,.94));box-shadow:0 20px 62px rgba(42,53,71,.09)}
.ai-offer-flow:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 90% 12%,rgba(5,192,192,.16),transparent 24rem),linear-gradient(90deg,rgba(15,142,232,.055) 1px,transparent 1px) 0 0/56px 56px,linear-gradient(0deg,rgba(5,192,192,.05) 1px,transparent 1px) 0 0/56px 56px;pointer-events:none}
.ai-offer-flow>*{position:relative;z-index:1}
.ai-offer-head{max-width:900px;margin-bottom:18px}
.ai-offer-head .eyebrow{width:max-content;padding:7px 10px;border:1px solid rgba(5,192,192,.32);border-radius:999px;background:linear-gradient(135deg,rgba(5,192,192,.16),rgba(15,142,232,.08));color:#055f6b;box-shadow:0 8px 22px rgba(5,192,192,.11)}
.ai-offer-head h2{margin:8px 0;color:#172033;font-size:clamp(28px,3.7vw,46px);line-height:1.06}
.ai-offer-head p{margin:0;color:#4e5f78;font-weight:850;line-height:1.62}
.ai-offer-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.ai-offer-grid article{position:relative;min-width:0;padding:20px;border:1px solid rgba(15,142,232,.15);border-radius:22px;background:rgba(255,255,255,.92);box-shadow:0 14px 42px rgba(42,53,71,.08);transform-style:preserve-3d}
.ai-offer-grid article:after{border-radius:inherit}
.ai-offer-grid b{display:inline-flex;width:max-content;margin-bottom:18px;padding:7px 10px;border-radius:999px;background:#e7fbff;color:#058a9a;font-size:12px}
.ai-offer-grid strong{display:block;color:#172033;font-size:20px;line-height:1.18}
.ai-offer-grid span{display:block;margin-top:8px;color:#52637c;font-weight:800;line-height:1.52}
.ai-offer-grid article.threeui-tilt-card b,.ai-offer-grid article.threeui-tilt-card strong{transform:translateZ(14px)}
@media(max-width:900px){.ai-offer-grid{grid-template-columns:1fr}}
@media(max-width:760px){.ai-offer-flow{padding:18px;border-radius:24px}.ai-offer-head h2{font-size:clamp(26px,8vw,38px)}.ai-offer-grid article{padding:18px}}

.nav-link[href$="/ai-kodlama-bilgisayari"],
.nav-link[href="/ai-kodlama-bilgisayari"]{position:relative;isolation:isolate;overflow:hidden;background:linear-gradient(135deg,rgba(239,245,255,.98),rgba(226,246,255,.96));border:1px solid rgba(5,192,192,.22);box-shadow:0 10px 26px rgba(15,142,232,.08),inset 0 0 0 1px rgba(255,255,255,.78);transform-style:preserve-3d}
.nav-link[href$="/ai-kodlama-bilgisayari"]:before,
.nav-link[href="/ai-kodlama-bilgisayari"]:before{content:"";position:absolute;inset:-40% -62%;z-index:-1;background:linear-gradient(115deg,transparent 36%,rgba(255,255,255,.78) 48%,rgba(5,192,192,.24) 55%,transparent 68%);transform:translateX(-48%) rotate(8deg);animation:aiMenuSaleSweep 4.8s ease-in-out infinite;pointer-events:none}
.nav-link[href$="/ai-kodlama-bilgisayari"]:after,
.nav-link[href="/ai-kodlama-bilgisayari"]:after{content:"Satışta";position:absolute;top:3px;right:5px;z-index:2;display:inline-flex;align-items:center;justify-content:center;min-height:16px;padding:0 6px;border-radius:999px;background:linear-gradient(135deg,#13deb9,#0f8ee8);color:#fff;font-size:8px;font-weight:950;letter-spacing:.08em;box-shadow:0 8px 18px rgba(5,192,192,.25)}

/* Phase 3 - live infrastructure network globe */
.network-globe{position:relative;display:grid;grid-template-columns:minmax(320px,.9fr) minmax(0,1.1fr);gap:clamp(22px,4vw,42px);align-items:center;margin:22px 0 34px;padding:clamp(24px,4vw,42px);overflow:hidden;border:1px solid rgba(15,142,232,.18);border-radius:30px;background:linear-gradient(135deg,rgba(255,255,255,.98),rgba(239,250,255,.94));box-shadow:0 24px 76px rgba(42,53,71,.12);isolation:isolate}
.network-globe:before{content:"";position:absolute;inset:0;z-index:0;background:linear-gradient(90deg,rgba(15,142,232,.055) 1px,transparent 1px) 0 0/58px 58px,linear-gradient(0deg,rgba(5,192,192,.048) 1px,transparent 1px) 0 0/58px 58px,radial-gradient(circle at var(--network-glow-x,22%) var(--network-glow-y,32%),rgba(5,192,192,.2),transparent 25rem),radial-gradient(circle at 88% 14%,rgba(15,142,232,.15),transparent 23rem);pointer-events:none}
.network-globe:after{content:"";position:absolute;inset:auto -14% -44% auto;z-index:0;width:460px;height:460px;border-radius:50%;background:radial-gradient(circle,rgba(19,222,185,.18),transparent 68%);pointer-events:none}
.network-globe>*{position:relative;z-index:1}
.network-globe-visual{position:relative;display:grid;place-items:center;min-height:370px;border-radius:28px;background:radial-gradient(circle at 50% 46%,rgba(32,244,232,.26),transparent 28%),radial-gradient(circle at 72% 18%,rgba(15,142,232,.22),transparent 34%),linear-gradient(145deg,#06111f,#0b2749 58%,#046f78);box-shadow:inset 0 0 0 1px rgba(255,255,255,.14),inset 0 0 90px rgba(5,192,192,.18),0 28px 82px rgba(13,27,51,.3);overflow:hidden}
.network-globe-visual:before{content:"";position:absolute;inset:6%;border:1px solid rgba(189,239,255,.34);border-radius:50%;box-shadow:0 0 0 25px rgba(255,255,255,.022),0 0 0 58px rgba(32,244,232,.018),0 0 120px rgba(5,192,192,.34)}
.network-globe-visual:after{content:"";position:absolute;inset:-26% -18% auto 34%;height:62%;background:linear-gradient(115deg,transparent 20%,rgba(255,255,255,.24) 45%,transparent 68%);filter:blur(1px);opacity:.46;transform:rotate(12deg);pointer-events:none}
.network-globe-canvas{position:absolute;inset:0;width:100%;height:100%;opacity:1;mix-blend-mode:screen}
.network-orbit{position:absolute;inset:18%;border:1px solid rgba(189,239,255,.38);border-radius:50%;transform:rotateX(66deg) rotateZ(-18deg);box-shadow:0 0 44px rgba(5,192,192,.18);animation:networkOrbitDrift 14s linear infinite}
.network-orbit--two{inset:28%;transform:rotateX(58deg) rotateZ(28deg);border-color:rgba(19,222,185,.38);animation-duration:18s;animation-direction:reverse}
.network-core{position:relative;display:grid;place-items:center;width:62px;height:62px;border:1px solid rgba(255,255,255,.34);border-radius:22px;color:#fff;background:radial-gradient(circle at 35% 25%,rgba(255,255,255,.42),transparent 34%),linear-gradient(135deg,rgba(15,142,232,.88),rgba(5,192,192,.82));box-shadow:0 0 0 7px rgba(5,192,192,.13),0 0 0 16px rgba(15,142,232,.055),0 18px 46px rgba(5,192,192,.36);backdrop-filter:blur(10px);animation:networkCorePulse 2.8s ease-in-out infinite}
.network-core i{font-size:25px;text-shadow:0 8px 22px rgba(13,27,51,.28)}
@keyframes networkOrbitDrift{to{transform:rotateX(66deg) rotateZ(342deg)}}
@keyframes networkCorePulse{0%,100%{filter:saturate(1);transform:scale(1)}50%{filter:saturate(1.25);transform:scale(1.045)}}
.network-globe-copy{display:grid;gap:15px}
.network-globe-copy .eyebrow{width:max-content;padding:7px 10px;border:1px solid rgba(5,192,192,.2);border-radius:999px;background:rgba(5,192,192,.1);color:#057b83}
.network-globe-copy h2{max-width:760px;margin:0;font-size:clamp(30px,4vw,52px);line-height:1.02}
.network-globe-copy p{max-width:760px;margin:0;font-size:16px;font-weight:800;line-height:1.72;color:#50627d}
.network-node-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:6px}
.network-node-grid article{position:relative;overflow:hidden;padding:14px 13px;border:1px solid rgba(15,142,232,.15);border-radius:18px;background:rgba(255,255,255,.82);box-shadow:0 12px 30px rgba(42,53,71,.07);transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}
.network-node-grid article:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 20% 15%,rgba(19,222,185,.16),transparent 50%);pointer-events:none}
.network-node-grid strong,.network-node-grid span{position:relative;z-index:1;display:block}
.network-node-grid strong{color:#0f8ee8;font-family:"Space Grotesk",Manrope,sans-serif;font-size:22px;line-height:1}
.network-node-grid span{margin-top:8px;color:#34435a;font-size:12px;font-weight:950;line-height:1.35}
.network-globe-cta{width:max-content;margin-top:4px}
.network-globe--contact{grid-template-columns:minmax(250px,.62fr) minmax(0,1fr);margin:18px 0 30px;padding:24px}
.network-globe--contact .network-globe-visual{min-height:240px;border-radius:22px}
.network-globe--contact .network-globe-copy h2{font-size:clamp(28px,3.3vw,42px)}
.network-globe--contact .network-node-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
.network-globe--about{margin-top:0}
@media(hover:hover) and (pointer:fine) and (min-width:900px){
  .network-node-grid article:hover{transform:translateY(-4px);border-color:rgba(5,192,192,.45);box-shadow:0 18px 44px rgba(42,53,71,.11)}
}
@media(max-width:1060px){
  .network-globe,.network-globe--contact{grid-template-columns:1fr}
  .network-globe-visual{min-height:280px}
  .network-node-grid,.network-globe--contact .network-node-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:680px){
  .network-globe{gap:14px;margin:14px 0 20px;padding:14px;border-radius:22px}
  .network-globe-visual{min-height:142px;border-radius:18px}
  .network-globe-visual:before{inset:11%;box-shadow:0 0 0 14px rgba(255,255,255,.022),0 0 44px rgba(5,192,192,.2)}
  .network-globe-visual:after{opacity:.28}
  .network-orbit{inset:22%;opacity:.72}
  .network-orbit--two{inset:34%;opacity:.62}
  .network-core{width:46px;height:46px;border-radius:16px}
  .network-core i{font-size:19px}
  .network-globe-copy{gap:10px}
  .network-globe-copy .eyebrow{padding:5px 8px;font-size:10px}
  .network-globe-copy h2{font-size:clamp(24px,7.8vw,32px);line-height:1.04}
  .network-globe-copy p{font-size:13px;line-height:1.58}
  .network-node-grid,.network-globe--contact .network-node-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
  .network-node-grid article{min-height:72px;padding:10px;border-radius:14px}
  .network-node-grid strong{font-size:18px}
  .network-node-grid span{margin-top:5px;font-size:11px;line-height:1.25}
  .network-globe-cta{width:100%;min-height:40px}
}
@media(prefers-reduced-motion:reduce){
  .network-node-grid article,.network-orbit,.network-core{transition:none;animation:none}
}

/* Secure login atmosphere */
.auth-hero.auth-login{
  isolation:isolate;
  min-height:220px;
  border-color:rgba(5,192,192,.22);
  background:
    radial-gradient(circle at 84% 18%,rgba(32,244,232,.28),transparent 22rem),
    radial-gradient(circle at 10% 100%,rgba(15,142,232,.13),transparent 20rem),
    linear-gradient(135deg,rgba(255,255,255,.98),rgba(236,249,255,.96));
}
.auth-hero.auth-login:before{
  background:
    linear-gradient(90deg,rgba(15,142,232,.065) 1px,transparent 1px),
    linear-gradient(0deg,rgba(5,192,192,.055) 1px,transparent 1px),
    radial-gradient(circle at 88% 14%,rgba(5,192,192,.24),transparent 23rem);
  background-size:48px 48px,48px 48px,auto;
  mask-image:linear-gradient(115deg,rgba(0,0,0,.76),rgba(0,0,0,.3));
}
.auth-hero.auth-login:after{
  content:"";
  position:absolute;
  right:132px;
  top:50%;
  z-index:0;
  width:220px;
  height:220px;
  border:1px solid rgba(15,142,232,.16);
  border-radius:50%;
  transform:translateY(-50%) rotateX(68deg);
  box-shadow:0 0 0 28px rgba(15,142,232,.025),0 0 0 62px rgba(5,192,192,.018);
  pointer-events:none;
}
.auth-hero.auth-login .eyebrow{
  padding:7px 10px;
  border:1px solid rgba(5,192,192,.22);
  border-radius:999px;
  color:#057b83;
  background:rgba(5,192,192,.1);
}
.auth-hero.auth-login .client-hero-badge{
  width:138px;
  height:138px;
  border:1px solid rgba(255,255,255,.34);
  border-radius:32px;
  background:
    radial-gradient(circle at 34% 22%,rgba(255,255,255,.34),transparent 34%),
    linear-gradient(145deg,#0d1b33,#0f8ee8 62%,#05c0c0);
  box-shadow:0 0 0 10px rgba(5,192,192,.08),0 28px 72px rgba(15,142,232,.28);
}
.auth-layout.auth-login{
  position:relative;
  isolation:isolate;
}
.auth-layout.auth-login:before{
  content:"";
  position:absolute;
  inset:-18px;
  z-index:-1;
  border-radius:32px;
  background:
    radial-gradient(circle at 82% 10%,rgba(5,192,192,.14),transparent 24rem),
    radial-gradient(circle at 15% 100%,rgba(15,142,232,.1),transparent 22rem);
  pointer-events:none;
}
.auth-layout.auth-login .auth-card{
  border-color:rgba(15,142,232,.22);
  background:
    linear-gradient(135deg,rgba(255,255,255,.98),rgba(247,252,255,.96));
  box-shadow:0 18px 54px rgba(42,53,71,.1),inset 0 1px 0 rgba(255,255,255,.9);
}
.auth-layout.auth-login .auth-card:before{
  background:
    radial-gradient(circle at 94% 0%,rgba(5,192,192,.14),transparent 17rem),
    linear-gradient(90deg,rgba(15,142,232,.045) 1px,transparent 1px),
    linear-gradient(0deg,rgba(5,192,192,.038) 1px,transparent 1px);
  background-size:auto,42px 42px,42px 42px;
}
.auth-layout.auth-login .auth-card .eyebrow{
  width:max-content;
  padding:6px 9px;
  border:1px solid rgba(15,142,232,.16);
  border-radius:999px;
  background:#f0fbff;
}
.auth-layout.auth-login .client-form input{
  border-color:rgba(15,142,232,.24);
  background:linear-gradient(135deg,#f8fbff,#edf7ff);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.75);
}
.auth-layout.auth-login .client-form input:focus{
  border-color:rgba(5,192,192,.72);
  box-shadow:0 0 0 4px rgba(5,192,192,.14),0 12px 28px rgba(15,142,232,.08);
}
.auth-layout.auth-login .auth-side{
  justify-content:center;
  min-height:390px;
  border-color:rgba(255,255,255,.18);
  background:
    radial-gradient(circle at 84% 0%,rgba(32,244,232,.25),transparent 19rem),
    linear-gradient(90deg,rgba(255,255,255,.055) 1px,transparent 1px),
    linear-gradient(0deg,rgba(255,255,255,.04) 1px,transparent 1px),
    linear-gradient(145deg,#09172b,#103761 58%,#057b83);
  background-size:auto,42px 42px,42px 42px,auto;
  box-shadow:0 24px 70px rgba(13,27,51,.18);
}
.auth-layout.auth-login .auth-side>*:not(.auth-security-visual){
  position:relative;
  z-index:2;
}
.auth-layout.auth-login .auth-side:before{
  content:"";
  position:absolute;
  inset:16px 16px auto auto;
  width:120px;
  height:120px;
  border:1px solid rgba(189,239,255,.18);
  border-radius:50%;
  box-shadow:0 0 0 24px rgba(255,255,255,.025),0 0 48px rgba(5,192,192,.14);
  pointer-events:none;
}
.auth-security-visual{
  position:absolute;
  inset:0;
  z-index:0;
  overflow:hidden;
  border-radius:inherit;
  opacity:.92;
  pointer-events:none;
}
.auth-security-visual:before{
  content:"";
  position:absolute;
  inset:18% 8% auto auto;
  width:230px;
  height:230px;
  border:1px solid rgba(189,239,255,.22);
  border-radius:50%;
  box-shadow:0 0 0 28px rgba(255,255,255,.02),0 0 74px rgba(5,192,192,.22);
}
.auth-security-visual:after{
  content:"";
  position:absolute;
  inset:-24% -12% auto 38%;
  height:55%;
  background:linear-gradient(115deg,transparent 20%,rgba(255,255,255,.2) 48%,transparent 68%);
  filter:blur(1px);
  opacity:.45;
  transform:rotate(10deg);
}
.auth-security-canvas{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  mix-blend-mode:screen;
}
.auth-security-orbit{
  position:absolute;
  right:32px;
  top:54px;
  width:230px;
  height:230px;
  border:1px solid rgba(189,239,255,.34);
  border-radius:50%;
  transform:rotateX(66deg) rotateZ(-18deg);
  box-shadow:0 0 40px rgba(5,192,192,.16);
  animation:authSecurityOrbit 14s linear infinite;
}
.auth-security-orbit--two{
  right:66px;
  top:86px;
  width:160px;
  height:160px;
  border-color:rgba(19,222,185,.34);
  animation-duration:18s;
  animation-direction:reverse;
}
.auth-security-core{
  position:absolute;
  right:112px;
  top:138px;
  display:grid;
  place-items:center;
  width:50px;
  height:50px;
  border:1px solid rgba(255,255,255,.3);
  border-radius:18px;
  color:#fff;
  background:radial-gradient(circle at 34% 22%,rgba(255,255,255,.42),transparent 34%),linear-gradient(135deg,rgba(15,142,232,.86),rgba(5,192,192,.78));
  box-shadow:0 0 0 7px rgba(5,192,192,.1),0 16px 40px rgba(5,192,192,.28);
  backdrop-filter:blur(8px);
  animation:authSecurityCore 2.9s ease-in-out infinite;
}
.auth-security-core i{font-size:21px}
@keyframes authSecurityOrbit{to{transform:rotateX(66deg) rotateZ(342deg)}}
@keyframes authSecurityCore{0%,100%{transform:scale(1);filter:saturate(1)}50%{transform:scale(1.045);filter:saturate(1.25)}}
.auth-layout.auth-login .auth-side:after{
  content:"";
  position:absolute;
  left:-28%;
  right:-28%;
  top:22%;
  height:1px;
  background:linear-gradient(90deg,transparent,rgba(32,244,232,.42),transparent);
  transform:rotate(-13deg);
  opacity:.8;
  pointer-events:none;
}
.auth-layout.auth-login .auth-side>span{
  color:#bdf5ff;
  background:rgba(255,255,255,.12);
  border:1px solid rgba(255,255,255,.14);
}
.auth-layout.auth-login .auth-side h3{
  max-width:520px;
  font-size:clamp(30px,3.2vw,42px);
  line-height:1.02;
}
.auth-layout.auth-login .auth-side li{
  padding:10px 0;
  border-top:1px solid rgba(255,255,255,.09);
}
.auth-layout.auth-login .auth-side li:first-child{border-top:0}
.auth-layout.auth-login .auth-side li i{
  display:grid;
  place-items:center;
  width:30px;
  height:30px;
  flex:0 0 auto;
  border-radius:10px;
  color:#dffcff;
  background:linear-gradient(135deg,rgba(15,142,232,.9),rgba(5,192,192,.82));
  box-shadow:0 10px 22px rgba(5,192,192,.18);
}
@media(max-width:960px){
  .auth-hero.auth-login:after{display:none}
  .auth-layout.auth-login .auth-side{min-height:320px}
  .auth-security-visual{opacity:.72}
  .auth-security-orbit{right:18px;top:34px;width:190px;height:190px}
  .auth-security-orbit--two{right:48px;top:64px;width:132px;height:132px}
  .auth-security-core{right:86px;top:112px;width:46px;height:46px;border-radius:16px}
}
@media(max-width:640px){
  .auth-hero.auth-login .client-hero-badge{width:104px;height:104px}
  .auth-layout.auth-login .auth-side h3{font-size:29px}
  .auth-layout.auth-login .auth-side{min-height:360px}
  .auth-security-visual{opacity:.68}
  .auth-security-visual:before{inset:13% -8% auto auto;width:210px;height:210px}
  .auth-security-orbit{right:-4px;top:38px;width:205px;height:205px}
  .auth-security-orbit--two{right:28px;top:72px;width:142px;height:142px}
  .auth-security-core{right:72px;top:124px;width:48px;height:48px}
}
@media(max-width:640px){
  .auth-layout.auth-login{gap:12px}
  .auth-layout.auth-login .auth-card{padding:18px 15px;border-radius:20px}
  .auth-layout.auth-login .auth-card .eyebrow{padding:5px 8px;font-size:10px}
  .auth-layout.auth-login .auth-card h2{margin:7px 0 13px;font-size:clamp(24px,7vw,29px);line-height:1.05}
  .auth-layout.auth-login .client-form{gap:10px}
  .auth-layout.auth-login .client-form label{gap:6px;font-size:12px}
  .auth-layout.auth-login .client-form input{height:44px;border-radius:13px}
  .auth-layout.auth-login .client-form .btn-primary{min-height:44px}
  .auth-layout.auth-login .auth-switch{margin-top:12px;font-size:12px;line-height:1.45}
  .auth-layout.auth-login .auth-side{
    min-height:252px;
    padding:18px 15px;
    border-radius:20px;
    justify-content:center;
  }
  .auth-layout.auth-login .auth-side>span{
    margin-bottom:10px;
    padding:5px 8px;
    font-size:10px;
    letter-spacing:.09em;
  }
  .auth-layout.auth-login .auth-side h3{
    max-width:92%;
    margin:0;
    font-size:clamp(21px,6.1vw,25px);
    line-height:1.08;
  }
  .auth-layout.auth-login .auth-side ul{gap:6px;margin-top:12px}
  .auth-layout.auth-login .auth-side li{gap:8px;padding:6px 0;font-size:12px;line-height:1.35}
  .auth-layout.auth-login .auth-side li i{width:26px;height:26px;border-radius:9px}
  .auth-security-visual{opacity:.54}
  .auth-security-visual:before{inset:10% -11% auto auto;width:165px;height:165px}
  .auth-security-visual:after{inset:-18% -24% auto 42%;height:48%;opacity:.34}
  .auth-security-orbit{right:-18px;top:22px;width:162px;height:162px}
  .auth-security-orbit--two{right:8px;top:50px;width:112px;height:112px}
  .auth-security-core{right:48px;top:92px;width:42px;height:42px;border-radius:14px}
  .auth-security-core i{font-size:18px}
}
@media(max-width:420px){
  .auth-layout.auth-login .auth-side{min-height:232px}
  .auth-layout.auth-login .auth-side h3{max-width:96%;font-size:20px}
  .auth-layout.auth-login .auth-side li{font-size:11px}
  .auth-security-orbit{right:-30px;top:20px;width:150px;height:150px}
  .auth-security-orbit--two{right:-2px;top:48px;width:104px;height:104px}
  .auth-security-core{right:38px;top:88px;width:38px;height:38px}
}
@media(prefers-reduced-motion:reduce){
  .auth-security-orbit,.auth-security-core{animation:none}
}
/* PC ThreeUI Phase 1: register trust panel */
.auth-hero.auth-register{
  isolation:isolate;
  min-height:240px;
  border-color:rgba(5,192,192,.2);
  background:
    radial-gradient(circle at 86% 12%,rgba(19,222,185,.24),transparent 22rem),
    radial-gradient(circle at 8% 100%,rgba(15,142,232,.13),transparent 22rem),
    linear-gradient(135deg,rgba(255,255,255,.98),rgba(238,250,255,.96));
}
.auth-hero.auth-register:before{
  background:
    linear-gradient(90deg,rgba(15,142,232,.055) 1px,transparent 1px),
    linear-gradient(0deg,rgba(5,192,192,.048) 1px,transparent 1px),
    radial-gradient(circle at 88% 14%,rgba(5,192,192,.2),transparent 22rem);
  background-size:46px 46px,46px 46px,auto;
  mask-image:linear-gradient(115deg,rgba(0,0,0,.7),rgba(0,0,0,.26));
}
.auth-hero.auth-register .eyebrow,
.auth-layout.auth-register .auth-card .eyebrow{
  width:max-content;
  padding:7px 10px;
  border:1px solid rgba(5,192,192,.22);
  border-radius:999px;
  color:#057b83;
  background:rgba(5,192,192,.1);
}
.auth-hero.auth-register .client-hero-badge{
  width:142px;
  height:142px;
  border:1px solid rgba(255,255,255,.36);
  border-radius:34px;
  background:
    radial-gradient(circle at 34% 22%,rgba(255,255,255,.36),transparent 34%),
    linear-gradient(145deg,#0d1b33,#0f8ee8 58%,#13deb9);
  box-shadow:0 0 0 10px rgba(19,222,185,.08),0 28px 72px rgba(15,142,232,.25);
}
.auth-register-flow{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin-top:18px;
}
.auth-register-flow span{
  display:inline-flex;
  align-items:center;
  gap:8px;
  min-height:34px;
  padding:0 11px;
  border:1px solid rgba(15,142,232,.17);
  border-radius:999px;
  color:#40516a;
  background:rgba(255,255,255,.78);
  box-shadow:0 10px 24px rgba(42,53,71,.055);
  font-size:12px;
  font-weight:950;
}
.auth-register-flow b{color:#0797a7;font-family:"Space Grotesk",Manrope,sans-serif}
.auth-layout.auth-register{
  position:relative;
  isolation:isolate;
}
.auth-layout.auth-register:before{
  content:"";
  position:absolute;
  inset:-18px;
  z-index:-1;
  border-radius:32px;
  background:
    radial-gradient(circle at 82% 10%,rgba(19,222,185,.12),transparent 24rem),
    radial-gradient(circle at 14% 100%,rgba(15,142,232,.09),transparent 22rem);
  pointer-events:none;
}
.auth-layout.auth-register .auth-card{
  border-color:rgba(15,142,232,.2);
  background:
    radial-gradient(circle at 94% 0%,rgba(5,192,192,.1),transparent 17rem),
    linear-gradient(135deg,rgba(255,255,255,.98),rgba(247,252,255,.96));
  box-shadow:0 20px 58px rgba(42,53,71,.1),inset 0 1px 0 rgba(255,255,255,.9);
}
.auth-register-trust{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:8px;
  margin:-4px 0 14px;
}
.auth-register-trust span{
  display:flex;
  align-items:center;
  gap:7px;
  min-width:0;
  padding:10px;
  border:1px solid rgba(15,142,232,.14);
  border-radius:14px;
  color:#40516a;
  background:rgba(255,255,255,.78);
  font-size:11px;
  font-weight:900;
  line-height:1.25;
}
.auth-register-trust i{color:#0f8ee8}
.auth-layout.auth-register .client-form input{
  border-color:rgba(15,142,232,.23);
  background:linear-gradient(135deg,#f8fbff,#edf7ff);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.75);
}
.auth-layout.auth-register .client-form input:focus{
  border-color:rgba(19,222,185,.72);
  box-shadow:0 0 0 4px rgba(19,222,185,.13),0 12px 28px rgba(15,142,232,.08);
}
.auth-layout.auth-register .auth-side{
  justify-content:center;
  min-height:460px;
  border-color:rgba(255,255,255,.18);
  background:
    radial-gradient(circle at 84% 4%,rgba(19,222,185,.25),transparent 19rem),
    linear-gradient(90deg,rgba(255,255,255,.055) 1px,transparent 1px),
    linear-gradient(0deg,rgba(255,255,255,.04) 1px,transparent 1px),
    linear-gradient(145deg,#081426,#103761 58%,#058a92);
  background-size:auto,42px 42px,42px 42px,auto;
  box-shadow:0 24px 70px rgba(13,27,51,.18);
}
.auth-layout.auth-register .auth-side>*:not(.auth-register-visual){
  position:relative;
  z-index:2;
}
.auth-register-visual{
  position:absolute;
  inset:0;
  z-index:0;
  overflow:hidden;
  border-radius:inherit;
  opacity:.9;
  pointer-events:none;
}
.auth-register-ring{
  position:absolute;
  right:38px;
  top:62px;
  width:240px;
  height:240px;
  border:1px solid rgba(189,239,255,.28);
  border-radius:50%;
  transform:rotateX(66deg) rotateZ(-18deg);
  box-shadow:0 0 44px rgba(5,192,192,.16);
  animation:authRegisterOrbit 15s linear infinite;
}
.auth-register-ring--two{
  right:72px;
  top:96px;
  width:170px;
  height:170px;
  border-color:rgba(19,222,185,.34);
  animation-duration:20s;
  animation-direction:reverse;
}
.auth-register-core{
  position:absolute;
  right:122px;
  top:150px;
  display:grid;
  place-items:center;
  width:58px;
  height:58px;
  border:1px solid rgba(255,255,255,.3);
  border-radius:20px;
  color:#fff;
  background:radial-gradient(circle at 34% 22%,rgba(255,255,255,.42),transparent 34%),linear-gradient(135deg,rgba(15,142,232,.88),rgba(19,222,185,.8));
  box-shadow:0 0 0 8px rgba(19,222,185,.1),0 18px 44px rgba(5,192,192,.28);
  backdrop-filter:blur(8px);
  animation:authSecurityCore 3s ease-in-out infinite;
}
.auth-register-core i{font-size:22px}
.auth-register-node{
  position:absolute;
  z-index:1;
  display:grid!important;
  place-items:center;
  width:38px;
  height:38px;
  margin:0!important;
  padding:0!important;
  border:1px solid rgba(255,255,255,.24)!important;
  border-radius:14px!important;
  color:#eaffff!important;
  background:rgba(255,255,255,.12)!important;
  box-shadow:0 12px 28px rgba(5,192,192,.16);
  backdrop-filter:blur(10px);
  animation:authRegisterFloat 4.2s ease-in-out infinite;
}
.auth-register-node i{margin:0;color:#eaffff}
.auth-register-node--one{right:214px;top:124px}
.auth-register-node--two{right:74px;top:108px;animation-delay:.5s}
.auth-register-node--three{right:88px;top:252px;animation-delay:1s}
.auth-layout.auth-register .auth-side>span{
  color:#bdf5ff;
  background:rgba(255,255,255,.12);
  border:1px solid rgba(255,255,255,.14);
}
.auth-layout.auth-register .auth-side h3{
  max-width:520px;
  font-size:clamp(30px,3.2vw,42px);
  line-height:1.02;
}
.auth-layout.auth-register .auth-side li{
  padding:10px 0;
  border-top:1px solid rgba(255,255,255,.09);
}
.auth-layout.auth-register .auth-side li:first-child{border-top:0}
.auth-layout.auth-register .auth-side li i{
  display:grid;
  place-items:center;
  width:30px;
  height:30px;
  flex:0 0 auto;
  border-radius:10px;
  color:#dffcff;
  background:linear-gradient(135deg,rgba(15,142,232,.9),rgba(19,222,185,.82));
  box-shadow:0 10px 22px rgba(5,192,192,.18);
}
@keyframes authRegisterOrbit{to{transform:rotateX(66deg) rotateZ(342deg)}}
@keyframes authRegisterFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}
@media(max-width:960px){
  .auth-layout.auth-register .auth-side{min-height:330px}
  .auth-register-ring{right:18px;top:32px;width:196px;height:196px}
  .auth-register-ring--two{right:48px;top:62px;width:134px;height:134px}
  .auth-register-core{right:88px;top:112px;width:48px;height:48px;border-radius:16px}
  .auth-register-node--one{right:166px;top:100px}
  .auth-register-node--two{right:36px;top:88px}
  .auth-register-node--three{right:54px;top:204px}
}
@media(max-width:640px){
  .auth-hero.auth-register .client-hero-badge{width:104px;height:104px}
  .auth-register-flow{gap:6px;margin-top:13px}
  .auth-register-flow span{min-height:31px;padding:0 9px;font-size:11px}
  .auth-register-trust{grid-template-columns:1fr;gap:6px}
  .auth-layout.auth-register{gap:12px}
  .auth-layout.auth-register .auth-card{padding:18px 15px;border-radius:20px}
  .auth-layout.auth-register .auth-card h2{margin:7px 0 13px;font-size:clamp(24px,7vw,29px);line-height:1.05}
  .auth-layout.auth-register .client-form{gap:10px}
  .auth-layout.auth-register .client-form label{gap:6px;font-size:12px}
  .auth-layout.auth-register .client-form input{height:44px;border-radius:13px}
  .auth-layout.auth-register .client-form .btn-primary{min-height:44px}
  .auth-layout.auth-register .auth-switch{margin-top:12px;font-size:12px;line-height:1.45}
  .auth-layout.auth-register .auth-side{min-height:250px;padding:18px 15px;border-radius:20px}
  .auth-layout.auth-register .auth-side>span{margin-bottom:10px;padding:5px 8px;font-size:10px;letter-spacing:.09em}
  .auth-layout.auth-register .auth-side h3{max-width:92%;margin:0;font-size:clamp(21px,6.1vw,25px);line-height:1.08}
  .auth-layout.auth-register .auth-side ul{gap:6px;margin-top:12px}
  .auth-layout.auth-register .auth-side li{gap:8px;padding:6px 0;font-size:12px;line-height:1.35}
  .auth-layout.auth-register .auth-side li i{width:26px;height:26px;border-radius:9px}
  .auth-register-visual{opacity:.48}
  .auth-register-ring{right:-18px;top:20px;width:162px;height:162px}
  .auth-register-ring--two{right:10px;top:48px;width:112px;height:112px}
  .auth-register-core{right:52px;top:88px;width:40px;height:40px;border-radius:14px}
  .auth-register-node{display:none!important}
}
@media(prefers-reduced-motion:reduce){
  .auth-register-ring,.auth-register-core,.auth-register-node{animation:none}
}
.nav-link[href$="/ai-kodlama-bilgisayari"] small,
.nav-link[href="/ai-kodlama-bilgisayari"] small{color:#009ba8}
.nav-link[href$="/ai-kodlama-bilgisayari"] span,
.nav-link[href="/ai-kodlama-bilgisayari"] span{color:#087fc8;text-shadow:0 8px 24px rgba(5,192,192,.08)}
.nav-link[href$="/ai-kodlama-bilgisayari"] i,
.nav-link[href="/ai-kodlama-bilgisayari"] i{color:#0f8ee8;filter:drop-shadow(0 5px 8px rgba(5,192,192,.22))}
.nav-item:hover>.nav-link[href$="/ai-kodlama-bilgisayari"],
.nav-item.is-open>.nav-link[href$="/ai-kodlama-bilgisayari"],
.nav-item:hover>.nav-link[href="/ai-kodlama-bilgisayari"],
.nav-item.is-open>.nav-link[href="/ai-kodlama-bilgisayari"]{background:linear-gradient(135deg,rgba(229,247,255,.98),rgba(212,251,249,.96));border-color:rgba(5,192,192,.5);box-shadow:0 16px 38px rgba(15,142,232,.14),0 0 0 4px rgba(5,192,192,.08)}
@keyframes aiMenuSaleSweep{0%,58%{transform:translateX(-56%) rotate(8deg);opacity:.42}74%{transform:translateX(34%) rotate(8deg);opacity:.9}100%{transform:translateX(56%) rotate(8deg);opacity:0}}
@media(max-width:1060px){.nav-link[href$="/ai-kodlama-bilgisayari"]:after,.nav-link[href="/ai-kodlama-bilgisayari"]:after{top:6px;right:8px}}
@media(prefers-reduced-motion:reduce){.nav-link[href$="/ai-kodlama-bilgisayari"]:before,.nav-link[href="/ai-kodlama-bilgisayari"]:before{animation:none;opacity:.28}}

@media(max-width:760px){
  .client-hero.auth-hero{
    display:grid;
    grid-template-columns:minmax(0,1fr) auto;
    gap:12px;
    align-items:center;
    margin-bottom:12px;
    padding:16px 14px;
    border-radius:20px;
    min-height:0;
  }
  .client-hero.auth-hero h1{
    margin:7px 0 6px;
    font-size:clamp(28px,8.8vw,38px);
    line-height:1.03;
  }
  .client-hero.auth-hero p{
    margin:0;
    max-width:100%;
    font-size:12.5px;
    line-height:1.45;
    overflow:visible;
  }
  .client-hero.auth-hero .eyebrow{
    padding:5px 8px;
    border-radius:999px;
    font-size:9px;
    line-height:1;
  }
  .client-hero.auth-hero .client-hero-badge{
    width:86px;
    height:86px;
    border-radius:22px;
  }
  .client-hero.auth-hero .client-hero-badge i{
    font-size:19px;
  }
  .client-hero.auth-hero .client-hero-badge strong{
    font-size:25px;
  }
  .client-hero.auth-hero .client-hero-badge small{
    font-size:10px;
  }
  .footer{
    margin-top:24px;
    padding:16px 0 calc(14px + env(safe-area-inset-bottom,0px));
  }
  .footer-shell{
    gap:8px;
  }
  .footer-cta-panel{
    gap:9px;
    padding:12px;
    border-radius:18px;
  }
  .footer-cta-copy{
    gap:5px;
  }
  .footer-cta-copy strong{
    font-size:20px;
  }
  .footer-cta-copy p{
    display:-webkit-box;
    font-size:12px;
    line-height:1.42;
    overflow:hidden;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
  }
  .footer-cta-actions{
    display:flex;
    gap:7px;
    overflow-x:auto;
    padding-bottom:2px;
    scrollbar-width:thin;
    -webkit-overflow-scrolling:touch;
  }
  .footer-cta-action,
  .footer-cta-action.is-primary{
    flex:0 0 auto;
    grid-column:auto;
    min-width:126px;
    min-height:38px;
    padding:0 10px;
    border-radius:13px;
    font-size:11.5px;
  }
  .footer-cta-action i{
    width:21px;
    height:21px;
    border-radius:8px;
  }
  .footer-brand-panel{
    gap:8px;
    padding:13px;
    border-radius:18px;
  }
  .footer-brand img{
    width:112px;
  }
  .footer-eyebrow{
    padding:5px 8px;
    font-size:9px;
  }
  .footer-brand-panel strong{
    font-size:19px;
  }
  .footer-brand-panel p{
    display:-webkit-box;
    font-size:12px;
    line-height:1.45;
    overflow:hidden;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
  }
  .footer-affiliate-note{
    display:grid;
    grid-template-columns:24px minmax(0,1fr);
    gap:7px;
    padding:8px;
    border-radius:13px;
  }
  .footer-affiliate-note i{
    width:24px;
    height:24px;
    border-radius:9px;
  }
  .footer-actions{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:6px;
    margin-top:0;
    overflow:visible;
    padding-bottom:0;
  }
  .footer-action,
  .footer-action.is-primary{
    flex:initial;
    grid-column:auto;
    min-width:0;
    min-height:36px;
    padding:0 7px;
    border-radius:12px;
    font-size:11px;
    gap:5px;
  }
  .footer-action i{
    flex:0 0 auto;
    font-size:12px;
  }
  .footer-nav-panel{
    gap:8px;
  }
  .footer-col{
    gap:8px;
    padding:11px;
    border-radius:16px;
  }
  .footer-col h4{
    font-size:11px;
  }
  .footer-links{
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:6px;
  }
  .footer-links a{
    min-height:34px;
    padding:6px 7px;
    border-radius:11px;
    font-size:11px;
    line-height:1.25;
  }
  .footer-links a:before{
    width:18px;
    height:18px;
    margin-right:6px;
    border-radius:7px;
    font-size:11px;
  }
  .footer-trust-strip{
    grid-template-columns:1fr;
    gap:6px;
  }
  .footer-trust-strip article{
    grid-template-columns:34px minmax(0,max-content) minmax(0,1fr);
    gap:3px 9px;
    min-height:56px;
    padding:9px 10px;
    border-radius:14px;
  }
  .footer-trust-strip i{
    width:34px;
    height:34px;
    border-radius:12px;
  }
  .footer-trust-strip strong{
    font-size:16px;
  }
  .footer-trust-strip span{
    font-size:11px;
    line-height:1.25;
  }
  .footer-bottom{
    gap:5px;
    padding-top:9px;
    font-size:11px;
  }
  .footer-bottom small{
    max-width:100%;
    font-size:10.5px;
  }
}
@media(max-width:420px){
  .client-hero.auth-hero{
    grid-template-columns:1fr 72px;
    padding:14px 12px;
  }
  .client-hero.auth-hero .client-hero-badge{
    width:72px;
    height:72px;
    border-radius:18px;
  }
  .client-hero.auth-hero .client-hero-badge strong{
    font-size:21px;
  }
  .footer-links{
    grid-template-columns:1fr 1fr;
  }
}
@media(max-width:760px){
  .client-hero.auth-hero.auth-register{
    grid-template-columns:minmax(0,1fr) 72px;
    gap:10px;
    margin-bottom:10px;
    padding:14px 12px;
    border-radius:18px;
  }
  .client-hero.auth-hero.auth-register h1{
    margin:6px 0 5px;
    font-size:clamp(25px,8vw,34px);
    line-height:1.02;
  }
  .client-hero.auth-hero.auth-register p{
    max-width:none;
    font-size:12px;
    line-height:1.45;
  }
  .client-hero.auth-hero.auth-register .eyebrow{
    padding:5px 8px;
    font-size:9px;
    letter-spacing:.1em;
  }
  .client-hero.auth-hero.auth-register .client-hero-badge{
    width:70px;
    height:70px;
    border-radius:18px;
  }
  .client-hero.auth-hero.auth-register .client-hero-badge i{font-size:18px}
  .client-hero.auth-hero.auth-register .client-hero-badge strong{font-size:20px}
  .client-hero.auth-hero.auth-register .client-hero-badge small{font-size:9px}
  .auth-register-flow{
    gap:5px;
    margin-top:9px;
  }
  .auth-register-flow span{
    min-height:27px;
    padding:0 7px;
    font-size:10px;
  }
  .auth-layout.auth-register{
    gap:10px;
  }
  .auth-layout.auth-register .auth-card{
    padding:16px 13px;
    border-radius:18px;
  }
  .auth-layout.auth-register .auth-card .eyebrow{
    padding:5px 8px;
    font-size:9px;
    letter-spacing:.1em;
  }
  .auth-layout.auth-register .auth-card h2{
    margin:6px 0 10px;
    font-size:clamp(22px,6.8vw,27px);
    line-height:1.05;
  }
  .auth-register-trust{
    grid-template-columns:1fr;
    gap:5px;
    margin:0 0 10px;
  }
  .auth-register-trust span{
    padding:8px 9px;
    border-radius:12px;
    font-size:10.5px;
  }
  .auth-layout.auth-register .client-form{
    gap:9px;
  }
  .auth-layout.auth-register .client-form label{
    gap:5px;
    font-size:11px;
  }
  .auth-layout.auth-register .client-form input{
    height:42px;
    padding:0 12px;
    border-radius:12px;
  }
  .auth-layout.auth-register .form-two{
    gap:9px;
  }
  .auth-layout.auth-register .client-form .btn-primary{
    min-height:42px;
  }
  .auth-layout.auth-register .auth-switch{
    margin-top:10px;
    font-size:11.5px;
  }
  .auth-layout.auth-register .auth-side{
    min-height:205px;
    padding:15px 13px;
    border-radius:18px;
  }
  .auth-layout.auth-register .auth-side>span{
    margin-bottom:8px;
    padding:5px 8px;
    font-size:9px;
  }
  .auth-layout.auth-register .auth-side h3{
    max-width:96%;
    font-size:clamp(19px,5.8vw,23px);
    line-height:1.06;
  }
  .auth-layout.auth-register .auth-side ul{
    gap:4px;
    margin-top:9px;
  }
  .auth-layout.auth-register .auth-side li{
    gap:7px;
    padding:4px 0;
    font-size:11px;
    line-height:1.28;
  }
  .auth-layout.auth-register .auth-side li i{
    width:23px;
    height:23px;
    border-radius:8px;
    font-size:11px;
  }
  .auth-register-visual{opacity:.34}
  .auth-register-ring{
    right:-28px;
    top:14px;
    width:132px;
    height:132px;
  }
  .auth-register-ring--two{
    right:-4px;
    top:38px;
    width:92px;
    height:92px;
  }
  .auth-register-core{
    right:34px;
    top:74px;
    width:34px;
    height:34px;
    border-radius:12px;
  }
  .auth-register-core i{font-size:15px}
}
@media(max-width:420px){
  .client-hero.auth-hero.auth-register{
    grid-template-columns:1fr 58px;
  }
  .client-hero.auth-hero.auth-register .client-hero-badge{
    width:58px;
    height:58px;
    border-radius:16px;
  }
  .auth-register-flow span{
    font-size:9.5px;
  }
  .auth-layout.auth-register .auth-side{
    min-height:188px;
  }
}

/* Phase 2 - password recovery / reset compact security flow */
.auth-hero.auth-recovery{
  isolation:isolate;
  min-height:212px;
  border-color:rgba(5,192,192,.22);
  background:
    radial-gradient(circle at 86% 16%,rgba(32,244,232,.24),transparent 21rem),
    radial-gradient(circle at 10% 100%,rgba(15,142,232,.12),transparent 19rem),
    linear-gradient(135deg,rgba(255,255,255,.98),rgba(236,249,255,.96));
}
.auth-hero.auth-recovery:before{
  background:
    linear-gradient(90deg,rgba(15,142,232,.06) 1px,transparent 1px),
    linear-gradient(0deg,rgba(5,192,192,.05) 1px,transparent 1px),
    radial-gradient(circle at 88% 14%,rgba(5,192,192,.22),transparent 22rem);
  background-size:46px 46px,46px 46px,auto;
  mask-image:linear-gradient(115deg,rgba(0,0,0,.78),rgba(0,0,0,.34));
}
.auth-hero.auth-recovery .eyebrow,
.auth-layout.auth-recovery .auth-card .eyebrow{
  width:max-content;
  padding:7px 10px;
  border:1px solid rgba(5,192,192,.22);
  border-radius:999px;
  color:#057b83;
  background:rgba(5,192,192,.1);
}
.auth-hero.auth-recovery .client-hero-badge{
  width:128px;
  height:128px;
  border:1px solid rgba(255,255,255,.34);
  border-radius:30px;
  background:
    radial-gradient(circle at 34% 22%,rgba(255,255,255,.34),transparent 34%),
    linear-gradient(145deg,#0d1b33,#0f8ee8 62%,#05c0c0);
  box-shadow:0 0 0 9px rgba(5,192,192,.08),0 26px 68px rgba(15,142,232,.25);
}
.auth-recovery-flow{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin-top:16px;
}
.auth-recovery-flow span{
  display:inline-flex;
  align-items:center;
  gap:7px;
  min-height:34px;
  padding:0 11px;
  border:1px solid rgba(15,142,232,.16);
  border-radius:999px;
  color:#32425b;
  background:rgba(255,255,255,.78);
  box-shadow:0 10px 22px rgba(42,53,71,.06);
  font-size:12px;
  font-weight:900;
}
.auth-recovery-flow b{
  color:#0797a7;
  font-family:"Space Grotesk",Manrope,sans-serif;
}
.auth-layout.auth-recovery{
  position:relative;
  isolation:isolate;
}
.auth-layout.auth-recovery:before{
  content:"";
  position:absolute;
  inset:-18px;
  z-index:-1;
  border-radius:32px;
  background:
    radial-gradient(circle at 82% 10%,rgba(5,192,192,.13),transparent 23rem),
    radial-gradient(circle at 15% 100%,rgba(15,142,232,.09),transparent 21rem);
  pointer-events:none;
}
.auth-layout.auth-recovery .auth-card{
  border-color:rgba(15,142,232,.22);
  background:linear-gradient(135deg,rgba(255,255,255,.98),rgba(247,252,255,.96));
  box-shadow:0 18px 54px rgba(42,53,71,.1),inset 0 1px 0 rgba(255,255,255,.9);
}
.auth-layout.auth-recovery .auth-card:before{
  background:
    radial-gradient(circle at 94% 0%,rgba(5,192,192,.14),transparent 17rem),
    linear-gradient(90deg,rgba(15,142,232,.045) 1px,transparent 1px),
    linear-gradient(0deg,rgba(5,192,192,.038) 1px,transparent 1px);
  background-size:auto,42px 42px,42px 42px;
}
.auth-recovery-trust{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:8px;
  margin:0 0 14px;
}
.auth-recovery-trust span{
  display:flex;
  align-items:center;
  gap:8px;
  min-height:38px;
  padding:9px 10px;
  border:1px solid rgba(15,142,232,.14);
  border-radius:14px;
  color:#34435a;
  background:#f0fbff;
  font-size:12px;
  font-weight:900;
}
.auth-recovery-trust i{color:#0f8ee8}
.auth-layout.auth-recovery .client-form input{
  border-color:rgba(15,142,232,.24);
  background:linear-gradient(135deg,#f8fbff,#edf7ff);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.75);
}
.auth-layout.auth-recovery .client-form input:focus{
  border-color:rgba(5,192,192,.72);
  box-shadow:0 0 0 4px rgba(5,192,192,.14),0 12px 28px rgba(15,142,232,.08);
}
.auth-layout.auth-recovery .auth-side{
  justify-content:center;
  min-height:360px;
  overflow:hidden;
  border-color:rgba(255,255,255,.18);
  background:
    radial-gradient(circle at 84% 0%,rgba(32,244,232,.24),transparent 18rem),
    linear-gradient(90deg,rgba(255,255,255,.055) 1px,transparent 1px),
    linear-gradient(0deg,rgba(255,255,255,.04) 1px,transparent 1px),
    linear-gradient(145deg,#09172b,#103761 58%,#057b83);
  background-size:auto,42px 42px,42px 42px,auto;
  box-shadow:0 24px 70px rgba(13,27,51,.18);
}
.auth-layout.auth-recovery .auth-side>*:not(.auth-recovery-visual){
  position:relative;
  z-index:2;
}
.auth-recovery-visual{
  position:absolute;
  inset:0;
  z-index:0;
  overflow:hidden;
  border-radius:inherit;
  opacity:.92;
  pointer-events:none;
}
.auth-recovery-visual:after{
  content:"";
  position:absolute;
  inset:-24% -12% auto 38%;
  height:55%;
  background:linear-gradient(115deg,transparent 20%,rgba(255,255,255,.2) 48%,transparent 68%);
  filter:blur(1px);
  opacity:.45;
  transform:rotate(10deg);
}
.auth-recovery-ring{
  position:absolute;
  right:40px;
  top:62px;
  width:220px;
  height:220px;
  border:1px solid rgba(189,239,255,.34);
  border-radius:50%;
  transform:rotateX(66deg) rotateZ(-18deg);
  box-shadow:0 0 40px rgba(5,192,192,.16);
  animation:authRecoveryOrbit 14s linear infinite;
}
.auth-recovery-ring--two{
  right:74px;
  top:96px;
  width:150px;
  height:150px;
  border-color:rgba(19,222,185,.34);
  animation-duration:18s;
  animation-direction:reverse;
}
.auth-recovery-core{
  position:absolute;
  right:120px;
  top:148px;
  display:grid;
  place-items:center;
  width:50px;
  height:50px;
  border:1px solid rgba(255,255,255,.3);
  border-radius:18px;
  color:#fff;
  background:linear-gradient(135deg,rgba(15,142,232,.9),rgba(19,222,185,.82));
  box-shadow:0 0 0 7px rgba(5,192,192,.12),0 16px 42px rgba(5,192,192,.3);
  animation:authRecoveryPulse 2.8s ease-in-out infinite;
}
@keyframes authRecoveryOrbit{to{transform:rotateX(66deg) rotateZ(342deg)}}
@keyframes authRecoveryPulse{0%,100%{transform:scale(1)}50%{transform:scale(1.045)}}
@media(max-width:760px){
  .client-hero.auth-hero.auth-recovery{
    grid-template-columns:minmax(0,1fr) 70px;
    gap:10px;
    margin-bottom:10px;
    padding:14px 12px;
    border-radius:18px;
    min-height:0;
  }
  .client-hero.auth-hero.auth-recovery h1{
    margin:6px 0 5px;
    font-size:clamp(25px,8vw,34px);
    line-height:1.02;
  }
  .client-hero.auth-hero.auth-recovery p{
    max-width:none;
    font-size:12px;
    line-height:1.45;
  }
  .client-hero.auth-hero.auth-recovery .eyebrow{
    padding:5px 8px;
    font-size:9px;
    letter-spacing:.1em;
  }
  .client-hero.auth-hero.auth-recovery .client-hero-badge{
    width:70px;
    height:70px;
    border-radius:18px;
  }
  .client-hero.auth-hero.auth-recovery .client-hero-badge i{font-size:18px}
  .client-hero.auth-hero.auth-recovery .client-hero-badge strong{font-size:20px}
  .client-hero.auth-hero.auth-recovery .client-hero-badge small{font-size:9px}
  .auth-recovery-flow{
    gap:5px;
    margin-top:9px;
  }
  .auth-recovery-flow span{
    min-height:27px;
    padding:0 7px;
    font-size:10px;
  }
  .auth-layout.auth-recovery{
    gap:10px;
  }
  .auth-layout.auth-recovery .auth-card{
    padding:16px 13px;
    border-radius:18px;
  }
  .auth-layout.auth-recovery .auth-card .eyebrow{
    padding:5px 8px;
    font-size:9px;
    letter-spacing:.1em;
  }
  .auth-layout.auth-recovery .auth-card h2{
    margin:6px 0 10px;
    font-size:clamp(22px,6.8vw,27px);
    line-height:1.05;
  }
  .auth-recovery-trust{
    grid-template-columns:1fr;
    gap:5px;
    margin:0 0 10px;
  }
  .auth-recovery-trust span{
    min-height:34px;
    padding:8px 9px;
    border-radius:12px;
    font-size:10.5px;
  }
  .auth-layout.auth-recovery .client-form{
    gap:9px;
  }
  .auth-layout.auth-recovery .client-form label{
    gap:5px;
    font-size:11px;
  }
  .auth-layout.auth-recovery .client-form input{
    height:42px;
    padding:0 12px;
    border-radius:12px;
  }
  .auth-layout.auth-recovery .client-form .btn-primary{
    min-height:42px;
    padding:0 12px;
  }
  .auth-layout.auth-recovery .auth-switch{
    margin-top:10px;
    font-size:11.5px;
  }
  .auth-layout.auth-recovery .auth-side{
    min-height:205px;
    padding:15px 13px;
    border-radius:18px;
  }
  .auth-layout.auth-recovery .auth-side>span{
    margin-bottom:8px;
    padding:5px 8px;
    font-size:9px;
  }
  .auth-layout.auth-recovery .auth-side h3{
    max-width:96%;
    font-size:clamp(19px,5.8vw,23px);
    line-height:1.06;
  }
  .auth-layout.auth-recovery .auth-side ul{
    gap:4px;
    margin-top:9px;
  }
  .auth-layout.auth-recovery .auth-side li{
    gap:7px;
    padding:4px 0;
    font-size:11px;
    line-height:1.28;
  }
  .auth-layout.auth-recovery .auth-side li i{
    width:23px;
    height:23px;
    border-radius:8px;
    font-size:11px;
  }
  .auth-recovery-visual{opacity:.34}
  .auth-recovery-ring{
    right:-28px;
    top:14px;
    width:132px;
    height:132px;
  }
  .auth-recovery-ring--two{
    right:-4px;
    top:38px;
    width:92px;
    height:92px;
  }
  .auth-recovery-core{
    right:34px;
    top:74px;
    width:34px;
    height:34px;
    border-radius:12px;
  }
}
@media(max-width:420px){
  .client-hero.auth-hero.auth-recovery{
    grid-template-columns:1fr 58px;
  }
  .client-hero.auth-hero.auth-recovery .client-hero-badge{
    width:58px;
    height:58px;
    border-radius:16px;
  }
  .auth-recovery-flow span{
    font-size:9.5px;
  }
  .auth-layout.auth-recovery .auth-side{
    min-height:188px;
  }
}
@media(prefers-reduced-motion:reduce){
  .auth-recovery-ring,.auth-recovery-core{animation:none}
}

/* Phase 3 - premium empty cart guidance */
.threeui-cart-hero{
  isolation:isolate;
  min-height:218px;
  border-color:rgba(5,192,192,.22);
  background:
    radial-gradient(circle at 84% 14%,rgba(32,244,232,.25),transparent 22rem),
    radial-gradient(circle at 8% 100%,rgba(15,142,232,.12),transparent 20rem),
    linear-gradient(135deg,rgba(255,255,255,.98),rgba(236,249,255,.96));
}
.threeui-cart-hero:before{
  background:
    linear-gradient(90deg,rgba(15,142,232,.06) 1px,transparent 1px),
    linear-gradient(0deg,rgba(5,192,192,.05) 1px,transparent 1px),
    radial-gradient(circle at 88% 14%,rgba(5,192,192,.22),transparent 22rem);
  background-size:46px 46px,46px 46px,auto;
  mask-image:linear-gradient(115deg,rgba(0,0,0,.78),rgba(0,0,0,.34));
}
.threeui-cart-hero .eyebrow{
  width:max-content;
  padding:7px 10px;
  border:1px solid rgba(5,192,192,.22);
  border-radius:999px;
  color:#057b83;
  background:rgba(5,192,192,.1);
}
.threeui-cart-hero .client-hero-badge{
  width:128px;
  height:128px;
  border:1px solid rgba(255,255,255,.34);
  border-radius:30px;
  background:
    radial-gradient(circle at 34% 22%,rgba(255,255,255,.34),transparent 34%),
    linear-gradient(145deg,#0d1b33,#0f8ee8 62%,#05c0c0);
  box-shadow:0 0 0 9px rgba(5,192,192,.08),0 26px 68px rgba(15,142,232,.25);
}
.cart-hero-flow{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin-top:16px;
}
.cart-hero-flow span{
  display:inline-flex;
  align-items:center;
  gap:7px;
  min-height:34px;
  padding:0 11px;
  border:1px solid rgba(15,142,232,.16);
  border-radius:999px;
  color:#32425b;
  background:rgba(255,255,255,.78);
  box-shadow:0 10px 22px rgba(42,53,71,.06);
  font-size:12px;
  font-weight:900;
}
.cart-hero-flow b{
  color:#0797a7;
  font-family:"Space Grotesk",Manrope,sans-serif;
}
.threeui-cart-empty{
  position:relative;
  min-height:0;
  margin-bottom:12px;
}
.threeui-cart-empty .cart-empty-card{
  width:min(980px,100%);
  border-color:rgba(15,142,232,.2);
  background:
    radial-gradient(circle at 90% 0%,rgba(5,192,192,.14),transparent 20rem),
    linear-gradient(135deg,rgba(255,255,255,.98),rgba(247,252,255,.96));
  box-shadow:0 22px 68px rgba(42,53,71,.1),inset 0 1px 0 rgba(255,255,255,.9);
}
.threeui-cart-empty .cart-empty-card:before{
  background:
    radial-gradient(circle at 12% 0%,rgba(15,142,232,.1),transparent 17rem),
    linear-gradient(90deg,rgba(15,142,232,.04) 1px,transparent 1px),
    linear-gradient(0deg,rgba(5,192,192,.035) 1px,transparent 1px);
  background-size:auto,44px 44px,44px 44px;
}
.cart-empty-orb{
  display:grid;
  place-items:center;
  width:78px;
  height:78px;
  margin:0 auto 14px;
  border:1px solid rgba(255,255,255,.36);
  border-radius:26px;
  color:#fff;
  background:
    radial-gradient(circle at 34% 22%,rgba(255,255,255,.36),transparent 34%),
    linear-gradient(135deg,var(--primary),var(--secondary));
  box-shadow:0 0 0 8px rgba(5,192,192,.08),0 20px 48px rgba(15,142,232,.22);
}
.cart-empty-orb i{font-size:30px}
.threeui-cart-empty .eyebrow{
  justify-content:center;
  width:max-content;
  margin:0 auto;
  padding:7px 10px;
  border:1px solid rgba(5,192,192,.2);
  border-radius:999px;
  color:#057b83;
  background:rgba(5,192,192,.1);
}
.threeui-cart-empty h2{
  margin-bottom:10px;
}
.threeui-cart-empty p{
  max-width:640px;
  margin:0 auto 18px;
}
.cart-empty-routes{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:10px;
  margin:18px 0;
}
.cart-empty-routes a{
  position:relative;
  display:grid;
  gap:7px;
  min-height:128px;
  padding:15px 12px;
  overflow:hidden;
  border:1px solid rgba(15,142,232,.16);
  border-radius:18px;
  background:rgba(255,255,255,.84);
  box-shadow:0 12px 30px rgba(42,53,71,.07);
  transform-style:preserve-3d;
  transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease;
}
.cart-empty-routes a:before{
  content:"";
  position:absolute;
  inset:0;
  background:radial-gradient(circle at 22% 12%,rgba(19,222,185,.16),transparent 54%);
  pointer-events:none;
}
.cart-empty-routes i,
.cart-empty-routes strong,
.cart-empty-routes small{
  position:relative;
  z-index:1;
}
.cart-empty-routes i{
  display:grid;
  place-items:center;
  width:38px;
  height:38px;
  margin:0 auto 2px;
  border-radius:14px;
  color:#fff;
  background:linear-gradient(135deg,var(--primary),var(--secondary));
  box-shadow:0 10px 22px rgba(15,142,232,.16);
}
.cart-empty-routes strong{
  color:var(--ink);
  font-size:14px;
  line-height:1.18;
}
.cart-empty-routes small{
  color:#5a6a85;
  font-size:11.5px;
  font-weight:850;
  line-height:1.35;
}
.cart-empty-actions{
  display:flex;
  flex-wrap:wrap;
  justify-content:center;
  gap:10px;
  margin-top:6px;
}
@media(hover:hover) and (pointer:fine){
  .cart-empty-routes a:hover{
    transform:translateY(-4px);
    border-color:rgba(5,192,192,.45);
    box-shadow:0 18px 44px rgba(42,53,71,.11);
  }
}
@media(max-width:900px){
  .cart-empty-routes{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}
@media(max-width:760px){
  .client-hero.threeui-cart-hero{
    display:grid;
    grid-template-columns:minmax(0,1fr) 70px;
    gap:10px;
    margin-bottom:10px;
    padding:14px 12px;
    border-radius:18px;
    min-height:0;
  }
  .client-hero.threeui-cart-hero h1{
    margin:6px 0 5px;
    font-size:clamp(25px,8vw,34px);
    line-height:1.02;
  }
  .client-hero.threeui-cart-hero p{
    max-width:none;
    font-size:12px;
    line-height:1.45;
  }
  .client-hero.threeui-cart-hero .eyebrow{
    padding:5px 8px;
    font-size:9px;
    letter-spacing:.1em;
  }
  .client-hero.threeui-cart-hero .client-hero-badge{
    width:70px;
    height:70px;
    border-radius:18px;
  }
  .client-hero.threeui-cart-hero .client-hero-badge i{font-size:18px}
  .client-hero.threeui-cart-hero .client-hero-badge strong{font-size:20px}
  .client-hero.threeui-cart-hero .client-hero-badge small{font-size:9px}
  .cart-hero-flow{
    gap:5px;
    margin-top:9px;
  }
  .cart-hero-flow span{
    min-height:27px;
    padding:0 7px;
    font-size:10px;
  }
  .threeui-cart-empty{
    display:block;
  }
  .threeui-cart-empty .cart-empty-card{
    padding:16px 13px;
    border-radius:18px;
  }
  .cart-empty-orb{
    width:52px;
    height:52px;
    margin-bottom:9px;
    border-radius:17px;
  }
  .cart-empty-orb i{font-size:20px}
  .threeui-cart-empty .eyebrow{
    padding:5px 8px;
    font-size:9px;
    letter-spacing:.1em;
  }
  .threeui-cart-empty h2{
    margin:7px 0 8px;
    font-size:clamp(22px,6.8vw,27px);
    line-height:1.05;
  }
  .threeui-cart-empty p{
    margin-bottom:12px;
    font-size:12px;
    line-height:1.45;
  }
  .cart-empty-routes{
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:7px;
    margin:12px 0;
  }
  .cart-empty-routes a{
    min-height:104px;
    padding:10px 8px;
    border-radius:14px;
  }
  .cart-empty-routes i{
    width:30px;
    height:30px;
    border-radius:10px;
    font-size:13px;
  }
  .cart-empty-routes strong{
    font-size:12px;
  }
  .cart-empty-routes small{
    font-size:10.5px;
  }
  .cart-empty-actions{
    display:grid;
    grid-template-columns:1fr;
    gap:7px;
  }
  .cart-empty-actions .btn-primary,
  .cart-empty-actions .btn-ghost{
    min-height:40px;
    padding:0 12px;
    font-size:12px;
  }
}
@media(max-width:420px){
  .client-hero.threeui-cart-hero{
    grid-template-columns:1fr 58px;
  }
  .client-hero.threeui-cart-hero .client-hero-badge{
    width:58px;
    height:58px;
    border-radius:16px;
  }
  .cart-hero-flow span{
    font-size:9.5px;
  }
}
@media(prefers-reduced-motion:reduce){
  .cart-empty-routes a{transition:none}
}

/* Phase 4 - client panel and support command center */
.threeui-client-hero,
.threeui-support-hero{
  isolation:isolate;
  border-color:rgba(5,192,192,.22);
  background:
    radial-gradient(circle at 84% 12%,rgba(32,244,232,.24),transparent 22rem),
    radial-gradient(circle at 8% 100%,rgba(15,142,232,.12),transparent 20rem),
    linear-gradient(135deg,rgba(255,255,255,.98),rgba(236,249,255,.96));
}
.threeui-client-hero:before,
.threeui-support-hero:before{
  background:
    linear-gradient(90deg,rgba(15,142,232,.06) 1px,transparent 1px),
    linear-gradient(0deg,rgba(5,192,192,.05) 1px,transparent 1px),
    radial-gradient(circle at 88% 14%,rgba(5,192,192,.22),transparent 22rem);
  background-size:46px 46px,46px 46px,auto;
  mask-image:linear-gradient(115deg,rgba(0,0,0,.78),rgba(0,0,0,.34));
}
.threeui-client-hero .eyebrow,
.threeui-support-hero .eyebrow{
  width:max-content;
  padding:7px 10px;
  border:1px solid rgba(5,192,192,.22);
  border-radius:999px;
  color:#057b83;
  background:rgba(5,192,192,.1);
}
.client-ops-flow,
.support-ops-flow{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin-top:16px;
}
.client-ops-flow span,
.support-ops-flow span{
  display:inline-flex;
  align-items:center;
  gap:7px;
  min-height:34px;
  padding:0 11px;
  border:1px solid rgba(15,142,232,.16);
  border-radius:999px;
  color:#32425b;
  background:rgba(255,255,255,.78);
  box-shadow:0 10px 22px rgba(42,53,71,.06);
  font-size:12px;
  font-weight:900;
}
.client-ops-flow b,
.support-ops-flow b{
  color:#0797a7;
  font-family:"Space Grotesk",Manrope,sans-serif;
}
.support-hero-actions{
  display:grid;
  justify-items:end;
  gap:12px;
  flex:0 0 auto;
}
.support-live-badge{
  display:grid;
  place-items:center;
  width:118px;
  height:118px;
  border:1px solid rgba(255,255,255,.34);
  border-radius:30px;
  color:#fff;
  background:
    radial-gradient(circle at 34% 22%,rgba(255,255,255,.34),transparent 34%),
    linear-gradient(145deg,#0d1b33,#0f8ee8 62%,#05c0c0);
  box-shadow:0 0 0 9px rgba(5,192,192,.08),0 26px 68px rgba(15,142,232,.25);
  transform:rotate(2deg);
}
.support-live-badge i{font-size:24px}
.support-live-badge strong{font-family:"Space Grotesk",Manrope,sans-serif;font-size:31px;line-height:1}
.support-live-badge small{font-weight:900;opacity:.88}
.threeui-client-stats article{
  background:
    radial-gradient(circle at 90% 0%,rgba(5,192,192,.11),transparent 15rem),
    linear-gradient(135deg,#fff,#f6fcff);
}
.threeui-client-stats article strong{
  letter-spacing:-.04em;
}
.threeui-client-actions .client-card,
.client-support-grid .client-card{
  border-color:rgba(15,142,232,.18);
  background:
    radial-gradient(circle at 92% 0%,rgba(5,192,192,.1),transparent 18rem),
    linear-gradient(135deg,rgba(255,255,255,.98),rgba(247,252,255,.96));
}
.threeui-client-actions .client-action-list a{
  position:relative;
  overflow:hidden;
}
.threeui-client-actions .client-action-list a:after{
  content:"";
  position:absolute;
  inset:auto -18% -58% auto;
  width:126px;
  height:126px;
  border-radius:50%;
  background:radial-gradient(circle,rgba(19,222,185,.16),transparent 66%);
  pointer-events:none;
}
.support-create-strip{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:7px;
  margin:0 0 14px;
}
.support-create-strip span{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:6px;
  min-height:36px;
  padding:7px 8px;
  border:1px solid rgba(15,142,232,.14);
  border-radius:13px;
  color:#34435a;
  background:#f0fbff;
  font-size:11px;
  font-weight:900;
  line-height:1.2;
  text-align:center;
}
.support-create-strip i{color:#0f8ee8}
.client-support-grid .client-form input,
.client-support-grid .client-form select,
.client-support-grid .client-form textarea{
  border-color:rgba(15,142,232,.22);
  background:linear-gradient(135deg,#f8fbff,#edf7ff);
}
.client-support-grid .client-form input:focus,
.client-support-grid .client-form select:focus,
.client-support-grid .client-form textarea:focus{
  border-color:rgba(5,192,192,.72);
  box-shadow:0 0 0 4px rgba(5,192,192,.14),0 12px 28px rgba(15,142,232,.08);
}
.threeui-ticket-list article{
  position:relative;
  overflow:hidden;
}
.threeui-ticket-list article:before{
  content:"";
  position:absolute;
  left:0;
  top:0;
  bottom:0;
  width:4px;
  background:linear-gradient(180deg,rgba(15,142,232,.72),rgba(5,192,192,.58));
  opacity:.68;
}
.client-ticket-thread{
  border-top-color:rgba(15,142,232,.14);
}
.client-ticket-thread h3{
  font-size:clamp(22px,3vw,30px);
}
.client-message{
  border-color:rgba(15,142,232,.14);
}
.client-message.is-client{
  background:linear-gradient(135deg,#fff,#f8fbff);
}
.client-message.is-admin{
  border-color:rgba(5,192,192,.28);
  background:linear-gradient(135deg,#f4fbff,#ebfffb);
}
@media(max-width:760px){
  .client-hero.threeui-client-hero,
  .client-hero.threeui-support-hero{
    display:grid;
    grid-template-columns:1fr;
    gap:10px;
    margin-bottom:10px;
    padding:14px 12px;
    border-radius:18px;
    min-height:0;
  }
  .client-hero.threeui-client-hero h1,
  .client-hero.threeui-support-hero h1{
    margin:6px 0 5px;
    font-size:clamp(25px,8vw,34px);
    line-height:1.02;
  }
  .client-hero.threeui-client-hero p,
  .client-hero.threeui-support-hero p{
    max-width:none;
    font-size:12px;
    line-height:1.45;
  }
  .client-hero.threeui-client-hero .eyebrow,
  .client-hero.threeui-support-hero .eyebrow{
    padding:5px 8px;
    font-size:9px;
    letter-spacing:.1em;
  }
  .client-ops-flow,
  .support-ops-flow{
    gap:5px;
    margin-top:9px;
  }
  .client-ops-flow span,
  .support-ops-flow span{
    min-height:27px;
    padding:0 7px;
    font-size:10px;
  }
  .support-hero-actions{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:8px;
  }
  .support-live-badge{
    width:58px;
    height:58px;
    border-radius:16px;
  }
  .support-live-badge i{display:none}
  .support-live-badge strong{font-size:18px}
  .support-live-badge small{font-size:9px}
  .support-hero-actions .btn-ghost{
    min-height:38px;
    padding:0 12px;
    font-size:12px;
  }
  .threeui-client-stats{
    gap:8px;
    margin-bottom:10px;
  }
  .threeui-client-stats article{
    min-height:94px;
    padding:13px;
    border-radius:16px;
  }
  .threeui-client-stats i{
    width:34px;
    height:34px;
    margin-bottom:8px;
    border-radius:12px;
  }
  .threeui-client-stats strong{
    font-size:26px;
  }
  .threeui-client-stats span{
    font-size:11px;
    line-height:1.25;
  }
  .support-create-strip{
    grid-template-columns:1fr;
    gap:5px;
    margin-bottom:10px;
  }
  .support-create-strip span{
    justify-content:flex-start;
    min-height:32px;
    padding:7px 9px;
    font-size:10.5px;
    text-align:left;
  }
  .client-support-grid .client-card,
  .threeui-client-actions .client-card{
    padding:16px 13px;
    border-radius:18px;
  }
  .client-support-grid .client-card h2,
  .threeui-client-actions .client-card h2{
    margin:6px 0 10px;
    font-size:clamp(22px,6.8vw,27px);
    line-height:1.05;
  }
  .client-support-grid .client-form{
    gap:9px;
  }
  .client-support-grid .client-form label{
    gap:5px;
    font-size:11px;
  }
  .client-support-grid .client-form input,
  .client-support-grid .client-form select{
    height:42px;
    padding:0 12px;
    border-radius:12px;
  }
  .client-support-grid .client-form textarea{
    min-height:98px;
    padding:10px 12px;
    border-radius:12px;
  }
  .client-support-grid .client-form .btn-primary{
    min-height:42px;
    padding:0 12px;
    font-size:12px;
  }
  .threeui-ticket-list article{
    gap:8px;
    padding:11px;
    border-radius:14px;
  }
  .threeui-ticket-list span{
    font-size:11px;
  }
  .client-ticket-thread{
    margin-top:10px;
    padding-top:10px;
  }
  .client-message{
    padding:10px;
    border-radius:12px;
  }
  .client-message-body{
    font-size:12px;
    line-height:1.5;
  }
}
@media(max-width:420px){
  .client-ops-flow span,
  .support-ops-flow span{
    font-size:9.5px;
  }
}

/* AI computer pages - compact mobile layout pass */
@media(max-width:760px){
  .ai-work-hero,
  .ai-work-hero.page-hero,
  .ai-kids-hero,
  .ai-kids-detail-hero,
  .ai-company-hero,
  .ai-company-detail-hero,
  .ai-founder-hero,
  .ai-founder-detail-hero{
    gap:12px;
    margin-bottom:12px;
    padding:15px 13px;
    border-radius:18px;
  }
  .ai-work-hero h1,
  .ai-work-hero.page-hero h1,
  .ai-kids-hero h1,
  .ai-kids-detail-copy h1,
  .ai-company-hero h1,
  .ai-company-detail-copy h1,
  .ai-founder-hero h1,
  .ai-founder-detail-copy h1{
    margin:6px 0 5px;
    font-size:clamp(27px,8.4vw,38px);
    line-height:1.02;
  }
  .ai-work-hero p,
  .ai-work-hero.page-hero p,
  .ai-kids-hero p,
  .ai-kids-detail-copy p,
  .ai-company-hero p,
  .ai-company-detail-copy p,
  .ai-founder-hero p,
  .ai-founder-detail-copy p{
    font-size:12.5px;
    line-height:1.48;
  }
  .ai-work-hero-copy,
  .ai-company-hero-copy,
  .ai-founder-hero-copy,
  .ai-kids-detail-copy,
  .ai-company-detail-copy,
  .ai-founder-detail-copy{
    gap:9px;
  }
  .ai-work-hero-copy .eyebrow,
  .ai-work-section-head .eyebrow,
  .ai-work-security .eyebrow,
  .ai-work-final-cta .eyebrow,
  .ai-kids-hero .eyebrow,
  .ai-kids-section-head .eyebrow,
  .ai-kids-detail-hero .eyebrow,
  .ai-kids-detail-card .eyebrow,
  .ai-kids-buy-card .eyebrow,
  .ai-company-hero .eyebrow,
  .ai-company-section-head .eyebrow,
  .ai-company-security .eyebrow,
  .ai-company-final-cta .eyebrow,
  .ai-company-detail-hero .eyebrow,
  .ai-company-detail-card .eyebrow,
  .ai-company-buy-card .eyebrow,
  .ai-founder-hero .eyebrow,
  .ai-founder-section-head .eyebrow,
  .ai-founder-final-cta .eyebrow,
  .ai-founder-detail-hero .eyebrow,
  .ai-founder-detail-card .eyebrow,
  .ai-founder-buy-card .eyebrow,
  .ai-offer-head .eyebrow{
    padding:5px 8px;
    font-size:9px;
    letter-spacing:.1em;
  }
  .ai-work-hero-visual,
  .ai-work-hero-visual img,
  .ai-work-hero.page-hero .ai-work-hero-visual,
  .ai-company-visual,
  .ai-company-detail-visual,
  .ai-founder-visual,
  .ai-founder-detail-visual,
  .ai-kids-detail-visual{
    min-height:0;
    max-width:none;
    aspect-ratio:1.45;
    border-radius:16px;
  }
  .ai-work-hero-visual img,
  .ai-work-hero.page-hero .ai-work-hero-visual img,
  .ai-company-visual img,
  .ai-company-detail-visual img,
  .ai-founder-visual img,
  .ai-founder-detail-visual img,
  .ai-kids-detail-visual img{
    min-height:0;
    object-fit:cover;
  }
  .ai-work-spec-card,
  .ai-company-status-card,
  .ai-founder-status-card{
    left:9px;
    right:9px;
    bottom:9px;
    gap:2px;
    padding:9px 10px;
    border-radius:12px;
  }
  .ai-work-spec-card strong,
  .ai-company-status-card strong,
  .ai-founder-status-card strong{
    font-size:12px;
    line-height:1.25;
  }
  .ai-work-spec-card span,
  .ai-company-status-card span,
  .ai-founder-status-card span{
    font-size:10px;
    line-height:1.25;
  }
  .ai-work-actions,
  .ai-kids-hero-actions,
  .ai-kids-card-actions,
  .ai-kids-detail-actions,
  .ai-company-actions,
  .ai-company-card-actions,
  .ai-founder-actions,
  .ai-founder-card-actions{
    display:grid;
    grid-template-columns:1fr;
    gap:7px;
    margin-top:8px;
  }
  .ai-work-actions .btn-primary,
  .ai-work-actions .btn-ghost,
  .ai-kids-hero-actions .btn-primary,
  .ai-kids-hero-actions .btn-ghost,
  .ai-kids-card-actions .btn-primary,
  .ai-kids-card-actions .btn-ghost,
  .ai-kids-detail-actions .btn-primary,
  .ai-kids-detail-actions .btn-ghost,
  .ai-company-actions .btn-primary,
  .ai-company-actions .btn-ghost,
  .ai-company-card-actions .btn-primary,
  .ai-company-card-actions .btn-ghost,
  .ai-founder-actions .btn-primary,
  .ai-founder-actions .btn-ghost,
  .ai-founder-card-actions .btn-primary,
  .ai-founder-card-actions .btn-ghost{
    width:100%;
    min-height:40px;
    padding:0 12px;
    font-size:12px;
    line-height:1.15;
    text-align:center;
  }
  .ai-work-trust,
  .ai-company-trust,
  .ai-founder-trust{
    display:grid;
    grid-template-columns:1fr;
    gap:6px;
    margin-top:8px;
  }
  .ai-work-trust span,
  .ai-company-trust span,
  .ai-founder-trust span{
    width:100%;
    min-height:32px;
    padding:7px 9px;
    border-radius:12px;
    font-size:11px;
    line-height:1.25;
  }
  .ai-work-proof,
  .ai-kids-proof,
  .ai-company-proof,
  .ai-founder-proof,
  .ai-kids-product-grid,
  .ai-company-product-grid,
  .ai-founder-product-grid{
    gap:8px;
    margin:12px 0;
  }
  .ai-work-proof article,
  .ai-kids-proof article,
  .ai-company-proof article,
  .ai-founder-proof article{
    grid-template-columns:36px minmax(0,1fr);
    gap:3px 9px;
    min-height:74px;
    padding:10px;
    border-radius:14px;
  }
  .ai-work-proof i,
  .ai-kids-proof i,
  .ai-company-proof i,
  .ai-founder-proof i{
    width:36px;
    height:36px;
    border-radius:12px;
    font-size:14px;
  }
  .ai-work-proof strong,
  .ai-kids-proof strong,
  .ai-company-proof strong,
  .ai-founder-proof strong{
    font-size:13px;
    line-height:1.18;
  }
  .ai-work-proof span,
  .ai-kids-proof span,
  .ai-company-proof span,
  .ai-founder-proof span{
    font-size:11px;
    line-height:1.3;
  }
  .ai-work-split,
  .ai-work-audiences,
  .ai-work-security,
  .ai-work-final-cta,
  .ai-kids-story,
  .ai-kids-detail-features,
  .ai-company-use,
  .ai-company-security,
  .ai-company-flow,
  .ai-company-products,
  .ai-company-detail-features,
  .ai-company-final-cta,
  .ai-founder-use,
  .ai-founder-products,
  .ai-founder-flow,
  .ai-founder-detail-features,
  .ai-founder-final-cta,
  .ai-offer-flow{
    margin:12px 0;
    padding:14px 12px;
    border-radius:18px;
  }
  .ai-work-section-head,
  .ai-kids-section-head,
  .ai-company-section-head,
  .ai-founder-section-head,
  .ai-offer-head{
    margin-bottom:10px;
  }
  .ai-work-section-head h2,
  .ai-work-security h2,
  .ai-work-final-cta h2,
  .ai-kids-section-head h2,
  .ai-company-section-head h2,
  .ai-company-final-cta h2,
  .ai-founder-section-head h2,
  .ai-founder-final-cta h2,
  .ai-offer-head h2{
    margin:6px 0;
    font-size:clamp(22px,6.8vw,30px);
    line-height:1.06;
  }
  .ai-work-section-head p,
  .ai-work-security p,
  .ai-work-final-cta p,
  .ai-kids-section-head p,
  .ai-company-section-head p,
  .ai-company-final-cta p,
  .ai-founder-section-head p,
  .ai-founder-final-cta p,
  .ai-offer-head p{
    font-size:12px;
    line-height:1.45;
  }
  .ai-work-steps,
  .ai-work-audience-grid,
  .ai-kids-use-grid,
  .ai-company-use-grid,
  .ai-company-flow-grid,
  .ai-company-metrics,
  .ai-founder-use-grid,
  .ai-founder-flow-grid,
  .ai-offer-grid{
    gap:8px;
  }
  .ai-work-steps article,
  .ai-work-audience-card,
  .ai-kids-use-card,
  .ai-company-use-grid article,
  .ai-company-flow-grid article,
  .ai-company-metrics article,
  .ai-founder-use-grid article,
  .ai-founder-flow-grid article,
  .ai-offer-grid article{
    padding:12px;
    border-radius:15px;
  }
  .ai-work-steps b,
  .ai-company-flow-grid b,
  .ai-founder-flow-grid b,
  .ai-offer-grid b{
    margin-bottom:8px;
    padding:5px 8px;
    font-size:10px;
  }
  .ai-work-steps strong,
  .ai-work-audience-card strong,
  .ai-kids-use-card strong,
  .ai-company-use-grid strong,
  .ai-company-flow-grid strong,
  .ai-founder-use-grid strong,
  .ai-founder-flow-grid strong,
  .ai-offer-grid strong{
    font-size:14px;
    line-height:1.2;
  }
  .ai-work-steps span,
  .ai-work-audience-card span,
  .ai-kids-use-card span,
  .ai-company-use-grid span,
  .ai-company-flow-grid span,
  .ai-founder-use-grid span,
  .ai-founder-flow-grid span,
  .ai-offer-grid span{
    margin-top:5px;
    font-size:11.5px;
    line-height:1.35;
  }
  .ai-work-audience-card i,
  .ai-kids-use-card i,
  .ai-company-use-grid i,
  .ai-founder-use-grid i{
    width:36px;
    height:36px;
    margin-bottom:8px;
    border-radius:12px;
    font-size:14px;
  }
  .ai-work-security ul,
  .ai-company-security ul{
    gap:7px;
  }
  .ai-work-security li,
  .ai-company-security li{
    grid-template-columns:28px minmax(0,1fr);
    gap:8px;
    padding:8px;
    border-radius:12px;
    font-size:11.5px;
    line-height:1.35;
  }
  .ai-work-security li i,
  .ai-company-security li i{
    width:28px;
    height:28px;
    border-radius:10px;
    font-size:12px;
  }
  .ai-kids-product-card,
  .ai-company-product-card,
  .ai-founder-product-card{
    gap:9px;
    padding:13px;
    border-radius:17px;
  }
  .ai-kids-product-media,
  .ai-company-product-media,
  .ai-founder-product-media{
    aspect-ratio:1.55;
    border-radius:13px;
  }
  .ai-kids-product-media>i,
  .ai-company-product-media>i,
  .ai-founder-product-media>i{
    width:48px;
    height:48px;
    border-radius:16px;
    font-size:20px;
  }
  .ai-kids-product-media span,
  .ai-company-product-media span,
  .ai-founder-product-media span{
    left:8px;
    bottom:8px;
    max-width:calc(100% - 16px);
    padding:5px 8px;
    font-size:10px;
  }
  .ai-kids-card-summary,
  .ai-company-card-summary,
  .ai-founder-card-summary{
    font-size:12px;
    line-height:1.4;
  }
  .ai-kids-detail-layout,
  .ai-company-detail-layout,
  .ai-founder-detail-layout,
  .ai-kids-feature-grid,
  .ai-company-feature-grid,
  .ai-founder-feature-grid{
    gap:8px;
    margin:12px 0;
  }
  .ai-kids-detail-card,
  .ai-kids-buy-card,
  .ai-company-detail-card,
  .ai-company-buy-card,
  .ai-founder-detail-card,
  .ai-founder-buy-card{
    padding:13px;
    border-radius:16px;
  }
  .ai-kids-buy-card strong,
  .ai-company-buy-card strong,
  .ai-founder-buy-card strong{
    font-size:26px;
  }
  .ai-kids-feature-grid article,
  .ai-company-feature-grid article,
  .ai-founder-feature-grid article{
    grid-template-columns:28px minmax(0,1fr);
    gap:8px;
    padding:9px;
    border-radius:13px;
    font-size:11.5px;
    line-height:1.35;
  }
  .ai-kids-feature-grid i,
  .ai-company-feature-grid i,
  .ai-founder-feature-grid i{
    width:28px;
    height:28px;
    border-radius:10px;
    font-size:12px;
  }
}
@media(max-width:420px){
  .ai-work-hero,
  .ai-work-hero.page-hero,
  .ai-kids-hero,
  .ai-kids-detail-hero,
  .ai-company-hero,
  .ai-company-detail-hero,
  .ai-founder-hero,
  .ai-founder-detail-hero{
    padding:13px 10px;
  }
  .ai-work-hero-visual,
  .ai-work-hero.page-hero .ai-work-hero-visual,
  .ai-company-visual,
  .ai-company-detail-visual,
  .ai-founder-visual,
  .ai-founder-detail-visual,
  .ai-kids-detail-visual{
    aspect-ratio:1.34;
  }
  .ai-work-trust span,
  .ai-company-trust span,
  .ai-founder-trust span{
    font-size:10.5px;
  }
}

@media(max-width:760px){
  .ai-kids-proof{
    grid-template-columns:1fr;
    gap:8px;
  }
  .ai-kids-proof article{
    grid-template-columns:34px minmax(0,1fr);
    align-items:start;
    min-height:0;
    padding:12px 11px;
    gap:4px 9px;
  }
  .ai-kids-proof i{
    grid-row:1 / span 2;
    width:34px;
    height:34px;
    margin-top:2px;
    border-radius:12px;
  }
  .ai-kids-proof strong,
  .ai-kids-proof span{
    min-width:0;
    overflow-wrap:anywhere;
  }
  .ai-kids-proof strong{
    font-size:13.5px;
    line-height:1.22;
  }
  .ai-kids-proof span{
    margin-top:2px;
    font-size:11.5px;
    line-height:1.42;
  }
}

/* Jacob AI assistant cleanup */
.mt2-affiliate-inline,.mt2-affiliate-strip{display:none!important}

/* Jacob AI assistant centered layout after affiliate removal */
.mt2-ai-showcase{
  display:grid!important;
  grid-template-columns:minmax(0,1fr)!important;
  place-items:center!important;
  justify-content:center!important;
  text-align:center!important;
  padding-inline:clamp(18px,4vw,42px)!important;
}
.mt2-ai-showcase-head{
  align-items:center!important;
  justify-content:center!important;
  justify-self:center!important;
  width:min(100%,820px)!important;
  margin-inline:auto!important;
  text-align:center!important;
}
.mt2-ai-showcase-head .eyebrow,
.mt2-ai-showcase-head h2,
.mt2-ai-showcase-head p,
.mt2-ai-showcase-head .mt2-ai-launch{
  margin-left:auto!important;
  margin-right:auto!important;
}
.mt2-ai-showcase-head p{
  max-width:640px!important;
}
@media(max-width:760px){
  .mt2-ai-showcase{
    grid-template-columns:minmax(0,1fr)!important;
    padding:14px 16px!important;
  }
  .mt2-ai-showcase-head{
    align-items:center!important;
    text-align:center!important;
  }
  .mt2-ai-showcase-head p{
    max-width:100%!important;
  }
  .mt2-ai-launch{
    width:min(100%,360px)!important;
  }
}

/* Footer affiliate note removed on Jacob */
.footer-affiliate-brand{display:none!important}