#intd-mobile-landing{--im-paper:light-dark(#fff,#142036);--im-ink:light-dark(#13223a,#eef3ff);--im-muted:light-dark(#637189,#b6c3d9);--im-bg:light-dark(#f4f7fb,#1c2b43);--im-border:light-dark(#e4eaf3,#33435d);max-width:430px;margin:0 auto;background:var(--im-paper);color:var(--im-ink);direction:rtl;font-family:Arial,sans-serif}
#intd-mobile-landing *{box-sizing:border-box}#intd-mobile-landing h1,#intd-mobile-landing h2,#intd-mobile-landing p{margin:0}#intd-mobile-landing a{color:inherit;text-decoration:none}#intd-mobile-landing button{font:inherit}#intd-mobile-landing [hidden]{display:none!important}#intd-mobile-landing header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px}#intd-mobile-landing .im-logo{font-weight:800;font-size:27px;letter-spacing:-1px}#intd-mobile-landing .im-login{border:1px solid var(--im-border);border-radius:10px;font-size:14px;min-height:44px;display:flex;align-items:center;padding:0 17px}
#intd-mobile-landing .im-hero{text-align:center;padding:26px 18px 32px}#intd-mobile-landing .im-kicker{font-size:14px;color:var(--im-muted);margin-bottom:13px}#intd-mobile-landing h1{font-size:38px;line-height:1.13;font-weight:800;letter-spacing:-1px}#intd-mobile-landing .im-description{font-size:16px;line-height:1.6;color:var(--im-muted);margin-top:15px}#intd-mobile-landing .im-phone{width:100%;max-width:340px;aspect-ratio:390/650;border:7px solid #19263d;border-radius:34px;overflow:hidden;position:relative;margin:27px auto 0;background:#e8eef8;box-shadow:0 16px 32px #13223a19;color:#13223a}#intd-mobile-landing .im-lock{position:absolute;inset:0;background:radial-gradient(ellipse at 10% 95%,#aac0e6 0%,transparent 57%),linear-gradient(160deg,#f0f4fa,#dce6f6 70%,#eaf0fb);padding:18px 14px}#intd-mobile-landing .im-phone-status{display:flex;align-items:center;justify-content:space-between;direction:ltr;padding:0 7px;font-size:12px}#intd-mobile-landing .im-phone-status svg{width:17px;height:17px}#intd-mobile-landing .im-status-icons{display:flex;gap:5px}#intd-mobile-landing .im-clock{font-size:66px;font-weight:400;letter-spacing:-2px;line-height:1;margin:47px 0 9px;direction:ltr}#intd-mobile-landing .im-date{font-size:14px}#intd-mobile-landing .im-notification{display:block;width:100%;border:1px solid #ffffffa8;border-radius:19px;background:#f6f8fcf2;text-align:right;color:#172435;padding:16px;margin-top:30px;box-shadow:0 7px 18px #13223a0c}#intd-mobile-landing .im-notice-top{display:flex;align-items:center;gap:7px;font-size:12px;color:#566479;margin-bottom:11px}#intd-mobile-landing .im-notice-top img{width:20px;height:20px;border-radius:5px}#intd-mobile-landing .im-notice-top small{margin-right:auto;font-size:11px}#intd-mobile-landing .im-notification strong{display:block;font-size:16px;line-height:1.4}#intd-mobile-landing .im-notification p{font-size:14px;line-height:1.6;margin-top:4px}#intd-mobile-landing .im-tap{font-size:13px;margin-top:19px;color:#4a5e7e;display:flex;gap:6px;align-items:center;justify-content:center}#intd-mobile-landing .im-tap svg{width:16px;height:16px}#intd-mobile-landing .im-gesture{position:absolute;width:90px;height:4px;border-radius:5px;background:#34496666;bottom:11px;left:50%;transform:translateX(-50%)}#intd-mobile-landing .im-app{position:absolute;inset:0;background:#f4f7fb}#intd-mobile-landing .im-app img{display:block;width:100%;height:auto}#intd-mobile-landing .im-demo-control{min-height:47px;display:flex;align-items:center;justify-content:center;margin-top:8px}#intd-mobile-landing .im-demo-control p{font-size:12px;color:var(--im-muted)}#intd-mobile-landing .im-back{border:0;background:var(--im-bg);color:var(--im-ink);padding:12px 16px;border-radius:10px;font-size:13px;min-height:44px}
#intd-mobile-landing .im-cta{background:#245eea;color:#fff;display:flex;align-items:center;justify-content:center;gap:12px;border-radius:12px;min-height:50px;font-size:17px;font-weight:700;max-width:340px;margin:12px auto 0}#intd-mobile-landing .im-cta svg{width:19px;height:19px}#intd-mobile-landing .im-stats{padding:30px 14px;background:var(--im-bg);text-align:center}#intd-mobile-landing h2{font-size:27px;line-height:1.2;font-weight:750;letter-spacing:-.5px}#intd-mobile-landing .im-stats .im-description{font-size:15px;margin:12px 6px 23px}#intd-mobile-landing .im-stats-screen{position:relative;overflow:hidden;border:1px solid var(--im-border);border-radius:17px;background:#f4f7fb;width:100%;max-width:390px;margin:auto}#intd-mobile-landing .im-stats-screen>img{display:block;width:100%;height:auto}#intd-mobile-landing .im-metric{position:absolute;top:1.7%;height:5.6%;width:31%;border:0;background:transparent;border-radius:10px;color:transparent}#intd-mobile-landing [data-metric=cancel]{right:3%}#intd-mobile-landing [data-metric=teacher]{right:34.5%}#intd-mobile-landing [data-metric=room]{right:66%}#intd-mobile-landing .im-metric:focus-visible{outline:3px solid #245eea;outline-offset:-3px}#intd-mobile-landing .im-caption{font-size:12px;color:var(--im-muted);margin-top:14px;line-height:1.5}#intd-mobile-landing .im-start{padding:33px 23px;text-align:center}#intd-mobile-landing .im-start .im-description{margin-bottom:23px}#intd-mobile-landing footer{padding:22px;border-top:1px solid var(--im-border);font-size:12px;color:var(--im-muted);text-align:center;line-height:1.8}#intd-mobile-landing footer p+p{margin-top:5px}
@media(max-width:350px){#intd-mobile-landing header{padding:16px}#intd-mobile-landing .im-hero{padding:23px 12px 27px}#intd-mobile-landing h1{font-size:33px}#intd-mobile-landing .im-description{font-size:15px}#intd-mobile-landing .im-clock{font-size:59px;margin-top:32px}#intd-mobile-landing .im-lock{padding:15px 10px}#intd-mobile-landing .im-notification{padding:13px 11px;margin-top:25px}#intd-mobile-landing .im-notification strong{font-size:15px}#intd-mobile-landing .im-notification p{font-size:13px}#intd-mobile-landing .im-stats{padding-inline:9px}}

body.landing-active{background:#fff}#appShell[hidden],#intd-mobile-landing[hidden]{display:none!important}
#startupStatus{text-align:center;color:var(--muted);padding:40px 20px}#startupStatus button{display:block;margin:16px auto;padding:12px 20px;border:1px solid var(--line);border-radius:10px;background:var(--surface);color:var(--ink)}
#authDialog .auth-sheet{position:relative}#authClose{position:absolute;top:12px;left:12px}
#intd-mobile-landing .im-login{background:transparent;color:inherit}#intd-mobile-landing .im-cta{border:0;width:100%;cursor:pointer}

/* Expanded feature demos, scoped to the public landing page. */
#intd-mobile-landing .im-extra{padding:38px 18px;text-align:center}
#intd-mobile-landing .im-extra .im-description{margin:12px 0 24px;font-size:16px}
#intd-mobile-landing .ix-tint{background:var(--im-bg)}
#intd-mobile-landing .ix-screen{background:var(--im-bg);border:1px solid var(--im-border);border-radius:18px;padding:17px 13px;text-align:right;overflow:hidden}
#intd-mobile-landing .ix-tint .ix-screen{background:var(--im-paper)}
#intd-mobile-landing .ix-heading{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:19px;font-size:19px}
#intd-mobile-landing .ix-small{font-size:12px;color:var(--im-muted);font-weight:400}
#intd-mobile-landing .ix-line{display:flex;align-items:center;justify-content:space-between}
#intd-mobile-landing .ix-month{margin-bottom:17px;font-size:17px}
#intd-mobile-landing .ix-tabs{display:flex;border:1px solid var(--im-border);background:var(--im-paper);padding:4px;border-radius:12px;margin-bottom:14px}
#intd-mobile-landing .ix-tabs button{flex:1;min-height:40px;border:0;background:transparent;color:var(--im-muted);border-radius:9px;font-size:14px}
#intd-mobile-landing .ix-tabs button[aria-pressed=true]{background:light-dark(#eaf0ff,#293f6c);color:light-dark(#245eea,#a8c2ff);font-weight:700}
#intd-mobile-landing .ix-filters,#intd-mobile-landing .ix-legend{display:flex;justify-content:center;flex-wrap:wrap;gap:14px;font-size:12px;color:var(--im-muted);margin:14px 0}
#intd-mobile-landing .ix-filters span,#intd-mobile-landing .ix-legend span{display:flex;align-items:center;gap:5px}
#intd-mobile-landing .ix-dot{width:8px;height:8px;display:inline-block;border-radius:50%;flex:none}
#intd-mobile-landing .ix-dot.exam{background:#d84260}#intd-mobile-landing .ix-dot.trip{background:#346ce4}#intd-mobile-landing .ix-dot.event{background:#d8aa21}
#intd-mobile-landing .ix-weekdays,#intd-mobile-landing .ix-calendar{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:4px}
#intd-mobile-landing .ix-weekdays{text-align:center;font-size:12px;color:var(--im-muted);margin-bottom:9px}
#intd-mobile-landing .ix-calendar button{min-width:0;min-height:44px;padding:5px 0;border:1px solid var(--im-border);background:var(--im-paper);border-radius:11px;color:var(--im-ink);font-size:14px;display:flex;flex-direction:column;align-items:center;gap:5px}
#intd-mobile-landing .ix-calendar button[aria-pressed=true]{outline:2px solid #245eea;outline-offset:-2px}
#intd-mobile-landing .ix-calendar button.ix-today{background:#13223a;color:white}
#intd-mobile-landing .ix-day-detail{margin-top:16px;padding:15px;background:var(--im-paper);border-radius:12px;border:1px solid var(--im-border)}
#intd-mobile-landing .ix-day-detail small{display:block;color:var(--im-muted);font-size:12px;margin-bottom:9px}
#intd-mobile-landing .ix-day-detail strong{display:flex;gap:8px;align-items:center;font-size:16px}
#intd-mobile-landing .ix-search{display:flex;gap:8px;align-items:center;padding:9px;border:1px solid var(--im-border);border-radius:12px;background:var(--im-paper)}
#intd-mobile-landing .ix-search input{width:100%;min-width:0;border:0;background:transparent;color:var(--im-ink);font:inherit;font-size:16px;min-height:28px}
#intd-mobile-landing .ix-list-event{padding:17px 5px;border-bottom:1px solid var(--im-border);display:flex;gap:12px;align-items:center;font-size:15px}
#intd-mobile-landing .ix-list-event time{font-size:12px;color:var(--im-muted);direction:ltr}
#intd-mobile-landing .ix-profile-row{display:flex;align-items:center;gap:12px;padding:14px 0;border-top:1px solid var(--im-border)}
#intd-mobile-landing .ix-profile-row small{display:block;color:var(--im-muted);font-size:12px;margin-top:5px}
#intd-mobile-landing .ix-avatar{width:39px;height:39px;border-radius:12px;background:var(--im-bg);display:grid;place-items:center;color:var(--im-muted);font-size:17px}
#intd-mobile-landing .ix-profile-row>svg:last-child,#intd-mobile-landing .ix-check{margin-right:auto;color:#245eea}
#intd-mobile-landing .ix-share-line{display:flex;align-items:center;justify-content:space-between;gap:12px;border-top:1px solid var(--im-border);padding:18px 0 0;font-size:14px;line-height:1.5}
#intd-mobile-landing .ix-share-line small{font-size:12px;color:var(--im-muted)}
#intd-mobile-landing .ix-meet{display:grid;grid-template-columns:37px repeat(3,minmax(0,1fr));gap:5px;align-items:stretch}
#intd-mobile-landing .ix-meet>b{text-align:center;font-size:13px;padding-bottom:14px}
#intd-mobile-landing .ix-meet time{font-size:11px;color:var(--im-muted);direction:ltr;padding-top:5px}
#intd-mobile-landing .ix-slot{height:69px;background:light-dark(#e9edf2,#334057);border-radius:10px;display:flex;align-items:center;justify-content:center;flex-direction:column;font-size:14px;gap:5px}
#intd-mobile-landing .ix-two{grid-column:span 2}
#intd-mobile-landing .ix-slot small{font-size:12px}
#intd-mobile-landing .ix-free{background:#d7f1df;color:#25603d}
#intd-mobile-landing .ix-shared{background:#fff0b8;color:#735917}
#intd-mobile-landing .ix-near{background:#dff2ff;color:#225b78;font-weight:700}
#intd-mobile-landing .ix-dot.free{background:#74b98b}#intd-mobile-landing .ix-dot.shared{background:#d4ad3b}#intd-mobile-landing .ix-dot.near{background:#70b7da}
#intd-mobile-landing .ix-finish{border-top:2px solid var(--im-border);padding-top:9px;text-align:center;font-size:11px;color:var(--im-muted)}
#intd-mobile-landing .ix-settings-head,#intd-mobile-landing .ix-setting{display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:6px;align-items:center}
#intd-mobile-landing .ix-settings-head{font-size:12px;color:var(--im-muted);text-align:center;padding-bottom:8px}
#intd-mobile-landing .ix-setting{border-top:1px solid var(--im-border);font-size:14px;min-height:58px}
#intd-mobile-landing .ix-setting label{position:relative;display:flex;justify-content:center;align-items:center;min-height:44px}
#intd-mobile-landing .ix-setting input{position:absolute;opacity:0;width:42px;height:30px;margin:0}
#intd-mobile-landing .ix-setting label>span{width:37px;height:22px;border-radius:20px;background:#c4cbd6;pointer-events:none;position:relative}
#intd-mobile-landing .ix-setting label>span:after{content:'';position:absolute;left:3px;top:3px;width:16px;height:16px;border-radius:50%;background:white}
#intd-mobile-landing .ix-setting input:checked+span{background:#245eea}
#intd-mobile-landing .ix-setting input:checked+span:after{left:18px}
#intd-mobile-landing .ix-setting input:focus-visible+span{outline:2px solid #245eea;outline-offset:3px}
#intd-mobile-landing .ix-notice-preview{background:var(--im-bg);border-radius:14px;padding:16px;margin-top:18px}
#intd-mobile-landing .ix-notice-preview strong{display:block;font-size:16px;margin:10px 0 5px}
#intd-mobile-landing .ix-notice-preview p{font-size:14px;line-height:1.5}
#intd-mobile-landing .ix-reminders{display:grid;gap:13px;padding-top:20px;font-size:14px;color:var(--im-muted)}
#intd-mobile-landing .ix-reminders span{display:flex;align-items:center;gap:8px}
#intd-mobile-landing .ix-shield{color:#245eea;display:flex;justify-content:center;margin-bottom:18px}
#intd-mobile-landing .ix-shield svg{width:32px;height:32px}
#intd-mobile-landing .ix-private-proof{display:grid;gap:0;text-align:right;font-size:14px;line-height:1.6;padding:0 35px 0 0;margin:0;list-style:none}
#intd-mobile-landing .ix-private-proof li{display:flex;align-items:center;gap:11px;padding:11px 0}
#intd-mobile-landing .ix-private-proof li svg{color:var(--im-muted);width:18px;height:18px;flex:none}
#intd-mobile-landing .im-extra svg{flex:none;width:20px;height:20px}
@media(max-width:350px){#intd-mobile-landing .im-extra{padding:32px 12px}#intd-mobile-landing .ix-screen{padding:15px 10px}#intd-mobile-landing .ix-calendar{gap:2px}#intd-mobile-landing .ix-heading{font-size:17px}#intd-mobile-landing .ix-legend{gap:9px}}
#intd-mobile-landing .ix-feature-area{padding:35px 16px 20px;text-align:center}
#intd-mobile-landing .ix-feature-area>.im-description{margin:12px 0 25px;font-size:16px}
#intd-mobile-landing .ix-feature{text-align:right;border-top:1px solid var(--im-border)}
#intd-mobile-landing .ix-feature:last-child{border-bottom:1px solid var(--im-border)}
#intd-mobile-landing .ix-feature summary{list-style:none;display:flex;align-items:center;gap:10px;padding:19px 0;min-height:78px}
#intd-mobile-landing .ix-feature summary::-webkit-details-marker{display:none}
#intd-mobile-landing .ix-green-check{display:grid;place-items:center;width:25px;height:25px;border-radius:50%;background:light-dark(#e5f5eb,#224132);color:light-dark(#248047,#8adea6);font-size:16px;flex:none;font-weight:700}
#intd-mobile-landing .ix-feature summary>span:nth-child(2){flex:1;min-width:0}
#intd-mobile-landing .ix-feature summary strong{font-size:16px;display:block;line-height:1.4}
#intd-mobile-landing .ix-feature summary small{font-size:12px;color:var(--im-muted);display:block;margin-top:5px;line-height:1.6}
#intd-mobile-landing .ix-feature summary>svg{width:16px;height:16px;flex:none;color:var(--im-muted)}
#intd-mobile-landing .ix-feature[open] summary>svg{transform:rotate(180deg)}
#intd-mobile-landing .ix-feature .im-extra{padding:0 0 22px}
#intd-mobile-landing .ix-feature .ix-screen{background:var(--im-bg)}
#intd-mobile-landing .ix-feature .ix-notice-preview{background:var(--im-paper)}
#intd-mobile-landing .ix-feature .ix-shield{display:none}

/* Reserve the back button’s space in both demo states without an inactive tab stop. */
#intd-mobile-landing .im-demo-control.is-inactive{visibility:hidden}

#intd-mobile-landing .im-faq{background:var(--im-bg);padding:32px 18px 34px}
#intd-mobile-landing .im-faq h2{text-align:center;margin:0 0 25px}
#intd-mobile-landing .fq-list{display:grid;gap:9px}
#intd-mobile-landing .im-faq details{background:var(--im-paper);border:1px solid var(--im-border);border-radius:14px;overflow:hidden}
#intd-mobile-landing .im-faq summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:17px 16px;min-height:60px;font-size:15px;font-weight:700;line-height:1.45;color:var(--im-ink);cursor:pointer}
#intd-mobile-landing .im-faq summary::-webkit-details-marker{display:none}
#intd-mobile-landing .im-faq summary svg{width:18px;height:18px;flex:none;color:var(--im-muted)}
#intd-mobile-landing .im-faq details[open] summary svg{transform:rotate(180deg)}
#intd-mobile-landing .im-faq details[open] summary{padding-bottom:12px}
#intd-mobile-landing .fq-answer{padding:0 16px 18px;color:var(--im-muted);font-size:14px;line-height:1.75}
#intd-mobile-landing .fq-answer p+p{margin-top:12px}
@media(max-width:350px){#intd-mobile-landing .im-faq{padding-inline:12px}#intd-mobile-landing .im-faq summary{padding-inline:13px;font-size:14px}#intd-mobile-landing .fq-answer{padding-inline:13px}}

/* Fictional absence preview; isolated from private absence records. */
#intd-mobile-landing .ix-absence .al-screen{border:1px solid var(--im-border);border-radius:18px;background:var(--im-bg);padding:17px 13px;margin-bottom:16px}
#intd-mobile-landing .ix-absence .al-heading{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:6px;font-size:19px}
#intd-mobile-landing .ix-absence .al-heading svg{width:20px;height:20px;color:light-dark(#245eea,#a8c2ff)}
#intd-mobile-landing .ix-absence .al-date{font-size:12px;color:var(--im-muted);margin:0 0 17px}
#intd-mobile-landing .ix-absence .al-modes{display:flex;gap:3px;padding:4px;border:1px solid var(--im-border);border-radius:13px;background:var(--im-paper);margin-bottom:14px}
#intd-mobile-landing .ix-absence .al-modes button{flex:1;min-width:0;border:0;border-radius:9px;min-height:44px;background:transparent;color:var(--im-muted);font-size:13px;padding:7px 3px}
#intd-mobile-landing .ix-absence .al-modes button[aria-pressed=true]{background:light-dark(#eaf0ff,#293f6c);color:light-dark(#245eea,#a8c2ff);font-weight:700}
#intd-mobile-landing .ix-absence .al-hint{font-size:12px;color:var(--im-muted);margin:0 0 13px}
#intd-mobile-landing .ix-absence .al-lesson{position:relative;overflow:hidden;width:100%;display:grid;grid-template-columns:96px minmax(0,1fr);gap:6px 10px;padding:17px 17px 15px 36px;border:1px solid var(--im-border);border-radius:17px;margin:0 0 10px;background:var(--im-paper);text-align:right;color:var(--im-ink)}
#intd-mobile-landing .ix-absence .al-lesson time{font-size:13px;direction:ltr;font-weight:700;align-self:center;white-space:nowrap}
#intd-mobile-landing .ix-absence .al-subject{font-size:17px;font-weight:700}
#intd-mobile-landing .ix-absence .al-teacher{display:block;font-size:13px;font-weight:400;color:var(--im-muted);margin-top:5px}
#intd-mobile-landing .ix-absence .al-room{grid-column:2;justify-self:start;background:light-dark(#eaf0ff,#293f6c);color:light-dark(#245eea,#a8c2ff);border-radius:9px;padding:5px 9px;font-size:13px;margin-top:3px}
#intd-mobile-landing .ix-absence .al-ring{position:absolute;left:12px;top:14px;width:19px;height:19px;border:1px solid var(--im-border);border-radius:50%}
#intd-mobile-landing .ix-absence .al-ribbon{position:absolute;top:12px;left:-29px;width:90px;height:18px;transform:rotate(-45deg);display:flex;align-items:center;justify-content:center;background:light-dark(#c43c56,#ef8fa3);color:light-dark(#fff,#142036);font-size:10px;font-weight:700}
#intd-mobile-landing .ix-absence .al-lesson[aria-pressed=false] .al-ribbon,#intd-mobile-landing .ix-absence .al-lesson[aria-pressed=true] .al-ring{display:none}
#intd-mobile-landing .ix-absence .al-savebar{display:flex;align-items:center;gap:12px;padding-top:16px;margin-top:16px;border-top:1px solid var(--im-border)}
#intd-mobile-landing .ix-absence .al-savebar small{font-size:12px;color:var(--im-muted);white-space:nowrap}
#intd-mobile-landing .ix-absence .al-primary{background:#245eea;color:#fff;border:0;border-radius:12px;min-height:44px;padding:11px 13px;font-weight:700;font-size:13px;flex:1}
#intd-mobile-landing .ix-absence .al-primary:disabled{opacity:.5}
#intd-mobile-landing .ix-absence .al-private{display:flex;gap:8px;align-items:flex-start;margin:0 3px 24px;color:var(--im-muted);font-size:13px;line-height:1.65}
#intd-mobile-landing .ix-absence .al-private svg{width:17px;height:17px;flex:none;margin-top:3px}
#intd-mobile-landing .ix-absence .al-primary{font-size:13px}
@media(max-width:350px){#intd-mobile-landing .ix-absence .al-screen{padding:15px 10px}#intd-mobile-landing .ix-absence .al-lesson{grid-template-columns:84px minmax(0,1fr);padding-right:11px;gap:6px}#intd-mobile-landing .ix-absence .al-lesson time{font-size:12px}#intd-mobile-landing .ix-absence .al-savebar{gap:8px}#intd-mobile-landing .ix-absence .al-primary{padding-inline:9px;font-size:12px}}

/* Pilot school scope: existing landing demonstrations stay intact. */
#intd-mobile-landing .im-schools{color:var(--im-muted);font-size:12px;line-height:1.7;margin:-4px 0 13px}
#intd-mobile-landing .im-school-scope{display:block;color:var(--im-muted);font-size:12px;line-height:1.5;margin-top:5px}

/* School connection guide, below the existing landing footer. */
#intd-mobile-landing footer .im-school-link{display:inline-flex;align-items:center;gap:6px;color:light-dark(#245eea,#9bb8ff);font-size:14px;min-height:44px;margin-top:12px}
#intd-mobile-landing footer .im-school-link svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}

/* Public landing light/dark toggle and accessible demo colors. */
#intd-mobile-landing{--im-paper:light-dark(#fff,#101722);--im-bg:light-dark(#f4f7fb,#1a2535);--im-ink:light-dark(#13223a,#e7edf7);--im-muted:light-dark(#637189,#a6b2c5);--im-border:light-dark(#e4eaf3,#35455c);--md-panel:light-dark(#fff,#202e43);--md-blue:light-dark(#245eea,#91b3ff);--md-soft:light-dark(#eaf0ff,#243654);--md-red:light-dark(#c33049,#ff879b);--md-red-soft:light-dark(#fff0f2,#352430);--md-strong:light-dark(#13223a,#d7e4fc);--md-strong-ink:light-dark(#fff,#13223a);--md-green:light-dark(#25603d,#a8dfba);--md-green-bg:light-dark(#d7f1df,#253c32);--md-yellow:light-dark(#735917,#eed386);--md-yellow-bg:light-dark(#fff0b8,#3c3526);--md-near:light-dark(#225b78,#a6d8f1);--md-near-bg:light-dark(#dff2ff,#233b4d)}
#intd-mobile-landing[data-theme=light]{color-scheme:light}
#intd-mobile-landing button,#intd-mobile-landing summary,#intd-mobile-landing a{cursor:pointer}
#intd-mobile-landing .im-header-actions{display:flex;align-items:center;gap:8px}
#intd-mobile-landing .im-theme{width:44px;height:44px;border:1px solid var(--im-border);border-radius:10px;display:grid;place-items:center;background:var(--im-bg);color:var(--im-ink);padding:0}
#intd-mobile-landing .im-theme svg{width:20px;height:20px}
#intd-mobile-landing .im-theme .im-moon{display:none}#intd-mobile-landing[data-theme=light] .im-theme .im-sun{display:none}#intd-mobile-landing[data-theme=light] .im-theme .im-moon{display:inline-flex}
#intd-mobile-landing[data-theme=dark] .im-phone{border-color:light-dark(#19263d,#43556e);background:var(--im-bg);color:var(--im-ink);box-shadow:0 16px 32px light-dark(#13223a19,#00000033)}
#intd-mobile-landing[data-theme=dark] .im-lock{background:radial-gradient(ellipse at 10% 95%,light-dark(#aac0e6,#263f63) 0%,transparent 57%),linear-gradient(160deg,light-dark(#f0f4fa,#101b2d),light-dark(#dce6f6,#1d304c) 70%,light-dark(#eaf0fb,#192b45))}
#intd-mobile-landing[data-theme=dark] .im-notification{background:light-dark(#f6f8fc,#243247);border-color:light-dark(#fff,#53637c);color:var(--im-ink);box-shadow:none}
#intd-mobile-landing[data-theme=dark] .im-notice-top{color:light-dark(#566479,#becbde)}
#intd-mobile-landing[data-theme=dark] .im-tap{color:light-dark(#4a5e7e,#becbde)}
#intd-mobile-landing[data-theme=dark] .im-gesture{background:light-dark(#5c6e88,#a6b2c5)}
#intd-mobile-landing[data-theme=dark] .im-app,#intd-mobile-landing[data-theme=dark] .im-stats-screen{background:var(--im-bg)}
#intd-mobile-landing[data-theme=dark] .ix-free{background:var(--md-green-bg);color:var(--md-green)}
#intd-mobile-landing[data-theme=dark] .ix-shared{background:var(--md-yellow-bg);color:var(--md-yellow)}
#intd-mobile-landing[data-theme=dark] .ix-near{background:var(--md-near-bg);color:var(--md-near)}
#intd-mobile-landing[data-theme=dark] .ix-profile-row>svg:last-child,#intd-mobile-landing[data-theme=dark] .ix-check,#intd-mobile-landing[data-theme=dark] .ix-shield{color:var(--md-blue)}
#intd-mobile-landing[data-theme=dark] .ix-dot.exam{background:light-dark(#d84260,#ff879b)}#intd-mobile-landing[data-theme=dark] .ix-dot.trip{background:light-dark(#346ce4,#91b3ff)}#intd-mobile-landing[data-theme=dark] .ix-dot.event{background:light-dark(#d8aa21,#efce62)}
#intd-mobile-landing[data-theme=dark] .ix-calendar button.ix-today{background:var(--md-strong);color:var(--md-strong-ink)}
#intd-mobile-landing[data-theme=dark] .ix-calendar button[aria-pressed=true]{outline-color:var(--md-blue)}
#intd-mobile-landing[data-theme=dark] .ix-setting label>span{background:light-dark(#c4cbd6,#53617a)}
#intd-mobile-landing[data-theme=dark] .ix-setting input:checked+span{background:light-dark(#245eea,#7da5ff)}
#intd-mobile-landing[data-theme=dark] .ix-setting input:checked+span:after{background:light-dark(#fff,#13223a)}
#intd-mobile-landing[data-theme=dark] .ix-setting input:focus-visible+span{outline-color:var(--md-blue)}

#intd-mobile-landing .im-theme svg{fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
body.landing-active{background:light-dark(#fff,#101722)}
#intd-mobile-landing :focus-visible{outline:2px solid var(--md-blue);outline-offset:3px}

#intd-mobile-landing .im-school-row{display:block}
#intd-mobile-landing .im-school-name{display:inline-block;white-space:nowrap}

/* Before/after illustration: fictional schedules, isolated from account views. */

#intd-before-after{--ib-bg:light-dark(#f4f7fb,#131d2b);--ib-paper:light-dark(#fff,#1c293a);--ib-text:light-dark(#17253d,#edf2fb);--ib-muted:light-dark(#7f899a,#abb7c9);--ib-line:light-dark(#e1e6ee,#334157);--ib-blue:light-dark(#285bea,#8baaff);--ib-blue-soft:light-dark(#eaf0ff,#23365d);--ib-red:light-dark(#ec426b,#ff87a5);--ib-red-soft:light-dark(#fff2f6,#382635);--ib-navy:light-dark(#142239,#142239);--ib-room:light-dark(#edf1ff,#253659);--ib-stripe:light-dark(#e9eef7,#25364b);font-family:Arial,"Heebo",sans-serif;color:var(--ib-text);text-align:right}
#intd-before-after *{box-sizing:border-box}
#intd-before-after [hidden]{display:none!important}
#intd-before-after .screen[hidden]{display:block!important;visibility:hidden;pointer-events:none}
#intd-before-after .comparison{background:var(--ib-paper);max-width:510px;margin:0 auto;padding:30px 18px 24px}
#intd-before-after h2{font-size:30px;line-height:1.2;font-weight:800;letter-spacing:-.7px;text-align:center;margin:12px 0 24px}
#intd-before-after .switcher{display:flex;background:var(--ib-bg);padding:5px;gap:4px;border-radius:15px;margin:0 auto 20px;max-width:340px}
#intd-before-after button{font-family:inherit;font-size:16px;border:0;min-height:46px;flex:1;border-radius:11px;background:transparent;color:var(--ib-muted);font-weight:700;display:flex;justify-content:center;align-items:center;gap:9px}
#intd-before-after button span{font-size:12px;font-weight:400}
#intd-before-after button[aria-pressed=true]{background:var(--ib-paper);color:var(--ib-blue);box-shadow:0 2px 8px #14223912}
#intd-before-after .device{max-width:390px;margin:auto;display:grid;grid-template-columns:minmax(0,1fr);border:1px solid var(--ib-line);border-radius:23px;overflow:hidden;background:var(--ib-bg);box-shadow:0 12px 40px #1422390d;min-height:713px}
#intd-before-after .screen{grid-area:1/1;min-width:0}



#intd-before-after .agenda{padding:0 12px 15px}
#intd-before-after .lesson{border:1px solid var(--ib-line);border-radius:17px;background:var(--ib-paper);display:grid;grid-template-columns:101px minmax(0,1fr);padding:16px 12px;gap:10px;margin-bottom:10px;align-items:start;min-height:115px}
#intd-before-after time{font-size:13px;font-weight:700;direction:ltr;display:block;white-space:nowrap;font-variant-numeric:tabular-nums;line-height:1.5}
#intd-before-after .lesson>time{padding-top:2px}
#intd-before-after h3{font-size:19px;line-height:1.2;font-weight:700;margin:0 0 7px}
#intd-before-after p{font-size:14px;line-height:1.4;margin:0 0 10px;color:var(--ib-muted)}
#intd-before-after .room{background:var(--ib-room);color:var(--ib-blue);display:inline-block;padding:5px 9px;border-radius:10px;font-size:13px}
#intd-before-after .changed{border-right:4px solid var(--ib-blue);background:var(--ib-blue-soft);min-height:137px;padding-right:9px}
#intd-before-after .change-tag{font-size:12px;color:var(--ib-blue);font-weight:700;display:block;margin:0 0 7px}
#intd-before-after .room-update{display:flex;align-items:center;gap:7px;flex-wrap:wrap}
#intd-before-after .old-room{font-size:11px;color:var(--ib-muted)}
#intd-before-after .free-pair{display:grid;grid-template-columns:1fr 1fr;gap:9px;align-items:stretch;margin-bottom:10px}
#intd-before-after .free{border:1px dashed light-dark(#a0b3d3,#647b9d);border-radius:17px;background:repeating-linear-gradient(135deg,var(--ib-paper) 0px,var(--ib-paper) 13px,var(--ib-stripe) 13px,var(--ib-stripe) 26px);padding:18px 8px;display:flex;flex-direction:column;justify-content:center;min-height:145px;text-align:center}
#intd-before-after .free h3{font-size:15px;margin:10px 0 5px}
#intd-before-after .free p{font-size:12px;margin:0}
#intd-before-after .cancelled{border:1px solid var(--ib-line);border-right:4px solid var(--ib-red);border-radius:17px;background:var(--ib-red-soft);padding:16px 8px;text-align:center}
#intd-before-after summary{list-style:none}
#intd-before-after summary::-webkit-details-marker{display:none}
#intd-before-after .cancel-tag{font-size:12px;font-weight:700;color:var(--ib-red);display:block;margin-bottom:10px}
#intd-before-after .cancelled h3{font-size:17px;color:var(--ib-muted);margin:9px 0 0}
#intd-before-after .cancel-chevron{display:flex;justify-content:center;color:var(--ib-muted);margin-top:9px}
#intd-before-after .cancel-chevron svg{width:15px;height:15px}
#intd-before-after .cancelled[open] .cancel-chevron{transform:rotate(180deg)}
#intd-before-after .cancelled p{font-size:12px;margin:7px 0 0}
@media(max-width:360px){#intd-before-after .comparison{padding:25px 10px 22px}#intd-before-after h2{font-size:27px}#intd-before-after .lesson{grid-template-columns:91px minmax(0,1fr);gap:6px;padding-left:9px}#intd-before-after time{font-size:12px}#intd-before-after .agenda{padding-left:9px;padding-right:9px}#intd-before-after .free h3{font-size:14px}}
#intd-before-after .before{color-scheme:light;background:#fff;color:#212529;font-family:system-ui,-apple-system,"Segoe UI",Arial,sans-serif;font-size:14px;line-height:1.5}
#intd-before-after .TTTable{width:100%;table-layout:fixed;border:solid 1px #777;border-collapse:collapse;margin:0;line-height:1.5}
#intd-before-after .TTTable td{padding:1px}
#intd-before-after .TTCell{font-size:12px;background-color:#ffffee;overflow:hidden;border:solid 1px #777;vertical-align:top}
#intd-before-after .TTLesson{font-size:12px;padding:2px;color:#525252;text-align:right;line-height:1.5}
#intd-before-after .TTChange{font-weight:bold;font-size:12px;padding:2px;text-align:right;line-height:1.5}
#intd-before-after .CName{width:43px;font-size:12px;color:#333;text-align:center;border:solid 1px #777;vertical-align:middle}
#intd-before-after .hour-time{color:#656565;font-size:.9em;font-weight:normal}
#intd-before-after .TableFreeChange{color:#fff;background-color:red}
#intd-before-after .TableFillChange{color:#000;background-color:lime}
#intd-before-after .device{min-height:0}
#intd-before-after .before{padding:12px}
#intd-before-after .after{background:var(--ib-bg)}
#intd-before-after .agenda{padding:12px}
#intd-before-after .lesson:last-child{margin-bottom:0}

#intd-before-after button .comparison-label{position:relative;font-size:inherit;font-weight:inherit}
#intd-before-after .comparison-hint{position:absolute;left:calc(100% + 9px);top:50%;transform:translateY(-50%);display:inline-flex;align-items:center;justify-content:center;color:var(--ib-blue);animation:intd-comparison-hint 1.5s ease-in-out infinite}
#intd-before-after .comparison-hint svg{width:21px;height:21px;stroke-width:3}
#intd-before-after button[aria-pressed=true] .comparison-hint{display:none}
@keyframes intd-comparison-hint{0%,100%{opacity:.65}50%{opacity:1}}
@media(prefers-reduced-motion:reduce){#intd-before-after .comparison-hint{animation:none}}