@font-face{font-family:Nunito;src:url('assets/nunito.ttf')}@font-face{font-family:Nunito;src:url('assets/nunito-bold.ttf');font-weight:700 900}@font-face{font-family:Arabic;src:url('assets/arabic.ttf')}
:root{--paper:#f8f5ed;--ink:#263f39;--green:#226c59;--muted:#68776f;--line:#dedfd3;--mint:#dfede4;--gold:#b67b38;--white:#fffef9}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Nunito,system-ui,sans-serif;line-height:1.6}a{color:inherit;text-decoration:none}a:focus-visible{outline:3px solid var(--gold);outline-offset:6px;border-radius:5px}.site-shell{max-width:1120px;padding:0 44px;margin:auto}header{height:110px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line)}.wordmark{display:flex;align-items:center;gap:10px;font-size:27px;letter-spacing:-.8px;font-weight:700}.wordmark b{font-weight:400}.deen-mark{font-size:34px;color:var(--gold);line-height:1;margin-right:2px}nav a{font-size:13px;font-weight:700;padding:12px 17px;background:#e9eee2;border-radius:12px}nav a span{margin-left:15px;color:var(--green)}main{padding-top:50px}.hero{display:grid;grid-template-columns:1.3fr 1fr;gap:50px;align-items:center;min-height:370px;padding:25px 0 55px}.eyebrow{font-size:10px;letter-spacing:1.8px;font-weight:700;color:var(--green);margin:0}h1{font-size:clamp(42px,5.5vw,61px);line-height:1.13;letter-spacing:-2px;margin:17px 0 20px;font-weight:800}h1 em{color:var(--green);font-style:normal}.hero-description{font-size:17px;color:var(--muted);line-height:1.9;margin:0}.hero-link{display:inline-flex;align-items:center;gap:30px;font-size:12px;font-weight:700;margin-top:27px;color:var(--green)}.learning-art{height:290px;position:relative;max-width:380px}.art-orbit{position:absolute;inset:17px 3px;border:1px dashed #b7c7af;border-radius:50%;transform:rotate(-15deg)}.art-page{position:absolute;width:172px;height:205px;border-radius:21px;border:1px solid #c8d7c1;box-shadow:0 14px 30px #253e3808}.page-back{background:#e9e3f2;transform:rotate(14deg);top:22px;right:28px;border-color:#d3c8e3;display:flex;align-items:center;justify-content:center}.page-back>span{font-size:83px;color:#9485ad}.page-front{background:#fff8e8;transform:rotate(-10deg);left:25px;top:65px;border-color:#e0d2b5;padding:22px 25px}.page-sun{color:var(--gold);font-size:39px;line-height:1}.page-line{height:4px;background:#dcc8a4;border-radius:6px;margin-top:18px;width:85px}.page-line.short{margin-top:10px;width:55px}.page-growth{display:flex;align-items:flex-end;gap:10px;margin-top:24px;height:32px}.page-growth i{display:block;width:19px;background:#7ea789;border-radius:8px}.page-growth i:nth-child(1){height:16px}.page-growth i:nth-child(2){height:24px}.page-growth i:nth-child(3){height:32px}.art-dot{position:absolute;width:13px;height:13px;border-radius:50%;background:#9bc9b0}.dot-one{right:0;top:90px}.dot-two{left:1px;bottom:20px;background:#d7b66f;width:10px;height:10px}.art-spark{position:absolute;right:24px;bottom:0;color:var(--gold);font-size:35px}.apps-section{scroll-margin-top:25px;padding-top:20px}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:22px}.section-heading h2{font-size:26px;letter-spacing:-.7px;margin:8px 0 0}.section-heading>span{font-size:12px;color:var(--muted)}.app-card{display:grid;grid-template-columns:1.2fr 1fr;background:var(--white);border:1px solid var(--line);border-radius:26px;overflow:hidden;box-shadow:0 9px 30px #253e3805}.app-card-copy{padding:34px 36px}.app-identity{display:flex;align-items:center;gap:15px;margin-bottom:22px}.app-identity img{border-radius:16px}.app-identity p{font-size:9px;letter-spacing:1.5px;color:var(--green);font-weight:700;line-height:1.8;margin:0}.app-card h3{font-size:32px;letter-spacing:-.8px;line-height:1.2;margin:0 0 14px}.app-description{font-size:14px;color:var(--muted);line-height:1.9;max-width:430px;margin:0}.app-card ul{list-style:none;margin:22px 0 25px;padding:0;display:flex;flex-wrap:wrap;gap:9px 17px}.app-card li{font-size:11px;color:var(--muted)}.app-card li span{color:var(--green);font-weight:700;margin-right:6px}.app-link{display:inline-flex;align-items:center;justify-content:space-between;gap:35px;background:var(--green);color:white;border-radius:12px;padding:13px 17px;font-size:13px;font-weight:700;min-width:220px;transition:transform .15s,filter .15s}.app-link:hover{transform:translateY(-2px);filter:brightness(1.07)}.app-preview{background:#e8eee3;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:28px 18px;min-height:340px;border-left:1px solid var(--line)}.preview-label{font-size:8px;letter-spacing:1.8px;color:#658473;font-weight:700}.preview-cards{display:flex;align-items:center;justify-content:center;width:100%;height:165px;position:relative;margin:15px 0}.pronoun-tile{font-family:Arabic,serif;font-size:50px;width:104px;height:115px;background:#fff9eb;border:1px solid #ddceb0;border-radius:17px;display:grid;place-items:center;position:absolute;line-height:1;box-shadow:0 6px 18px #263f3909}.tile-0{left:calc(50% - 144px);top:13px;transform:rotate(-13deg)}.tile-1{left:calc(50% - 49px);top:36px;background:#f4dfd1;border-color:#debaa1;transform:rotate(5deg);z-index:2}.tile-2{left:calc(50% + 44px);top:10px;background:#e7e0f0;border-color:#cfc3df;transform:rotate(13deg)}.preview-caption{display:flex;gap:23px;font-size:11px;color:#62756a}.about-note{text-align:center;padding:44px 0 39px;color:var(--muted);display:flex;align-items:center;justify-content:center;gap:17px}.about-note>span{font-size:28px;color:var(--gold)}.about-note p{font-size:12px;line-height:1.9;margin:0}footer{display:flex;justify-content:space-between;gap:20px;color:var(--muted);font-size:11px;padding:25px 0;border-top:1px solid var(--line)}@media(max-width:700px){.site-shell{padding:0 21px}header{height:87px}.wordmark{font-size:22px;gap:7px}.deen-mark{font-size:27px}nav a{font-size:10px;padding:10px 12px}nav a span{margin-left:9px}main{padding-top:24px}.hero{grid-template-columns:1fr;gap:24px;padding:14px 0 33px}.hero h1{font-size:43px;letter-spacing:-1.4px}.hero-description{font-size:14px}.hero-link{font-size:11px;margin-top:20px}.learning-art{height:170px;width:250px;transform:scale(.66);transform-origin:left top;margin-bottom:-57px;justify-self:end}.art-page{width:172px}.section-heading{display:block}.section-heading h2{font-size:23px}.section-heading>span{display:none}.eyebrow{font-size:8px;letter-spacing:1.5px}.app-card{grid-template-columns:1fr;border-radius:21px}.app-card-copy{padding:26px 24px}.app-identity{margin-bottom:20px}.app-card h3{font-size:29px}.app-description{font-size:13px}.app-card ul{gap:8px 13px;margin:19px 0 21px}.app-card li{font-size:10px}.app-preview{min-height:250px;border-left:0;border-top:1px solid var(--line);padding:22px 15px}.preview-cards{height:146px;margin:12px 0}.pronoun-tile{font-size:43px;width:94px;height:105px}.tile-0{left:calc(50% - 133px)}.tile-1{left:calc(50% - 46px)}.tile-2{left:calc(50% + 39px)}.about-note{padding:29px 0;gap:13px}.about-note p{font-size:11px}footer{font-size:10px;padding:20px 0}}@media(max-width:360px){.site-shell{padding:0 16px}.wordmark{font-size:20px}nav a{font-size:9px;padding:9px}.hero h1{font-size:39px}.app-card-copy{padding:23px 21px}.pronoun-tile{width:85px}.tile-0{left:calc(50% - 126px)}.tile-2{left:calc(50% + 36px)}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important;animation:none!important}}