*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{background:#151515;color:#faf8f3;margin:0;font-family:system-ui,-apple-system,Segoe UI,Arial,sans-serif;line-height:1.7}
a{color:inherit;text-decoration:none}a:focus-visible,button:focus-visible{outline:3px solid #ffb000;outline-offset:4px}
header{border-bottom:1px solid #383838;padding:22px 5%;display:flex;justify-content:space-between;align-items:center;gap:18px}
.logo{font-weight:900;letter-spacing:.12em;white-space:nowrap}.logo em{font-style:normal;color:#ffb000}header small{font-size:.7rem;color:#a5a2a0;text-align:right}
main{max-width:1000px;padding:70px 24px 0;margin:auto}
.pill{display:inline-block;padding:8px 15px;border-radius:30px;color:#ffb000;background:#28231a;border:1px solid #655126;font-size:.77rem;letter-spacing:.08em;font-weight:850}
h1{font-size:clamp(2.6rem,6vw,5.3rem);line-height:1.06;letter-spacing:-.05em;margin:25px 0;text-transform:uppercase}h1 em,h2 em{color:#ffb000;font-style:normal}
.sub{margin:-6px 0 22px;font-weight:900;letter-spacing:.08em;font-size:clamp(1rem,2vw,1.2rem)}.sub span{display:block;font-weight:400;letter-spacing:0;color:#a9a6a1;font-size:.95rem}
.lead{color:#d4d0ca;font-size:clamp(1rem,2vw,1.28rem);max-width:750px}.lead strong{color:#fff}
.grid{margin-top:55px;display:grid;grid-template-columns:repeat(2,1fr);gap:20px}
.card{border:1px solid #4b4337;border-radius:20px;padding:30px;background:linear-gradient(135deg,#2d281f,#1c1b1b);display:flex;flex-direction:column}
.card h2{font-size:clamp(1.55rem,2.8vw,2.2rem);line-height:1.2;letter-spacing:-.04em;margin:14px 0}.card .btn{margin-top:auto}.card .hint{margin-bottom:0}
.card p,section p,.box p{color:#c7c3bc}.card strong,.box strong{color:#fff}.label{color:#ffb000;font-size:.76rem;letter-spacing:.1em;font-weight:850}
.btn{display:block;text-align:center;border-radius:12px;font-weight:900;font-size:.91rem;padding:17px 14px;margin-top:25px;transition:transform .15s,filter .15s}.btn:hover{transform:translateY(-1px);filter:brightness(1.08)}
.primary{background:#ffb000;color:#111}.secondary{background:#303030;color:white;border:1px solid #6e6861}
.hint{font-size:.85rem;color:#a9a6a1}.box{border:1px solid #564528;border-radius:20px;padding:30px;background:#211e1a}
.bottom{display:grid;grid-template-columns:1fr 1fr;gap:30px;align-items:center;margin-top:76px}
.bottom h2{font-size:clamp(2rem,4vw,3rem);line-height:1.14;letter-spacing:-.045em}
.notice{border-left:3px solid #ffb000;padding:2px 0 2px 15px;font-size:.86rem;color:#a9a6a1}.notice ul{margin:6px 0 0;padding-left:18px}
.quote{background:#151515;border:1px solid #393939;padding:15px;border-radius:10px;color:#e8e4dc}
button{cursor:pointer;border:0;color:#ffb000;background:transparent;padding:10px 0;font-weight:700;font-size:.9rem}
.fine{margin-top:60px;font-size:.8rem;color:#8d8a85;max-width:750px}
footer{max-width:1000px;margin:80px auto 0;padding:30px 24px;color:#aaa;border-top:1px solid #343434;font-size:.81rem;display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}
.state{max-width:770px}.state .box{margin-top:43px}.state .box h2{font-size:2rem;line-height:1.2;margin-top:0}
@media(max-width:680px){header{padding:18px 18px;flex-direction:column;align-items:flex-start;gap:4px}.logo{font-size:.88rem}header small{font-size:.6rem;text-align:left}main{padding:44px 20px 0}.grid,.bottom{grid-template-columns:1fr}.grid{margin-top:40px}.card,.box{padding:24px}.bottom{margin-top:56px}h1{font-size:clamp(2.2rem,10.5vw,3.6rem)}footer{margin-top:60px;flex-direction:column;gap:8px}}