:root{--ink:#14211e;--muted:#71807d;--line:#dfe6e2;--paper:#f7f9f7;--lime:#a8f52e;--lime-dark:#609900;--forest:#113c35;--cream:#f3f4eb;--orange:#f2673d}


*{box-sizing:border-box}


html{scroll-behavior:smooth}


body{margin:0;background:var(--paper);color:var(--ink);font:14px/1.45 Manrope,Arial,sans-serif}


.app-shell{display:flex;min-height:100vh}


.sidebar{width:260px;background:#fff;border-right:1px solid var(--line);padding:28px 18px 18px;display:flex;flex-direction:column;position:sticky;top:0;height:100vh}


.brand{display:flex;align-items:center;gap:10px;color:var(--ink);text-decoration:none;font-size:18px;font-weight:800;letter-spacing:-.7px;padding:0 8px}


.brand em{font-style:normal;color:#6d786f}


.brand-mark{display:flex;align-items:flex-end;gap:2px;width:22px;height:22px}


.brand-mark i{display:block;width:6px;background:var(--lime);border-radius:3px}


.brand-mark i:nth-child(1){height:10px}


.brand-mark i:nth-child(2){height:16px}


.brand-mark i:nth-child(3){height:22px}


.nav-list{display:grid;gap:6px;margin-top:48px}


.nav-item{display:flex;gap:13px;align-items:center;padding:11px 12px;border-radius:9px;text-decoration:none;color:#64706d;font-weight:700}


.nav-item span{font-size:18px;width:18px;text-align:center}


.nav-item:hover,.nav-item.active{color:var(--ink);background:#eef3ef}


.nav-item.active{box-shadow:inset 3px 0 0 var(--lime)}


.sidebar-bottom{margin-top:auto}


.privacy-card{border:1px solid var(--line);background:#f5f8f3;border-radius:12px;padding:14px;margin:16px 0}


.eyebrow{color:#82908b;font:500 10px/1.1 'DM Mono',monospace;letter-spacing:.09em}


.privacy-card strong{display:block;font-size:12px;margin-top:8px}


.privacy-card strong b{display:inline-block;width:7px;height:7px;background:#72b519;border-radius:50%;margin-right:5px}


.privacy-card p{font-size:11px;color:var(--muted);margin:4px 0 8px}


.text-button{border:0;background:none;padding:0;color:#44734a;font:700 12px Manrope;cursor:pointer}


.account{border-top:1px solid var(--line);padding:17px 6px 0;display:flex;align-items:center;gap:9px}


.avatar{border-radius:50%;background:linear-gradient(135deg,#d88449,#55392c);display:grid;place-items:center;color:white;font-size:19px;font-weight:800;position:relative}


.avatar.mini{width:32px;height:32px;font-size:10px}


.account strong,.account small{display:block;font-size:11px}


.account small{color:var(--muted);font-size:10px}


.account button{margin-left:auto;background:none;border:0;color:var(--muted);cursor:pointer}


main{flex:1;min-width:0;max-width:1500px;margin:auto}


.topbar{height:74px;padding:0 46px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;background:rgba(247,249,247,.8);backdrop-filter:blur(12px);position:sticky;top:0;z-index:5}


.crumb{color:var(--muted);font-size:12px}


.crumb b{margin:0 10px;color:#b0bbb6}


.crumb strong{color:var(--ink)}


.top-actions{display:flex;gap:11px;align-items:center}


.icon-button,.round-button{border:1px solid var(--line);height:35px;width:35px;border-radius:9px;background:#fff;cursor:pointer;position:relative}


.icon-button b{position:absolute;width:6px;height:6px;background:var(--orange);border-radius:50%;top:7px;right:7px}


.share-button,.primary-button,.secondary-button,.outline-button,.soft-button{border:0;border-radius:8px;padding:10px 14px;font:800 12px Manrope;cursor:pointer}
.primary-button,.secondary-button,.outline-button,.soft-button{text-decoration:none;display:inline-flex;align-items:center;justify-content:center}


.share-button{background:var(--ink);color:white}


.hero{padding:40px 46px 0;background:#fff;border-bottom:1px solid var(--line)}


.hero-top{display:flex;justify-content:space-between;gap:20px}


.player-identity{display:flex;gap:18px;align-items:center}


.avatar.large{width:84px;height:84px;font-size:24px;border:3px solid white;box-shadow:0 2px 9px #0002}


.avatar.large span{position:absolute;right:-5px;bottom:0;background:var(--lime);color:var(--ink);border:2px solid white;border-radius:5px;padding:1px 4px;font:700 9px 'DM Mono'}


.title-row{display:flex;align-items:center;gap:7px}


.title-row h1{letter-spacing:-1.2px;font-size:28px;margin:0}


.verified{background:#2772c8;color:#fff;border-radius:50%;width:16px;height:16px;display:grid;place-items:center;font-size:11px}


.player-identity p{margin:4px 0 10px;color:var(--muted);font-size:13px}


.player-identity p span{margin:0 6px;color:#bbc5c0}


.pill-row{display:flex;flex-wrap:wrap;gap:6px}


.pill{font:600 10px 'DM Mono';background:#edf1ee;color:#61706b;padding:5px 7px;border-radius:4px}


.pill.strong{background:#eef8dc;color:#557e12}


.hero-cta{text-align:right;display:flex;flex-direction:column;align-items:end;gap:10px}


.last-updated{font-size:11px;color:var(--muted)}


.primary-button{background:var(--lime);color:#17200d;box-shadow:0 2px 0 #6c9a1c}


.profile-tabs{display:flex;gap:27px;margin-top:34px}


.profile-tab{padding:0 1px 13px;border:0;background:none;color:var(--muted);font:700 12px Manrope;cursor:pointer;border-bottom:2px solid transparent}


.profile-tab.selected{color:var(--ink);border-color:var(--lime)}


.metrics-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;padding:26px 46px}


.metric-card{background:white;border:1px solid var(--line);border-radius:11px;padding:18px;min-height:149px}


.rating{background:var(--forest);color:white;border-color:var(--forest)}


.rating .eyebrow{color:#a6c1b8}


.rating-score{font:800 42px/1 Manrope;letter-spacing:-2px;margin-top:9px}


.rating-score span{font-size:22px;color:#b1d1bf}


.rating p{font-size:11px;margin:7px 0}


.rating p b{color:var(--lime)}


.rating-scale{height:4px;background:#41645c;border-radius:5px;position:relative;margin:11px 0 5px}


.rating-scale i{display:block;width:88%;height:100%;background:var(--lime);border-radius:5px}


.rating small{font-size:9px;color:#afc5be}


.interest{display:flex;align-items:center;gap:11px;margin-top:10px}


.interest b,.film-total b,.complete b{font-size:31px;letter-spacing:-1.5px}


.interest span,.film-total span{font-size:10px;color:var(--muted);line-height:1.25}


.stacked-avatars{display:flex;margin-top:13px}


.stacked-avatars i{height:23px;width:23px;border-radius:50%;border:2px solid white;display:grid;place-items:center;background:#e8e7e3;color:#525d58;font:700 7px 'DM Mono';margin-left:-5px}


.stacked-avatars i:first-child{margin-left:0;background:#ef7f36;color:white}


.stacked-avatars i:nth-child(2){background:#684398;color:white}


.film-total{display:flex;align-items:baseline;gap:7px;margin-top:10px}


.progress{height:5px;background:#e5eae7;border-radius:5px;margin:15px 0 6px}


.progress i{display:block;background:var(--forest);width:72%;height:100%;border-radius:5px}


.progress.green i{background:#75bf16;width:92%}


.metric-card small{font-size:10px;color:var(--muted)}


.complete{display:flex;align-items:baseline;gap:7px;margin-top:10px}


.complete span{font:700 10px Manrope;color:#639412}


.metric-card .text-button{font-size:10px}


.content-grid{display:grid;grid-template-columns:minmax(0,1.48fr) minmax(300px,.86fr);gap:15px;padding:0 46px 28px}


.left-column,.right-column{display:grid;gap:15px;align-content:start}


.panel{background:#fff;border:1px solid var(--line);border-radius:11px;padding:20px}


.panel-head{display:flex;align-items:start;justify-content:space-between;gap:14px}


.panel h2{font-size:16px;letter-spacing:-.4px;margin:5px 0 0}


.video-frame{height:260px;border-radius:8px;margin-top:18px;background:linear-gradient(160deg,#87b565 0%,#557f3b 40%,#2e6037 100%);position:relative;overflow:hidden}


.yard-lines{position:absolute;inset:0;opacity:.28;background:repeating-linear-gradient(90deg,transparent 0 66px,#fff 67px 69px,transparent 70px 132px),linear-gradient(#ffffff33 1px,transparent 1px);background-size:auto,100% 42px}


.video-overlay{position:absolute;inset:0;z-index:2;background:linear-gradient(180deg,#001b0b35 20%,#0016098a 100%);padding:16px;display:flex;flex-direction:column;align-items:center;justify-content:center}


.clip-label{position:absolute;top:14px;left:14px;color:white;background:#14251bb9;border:1px solid #ffffff55;border-radius:3px;padding:4px 6px;font:500 9px 'DM Mono';letter-spacing:.06em}


.play-button{height:52px;width:52px;border-radius:50%;border:1px solid #ffffffaa;background:#ffffff22;color:white;font-size:17px;padding-left:4px;cursor:pointer;backdrop-filter:blur(3px)}


.video-caption{position:absolute;bottom:14px;left:15px;color:#fff;display:grid}


.video-caption b{font-size:12px}


.video-caption span{font-size:10px;opacity:.8}


.player-dot{position:absolute;z-index:1;width:12px;height:12px;border:2px solid white;border-radius:50%;box-shadow:0 0 0 4px #14392388}


.player-dot.one{top:47%;left:60%;background:var(--lime)}


.player-dot.two{top:38%;left:49%;background:#e25c3b}


.player-dot.three{top:66%;left:67%;background:#e25c3b}


.film-insight{display:flex;align-items:center;gap:9px;background:#f1f8e7;padding:11px 12px;border-radius:7px;margin-top:12px;font-size:11px}


.film-insight p{margin:0;flex:1}


.film-insight button{background:none;border:0;font-size:18px;cursor:pointer}


.spark{color:#659c12;font-size:16px}


.trend-panel select{border:1px solid var(--line);background:#fff;border-radius:6px;padding:7px;font:600 10px Manrope;color:var(--ink)}


.chart-wrap{height:205px;margin-top:18px;display:grid;grid-template-columns:23px 1fr;grid-template-rows:175px 20px}


.chart-axis{display:flex;flex-direction:column;justify-content:space-between;color:#9aa6a2;font:9px 'DM Mono';padding-bottom:5px}


.chart-wrap svg{height:175px;width:100%}


.chart-grid{stroke:#e6ece8;stroke-width:1}


.area{fill:url(#fill)}


.line{stroke:#78bb18;fill:none;stroke-width:3}


.chart-wrap circle{fill:#78bb18;stroke:white;stroke-width:3}


.chart-labels{grid-column:2;display:flex;justify-content:space-between;padding-top:5px;color:#95a19d;font:9px 'DM Mono'}


.trend-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;border-top:1px solid var(--line);padding-top:13px}


.trend-summary span{display:block;color:#899590;font:9px 'DM Mono'}


.trend-summary strong{display:block;font-size:15px;margin-top:2px}


.trend-summary small{display:block;font:10px Manrope;color:var(--muted)}


.muted{font-size:11px;color:var(--muted);margin:12px 0}


.school-list{display:grid;gap:2px}


.school{display:grid;grid-template-columns:34px 1fr auto;gap:9px;align-items:center;padding:10px 0;border-bottom:1px solid #edf0ee;position:relative}


.school-logo{height:29px;width:29px;border-radius:6px;color:white;display:grid;place-items:center;font:700 10px 'DM Mono'}


.burnt{background:#bd542e}


.purple{background:#53368c}


.green{background:#1a654d}


.school div{min-width:0}


.school strong,.school small{display:block}


.school strong{font-size:11px}


.school small{color:var(--muted);font-size:9px}


.school>b{font-size:15px;color:#568b0c}


.school>b small{font-size:9px;display:inline;color:#568b0c}


.match-label{grid-column:2;font-size:9px;color:#629713;margin-top:-7px}


.outline-button{width:100%;margin-top:15px;background:white;color:#38623a;border:1px solid #b8cbb9}


.activity-list{margin:13px 0}


.activity-list>div{display:flex;gap:9px;border-bottom:1px solid #edf0ee;padding:10px 0}


.activity-icon{height:25px;width:25px;display:grid;place-items:center;border-radius:7px;font-size:12px}


.eye{background:#ebf4df;color:#679b11}


.save{background:#e6f2eb;color:#317754}


.fit{background:#fff0e9;color:#dd6843}


.activity-list p{margin:0;font-size:10px;line-height:1.5}


.activity-list small{display:block;color:var(--muted);font-size:9px}


.soft-button{width:100%;background:#f1f4f1;color:#416b44}


.ownership-banner{margin:0 46px 38px;padding:19px 21px;border-radius:11px;background:linear-gradient(100deg,#eaf7d6,#f8faed);display:flex;align-items:center;justify-content:space-between;gap:15px;border:1px solid #d9eac6}


.ownership-banner>div{display:flex;gap:10px;align-items:center}


.ownership-banner strong{font-size:13px}


.ownership-banner p{margin:3px 0 0;font-size:10px;color:#637166}


.secondary-button{background:var(--forest);color:#fff;white-space:nowrap}


.mobile-menu{display:none}


.toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%,20px);opacity:0;background:#14211e;color:#fff;border-radius:7px;padding:10px 14px;font:600 12px Manrope;transition:.25s;z-index:10;pointer-events:none}


.toast.show{transform:translate(-50%,0);opacity:1}


@media(max-width:1050px){.sidebar{width:215px}


.metrics-grid{grid-template-columns:repeat(2,1fr)}


.content-grid{grid-template-columns:1fr}


.right-column{grid-template-columns:1fr 1fr}


.hero,.topbar,.metrics-grid,.content-grid{padding-left:28px;padding-right:28px}


.ownership-banner{margin-left:28px;margin-right:28px}


}


@media(max-width:720px){.sidebar{display:none}


.topbar{padding:0 18px;height:60px}


.mobile-menu{display:block;border:0;background:none;font-size:20px}


.crumb{display:none}


.hero{padding:24px 18px 0}


.hero-top{display:block}


.hero-cta{display:flex;align-items:start;text-align:left;margin:15px 0}


.metrics-grid,.content-grid{padding:18px}


.metrics-grid{grid-template-columns:1fr 1fr;gap:9px}


.metric-card{padding:13px;min-height:128px}


.rating-score{font-size:34px}


.right-column{grid-template-columns:1fr}


.video-frame{height:210px}


.profile-tabs{gap:16px;overflow:auto;margin-top:22px}


.profile-tab{white-space:nowrap}


.ownership-banner{margin:0 18px 24px;align-items:start;flex-direction:column}


.top-actions .icon-button{display:none}


.share-button{padding:8px 10px}


.avatar.large{width:65px;height:65px}


.title-row h1{font-size:23px}


.trend-summary{grid-template-columns:1fr}


.trend-summary>div{border-bottom:1px solid var(--line);padding-bottom:7px}


.trend-summary>div:last-child{border:0}


.panel{padding:16px}


}



/* Shared product navigation */
.product-page,.admin-body,.recruiter-body{background:#f5f7f5}


.product-nav,.market-nav{height:72px;display:flex;align-items:center;justify-content:space-between;padding:0 max(28px,calc((100vw - 1320px)/2));background:#fff;border-bottom:1px solid var(--line);gap:25px}


.product-nav nav,.market-nav nav{display:flex;align-items:center;gap:25px;margin-left:auto}


.product-nav nav a,.market-nav nav a{font-size:12px;font-weight:700;color:#6c7874;text-decoration:none}


.product-nav nav a.active,.product-nav nav a:hover,.market-nav nav a:hover{color:var(--ink)}


.product-nav .outline-button{padding:8px 11px;width:auto;margin:0}


.page-wrap,.admin-wrap{max-width:1320px;margin:auto;padding:38px 30px 60px}


.team-hero,.program-hero{display:flex;align-items:center;gap:18px;background:#fff;border:1px solid var(--line);border-radius:13px;padding:23px}


.team-hero h1,.program-hero h1,.admin-title h1{font-size:29px;letter-spacing:-1.2px;margin:4px 0}


.team-hero p,.program-hero p,.admin-title p{color:var(--muted);font-size:13px;margin:0 0 11px}


.team-hero .primary-button,.program-hero .primary-button{margin-left:auto}


.team-crest,.longhorn-mark{height:72px;width:72px;border-radius:13px;background:linear-gradient(135deg,#294d47,#14372f);color:var(--lime);display:grid;place-content:center;text-align:center;font:800 27px Manrope}


.team-crest small{font:500 7px 'DM Mono';letter-spacing:.1em;color:#d5e7dd}


.longhorn-mark{background:#b8512e;color:#fff;font:800 38px Georgia}


.team-tabs{display:flex;gap:26px;border-bottom:1px solid var(--line);padding:20px 8px 0;margin-bottom:20px}


.team-tabs a{padding-bottom:12px;color:var(--muted);font:700 12px Manrope;text-decoration:none}


.team-tabs a.selected{color:var(--ink);border-bottom:2px solid var(--lime)}


.team-layout,.program-layout,.admin-grid{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(280px,.7fr);gap:17px}


.team-layout>div,.program-layout>div,.admin-grid>div{display:grid;gap:17px;align-content:start}


.team-layout aside,.program-layout aside,.admin-grid aside{display:grid;gap:17px;align-content:start}


.chip-group{display:flex;gap:5px}

.chip{border:1px solid var(--line);border-radius:99px;background:#fff;color:#6f7c77;padding:5px 8px;font:700 10px Manrope;cursor:pointer}

.chip.selected{background:#edf6df;border-color:#d3e6b3;color:#527b0d}


.roster-table{margin-top:15px}

.roster-row{display:grid;grid-template-columns:34px 1.6fr .5fr .65fr .8fr 16px;gap:8px;align-items:center;padding:10px 5px;border-bottom:1px solid #edf0ee;text-decoration:none;color:var(--ink);font-size:11px}

.roster-row.table-head{font:500 9px 'DM Mono';color:#94a09b;padding-top:0}

.player-cell{display:flex;align-items:center;gap:8px}

.player-cell p{margin:0}

.player-cell b,.player-cell small{display:block}

.player-cell small{font-size:9px;color:var(--muted)}


.tiny-avatar{height:28px;width:28px;background:linear-gradient(135deg,#c98344,#55392c);border-radius:50%;display:grid;place-items:center;color:#fff;font:700 8px 'DM Mono'}

.tiny-avatar.blue{background:#385f96}

.tiny-avatar.red{background:#bd5940}

.tiny-avatar.greenish{background:#356c53}

.verified-label,.pending-label{font:700 9px Manrope;color:#56910b}

.pending-label{color:#bd7b21}

.full{width:100%;margin-top:14px}


.game-list .game{display:grid;grid-template-columns:42px 1fr auto auto;gap:10px;align-items:center;padding:12px 0;border-bottom:1px solid #edf0ee}

.game>span b,.game>span small{display:block}

.game>span b{color:#66a317;font-size:15px}

.game>span small{font:9px 'DM Mono';color:var(--muted)}

.game p{margin:0}

.game p strong,.game p small{display:block;font-size:11px}

.game p small{color:var(--muted);font-size:9px}

.game em{font-style:normal;font:700 12px 'DM Mono'}

.game button{border:0;background:#eff3ef;color:#52714e;border-radius:5px;padding:6px;font:700 9px Manrope;cursor:pointer}


.stat-pairs{display:grid;grid-template-columns:1fr 1fr;margin:15px 0}

.stat-pairs div{padding:10px;border-bottom:1px solid #edf0ee}

.stat-pairs b,.stat-pairs span{display:block}

.stat-pairs b{font-size:19px}

.stat-pairs span{font-size:9px;color:var(--muted)}

.coach-card>div{display:flex;gap:9px;align-items:center;margin:14px 0}

.coach-photo{height:34px;width:34px;border-radius:50%;display:grid;place-items:center;background:#dde8dd;color:#3a683a;font:700 9px 'DM Mono'}

.coach-card p{margin:0}

.coach-card b,.coach-card small{display:block;font-size:10px}

.coach-card small{color:var(--muted);font-size:9px}

.inline{display:inline-block;text-decoration:none;margin-top:10px}



/* Marketing home */
.marketing{background:#fbfcf8}

.marketing .primary-button,.market-nav .primary-button{display:inline-block;text-decoration:none}

.market-nav{max-width:none;padding-left:4.5vw;padding-right:4.5vw}

.market-nav nav{margin:auto}

.login-link{color:#5b6762;text-decoration:none;font:700 12px Manrope;margin-right:14px}

.market-hero{min-height:610px;padding:80px max(5vw,40px) 65px;display:grid;grid-template-columns:1.02fr .98fr;gap:65px;align-items:center;background:radial-gradient(circle at 80% 10%,#e2f7be 0,transparent 27%),linear-gradient(180deg,#fff 0,#f4f9eb 100%)}

.announcement{display:inline-block;border-radius:99px;background:#edf7d9;color:#5d891c;padding:6px 10px;font:600 10px 'DM Mono';letter-spacing:.02em}

.market-hero h1{font-size:clamp(44px,5vw,72px);line-height:1.02;letter-spacing:-3.4px;max-width:680px;margin:18px 0}

.market-hero h1 em{font-style:normal;color:#72a91b}

.market-hero>div>p{font-size:17px;line-height:1.6;max-width:590px;color:#64716c}

.hero-buttons{display:flex;align-items:center;gap:18px;margin-top:28px}

.big{padding:14px 18px;font-size:13px}

.under-button{color:#395e3d;font:800 12px Manrope}

.trust-line{display:flex;gap:17px;margin-top:25px;color:#6c7873;font-size:10px;font-weight:700}

.hero-product{height:405px;position:relative}

.profile-preview{position:absolute;right:8%;top:20px;width:min(390px,90%);background:white;border:1px solid #dce7d7;border-radius:15px;padding:16px;box-shadow:0 24px 50px #25451c1c;transform:rotate(2deg)}

.preview-top{font:500 9px 'DM Mono';letter-spacing:.08em;color:#83908b;border-bottom:1px solid #edf0ed;padding-bottom:11px}

.preview-top b{float:right;color:#9ca8a2}

.live-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:#7ebd1a;margin-right:4px}

.preview-person{display:flex;align-items:center;gap:10px;padding:15px 0}

.preview-person .avatar.large{width:56px;height:56px;font-size:16px}

.preview-person h3{margin:0;font-size:16px;letter-spacing:-.6px}

.preview-person h3 i{font-style:normal;background:#2876cc;color:#fff;border-radius:50%;font-size:9px;padding:1px 3px}

.preview-person p{font-size:10px;color:var(--muted);margin:2px 0}

.preview-person span{font:500 8px 'DM Mono';background:#eef5df;padding:4px}

.preview-film{height:105px;border-radius:8px;background:linear-gradient(135deg,#81a65e,#346238);color:white;display:flex;align-items:center;gap:9px;padding:12px;position:relative;overflow:hidden}
.preview-film{text-decoration:none}

.preview-film:before{content:"";position:absolute;inset:0;opacity:.25;background:repeating-linear-gradient(90deg,transparent 0 43px,#fff 44px 46px,transparent 47px 86px)}

.preview-film span{position:relative;border:1px solid #fff9;border-radius:50%;height:34px;width:34px;display:grid;place-items:center;padding-left:3px}

.preview-film p{position:relative;margin:0;font-size:11px}

.preview-film small{display:block;font-size:9px;opacity:.8}

.preview-film b{position:relative;margin-left:auto;font:500 9px 'DM Mono'}

.preview-data{display:grid;grid-template-columns:repeat(3,1fr);padding-top:14px}

.preview-data small,.preview-data b{display:block}

.preview-data small{font:9px 'DM Mono';color:#8b9893}

.preview-data b{font-size:14px}

.floating-tag{position:absolute;z-index:2;background:#fff;border:1px solid #dfe8da;border-radius:8px;padding:9px 12px;box-shadow:0 12px 22px #233a1f14;color:#5c9211;font-size:18px;font-weight:800}

.floating-tag small{display:block;color:#68746e;font:500 8px 'DM Mono';margin-top:1px}

.tag-one{left:2%;bottom:65px;transform:rotate(-5deg)}

.tag-two{right:1%;top:0;transform:rotate(4deg)}

.logo-strip{padding:22px 5vw;display:flex;justify-content:space-between;align-items:center;background:#143c35;color:#b9ccc4}

.logo-strip span{font:500 9px 'DM Mono';letter-spacing:.08em}

.logo-strip div{display:flex;gap:34px}

.logo-strip b{font-size:10px;letter-spacing:.05em}

.value-section{max-width:1250px;margin:auto;padding:95px 30px}

.section-intro h2{font-size:36px;letter-spacing:-1.4px;margin:8px 0}

.section-intro p{max-width:490px;color:var(--muted);font-size:14px}

.value-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin-top:34px}

.value-grid article{border:1px solid var(--line);border-radius:12px;padding:25px;min-height:240px;background:#fff}

.value-num{color:#81b922;font:500 12px 'DM Mono'}

.value-grid h3{font-size:17px;margin:31px 0 8px}

.value-grid p{font-size:12px;color:var(--muted);line-height:1.65}

.value-grid a{font-size:11px;font-weight:800;color:#3e6c43;text-decoration:none}

.network-section{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center;background:#eef6e2;padding:90px max(5vw,40px)}

.network-section h2{font-size:38px;letter-spacing:-1.7px;margin:7px 0}

.network-section>div>p{max-width:490px;color:#68746e;font-size:14px}

.network-section ul{list-style:none;padding:0;margin:25px 0}

.network-section li{margin:11px 0;font-size:12px;font-weight:700}

.network-section li:before{content:"✓";color:#659b14;margin-right:8px}

.network-board{background:#fff;border:1px solid #dbe9d2;border-radius:12px;padding:14px;box-shadow:0 18px 44px #31461916}

.board-head{display:flex;justify-content:space-between;border-bottom:1px solid #edf0ed;padding:5px 3px 13px;font:700 11px 'DM Mono'}

.board-head b{color:#6d7d74;font:500 9px 'DM Mono'}

.board-row{display:grid;grid-template-columns:24px 27px 1fr auto 40px;gap:8px;align-items:center;padding:10px 3px;border-bottom:1px solid #f0f2f0}

.rank{font:500 9px 'DM Mono';color:#8e9b95}

.board-row p{margin:0}

.board-row p b,.board-row p small{display:block;font-size:10px}

.board-row p small{font-size:8px;color:var(--muted)}

.signal{font:700 10px 'DM Mono'}

.signal.up{color:#6ca216}

.signal.neutral{color:#6e7a75}

.board-row button{border:0;background:#eff3ef;border-radius:4px;color:#4f734f;font:700 8px Manrope;padding:5px}

.board-note{background:#f0f8e3;color:#597f17;padding:9px;border-radius:6px;margin-top:11px;font-size:10px;font-weight:700}

.trust-section{padding:92px max(5vw,40px);max-width:1250px;margin:auto}

.trust-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:45px;margin-top:35px}

.trust-grid b{height:34px;width:34px;background:#eff6e6;color:#639d0d;border-radius:8px;display:grid;place-items:center}

.trust-grid h3{font-size:14px;margin:14px 0 5px}

.trust-grid p{font-size:11px;color:var(--muted);margin:0}

.final-cta{text-align:center;padding:95px 30px;background:linear-gradient(135deg,#173f38,#1b5145);color:white}

.final-cta .eyebrow{color:#b8d3c5}

.final-cta h2{font-size:42px;letter-spacing:-1.8px;margin:9px 0}

.final-cta p{font-size:13px;color:#c2d4cc;margin-bottom:25px}

.final-cta .primary-button{display:inline-block;text-decoration:none}

footer{padding:25px 5vw;display:flex;align-items:center;justify-content:space-between;color:#87938e;font-size:10px;background:#fff}

footer .brand{font-size:15px}

footer div{display:flex;gap:16px}

footer a{color:#68736e;text-decoration:none;font-weight:700}


/* College program page */
.match-hero{display:flex;align-items:center;justify-content:space-between;gap:25px;background:linear-gradient(135deg,#193f38,#235447);color:#fff}
.match-hero .eyebrow{color:#b5cfc3}
.match-hero h2{font-size:24px;letter-spacing:-.8px;margin:7px 0}
.match-hero p{font-size:12px;line-height:1.6;color:#c7d8d0;max-width:430px}
.fit-ring{height:118px;width:118px;border-radius:50%;background:conic-gradient(var(--lime) 0 94%,#52716a 94%);display:grid;place-content:center;text-align:center;position:relative;flex:none}
.fit-ring:before{content:"";position:absolute;inset:8px;border-radius:50%;background:#214b41}
.fit-ring b,.fit-ring span{position:relative}
.fit-ring b{font-size:29px;letter-spacing:-1px}
.fit-ring b small{font-size:13px}
.fit-ring span{font-size:9px;color:#c8d9d1}
.program-facts{display:grid;grid-template-columns:repeat(2,1fr);margin-top:14px}
.program-facts div{padding:13px 9px;border-top:1px solid #edf0ee}
.program-facts small,.program-facts b,.program-facts span{display:block}
.program-facts small{font:500 9px 'DM Mono';color:#8b9691}
.program-facts b{font-size:14px;margin:2px 0}
.program-facts span{font-size:9px;color:var(--muted)}
.private-badge{font:600 9px 'DM Mono';background:#edf3eb;color:#718078;padding:5px 7px;border-radius:4px}
.need-row{display:grid;grid-template-columns:1fr auto;gap:8px;align-items:end;padding:12px 0;border-bottom:1px solid #edf0ee}
.need-row div b,.need-row div span{display:block;font-size:11px}
.need-row div span{font-size:9px;color:var(--muted)}
.need-row strong{font-size:10px;color:#679a16}
.need-row i{grid-column:1/3;height:4px;background:#edf1ed;border-radius:5px}
.need-row i em{display:block;height:100%;border-radius:5px;background:#80be1d}
.trait-list{margin-top:14px}
.trait-list p{display:flex;justify-content:space-between;border-bottom:1px solid #edf0ee;padding:9px 0;margin:0;font-size:10px}
.trait-list span{color:var(--muted)}
.program-story{background:#f1f7e9}
.program-story blockquote{font-size:15px;line-height:1.5;margin:15px 0 5px;font-weight:700}
.program-story p{font-size:10px;color:var(--muted);margin:0}
.action-list{padding-left:17px;color:#53635b;font-size:11px;line-height:2;margin:12px 0}


/* Recruiter workspace */
.recruiter-body{display:flex;min-height:100vh}
.recruiter-side{width:235px;background:#fff;border-right:1px solid var(--line);padding:26px 15px;display:flex;flex-direction:column}
.workspace-label{display:block;margin:34px 8px 11px;color:#84908c;font:500 9px 'DM Mono';letter-spacing:.06em}
.recruiter-side nav{display:grid;gap:5px}
.recruiter-side nav a{border-radius:7px;color:#65716d;text-decoration:none;padding:10px;font-size:11px;font-weight:700}
.recruiter-side nav a.active{background:#eff4ef;color:var(--ink);box-shadow:inset 3px 0 0 var(--lime)}
.recruiter-side nav a b{float:right;background:#dfead3;color:#659515;border-radius:9px;padding:1px 5px;font-size:9px}
.recruiter-user{display:flex;align-items:center;gap:8px;border-top:1px solid var(--line);margin-top:auto;padding:15px 6px 0}
.recruiter-user p{margin:0}
.recruiter-user b,.recruiter-user small{display:block;font-size:10px}
.recruiter-user small{font-size:9px;color:var(--muted)}
.recruiter-user button{margin-left:auto;border:0;background:none;color:#85918c}
.recruiter-main{min-width:0;flex:1;max-width:1350px;padding:35px 42px}
.recruiter-top{display:flex;justify-content:space-between;align-items:center}
.recruiter-top h1{font-size:27px;letter-spacing:-1.1px;margin:5px 0}
.recruiter-top>div:last-child{display:flex;gap:10px;align-items:center}
.recruiter-stats,.admin-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:25px 0}
.recruiter-stats article,.admin-kpis article{background:#fff;border:1px solid var(--line);border-radius:9px;padding:15px}
.recruiter-stats b,.admin-kpis b{display:block;font-size:26px;letter-spacing:-1.2px;margin-top:7px}
.recruiter-stats p,.admin-kpis p{font-size:9px;color:var(--muted);margin:3px 0}
.recruiter-stats p i{font-style:normal;color:#6fa816;font-weight:700}
.recruiter-grid{display:grid;grid-template-columns:minmax(0,1.52fr) minmax(280px,.72fr);gap:16px}
.recruiter-grid>div,.recruiter-grid aside{display:grid;gap:16px;align-content:start}
.search-string{margin:14px 0;background:#f0f5ed;color:#5f7066;border-radius:6px;padding:9px;font:500 9px 'DM Mono'}
.prospect-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}
.prospect-cards article{border:1px solid #e5ebe7;border-radius:8px;padding:12px}
.card-top{display:flex;justify-content:space-between;align-items:center}
.card-top span{background:#eef7e0;color:#639c11;border-radius:4px;padding:4px;font:700 9px 'DM Mono'}
.prospect-cards h3{font-size:12px;margin:13px 0 2px}
.prospect-cards p{font-size:9px;color:var(--muted);margin:0}
.card-tags{display:flex;flex-wrap:wrap;gap:4px;margin:11px 0}
.card-tags b{font:500 8px 'DM Mono';background:#f0f3f0;color:#66746d;padding:4px;border-radius:3px}
.card-bottom{border-top:1px solid #edf0ed;padding-top:9px;display:flex;justify-content:space-between;font-size:9px;font-weight:700}
.card-bottom a{color:#4c7c48;text-decoration:none}
.board-list{margin-top:13px}
.board-list-row{display:grid;grid-template-columns:1.4fr .5fr .8fr .35fr;gap:8px;align-items:center;border-bottom:1px solid #edf0ed;padding:10px 4px}
.board-list-row.header{font:500 8px 'DM Mono';color:#8b9690;padding-top:0}
.board-list-row p{margin:0}
.board-list-row p b,.board-list-row p small{display:block;font-size:10px}
.board-list-row p small{font-size:8px;color:var(--muted)}
.board-list-row strong{font:700 10px 'DM Mono';color:#629914}
.board-list-row i{height:21px;width:21px;border-radius:50%;display:grid;place-items:center;background:#e7eee5;color:#54734f;font:700 7px 'DM Mono';font-style:normal}
.stage{width:max-content;font-size:8px;font-weight:700;padding:4px 5px;border-radius:3px}
.stage.eval{background:#edf4de;color:#5e9114}
.stage.watch{background:#e9f1f4;color:#407080}
.stage.contact{background:#fff0e8;color:#bd6d34}
.film-assign>div{display:flex;align-items:center;gap:8px;border-bottom:1px solid #edf0ed;padding:11px 0}
.film-assign>div>span{height:27px;width:27px;border-radius:50%;display:grid;place-items:center;background:#e9f4de;color:#5c9511;font:700 8px 'DM Mono'}
.film-assign p{margin:0;flex:1}
.film-assign p b,.film-assign p small{display:block;font-size:10px}
.film-assign p small{font-size:8px;color:var(--muted)}
.film-assign button{border:0;background:#eef2ed;color:#50734e;border-radius:4px;padding:5px;font:700 8px Manrope}
.film-assign>a{display:block;margin-top:12px}
.activity-mini>div{display:flex;gap:7px;margin-top:12px}
.activity-mini i{font:700 8px 'DM Mono';height:22px;width:22px;border-radius:50%;background:#e7eee5;color:#527450;display:grid;place-items:center;font-style:normal}
.activity-mini p{margin:0;font-size:9px}
.activity-mini small{display:block;color:var(--muted);font-size:8px}
.tip-card{display:grid;grid-template-columns:22px 1fr;gap:8px;background:#173f38;color:#fff;border-radius:9px;padding:15px}
.tip-card span{color:var(--lime);font-size:16px}
.tip-card p{margin:0}
.tip-card b,.tip-card small{display:block;font-size:10px}
.tip-card small{color:#b4cbc1;font-size:9px;margin-top:2px}
.tip-card button{grid-column:2;justify-self:start;border:0;background:none;color:var(--lime);padding:0;font:700 9px Manrope}


/* Organization admin */
.admin-title{display:flex;justify-content:space-between;align-items:end}
.admin-title h1{font-size:31px}
.action-panel .panel-head{margin-bottom:8px}
.admin-task{display:grid;grid-template-columns:11px 1fr auto;gap:10px;align-items:center;border-top:1px solid #edf0ed;padding:13px 0}
.task-dot{height:8px;width:8px;border-radius:50%}
.task-dot.orange{background:#e3753a}
.task-dot.yellow{background:#e2b32f}
.task-dot.green{background:#78b51b}
.admin-task p{margin:0}
.admin-task b,.admin-task small{display:block;font-size:11px}
.admin-task small{font-size:9px;color:var(--muted)}
.admin-task button{border:0;border-radius:5px;background:#eff3ef;color:#50734e;padding:6px;font:700 9px Manrope}
.coverage-row{margin-top:14px}
.coverage-row p{display:flex;justify-content:space-between;margin:0 0 6px;font-size:10px}
.coverage-row p span{color:var(--muted)}
.coverage-row i{display:block;height:6px;border-radius:5px;background:#ebefec}
.coverage-row i em{display:block;height:100%;background:#7ab71b;border-radius:5px}
.outcome{display:flex;gap:10px;align-items:center;border-bottom:1px solid #edf0ed;padding:11px 0}
.outcome b{font-size:22px}
.outcome span{font-size:9px;color:var(--muted);line-height:1.3}
.settings-list{margin-top:13px}
.settings-list button{width:100%;display:flex;justify-content:space-between;border:0;border-bottom:1px solid #edf0ed;background:none;padding:11px 0;color:#4b5d54;font:700 10px Manrope;cursor:pointer}
.settings-list button b{color:#71936e}


@media(max-width:900px){.market-nav nav,.product-nav nav{display:none}
.market-hero,.network-section{grid-template-columns:1fr;gap:35px}
.hero-product{max-width:530px;width:100%;margin:auto}
.logo-strip{display:block;text-align:center}
.logo-strip div{justify-content:center;flex-wrap:wrap;margin-top:14px}
.team-layout,.program-layout,.admin-grid,.recruiter-grid{grid-template-columns:1fr}
.recruiter-side{display:none}
.recruiter-main{padding:28px}
.prospect-cards{grid-template-columns:repeat(3,1fr)}
}

@media(max-width:620px){.product-nav,.market-nav{height:62px;padding:0 17px}
.market-nav nav,.login-link{display:none}
.product-nav .outline-button{font-size:9px}
.page-wrap,.admin-wrap{padding:22px 16px 40px}
.market-hero{padding:56px 22px 50px}
.market-hero h1{letter-spacing:-2.3px}
.trust-line{flex-wrap:wrap}
.hero-product{height:350px}
.profile-preview{right:4%;width:92%}
.tag-two{right:0}
.value-section,.trust-section{padding:60px 22px}
.value-grid,.trust-grid{grid-template-columns:1fr}
.network-section{padding:60px 22px}
.team-hero,.program-hero{align-items:flex-start;flex-wrap:wrap}
.team-hero .primary-button,.program-hero .primary-button{margin-left:0}
.team-tabs{overflow:auto;white-space:nowrap}
.roster-row{grid-template-columns:25px 1.4fr .45fr .55fr 16px}
.roster-row span:nth-of-type(3),.roster-row .verified-label,.roster-row .pending-label{display:none}
.game-list .game{grid-template-columns:36px 1fr auto}
.game button{display:none}
.match-hero{display:block}
.fit-ring{margin:20px auto 0}
.recruiter-main{padding:22px 16px}
.recruiter-top{align-items:start}
.recruiter-top h1{font-size:21px}
.recruiter-top .icon-button{display:none}
.recruiter-stats,.admin-kpis{grid-template-columns:1fr 1fr}
.prospect-cards{grid-template-columns:1fr}
.admin-title{align-items:start;gap:10px;flex-direction:column}
.admin-task{grid-template-columns:10px 1fr}
.admin-task button{grid-column:2;justify-self:start}
.board-list-row{grid-template-columns:1.35fr .45fr .75fr .3fr}
.private-badge{display:none}
footer{flex-direction:column;gap:12px}
}

/* Athlete profile detail tabs */
.player-detail-panel{margin:0 46px 22px;padding:22px;display:grid;grid-template-columns:1.2fr .8fr;gap:25px;background:#fff;border:1px solid var(--line);border-radius:11px}.player-detail-panel[hidden]{display:none}.detail-copy h2,.achievement-panel h2,.contact-panel h2{font-size:20px;letter-spacing:-.6px;margin:7px 0}.detail-copy p,.contact-panel p{max-width:600px;color:#5e6d67;font-size:13px;line-height:1.65}.detail-tags{display:flex;gap:7px;flex-wrap:wrap}.detail-tags span{border-radius:4px;background:#edf4e7;color:#5b811b;padding:5px 7px;font:500 9px 'DM Mono'}.interview-card{min-height:150px;border-radius:9px;padding:16px;display:flex;flex-direction:column;align-items:start;justify-content:end;background:linear-gradient(145deg,#29483c,#14382f);position:relative;color:white;overflow:hidden}.interview-card:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 75% 30%,#b1e45a55 0 5%,transparent 5.5%),linear-gradient(135deg,transparent 55%,#ffffff0b 55%);}.interview-card>*{position:relative}.interview-card .clip-label{position:absolute;top:12px;left:12px}.interview-card .play-button{height:38px;width:38px;margin-bottom:auto;font-size:12px}.interview-card p{margin:0;font-size:12px;font-weight:800}.interview-card small{font-size:9px;color:#cad8d1}.achievement-panel{display:block}.achievement-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:17px}.achievement-grid article{border:1px solid #e6ece7;border-radius:7px;padding:12px}.achievement-grid article>b{font:500 9px 'DM Mono';color:#75a91d}.achievement-grid p{margin:10px 0 0}.achievement-grid strong,.achievement-grid span{display:block;font-size:10px}.achievement-grid span{font-size:9px;line-height:1.4;color:var(--muted);margin-top:3px}.contact-panel{align-items:center}.contact-actions{display:grid;gap:8px;justify-items:start}.contact-actions .outline-button{margin:0;width:auto}.contact-actions .primary-button{width:auto}
@media(max-width:720px){.player-detail-panel{margin:0 18px 18px;grid-template-columns:1fr}.achievement-grid{grid-template-columns:1fr}.detail-copy h2,.achievement-panel h2,.contact-panel h2{font-size:18px}}

/* Role entry and athlete onboarding */
.flow-body{min-height:100vh;background:radial-gradient(circle at 85% 5%,#dcf3b7 0,transparent 25%),#f7f9f7}
.flow-nav{height:72px;padding:0 max(4vw,24px);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);background:#fff}
.flow-nav>a:last-child,.flow-nav>span{color:#66736d;text-decoration:none;font-size:11px;font-weight:700}
.access-shell{max-width:1120px;padding:75px 30px 90px}
.flow-intro{max-width:700px}.flow-intro h1{font-size:48px;line-height:1.05;letter-spacing:-2.3px;margin:11px 0}.flow-intro p{font-size:15px;color:var(--muted);max-width:620px}
.role-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:40px}
.role-card{text-align:left;border:1px solid var(--line);border-radius:13px;background:#fff;padding:24px;min-height:260px;cursor:pointer;color:var(--ink);font-family:Manrope;transition:.2s ease}
.role-card:hover,.role-card.selected{transform:translateY(-3px);border-color:#9acb4f;box-shadow:0 16px 34px #31522016}.role-card.selected{box-shadow:inset 0 0 0 2px #a8f52e,0 16px 34px #31522016}
.role-icon{display:grid;place-items:center;width:35px;height:35px;border-radius:8px;background:#edf4e7;color:#659512;font:600 10px 'DM Mono'}
.role-card h2{font-size:19px;margin:34px 0 9px}.role-card p{font-size:12px;line-height:1.65;color:var(--muted)}.role-card b{display:block;margin-top:25px;font:600 10px 'DM Mono';color:#578118}
.flow-actions{display:flex;align-items:center;gap:18px;margin-top:27px}.flow-actions a{text-decoration:none}.flow-actions p{font-size:10px;color:var(--muted)}
.onboarding-shell{display:grid;grid-template-columns:300px minmax(0,700px);gap:55px;max-width:1100px;padding:65px 30px 90px;align-items:start}
.step-rail{position:sticky;top:45px}.step-rail h1{font-size:34px;line-height:1.08;letter-spacing:-1.5px;margin:12px 0}.step-rail>p{font-size:11px;color:var(--muted);line-height:1.6}
.step-rail ol{list-style:none;padding:0;margin:35px 0;display:grid;gap:13px}.step-rail li{display:flex;gap:11px;align-items:center;opacity:.46}.step-rail li.active,.step-rail li.complete{opacity:1}.step-rail li>b{height:28px;width:28px;border:1px solid #ced8d2;border-radius:50%;display:grid;place-items:center;font:500 9px 'DM Mono'}.step-rail li.active>b{background:var(--lime);border-color:var(--lime)}.step-rail li.complete>b{background:#173f38;color:white;border-color:#173f38}.step-rail li span,.step-rail li small{display:block;font-size:11px;font-weight:800}.step-rail li small{font-size:9px;font-weight:500;color:var(--muted)}
.onboarding-card{background:#fff;border:1px solid var(--line);border-radius:14px;padding:30px;box-shadow:0 16px 36px #1e382414}.onboarding-card h2{font-size:28px;letter-spacing:-1px;margin:10px 0 4px}.onboarding-card label{display:grid;gap:6px;color:#4c5b54;font-size:10px;font-weight:800}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:24px 0}.form-grid .full{grid-column:1/3}
.onboarding-card input,.onboarding-card select,.onboarding-card textarea{width:100%;border:1px solid #dbe3de;border-radius:7px;background:#fbfcfb;padding:11px 12px;color:var(--ink);font:600 12px Manrope;outline:none}.onboarding-card input:focus,.onboarding-card select:focus,.onboarding-card textarea:focus{border-color:#82b72e;box-shadow:0 0 0 3px #a8f52e2b}.onboarding-card textarea{resize:vertical;margin-bottom:18px}
.check-row{grid-template-columns:18px 1fr!important;align-items:start!important;background:#f1f6ed;border-radius:8px;padding:13px;margin:14px 0}.check-row input{width:16px;height:16px;margin:1px 0}.check-row span b,.check-row span small{display:block}.check-row span small{font-weight:500;color:var(--muted);margin-top:3px;line-height:1.45}.safety-note{background:#edf4e8;border-left:3px solid #89b83b;border-radius:7px;padding:13px}.safety-note b{font-size:10px}.safety-note p{font-size:9px;color:#627169;margin:3px 0}.form-actions{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #edf0ed;padding-top:20px;margin-top:24px}.text-link{color:#65736d;text-decoration:none;font-size:10px;font-weight:700}
.visibility-options{display:grid;gap:9px;margin:23px 0}.visibility-options label{grid-template-columns:18px 1fr;align-items:start;border:1px solid #e0e6e2;border-radius:8px;padding:13px;cursor:pointer}.visibility-options input{width:15px;height:15px;margin:2px 0}.visibility-options b,.visibility-options small{display:block}.visibility-options small{font-weight:500;color:var(--muted);margin-top:2px}

/* Evidence-first film room */
.film-body{display:flex;min-height:100vh}.film-main{max-width:none;margin:0;flex:1}.source-chip{font:600 9px 'DM Mono';padding:6px 8px;border-radius:5px}.verified-source{background:#edf6df;color:#639611}.film-header{padding:35px 42px 25px;display:flex;justify-content:space-between;align-items:end}.film-header h1{font-size:31px;letter-spacing:-1.3px;margin:7px 0}.film-header p{color:var(--muted);max-width:680px;margin:0}.confidence-legend{display:flex;gap:14px;font:500 8px 'DM Mono';color:#6e7c75;white-space:nowrap}.confidence-legend i{display:inline-block;height:7px;width:7px;border-radius:50%;margin-right:4px}.confidence-legend .high{background:#75ad1f}.confidence-legend .medium{background:#dda52e}.confidence-legend .human{background:#3777b8}
.film-workspace{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(340px,.72fr);gap:15px;padding:0 42px}.film-stage,.evidence-list{background:#fff;border:1px solid var(--line);border-radius:11px;padding:16px}.evidence-video{height:440px}.evidence-video .play-button{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.film-controls{display:flex;align-items:center;gap:10px;padding:12px 0;border-bottom:1px solid #edf0ed}.film-controls button{height:27px;width:27px;border:1px solid var(--line);background:#fff;border-radius:5px}.film-controls span{font:500 8px 'DM Mono';color:#68756f}.film-controls>i{height:4px;flex:1;background:#e4e9e6;border-radius:5px}.film-controls>i em{display:block;height:100%;background:#77aa21}.film-controls select{border:0;font:600 9px 'DM Mono'}.clip-context{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;padding-top:14px}.clip-context b{display:block;font-size:10px;margin-top:4px}.evidence-list{align-content:start}.evidence-item{padding:15px 0;border-top:1px solid #edf0ed}.evidence-item>div:first-child{display:flex;justify-content:space-between}.confidence,.human-label{font:600 8px 'DM Mono';padding:4px 5px;border-radius:3px}.confidence.high{background:#eaf5dc;color:#5d8d14}.confidence.medium{background:#fff1d8;color:#a26c0c}.human-label{color:#356c9e;background:#e8f1f8}.evidence-item h3{font-size:13px;margin:10px 0 4px}.evidence-item>p{font-size:9px;color:var(--muted);line-height:1.55}.evidence-item>button{border:0;background:none;padding:0;color:#497448;font:800 9px Manrope}.evidence-detail{margin-top:10px;background:#f3f6f2;border-radius:6px;padding:10px;font-size:9px;color:#56655e}.evidence-detail dl{margin:0}.evidence-detail dl div{display:flex;justify-content:space-between;padding:4px 0}.evidence-detail dt{color:#81908a}.evidence-detail dd{margin:0;font-weight:700;text-align:right}.trajectory-strip{margin:16px 42px 35px;padding:20px;display:grid;grid-template-columns:1fr 1.2fr .8fr;gap:24px;align-items:center;background:#173f38;color:white;border-radius:11px}.trajectory-strip h2{font-size:17px;margin:4px 0}.trajectory-strip p{font-size:9px;color:#b7ccc3;margin:0}.mini-trend{display:grid;grid-template-columns:auto 1fr auto auto;gap:9px;align-items:center}.mini-trend span{font:500 8px 'DM Mono';color:#aec4bb}.mini-trend span b{display:block;color:white}.mini-trend i{height:4px;background:#46675e}.mini-trend i em{display:block;width:78%;height:100%;background:var(--lime)}.mini-trend strong{color:var(--lime);font-size:18px}.method-note{border-left:1px solid #47675e;padding-left:19px}.method-note b{font-size:10px}

/* Privacy and access */
.privacy-wrap{padding:48px 34px 70px;max-width:1240px}.privacy-title{display:flex;justify-content:space-between;align-items:end;margin-bottom:25px}.privacy-title h1{font-size:34px;letter-spacing:-1.4px;margin:8px 0}.privacy-title p{color:var(--muted);max-width:670px}.privacy-state{border:1px solid #dce5d7;border-radius:99px;background:#fff;padding:8px 12px;font:600 9px 'DM Mono'}.privacy-state i{display:inline-block;width:7px;height:7px;border-radius:50%;background:#74af1d;margin-right:5px}.privacy-layout{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(280px,.65fr);gap:16px}.privacy-layout>div,.privacy-layout>aside{display:grid;gap:16px;align-content:start}.visibility-table{margin:12px 0 18px}.visibility-head,.visibility-table>div{display:grid;grid-template-columns:1fr 65px 75px 65px;gap:8px;align-items:center;padding:11px 4px;border-bottom:1px solid #edf0ed}.visibility-head{font:500 8px 'DM Mono';color:#8b9891}.visibility-table p{margin:0}.visibility-table p b,.visibility-table p small{display:block;font-size:10px}.visibility-table p small{font-size:8px;color:var(--muted)}.visibility-table label{display:grid;place-items:center}.visibility-table input{position:absolute;opacity:0}.visibility-table label span{height:15px;width:15px;border:1px solid #cdd7d1;border-radius:50%}.visibility-table input:checked+span{border:4px solid #6fa51d}.settings-stack{margin-top:12px}.setting-row{display:grid;grid-template-columns:1fr 34px 52px;gap:10px;align-items:center;padding:13px 0;border-top:1px solid #edf0ed}.setting-row span b,.setting-row span small{display:block;font-size:10px}.setting-row span small{font-size:8px;color:var(--muted);margin-top:2px}.setting-row input{position:absolute;opacity:0}.setting-row>i{width:32px;height:18px;background:#cfd8d2;border-radius:99px;position:relative;cursor:pointer}.setting-row>i:after{content:"";position:absolute;top:3px;left:3px;width:12px;height:12px;background:white;border-radius:50%;transition:.2s}.setting-row input:checked+i{background:#72a91c}.setting-row input:checked+i:after{left:17px}.setting-row em{font:500 8px 'DM Mono';font-style:normal;color:#78857f}.access-log{margin:10px 0}.access-log>div{display:flex;align-items:center;gap:8px;border-top:1px solid #edf0ed;padding:11px 0}.access-log p{margin:0;flex:1}.access-log p b,.access-log p small{display:block;font-size:9px}.access-log p small{font-size:8px;color:var(--muted)}.access-log em{font:500 7px 'DM Mono';color:#659217}.data-card p{font-size:10px;line-height:1.6;color:var(--muted)}.data-card button{display:block;margin-top:9px}.danger-link{border:0;background:none;color:#a8523a;padding:7px 0;font:700 9px Manrope}

@media(max-width:900px){.role-grid{grid-template-columns:1fr}.role-card{min-height:unset}.onboarding-shell{grid-template-columns:1fr;gap:22px}.step-rail{position:static}.step-rail ol{grid-template-columns:repeat(4,1fr)}.step-rail li span{display:none}.film-workspace,.privacy-layout{grid-template-columns:1fr}.film-header{align-items:start;gap:20px}.confidence-legend{flex-wrap:wrap}.trajectory-strip{grid-template-columns:1fr}.method-note{border-left:0;border-top:1px solid #47675e;padding:14px 0 0}.film-sidebar{display:none}}
@media(max-width:620px){.flow-nav{height:62px;padding:0 16px}.flow-nav>span{display:none}.access-shell{padding:50px 18px}.flow-intro h1{font-size:38px}.flow-actions{align-items:start;flex-direction:column}.onboarding-shell{padding:35px 16px}.step-rail ol{gap:5px}.onboarding-card{padding:20px}.form-grid{grid-template-columns:1fr}.form-grid .full{grid-column:auto}.form-actions{gap:9px}.film-header,.film-workspace{padding-left:16px;padding-right:16px}.film-header{display:block}.confidence-legend{margin-top:16px}.film-header h1{font-size:25px}.film-workspace{display:block}.evidence-list{margin-top:14px}.evidence-video{height:300px}.clip-context{grid-template-columns:1fr}.trajectory-strip{margin:15px 16px}.privacy-wrap{padding:30px 16px}.privacy-title{display:block}.privacy-state{display:inline-block;margin-top:10px}.visibility-head,.visibility-table>div{grid-template-columns:1fr 44px 54px 44px}.setting-row{grid-template-columns:1fr 34px}.setting-row em{display:none}}