/*
Theme Name: X10 Institute
Theme URI: https://x10institute.com
Author: X10 Institute
Description: Arabic-first bilingual standalone custom theme for X10 Institute, with editable settings, Elementor compatibility, complete pages, demo imports, and registration management.
Version: 2.2.1
Text Domain: x10-institute
*/
@import url('https://fonts.googleapis.com/css2?family=Cairo:wght@400;500;600;700;800&family=Manrope:wght@400;500;600;700&family=Space+Mono:wght@400;700&display=swap');
:root{--navy:#0d1d2f;--navy2:#132a41;--paper:#fbfaf7;--ivory:#f5f1e9;--bronze:#b8925d;--bronze2:#d6bc91;--slate:#687481;--line:#d9d5cd}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--navy);font-family:Cairo,Manrope,sans-serif}.site{overflow:hidden}button,a{font:inherit}.shell{width:min(1240px,calc(100% - 80px));margin:auto}.site-header{position:fixed;z-index:20;top:0;inset-inline:0;color:var(--ivory);transition:.25s}.site-header.scrolled{background:rgba(13,29,47,.95);backdrop-filter:blur(14px)}.header-inner{height:86px;display:flex;align-items:center;gap:34px}.brand{display:flex;align-items:center;gap:10px;color:inherit;text-decoration:none}.brand img{width:42px;height:42px;object-fit:contain}.brand b{display:block;letter-spacing:.16em;font:700 17px Manrope}.brand small{display:block;font-size:8px;opacity:.7;margin-top:5px}.nav{display:flex;gap:22px;margin:auto}.nav a,.lang-toggle{color:inherit;text-decoration:none;background:none;border:0;font-size:12px;opacity:.8;cursor:pointer}.nav a:hover,.lang-toggle:hover{color:var(--bronze2);opacity:1}.header-cta,.button{border:1px solid rgba(214,188,145,.65);background:transparent;color:var(--ivory);padding:11px 16px;font-size:11px;text-decoration:none;cursor:pointer}.header-cta:hover,.button.gold:hover{background:var(--bronze);color:var(--navy)}.mobile-toggle{display:none;background:none;border:0;color:inherit;font-size:23px}.hero{position:relative;min-height:760px;background:var(--navy);color:var(--ivory);display:flex;align-items:center}.hero-bg{position:absolute;inset:0;background-size:cover;background-position:center;opacity:.63}.hero:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(13,29,47,.97),rgba(13,29,47,.7) 47%,rgba(13,29,47,.18))}[dir=rtl] .hero:after{background:linear-gradient(270deg,rgba(13,29,47,.97),rgba(13,29,47,.7) 47%,rgba(13,29,47,.18))}.hero-grid{position:relative;z-index:1;display:grid;grid-template-columns:1.1fr .9fr;gap:10%;align-items:center;padding-top:80px}.eyebrow{font:10px 'Space Mono';letter-spacing:.12em;color:#947445;text-transform:uppercase;margin:0 0 22px}.hero .eyebrow{color:var(--bronze2)}h1,h2,h3,p{margin-top:0}.hero h1{font-size:clamp(46px,6vw,88px);line-height:1.12;letter-spacing:-.06em;margin-bottom:24px}.hero p{font-size:16px;line-height:2;color:#d8d9d5;max-width:590px}.actions{display:flex;gap:25px;align-items:center;margin-top:35px}.button.gold{border:0;background:var(--bronze);color:var(--navy);display:inline-flex;gap:25px;align-items:center}.text-link{color:inherit;text-decoration:none;border-bottom:1px solid var(--bronze);padding-bottom:6px;font-size:12px}.route{align-self:end;margin-bottom:90px}.route small{font:10px 'Space Mono';color:var(--bronze2)}.route-graphic{width:250px;height:170px;border-left:1px solid var(--bronze2);border-bottom:1px solid var(--bronze2);margin-top:24px;position:relative}.route-graphic:after{content:'';position:absolute;left:20%;bottom:28%;width:62%;height:1px;background:var(--bronze2);transform:rotate(-32deg);transform-origin:left}.hero-foot{position:absolute;z-index:2;bottom:32px;left:50%;transform:translateX(-50%);font:10px 'Space Mono';color:var(--bronze2);letter-spacing:.12em}.strip{background:var(--ivory);border-bottom:1px solid var(--line);padding:34px 0}.strip-inner{display:flex;justify-content:space-between;align-items:center;gap:25px}.strip strong{font-size:15px}.strip span{font-size:11px;color:var(--slate)}section{padding:120px 0;position:relative}section:before{position:absolute;top:36px;inset-inline-start:calc((100% - min(1240px,calc(100% - 80px)))/2);font:15px 'Space Mono';color:var(--bronze)}section:nth-of-type(2):before{content:'02 / ABOUT'}section:nth-of-type(3):before{content:'03 / WHY X10'}section:nth-of-type(4):before{content:'04 / PROGRAMS'}section:nth-of-type(5):before{content:'05 / METHOD'}section:nth-of-type(6):before{content:'06 / CORPORATE'}section:nth-of-type(7):before{content:'07 / TRAINERS'}section:nth-of-type(8):before{content:'08 / PARTNERSHIPS'}section:nth-of-type(9):before{content:'09 / COMMUNITY'}section:nth-of-type(10):before{content:'10 / FAQ'}.paper{background:var(--paper)}.ivory{background:var(--ivory)}.beige{background:#e9e5dc}.navy{background:var(--navy);color:var(--ivory)}.intro-grid,.bridge-grid,.process-grid,.corporate-grid,.community-grid,.faq-grid{display:grid;grid-template-columns:1fr 1fr;gap:100px;align-items:start}.marker{color:var(--bronze);font:13px 'Space Mono';margin-bottom:45px}.marker b{font-size:28px}.lead{font-size:16px;line-height:2;color:#4e5b65;max-width:650px}.section-title{font-size:clamp(38px,4vw,62px);line-height:1.15;letter-spacing:-.055em;margin-bottom:24px}.rail,.programs,.steps,.faq-list,.community-list{border-top:1px solid var(--navy)}.rail-row,.step,.community-row{display:grid;grid-template-columns:60px 1fr;gap:18px;border-bottom:1px solid var(--line);padding:22px 0}.rail-row b,.program-number,.step b,.community-row b{font:12px 'Space Mono';color:var(--bronze)}.why-grid,.audience-grid{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--navy)}.why-card,.audience-card{padding:25px 18px;border-bottom:1px solid var(--line);border-inline-end:1px solid var(--line);min-height:200px}.why-card h3,.audience-card h3{margin-top:36px;font-size:19px}.why-card p,.audience-card p,.program-body,.step p,.community-row p{font-size:13px;color:var(--slate);line-height:1.85}.program-row{display:grid;grid-template-columns:60px 1fr 40px;gap:25px;padding:34px 0;border-bottom:1px solid var(--line);position:relative}.program-row h3{font-size:29px;margin:8px 0 5px}.program-row strong{font-size:15px}.program-list{display:flex;flex-wrap:wrap;gap:8px 16px;margin-top:16px}.program-list span{font-size:11px;color:var(--slate)}.program-list span:before{content:'✓';color:var(--bronze);margin-inline-end:5px}.program-arrow{width:38px;height:38px;border:1px solid var(--line);border-radius:50%;background:none;cursor:pointer}.program-arrow:hover{background:var(--bronze)}.process-image img,.trainer-image img{width:100%;display:block;aspect-ratio:4/3;object-fit:cover;filter:saturate(.75)}.step{grid-template-columns:55px 1fr 20px}.step strong{font-size:18px}.step p{margin:5px 0}.corporate-step{display:grid;grid-template-columns:60px 1fr;gap:20px;padding:22px 0;border-bottom:1px solid var(--line)}.corporate-step b{font:14px 'Space Mono';color:var(--bronze)}.corporate-step h3{margin:0 0 4px}.corporate-step p{margin:0;color:var(--slate);font-size:13px;line-height:1.8}.trainer-image{margin-bottom:20px}.trainer-steps{display:flex;flex-wrap:wrap;border-top:1px solid var(--navy);margin:28px 0}.trainer-steps span{width:50%;padding:14px 0;border-bottom:1px solid var(--line);font-size:12px}.trainer-steps b{font:10px 'Space Mono';color:var(--bronze);margin-inline-end:8px}.pathway-list .pathway{display:grid;grid-template-columns:70px 1fr 40px;gap:20px;border-bottom:1px solid var(--line);padding:28px 0}.pathway-number{font:22px 'Space Mono';color:var(--bronze)}.pathway h3{margin:0 0 8px;font-size:24px}.pathway p{margin:0;color:var(--slate);font-size:13px;line-height:1.8}.clarity{max-width:980px;margin:auto}.clarity-mark{font:70px 'Space Mono';color:var(--bronze)}.community-row{grid-template-columns:40px 1fr}.audience-grid{margin-top:42px}.audience-card{min-height:230px}.faq-grid{grid-template-columns:.75fr 1.25fr}.faq-item{border-bottom:1px solid var(--line)}.faq-item button{width:100%;border:0;background:none;text-align:start;padding:22px 0;display:flex;justify-content:space-between;font-size:14px;cursor:pointer}.faq-item p{color:var(--slate);font-size:13px;line-height:1.9;margin:0 0 20px}.final{background:var(--navy);color:var(--ivory);padding:130px 0}.final h2{font-size:clamp(42px,6vw,82px);line-height:1.1;letter-spacing:-.06em;max-width:850px}.final p{max-width:560px;color:#c7ced0;line-height:1.9}.footer{background:#081522;color:var(--ivory);padding:62px 0 25px}.footer-grid{display:flex;justify-content:space-between;gap:60px}.footer a{display:block;color:var(--ivory);font-size:13px;margin-top:10px}.copyright{border-top:1px solid rgba(214,188,145,.25);margin-top:45px;padding-top:20px;font:10px 'Space Mono';display:flex;justify-content:space-between}@media(max-width:980px){.shell{width:min(100% - 40px,720px)}.nav{display:none}.nav.open{display:flex;position:absolute;top:86px;inset-inline:20px;background:var(--navy);padding:22px;flex-direction:column}.mobile-toggle{display:block}.header-cta{display:none}.hero-grid,.intro-grid,.bridge-grid,.process-grid,.corporate-grid,.community-grid,.faq-grid{grid-template-columns:1fr;gap:45px}.route{display:none}.why-grid,.audience-grid{grid-template-columns:1fr 1fr}.strip-inner{flex-direction:column;align-items:flex-start}}@media(max-width:560px){.shell{width:calc(100% - 32px)}section{padding:90px 0}.hero{min-height:720px}.hero h1{font-size:45px}.hero p{font-size:14px}.why-grid,.audience-grid{grid-template-columns:1fr}.program-row{grid-template-columns:40px 1fr 32px;gap:12px}.program-row h3{font-size:23px}.pathway-list .pathway{grid-template-columns:45px 1fr 32px}.footer-grid,.copyright{flex-direction:column;gap:20px}}