@font-face{font-family:Tajawal;src:url('assets/tajawal-400.ttf');font-weight:400;font-display:swap}@font-face{font-family:Tajawal;src:url('assets/tajawal-700.ttf');font-weight:700;font-display:swap}@font-face{font-family:Tajawal;src:url('assets/tajawal-900.ttf');font-weight:900;font-display:swap}@font-face{font-family:Barlow;src:url('assets/barlow-800.ttf');font-weight:800;font-display:swap}
:root{--ink:#101310;--black:#0b0d0b;--lime:#c4f52c;--muted:#666b62;--paper:#f4f4ee;--line:#d6d9ce;--font:Tajawal,Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:96px}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--font);font-size:17px;line-height:1.6}button,input,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{cursor:pointer}button:disabled{cursor:default}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #7aaa00;outline-offset:5px}button{color:inherit}button,select,input{border-radius:0}img{max-width:100%;display:block}.sprite{position:absolute;width:0;height:0;overflow:hidden}.icon{width:22px;height:22px;stroke:currentColor;stroke-width:1.7;fill:none;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.wrap{width:min(1280px,calc(100% - 112px));margin-inline:auto}.section{padding-block:110px}h1,h2,h3,p{margin:0}h1,h2{font-weight:900;line-height:1.2;letter-spacing:-1.5px}h2{font-size:clamp(36px,4.4vw,64px)}h3{font-size:21px;line-height:1.4}em{font-style:normal}.lead{font-size:20px;line-height:1.8;color:var(--muted)}.eyebrow{font-size:12px;letter-spacing:1.5px;font-weight:700;display:flex;align-items:center;gap:12px;direction:ltr;justify-content:flex-end}.section-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:60px;padding-bottom:18px;border-bottom:1px solid var(--line)}.section-note{font-size:12px;color:var(--muted);letter-spacing:.3px}.dot{width:7px;height:7px;border-radius:50%;background:var(--lime);display:inline-block;flex-shrink:0}.button{min-height:54px;display:inline-flex;align-items:center;justify-content:center;gap:25px;padding:15px 27px;border:1px solid transparent;font-size:16px;font-weight:700;transition:transform .2s,background .2s}.button:hover{transform:translateY(-3px)}.lime{background:var(--lime);color:var(--black)}.lime:hover{background:#d3ff59}.black{background:var(--black);color:white}.inline-link{display:inline-flex;align-items:center;gap:26px;border:none;border-bottom:1px solid var(--ink);background:transparent;padding:10px 0;font-weight:700;margin-top:24px}.skip{position:fixed;top:-100px;right:20px;background:var(--lime);z-index:200;padding:10px}.skip:focus{top:10px}
.header{height:94px;background:var(--black);border-bottom:1px solid #ffffff22;color:#fff;display:flex;align-items:center;justify-content:space-between;padding-inline:42px;position:relative;z-index:30}.brand{display:flex;align-items:center;gap:17px}.brand img{object-fit:contain}.brand-rule{height:31px;width:1px;background:#ffffff30}.brand-note{font-size:11px;line-height:1.5;color:#b2b9aa}.nav{display:flex;align-items:center;gap:30px;font-size:14px}.nav a{transition:color .2s}.nav a:hover{color:var(--lime)}.header-actions{display:flex;gap:24px;align-items:center}.language{border:0;background:none;color:#fff;font-family:Arial,sans-serif;font-size:12px;display:flex;gap:10px}.language span{color:var(--lime)}.nav-cta{font-size:13px;display:flex;gap:18px;align-items:center;border-bottom:1px solid var(--lime);padding:9px 0}.nav-cta .icon{width:17px;color:var(--lime)}.menu-button{display:none;background:none;border:0;color:#fff}
.hero{min-height:730px;height:calc(100svh - 94px);max-height:1000px;position:relative;background:#080b0e;color:#fff;overflow:hidden}.hero-photo,.hero-shade,.hero-grid{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.hero-photo{object-position:left 43%}.hero-shade{background:linear-gradient(270deg,#05090df0 2%,#05090dca 29%,#05090d1a 69%,#05090d00 100%),linear-gradient(0deg,#060c0dce,transparent 24%)}.hero-grid{background:linear-gradient(90deg,transparent 49.95%,#ffffff07 50%,transparent 50.05%);pointer-events:none}.hero-content{position:relative;z-index:2;padding-top:100px}.hero .eyebrow{justify-content:flex-start;direction:rtl;color:#d4d9d1;letter-spacing:2px;font-size:11px}.eyebrow-line{height:1px;width:35px;background:#ffffff50}.hero h1{font-size:clamp(50px,5.3vw,78px);line-height:1.3;margin:24px 0 20px}.hero h1 em{color:var(--lime)}.hero-content>p{max-width:495px;font-size:20px;line-height:1.85;color:#c4c9c3}.hero-buttons{display:flex;align-items:center;gap:30px;margin-top:32px}.text-button{display:flex;align-items:center;gap:11px;font-size:14px}.play-circle{width:38px;height:38px;border:1px solid #ffffff70;border-radius:50%;display:grid;place-items:center}.play-circle .icon{width:16px}.hero-foot{margin-top:63px;display:flex;flex-direction:column;gap:10px}.small-label{font-size:12px;color:#e5e8df}.portfolio-label{font-size:10px;letter-spacing:.7px;color:#939c91}.hero-caption{position:absolute;bottom:57px;left:56px;display:flex;align-items:center;gap:24px;direction:ltr;font-family:Arial,sans-serif;font-size:9px;line-height:1.6;letter-spacing:1.2px;color:#cdd4c8}.hero-caption b{color:var(--lime)}.crosshair{font-size:38px;color:var(--lime);font-weight:200}.hero-caption>span:last-child{border-left:1px solid #ffffff44;padding-left:20px;color:#a7afa5}.scroll-cue{position:absolute;bottom:42px;left:50%;font:28px Arial;z-index:3;border:1px solid #ffffff55;border-radius:50%;width:39px;height:39px;display:grid;place-items:center;color:#bfc9b9}.manifesto-strip{display:flex;align-items:center;justify-content:center;gap:4.5vw;min-height:100px;background:var(--lime);font-size:32px;font-weight:900;overflow:hidden;padding:20px}.manifesto-strip i{font-style:normal;font-size:24px;font-weight:400}
.identity-layout{display:grid;grid-template-columns:1fr 1fr;gap:100px;align-items:center}.identity-copy>.lead{margin:25px 0 30px;max-width:510px}.identity-detail{display:flex;gap:20px;border-top:1px solid var(--line);padding:20px 0 0;margin-top:20px}.identity-detail>span{font-family:Barlow;font-size:20px;color:#8a9083;padding-top:2px}.identity-detail h3{font-size:19px}.identity-detail p{font-size:15px;color:var(--muted);margin-top:4px}.identity-stage{height:610px;background:#e7e9df;position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden}.stage-label{position:absolute;top:28px;left:24px;right:24px;direction:ltr;font-size:9px;letter-spacing:2px}.stage-bottom{position:absolute;bottom:24px;font-size:12px}.orbit{position:absolute;border:1px solid #c1c6b5;width:600px;height:600px;border-radius:50%;transform:scaleX(.6) rotate(-25deg)}.orbit-two{transform:scaleX(.6) rotate(25deg)}.id-card{position:relative;width:87%;max-width:420px;background:linear-gradient(135deg,#222921,#090d09 70%);color:#fff;padding:29px;border:1px solid #546047;transform:rotate(-6deg);box-shadow:15px 25px 35px #10161035;direction:rtl}.id-top{display:flex;justify-content:space-between;align-items:center;direction:ltr}.wordmark{font-family:Arial,sans-serif;font-size:21px;font-style:italic;font-weight:900;letter-spacing:-1px}.wordmark span{color:var(--lime)}.id-top>span:last-child{font:10px Arial;letter-spacing:1px;color:var(--lime)}.id-athlete{display:flex;align-items:center;gap:19px;margin:35px 0 22px}.athlete-avatar{width:78px;height:89px;overflow:hidden;background:#303b28}.athlete-avatar img{width:300px;max-width:none;height:200px;object-fit:cover;transform:translate(5px,-6px)}.id-athlete h3{font-size:24px;margin:5px 0}.id-tag{font-size:9px;letter-spacing:1px;color:var(--lime)}.sport-name{font-size:12px;color:#a6b29d}.id-number{direction:ltr;font-family:Barlow;font-size:27px;letter-spacing:3px;border-bottom:1px solid #ffffff22;padding-bottom:13px}.id-pills{display:flex;gap:7px;margin:20px 0 23px}.id-pills span{font-size:10px;padding:4px 10px;border:1px solid #ffffff30;color:#d1d9cb}.id-bottom{display:flex;align-items:center;justify-content:space-between}.id-bottom small{display:block;font-size:9px;color:#a5b29a}.id-bottom b{font-size:18px}.barcode{height:32px;width:70px;background:repeating-linear-gradient(90deg,#b6d190 0px,#b6d190 1px,transparent 1px,transparent 4px,#b6d190 4px,#b6d190 6px,transparent 6px,transparent 9px)}.floating-note{position:absolute;bottom:81px;left:20px;background:var(--lime);padding:15px 19px;display:flex;align-items:center;gap:12px;transform:rotate(3deg);font-size:12px;font-weight:700;box-shadow:4px 8px 20px #10161020}
.experience{background:#141813;color:#fff;--line:#ffffff26;--muted:#a7b09e}.experience-layout{display:grid;grid-template-columns:1fr 1fr;gap:110px;align-items:center}.experience h2 em{color:var(--lime)}.experience .lead{margin-top:23px;max-width:495px}.experience-tabs{margin-top:34px}.experience-tab{width:100%;background:none;border:none;border-top:1px solid #ffffff25;text-align:start;color:#a7b09e;padding:18px 0;display:grid;grid-template-columns:30px 1fr 25px;gap:14px;align-items:start}.experience-tab:last-child{border-bottom:1px solid #ffffff25}.experience-tab>span:first-child{font:17px Barlow;opacity:.5}.experience-tab b{font-size:19px;display:block}.experience-tab small{display:none;font-size:14px;font-weight:400;line-height:1.6;margin-top:6px}.experience-tab.active{color:var(--lime)}.experience-tab.active small{display:block;color:#b9c3b0}.experience-tab .icon{width:19px}.demo-notice{font-size:11px;display:flex;gap:9px;align-items:center;color:#89947f;margin-top:25px}.demo-notice .dot{width:5px;height:5px}.phone-stage{position:relative;min-height:710px;display:flex;align-items:center;justify-content:center}.phone-watermark{position:absolute;font-family:Barlow;font-size:160px;line-height:.85;direction:ltr;color:#ffffff04;inset-inline-start:-10%;top:20%;transform:rotate(-90deg);white-space:nowrap}.phone{width:322px;height:656px;background:#f3f4ee;color:var(--ink);border:7px solid #31372e;border-radius:45px;box-shadow:0 0 0 1px #5c6557,25px 35px 80px #0006;position:relative;overflow:hidden;z-index:2;direction:rtl}.phone-status{height:34px;display:flex;justify-content:space-between;align-items:center;direction:ltr;padding:7px 23px 0;font:10px Arial;font-weight:bold}.dynamic-island{width:85px;height:22px;background:#151813;border-radius:20px;position:absolute;left:calc(50% - 42px);top:8px}.phone-app-head{display:flex;align-items:center;justify-content:space-between;padding:20px 19px 13px;direction:ltr}.phone-app-head .wordmark{font-size:21px}.phone-app-head .wordmark span{color:#7fa500}.mini-points{font:11px Arial;background:#e2ebce;border-radius:20px;padding:7px 9px}.mini-points small{font-size:8px}.phone-screen{height:460px;overflow:auto;padding:13px 19px;scrollbar-width:thin}.phone-screen h3{font-size:24px;font-weight:900;margin:3px 0 14px}.phone-screen h4{font-size:14px;margin:14px 0 8px}.phone-screen p{font-size:12px;line-height:1.65}.phone-screen .greeting{font-size:11px;color:#757d6c}.demo-tag{font-size:9px;background:#e1e5d7;display:inline-block;padding:3px 7px;margin-bottom:7px;color:#4e5945}.phone-photo-card{height:180px;background:#182016;position:relative;overflow:hidden;color:white;margin-bottom:14px}.phone-photo-card img{width:100%;height:100%;object-fit:cover;object-position:27% center;filter:brightness(.68)}.phone-photo-card>div{position:absolute;bottom:15px;right:14px;left:14px}.phone-photo-card b{display:block;font-size:21px}.phone-photo-card small{font-size:10px;color:#d1dfc2}.phone-photo-card .micro-action{margin-top:10px}.micro-action{background:var(--lime);color:#111;border:0;font-size:11px;font-weight:700;padding:7px 13px;display:inline-flex;gap:12px;align-items:center}.phone-row{display:flex;align-items:center;gap:11px;padding:12px 0;border-bottom:1px solid #dce0d3}.phone-row .row-icon{width:33px;height:33px;background:#e3e9d8;display:grid;place-items:center}.phone-row .icon{width:17px}.phone-row b{font-size:12px;display:block}.phone-row small{font-size:10px;color:#707a66;display:block}.phone-row>span:last-child{margin-inline-start:auto;color:#6c7f56;font-size:14px}.phone-nav{position:absolute;bottom:16px;left:0;right:0;display:flex;justify-content:space-around;border-top:1px solid #d6ddca;background:#f3f4ee;padding:11px 5px 4px;direction:rtl}.phone-nav button{border:0;background:none;color:#7d8573;display:flex;flex-direction:column;align-items:center;gap:5px;font-size:8px;min-width:43px;padding:3px 0}.phone-nav .icon{width:18px;height:18px}.phone-nav button.active{color:#304b08}.phone-nav button[data-tab="go"] .icon{background:var(--lime);box-sizing:content-box;padding:7px;margin-top:-13px;margin-bottom:-1px;border:4px solid #f3f4ee;border-radius:50%}.phone-bottom{position:absolute;bottom:7px;left:calc(50% - 45px);height:4px;width:90px;border-radius:3px;background:#111}.phone-annotation{position:absolute;bottom:1px;left:50%;transform:translateX(-50%);font-size:9px;letter-spacing:1.6px;white-space:nowrap;color:#99a88c}.phone-profile{text-align:center;background:#e4ebd7;padding:17px 15px}.profile-initial{display:grid;place-items:center;margin:auto auto 8px;background:#17210f;color:var(--lime);width:55px;height:55px;border-radius:50%;font:24px Barlow}.phone-profile b{display:block;font-size:20px}.phone-profile small{font-size:10px}.phone-stat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;margin:15px 0;background:#d8dece}.phone-stat-grid>div{background:#e9eedf;text-align:center;padding:9px 2px}.phone-stat-grid b{display:block;font:24px Barlow}.phone-stat-grid small{font-size:9px;color:#758168}.mini-chart{display:flex;align-items:flex-end;gap:12px;height:89px;border-bottom:1px solid #bdc7ae;padding:0 13px}.mini-chart span{display:block;background:#b6db60;width:25px}.chart-label{font-size:9px;text-align:center;color:#7a866e;margin-top:6px}.phone-community{padding:13px;background:white;margin-top:12px;border:1px solid #dfe3d7}.phone-community>b{font-size:13px}.phone-community p{margin:8px 0 10px}.go-circle{border:1px solid #c2d7a4;box-shadow:0 0 0 12px #e6eddb,0 0 0 13px #d4dfc6;border-radius:50%;height:155px;width:155px;margin:32px auto 25px;display:flex;flex-direction:column;align-items:center;justify-content:center}.go-circle .icon{width:36px;height:36px;color:#739b28}.go-circle b{font-size:21px}.go-circle small{font-size:10px}.go-select{display:flex;flex-wrap:wrap;gap:6px;justify-content:center;margin:15px 0}.go-select span{font-size:10px;background:#e2e9d7;padding:5px 9px}.wide{width:100%}.phone-offer{background:#e1e8d5;padding:14px;margin-top:10px;display:flex;align-items:center;gap:12px}.phone-offer>.icon{width:30px;height:30px;color:#6a8b35}.phone-offer b{display:block;font-size:13px}.phone-offer small{font-size:10px}.mini-plan{padding:15px;background:#e4ebd9;margin:15px 0}.mini-plan b{font-size:13px}.mini-plan p{margin-top:5px}
.sponsor{background:var(--lime);--muted:#3f5026;--line:#2a390f40}.sponsor-layout{display:grid;grid-template-columns:1.05fr 1fr;gap:100px;align-items:center}.sponsor h2{font-size:clamp(37px,4.6vw,64px)}.sponsor .lead{margin-top:26px}.sponsor-steps{list-style:none;margin:32px 0 20px;padding:0}.sponsor-steps li{display:flex;align-items:center;gap:20px;border-top:1px solid #29391533;padding:15px 0}.sponsor-steps li b{font:20px Barlow;color:#4c6527}.sponsor-steps li span{font-size:17px;font-weight:700}.fine-print{font-size:12px;color:#4d602e;max-width:400px}.post-stage{position:relative;padding:20px 5%}.achievement-post{position:relative;max-width:390px;margin:auto;background:#fff;box-shadow:15px 22px 0 #14220917;transform:rotate(3deg)}.post-header{display:flex;align-items:center;gap:10px;padding:19px 20px}.avatar-letter{width:36px;height:36px;background:#182112;color:#d4f38a;border-radius:50%;display:grid;place-items:center;font-family:Barlow}.post-header b{font-size:14px;display:block}.post-header small{display:block;color:#7c8374;font-size:10px}.post-dots{margin-inline-start:auto;color:#616953}.post-photo{height:240px;position:relative;overflow:hidden;background:#0b120b}.post-photo>img{height:100%;width:100%;object-fit:cover;object-position:25% center;filter:brightness(.8)}.post-badge{position:absolute;top:15px;right:15px;background:#eff5e7e8;padding:5px 9px;font-size:9px;display:flex;gap:6px;align-items:center}.post-badge .icon{width:12px;height:12px}.post-graphic{position:absolute;left:20px;bottom:18px;color:var(--lime);font:65px/.8 Barlow;direction:ltr;text-shadow:0 2px 30px #000}.post-body{padding:20px}.post-body>p{font-size:14px;line-height:1.65}.post-hashtag{font-size:10px;color:#809166}.post-actions{margin-top:19px;border-top:1px solid #e3e7de;padding-top:16px;display:flex;justify-content:space-between;align-items:center;gap:10px}.like-button{border:0;background:none;display:flex;gap:7px;align-items:center;font-size:12px}.like-button[aria-pressed=true]{color:#ba3d52}.like-button[aria-pressed=true] .icon{fill:#ba3d5220}.post-actions .button{font-size:12px;gap:10px;padding:10px 13px;min-height:42px}.post-actions .icon{width:17px;height:17px}.support-seal{position:absolute;bottom:-11px;left:-2%;border-radius:50%;width:115px;height:115px;background:var(--black);color:var(--lime);font:19px/.98 Barlow;display:flex;flex-direction:column;align-items:center;justify-content:center;transform:rotate(-12deg);direction:ltr;border:1px solid #5a6a36;box-shadow:0 0 0 7px var(--lime)}
.points{display:grid;grid-template-columns:.7fr 1.3fr;gap:100px;align-items:center}.points-copy .eyebrow{justify-content:flex-start;direction:ltr;display:block;text-align:start;color:#697756;margin-bottom:20px}.points h2{font-size:42px}.points .lead{margin:23px 0;font-size:18px}.points-visual{display:flex;flex-direction:column;align-items:center;position:relative}.point-coin{border-radius:50%;height:210px;width:210px;display:flex;align-items:center;justify-content:center;transform:rotate(-16deg);font:100px Barlow;color:#d9ff6b;background:radial-gradient(circle at 35% 30%,#739031,#10190c 70%);box-shadow:8px 9px 0 #111b0b,10px 12px 0 #425f22,25px 35px 45px #21340f30;border:3px solid #9bbb4d}.point-coin span{font:50px Arial;margin-top:18px}.points-visual>span{font-size:9px;letter-spacing:1.5px;margin-top:45px;color:#737f64}.point-flow{display:flex;gap:20px;align-items:center;font-size:18px;font-weight:700;border-block:1px solid var(--line);padding:14px 0;margin:24px 0 14px}.point-flow span:nth-child(even){font-size:18px;color:#809e50}.points-copy>small{font-size:11px;color:#7c8573;display:block}
.ecosystem{background:#0c0f0b;color:#fff;--muted:#a6b09c;--line:#ffffff25}.ecosystem-intro{display:grid;grid-template-columns:1.2fr 1fr;gap:100px;align-items:center;margin-bottom:55px}.ecosystem h2 em{color:var(--lime)}.ecosystem-intro .lead{font-size:18px}.ecosystem-row{border-top:1px solid #ffffff25}.ecosystem-row:last-child{border-bottom:1px solid #ffffff25}.ecosystem-row button{width:100%;display:grid;grid-template-columns:55px 1fr 1fr 30px;gap:20px;align-items:center;background:none;border:0;color:inherit;text-align:start;padding:24px 0}.ecosystem-index{font:22px Barlow;color:#657654}.ecosystem-row h3{font-size:26px}.ecosystem-subtitle{font-size:13px;color:#97a78b}.row-plus{font:28px Arial;font-weight:200;text-align:center;color:var(--lime)}.ecosystem-row button[aria-expanded=true] .row-plus{transform:rotate(45deg)}.ecosystem-row button:hover h3{color:var(--lime)}.ecosystem-detail{padding:0 75px 24px;max-width:780px;color:#c1ccb7;font-size:16px;line-height:1.9}.ecosystem-note{font-size:11px;color:#6c7d5e;margin-top:24px}
.sports-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:45px}.sports-heading p{color:var(--muted);font-size:17px}.sport-selector{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--line);border:1px solid var(--line)}.sport-tab{padding:23px 20px;border:0;display:flex;align-items:center;gap:17px;text-align:start;background:var(--paper);font-weight:700;font-size:17px}.sport-tab .sport-num{font:17px Barlow;color:#88927c}.sport-tab.active{background:var(--ink);color:var(--lime)}.sport-tab:hover{background:#e5edda;color:#17240b}.sport-panel{border-bottom:1px solid var(--line);padding:30px 0;display:grid;grid-template-columns:.8fr 1.4fr .7fr;gap:50px;align-items:center;min-height:135px}.sport-panel>div:first-child{display:flex;flex-direction:column}.sport-panel h3{font-size:25px}.sport-panel small{font:11px Arial;letter-spacing:1px;color:#8b947f}.sport-panel p{font-size:16px;color:var(--muted)}.sport-panel .inline-link{margin:0;font-size:13px;justify-self:end;gap:15px}.trust{border-top:1px solid var(--line);background:#e7ebdf;padding:45px 0}.trust-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:45px}.trust-grid>div{position:relative;padding-inline-start:38px}.trust-grid .icon{position:absolute;inset-inline-start:0;top:2px;width:22px;color:#657b46}.trust-grid b{display:block;font-size:16px;margin-bottom:7px}.trust-grid p{font-size:13px;color:#747e68;line-height:1.8}.closing{background:#10150d;color:#fff;padding:95px 0 110px;position:relative;overflow:hidden;text-align:center}.closing .eyebrow{justify-content:center;color:#95a582;font-size:10px;letter-spacing:2.5px}.closing h2{font-size:clamp(38px,4.6vw,65px);margin:26px 0 30px;position:relative;z-index:1}.closing h2 em{color:var(--lime)}.closing .button{position:relative;z-index:1}.closing-ghost{position:absolute;bottom:-95px;left:50%;transform:translateX(-50%);font:320px Barlow;letter-spacing:-5px;color:#ffffff03;pointer-events:none;direction:ltr}.footer{display:flex;align-items:center;justify-content:space-between;gap:30px;padding-block:38px}.footer-brand{font:italic 28px Arial;font-weight:900;letter-spacing:-1px}.footer-brand span{display:block;font:8px Arial;letter-spacing:4px;margin-top:2px;text-align:center}.footer p{font-size:12px;color:#6e7862}.footer>div{font:9px Arial;color:#6a755f;line-height:1.8}.footer small{display:block;font:10px var(--font);margin-top:5px}.back-top{height:37px;width:37px;display:grid;place-items:center;border:1px solid var(--line);font:23px Arial}
dialog{border:0;max-width:510px;width:calc(100% - 32px);padding:40px;background:var(--paper);color:var(--ink);box-shadow:0 20px 100px #0005;max-height:calc(100svh - 60px);overflow:auto}dialog::backdrop{background:#060b05b8;backdrop-filter:blur(6px)}.modal-close{position:absolute;top:16px;inset-inline-end:16px;background:none;border:none;padding:3px}.modal-kicker{font:11px Arial;letter-spacing:1.5px;color:#78904f;display:block;margin-bottom:18px}.modal-title{font-size:34px;margin-bottom:15px}.modal-copy{color:#68745c;font-size:15px;line-height:1.8;margin-bottom:24px}.modal-form{display:flex;flex-direction:column;gap:15px}.field-label{font-size:14px;font-weight:700;display:flex;flex-direction:column;gap:7px}.field-label input,.field-label select{width:100%;background:#fff;border:1px solid #ccd3c1;padding:11px 13px;font-size:15px;color:#26331a}.modal-form .button{margin-top:7px}.modal-form small{font-size:11px;color:#768567}.modal-choice{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:18px}.modal-choice button{padding:14px 8px;background:transparent;border:1px solid #c3cdb5;font-size:14px}.modal-choice button.selected{background:#14200c;color:var(--lime);border-color:#14200c}.success-mark{height:56px;width:56px;border-radius:50%;background:var(--lime);display:grid;place-items:center;margin-bottom:20px}.success-mark .icon{width:26px}.result-id{background:#15200e;color:#fff;padding:25px;margin:22px 0;direction:ltr}.result-id strong{font:28px Barlow;color:var(--lime);display:block}.result-id b{display:block;font-size:23px;margin-top:14px}.result-id span{font-size:13px}.result-id small{display:block;font-size:10px;margin-top:17px;color:#a7b991}.modal-actions{display:flex;gap:10px;flex-wrap:wrap}.modal-actions .button{font-size:13px;padding:10px 15px;gap:10px;min-height:43px}.toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%,30px);opacity:0;pointer-events:none;background:var(--black);border:1px solid #6d883f;color:#fff;padding:14px 23px;z-index:100;font-size:14px;max-width:calc(100% - 32px);transition:opacity .2s,transform .2s;text-align:center}.toast.show{opacity:1;transform:translate(-50%,0)}body.modal-open{overflow:hidden}
html[dir=ltr] .eyebrow{justify-content:flex-start}html[dir=ltr] h1,html[dir=ltr] h2{font-family:Barlow,Arial,sans-serif;letter-spacing:-.5px}html[dir=ltr] .hero-content{text-align:right}html[dir=ltr] .hero-content>p{margin-left:auto}html[dir=ltr] .hero .eyebrow,html[dir=ltr] .hero-buttons{justify-content:flex-end}html[dir=ltr] .hero h1{font-size:78px;line-height:1.05;margin-block:30px}html[dir=ltr] .hero-content>p{font-size:18px}html[dir=ltr] .hero-foot{align-items:flex-end}html[dir=ltr] .manifesto-strip{font-family:Barlow;font-size:30px}html[dir=ltr] .id-card,html[dir=ltr] .phone,html[dir=ltr] .phone-nav{direction:ltr}html[dir=ltr] .icon:has(use[href="#arrow"]){transform:scaleX(-1)}html[dir=ltr] .point-flow span:nth-child(even){transform:scaleX(-1)}html[dir=ltr] .closing .eyebrow{justify-content:center}html[dir=ltr] .phone-screen h3{font-size:21px}html[dir=ltr] .experience-tab b{font-size:17px}
@media(min-width:1600px){.hero-content{padding-top:130px}.hero-photo{object-position:center 43%}}
@media(max-width:1150px){.wrap{width:calc(100% - 72px)}.header{padding-inline:30px}.brand-note,.brand-rule{display:none}.nav{gap:22px}.header-actions{gap:20px}.hero-content{padding-top:100px}.identity-layout,.experience-layout,.sponsor-layout{gap:55px}.identity-stage{height:570px}.id-card{padding:22px}.id-athlete{gap:12px}.id-athlete h3{font-size:21px}.experience-layout{gap:55px}.sponsor h2{font-size:43px}.support-seal{left:-5%}.points{gap:70px}.ecosystem-intro{gap:60px}}
@media(max-width:850px){.section{padding-block:75px}.wrap{width:calc(100% - 48px)}.header{height:80px;padding-inline:24px}.header .brand img{height:63px;width:69px}.nav{position:absolute;top:80px;right:0;left:0;display:none;background:#10150d;padding:25px;flex-direction:column;align-items:stretch;gap:0;border-bottom:1px solid #53623c}.nav.open{display:flex}.nav a{padding:12px}.menu-button{display:block}.nav-cta{font-size:12px}.header-actions{gap:22px}.hero{height:800px;min-height:700px;max-height:none}.hero-content{padding-top:80px}.hero h1{font-size:57px}.hero-content>p{max-width:430px;font-size:18px}.hero-shade{background:linear-gradient(270deg,#05090dec,#05090dbb 30%,#05090d1a 100%),linear-gradient(0deg,#05090df0,transparent 30%)}.hero-photo{object-position:33% center}.hero-caption{left:24px;bottom:40px}.scroll-cue{left:24px;bottom:130px}.hero-foot{margin-top:50px}.hero-caption>span:last-child{display:none}.manifesto-strip{font-size:24px;gap:4vw;min-height:82px}.manifesto-strip i{font-size:18px}.section-top{margin-bottom:40px}.section-note{font-size:10px}.identity-layout{gap:40px;grid-template-columns:1fr}.identity-copy{max-width:650px}.identity-stage{height:520px}.id-card{max-width:420px}.identity-stage .stage-label{top:24px}.identity-stage .id-card{padding:28px}.identity-stage .floating-note{left:calc(50% - 220px);bottom:55px}.identity-stage .stage-bottom{bottom:15px}.identity-detail p{font-size:16px}.experience-layout{grid-template-columns:1fr;gap:35px}.experience-copy h2{font-size:50px}.experience-copy .lead{max-width:650px}.experience-tabs{display:grid;grid-template-columns:repeat(5,1fr);gap:0}.experience-tab{display:flex;align-items:center;justify-content:center;text-align:center;padding:17px 5px;border-bottom:1px solid #ffffff30;border-top:none}.experience-tab>span:first-child,.experience-tab .icon,.experience-tab small{display:none!important}.experience-tab b{font-size:14px}.experience-tab.active{border-bottom:2px solid var(--lime)}.phone-stage{min-height:705px}.phone-watermark{font-size:220px;transform:none;inset-inline-start:10%;opacity:.7}.phone-annotation{bottom:5px}.demo-notice{margin-top:17px}.sponsor-layout{grid-template-columns:1fr;gap:25px}.sponsor-copy{max-width:650px}.sponsor h2{font-size:50px}.post-stage{padding:25px 5%}.support-seal{left:calc(50% - 225px);bottom:-5px}.points{grid-template-columns:.65fr 1.35fr;gap:40px}.points h2{font-size:34px}.point-coin{width:170px;height:170px;font-size:80px}.point-coin span{font-size:40px}.points-visual>span{font-size:8px}.ecosystem-intro{grid-template-columns:1fr;gap:28px}.ecosystem-intro .lead{max-width:600px}.ecosystem-row button{grid-template-columns:35px 1fr 1fr 25px;gap:15px}.ecosystem-row h3{font-size:22px}.ecosystem-subtitle{font-size:11px}.ecosystem-detail{padding-inline:50px}.sport-tab{font-size:16px;padding:20px 12px;gap:10px}.sport-panel{gap:25px;grid-template-columns:.7fr 1.3fr}.sport-panel .inline-link{grid-column:2;justify-self:start}.trust-grid{gap:25px}.trust-grid>div{padding-inline-start:0;padding-top:34px}.trust-grid b{font-size:15px}.trust-grid .icon{top:0}.footer{flex-wrap:wrap}.footer p{display:none}.footer-brand{font-size:23px}html[dir=ltr] .hero h1{font-size:66px}html[dir=ltr] .manifesto-strip{font-size:22px}html[dir=ltr] .experience-tab b{font-size:13px}}
@media(max-width:540px){.wrap{width:calc(100% - 40px)}.header{padding-inline:18px;height:76px}.header .brand img{width:66px;height:60px}.nav{top:76px}.nav-cta{display:none}.header-actions{gap:24px}.hero{height:800px;min-height:0}.hero-photo{object-position:22% center;height:100%;opacity:.68}.hero-shade{background:linear-gradient(0deg,#080d0de0 1%,#080d0d12 60%,#080d0d99 100%),linear-gradient(270deg,#080d0df0,#080d0d22 100%)}.hero-content{padding-top:60px}.hero .eyebrow{font-size:9px;gap:9px;letter-spacing:1px}.eyebrow-line{width:25px}.hero h1{font-size:45px;line-height:1.35;margin-top:30px;margin-bottom:21px;letter-spacing:-1px}.hero-content>p{max-width:290px;font-size:17px;line-height:1.9}.hero-buttons{flex-direction:column;align-items:flex-start;gap:22px;margin-top:27px}.hero-buttons .button{font-size:14px;min-height:49px;padding:12px 20px;gap:20px}.text-button{font-size:12px}.hero-foot{margin-top:39px;max-width:230px}.hero-caption{bottom:29px;left:20px;font-size:8px;gap:12px}.hero-caption .crosshair{font-size:30px}.scroll-cue{bottom:32px;left:auto;right:20px;height:34px;width:34px;font-size:23px}.manifesto-strip{display:grid;grid-template-columns:1fr auto 1fr auto 1fr auto 1fr;gap:11px;padding:19px 12px;font-size:19px;min-height:70px;white-space:nowrap}.manifesto-strip i{font-size:14px}.section{padding-block:60px}.section-top{margin-bottom:33px;gap:15px;align-items:flex-start}.eyebrow{font-size:10px;letter-spacing:1px}.section-note{max-width:135px;text-align:end;font-size:9px}.identity h2{font-size:40px}.lead{font-size:18px}.identity-copy>.lead{margin-top:21px}.identity-detail{gap:16px;padding-top:16px;margin-top:16px}.identity-detail h3{font-size:18px}.identity-detail p{font-size:14px}.identity-stage{height:470px}.identity-stage .id-card{padding:23px;width:86%}.id-top .wordmark{font-size:19px}.id-top>span:last-child{font-size:9px}.id-athlete{margin-top:27px}.id-athlete h3{font-size:21px}.athlete-avatar{width:67px;height:76px}.id-number{font-size:24px}.id-pills{margin-block:15px}.id-pills span{font-size:9px;padding:4px 7px}.id-bottom b{font-size:16px}.id-card{transform:rotate(-4deg)}.identity-stage .floating-note{left:5px;bottom:46px;padding:11px 15px;font-size:10px}.stage-label{font-size:8px;letter-spacing:1px}.stage-bottom{font-size:10px}.experience-copy h2,.sponsor h2{font-size:40px}.experience-tabs{margin-top:25px}.experience-tab b{font-size:12px}.experience .lead{font-size:17px}.demo-notice{font-size:10px;line-height:1.8}.phone-stage{min-height:700px;margin-inline:-6px}.phone-watermark{font-size:160px;inset-inline-start:0;top:30%}.sponsor-steps li span{font-size:15px}.sponsor .lead{font-size:17px}.sponsor-steps{margin-top:25px}.fine-print{font-size:11px}.post-stage{padding:20px 12px 30px}.achievement-post{transform:rotate(2deg)}.post-photo{height:215px}.post-header{padding:15px}.post-body{padding:17px}.support-seal{height:88px;width:88px;font-size:15px;left:-3px;bottom:-5px}.post-graphic{font-size:55px}.points{grid-template-columns:1fr;gap:35px;padding-top:80px}.point-coin{width:155px;height:155px;font-size:75px}.points-visual>span{margin-top:30px}.points-copy h2{font-size:35px}.points .lead{font-size:17px}.point-flow{justify-content:space-between;gap:10px;font-size:17px}.ecosystem h2{font-size:41px}.ecosystem-intro{gap:22px;margin-bottom:35px}.ecosystem-intro .lead{font-size:17px}.ecosystem-row button{grid-template-columns:26px 1fr 20px;gap:10px;padding:20px 0}.ecosystem-row h3{font-size:22px}.ecosystem-subtitle{display:none}.ecosystem-index{font-size:19px}.ecosystem-detail{padding:0 36px 22px;font-size:14px}.ecosystem-note{font-size:10px;line-height:1.9}.sports-heading{display:block;margin-bottom:25px}.sports-heading h2{font-size:43px}.sports-heading p{font-size:15px;margin-top:17px}.sport-selector{grid-template-columns:repeat(2,1fr)}.sport-tab{padding:16px 13px;font-size:16px;gap:13px}.sport-panel{grid-template-columns:1fr;gap:14px;padding:24px 0}.sport-panel h3{font-size:25px}.sport-panel p{font-size:15px}.sport-panel .inline-link{grid-column:auto;font-size:13px;justify-self:start;padding:8px 0}.trust-grid{grid-template-columns:1fr;gap:24px}.trust-grid>div{padding-top:0;padding-inline-start:36px}.trust-grid p{font-size:12px}.trust{padding:35px 0}.closing{padding:65px 0 80px}.closing h2{font-size:34px;line-height:1.45;margin-top:23px;letter-spacing:-.5px}.closing .eyebrow{font-size:8px;letter-spacing:1.6px}.closing .button{font-size:14px;min-height:50px;padding:13px 21px}.closing-ghost{font-size:160px;bottom:-40px}.footer{padding-block:30px;gap:25px}.footer-brand{font-size:24px}.footer>div{order:3;width:100%;font-size:9px}.footer small{font-size:10px}.back-top{margin-inline-start:auto}dialog{padding:35px 24px}.modal-title{font-size:30px}.modal-copy{font-size:14px}.modal-choice button{font-size:13px}html[dir=ltr] .hero-content{text-align:left}html[dir=ltr] .hero .eyebrow{justify-content:flex-start;direction:ltr}html[dir=ltr] .hero h1{font-size:54px;line-height:1.08;margin-block:33px 22px}html[dir=ltr] .hero-content>p{font-size:16px;margin:0;max-width:280px}html[dir=ltr] .hero-shade{background:linear-gradient(90deg,#080d0ded,#080d0d33 100%)}html[dir=ltr] .hero-foot{align-items:flex-start}html[dir=ltr] .hero-buttons{align-items:flex-start}html[dir=ltr] .manifesto-strip{font-size:13px;gap:6px}html[dir=ltr] .manifesto-strip i{font-size:10px}html[dir=ltr] .experience-tab b{font-size:10px}html[dir=ltr] .closing h2{font-size:38px;line-height:1.1}html[dir=ltr] .hero-caption{left:auto;right:20px}html[dir=ltr] .scroll-cue{left:20px;right:auto}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}}

.experience-tab .tab-short{display:none}@media(max-width:850px){.experience-tab .tab-full{display:none}.experience-tab .tab-short{display:block;font-size:13px}}
/* Keep oversized campaign typography inside its section on narrow screens. */
.experience{overflow:hidden}
@media(max-width:540px){html[dir=ltr] .manifesto-strip{font-size:12px;gap:5px;padding-inline:8px}}

/* Owner-approved SPORTIX ECOSYSTEM identity, adopted 4 November 2026. */
.header .brand img{width:84px;height:76px;object-fit:contain}
.official-logo{width:76px;height:68px;object-fit:contain;flex-shrink:0}
.phone-app-head{padding-block:9px 8px}
.phone-app-head .official-logo{width:67px;height:60px}
.footer-brand img{width:108px;height:96px;object-fit:contain}
.result-logo{width:92px;height:84px;object-fit:contain;margin-bottom:15px}
@media(max-width:850px){.header .brand img{width:73px;height:67px}}
@media(max-width:540px){.header .brand img{width:70px;height:64px}.id-top .official-logo{width:67px;height:60px}.footer-brand img{width:98px;height:88px}}
.phone-screen{height:450px}
.post-upload-controls{display:flex;gap:8px;align-items:center;justify-content:space-between;padding:0 17px 12px}
.post-upload-controls button,.phone-media-picker{display:inline-flex;align-items:center;gap:7px;border:0;background:#edf1e6;color:#435333;padding:7px 9px;font-size:10px}
.post-upload-controls .icon,.phone-media-picker .icon{width:14px;height:14px}
.post-upload-controls [hidden]{display:none}
.post-photo video,.phone-post-media video{width:100%;height:100%;object-fit:contain;background:#0b100a;display:block}
.post-photo.user-media img,.phone-post-media.user-media img{object-fit:contain;filter:none;background:#11180d}
.community-actions{display:grid;grid-template-columns:1fr 1fr 1fr 1.25fr;border-top:1px solid #dce2d4;margin-top:16px;padding-top:10px;gap:3px}
.community-action{min-width:0;min-height:54px;padding:5px 2px;border:0;background:transparent;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;font-size:11px;line-height:1.2;color:#59644b}
.community-action .icon{width:18px;height:18px}
.community-action small{font-size:9px}
.community-action:hover{background:#eef3e5;color:#14210a}
.community-like[aria-pressed=true]{color:#b3364f}
.community-like[aria-pressed=true] .icon{fill:#b3364f20}
.community-sponsor{background:#14200d;color:var(--lime);font-size:8px;font-weight:700;letter-spacing:.4px}
.community-sponsor:hover{background:#263a18;color:var(--lime)}
.media-preview-note{font-size:9px!important;color:#87917c;margin-top:13px;line-height:1.6!important}
.phone-community{padding:11px}
.phone-post-media{height:145px;position:relative;overflow:hidden;margin-top:10px;background:#11180d}
.phone-post-media>img{width:100%;height:100%;object-fit:cover;object-position:25% center}
.phone-post-media .post-badge{top:8px;right:8px;font-size:8px;padding:4px 6px}
.phone-community .community-actions{margin-top:11px;gap:2px;padding-top:7px}
.phone-community .community-action{font-size:9px;min-height:48px}
.phone-community .community-sponsor{font-size:7px}
.phone-community .community-action .icon{width:16px;height:16px}
.phone-media-picker{margin-top:12px;width:100%;justify-content:center;font-size:10px}
.community-comment-list{max-height:240px;overflow:auto;margin-bottom:22px}
.local-comment{padding:14px 0;border-bottom:1px solid var(--line)}
.local-comment b{font-size:11px;color:#74875c}
.local-comment p{white-space:pre-wrap;overflow-wrap:anywhere;font-size:15px;margin-top:6px;line-height:1.7}
.empty-comments{font-size:14px;color:#849175;padding:12px 0}
.modal-form textarea{font:inherit;resize:vertical;border:1px solid #ccd3c1;background:white;padding:12px;min-height:92px;border-radius:0}
.modal-form textarea:focus-visible{outline:3px solid #7aaa00;outline-offset:2px}
.share-post-url{font-size:12px;background:white;border:1px solid #ccd3c1;padding:12px;width:100%;margin:12px 0 20px}
.share-status{font-size:13px;color:#637c3e;margin-top:16px;min-height:24px}
.support-mode-options{padding:0;margin:0;border:0;display:grid;gap:9px}
.support-mode-options legend{font-size:14px;font-weight:700;margin-bottom:10px}
.support-mode-option{display:flex;gap:12px;align-items:flex-start;border:1px solid #cbd5bd;padding:13px;cursor:pointer;background:#f8faf4}
.support-mode-option:has(input:checked){border-color:#6c8e37;background:#e9f1dc}
.support-mode-option input{margin-top:5px;accent-color:#436320;flex-shrink:0}
.support-mode-option b{display:block;font-size:16px}
.support-mode-option small{display:block;font-size:12px;color:#6d7d5b;margin-top:4px;line-height:1.6}
.support-amount-row{display:flex;align-items:center;border:1px solid #c6d1b6;background:white;direction:ltr;margin-top:-8px}
.support-amount-row input{width:100%;min-width:0;border:0;background:transparent;padding:12px;font-size:20px}
.support-amount-row>span{padding:0 16px;font:11px Arial;color:#788b61}
#support-sport-field[hidden]{display:none}
#support-sport{width:100%;background:#fff;border:1px solid #c6d1b6;padding:11px;margin-top:9px;font-size:15px}
.support-restriction,.support-field-note{font-size:12px;line-height:1.8;color:#64794b;margin:9px 0 0}
.support-field-note{margin-top:0}
.support-summary{background:#14200d;color:var(--lime);padding:25px;display:flex;flex-direction:column;gap:5px;margin-bottom:20px}
.support-summary>span{font-size:12px}
.support-summary>strong{font:55px Barlow,Tajawal,sans-serif;line-height:1.25;overflow-wrap:anywhere}
.support-summary>small{font-size:14px;color:#d4dfc5}
.support-summary>span:last-child{color:#93a57d;border-top:1px solid #ffffff25;padding-top:13px;margin-top:10px;font-size:11px}
.restricted-summary{display:flex;gap:12px;padding:16px;background:#e7f0d8;border-inline-start:3px solid #79994c;margin-bottom:20px}
.restricted-summary .icon{color:#688b35;margin-top:2px}
.restricted-summary b{font-size:16px}
.restricted-summary p{font-size:13px;line-height:1.8;margin-top:5px;color:#71825d}
.support-preview-disclaimer{font-size:12px;margin-top:20px}
@media(max-width:540px){.post-body{padding:15px}.community-action{font-size:10px}.community-sponsor{font-size:8px}.support-mode-option{padding:11px}.support-mode-option b{font-size:15px}.support-mode-option small{font-size:11px}}

/* Athlete journey approved by the owner: practice through earned points. */
.point-flow{display:grid;grid-template-columns:1fr 12px 1fr 12px 1.6fr 12px 1.8fr 12px 1.6fr;gap:7px;text-align:center;font-size:15px;line-height:1.65}
.point-flow [role="listitem"]{min-width:0}
@media(max-width:850px){.point-flow{grid-template-columns:1fr;text-align:start;gap:2px;font-size:16px}.point-flow .flow-arrow,html[dir=ltr] .point-flow .flow-arrow{width:20px;text-align:center;transform:rotate(-90deg);margin-inline-start:4px}}