:root{--navy: #182553;--navy-deep: #111b43;--blue: #1d4e9d;--yellow: #ffd200;--red: #ef1d2f;--orange: #ff5420;--cream: #f6efda;--paper: #fffdf7;--ink: #121212;--muted: #62635f;--line: #141414;--shadow: 5px 5px 0 var(--line);font-family:Noto Sans SC,system-ui,sans-serif;color:var(--ink);background:var(--cream)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream)}button,input{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}.app-shell{min-height:100vh;overflow:hidden}.relation-hero{padding:clamp(46px,8vw,92px) clamp(18px,5vw,72px) 38px;background-image:radial-gradient(rgba(24,37,83,.14) 1px,transparent 1px);background-size:16px 16px}.relation-hero h1{font-family:Barlow Condensed,Noto Sans SC,sans-serif;font-size:clamp(48px,7vw,88px);line-height:.96;margin:0}.relation-hero p{max-width:780px;font-size:17px;line-height:1.7;margin:24px 0 0}.relation-grid{grid-template-columns:repeat(2,minmax(0,1fr));padding:0 clamp(18px,5vw,72px) 28px}.relation-card{padding:clamp(24px,4vw,42px);border:4px solid var(--line);box-shadow:var(--shadow)}.relation-card h2{font-size:clamp(32px,4vw,52px);margin-bottom:10px}.relation-card label{display:grid;gap:8px;font-weight:700;margin:22px 0 14px}.relation-card input{width:100%;padding:13px 14px;border:3px solid var(--line);background:var(--paper);color:var(--ink)}.relation-help,.relation-status{line-height:1.55}.relation-status{min-height:1.6em;margin:16px 0 0;font-size:14px}.relation-results{padding-top:20px}.relation-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.relation-stats .stat-card{min-height:124px}.relation-details{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-top:18px}.relation-details div{display:grid;gap:6px;padding:16px;border:3px solid var(--line);background:var(--paper)}.relation-details span{font-size:12px;color:var(--muted)}.relation-details strong{overflow-wrap:anywhere}@media(max-width:900px){.relation-grid,.relation-stats,.relation-details{grid-template-columns:1fr 1fr}}@media(max-width:620px){.relation-grid,.relation-stats,.relation-details{grid-template-columns:1fr}}.topbar{background:var(--navy);color:#fff;min-height:76px;display:flex;align-items:center;justify-content:space-between;padding:12px clamp(18px,5vw,72px);border-bottom:4px solid var(--line)}.brand{display:inline-flex;align-items:center;gap:12px}.brand-mark{width:42px;height:42px;display:grid;place-items:center;background:#070707;border:2px solid #fff;overflow:hidden}.brand-mark img{width:100%;height:100%;object-fit:cover}.brand-copy{display:grid;line-height:1}.brand-copy strong{font-family:Barlow Condensed,sans-serif;font-size:27px;letter-spacing:.13em}.brand-copy small{font-family:Barlow Condensed,sans-serif;color:var(--yellow);font-size:10px;letter-spacing:.25em;margin-top:4px}.topbar-actions{display:flex;gap:12px;align-items:center}.network-pill,.eyebrow,.section-index{font-family:Barlow Condensed,sans-serif;letter-spacing:.16em;font-weight:700}.network-pill{padding:8px 10px;color:var(--yellow);border:1px solid var(--yellow);font-size:12px}.section-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:clamp(16px,2vw,28px)}.hero{padding:clamp(46px,8vw,100px) clamp(18px,5vw,72px) 58px;align-items:center;background-image:radial-gradient(rgba(24,37,83,.14) 1px,transparent 1px);background-size:16px 16px}.hero-copy{grid-column:span 7;max-width:750px}.eyebrow{display:inline-block;font-size:12px;color:var(--blue);margin-bottom:14px}.hero h1,h2,h3{font-family:Barlow Condensed,Noto Sans SC,sans-serif;margin:0;line-height:.96;letter-spacing:-.015em}.hero h1{font-size:clamp(54px,8vw,104px);font-weight:900}.hero h1 em,h2 em{color:var(--red);font-style:normal}.hero-lede{font-size:clamp(16px,1.7vw,21px);line-height:1.65;max-width:650px;margin:30px 0 26px}.hero-actions,.action-row{display:flex;flex-wrap:wrap;gap:12px;align-items:center}.hero-note{margin-top:24px;font-family:Barlow Condensed,sans-serif;font-weight:600;letter-spacing:.07em;font-size:14px;display:flex;align-items:center;gap:8px}.live-dot{width:9px;height:9px;background:var(--red);display:inline-block;border-radius:50%;box-shadow:0 0 0 4px #ef1d2f2b}.divider{opacity:.35}.hero-art{grid-column:span 5;min-height:430px;position:relative;display:grid;place-items:center;overflow:hidden}.hero-art img{width:min(78%,360px);position:relative;z-index:2;filter:drop-shadow(10px 14px 0 #000)}.panel-dark{background-color:var(--navy);color:#fff;background-image:radial-gradient(rgba(255,255,255,.12) 1px,transparent 1px);background-size:13px 13px;border:4px solid var(--line);box-shadow:var(--shadow)}.orbit{position:absolute;width:70%;aspect-ratio:1 / .3;border:2px solid var(--yellow);border-radius:50%;transform:rotate(-23deg);opacity:.8}.orbit-two{width:95%;transform:rotate(31deg);border-color:var(--red);opacity:.6}.art-caption{position:absolute;top:18%;right:9%;z-index:3;color:var(--yellow);font-family:Barlow Condensed,sans-serif;font-weight:900;font-size:clamp(22px,4vw,48px);line-height:.8;text-align:right;transform:rotate(-9deg)}.art-stamp{position:absolute;left:8%;bottom:8%;z-index:3;border:2px solid var(--yellow);padding:9px;color:var(--yellow);font-family:Barlow Condensed,sans-serif;font-weight:700;font-size:12px;letter-spacing:.18em}.status-strip{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;padding:0 clamp(18px,5vw,72px) 54px;margin-top:-1px}.stat-card{grid-column:auto;background:var(--paper);border:3px solid var(--line);padding:18px 17px;min-height:118px;box-shadow:4px 4px 0 var(--line)}.stat-card-dark{background:var(--navy);color:#fff}.stat-card>span,.action-card>span,.claim-top>span{font-family:Barlow Condensed,sans-serif;font-size:11px;letter-spacing:.16em;font-weight:800;color:var(--blue)}.stat-card-dark>span{color:var(--yellow)}.stat-card strong{display:block;margin-top:15px;font-family:Barlow Condensed,sans-serif;font-size:clamp(23px,3vw,35px);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.stat-card small{display:block;margin-top:4px;font-size:12px;color:var(--muted)}.pending-claim-btn{margin-top:14px}.stat-card-dark small{color:#cdd6ff}.section{padding:clamp(56px,8vw,100px) clamp(18px,5vw,72px);border-top:4px solid var(--line)}.section-dark{background:var(--navy);color:#fff;background-image:radial-gradient(rgba(255,255,255,.11) 1px,transparent 1px);background-size:14px 14px}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:32px}.section-heading h2{font-size:clamp(36px,5vw,64px);font-weight:900}.section-heading .eyebrow{margin-bottom:11px}.section-dark .eyebrow,.section-dark .section-index{color:var(--yellow)}.section-index{color:var(--blue);font-size:13px;white-space:nowrap}.notice{display:flex;align-items:center;gap:16px;border:3px solid var(--line);box-shadow:var(--shadow);padding:14px 18px;margin-bottom:28px}.notice-yellow{background:var(--yellow)}.notice strong{font-family:Barlow Condensed,sans-serif;font-size:22px;white-space:nowrap}.notice span{font-size:14px}.package-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:16px}.package-card{background:var(--paper);border:3px solid var(--line);box-shadow:4px 4px 0 var(--line);display:flex;flex-direction:column;min-height:330px}.package-card-top{padding:17px 16px 12px;border-bottom:3px solid var(--line);display:flex;justify-content:space-between;align-items:start}.package-card-top strong{font-family:Barlow Condensed,sans-serif;font-size:29px}.package-card-top span{font-family:Barlow Condensed,sans-serif;font-size:11px;background:var(--navy);color:#fff;padding:4px 7px}.package-card:nth-child(3) .package-card-top span{background:#b49300}.package-card:nth-child(4) .package-card-top span{background:var(--orange)}.package-card:nth-child(5) .package-card-top span{background:var(--red)}.package-card-body{padding:18px 16px 10px;flex:1}.package-card-body .price{font-family:Barlow Condensed,sans-serif;font-weight:900;font-size:42px;line-height:1}.package-card-body .unit{font-size:13px;font-weight:700}.package-card-body p{font-size:13px;line-height:1.55;color:var(--muted);min-height:62px}.package-card-footer{padding:13px 16px 17px;display:grid;gap:8px}.package-card-footer small{font-size:11px;color:var(--muted)}.package-locked{color:var(--muted);font-size:12px;font-weight:700;line-height:1.4}.section-footnote{margin:24px 0 0;color:var(--muted);font-size:12px}.consensus-layout{display:grid;grid-template-columns:1.3fr .8fr;gap:28px;align-items:start}.consensus-flow{display:grid;grid-template-columns:1fr auto 1fr auto .6fr;gap:11px;align-items:center}.flow-step,.flow-result{background:var(--cream);color:var(--ink);border:3px solid var(--line);box-shadow:4px 4px 0 var(--yellow);min-height:128px;padding:16px;display:flex;flex-direction:column;justify-content:center}.flow-step>span{color:var(--blue);font-family:Barlow Condensed,sans-serif;letter-spacing:.16em;font-size:11px;font-weight:800}.flow-step strong{font-family:Barlow Condensed,sans-serif;font-size:26px;margin-top:12px}.flow-step small{font-size:12px;margin-top:4px}.flow-arrow{color:var(--yellow);font-family:Barlow Condensed,sans-serif;font-size:38px;font-weight:900;text-align:center}.flow-arrow small{display:block;font-size:11px;letter-spacing:.1em;white-space:nowrap}.flow-result{background:var(--yellow);border-radius:50%;aspect-ratio:1;min-height:0;box-shadow:4px 4px 0 var(--line);align-items:center;text-align:center;padding:8px}.flow-result strong{font-family:Barlow Condensed,sans-serif;font-size:38px;line-height:.9}.flow-result small{font-family:Barlow Condensed,sans-serif;font-weight:800}.consensus-actions{display:grid;gap:15px}.action-card,.claim-card{background:var(--paper);color:var(--ink);border:3px solid var(--line);box-shadow:4px 4px 0 var(--yellow);padding:18px}.action-card strong{display:block;font-family:Barlow Condensed,sans-serif;font-size:28px;margin-top:12px}.action-card small{display:block;color:var(--muted);font-size:12px;margin:4px 0 17px}.warning-bar{background:var(--red);border:3px solid var(--line);box-shadow:4px 4px #000;padding:15px 19px;margin-top:32px;display:flex;align-items:center;gap:18px}.warning-bar strong{font-family:Barlow Condensed,sans-serif;font-size:36px;color:var(--yellow);font-style:italic}.phoenix-grid{display:grid;grid-template-columns:.7fr 1.3fr;gap:28px;align-items:stretch}.phoenix-copy{padding:28px;position:relative}.phoenix-mark{color:var(--yellow);font-size:52px;position:absolute;top:17px;right:26px}.phoenix-copy h3{color:var(--yellow);font-size:clamp(38px,5vw,62px);margin-top:26px}.phoenix-copy p{color:#d2d6ec;line-height:1.7;font-size:14px;max-width:390px;margin-top:30px}.phoenix-time{display:inline-block;border:2px solid var(--yellow);color:var(--yellow);padding:7px 10px;font-family:Barlow Condensed,sans-serif;letter-spacing:.12em;font-size:12px;margin-top:30px}.claim-card{display:grid;gap:13px;box-shadow:4px 4px 0 var(--line)}.claim-top{display:flex;align-items:center;justify-content:space-between;border-bottom:3px solid var(--line);padding-bottom:13px}.claim-top strong{font-family:Barlow Condensed,sans-serif;font-size:33px}.claim-card label{display:grid;gap:5px;font-size:12px;font-weight:700}.claim-card input{width:100%;border:2px solid var(--line);background:#fff;padding:11px 12px;outline:0}.claim-card input:focus{border-color:var(--blue);box-shadow:3px 3px 0 var(--blue)}.claim-status{margin:0;min-height:20px;color:var(--muted);font-size:12px}.compact-section{padding-top:54px;padding-bottom:68px}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.feature-grid article{border:2px solid var(--yellow);padding:19px;min-height:160px}.feature-grid article strong{color:var(--yellow);font-family:Barlow Condensed,sans-serif;font-size:19px}.feature-grid h3{font-size:26px;margin:15px 0 7px}.feature-grid p{color:#d2d6ec;font-size:13px;line-height:1.6;margin:0}.footer{background:var(--navy-deep);color:#c9d1ed;display:flex;justify-content:space-between;gap:18px;flex-wrap:wrap;padding:16px clamp(18px,5vw,72px);font-family:Barlow Condensed,sans-serif;letter-spacing:.12em;font-size:11px}.footer span:last-child{color:var(--yellow)}.btn{border:3px solid var(--line);padding:11px 15px;font-weight:900;letter-spacing:.02em;transition:transform .15s ease,box-shadow .15s ease,opacity .15s ease;box-shadow:3px 3px 0 var(--line)}.btn:hover:not(:disabled){transform:translate(2px,2px);box-shadow:1px 1px 0 var(--line)}.btn:disabled{opacity:.42;cursor:not-allowed}.btn-primary{background:var(--red);color:#fff}.btn-ghost{background:transparent;color:var(--ink)}.section-dark .btn-ghost{color:#fff}.btn-dark{background:var(--navy);color:#fff}.btn-yellow{background:var(--yellow);color:var(--ink)}.btn-red{background:var(--red);color:#fff}.btn-small{padding:8px 12px;font-size:13px}.toast{position:fixed;right:20px;bottom:20px;z-index:10;max-width:min(420px,calc(100vw - 40px));background:var(--navy);color:#fff;border:3px solid var(--yellow);box-shadow:5px 5px #000;padding:13px 16px;transform:translateY(130%);transition:transform .2s ease;font-size:13px}.toast.show{transform:translateY(0)}@media(max-width:1020px){.hero-copy,.hero-art{grid-column:span 12}.hero-art{min-height:330px}.stat-card{grid-column:span 6}.status-strip .stat-card{grid-column:auto}.package-grid{grid-template-columns:repeat(3,1fr)}.consensus-layout,.phoenix-grid{grid-template-columns:1fr}}@media(max-width:680px){.topbar{min-height:66px}.network-pill{display:none}.hero{padding-top:44px}.hero h1{font-size:58px}.hero-art{min-height:260px}.stat-card{grid-column:span 12;min-height:92px}.status-strip .stat-card{grid-column:auto}.status-strip{grid-template-columns:1fr}.section-heading{align-items:start;flex-direction:column}.notice{display:block}.notice span{display:block;margin-top:7px}.package-grid{grid-template-columns:1fr}.package-card{min-height:0}.consensus-flow{grid-template-columns:1fr}.flow-arrow{transform:rotate(90deg);min-height:45px}.flow-arrow small{transform:rotate(-90deg) translate(16px)}.flow-result{width:140px;justify-self:center}.feature-grid{grid-template-columns:1fr}.footer{display:grid}}