/* A refinement of the original TRUST UI.
   Preserve the yellow/cream palette, centered pixel hero, crowd, and section order. */
:root{--g:#756e60}
html{scroll-padding-top:90px}
.wrap{max-width:1200px;padding-left:32px;padding-right:32px}
header .wrap{height:72px}
.logo svg{height:23px}
nav.nv{margin-left:24px;gap:8px}
nav.nv a{font-size:12px;padding:9px 12px;transition:background .15s,color .15s}
.tr{gap:14px}
.agent{font-size:11px;padding:9px 12px}
.agent i{animation:none;width:6px;height:6px}
.lang button{padding:8px 10px;font-size:11px}
/* The original centered title and sunset crowd remain the focal point. */
.hin{padding:70px 0 220px}
.hin .tlogo{width:min(560px,82vw)}
.hin h1{font-size:clamp(30px,4vw,48px);margin-top:28px;letter-spacing:.28em}
.date{font-size:clamp(18px,2.6vw,28px);padding:12px 20px;margin-top:25px;box-shadow:4px 4px 0 #12111028}
.slogan{font-size:clamp(15px,1.6vw,18px);font-weight:500;line-height:1.9;margin-top:24px}
.seq{font-size:15px;gap:15px;margin-top:24px}
.seq b{padding:7px 12px}
/* Keep the original offset pixel frames, using a consistent 4px shadow. */
.pf{box-shadow:0 0 0 2px var(--k),4px 4px 0 2px var(--k)}
section{padding-top:88px}
.sh{margin-bottom:32px;align-items:center}
.sh .k{font-size:11px;letter-spacing:.16em}
.sh h2{font-size:clamp(30px,4.5vw,50px);margin-top:12px;letter-spacing:-.045em;line-height:1.15}
.sh p{font-size:13px;line-height:1.9;max-width:370px;color:#696254}
/* Align the two existing mint cards without changing their colors or content. */
.phs{max-width:none;gap:28px;align-items:stretch}
.ph{padding:28px;gap:18px}
.ph:nth-child(n){min-height:452px}
.ph .tag{font-size:11px;letter-spacing:.04em}
.ph .tag span:last-child{font-size:10px;padding:6px 9px}
.ph .big{font-size:clamp(46px,5.5vw,64px);letter-spacing:-.055em;margin-top:6px}
.ph .nm{font-size:12px;letter-spacing:.11em;margin-top:-4px}
.ph dl{gap:0;margin-top:5px}
.ph dl div{padding:12px 0;border-top:1px dashed #12111055;align-items:center}
.ph.k dl div{border-color:#fff8ea66}
.ph dt{font-size:12px}.ph dd{font-size:13px;font-weight:500}
.bar{height:12px;padding:2px;gap:3px}
.pr{font-size:10px}
.go{font-size:13px;height:50px;box-shadow:3px 3px 0 var(--y3);transition:transform .12s,box-shadow .12s,background .12s}
.ph.k .go{box-shadow:3px 3px 0 var(--g)}
.go:hover:not(:disabled){transform:translate(-1px,-1px);box-shadow:5px 5px 0 var(--y3)}
.go:active:not(:disabled){transform:translate(2px,2px);box-shadow:1px 1px 0 var(--y3)}
.go:disabled{opacity:.5}
/* Match tutorial, funds and contract rhythm to the mint cards. */
.ag{grid-template-columns:250px 1fr;gap:28px}
.agq{padding:22px;gap:18px}
.qrc{font-size:11px;font-weight:500;line-height:1.7}
.ags{padding:6px 26px}
.ags li{padding:22px 0;gap:16px;border-bottom:1px dashed #12111044}
.ags li:before{width:38px;height:38px;font-size:16px}
.ags b{font-size:14px;margin-bottom:8px}
.ags p{font-size:12px;line-height:1.9;color:#696254}
.cmd{margin-top:14px;gap:10px}
.cmd code{font-size:10px;padding:13px 12px;scrollbar-width:thin}
.cmd button{font-size:11px;padding:0 15px;transition:background .15s}
.cmd button:hover{background:var(--y2)}
.fund{gap:10px;min-height:265px}
.fb{padding:24px}
.fb .n{font-size:clamp(48px,7vw,92px);letter-spacing:-.06em}
.fb .l{font-size:12px;letter-spacing:.05em}
.fb .d{font-size:11px;line-height:1.9;margin-top:12px}
.fb.f3 .n{font-size:42px}
.fb .mos{opacity:.12}
.ct{gap:28px}
.tbl{padding:8px 24px}
.tbl .r{grid-template-columns:125px 1fr;padding:16px 0;border-bottom:1px dashed #12111044}
.tbl .r b{font-size:12px}
.tbl code{font-size:11px}
.tbl a code{text-decoration-thickness:1px;text-underline-offset:4px}
.tbl .muted{font-size:11px}
.st{padding:25px;gap:16px}
.st .row,.st .row b{font-size:12px}
.st .sm{font-size:11px;line-height:1.9}
.chip{font-size:10px;padding:6px 9px}
.rules{padding:26px;margin-top:28px}
.rules h3{font-size:14px;margin-bottom:16px}
.rules ol{gap:12px}
.rules li{font-size:12px;line-height:1.9;color:#696254}
.close .wrap{padding-top:64px;padding-bottom:36px}
.close .ln{font-size:clamp(20px,2.6vw,30px);font-weight:700;line-height:1.8}
.close .rep{font-size:10px;gap:22px;margin-top:28px}
.close .crowd{max-height:132px}
footer{font-size:10px}
footer .wrap{padding:22px 32px 28px}
/* Original dialog, clearer controls and spacing. */
.mo{background:#121110a6}
.mp{padding:26px}
.mh{margin-bottom:20px}
.mh b{font-size:16px}.mh button{width:32px;height:32px;font-size:16px}
.qty{margin:12px 0 18px}
.calc{padding:17px;gap:12px;margin-bottom:18px}
.calc div{font-size:12px}.calc b{font-size:14px}
.alt{font-size:12px}
.mnote{font-size:11px;line-height:1.8}
:focus-visible{outline:3px solid #9a7400;outline-offset:6px}
@media(max-width:900px){
 .wrap{padding-left:24px;padding-right:24px}
 .hin{padding:52px 0 170px}
 .phs{grid-template-columns:1fr 1fr;gap:24px}
 .ph{padding:23px}.ph:nth-child(n){min-height:435px}
 .ph .big{font-size:45px}.ph dd{font-size:11px}
 .ag{grid-template-columns:210px 1fr;gap:24px}
 .agq{padding:18px}.ags{padding:4px 20px}
 .ags li{grid-template-columns:30px 1fr;gap:12px}
 .ags li:before{height:30px;width:30px;font-size:13px}
 .ags b{font-size:13px}.cmd button{padding:0 11px}
 .ct{grid-template-columns:1fr}.tbl .r{grid-template-columns:125px 1fr}
}
@media(max-width:600px){
 header .wrap{height:64px}.agent{padding:8px;gap:6px}.tr{gap:10px}
 .logo svg{height:19px}.lang button{font-size:10px;padding:7px 8px}
 .hin{padding:44px 0 145px}.hin .tlogo{width:82vw}
 .hin h1{font-size:31px;margin-top:21px}
 .date{font-size:20px;padding:10px 14px;margin-top:21px}
 .slogan{font-size:13px;max-width:290px;padding:0 8px;line-height:1.9}
 .seq{font-size:12px;gap:12px;margin-top:20px}.seq b{padding:6px 10px}
 section{padding-top:58px}.sh{gap:16px;margin-bottom:26px;align-items:flex-start}
 .sh h2{font-size:32px}.sh .k{font-size:10px}.sh p{font-size:12px;max-width:none}
 .phs{grid-template-columns:1fr;gap:25px}
 .ph{padding:25px}.ph:nth-child(n){min-height:432px}
 .ph .big{font-size:57px}.ph dd{font-size:12px}
 .ag{grid-template-columns:1fr;gap:25px}.agq{max-width:240px;padding:20px}
 .ags{padding:2px 20px}.ags li{padding:21px 0}.ags p{font-size:11px}
 .fund{grid-template-columns:1fr;gap:14px}
 .fb{min-height:215px;padding:24px}.fb .n{font-size:72px}.fb.f3 .n{font-size:52px}
 .fb.f3{min-height:180px}.fb .d{font-size:12px;max-width:none}
 .tbl{padding:6px 20px}.tbl .r{grid-template-columns:1fr;gap:8px}
 .tbl code{font-size:10px}.rules{padding:22px 20px}
 .rules li{font-size:11px}.close{margin-top:65px}
 .close .wrap{padding:45px 24px 25px}.close .ln{font-size:19px}
 .close .rep{font-size:9px;gap:12px;line-height:1.7}
 footer .wrap{padding-left:24px;padding-right:24px}
}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important;scroll-behavior:auto!important}}