.atat-sec{--card:#12161d;--line:rgba(255,255,255,.08);background:var(--bg,#0a0c10);color:var(--txt,#f4f6fb)}.atat-sec h1,.atat-sec h2,.atat-sec h3,.atat-sec h4,.atat-sec .atat-h{color:var(--txt,#f4f6fb)!important}.atat-sec .atat-kick{color:var(--acc,#3da9fc)!important}.atat-sec .atat-sub,.atat-sec .atat-blade p,.atat-sec .atat-story .tx{color:var(--muted,#9aa3b2)!important}.atat-w{max-width:1180px;margin:0 auto;padding:0 16px}.atat-kick{display:inline-block;letter-spacing:.16em;text-transform:uppercase;font-size:12px;font-weight:700;color:var(--acc,#3da9fc)}.atat-h{font-size:clamp(24px,4vw,40px);font-weight:800;margin:8px 0 6px;line-height:1.1}.atat-h.glow{text-shadow:0 0 26px color-mix(in srgb,var(--acc,#3da9fc) 35%,transparent)}.atat-sub{color:var(--muted,#9aa3b2);max-width:640px;font-size:16px;line-height:1.6;margin:0}.atat-btn{display:inline-block;padding:15px 34px;border-radius:999px;font-weight:800;font-size:16px;text-decoration:none;color:#06090f!important;background:linear-gradient(135deg,var(--acc,#3da9fc),var(--acc2,#7b5cff));box-shadow:0 0 28px color-mix(in srgb,var(--acc,#3da9fc) 50%,transparent);transition:transform .2s ease,box-shadow .2s ease}.atat-btn:hover{transform:translateY(-2px);box-shadow:0 0 44px color-mix(in srgb,var(--acc,#3da9fc) 70%,transparent)}.atat-btn.ghost{background:transparent;color:var(--txt,#fff)!important;border:1px solid color-mix(in srgb,var(--acc,#3da9fc) 55%,transparent);box-shadow:none}.atat-btn.ghost:hover{border-color:var(--acc,#3da9fc);transform:translateY(-2px)}.atat-hero{position:relative;min-height:78vh;display:flex;align-items:center;overflow:hidden}.atat-hero img.bg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.atat-hero .ov{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,#05070bd9,#05070b73 55%,#05070b26)}.atat-hero .ov2{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(900px 500px at 18% 50%,color-mix(in srgb,var(--acc,#3da9fc) 22%,transparent),transparent 70%)}.atat-hero .inner{position:relative;max-width:1180px;margin:0 auto;padding:60px 16px;width:100%}.atat-hero .box{max-width:620px}.atat-hero h1{font-size:clamp(32px,6vw,62px);font-weight:900;line-height:1.02;margin:14px 0;color:#fff!important;text-shadow:0 0 34px color-mix(in srgb,var(--acc,#3da9fc) 35%,transparent)}.atat-hero p{color:#cfd6e2!important;font-size:18px;line-height:1.5;margin:0 0 26px}.atat-hero .cta{display:flex;gap:14px;flex-wrap:wrap}.atat-cols{padding:64px 0}.atat-cols .head{text-align:center;margin-bottom:30px}.atat-cols .grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.atat-cols a{position:relative;display:block;border-radius:18px;overflow:hidden;aspect-ratio:4/5;border:1px solid var(--line);background:var(--card);text-decoration:none}.atat-cols img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.atat-cols a:hover img{transform:scale(1.06)}.atat-cols .cov{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,rgba(0,0,0,.85) 8%,rgba(0,0,0,.1) 55%,transparent)}.atat-cols .cap{position:absolute;left:0;right:0;bottom:0;padding:18px}.atat-cols .cap b{color:#fff!important;font-size:18px;display:block}.atat-cols .cap span{color:color-mix(in srgb,var(--acc,#3da9fc) 85%,#fff)!important;font-size:13px;font-weight:600}.atat-blade{padding:64px 0}.atat-blade .head{text-align:center;margin-bottom:34px}.atat-blade .grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.atat-blade .c{background:var(--card);border:1px solid var(--line);border-radius:18px;padding:28px 24px;transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease}.atat-blade .c:hover{transform:translateY(-4px);border-color:color-mix(in srgb,var(--acc,#3da9fc) 45%,transparent);box-shadow:0 18px 50px -22px color-mix(in srgb,var(--acc,#3da9fc) 60%,transparent)}.atat-blade .tag{display:inline-block;font-weight:800;font-size:13px;letter-spacing:.08em;text-transform:uppercase;color:#06090f!important;background:linear-gradient(135deg,var(--acc,#3da9fc),var(--acc2,#7b5cff));padding:5px 12px;border-radius:999px}.atat-blade h3{font-size:20px;margin:14px 0 8px;font-weight:800}.atat-blade p{color:var(--muted,#9aa3b2);font-size:15px;line-height:1.55;margin:0 0 6px}.atat-blade .for{color:#cfd6e2!important;font-size:14px;margin-top:10px}.atat-blade .ctaw{text-align:center;margin-top:30px}.atat-feat{padding:64px 0}.atat-feat .head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:26px;flex-wrap:wrap}.atat-feat .grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.atat-feat .p{background:var(--card);border:1px solid var(--line);border-radius:16px;overflow:hidden;transition:transform .25s ease,border-color .25s ease}.atat-feat .p:hover{transform:translateY(-4px);border-color:color-mix(in srgb,var(--acc,#3da9fc) 45%,transparent)}.atat-feat .p a{text-decoration:none;color:var(--txt,#f4f6fb);display:block}.atat-feat .iw{aspect-ratio:1/1;background:#0e1218}.atat-feat .iw img{width:100%;height:100%;object-fit:cover}.atat-feat .in{padding:14px}.atat-feat .in b{font-size:14px;font-weight:600;line-height:1.35;display:block;color:var(--txt,#f4f6fb)!important}.atat-feat .pr{color:var(--acc,#3da9fc)!important;font-weight:800;margin-top:6px;font-size:15px}.atat-story{padding:64px 0}.atat-story .grid{display:grid;grid-template-columns:1fr 1fr;gap:36px;align-items:center}.atat-story img{width:100%;border-radius:20px;border:1px solid var(--line)}.atat-story .tx h2{font-size:clamp(24px,3.4vw,36px);font-weight:800;margin:8px 0 12px}.atat-story .tx{color:var(--muted,#9aa3b2);font-size:16px;line-height:1.7}.atat-story .tx p{margin:0 0 16px}.atat-usp{padding:40px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.atat-usp .grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.atat-usp .i{text-align:center}.atat-usp .i b{display:block;color:#fff!important;font-size:15px;margin-bottom:4px}.atat-usp .i span{color:var(--muted,#9aa3b2)!important;font-size:13.5px}@media(max-width:900px){.atat-cols .grid,.atat-feat .grid{grid-template-columns:repeat(2,1fr)}.atat-blade .grid,.atat-story .grid{grid-template-columns:1fr}.atat-usp .grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:560px){.atat-cols .grid,.atat-feat .grid{grid-template-columns:1fr 1fr}}
/*# sourceMappingURL=/cdn/shop/t/11/assets/atat-home.css.map */