.hero{position:relative;isolation:isolate;overflow:hidden;min-height:590px;display:grid;grid-template-columns:1.04fr .96fr;align-items:center;gap:20px;padding:68px max(24px,calc((100% - var(--content))/2)) 58px;background:radial-gradient(ellipse at 78% 45%,rgba(0,217,255,.14),transparent 40%),linear-gradient(120deg,#05070b 25%,#07131d 75%,#05070b)}.hero:before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(5,7,11,.98),rgba(5,7,11,.75) 46%,rgba(5,7,11,.12));pointer-events:none}.hero-copy{position:relative;z-index:2}.hero h1{margin:0 0 16px;max-width:740px}.hero-subtitle{font-size:clamp(1rem,2vw,1.25rem);color:#d1dce5;margin-bottom:28px}.hero-search{display:flex;gap:8px;max-width:740px;padding:7px;border:1px solid rgba(0,217,255,.65);border-radius:16px;background:rgba(3,9,15,.9);box-shadow:0 0 40px rgba(0,217,255,.1)}.search-input,.search-city{display:flex;align-items:center;gap:9px;min-width:0;padding:0 12px;color:var(--cyan)}.search-input{flex:1}.search-input input,.search-city select{width:100%;min-width:0;border:0;outline:0;background:transparent;color:var(--text);padding:10px 0}.search-input input::placeholder{color:#8d9cab}.search-city{border-left:1px solid var(--line-soft);max-width:150px}.search-city option{background:#071019}.hero-shortcuts{display:flex;gap:12px;flex-wrap:wrap;margin-top:24px}.hero-shortcuts a{display:flex;align-items:center;gap:9px;padding:10px 12px;border:1px solid var(--line-soft);border-radius:12px;background:rgba(9,22,32,.65);font-size:.84rem;font-weight:700;color:#d8e4ed}.hero-shortcuts a span{font-size:1.35rem;color:var(--cyan)}.hero-shortcuts a:hover{border-color:var(--green);color:var(--green)}.hero-art{position:relative;min-height:400px;display:grid;place-items:center}.hero-glow{position:absolute;width:75%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,rgba(0,217,255,.24),rgba(124,255,0,.08) 40%,transparent 70%);filter:blur(10px)}.hero-art>img{width:min(100%,590px);position:relative;filter:drop-shadow(0 20px 36px rgba(0,0,0,.7))}.hero-art-label{position:absolute;right:0;bottom:18px;display:flex;flex-direction:column;text-align:right;font-size:.78rem;letter-spacing:.15em;color:var(--cyan)}.hero-art-label strong{font-size:1.15rem;color:var(--green)}.hero-bottom-line{position:absolute;bottom:16px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:14px;font-size:.63rem;letter-spacing:.22em;color:#7694a3;white-space:nowrap}.hero-bottom-line span{display:block;width:55px;height:1px;background:linear-gradient(90deg,transparent,var(--cyan))}.hero-bottom-line span:last-child{background:linear-gradient(90deg,var(--green),transparent)}.category-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px}.category-tile{min-height:165px;display:flex;flex-direction:column;justify-content:space-between;padding:18px;border:1px solid var(--line);border-radius:17px;background:linear-gradient(145deg,#0d1c28,#070b11);font-weight:800;transition:transform .2s,border-color .2s}.category-tile:hover{transform:translateY(-4px);border-color:var(--green)}.category-icon{font-size:2rem;color:var(--cyan);text-shadow:0 0 18px rgba(0,217,255,.3)}.tone-1 .category-icon,.tone-3 .category-icon{color:var(--green)}.category-tile small{font-size:.72rem;font-weight:600;color:var(--muted)}.brand-strip{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px}.brand-tile{min-height:90px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:12px;border:1px solid var(--line-soft);border-radius:14px;background:#09121a;font-size:.83rem;font-weight:750;text-align:center}.brand-tile:hover{border-color:var(--cyan)}.brand-tile img{width:76px;height:38px;object-fit:contain}.brand-initial{display:grid;place-items:center;width:40px;height:40px;border-radius:12px;background:linear-gradient(130deg,var(--cyan),var(--green));color:#061019;font-size:1.3rem;font-weight:900}.promo-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;padding-top:18px}.promo-panel{min-height:265px;position:relative;isolation:isolate;overflow:hidden;display:flex;align-items:center;padding:30px;border:1px solid var(--line);border-radius:22px;background:radial-gradient(ellipse at 90% 50%,rgba(0,217,255,.2),transparent 45%),linear-gradient(125deg,#0e1d29,#05080d)}.promo-panel:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(5,8,13,.95),rgba(5,8,13,.65) 58%,transparent)}.promo-content{max-width:360px;position:relative;z-index:2}.promo-content h2{font-size:clamp(1.7rem,3vw,2.5rem);margin-bottom:12px}.promo-content p:not(.eyebrow){color:#b9c7d2}.promo-graphic{position:absolute;right:5%;top:50%;transform:translateY(-50%);font-size:6rem;font-weight:950;color:rgba(0,217,255,.2);text-shadow:0 0 40px rgba(0,217,255,.3)}.compare-graphic{font-style:italic;color:rgba(124,255,0,.55)}.guide-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.guide-card{display:flex;align-items:center;gap:12px;padding:18px;border:1px solid var(--line-soft);border-radius:16px;background:#09121a}.guide-card:hover{border-color:var(--cyan)}.guide-icon{display:grid;place-items:center;flex-shrink:0;width:44px;height:44px;border:1px solid var(--line);border-radius:13px;color:var(--cyan);font-size:1.4rem}.guide-card h3{font-size:.95rem;margin-bottom:6px}.guide-card p{color:var(--muted);font-size:.78rem;margin-bottom:0}.guide-card .arrow{margin-left:auto;color:var(--green)}.community-panel{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:60px;padding:34px;border:1px solid var(--line);border-radius:24px;background:radial-gradient(ellipse at 75% 50%,rgba(0,217,255,.13),transparent 45%),#09121a}.community-panel h2{margin-bottom:10px}.community-panel p:last-child{color:var(--muted);margin-bottom:0}