:root{--ttf-navy:#102a43;--ttf-blue:#1d4e6f;--ttf-sky:#dff3f6;--ttf-sun:#ffcb69;--ttf-coral:#ef7d68;--ttf-sand:#f7f0e2;--ttf-ink:#173042;--ttf-white:#fff;--ttf-line:rgba(16,42,67,.14);--ttf-shadow:0 22px 60px rgba(16,42,67,.13)}
.ttf{font-family:"Tajawal",sans-serif;color:var(--ttf-ink);background:#fffdfa;overflow:hidden}.ttf *{box-sizing:border-box}.ttf-shell{width:min(1180px,calc(100% - 40px));margin-inline:auto}.ttf h1,.ttf h2,.ttf h3,.ttf p{margin-top:0}.ttf h1{font-size:clamp(3rem,6.4vw,6rem);line-height:.95;letter-spacing:-.05em}.ttf h2{font-size:clamp(2rem,4vw,3.7rem);line-height:1.06;letter-spacing:-.04em}.ttf p{line-height:1.85}.ttf a{color:inherit}.ttf-section{padding:96px 0}.ttf-kicker{font-size:.77rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#a95a31}.ttf-heading{max-width:780px;margin-bottom:38px}.ttf-heading>p:last-child{font-size:1.08rem;color:#5a6d79}.ttf-btn{display:inline-flex;min-height:50px;align-items:center;justify-content:center;padding:13px 24px;border-radius:999px;border:1px solid transparent;text-decoration:none;font-weight:800;transition:.2s ease}.ttf-btn:hover{transform:translateY(-2px)}.ttf-btn:focus-visible,.ttf button:focus-visible,.ttf select:focus-visible,.ttf details:focus-within{outline:3px solid var(--ttf-sun);outline-offset:3px}.ttf-btn--sun{background:var(--ttf-sun);color:#102a43}.ttf-btn--line{border-color:rgba(255,255,255,.55);color:#fff}.ttf-hero{padding:66px 0 86px;color:#fff;background:radial-gradient(circle at 20% 18%,rgba(255,203,105,.2),transparent 24%),linear-gradient(130deg,#102a43 0%,#17405b 62%,#25677d 100%)}.ttf-hero__grid{display:grid;grid-template-columns:1.35fr .7fr;align-items:center;gap:64px}.ttf-crumb{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:40px;color:#cae6ed;font-size:.84rem}.ttf-crumb a{text-decoration:none}.ttf .ttf-hero h1{color:#fff!important}.ttf-hero .ttf-kicker{color:var(--ttf-sun)}.ttf-lead{font-size:1.2rem;color:#e2f0f4;max-width:790px}.ttf-actions{display:flex;gap:12px;flex-wrap:wrap;margin:30px 0}.ttf-trust{display:flex;gap:18px;flex-wrap:wrap;padding:0;list-style:none;color:#d3e9ef}.ttf-trust li:before{content:"✓";color:var(--ttf-sun);margin-left:7px}.ttf-board{background:#fff;color:var(--ttf-ink);padding:27px;border-radius:30px;box-shadow:0 30px 80px rgba(0,0,0,.25);transform:rotate(1.5deg)}.ttf-board__head span,.ttf-board__head strong{display:block}.ttf-board__head span{font-size:.7rem;letter-spacing:.17em;color:#63808f}.ttf-board__head strong{margin-top:7px}.ttf-orbit{height:285px;position:relative;display:grid;place-items:center;margin:14px 0}.ttf-orbit:before,.ttf-orbit:after{content:"";position:absolute;border:1px dashed #a9cbd3;border-radius:50%}.ttf-orbit:before{width:230px;height:230px}.ttf-orbit:after{width:150px;height:150px}.ttf-orbit__center{z-index:2;display:grid;place-items:center;width:88px;height:88px;border-radius:50%;background:var(--ttf-navy);color:#fff;font-weight:800}.ttf-orbit__item{position:absolute;z-index:2;display:grid;place-items:center;width:60px;height:60px;border-radius:20px;background:var(--ttf-sun);font-weight:800}.ttf-orbit__item--1{top:12px}.ttf-orbit__item--2{right:8px}.ttf-orbit__item--3{bottom:10px}.ttf-orbit__item--4{left:8px}.ttf-board__foot{display:flex;justify-content:space-between;border-top:1px solid var(--ttf-line);padding-top:17px;color:#a3532e}.ttf-model-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.ttf-model-grid article{border:1px solid var(--ttf-line);border-radius:22px;padding:25px;background:#fff;box-shadow:0 8px 22px rgba(16,42,67,.05)}.ttf-model-grid span{font-size:1.8rem;color:var(--ttf-coral);font-weight:800}.ttf-model-grid p{color:#5f717c;margin:0}.ttf-section--navy{background:var(--ttf-navy);color:#fff}.ttf .ttf-section--navy h2,.ttf .ttf-section--navy h3{color:#fff!important}.ttf-section--navy .ttf-kicker{color:var(--ttf-sun)}.ttf-age-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}.ttf-age-grid article{background:#183b58;border:1px solid rgba(255,255,255,.12);padding:23px;border-radius:20px}.ttf-age-grid span{color:var(--ttf-sun);font-weight:800}.ttf-age-grid ul{padding-right:18px;color:#d7e9ef;line-height:1.9}.ttf-planner{background:var(--ttf-sky)}.ttf-planner__grid{display:grid;grid-template-columns:1fr .82fr;gap:55px;align-items:center}.ttf-form{display:grid;grid-template-columns:repeat(2,1fr);gap:15px;margin-top:28px}.ttf-form label{font-weight:800}.ttf-form select{display:block;width:100%;min-height:50px;margin-top:8px;padding:10px;border:1px solid #9fbfc8;border-radius:12px;background:#fff;font:inherit}.ttf-result{background:var(--ttf-navy);color:#fff;border-radius:28px;padding:34px;box-shadow:var(--ttf-shadow)}.ttf-result>span{color:var(--ttf-sun);font-weight:800}.ttf-result>strong{display:block;font-size:1.7rem;line-height:1.3;margin:12px 0;color:#fff!important}.ttf-result p{color:#d9eaf0}.ttf-result small{display:block;margin-top:12px;color:#c4d9e1}.ttf-meter{height:9px;background:#294b65;border-radius:99px;margin:25px 0;overflow:hidden}.ttf-meter i{display:block;width:50%;height:100%;background:linear-gradient(90deg,var(--ttf-sun),var(--ttf-coral));transition:.25s ease}.ttf-duo{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.ttf-duo article{border-radius:28px;padding:30px;background:#fff;border:1px solid var(--ttf-line);box-shadow:var(--ttf-shadow)}.ttf-duo article>div{display:flex;justify-content:space-between;gap:20px;border-bottom:1px solid var(--ttf-line)}.ttf-duo span{color:#a3532e;font-weight:800}.ttf-duo ul{padding-right:20px;line-height:2}.ttf-duo a{font-weight:800;color:#125476}.ttf-section--sand{background:var(--ttf-sand)}.ttf-day{display:grid;grid-template-columns:.75fr 1.25fr;gap:50px}.ttf-day ol{padding:0;list-style:none;margin:0}.ttf-day li{display:grid;grid-template-columns:90px 1fr;gap:20px;padding:20px;border-bottom:1px solid var(--ttf-line)}.ttf-day li>span{font-size:1.5rem;color:#b15d36;font-weight:800}.ttf-day li p{margin:0;color:#5a6d79}.ttf-choice-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.ttf-choice-grid a{display:flex;min-height:190px;flex-direction:column;background:#f6fafb;border:1px solid #cde1e6;border-radius:22px;padding:24px;text-decoration:none}.ttf-choice-grid span{color:#a2532e;font-weight:800}.ttf-choice-grid strong{font-size:1.35rem;margin:22px 0 7px}.ttf-choice-grid p{margin:auto 0 0;color:#5a6d79}.ttf-section--health{background:#e9f3ec}.ttf-health{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:start}.ttf-health>div:last-child{display:grid;gap:12px}.ttf-health a{display:flex;flex-direction:column;border-radius:18px;background:#fff;padding:20px;text-decoration:none}.ttf-health a span{font-size:.75rem;color:#a2532e}.ttf-health a strong{margin-top:5px}.ttf-health>div:last-child>p{font-size:.9rem;color:#526a5c}.ttf-faq__grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.ttf-faq details{border:1px solid var(--ttf-line);border-radius:16px;padding:18px 20px;background:#fff}.ttf-faq summary{cursor:pointer;font-weight:800}.ttf-faq details p{margin:14px 0 0;color:#586d79}.ttf-final{padding:78px 0;background:linear-gradient(115deg,#102a43,#1f6075);color:#fff}.ttf-final__grid{display:grid;grid-template-columns:1.3fr .55fr;gap:45px;align-items:center}.ttf .ttf-final h2{color:#fff!important}.ttf-final p{color:#d8eaf0}.ttf-final__grid>div:last-child{display:grid;gap:14px}.ttf-final__grid>div:last-child>a:last-child{text-align:center;color:#fff;font-weight:800}
@media(max-width:980px){.ttf-hero__grid,.ttf-planner__grid,.ttf-day,.ttf-health,.ttf-final__grid{grid-template-columns:1fr}.ttf-board{max-width:560px;transform:none}.ttf-model-grid,.ttf-choice-grid{grid-template-columns:repeat(2,1fr)}.ttf-age-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:640px){.ttf-shell{width:min(100% - 28px,1180px)}.ttf-section{padding:68px 0}.ttf-hero{padding:42px 0 64px}.ttf h1{font-size:3rem}.ttf h2{font-size:2rem}.ttf-actions .ttf-btn{width:100%}.ttf-trust{display:grid;gap:7px}.ttf-board{padding:20px}.ttf-model-grid,.ttf-age-grid,.ttf-form,.ttf-duo,.ttf-choice-grid,.ttf-faq__grid{grid-template-columns:1fr}.ttf-day li{grid-template-columns:70px 1fr}.ttf-result{padding:25px}.ttf-age-grid article{padding:20px}}
@media(prefers-reduced-motion:reduce){.ttf *{scroll-behavior:auto!important;transition:none!important}}
.ttf .ttf-hero .ttf-lead,.ttf .ttf-hero .ttf-trust li{color:#e2f0f4!important}.ttf .ttf-section--navy .ttf-age-grid li{color:#d7e9ef!important}.ttf .ttf-result p,.ttf .ttf-result small{color:#d9eaf0!important}.ttf .ttf-final p{color:#d8eaf0!important}.ttf .ttf-final__grid>div:last-child>a:last-child{color:#fff!important}.ttf .ttf-hero .ttf-kicker,.ttf .ttf-section--navy .ttf-kicker{color:#f7c86b!important}.ttf .ttf-hero .ttf-btn--line{color:#fff!important;border-color:rgba(255,255,255,.55)!important}