body [hidden]{display:none!important}.journeys-page{width:min(1200px,calc(100% - 64px));margin:auto}.journey-top{padding-block:41px 0;display:flex;justify-content:space-between;align-items:center;gap:23px}.journey-top>.eyebrow{font-size:8px;letter-spacing:1.1px;margin:0;max-width:290px}.journey-roles{display:flex;gap:4px;background:var(--panel);border:1px solid var(--line);padding:5px;border-radius:30px;flex:0 0 auto}.journey-roles button{padding:11px 22px;border:0;border-radius:24px;background:none;font-size:12px;color:var(--muted);font-weight:400}.journey-roles button[aria-selected=true]{background:var(--ink);color:var(--paper);box-shadow:0 3px 7px #00000008}.journey-roles button:hover{color:var(--green)}.journey-roles button[aria-selected=true]:hover{color:var(--paper)}.journey-hero{display:grid;grid-template-columns:1.14fr 1fr;gap:68px;align-items:center;padding-block:44px 50px;min-height:569px}.role-eyebrow{font-size:9px;letter-spacing:1.3px;color:var(--green);font-weight:500;margin-bottom:23px}.journey-hero h1{font-size:clamp(44px,4.8vw,69px);line-height:1.06;letter-spacing:-.055em;font-weight:600;max-width:630px;margin-bottom:24px}.journey-hero-copy>p:not(.role-eyebrow):not(.human-note){font-size:15px;line-height:1.85;color:var(--muted);max-width:440px;margin-bottom:26px}.hero-actions{display:flex;flex-direction:column;align-items:start;gap:17px}.hero-actions .site-button{font-size:12px;min-height:48px;padding:15px 23px;font-weight:500}.journey-link{display:inline-flex;gap:18px;align-items:center;font-size:11px;color:var(--green);text-decoration:none}.journey-link:hover{text-decoration:underline;text-underline-offset:5px}.human-note{font-size:10px!important;color:var(--muted);line-height:1.8;max-width:360px;margin-block:28px 0}.journey-visual{min-width:0;display:flex;justify-content:center;align-items:center;flex-direction:column;position:relative;isolation:isolate;padding:15px 0 0}.journey-visual:before{content:'';position:absolute;inset:80px 10px 58px;background:var(--panel);border-radius:40px;z-index:-1}.ios-phone{width:211px;border:1px solid #39493c;background:#14221a;padding:7px;border-radius:36px;position:relative;box-shadow:0 25px 44px -25px #18311b44,0 0 0 3px #b8c5b631;transform:rotate(3deg);flex:0 0 auto}.ios-phone img{display:block;width:100%;height:auto;border-radius:29px;aspect-ratio:1320/2868;object-fit:cover}.ios-phone:before{content:'';position:absolute;left:-4px;top:64px;width:3px;height:34px;border-radius:2px;background:#50604f;box-shadow:0 46px 0 #50604f}.ios-phone:after{content:'';position:absolute;right:-4px;top:96px;width:3px;height:50px;background:#50604f;border-radius:2px}.app-caption{font-size:8px;line-height:1.7;color:var(--muted);margin:20px 0 0;max-width:275px;text-align:center}.screen-label{display:block;color:var(--green);font-size:7px;letter-spacing:.8px;margin-bottom:3px}.workflow-visual{width:100%;max-width:440px;background:var(--panel);padding:31px 28px;border-radius:25px;position:relative}.workflow-heading{display:flex;gap:11px;align-items:center;justify-content:space-between;margin-bottom:28px}.workflow-heading h2{font-size:26px;letter-spacing:-1px;line-height:1.18;font-weight:500;margin:0;max-width:260px}.workflow-heading>span{color:var(--green);font-size:32px;font-weight:400}.workflow-rows{display:grid;gap:19px}.workflow-row{display:flex;gap:15px;align-items:center}.workflow-icon{background:color-mix(in srgb,var(--green) 12%,var(--paper));color:var(--green);border-radius:12px;flex:0 0 auto;width:40px;height:40px;display:grid;place-items:center;font-size:20px}.workflow-row strong{font-size:12px;line-height:1.4;font-weight:500;display:block;margin-bottom:4px}.workflow-row p{font-size:10px;color:var(--muted);line-height:1.65;margin:0}.workflow-caption{font-size:7px;color:var(--muted);line-height:1.7;margin:24px 0 0;padding-top:17px;border-top:1px solid var(--line)}.tools-intro{display:flex;gap:40px;justify-content:space-between;align-items:end;padding-top:32px;margin-bottom:23px}.tools-intro .eyebrow{font-size:8px;letter-spacing:1px;margin-bottom:17px}.tools-intro h2{font-size:40px;line-height:1.12;letter-spacing:-.045em;font-weight:500;margin:0}.tools-intro>p{font-size:12px;line-height:1.8;color:var(--muted);max-width:345px;margin-bottom:2px}.journey-steps{border-top:1px solid var(--line)}.journey-step{position:relative;border-bottom:1px solid var(--line)}.journey-step summary{cursor:pointer;list-style:none;display:grid;grid-template-columns:42px 1fr 25px;gap:21px;padding:28px 0;align-items:start}.journey-step summary::-webkit-details-marker{display:none}.step-icon{width:34px;height:34px;display:grid;place-items:center;border-radius:10px;color:var(--green);background:color-mix(in srgb,var(--green) 9%,var(--paper));font-size:19px;line-height:1;margin-top:4px}.journey-step h3{font-size:26px;font-weight:500;letter-spacing:-.04em;line-height:1.18;margin:0 0 10px}.journey-step summary p{font-size:13px;line-height:1.8;color:var(--muted);max-width:800px;margin:0}.step-toggle{font-size:23px;line-height:1;padding-top:7px;font-weight:400;color:var(--muted);transition:transform .2s}.journey-step[open] .step-toggle{transform:rotate(45deg)}.step-detail{margin-inline-start:63px;padding-block:0 28px;max-width:800px}.step-detail p{font-size:13px;line-height:1.9;color:var(--muted);max-width:740px;margin-bottom:20px}.step-detail .journey-link{font-size:11px}.related-section{padding-block:57px 29px}.related-section h2{font-size:27px;font-weight:500;letter-spacing:-.035em;line-height:1.3;margin-bottom:24px}.related-links{display:flex;flex-wrap:wrap;gap:25px}.related-links a{font-size:12px;color:var(--green);display:flex;align-items:center;gap:12px;padding:5px 0}.related-links a:hover{text-decoration:underline;text-underline-offset:4px}.journey-availability{display:flex;gap:9px;align-items:start;padding:20px 0 35px}.availability-dot{margin-top:6px;width:5px;height:5px;border-radius:50%;background:var(--muted);flex:0 0 auto}.journey-availability p{font-size:9px;line-height:1.8;color:var(--muted);max-width:820px;margin:0}.journey-end{display:flex;justify-content:space-between;align-items:center;gap:25px;border-top:1px solid var(--line);padding-block:34px 46px}.journey-end h2{font-size:27px;line-height:1.2;letter-spacing:-.035em;font-weight:500;margin:0 0 13px}.journey-end p{font-size:12px;line-height:1.8;color:var(--muted);margin:0;max-width:470px}.journey-end .site-button{font-size:11px;font-weight:500;padding:14px 22px;white-space:nowrap}.journey-hero[data-role=educator],.journey-hero[data-role=school]{min-height:493px}
html[lang=ar] .journey-hero h1{font-size:clamp(39px,4.3vw,61px);line-height:1.42;letter-spacing:-.5px}html[lang=ar] .role-eyebrow{letter-spacing:0}html[lang=ar] .tools-intro h2{font-size:36px;line-height:1.4;letter-spacing:0}html[lang=ar] .journey-step h3{font-size:24px;line-height:1.5;letter-spacing:0}html[lang=ar] .ios-phone{transform:rotate(-3deg)}html[lang=ar] .workflow-heading h2{font-size:24px;line-height:1.5;letter-spacing:0}
@media(max-width:1000px){.journeys-page{width:calc(100% - 48px)}.journey-top{gap:20px}.journey-roles button{padding:11px 18px;font-size:11px}.journey-hero{gap:39px}.journey-hero h1{font-size:53px}.journey-hero-copy>p:not(.role-eyebrow):not(.human-note){font-size:13px}.workflow-visual{padding:26px 23px}.tools-intro h2{font-size:34px}.tools-intro>p{max-width:300px}}
@media(max-width:760px){.journeys-page{width:calc(100% - 42px)}.journey-top{display:block;padding-top:29px}.journey-top>.eyebrow{margin-bottom:18px;max-width:100%;font-size:7px}.journey-roles{width:100%;justify-content:space-between;gap:2px;padding:4px}.journey-roles button{padding:11px 15px;flex:1;font-size:11px}.journey-hero{grid-template-columns:1fr;gap:20px;padding-block:35px 36px;min-height:0}.journey-hero h1{font-size:44px;max-width:490px;line-height:1.1;margin-bottom:22px}.role-eyebrow{font-size:8px;letter-spacing:1px;margin-bottom:19px}.journey-hero-copy>p:not(.role-eyebrow):not(.human-note){font-size:14px;max-width:500px}.hero-actions{gap:17px}.hero-actions .site-button{font-size:11px;min-height:45px}.human-note{font-size:9px!important;margin-top:23px}.journey-visual{padding-top:22px;margin-inline:auto;width:100%;max-width:460px}.journey-visual:before{inset:90px 20px 52px}.ios-phone{width:207px}.workflow-visual{max-width:460px;padding:29px 26px}.workflow-heading h2{font-size:28px}.workflow-row strong{font-size:13px}.workflow-row p{font-size:11px}.workflow-caption{font-size:8px}.tools-intro{display:block;padding-top:25px;margin-bottom:25px}.tools-intro h2{font-size:34px;margin-bottom:18px}.tools-intro>p{font-size:12px;max-width:420px}.journey-step summary{grid-template-columns:33px 1fr 20px;gap:15px;padding-block:26px}.step-icon{height:30px;width:30px;font-size:17px;border-radius:9px}.journey-step h3{font-size:24px}.journey-step summary p{font-size:12px;line-height:1.9}.step-detail{margin-inline-start:48px;padding-bottom:28px}.step-detail p{font-size:12px;line-height:1.9}.related-section{padding-top:43px}.related-section h2{font-size:25px}.related-links{gap:17px 22px}.related-links a{font-size:11px}.journey-end{flex-direction:column;align-items:start;gap:24px;padding-block:29px 34px}.journey-end h2{font-size:25px}.journey-hero[data-role=educator],.journey-hero[data-role=school]{min-height:0}html[lang=ar] .journey-hero h1{font-size:40px}html[lang=ar] .tools-intro h2{font-size:30px}html[lang=ar] .journey-step h3{font-size:23px}}
@media(max-width:400px){.journeys-page{width:calc(100% - 34px)}.journey-roles button{font-size:10px;padding-inline:12px}.journey-hero h1{font-size:39px;letter-spacing:-.05em}.journey-hero-copy>p:not(.role-eyebrow):not(.human-note){font-size:12px}.journey-step h3{font-size:22px}.journey-step summary p{font-size:11px}.step-detail p{font-size:11px}.tools-intro h2{font-size:30px}.hero-actions .site-button{font-size:10px}.workflow-heading h2{font-size:25px}html[lang=ar] .journey-hero h1{font-size:35px}}
@media(prefers-reduced-motion:reduce){.step-toggle{transition:none}}