:root{--ink:#0c1511;--ink-soft:#223029;--paper:#f4f3ed;--white:#fff;--lime:#c7ff28;--lime-deep:#a9eb00;--muted:#657068;--line:#dcded5;--pitch:#174f39;--pitch-alt:#1d5a40;--radius:22px;--shadow:0 24px 70px rgba(12,21,17,.12)}
*{box-sizing:border-box}[hidden]{display:none!important}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:16px;line-height:1.55}body.dialog-open{overflow:hidden}a{color:inherit}button,input{font:inherit}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:fixed;z-index:1000;top:10px;left:10px;transform:translateY(-160%);background:var(--lime);padding:10px 14px;border-radius:10px;font-weight:800}.skip-link:focus{transform:none}.site-header{position:sticky;z-index:30;top:0;display:flex;align-items:center;justify-content:space-between;padding:14px clamp(20px,4vw,68px);background:rgba(12,21,17,.96);color:#fff;border-bottom:1px solid rgba(255,255,255,.09);backdrop-filter:blur(16px)}.brand{display:flex;align-items:center;gap:12px;text-decoration:none}.brand img{border-radius:12px}.brand span{display:flex;flex-direction:column}.brand strong{font-size:.92rem;letter-spacing:.035em}.brand small{color:#9fa8a2;font-size:.7rem}.site-nav{display:flex;align-items:center;gap:26px}.site-nav>a:not(.button),.site-nav>.text-button{color:#c9d0cc;text-decoration:none;font-size:.87rem;font-weight:650}.site-nav>a:hover,.site-nav>.text-button:hover{color:#fff}.nav-toggle{display:none;background:none;border:0;padding:8px}.nav-toggle>span:not(.sr-only){display:block;width:23px;height:2px;margin:5px 0;background:#fff}.button{display:inline-flex;justify-content:center;align-items:center;gap:8px;min-height:49px;padding:0 22px;border:1px solid var(--lime);border-radius:13px;background:var(--lime);color:var(--ink);text-decoration:none;font-weight:850;box-shadow:0 8px 26px rgba(199,255,40,.14);cursor:pointer;transition:transform .2s,background .2s,border .2s}.button:hover{background:#d4ff58;transform:translateY(-2px)}.button--compact{min-height:40px;padding:0 16px;border-radius:10px;font-size:.85rem}.button--secondary{background:transparent;border-color:#cdd1c9;box-shadow:none}.button--secondary:hover{background:#fff;border-color:#fff}.button--dark{background:var(--ink);border-color:var(--ink);color:#fff;box-shadow:none}.button--dark:hover{background:#223029;border-color:#223029}.text-button{padding:0;background:none;border:0;color:inherit;cursor:pointer}.hero{position:relative;display:grid;grid-template-columns:minmax(0,.88fr) minmax(530px,1.12fr);gap:clamp(38px,6vw,100px);align-items:center;min-height:calc(100vh - 75px);padding:clamp(68px,9vw,132px) clamp(22px,5.5vw,92px);overflow:hidden}.hero__glow{position:absolute;width:620px;height:620px;left:-360px;top:-260px;border:110px solid rgba(199,255,40,.14);border-radius:50%;pointer-events:none}.eyebrow{margin:0 0 18px;color:#455148;font-size:.72rem;font-weight:900;letter-spacing:.16em;text-transform:uppercase}.hero .eyebrow{display:flex;align-items:center;gap:10px}.hero .eyebrow span{width:8px;height:8px;background:var(--lime-deep);border-radius:50%;box-shadow:0 0 0 5px rgba(169,235,0,.16)}h1,h2,h3,p{margin-top:0}.hero h1{margin-bottom:24px;font-size:clamp(3.3rem,6.4vw,7.2rem);line-height:.86;letter-spacing:-.065em}.hero h1 em{color:#8fc900;font-style:normal}.hero__lede{max-width:640px;color:#4f5b53;font-size:clamp(1.05rem,1.6vw,1.3rem)}.hero__actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:34px}.hero__note{margin:16px 0 0;color:#768078;font-size:.78rem}.product-stage{position:relative;padding:16px;background:#fff;border:1px solid #d8dbd2;border-radius:27px;box-shadow:var(--shadow);transform:rotate(-1deg)}.product-stage:after{content:"";position:absolute;z-index:-1;inset:24px -18px -22px 28px;background:var(--lime);border-radius:27px;opacity:.75}.stage-topline,.stage-footer{display:flex;justify-content:space-between;align-items:center;padding:2px 4px 13px;color:#667269;font-size:.66rem;font-weight:850;letter-spacing:.08em}.stage-footer{padding:13px 4px 2px;font-weight:700;letter-spacing:0}.status-dot{display:flex;align-items:center;gap:6px}.status-dot:before{content:"";width:7px;height:7px;background:var(--lime-deep);border-radius:50%}.stage-layout{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(180px,.55fr);gap:12px}.pitch-card{position:relative;aspect-ratio:620/420;overflow:hidden;border-radius:17px;background:repeating-linear-gradient(90deg,var(--pitch) 0 12.5%,var(--pitch-alt) 12.5% 25%)}.pitch-lines{position:absolute;inset:0;width:100%;height:100%;fill:none;stroke:rgba(255,255,255,.62);stroke-width:2}.marker{position:absolute;display:grid;place-items:center;width:29px;height:29px;border:3px solid #152019;border-radius:50%;background:var(--lime);font-size:.75rem;font-weight:950;box-shadow:0 3px 8px rgba(0,0,0,.35)}.marker--1{left:18%;top:38%}.marker--2{left:31%;top:26%}.marker--3{left:38%;top:50%}.marker--4{left:57%;top:33%}.marker--5{left:68%;top:48%}.marker--6{left:76%;top:25%}.ball{position:absolute;width:10px;height:10px;left:4.8%;top:48%;border:2px solid #111;border-radius:50%;background:#fff}.run{position:absolute;width:80px;height:2px;background:rgba(255,255,255,.9);transform-origin:left center}.run:after{content:"";position:absolute;right:-1px;top:-4px;width:8px;height:8px;border-top:2px solid #fff;border-right:2px solid #fff;transform:rotate(45deg)}.run--1{left:22%;top:43%;transform:rotate(-25deg)}.run--2{left:61%;top:39%;transform:rotate(26deg)}.role-panel{padding:12px;background:#eff0eb;border-radius:17px}.mini-label{margin:2px 0 12px;font-size:.63rem;font-weight:900;letter-spacing:.13em;color:#68746c}.role{display:grid;grid-template-columns:30px 1fr auto;gap:8px;align-items:center;margin-bottom:9px;padding:9px;background:#fff;border:1px solid #e1e3dd;border-radius:10px}.role>span{display:grid;place-items:center;width:27px;height:27px;background:var(--ink);color:var(--lime);border-radius:50%;font-size:.7rem;font-weight:900}.role div{display:flex;min-width:0;flex-direction:column}.role strong,.role small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.role strong{font-size:.68rem}.role small{color:#7a837d;font-size:.61rem}.role b{color:#599000;font-size:.55rem}.continuity{display:flex;justify-content:space-between;align-items:center;margin-top:12px;padding:14px;background:var(--ink);color:#fff;border-radius:11px}.continuity strong{color:var(--lime);font-size:1.15rem}.continuity span{font-size:.61rem}.proof-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;padding:0 clamp(22px,5.5vw,92px);background:#d9dcd4;border-block:1px solid #d9dcd4}.proof-strip>div{display:flex;flex-direction:column;padding:26px clamp(15px,2.5vw,38px);background:var(--paper)}.proof-strip strong{font-size:.9rem}.proof-strip span{color:#747e76;font-size:.76rem}.section{padding:clamp(78px,10vw,142px) clamp(22px,6vw,108px)}.section--intro{display:grid;grid-template-columns:1.4fr .6fr;gap:8vw;align-items:end;padding-bottom:50px}.section-heading h2,.club-copy h2,.support h2,.beta-banner h2{margin-bottom:0;font-size:clamp(2.3rem,4.8vw,5.2rem);line-height:.98;letter-spacing:-.055em}.section-intro{max-width:520px;margin-bottom:7px;color:#59645d;font-size:1.08rem}.feature-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;padding:0 clamp(22px,6vw,108px) clamp(84px,11vw,150px)}.feature-card{min-height:380px;padding:clamp(25px,4vw,48px);background:#fff;border:1px solid var(--line);border-radius:var(--radius)}.feature-card--wide{display:grid;grid-column:1/-1;grid-template-columns:.82fr 1.18fr;gap:55px;align-items:center}.feature-number{display:inline-block;margin-bottom:50px;color:#9da79f;font-size:.7rem;font-weight:900;letter-spacing:.14em}.feature-card h3{font-size:clamp(1.65rem,2.4vw,2.55rem);line-height:1.05;letter-spacing:-.04em}.feature-card p{max-width:580px;color:#5e6861}.check-list{display:grid;gap:8px;margin:28px 0 0;padding:0;list-style:none}.check-list li:before{content:"✓";display:inline-grid;place-items:center;width:20px;height:20px;margin-right:9px;background:var(--lime);border-radius:50%;font-size:.7rem;font-weight:900}.mini-library{display:grid;grid-template-columns:1fr 1fr;gap:13px;padding:15px;background:#eceee8;border-radius:18px}.mini-tile{overflow:hidden;background:#fff;border-radius:13px;box-shadow:0 5px 18px rgba(12,21,17,.06)}.mini-tile strong,.mini-tile span{display:block;margin-inline:13px}.mini-tile strong{margin-top:12px;font-size:.75rem}.mini-tile span{margin-bottom:13px;color:#78827b;font-size:.62rem}.mini-pitch{position:relative;height:180px;background:repeating-linear-gradient(90deg,#1d6847 0 20%,#237750 20% 40%)}.mini-pitch:after{content:"";position:absolute;inset:12px;border:1px solid rgba(255,255,255,.6)}.mini-pitch--dark{background:repeating-linear-gradient(90deg,#174c38 0 20%,#1b5b40 20% 40%)}.mini-pitch i{position:absolute;z-index:1;width:18px;height:18px;border:2px solid #142018;border-radius:50%;background:var(--lime)}.mini-pitch i:nth-child(1){left:20%;top:34%}.mini-pitch i:nth-child(2){left:42%;top:48%}.mini-pitch i:nth-child(3){left:58%;top:27%}.mini-pitch i:nth-child(4){left:72%;top:58%}.metric-row{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:62px}.metric-row div{display:flex;flex-direction:column;padding:22px;background:#eff1eb;border-radius:15px}.metric-row strong{font-size:2rem;letter-spacing:-.05em}.metric-row span{color:#69746c;font-size:.75rem}.role-chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:70px}.role-chips span{padding:9px 13px;border:1px solid #d7dad3;border-radius:999px;font-size:.75rem;font-weight:800}.role-chips span:first-child{background:var(--lime);border-color:var(--lime)}.section--dark{display:grid;grid-template-columns:1fr 1fr;gap:8vw;align-items:center;background:var(--ink);color:#fff}.eyebrow--light{color:#a9b4ad}.club-copy p:not(.eyebrow){max-width:610px;margin:30px 0;color:#aeb8b2;font-size:1.07rem}.text-link{display:inline-flex;gap:10px;color:var(--lime);font-weight:850;text-decoration:none}.staff-board{padding:15px;background:#17231d;border:1px solid #2d3b34;border-radius:22px}.staff-board__header{display:flex;justify-content:space-between;padding:8px 9px 16px;color:#8d9a92;font-size:.66rem;font-weight:900;letter-spacing:.1em}.member{display:grid;grid-template-columns:43px 1fr auto;align-items:center;gap:12px;margin-bottom:8px;padding:13px;background:#101a15;border:1px solid #26342d;border-radius:13px}.member>i{display:grid;place-items:center;width:39px;height:39px;background:#25352c;border-radius:50%;color:var(--lime);font-size:.7rem;font-style:normal;font-weight:900}.member div{display:flex;flex-direction:column}.member strong{font-size:.82rem}.member small{color:#8d9991}.member>span{color:#aab4ae;font-size:.68rem}.trust{padding-bottom:70px}.trust .section-heading{max-width:930px}.trust-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:34px;margin-top:70px}.trust-grid article{padding-top:25px;border-top:2px solid var(--ink)}.trust-icon{display:grid;place-items:center;width:44px;height:44px;margin-bottom:45px;background:var(--lime);border-radius:12px;font-size:1.25rem;font-weight:900}.trust-grid h3{font-size:1.3rem}.trust-grid p{color:#626e66}.beta-banner{display:grid;grid-template-columns:1.2fr .8fr;gap:8vw;align-items:center;margin:clamp(22px,4vw,64px);padding:clamp(38px,6vw,80px);background:var(--lime);border-radius:30px}.beta-banner .eyebrow{color:#405000}.beta-banner h2{max-width:880px}.beta-banner p:last-child{max-width:700px;margin-top:22px;color:#3f4d1b}.beta-actions{display:flex;flex-direction:column;align-items:flex-start;gap:15px}.beta-actions>span{font-size:.75rem}.support{display:grid;grid-template-columns:1fr auto;gap:6vw;align-items:end}.support__copy{max-width:830px}.support__copy>p:last-child{max-width:700px;margin:28px 0 0;color:#5b665e}.support__actions{display:flex;flex-direction:column;gap:10px}.site-footer{display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:45px;padding:35px clamp(22px,5.5vw,92px);background:var(--ink);color:#fff}.footer-links{display:flex;gap:24px}.footer-links a{color:#abb5af;font-size:.78rem;text-decoration:none}.site-footer>p{margin:0;color:#7f8b83;font-size:.72rem}.account-dialog{width:min(960px,calc(100vw - 30px));padding:0;border:0;border-radius:24px;background:#fff;color:var(--ink);box-shadow:0 40px 110px rgba(0,0,0,.38)}.account-dialog::backdrop{background:rgba(5,11,8,.74);backdrop-filter:blur(7px)}.dialog-close{position:absolute;z-index:2;right:18px;top:15px;width:40px;height:40px;border:1px solid #d9ddd5;border-radius:50%;background:#fff;font-size:1.7rem;line-height:1;cursor:pointer}.account-shell{display:grid;grid-template-columns:.9fr 1.1fr;min-height:520px}.account-intro{display:flex;flex-direction:column;justify-content:flex-end;padding:48px;background:var(--ink);color:#fff;border-radius:24px 0 0 24px}.account-intro img{margin-bottom:auto;border-radius:15px}.account-intro .eyebrow{color:var(--lime)}.account-intro h2{font-size:clamp(2.1rem,4vw,3.5rem);line-height:.98;letter-spacing:-.055em}.account-intro>p:last-child{color:#aab5ae}.login-form,.member-panel{display:flex;flex-direction:column;justify-content:center;padding:48px}.login-form label{display:flex;flex-direction:column;gap:7px;margin-bottom:17px;font-size:.78rem;font-weight:850}.login-form input{height:50px;padding:0 14px;border:1px solid #cfd4cc;border-radius:11px;background:#fafbf8;outline:none}.login-form input:focus{border-color:#8ab900;box-shadow:0 0 0 3px rgba(169,235,0,.2)}.form-message{min-height:22px;color:#a22f23;font-size:.75rem}.form-message.is-success{color:#477400}.reset-button{align-self:center;margin-top:18px;color:#4e5a52;font-size:.75rem;text-decoration:underline}.member-profile{display:flex;align-items:center;gap:14px;margin-bottom:34px}.member-profile>span{display:grid;place-items:center;width:58px;height:58px;background:var(--ink);color:var(--lime);border-radius:50%;font-weight:900}.member-profile div{display:flex;flex-direction:column}.member-profile small{color:#6f7a72}.member-links{display:grid;gap:10px;margin-bottom:26px}.member-panel>.text-button{align-self:center;text-decoration:underline}.reveal{opacity:0;transform:translateY(18px);transition:opacity .65s ease,transform .65s ease}.reveal.is-visible{opacity:1;transform:none}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{opacity:1;transform:none;transition:none}.button{transition:none}}
@media(max-width:1050px){.site-nav{gap:17px}.hero{grid-template-columns:1fr;padding-top:80px}.hero__copy{max-width:820px}.product-stage{max-width:850px}.proof-strip{grid-template-columns:1fr 1fr}.section--intro{grid-template-columns:1fr}.feature-card--wide{grid-template-columns:1fr}.section--dark{grid-template-columns:1fr}.staff-board{max-width:720px}.support{grid-template-columns:1fr}.support__actions{flex-direction:row}.site-footer{grid-template-columns:1fr auto}.site-footer>p{grid-column:1/-1}}
@media(max-width:780px){.site-header{padding:12px 18px}.nav-toggle{display:block}.site-nav{position:absolute;top:100%;left:0;right:0;display:none;align-items:stretch;flex-direction:column;gap:0;padding:12px 18px 22px;background:var(--ink);border-top:1px solid #25312b}.site-nav.is-open{display:flex}.site-nav>a:not(.button),.site-nav>.text-button{padding:13px 5px;text-align:left}.site-nav .button{margin-top:8px}.hero{grid-template-columns:minmax(0,1fr);min-height:auto;padding:72px 18px 88px}.hero h1{font-size:clamp(3.35rem,17vw,5.5rem)}.stage-layout{grid-template-columns:1fr}.role-panel{display:grid;grid-template-columns:1fr 1fr;gap:8px}.role-panel .mini-label,.role-panel .continuity{grid-column:1/-1}.role{margin:0}.product-stage:after{inset:18px -8px -15px 18px}.proof-strip{grid-template-columns:1fr;padding:0 18px}.section,.section--intro{padding:75px 20px}.section--intro{padding-bottom:35px}.feature-grid{grid-template-columns:1fr;padding:0 18px 85px}.feature-card--wide{grid-column:auto;gap:35px}.feature-number{margin-bottom:35px}.mini-library{grid-template-columns:1fr}.mini-pitch{height:220px}.metric-row,.role-chips{margin-top:40px}.trust-grid{grid-template-columns:1fr;gap:30px;margin-top:45px}.trust-grid article{display:grid;grid-template-columns:54px 1fr;column-gap:12px}.trust-icon{grid-row:1/3;margin:0}.trust-grid p{grid-column:2}.beta-banner{grid-template-columns:1fr;margin:18px;border-radius:22px}.support__actions{align-items:stretch;flex-direction:column}.site-footer{grid-template-columns:1fr;gap:25px}.footer-links{flex-wrap:wrap}.account-shell{grid-template-columns:1fr}.account-intro{min-height:260px;padding:32px;border-radius:24px 24px 0 0}.account-intro img{margin:0 0 45px}.login-form,.member-panel{min-height:360px;padding:32px}.account-dialog{max-height:calc(100vh - 20px);overflow:auto}.dialog-close{background:var(--lime);border-color:var(--lime)}}
@media(max-width:520px){.brand small{display:none}.hero__actions{display:grid}.hero__actions .button{width:100%}.stage-topline,.stage-footer{font-size:.55rem}.role-panel{display:block}.role{margin-bottom:7px}.section-heading h2,.club-copy h2,.support h2,.beta-banner h2{font-size:2.6rem}.feature-card{min-height:0}.mini-pitch{height:170px}.member{grid-template-columns:40px 1fr}.member>span{display:none}.beta-banner{padding:38px 25px}.beta-actions,.beta-actions .button{width:100%}}

/* Authentic vertical-half corner routine illustrations. */
.stage-layout{grid-template-columns:minmax(280px,1.12fr) minmax(205px,.88fr);gap:16px;align-items:center}.pitch-card{display:grid;width:100%;aspect-ratio:1.48/1;place-items:center;justify-self:center;background:#183629}.pitch-surface{position:relative;height:94%;aspect-ratio:1.15/1;border:2px solid rgba(255,255,255,.78);border-radius:4px;background:repeating-linear-gradient(90deg,var(--pitch) 0 12.5%,var(--pitch-alt) 12.5% 25%);overflow:visible}.pitch-lines{stroke:rgba(255,255,255,.7);stroke-width:.45}.routine-overlay{position:absolute;z-index:1;inset:0;width:100%;height:100%;overflow:visible}.routine-overlay>path{fill:none;stroke:#fff;stroke-width:.48;stroke-linecap:round}.routine-overlay .routine-delivery{stroke-dasharray:1.5 1.5}.routine-overlay marker path,.mini-pitch-lines marker path{fill:#fff;stroke:none}.pitch-surface .marker{z-index:3;width:21px;height:21px;border-width:2px;font-size:.62rem}.marker--1{left:-.6%;top:-2.6%}.marker--2{left:50.4%;top:2.8%}.marker--3{left:46.4%;top:32.1%}.marker--4{left:52.3%;top:32.4%}.marker--5{left:46.1%;top:40.7%}.marker--6{left:52.3%;top:41.1%}.marker--7{left:26.5%;top:45.1%}.marker--8{left:70.8%;top:32.1%}.marker--9{left:50%;top:82%}.marker--10{left:50%;top:94.5%;font-size:.48rem}
.mini-pitch{display:grid;width:100%;height:auto;aspect-ratio:1.48/1;place-items:center;background:#183629}.mini-pitch:after{display:none}.mini-pitch--dark{background:#183629}.mini-surface{position:relative;height:94%;aspect-ratio:1.15/1;border:1px solid rgba(255,255,255,.72);border-radius:3px;background:repeating-linear-gradient(90deg,#1d6847 0 12.5%,#237750 12.5% 25%);overflow:visible}.mini-pitch-lines{position:absolute;inset:0;width:100%;height:100%;fill:none}.pitch-geometry{stroke:rgba(255,255,255,.68);stroke-width:.45}.routine-movement{stroke:rgba(255,255,255,.92);stroke-width:.52;stroke-linecap:round;stroke-dasharray:1.5 1.5}.mini-surface i{display:grid;z-index:3;width:14px;height:14px;place-items:center;transform:translate(-50%,-50%);border:2px solid #142018;border-radius:50%;background:var(--lime);font-size:.38rem;font-style:normal;font-weight:900}.mini-surface .m1{left:-.6%;top:-2.6%}.mini-surface .m2{left:50.4%;top:2.8%}.mini-surface .m3{left:46.4%;top:32.1%}.mini-surface .m4{left:52.3%;top:32.4%}.mini-surface .m5{left:46.1%;top:40.7%}.mini-surface .m6{left:52.3%;top:41.1%}.mini-surface .m7{left:26.5%;top:45.1%}.mini-surface .m8{left:70.8%;top:32.1%}.mini-surface .m9{left:50%;top:82%}.mini-surface .m10{left:50%;top:94.5%;font-size:.3rem}.mini-pitch--mirror .m1{left:100.6%}.mini-pitch--mirror .m2{left:49.6%}.mini-pitch--mirror .m3{left:53.6%}.mini-pitch--mirror .m4{left:47.7%}.mini-pitch--mirror .m5{left:53.9%}.mini-pitch--mirror .m6{left:47.7%}.mini-pitch--mirror .m7{left:73.5%}.mini-pitch--mirror .m8{left:29.2%}
@media(max-width:780px){.stage-layout{grid-template-columns:1fr}.pitch-card{width:min(100%,520px)}.mini-pitch{height:auto}}
@media(max-width:520px){.pitch-card{width:100%}.mini-pitch{height:auto}}

/* Faithful Site Example renders: the routine is copied from the app without mirroring. */
.stage-layout{display:grid;grid-template-columns:minmax(0,1fr);gap:12px}.pitch-card{display:grid;width:100%;aspect-ratio:1.48/1;place-items:end center;overflow:hidden;border-radius:17px;background:#183629}.authentic-pitch{--line:rgba(255,255,255,.78);position:relative;height:90%;aspect-ratio:1.15/1;box-sizing:border-box;border:1px solid var(--line);border-radius:3px;background:repeating-linear-gradient(90deg,#224b38 0,#224b38 12.5%,#2b5a43 12.5%,#2b5a43 25%);overflow:visible}.authentic-pitch:before{content:"";position:absolute;z-index:1;right:0;bottom:0;left:0;height:1px;background:rgba(255,255,255,.7)}.authentic-pitch:after{content:"";position:absolute;z-index:1;top:100%;left:50%;width:22%;aspect-ratio:1;transform:translate(-50%,-50%);border:1px solid rgba(255,255,255,.7);border-radius:50%}.pitch-box,.pitch-six-yard,.pitch-goal,.pitch-spot{position:absolute;z-index:1;display:block}.pitch-box{top:0;right:20%;left:20%;height:38%;border:1px solid var(--line);border-top:0}.pitch-six-yard{top:0;right:35%;left:35%;height:16%;border:1px solid var(--line);border-top:0}.pitch-goal{top:-7%;right:40%;left:40%;height:7%;border:1px solid #fff;border-bottom:0}.pitch-spot{top:25%;left:50%;width:3px;height:3px;transform:translate(-50%,-50%);border-radius:50%;background:#fff}.routine-overlay{position:absolute;z-index:2;inset:0;width:100%;height:100%;overflow:visible}.routine-overlay>path{fill:none;stroke:#fff;stroke-width:1px;stroke-linecap:round;vector-effect:non-scaling-stroke}.routine-overlay .routine-delivery{stroke-dasharray:3px 4px}.routine-overlay marker path{fill:#fff;stroke:none}.authentic-pitch .marker{z-index:3;width:5%;height:auto;aspect-ratio:1;transform:translate(-50%,-50%);border:1px solid #111714;background:#d7ff3f;color:#111714;font-size:clamp(.42rem,.75vw,.65rem);box-shadow:0 2px 6px rgba(0,0,0,.25)}.marker--1{left:-.6%;top:-2.6%}.marker--2{left:50.4%;top:2.8%}.marker--3{left:46.4%;top:32.1%}.marker--4{left:52.3%;top:32.4%}.marker--5{left:46.1%;top:40.7%}.marker--6{left:52.3%;top:41.1%}.marker--7{left:26.5%;top:45.1%}.marker--8{left:70.8%;top:32.1%}.marker--9{left:50%;top:82%}.marker--10{left:50%;top:94.5%;font-size:clamp(.34rem,.62vw,.55rem)}
.role-panel{display:block;padding:11px;background:#eff0eb;border-radius:17px}.role-panel .mini-label{margin:0 0 8px}.role-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px}.role-grid .role{grid-template-columns:24px minmax(0,1fr);gap:6px;min-width:0;margin:0;padding:6px;border-radius:8px}.role-grid .role>span{width:22px;height:22px;font-size:.58rem}.role-grid .role strong{font-size:.58rem}.role-grid .role small{font-size:.52rem}.role-panel .continuity{margin-top:8px;padding:9px 11px}.role-panel .continuity strong{font-size:.95rem}
.library-preview{overflow:hidden;border:1px solid #d8dbd2;border-radius:17px;background:#fff;box-shadow:0 10px 30px rgba(12,21,17,.08)}.library-preview__pitch{display:grid;width:100%;aspect-ratio:1.48/1;place-items:end center;overflow:hidden;background:#183629}.library-preview__pitch .authentic-pitch{height:90%}.library-preview__body{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:15px 16px 9px}.library-preview__body>div{display:flex;min-width:0;flex-direction:column}.library-preview__body strong{font-size:.88rem}.library-preview__body span:not(.pill){color:#78827b;font-size:.68rem}.library-preview__actions{display:flex;gap:8px;padding:0 16px 15px}.library-preview__actions span{padding:6px 10px;border:1px solid #d9ddd5;border-radius:8px;font-size:.66rem;font-weight:800}
@media(max-width:780px){.role-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.role-grid .role:last-child{grid-column:auto}.authentic-pitch .marker{font-size:clamp(.4rem,1.7vw,.62rem)}}
@media(max-width:420px){.role-grid{grid-template-columns:1fr 1fr}.role-grid .role{grid-template-columns:21px minmax(0,1fr);padding:5px}.role-grid .role>span{width:19px;height:19px}.role-grid .role strong{font-size:.54rem}.role-grid .role small{font-size:.48rem}.library-preview__body{padding-inline:12px}.library-preview__actions{padding-inline:12px;flex-wrap:wrap}}

/* Matchday substitution example and professional trust icon. */
.matchday-example{margin-top:30px;padding:14px;border-radius:17px;background:var(--ink);color:#fff;box-shadow:0 14px 32px rgba(12,21,17,.14)}.matchday-example__top{display:flex;align-items:center;justify-content:space-between;padding:2px 2px 12px;color:#aeb8b2;font-size:.62rem;font-weight:900;letter-spacing:.13em}.matchday-example__top strong{color:var(--lime);font-size:.88rem;letter-spacing:0}.substitution-flow{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:8px;align-items:center;padding:10px;border:1px solid #2d3b34;border-radius:12px;background:#101a15}.substitution-player{display:flex;min-width:0;align-items:center;gap:8px}.player-number{display:grid;flex:0 0 auto;width:30px;height:30px;place-items:center;border-radius:50%;font-size:.65rem;font-style:normal;font-weight:900}.player-number--off{background:#ffe8e3;color:#9f321f}.player-number--on{background:var(--lime);color:var(--ink)}.substitution-player>span{display:flex;min-width:0;flex-direction:column}.substitution-player small{color:#8d9991;font-size:.5rem;font-weight:900;letter-spacing:.1em}.substitution-player strong{overflow:hidden;font-size:.68rem;text-overflow:ellipsis;white-space:nowrap}.substitution-arrow{color:#758179;font-weight:900}.affected-routines{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:9px;align-items:center;margin-top:9px;padding:10px;border-radius:12px;background:#f0f2ec;color:var(--ink)}.affected-count{display:grid;width:32px;height:32px;place-items:center;border-radius:9px;background:var(--lime);font-size:1rem;font-weight:950}.affected-routines>div{display:flex;min-width:0;flex-direction:column}.affected-routines strong{font-size:.65rem}.affected-routines small{color:#69746c;font-size:.54rem}.review-action{color:#517900;font-size:.56rem;font-weight:900;white-space:nowrap}.trust-icon svg{width:25px;height:25px;stroke:var(--ink);stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
@media(max-width:520px){.substitution-flow{grid-template-columns:1fr}.substitution-arrow{transform:rotate(90deg);text-align:center}.affected-routines{grid-template-columns:auto minmax(0,1fr)}.review-action{grid-column:1/-1;padding-left:41px}.matchday-example{margin-top:24px}}