.macro-page{padding-top:0}.macro-hero{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(240px,.6fr);gap:36px;align-items:end;padding:56px 0 34px}.macro-hero h1{margin:0;font:800 clamp(3.7rem,7vw,6.8rem)/.86 "Barlow Condensed",sans-serif;letter-spacing:-.035em;text-transform:uppercase}.macro-hero h1 span{color:#52c8f6}.macro-hero>div>p:last-child{max-width:760px;margin:18px 0 0;color:#8ea4b8;font-size:.88rem;line-height:1.7}.macro-hero aside{display:grid;gap:5px;padding:18px 20px;border:1px solid #173146;border-radius:15px;background:linear-gradient(180deg,#0b151f,#091119)}.macro-hero aside strong{font:800 2.5rem/1 "Barlow Condensed",sans-serif;color:#8edcff}.macro-hero aside span{font-weight:800}.macro-hero aside small{color:#657b90;line-height:1.45}.macro-tabs-wrap{position:sticky;top:92px;z-index:55;border-top:1px solid #142536;border-bottom:1px solid #142536;background:rgba(7,12,18,.94);backdrop-filter:blur(18px)}.macro-tabs{display:flex;gap:6px;padding:10px 0;overflow-x:auto;scrollbar-width:none}.macro-tabs::-webkit-scrollbar{display:none}.macro-tabs button{flex:1 0 140px;display:flex;align-items:center;justify-content:center;gap:8px;height:44px;border:1px solid transparent;border-radius:10px;background:#0b141e;color:#71899f;cursor:pointer;font-weight:800}.macro-tabs button:hover{color:#c6deee;background:#101c28}.macro-tabs button.is-active{border-color:#2a5872;background:#102130;color:#7bd8ff;box-shadow:inset 0 0 0 1px rgba(61,194,244,.05)}.macro-tabs button svg{width:18px;height:18px}.macro-content{padding-top:28px}.macro-panel[hidden]{display:none!important}.macro-panel-head{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:26px;align-items:end;margin-bottom:20px;padding-bottom:18px;border-bottom:1px solid #142637}.macro-panel-head h2{margin:0;font:800 2.5rem/.95 "Barlow Condensed",sans-serif}.macro-panel-head>div>p:last-child{max-width:840px;margin:10px 0 0;color:#7e94a9;font-size:.74rem;line-height:1.65}.macro-lane-badge{display:flex;align-items:center;gap:8px;padding:10px 12px;border:1px solid #21445a;border-radius:10px;background:#0d1a25;color:#8bdcff;font-size:.65rem;font-weight:800}.macro-steps{display:grid;gap:12px}.macro-step{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(320px,.9fr);gap:18px;align-items:stretch;padding:16px;border:1px solid #162838;border-radius:15px;background:linear-gradient(180deg,#0b131d,#091019)}.macro-step-copy{display:grid;grid-template-columns:56px minmax(0,1fr);gap:14px;align-items:start}.macro-step-num{display:grid;place-items:center;width:48px;height:48px;border:1px solid #24516b;border-radius:11px;background:#0e1d29;color:#78d5fa;font:800 1.4rem/1 "Barlow Condensed",sans-serif}.macro-step h3{margin:2px 0 7px;font:800 1.55rem/1 "Barlow Condensed",sans-serif}.macro-step p{margin:0;color:#8499ad;font-size:.72rem;line-height:1.6}.macro-map{position:relative;min-height:190px;overflow:hidden;border:1px solid #163042;border-radius:12px;background:linear-gradient(145deg,#0b1820,#0d151b 48%,#081016)}.macro-map:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 28% 30%,rgba(49,115,78,.2),transparent 22%),radial-gradient(circle at 72% 70%,rgba(49,115,78,.17),transparent 22%),linear-gradient(45deg,transparent 49.2%,rgba(255,255,255,.05) 49.5%,rgba(255,255,255,.05) 50.5%,transparent 50.8%)}.macro-base{position:absolute;width:32px;height:32px;border:2px solid #5acbff55;border-radius:9px;transform:rotate(45deg);background:#173d52}.macro-base.a{left:20px;bottom:20px}.macro-base.b{right:20px;top:20px;border-color:#ff797955;background:#4d2228}.macro-lane{position:absolute;background:#40505b55;border-radius:999px}.macro-lane.l1{width:78%;height:7px;left:11%;top:49%;transform:rotate(-45deg)}.macro-lane.l2{width:72%;height:6px;left:14%;top:49%;transform:rotate(45deg)}.macro-lane.l3{width:7px;height:70%;left:49%;top:15%}.macro-river{position:absolute;width:14px;height:135%;left:48%;top:-18%;transform:rotate(45deg);background:#26698a3d}.macro-node{position:absolute;width:12px;height:12px;border-radius:50%;background:#7790a2;box-shadow:0 0 0 4px #7790a218}.macro-node.n1{left:25%;bottom:29%}.macro-node.n2{left:40%;top:31%}.macro-node.n3{right:26%;top:28%}.macro-node.n4{right:31%;bottom:25%}.macro-path{position:absolute;height:4px;border-radius:99px;background:#63d1ff;transform-origin:left center;box-shadow:0 0 12px #63d1ff55}.macro-path.p1{width:34%;left:28%;top:52%;transform:rotate(-25deg)}.macro-path.p2{width:25%;left:52%;top:40%;transform:rotate(25deg)}.macro-focus{position:absolute;width:26px;height:26px;border:2px solid #ffd269;border-radius:50%;left:56%;top:42%;box-shadow:0 0 0 7px #ffd26912}.macro-map-wave .macro-focus{left:42%;top:43%}.macro-map-pressure .macro-path.p1{width:42%;transform:rotate(-42deg)}.macro-map-objective .macro-focus,.macro-map-setup .macro-focus{left:48%;top:45%}.macro-map-split .macro-focus{left:22%;top:65%}.macro-map-flank .macro-path.p1{left:14%;top:65%;width:55%;transform:rotate(-48deg)}.macro-map-route .macro-path.p1{left:25%;top:70%;width:50%;transform:rotate(-62deg)}.macro-map-gank .macro-path.p2{left:44%;top:35%;width:40%;transform:rotate(-30deg)}.macro-map-trade .macro-focus{left:72%;top:20%}.macro-map-protect .macro-focus{left:62%;top:55%}.macro-map-link .macro-path.p1{left:38%;top:48%;width:26%;transform:rotate(-7deg)}.macro-map-cover .macro-focus{left:24%;top:63%}.macro-map-defend .macro-focus{left:48%;top:45%}.macro-map-zone .macro-focus{left:61%;top:38%}.macro-map-farm .macro-focus{left:27%;top:64%}.macro-map-safe .macro-path.p1{left:18%;top:70%;width:28%;transform:rotate(-25deg)}.macro-map-push .macro-focus{left:70%;top:24%}.macro-map-spike .macro-path.p2{left:45%;top:47%;width:38%;transform:rotate(-10deg)}.macro-map-carry .macro-focus{left:39%;top:60%}.macro-map-vision .macro-focus{left:47%;top:31%}.macro-map-peel .macro-focus{left:36%;top:61%}.macro-map-fog .macro-focus{left:65%;top:34%}.macro-bottom-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:16px}.macro-tip-card{padding:18px;border:1px solid #173043;border-radius:14px;background:#0a121b}.macro-tip-card h3{margin:0 0 12px;font:800 1.35rem/1 "Barlow Condensed",sans-serif}.macro-list-row{display:grid;grid-template-columns:24px 1fr;gap:9px;align-items:start;padding:9px 0;border-top:1px solid #ffffff0b}.macro-list-row span{display:grid;place-items:center;width:20px;height:20px;border-radius:50%;font-weight:900}.macro-list-row p{margin:0;color:#879caf;font-size:.68rem;line-height:1.5}.macro-list-row.good span{background:#75dfa512;color:#75dfa5}.macro-list-row.bad span{background:#ef7b8612;color:#ef8c95}.macro-tip-card.danger{border-color:#3b2329}
@media(max-width:1080px){.macro-hero{grid-template-columns:1fr}.macro-step{grid-template-columns:1fr}.macro-map{min-height:170px}.macro-tabs-wrap{top:86px}}
@media(max-width:820px){.macro-hero{padding:34px 0 24px}.macro-hero h1{font-size:clamp(3.2rem,13vw,5.2rem)}.macro-tabs-wrap{top:73px}.macro-tabs button{flex-basis:128px}.macro-content{padding-top:20px}.macro-panel-head{grid-template-columns:1fr}.macro-lane-badge{justify-self:start}.macro-bottom-grid{grid-template-columns:1fr}}
@media(max-width:560px){.macro-hero h1{font-size:3.2rem}.macro-hero aside{padding:14px}.macro-tabs{padding:8px 0}.macro-tabs button{flex-basis:114px;height:40px;font-size:.62rem}.macro-step{padding:12px;gap:12px}.macro-step-copy{grid-template-columns:44px minmax(0,1fr);gap:10px}.macro-step-num{width:40px;height:40px;font-size:1.15rem}.macro-step h3{font-size:1.3rem}.macro-step p{font-size:.68rem}.macro-map{min-height:150px}.macro-panel-head h2{font-size:2.1rem}}
@media(prefers-reduced-motion:reduce){.macro-tabs button{transition:none}}