@font-face{font-family:Outfit;src:url('/assets/outfit.woff2') format('woff2');font-weight:100 900;font-display:swap}
:root{--color-background:#F7F7FC;--color-surface:#FFF;--color-primary:#6657F5;--color-primary-strong:#4C3CDD;--color-primary-soft:#EFEDFF;--color-text-primary:#161722;--color-text-secondary:#64697B;--color-text-tertiary:#666E8A;--color-divider:#ECEEF5;--color-night:#0E1026;--color-night-surface:#171B33;--color-night-muted:#A3A8C0;--color-success:#0E7150;--color-danger:#BE2438;--color-gold:#F0B429;--radius-card:24px;--radius-hero:34px;--space-1:4px;--space-2:8px;--space-4:16px;--space-6:24px;--space-8:32px;--shadow-card:0 7px 24px rgb(0 0 0 / 5%);--gradient-hero:linear-gradient(135deg,#7567FF,#5849E8,#4033C8)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--color-background);color:var(--color-text-primary);font:450 17px/1.6 Outfit,system-ui,sans-serif}body:lang(ar){font-family:Tahoma,Arial,sans-serif;line-height:1.9}a{color:var(--color-primary-strong);text-underline-offset:4px}button,input{font:inherit}button,a,label,input{ -webkit-tap-highlight-color:transparent}button{cursor:pointer}img{max-width:100%;height:auto}h1,h2,h3,p{margin-top:0}h1,h2,h3{line-height:1.12;font-weight:650;letter-spacing:-.035em}h1{font-size:clamp(38px,5.2vw,68px);margin-bottom:24px}h2{font-size:clamp(30px,3.4vw,44px);margin-bottom:20px}h3{font-size:24px;margin-bottom:14px}p{color:var(--color-text-secondary)}a:focus-visible,button:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid var(--color-primary);outline-offset:5px}legend:focus,h2[tabindex]:focus{outline:none}.skip{position:absolute;inset-block-start:-100px;inset-inline-start:20px;z-index:10;background:white;padding:12px}.skip:focus{inset-block-start:10px}.site-header,.site-footer,main{max-width:1200px;margin-inline:auto}.site-header{display:flex;align-items:center;gap:28px;padding:24px 32px}.wordmark{display:inline-flex;align-items:center;gap:9px;font-size:27px;font-weight:750;letter-spacing:-1.1px;color:var(--color-text-primary);text-decoration:none;white-space:nowrap}.wordmark span{color:var(--color-primary);margin-inline-start:-8px}.wordmark img{border-radius:8px}.primary-nav{display:flex;gap:24px;margin-inline-start:auto;align-items:center}.primary-nav a{font-size:14px;color:var(--color-text-secondary);font-weight:550;text-decoration:none;min-height:44px;display:flex;align-items:center;white-space:nowrap}.primary-nav a:hover,.primary-nav a[aria-current]{color:var(--color-primary-strong)}.languages{display:flex;gap:4px}.languages a{font-size:12px;color:var(--color-text-secondary);padding:10px 5px;text-decoration:none;min-height:44px;display:grid;place-items:center}.languages a[aria-current]{color:var(--color-primary-strong);font-weight:700}.button{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:52px;padding:13px 24px;border-radius:14px;border:1px solid transparent;text-decoration:none;font-weight:600;font-size:16px;line-height:1.4;transition:background .16s,transform .16s}.button:hover{transform:translateY(-2px)}.primary{background:var(--color-primary);color:white}.primary:hover{background:var(--color-primary-strong)}.secondary{background:var(--color-surface);color:var(--color-primary-strong);border-color:#d9d5f8}.header-cta .button{font-size:13px;min-height:44px;padding:10px 17px}.button:disabled{cursor:default;opacity:.65;transform:none}.hero{display:grid;grid-template-columns:1.3fr 1fr;align-items:center;gap:60px;padding:65px 48px 60px;overflow-x:clip}.hero-copy{max-width:630px}.eyebrow{font-size:12px;letter-spacing:.16em;text-transform:uppercase;font-weight:650;color:var(--color-text-tertiary);margin-bottom:24px}.tiny-matrix{font-size:20px;color:var(--color-primary);vertical-align:middle;margin-inline-end:7px}h1 em{font-style:normal;color:var(--color-primary)}.lead{font-size:19px;line-height:1.65;max-width:600px}.actions{display:flex;align-items:center;flex-wrap:wrap;gap:20px;margin-block:28px 20px}.text-link{font-size:15px;font-weight:550;text-decoration:none}.micro,.note{font-size:13px;color:var(--color-text-tertiary);margin-top:20px}.hero-product{position:relative;display:grid;place-items:center;min-width:0;background:radial-gradient(ellipse at center,#e2dfff 0,transparent 69%)}.phone-figure{position:relative;margin:0;max-width:310px;z-index:1}.phone{border:7px solid #202139;border-radius:39px;overflow:hidden;background:#F7F7FC;box-shadow:0 25px 60px #29226325;line-height:0}.phone img{display:block;width:100%;height:auto}.phone-figure figcaption{font-size:11px;text-align:center;color:var(--color-text-tertiary);margin-top:18px}.orbit{position:absolute;width:390px;height:390px;border:1px solid #dcd8fa;border-radius:50%;max-width:110%;pointer-events:none}.orbit-two{width:480px;height:480px;max-width:120%}.value-strip{border-block:1px solid var(--color-divider);display:grid;grid-template-columns:repeat(3,1fr);gap:16px;padding:25px 48px;margin:0 32px}.value-strip div{display:flex;align-items:center;justify-content:center;gap:12px;font-size:14px;font-weight:550}.value-strip span{font-size:23px;color:var(--color-primary)}.section{padding:80px 48px}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:48px;margin-bottom:34px}.section-heading p{max-width:400px}.area-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.area-card,.feature-card{padding:26px;background:var(--color-surface);border-radius:var(--radius-card);box-shadow:var(--shadow-card)}.area-card h3{font-size:22px}.area-card p{font-size:15px}.category-icon{font-size:30px;color:var(--color-primary);margin-bottom:24px}.rail{display:flex;gap:4px;margin-top:28px}.rail i{height:5px;flex:1;border-radius:3px;background:var(--color-primary-soft)}.rail i:nth-child(-n+5){background:var(--color-primary)}.preview-section{background:var(--color-night);border-radius:var(--radius-hero);padding:56px;display:grid;grid-template-columns:1fr 1.25fr;align-items:center;gap:56px;margin:12px 32px}.preview-section h2{color:#F7F7FB}.preview-section p,.preview-section .eyebrow{color:var(--color-night-muted)}.preview-section .text-link{color:#b8afff}.puzzle-card{background:var(--color-surface);border-radius:var(--radius-card);padding:32px;box-shadow:var(--shadow-card);color:var(--color-text-primary)}.puzzle-meta{display:flex;justify-content:space-between;gap:16px;font-size:11px;font-weight:650;letter-spacing:.08em;text-transform:uppercase;color:var(--color-text-tertiary);margin-bottom:20px}.puzzle-card fieldset{padding:0;border:0;margin:0;min-width:0}.puzzle-card legend{font-size:21px;font-weight:550;line-height:1.45;width:100%;padding:0;margin-bottom:24px}.stimulus{font-size:clamp(20px,3vw,29px);font-weight:600;text-align:center;padding:24px 4px 32px;white-space:pre-wrap;letter-spacing:.025em;color:#23252D}.answers{display:grid;grid-template-columns:1fr 1fr;gap:12px}.answer{display:flex;align-items:center;position:relative;gap:12px;padding:13px 14px;min-height:54px;border:1px solid #d8dbe7;border-radius:14px;cursor:pointer;font-size:15px;line-height:1.5}.answer input{position:absolute;opacity:0;width:1px;height:1px}.answer:has(input:focus-visible){outline:3px solid var(--color-primary);outline-offset:3px}.answer:has(input:checked){border-color:var(--color-primary);background:var(--color-primary-soft)}.answer.is-correct{border-color:var(--color-success);background:#e9f7f0}.option-letter{font-size:11px;color:var(--color-text-tertiary);border:1px solid #d8dbe7;border-radius:6px;min-width:22px;height:22px;display:grid;place-items:center}.feedback{font-size:14px;margin:16px 0;min-height:0}.preview-section .feedback{color:var(--color-text-secondary)}.feedback.correct,.preview-section .feedback.correct{color:var(--color-success)}.feedback.incorrect,.preview-section .feedback.incorrect{color:var(--color-danger)}.puzzle-card .button{width:100%}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.feature-number{color:var(--color-primary);font-size:13px;font-weight:650;display:block;margin-bottom:35px}.feature-card p{font-size:16px;margin-bottom:0}.daily-banner{background:var(--gradient-hero);border-radius:var(--radius-hero);margin:0 32px;padding:50px 56px;display:grid;grid-template-columns:1.4fr 1fr;gap:55px;align-items:center}.daily-banner h2,.daily-banner p{color:white}.daily-banner p{max-width:550px}.daily-banner .button{background:white;color:var(--color-primary-strong);margin-top:12px}.daily-pattern{display:grid;grid-template-columns:1fr 1fr;gap:14px;transform:rotate(-8deg);max-width:240px;margin-inline:auto;width:100%}.daily-pattern span{aspect-ratio:1;display:grid;place-items:center;border:1px solid #ffffff60;border-radius:24px;font-size:48px;color:white;background:#ffffff15}.daily-pattern span:last-child{background:white;color:var(--color-primary)}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;margin-top:40px}.steps span{color:var(--color-primary);font-size:13px;font-weight:600}.steps h3{margin-top:20px}.tour-rail{display:flex;gap:28px;justify-content:center;align-items:flex-start}.tour-rail .phone-figure{flex:1 1 0;min-width:0;max-width:266px}.tour-rail figcaption{font-size:13px;color:var(--color-text-secondary);margin-top:14px}.app-cta{border-top:1px solid var(--color-divider);margin:0 48px;padding:64px 0;display:flex;align-items:center;justify-content:space-between;gap:40px}.app-cta h2{font-size:36px}.app-cta .eyebrow{margin-bottom:15px}.app-cta p:last-child{margin-bottom:0}.site-footer{border-top:1px solid var(--color-divider);padding:40px 48px;display:flex;align-items:center;justify-content:space-between;gap:24px;font-size:13px}.site-footer nav{display:flex;flex-wrap:wrap;gap:20px}.site-footer nav a{color:var(--color-text-secondary)}.site-footer p{margin:8px 0}.narrow{max-width:740px;margin:auto;padding:65px 32px 90px;min-height:65vh}.page-heading{text-align:center;margin-bottom:35px}.page-heading .lead{margin-inline:auto}.page-heading h1{font-size:clamp(34px,4vw,50px)}.intro-card{background:white;padding:36px;border-radius:var(--radius-card);text-align:center;box-shadow:var(--shadow-card)}.intro-symbols{font-size:35px;color:var(--color-primary);letter-spacing:.2em;margin-bottom:25px}.result-card{background:var(--color-night);color:white;padding:40px;border-radius:var(--radius-card);text-align:center}.result-card p{color:#b8bed5}.result-score{font-size:90px;margin:20px 0 5px}.result-score span{font-size:35px;color:#aaa3dc}.result-next{text-align:center;padding:35px 0}.result-next h2{font-size:27px}.explanation{padding:20px 24px;background:white;border-radius:18px;margin:15px 0;box-shadow:var(--shadow-card)}summary{cursor:pointer;font-weight:550;min-height:44px}summary span{color:var(--color-success)}.explanation p{font-size:15px;margin-block:12px}.small-heading{font-size:23px}.feature-card .button{margin-top:25px}.article{max-width:800px;padding:65px 32px 85px;margin:auto}.article section{margin-block:40px}.article h2{font-size:26px}.challenge-stage{text-align:center}.challenge-code{font-size:48px;letter-spacing:.15em;font-weight:650;color:var(--color-primary-strong);padding:18px;background:white;border-radius:20px}.challenge-stage .lead{margin-inline:auto}progress{appearance:none;width:100%;height:5px;border:0;background:var(--color-divider);border-radius:5px;margin-bottom:30px}progress::-webkit-progress-bar{background:var(--color-divider);border-radius:5px}progress::-webkit-progress-value{background:var(--color-primary);border-radius:5px}progress::-moz-progress-bar{background:var(--color-primary);border-radius:5px}:lang(ar) h1,:lang(ar) h2,:lang(ar) h3{letter-spacing:0;line-height:1.5}:lang(ar) .eyebrow{letter-spacing:0}:lang(ar) .wordmark{direction:ltr}
@media(max-width:1050px){.tour-rail{gap:18px}.site-header{gap:15px}.primary-nav{gap:15px}.header-cta{display:none}.hero{gap:35px;padding-inline:32px}.area-grid{grid-template-columns:repeat(2,1fr)}.preview-section{gap:30px;padding:40px}.phone-figure{max-width:280px}.site-footer{flex-wrap:wrap}}
@media(max-width:700px){.tour{padding-inline:0}.tour .section-heading{padding-inline:24px}.tour-rail{justify-content:flex-start;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;gap:14px;padding:4px 24px 14px;scroll-padding-inline:24px}.tour-rail .phone-figure{flex:0 0 auto;width:208px;scroll-snap-align:center}.site-header{padding:17px 20px;flex-wrap:wrap;gap:8px 15px}.wordmark{font-size:25px}.languages{margin-inline-start:auto}.primary-nav{order:3;width:100%;justify-content:space-between;flex-wrap:wrap;margin:6px 0 0;gap:10px;border-top:1px solid var(--color-divider);padding-top:5px}.primary-nav a{font-size:12px}.hero{grid-template-columns:1fr;padding:40px 24px;gap:35px}.hero h1{font-size:clamp(35px,8vw,52px)}.lead{font-size:17px}.hero .actions{gap:20px}.hero-product{padding-block:8px}.phone-figure{max-width:250px}.hero-product .orbit{width:290px;height:290px}.hero-product .orbit-two{width:335px;height:335px}.value-strip{padding:22px 0;margin:0 24px;grid-template-columns:1fr;gap:10px}.value-strip div{justify-content:flex-start}.section{padding:50px 24px}.section-heading{display:block;margin-bottom:25px}.section-heading p{max-width:none}.area-grid{gap:12px}.area-card{padding:20px 17px}.area-card h3{font-size:21px}.area-card p{font-size:14px}.category-icon{margin-bottom:15px}.preview-section{grid-template-columns:1fr;margin:0 12px;padding:30px 16px;gap:22px;border-radius:24px}.preview-section>div{padding:8px}.puzzle-card{padding:24px 19px}.puzzle-card legend{font-size:19px}.stimulus{font-size:21px;overflow-wrap:anywhere}.answer{padding:12px 10px;gap:8px;font-size:14px}.feature-grid,.steps{grid-template-columns:1fr;gap:16px}.feature-card{padding:26px}.feature-number{margin-bottom:20px}.daily-banner{margin:0 12px;padding:32px 24px;grid-template-columns:1fr;gap:30px;border-radius:24px}.daily-pattern{max-width:175px}.daily-pattern span{font-size:34px;border-radius:18px}.steps{margin-top:30px}.steps article{padding-block:12px}.app-cta{margin:0 24px;padding:40px 0;display:block}.app-cta .button{margin-top:25px}.site-footer{padding:30px 24px;display:block}.site-footer nav{margin-block:25px;gap:10px 22px}.site-footer nav a{min-height:44px;display:flex;align-items:center}.narrow{padding:40px 20px 60px}.narrow .page-heading h1{font-size:35px}.article{padding:40px 24px}.result-card{padding:30px 24px}.eyebrow{font-size:11px}.intro-card{padding:28px 20px}.share-buttons{gap:10px}.share-buttons .button{padding:12px 16px}h2{font-size:32px}:lang(ar) .primary-nav a{font-size:11px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}.button:hover{transform:none}}
@media(max-width:700px){.hero-product .orbit{max-width:100%}}
@media(max-width:360px){.site-header{padding-inline:16px}.primary-nav{gap:8px}.primary-nav a,:lang(ar) .primary-nav a{font-size:11px}}

.search-guide{overflow-wrap:anywhere}.search-guide h2{margin-top:2.5rem}.search-guide h3{margin-top:1.8rem}.search-guide li{margin-block:.65rem}.search-guide code{white-space:normal}.guide-equation{font-size:1.2rem;font-weight:600;direction:ltr;text-align:start}
/* 2026-09-16 audit: language links measured as narrow as 23.7 px. */
.languages a{min-width:44px;min-height:44px}
@media(max-width:360px){.site-header{column-gap:8px}.site-header .wordmark{font-size:22px;gap:6px}.site-header .wordmark img{width:28px;height:28px}}