.page-how-redesign{background:var(--bg);color:var(--fg);font-family:var(--font-body);text-wrap:pretty;overflow-x:hidden;margin:0}html:has(body.page-how-redesign){scroll-behavior:smooth}.page-how-redesign ::selection{background:var(--accent);color:var(--accent-deep)}.page-how-redesign .k{font-family:var(--font-mono);font-size:13px;letter-spacing:.4em;color:var(--accent);text-transform:uppercase;font-weight:500}.page-how-redesign .k.muted{color:var(--muted)}.page-how-redesign .hex{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background-image:linear-gradient(to right,#10163a 1px,transparent 1px),linear-gradient(to bottom,#10163a 1px,transparent 1px);background-size:80px 80px;-webkit-mask-image:radial-gradient(ellipse at center,rgba(0,0,0,.6),transparent 70%);mask-image:radial-gradient(ellipse at center,rgba(0,0,0,.6),transparent 70%)}.page-how-redesign .btn-primary,.page-hall-redesign .btn-primary{display:inline-flex;align-items:center;gap:14px;padding:22px 36px;border-radius:999px;background:var(--accent);color:var(--accent-deep);font-family:var(--font-body);font-weight:700;font-size:18px;letter-spacing:.06em;text-transform:uppercase;text-decoration:none;border:none;cursor:pointer;box-shadow:0 0 40px #ffd16659,0 0 80px #ffd16626;transition:transform .2s,box-shadow .2s}.page-how-redesign .btn-primary:hover,.page-hall-redesign .btn-primary:hover{transform:translateY(-2px);box-shadow:0 0 60px #ffd16680,0 0 120px #ffd16633}.page-how-redesign .btn-primary .arrow,.page-hall-redesign .btn-primary .arrow{transition:transform .2s}.page-how-redesign .btn-primary:hover .arrow,.page-hall-redesign .btn-primary:hover .arrow{transform:translate(4px)}.page-how-redesign .btn-ghost,.page-hall-redesign .btn-ghost{display:inline-flex;align-items:center;gap:12px;padding:20px 28px;border-radius:999px;border:1px solid rgba(122,131,176,.3);color:var(--fg);font-family:var(--font-mono);font-size:13px;letter-spacing:.32em;text-transform:uppercase;text-decoration:none;transition:border-color .2s,background .2s}.page-how-redesign .btn-ghost:hover,.page-hall-redesign .btn-ghost:hover{border-color:var(--fg);background:#e7eaff0a}.page-how-redesign .how-section{position:relative;padding:120px 48px;max-width:1200px;margin:0 auto}.page-how-redesign .how-section .section-head{display:flex;flex-direction:column;gap:18px;margin-bottom:64px}.page-how-redesign .how-section .section-head h2{font-family:var(--font-display);font-weight:700;font-size:clamp(48px,6vw,80px);line-height:.96;letter-spacing:-.02em;margin:0}.page-how-redesign .how-section .section-head h2 .a{color:var(--accent)}.page-how-redesign .how-section .section-head h2 .d{color:var(--danger)}.page-how-redesign .how-section .section-head .lead{font-size:20px;line-height:1.5;color:var(--muted);max-width:720px;margin:0}.how-hero-strip{position:relative;padding:180px 48px 100px;text-align:center;overflow:hidden;border-bottom:1px solid rgba(122,131,176,.1)}.how-hero-strip .glow{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:1200px;height:1200px;border-radius:50%;background:radial-gradient(circle,rgba(255,209,102,.18) 0%,transparent 55%);pointer-events:none;z-index:0}.how-hero-strip .content{position:relative;z-index:1;max-width:1100px;margin:0 auto}.how-hero-strip .how-hero-title{font-family:var(--font-display);font-weight:700;font-size:clamp(64px,10vw,144px);line-height:.94;letter-spacing:-.025em;margin:28px 0 0;text-shadow:0 0 40px rgba(255,209,102,.2)}.how-hero-strip .how-hero-title .a{color:var(--accent)}.how-hero-strip .how-hero-sub{margin:32px auto 0;max-width:700px;font-size:22px;line-height:1.5;color:var(--muted)}.how-hero-strip .how-hero-cta{margin-top:48px;display:flex;gap:14px;flex-wrap:wrap;justify-content:center}.page-how-redesign .how-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.page-how-redesign .how-grid.two-up{grid-template-columns:repeat(2,1fr)}.page-how-redesign .how-card{background:var(--bg-soft);border:1px solid rgba(122,131,176,.14);border-radius:20px;padding:44px 36px;display:flex;flex-direction:column;gap:20px;position:relative;overflow:hidden;transition:border-color .3s,transform .3s}.page-how-redesign .how-card:hover{border-color:#ffd16659;transform:translateY(-4px)}.page-how-redesign .how-card-num{font-family:var(--font-mono);font-size:13px;letter-spacing:.4em;color:var(--accent);text-transform:uppercase}.page-how-redesign .how-card h3{font-family:var(--font-display);font-weight:700;font-size:32px;line-height:1.05;letter-spacing:-.02em;margin:0}.page-how-redesign .how-card h3 .a{color:var(--accent)}.page-how-redesign .how-card h3 .d{color:var(--danger)}.page-how-redesign .how-card p{font-size:17px;line-height:1.55;color:var(--muted);margin:0}.page-how-redesign .how-controls-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px}.page-how-redesign .how-controls-block{background:var(--bg-soft);border:1px solid rgba(122,131,176,.14);border-radius:20px;padding:36px 28px}.page-how-redesign .how-controls-block .k{margin-bottom:24px}.page-how-redesign .how-controls{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:14px}.page-how-redesign .how-controls li{display:grid;grid-template-columns:120px 1fr;gap:16px;align-items:start;padding:12px 0;border-top:1px solid rgba(122,131,176,.1)}.page-how-redesign .how-controls li:first-child{border-top:none;padding-top:0}.page-how-redesign .how-controls kbd{display:inline-flex;align-items:center;justify-content:center;padding:6px 10px;border-radius:8px;background:#07091a99;border:1px solid rgba(122,131,176,.25);font-family:var(--font-mono);font-size:11px;letter-spacing:.2em;color:var(--fg);text-transform:uppercase;white-space:nowrap;text-align:center}.page-how-redesign .how-controls li span{color:var(--muted);font-size:15px;line-height:1.45}.page-how-redesign .how-tactics{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:4px;border-top:1px solid rgba(122,131,176,.12)}.page-how-redesign .how-tactics li{display:grid;grid-template-columns:80px 1fr;gap:24px;align-items:start;padding:28px 8px;border-bottom:1px solid rgba(122,131,176,.08)}.page-how-redesign .how-tactic-num{font-family:var(--font-mono);font-size:13px;letter-spacing:.4em;color:var(--accent);text-transform:uppercase;padding-top:6px}.page-how-redesign .how-tactics h4{font-family:var(--font-display);font-weight:700;font-size:24px;letter-spacing:-.01em;margin:0 0 8px}.page-how-redesign .how-tactics p{font-size:17px;line-height:1.55;color:var(--muted);margin:0}.page-how-redesign .how-faq-list details{border-top:1px solid rgba(122,131,176,.14);padding:24px 0}.page-how-redesign .how-faq-list details:last-child{border-bottom:1px solid rgba(122,131,176,.14)}.page-how-redesign .how-faq-list summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:20px;font-family:var(--font-display);font-weight:700;font-size:24px;letter-spacing:-.01em;transition:color .2s;color:var(--fg)}.page-how-redesign .how-faq-list summary:hover{color:var(--accent)}.page-how-redesign .how-faq-list summary::-webkit-details-marker{display:none}.page-how-redesign .how-faq-list summary:after{content:"+";font-family:var(--font-mono);font-weight:300;font-size:28px;color:var(--muted);transition:transform .2s}.page-how-redesign .how-faq-list details[open] summary:after{transform:rotate(45deg);color:var(--accent)}.page-how-redesign .how-faq-list .answer{font-size:17px;line-height:1.6;color:var(--muted);margin-top:18px;max-width:760px}.page-how-redesign .how-faq-list .answer a{color:var(--accent)}.page-how-redesign .how-faq-list .answer code{padding:2px 6px;border-radius:4px;background:#ffd16614;border:1px solid rgba(255,209,102,.18);color:var(--accent)}.how-final{position:relative;padding:140px 48px 120px;text-align:center;overflow:hidden;border-top:1px solid rgba(122,131,176,.1)}.how-final .glow{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:1400px;height:1400px;border-radius:50%;background:radial-gradient(circle,rgba(255,209,102,.2) 0%,transparent 55%);pointer-events:none}.how-final .content{position:relative;z-index:2;max-width:1100px;margin:0 auto}.how-final .huge{font-family:var(--font-display);font-weight:700;font-size:clamp(56px,9vw,128px);line-height:.94;letter-spacing:-.025em;margin:28px 0 0;text-shadow:0 0 40px rgba(255,209,102,.2);color:var(--fg)}.how-final .huge .a{color:var(--accent)}.how-final .sub{margin:36px auto 0;max-width:700px;font-size:22px;line-height:1.5;color:var(--muted)}.how-final .how-final-cta{margin-top:48px;display:flex;gap:14px;flex-wrap:wrap;justify-content:center}.page-how-redesign footer.foot,.page-hall-redesign footer.foot{position:relative;padding:80px 48px 64px;border-top:1px solid rgba(122,131,176,.1);max-width:1440px;margin:0 auto;display:flex;justify-content:space-between;align-items:flex-end;flex-wrap:wrap;gap:32px}.page-how-redesign footer.foot .left,.page-hall-redesign footer.foot .left{font-family:var(--font-display);font-weight:700;font-size:56px;letter-spacing:.1em;text-transform:uppercase;line-height:1;color:var(--fg)}.page-how-redesign footer.foot .right,.page-hall-redesign footer.foot .right{font-family:var(--font-mono);font-size:12px;letter-spacing:.3em;color:var(--muted);text-transform:uppercase;text-align:right}.page-how-redesign footer.foot .right .links,.page-hall-redesign footer.foot .right .links{display:flex;gap:24px;justify-content:flex-end;margin-bottom:16px;flex-wrap:wrap}.page-how-redesign footer.foot .right .links a,.page-hall-redesign footer.foot .right .links a{color:var(--muted);text-decoration:none}.page-how-redesign footer.foot .right .links a:hover,.page-hall-redesign footer.foot .right .links a:hover{color:var(--fg)}@media (max-width: 1100px){.page-how-redesign .how-grid,.page-how-redesign .how-controls-grid{grid-template-columns:1fr;gap:20px}.page-how-redesign .how-grid.two-up{grid-template-columns:1fr}}@media (max-width: 900px){.how-hero-strip{padding:140px 20px 80px}.page-how-redesign .how-section,.how-final{padding:80px 20px}.page-how-redesign footer.foot,.page-hall-redesign footer.foot{padding:56px 24px 40px;flex-direction:column;align-items:flex-start}.page-how-redesign footer.foot .right,.page-hall-redesign footer.foot .right{text-align:left}.page-how-redesign footer.foot .right .links,.page-hall-redesign footer.foot .right .links{justify-content:flex-start}.page-how-redesign .how-tactics li{grid-template-columns:1fr;gap:12px}.page-how-redesign .how-controls li{grid-template-columns:80px 1fr;gap:12px}}@media (prefers-reduced-motion: reduce){.page-how-redesign .nav-redesign .brand .dot{animation:none!important}}