:root{--teal:#007fa8;--teal-dark:#006384;--blue:#c8e1fe;--ink:#153344;--muted:#526c7b;--line:#dce7ed;--wash:#f4f9fc;--white:#fff;--radius:22px;--width:1160px}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;color:var(--ink);background:var(--white);font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.65;-webkit-font-smoothing:antialiased}body.modal-open{overflow:hidden}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a{color:var(--teal);text-underline-offset:4px}a:hover{color:var(--teal-dark)}a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid var(--teal);outline-offset:5px}button:disabled{opacity:.5;cursor:default}img,svg{display:block}svg{width:24px;height:24px}p,h1,h2,h3{margin:0}h1,h2,h3{line-height:1.15;letter-spacing:-.045em}h1,h2{font-weight:750}h2{font-size:clamp(30px,3.7vw,44px)}h3{font-size:21px;line-height:1.3;letter-spacing:-.025em}p{color:var(--muted)}.container{width:min(var(--width),calc(100% - 64px));margin-inline:auto}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:fixed;top:-80px;left:16px;padding:12px 20px;z-index:100;background:var(--white);border-radius:8px}.skip-link:focus{top:10px}.site-header{position:sticky;top:0;z-index:20;border-bottom:1px solid var(--line);background:rgba(255,255,255,.95);backdrop-filter:blur(16px)}.header-inner{height:86px;display:flex;align-items:center;justify-content:space-between;gap:30px}.brand{display:inline-flex;align-items:center;gap:11px;color:var(--ink);font-size:27px;font-weight:760;letter-spacing:-1.3px;text-decoration:none;flex-shrink:0}.brand img{border-radius:11px}.brand-dot{color:var(--teal)}.main-nav{display:flex;gap:32px}.main-nav a{font-size:13px;font-weight:600;color:var(--muted);text-decoration:none}.main-nav a:hover{color:var(--teal)}.button{display:inline-flex;align-items:center;justify-content:center;gap:18px;padding:15px 25px;border:1px solid var(--teal);border-radius:11px;background:var(--teal);color:var(--white);font-weight:650;text-decoration:none;font-size:14px;line-height:1.5;transition:background .2s,box-shadow .2s,transform .2s}.button:hover{background:var(--teal-dark);color:var(--white);box-shadow:0 6px 20px #007fa81c;transform:translateY(-2px)}.button svg{width:19px;height:19px;stroke:currentColor;stroke-width:1.8;fill:none;stroke-linecap:round;stroke-linejoin:round}.button-small{padding:10px 17px;font-size:12px;gap:16px}.button-secondary{background:var(--white);color:var(--ink);border-color:#cbdde7}.button-secondary:hover{background:var(--wash);border-color:var(--teal);color:var(--teal)}
.hero{position:relative;overflow:hidden;background:radial-gradient(ellipse at 50% 5%,#e2f0ff 0,rgba(239,248,255,.65) 35%,white 75%);padding:88px 0 47px}.hero-inner{text-align:center;position:relative;z-index:1}.pill{display:inline-flex;align-items:center;gap:9px;padding:6px 14px;border:1px solid #b8d9e7;border-radius:30px;background:#fff9;color:var(--teal-dark);font-size:11px;font-weight:650}.status-dot{display:inline-block;flex-shrink:0;width:6px;height:6px;background:var(--teal);border-radius:50%}.hero h1{font-size:clamp(36px,5vw,65px);line-height:1.1;margin:27px auto 25px;max-width:1030px;letter-spacing:-.05em}.hero-accent{color:var(--teal);position:relative;white-space:nowrap}.hero-accent:after{content:"";position:absolute;bottom:-5px;left:0;right:0;height:5px;border-radius:50%;background:var(--blue)}.hero-description{max-width:700px;margin:auto;font-size:16px;line-height:1.85}.hero-description strong{color:var(--ink)}.hero-actions{display:flex;justify-content:center;gap:12px;margin:29px 0}.trust-list{list-style:none;padding:0;margin:0;display:flex;justify-content:center;gap:29px;font-size:11px;font-weight:550;color:var(--muted)}.trust-list li{display:flex;align-items:center;gap:7px}.check{display:inline-flex;align-items:center;justify-content:center;background:#e1f1f6;color:var(--teal);border-radius:50%;height:16px;width:16px;font-size:10px;font-weight:800}.hero-footnote{display:flex;align-items:center;justify-content:center;gap:16px;margin-top:58px}.hero-footnote p{color:#6b8491;font-size:11px;letter-spacing:.04em}.small-rule{height:1px;width:40px;background:#c6dce7}.hero-ring{position:absolute;width:360px;height:360px;border:1px solid #c8e1fe70;border-radius:50%;pointer-events:none}.ring-one{left:-220px;top:190px}.ring-two{right:-230px;top:60px;width:470px;height:470px}
.section{padding:92px 0}.section-heading{text-align:center;max-width:700px;margin:0 auto 43px}.eyebrow{font-size:10px;font-weight:750;text-transform:uppercase;letter-spacing:2.1px;color:var(--teal);margin-bottom:14px}.section-heading h2{margin-bottom:19px}.section-heading>p:last-child{font-size:14px;max-width:610px;margin:auto;line-height:1.8}.reality{background:var(--wash);border-block:1px solid var(--line)}.problem-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.problem-card{border:1px solid var(--line);border-radius:16px;background:var(--white);padding:25px 22px 0;display:flex;flex-direction:column}.card-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.illustration{width:52px;height:52px;border-radius:14px;background:#edf6fc;display:flex;align-items:center;justify-content:center;color:var(--teal)}.illustration svg{width:35px;height:35px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.card-index{font-size:10px;color:#7793a3;letter-spacing:2px}.problem-card h3{font-size:17px;margin-bottom:13px}.problem-card>p{font-size:12px;line-height:1.85;flex:1}.card-caption{margin-top:25px;padding:16px 0;border-top:1px solid var(--line);font-size:10px;font-weight:600;color:var(--teal-dark)}.solution-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:23px}.solution-card{position:relative;overflow:hidden;border:1px solid var(--line);border-radius:var(--radius);padding:33px 30px 142px;background:linear-gradient(145deg,#fff,#f6fbfe)}.feature-number{display:inline-flex;justify-content:center;align-items:center;width:38px;height:38px;border-radius:10px;background:#e3f1fc;color:var(--teal);font-size:12px;font-weight:700;margin-bottom:25px}.solution-card h3{font-size:23px;margin-bottom:15px}.solution-card p{font-size:13px;line-height:1.85;position:relative;z-index:1}.feature-decoration{position:absolute;bottom:27px;left:30px;right:30px;height:80px;color:var(--teal)}.verification{display:flex;align-items:center;gap:12px}.verification>span{width:66px;height:66px;display:grid;place-items:center;border-radius:50%;background:#c8e1fe;font-size:26px}.verification i{height:48px;width:48px;border:1px dashed #9bbdd0;border-radius:50%}.verification i:last-child{width:35px;height:35px}.circles{display:flex;align-items:center;padding-left:7px}.circles i{display:block;width:76px;height:76px;border:2px solid #91c8e6;border-radius:50%;background:#c8e1fe33;margin-left:-7px}.circles i:nth-child(2){border-color:var(--teal);background:#007fa810}.chat-bubbles{display:flex;gap:10px;align-items:center}.chat-bubbles span{display:grid;place-items:center;background:var(--blue);border-radius:16px 16px 16px 3px;width:90px;height:55px;font-size:32px;line-height:1;padding-bottom:16px;letter-spacing:3px}.chat-bubbles span:last-child{width:66px;height:42px;background:#007fa8;color:white;border-radius:12px 12px 3px 12px;transform:translateY(19px)}
.preview{background:var(--wash);border-block:1px solid var(--line)}.preview-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:70px;align-items:center;max-width:1000px}.preview-copy h2{font-size:clamp(30px,3.4vw,43px);margin-bottom:28px}.preview-lead{color:var(--ink);font-size:23px;line-height:1.45;letter-spacing:-.025em;font-weight:600;margin-bottom:22px}.preview-lead span{color:var(--teal)}.preview-copy>p:not(.eyebrow):not(.preview-lead):not(.concept-note){font-size:14px;max-width:360px}.preview-steps{list-style:none;padding:0;margin:31px 0 28px;display:grid;gap:18px}.preview-steps li{display:flex;gap:15px;align-items:flex-start}.preview-steps li>span{display:grid;place-items:center;width:27px;height:27px;flex-shrink:0;background:var(--white);border:1px solid #cbdde7;border-radius:8px;font-size:10px;font-weight:650;color:var(--teal);margin-top:2px}.preview-steps strong{font-size:12px;display:block;font-weight:650}.preview-steps p{font-size:11px}.concept-note{font-size:10px;line-height:1.7;color:#587482;max-width:340px}.download-section{padding-bottom:72px}.download-card{position:relative;isolation:isolate;overflow:hidden;text-align:center;background:#eaf4ff;border:1px solid #c5def1;border-radius:30px;padding:55px 30px 44px}.download-icon{margin:0 auto 19px;border-radius:18px;box-shadow:0 8px 22px #17344218}.download-card .eyebrow{margin-bottom:13px}.download-card h2{font-size:clamp(37px,4.5vw,54px);margin-bottom:18px}.download-card>p:not(.eyebrow):not(.download-note){font-size:14px;line-height:1.8}.download-decoration{position:absolute;z-index:-1;width:540px;height:540px;border:1px solid #bdd9ef;border-radius:50%;left:50%;top:50%;transform:translate(-50%,-50%)}.download-decoration:after{content:"";position:absolute;inset:-60px;border:1px solid #c5dff1;border-radius:50%}.store-grid{display:flex;justify-content:center;gap:16px;margin:27px auto 10px}.store-badge{display:flex;align-items:center;gap:13px;text-decoration:none;color:white;background:#153344;border:1px solid #153344;border-radius:11px;padding:11px 15px;text-align:left;min-width:205px;transition:background .2s}.store-badge:hover{background:var(--teal-dark);color:white}.store-badge>svg{width:25px;height:29px;fill:currentColor;flex-shrink:0}.store-badge>svg.android-symbol{fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round}.store-badge span:nth-child(2){flex:1}.store-badge small{display:block;font-size:9px;line-height:1.5}.store-badge strong{display:block;font-size:18px;line-height:1.3;font-weight:600;letter-spacing:-.02em}.store-badge>span:last-child{font-size:14px}.availability{font-size:9px;margin-top:7px;color:#4b6c80}.download-note{font-size:10px;margin-top:16px;color:#4b6c80}.contact-section{padding:0 0 65px}.contact-inner{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center}.contact-inner h2{font-size:34px}.contact-inner>div:last-child>p:first-child{font-size:13px;margin-bottom:14px}.contact-email{font-size:clamp(14px,1.7vw,21px);font-weight:600;text-decoration:none;letter-spacing:-.025em;overflow-wrap:anywhere}.contact-email span{display:inline-block;margin-left:8px}.contact-small{font-size:10px;margin-top:12px}.resources{border-block:1px solid var(--line);padding:22px 0}.resource-inner{display:flex;justify-content:space-between;gap:20px;align-items:center;font-size:12px}.resource-inner p{color:var(--ink);font-weight:550}.resource-inner>div{display:flex;gap:35px}.resource-inner a{font-size:11px;text-decoration:none;font-weight:550}.email-info{padding-top:18px}.email-info p{font-size:10px;max-width:680px}.site-footer{padding:40px 0 23px}.footer-top{display:flex;justify-content:space-between;align-items:center;gap:24px;padding-bottom:30px}.footer-top .brand{font-size:23px}.footer-top .brand img{border-radius:9px}.footer-top>p{font-size:11px}.footer-top>a:last-child{font-size:10px;text-decoration:none}.footer-bottom{border-top:1px solid var(--line);padding-top:20px;display:flex;justify-content:space-between;gap:20px;font-size:10px}.footer-bottom>div{display:flex;gap:24px}.footer-bottom a{color:var(--muted);text-decoration:none}
@media(min-width:1600px){.hero{padding-top:110px;padding-bottom:60px}}@media(max-width:1020px){.main-nav{gap:19px}.problem-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.problem-card{padding:24px 25px 0}.problem-card>p{font-size:13px}.problem-card h3{font-size:19px}.solution-card{padding:28px 23px 135px}.solution-card h3{font-size:21px}.solution-card p{font-size:12px}.feature-decoration{left:23px;right:23px}.preview-grid{gap:40px}.hero h1{font-size:clamp(42px,5.2vw,58px)}}
@media(max-width:760px){html{scroll-padding-top:90px}.container{width:calc(100% - 40px)}.header-inner{height:74px;gap:10px}.brand{font-size:23px;gap:8px}.brand img{width:33px;height:33px;border-radius:9px}.main-nav{display:none}.button-small{padding:9px 13px;font-size:10px;gap:9px}.hero{padding:58px 0 32px}.hero h1{font-size:clamp(36px,7.6vw,53px);max-width:590px;letter-spacing:-.045em}.desktop-break{display:none}.hero-description{font-size:14px;line-height:1.85;max-width:510px}.hero-actions{gap:10px;margin:25px 0}.hero-actions .button{font-size:12px;padding:13px 18px;gap:12px}.pill{font-size:9px;padding:6px 11px}.trust-list{gap:15px;font-size:9px}.hero-footnote{margin-top:35px}.section{padding:64px 0}.section-heading{margin-bottom:32px}.section-heading>p:last-child{font-size:13px}.problem-grid{gap:13px}.problem-card{padding:21px 18px 0}.card-top{margin-bottom:19px}.problem-card h3{font-size:17px}.problem-card>p{font-size:12px}.card-caption{font-size:9px;padding:14px 0}.solution-grid{grid-template-columns:1fr;gap:16px}.solution-card{padding:25px 140px 28px 25px;min-height:250px}.solution-card h3{font-size:22px}.solution-card p{font-size:13px}.feature-number{margin-bottom:17px;width:33px;height:33px}.feature-decoration{left:auto;right:18px;width:100px;bottom:calc(50% - 40px)}.verification{gap:0;justify-content:center}.verification>span{width:65px;height:65px}.verification i{display:none}.circles{flex-wrap:wrap;justify-content:center;padding:0}.circles i{width:55px;height:55px}.circles i:nth-child(3){display:none}.chat-bubbles{gap:0;flex-direction:column}.chat-bubbles span{width:68px;height:45px}.chat-bubbles span:last-child{transform:translate(18px,-8px);width:48px;height:35px}.preview-grid{grid-template-columns:minmax(0,1fr);gap:40px}.preview-copy{max-width:500px;margin:auto}.preview-copy h2 br{display:none}.preview-lead{font-size:22px}.preview-lead br{display:none}.preview-lead br:after{content:" "}.preview-copy>p:not(.eyebrow):not(.preview-lead):not(.concept-note){max-width:none}.preview-steps{margin-block:24px}.preview-steps strong{font-size:13px}.preview-steps p{font-size:12px}.download-section{padding-bottom:52px}.download-card{padding:38px 20px 31px;border-radius:22px}.store-grid{gap:12px}.store-badge{min-width:185px;padding:10px 12px;gap:9px}.store-badge strong{font-size:17px}.download-card>p:not(.eyebrow):not(.download-note){font-size:13px}.contact-section{padding-bottom:40px}.contact-inner{grid-template-columns:1fr;gap:24px}.contact-inner h2{font-size:30px}.contact-email{font-size:18px}.footer-top{flex-wrap:wrap;gap:17px}.footer-top>p{display:none}.footer-bottom{flex-direction:column;gap:13px}.resource-inner{align-items:flex-start;flex-direction:column;gap:12px}.resource-inner>div{gap:25px}.email-info p{font-size:10px}}
@media(max-width:440px){.hero h1{font-size:37px}.hero-actions{flex-direction:column;max-width:280px;margin-inline:auto}.trust-list{flex-direction:column;align-items:center;gap:9px}.problem-grid{grid-template-columns:1fr}.problem-card{padding:23px 23px 0}.problem-card>p{font-size:13px}.problem-card h3{font-size:19px}.card-top{margin-bottom:17px}.card-caption{margin-top:21px;font-size:10px}.solution-card{padding:25px 25px 115px;min-height:auto}.feature-decoration{bottom:20px;left:25px;right:auto;justify-content:flex-start;width:150px}.chat-bubbles{flex-direction:row;gap:10px}.chat-bubbles span:last-child{transform:translateY(13px)}.circles{flex-wrap:nowrap}.circles i:nth-child(3){display:block}.store-grid{flex-direction:column;max-width:235px}.store-badge{min-width:0}.availability{margin-bottom:6px}.contact-email{font-size:16px}.preview-lead{font-size:20px}.hero-ring{display:none}.download-decoration{width:420px;height:420px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important}.button:hover{transform:none}}

.preview-grid>*{min-width:0}@media(max-width:760px){}
/* All page shells share this header, including its visible mobile navigation. */
.main-nav a{min-height:44px;display:flex;align-items:center}.header-inner>.button{min-height:44px}
@media(max-width:760px){html{scroll-padding-top:130px}.header-inner{height:auto;display:grid;grid-template-columns:1fr auto;gap:0;padding-top:14px}.header-inner .brand{min-height:44px}.main-nav{display:flex;grid-column:1/-1;grid-row:2;justify-content:space-between;gap:12px;margin-top:7px;border-top:1px solid var(--line)}.main-nav a{font-size:11px;min-height:43px}.header-inner>.button{grid-column:2;grid-row:1}.hero{padding-top:48px}}
/* One fixed app canvas, rather than independently resized content and frame. */
.phone-stage{position:relative;display:flex;flex-direction:column;align-items:center;min-width:0;isolation:isolate}.phone{--phone-scale:1;position:relative;width:320px;max-width:100%;aspect-ratio:1/2;border:7px solid #173442;border-radius:40px;background:white;box-shadow:0 25px 65px #214f661c,0 0 0 1px #607c8b;overflow:hidden;flex-shrink:0}.phone-canvas{position:relative;width:306px;height:626px;transform:scale(var(--phone-scale));transform-origin:top left;background:#fff;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#111827}.phone-island{position:absolute;top:9px;left:50%;transform:translateX(-50%);width:94px;height:23px;border-radius:18px;background:#173442}.phone-status{height:46px;display:flex;justify-content:space-between;padding:12px 21px 0;font-size:10px;font-weight:750;color:#173442}.real-app-header{height:43px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 16px;border-bottom:1px solid #e1e5e8;box-shadow:0 3px 7px #102a4314}.real-app-header strong{font-size:19px;flex:1;letter-spacing:-.02em}.real-app-header img{border-radius:6px}.mini-menu{font-size:17px;color:#0786a8}.app-example{height:463px;overflow:hidden;padding-top:5px}.example-band{background:#c9f2fb;color:#111827;font-weight:900;font-size:19px;text-align:center;padding:5px 0;line-height:1.5}.example-content{padding:8px 14px}.example-section-heading{display:flex;align-items:center;justify-content:space-between;min-height:29px;margin-bottom:4px;gap:10px}.example-section-heading h3{font-size:16px;font-weight:850;color:#111827;letter-spacing:-.02em}.example-section-heading span{font-size:11px;font-weight:650;color:#0786a8}.example-section-heading p{font-size:11px;color:#7a7f85}.example-avatar{width:44px;height:44px;display:grid;place-items:center;flex-shrink:0;border-radius:50%;background:#e9f1f5;color:#526c7b;font-size:11px;font-weight:750}.example-student{display:flex;align-items:center;gap:9px;padding:9px 0;border-bottom:1px solid #e1e5e8;min-height:68px}.example-student:last-child{border:0}.example-student strong{font-size:12px;color:#111827;line-height:1.4}.example-student p{color:#7a7f85;font-size:10px;line-height:1.6}.example-student small{font-size:9px;color:#0786a8;line-height:1.6}.example-circle{border-bottom:1px solid #e1e5e8;padding:7px 0}.example-circle:last-child{border:0}.example-circle h3{display:flex;align-items:center;gap:6px;color:#111827;font-size:13px;font-weight:700;letter-spacing:0;line-height:1.5;margin-bottom:5px}.example-circle h3 i{width:4px;height:16px;background:#0786a8;border-radius:3px}.example-circle h3>span{margin-left:auto;color:#0786a8;font-size:21px}.example-pills{display:flex;gap:5px;margin:4px 0 7px}.example-pills span{padding:3px 8px;border:1px solid #e1e5e8;border-radius:20px;font-size:9px;color:#263238;background:#f7fafb}.example-avatar-strip{display:flex;gap:7px;padding-bottom:3px}.example-avatar-strip .example-avatar{width:30px;height:30px;font-size:8px}.real-app-nav{height:55px;display:flex;justify-content:space-around;border-top:1px solid #e1e5e8;box-shadow:0 -3px 7px #102a4314;padding:7px 8px 0}.real-app-nav>span,.real-app-nav>button{display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:22px;line-height:1;color:#7a7f85;gap:6px;min-width:37px}.real-app-nav small{font-size:7px;font-weight:650;line-height:1.4}.real-app-nav .active{color:#0786a8}.phone-home{width:100px;height:4px;background:#173442;border-radius:10px;margin:8px auto}.phone-caption{font-size:11px;margin-top:20px;text-align:center}.example-search{display:flex;align-items:center;gap:7px;padding:9px 10px;border:1px solid #e1e5e8;border-radius:8px;background:#f7fafb;color:#0786a8;margin-bottom:13px}.example-search span{font-size:10px;color:#7a7f85}.example-result-tabs{display:flex;justify-content:space-between;gap:7px;padding:8px 0 12px;border-bottom:1px solid #e1e5e8;margin-bottom:4px}.example-result-tabs span{font-size:11px;color:#7a7f85;padding:5px 8px;border-radius:20px}.example-result-tabs .selected{color:#0786a8;background:#c9f2fb;font-weight:700}.example-search-result{display:flex;align-items:center;gap:9px;padding:15px 0;border-bottom:1px solid #e1e5e8}.example-result-icon{display:grid;place-items:center;flex-shrink:0;width:38px;height:38px;background:#c9f2fb;color:#0786a8;border-radius:8px;font-size:22px}.example-search-result strong{font-size:12px}.example-search-result p{font-size:10px;line-height:1.5;color:#7a7f85}.example-search-result small{font-size:9px;color:#0786a8}.example-chat{display:flex;align-items:center;gap:9px;padding:16px 0;border-bottom:1px solid #e1e5e8}.example-chat>div{min-width:0;flex:1}.example-chat strong{font-size:12px;line-height:1.5}.example-chat p{font-size:10px;line-height:1.6;color:#7a7f85}.example-chat>small{font-size:7px;color:#7a7f85;align-self:flex-start;padding-top:4px;white-space:nowrap}
/* Calm, consistently centered announcement; close control stays in one corner. */
dialog{position:fixed;inset:0;margin:auto;width:min(420px,calc(100% - 32px));max-height:calc(100dvh - 40px);padding:36px 30px 28px;border:1px solid var(--line);border-radius:22px;background:white;color:var(--ink);box-shadow:0 25px 100px #15334433;overflow:auto;text-align:center}dialog::backdrop{background:#102b3dbb;backdrop-filter:blur(5px)}.close-dialog{position:absolute;right:12px;top:12px;width:40px;height:40px;display:grid;place-items:center;border:0;border-radius:10px;background:transparent;color:var(--muted);padding:0}.close-dialog:hover{background:var(--wash);color:var(--ink)}.close-dialog svg{height:19px;width:19px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round}.launch-icon{width:56px;height:56px;border-radius:15px;margin:0 auto 23px}#launch-title{font-size:29px;letter-spacing:-.035em;line-height:1.2;max-width:290px;margin:0 auto 16px}#launch-description{font-size:14px;line-height:1.8;margin-bottom:25px}#launch-done{width:100%;min-height:44px}.launch-contact{display:block;font-size:12px;margin-top:17px;text-decoration:none}.launch-contact:hover{text-decoration:underline}
@media(max-width:760px){.phone{width:320px}.preview-copy h2{margin-bottom:22px}}
@media(max-width:440px){.phone{width:320px}.phone-caption{font-size:10px}dialog{padding:35px 25px 25px}#launch-title{font-size:27px}#launch-description{font-size:13px}}

.real-app-nav svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.app-example{overflow-y:auto;scrollbar-width:none}.app-example::-webkit-scrollbar{display:none}.example-result-tabs span{white-space:nowrap}.example-result-tabs{gap:4px}.example-result-tabs span{font-size:10px;padding-inline:6px}
/* Interactive native-style preview: the canvas remains a single fixed size. */
.real-app-nav>button{border:0;background:transparent;padding:4px 0;cursor:pointer;border-radius:7px;min-height:43px;color:#7a7f85}.real-app-nav>button.active{color:#0786a8}.real-app-nav>span[aria-disabled]{opacity:.8}.demo-action{position:relative}.demo-action:hover{background-color:#0786a80a}.phone .demo-action:focus-visible,.phone input:focus-visible{outline:2px solid #0786a8;outline-offset:1px}.phone svg{fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.example-section-heading>button{display:flex;align-items:center;justify-content:center;gap:4px;border:0;border-radius:5px;min-height:32px;padding:4px 5px;background:transparent;color:#0786a8;font-size:11px;font-weight:650}.example-section-heading>button svg{width:14px;height:14px}.example-student small{display:block;color:#7a7f85;font-size:9px;line-height:1.5}.example-student small svg{display:inline-block;width:11px;height:11px;vertical-align:-2px}.demo-circles-band{display:flex;align-items:center;justify-content:space-between;padding-inline:16px}.demo-circles-band strong{font-weight:900}.demo-circles-band>span{color:#0786a8;font-size:21px}.demo-class-filter{display:flex;align-items:center;justify-content:space-between;gap:6px}.example-pills button{min-height:28px;padding:4px 8px;border:1px solid #e1e5e8;border-radius:20px;background:#f7fafb;color:#263238;font-size:9px;font-weight:600;box-shadow:0 1px 3px #102a4317}.example-pills button[aria-pressed=true]{background:#c9f2fb;border-color:#0786a8;color:#0786a8}.demo-icon-button{display:grid;place-items:center;width:33px;height:33px;padding:5px;border:0;border-radius:8px;background:transparent;color:#263238;flex-shrink:0}.demo-icon-button svg{width:20px;height:20px}.demo-class-filter .demo-icon-button{width:25px;height:25px;background:#c9f2fb;border-radius:50%;color:#0786a8}.demo-class-filter .demo-icon-button svg{width:14px;height:14px}.real-app-header{padding-inline:9px;gap:6px}.real-app-header strong{font-size:19px;font-weight:750}.real-app-header .example-avatar{width:28px;height:28px;font-size:8px}.demo-header-plus{width:30px;display:grid;place-items:center;color:#0786a8}.demo-header-plus svg{width:20px;height:20px}.real-app-header button{color:#263238}.demo-home .real-app-header{display:none}.demo-home .app-example{height:506px}.app-example.demo-view-search,.app-example.demo-view-chats{display:flex;flex-direction:column;overflow:hidden;padding-top:0}.demo-fixed-controls{flex-shrink:0;padding:10px 13px 0;background:white;box-shadow:0 4px 7px #102a4314;z-index:1}.demo-results{overflow-y:auto;min-height:0;flex:1;scrollbar-width:none}.demo-fixed-controls .example-search{height:38px;padding:7px 9px;gap:6px;margin-bottom:6px}.example-search svg{width:16px;height:16px;flex-shrink:0;color:#7a7f85}.example-search input{min-width:0;width:100%;border:0;background:transparent;font-size:11px;color:#263238;padding:0;outline-offset:1px}.example-search input::placeholder{color:#7a7f85}.demo-fixed-controls .example-section-heading{min-height:38px;margin:0}.demo-filter-display{border:1px solid #9fd6ee;border-radius:20px;background:#eef8fe;padding:3px 10px;font-size:10px!important;font-weight:750}.demo-fixed-controls .example-result-tabs{padding:0;gap:0;margin-bottom:0;justify-content:stretch}.example-result-tabs>button{display:flex;align-items:center;justify-content:center;gap:4px;flex:1;min-height:34px;padding:4px 1px;border:0;border-bottom:2px solid transparent;border-radius:0;background:white;color:#7a7f85;font-size:10px;font-weight:700}.example-result-tabs>button[aria-pressed=true]{color:#0786a8;border-bottom-color:#0786a8}.example-result-tabs>button small{font-size:8px;border-radius:20px;background:#f7fafb;padding:1px 4px;min-width:15px}.example-result-tabs>button[aria-pressed=true] small{background:#c9f2fb}.demo-chat-categories{display:flex;padding:4px;border:1px solid #e1e5e8;border-radius:22px;background:#f7fafb;gap:2px;margin:2px 0 10px}.demo-chat-categories button{flex:1;border:0;border-radius:18px;padding:7px 3px;min-height:29px;font-size:8px;font-weight:650;background:transparent;color:#263238;white-space:nowrap}.demo-chat-categories button[aria-pressed=true]{background:#0786a8;color:white;box-shadow:0 2px 3px #102a4326}.example-chat{width:100%;background:white;text-align:left;color:#111827;font:inherit;border:0;border-bottom:1px solid #e1e5e8;border-radius:0;gap:9px;padding:12px 0}.example-chat .example-avatar{width:48px;height:48px}.demo-thread-body{display:block;flex:1;min-width:0}.demo-thread-top{display:flex;align-items:flex-start;gap:6px;justify-content:space-between}.demo-thread-top strong{font-size:14px;font-weight:600;line-height:1.3}.demo-thread-top small{font-size:8px;color:#7a7f85;white-space:nowrap}.demo-thread-preview{display:block;margin-top:4px;color:#7a7f85;font-size:12px;line-height:1.5}.demo-empty{padding:24px 0;font-size:12px;text-align:center;color:#7a7f85}.demo-thread .real-app-nav{display:none}.app-example.demo-view-thread{display:flex;flex-direction:column;height:518px;padding-top:0;overflow:hidden}.demo-message-log{flex:1;min-height:0;overflow:auto;padding:16px 12px;display:flex;flex-direction:column;justify-content:flex-start;gap:9px;scrollbar-width:none}.demo-message-log:before{content:"";flex:1}.demo-bubble{flex-shrink:0;max-width:82%;align-self:flex-start;border:1px solid #e1e5e8;background:#f7fafb;border-radius:13px;padding:10px}.demo-bubble p{font-size:13px;line-height:1.5;color:#263238;overflow-wrap:anywhere;white-space:pre-wrap}.demo-bubble small{display:block;font-size:8px;color:#7a7f85;margin-top:5px;text-align:right}.demo-bubble.mine{align-self:flex-end;border-color:#0786a8;background:#0786a8}.demo-bubble.mine p{color:white}.demo-bubble.mine small{color:#ffffffc9}.demo-composer{display:flex;align-items:center;gap:5px;padding:12px;border-top:1px solid #e1e5e8;background:white;box-shadow:0 -3px 7px #102a4314}.demo-composer input{flex:1;min-width:0;height:33px;border:0;background:#f7fafb;border-radius:7px;padding:5px 10px;color:#263238;font-size:13px}.demo-composer button{display:grid;place-items:center;width:33px;height:33px;border:0;border-radius:50%;background:#0786a8;color:white;padding:7px}.demo-composer button svg{height:18px;width:18px}.demo-composer button:disabled{opacity:.45}
.demo-hint{animation:demo-pulse 3.8s ease-in-out infinite}.demo-hint:hover,.demo-hint:focus-visible{animation:none}.real-app-nav>button.demo-hint{animation-delay:1s}.real-app-nav>button[data-screen=chats]{animation-delay:1.6s}.real-app-nav>button.active{animation:none}@keyframes demo-pulse{0%,65%,100%{box-shadow:0 0 0 0 #0786a800}35%{box-shadow:0 0 0 3px #0786a824}}@media(prefers-reduced-motion:reduce){.demo-hint{animation:none}}
/* The remaining native tab examples use the same canvas and action affordances. */
.demo-student-button{width:100%;text-align:left;background:white;color:#111827;font:inherit;border:0;border-bottom:1px solid #e1e5e8;border-radius:0}.demo-student-button>div{min-width:0}.app-example.demo-view-circles,.app-example.demo-view-forums{display:flex;flex-direction:column;overflow:hidden;padding-top:0}.demo-detail .real-app-nav{display:none}.demo-detail .app-example:not(.demo-view-thread){height:518px}.real-app-header strong{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.demo-profile-hero{padding:18px 0 12px;display:flex;justify-content:center}.demo-profile-hero .example-avatar{width:142px;height:142px;border:3px solid white;outline:1px solid #e1e5e8;font-size:34px;background:#e5f0f5}.demo-profile-name{padding:7px 12px;background:#c9f2fb;font-size:22px;line-height:1.3;font-weight:850;text-align:center;color:#111827}.demo-profile-bio{font-size:12px;line-height:1.7;padding:14px 18px;text-align:center;color:#526c7b}.demo-profile-intents{display:flex;justify-content:center;gap:7px;margin:0 12px 13px}.demo-profile-intents span{font-size:9px;color:#0786a8;background:#c9f2fb;border-radius:15px;padding:4px 8px}.demo-profile-actions{display:flex;justify-content:center;gap:7px;padding:0 12px 13px}.demo-small-button{min-height:32px;border:1px solid #9fd6ee;border-radius:7px;background:#eef8fe;color:#0786a8;font-size:11px;font-weight:650;padding:7px 10px;line-height:1.4}.demo-small-button.primary{background:#0786a8;color:white;border-color:#0786a8}.demo-small-button[aria-pressed=true]{background:#c9f2fb}.demo-profile-actions .demo-small-button{flex:1}.demo-profile-section{border:1px solid #e1e5e8;border-radius:12px;padding:13px;margin-bottom:12px;background:white}.demo-profile-section h3{font-size:15px;line-height:1.4;margin-bottom:9px;letter-spacing:-.02em}.demo-profile-section p{font-size:12px;color:#263238;line-height:1.6}.demo-profile-section small{font-size:10px;color:#7a7f85}.demo-profile-field{margin-bottom:8px}.demo-profile-field:last-child{margin-bottom:0}.demo-profile-field strong{font-size:10px;color:#7a7f85;font-weight:550}.demo-circle-card{border:1px solid #e1e5e8;border-radius:10px;padding:12px;margin-bottom:12px}.demo-circle-top{display:flex;align-items:center;gap:5px}.demo-circle-open{flex:1;text-align:left;border:0;background:transparent;padding:0;color:#111827;min-height:35px;min-width:0}.demo-circle-open strong{display:block;font-size:14px;line-height:1.4}.demo-circle-open small{display:block;font-size:10px;color:#7a7f85;line-height:1.6}.demo-circle-top .demo-icon-button{width:26px;color:#0786a8}.demo-circle-card>p{font-size:11px;line-height:1.7;margin:8px 0;color:#7a7f85}.demo-circle-card .example-avatar-strip{margin-top:10px;align-items:center}.demo-circle-card .example-avatar-strip>small{color:#7a7f85;font-size:9px;margin-left:auto}.demo-circle-hero{text-align:center;padding:15px 0 10px}.demo-circle-hero .example-result-icon{margin:0 auto 12px;width:52px;height:52px;font-size:30px;border-radius:50%}.demo-circle-hero h3{font-size:22px;margin-bottom:6px}.demo-circle-hero p{font-size:10px;line-height:1.7}.demo-circle-description{font-size:12px;line-height:1.8;margin:8px 0 20px;border-left:3px solid #c9f2fb;padding-left:12px}.demo-info h3{font-size:18px;margin:20px 0 15px}.demo-info p{font-size:13px;line-height:1.8}.demo-forum-filters button{font-size:8px;padding-inline:2px}.demo-forum-tools{display:flex;justify-content:space-between;gap:5px;margin:2px 0 10px}.demo-forum-tools button{background:white;border:0;border-radius:5px;padding:5px 0;font-size:9px;color:#7a7f85;min-height:25px}.demo-post-card{display:flex;flex-direction:column;gap:7px;width:calc(100% - 26px);margin:12px 13px 0;padding:12px;background:#f7fafb;border:1px solid #e1e5e8;border-radius:5px;text-align:left;color:#111827}.demo-post-card>strong{font-size:14px;line-height:1.4;font-weight:700}.demo-post-meta{font-size:9px;color:#7a7f85;line-height:1.6}.demo-post-preview{font-size:11px;line-height:1.6;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.demo-post-footer{display:flex;justify-content:space-between;gap:8px;flex-wrap:wrap;font-size:8px;color:#7a7f85;line-height:1.6}.demo-discussion{padding-top:15px}.demo-discussion>h3{font-size:19px;margin:10px 0;line-height:1.4}.demo-post-body{font-size:13px;line-height:1.8;margin:15px 0;color:#263238}.demo-post-actions{display:flex;gap:7px;margin-bottom:20px}.demo-post-actions button{flex:1;font-size:10px;padding-inline:4px}.demo-discussion h4{font-size:14px;margin:16px 0 12px}.demo-reply{border-left:2px solid #e1e5e8;padding:7px 10px;margin-bottom:12px}.demo-reply strong{font-size:10px}.demo-reply p{font-size:12px;line-height:1.7;color:#263238;overflow-wrap:anywhere;white-space:pre-wrap}.demo-reply-label{display:block;font-size:11px;font-weight:650;margin-bottom:6px}.demo-discussion textarea{width:100%;min-height:70px;resize:vertical;border:1px solid #e1e5e8;border-radius:7px;padding:8px;font-size:12px;line-height:1.6;color:#263238;background:#f7fafb;margin-bottom:7px}.demo-discussion textarea:focus-visible{outline:2px solid #0786a8;outline-offset:1px}.real-app-nav>button[data-screen=profile]{animation-delay:2.1s}.real-app-nav>button[data-screen=forums]{animation-delay:2.6s}.real-app-nav>button[data-screen=circles]{animation-delay:3.1s}
/* Stock portraits are local assets; the same user image follows every screen. */
.example-avatar{overflow:hidden}.example-avatar img{display:block;width:100%;height:100%;object-fit:cover}.demo-profile-hero{padding:8px 0 6px}.demo-profile-hero .example-avatar{width:154px;height:154px;border:2px solid white;outline:1px solid #e1e5e8}.demo-profile-name{min-height:36px;padding:5px 12px;font-size:23px;font-weight:900;line-height:1.2}.demo-profile-bio{margin:8px 13px 0;padding:0 0 0 8px;border-left:1px solid #e1e5e8;text-align:left;font-size:11px;line-height:1.6;color:#111827}.demo-profile-intents{margin:10px 13px;display:flex;justify-content:flex-start;align-items:center;gap:6px}.demo-profile-intents>span{padding:0;background:none;border-radius:0;font-size:11px;color:#111827}.demo-profile-intents>div{display:flex;flex:1;max-width:55px;height:32px;flex-direction:column;align-items:center;justify-content:center;gap:2px}.demo-profile-intents svg{height:16px;width:16px;color:#0786a8}.demo-profile-intents small{font-size:8px;font-weight:600;color:#0786a8}.demo-profile-actions{margin-top:14px;padding-inline:13px;padding-bottom:0;gap:11px}.demo-profile-actions .demo-small-button{height:37px;border-radius:5px;background:#c9f2fb;border:1px solid #0786a8;font-size:11px;box-shadow:0 3px 6px #102a4329}.demo-profile-actions .demo-small-button.primary{background:#0786a8;color:white}.demo-profile-actions .demo-small-button[aria-pressed=true]{background:#fff3cd;border-color:#e6b84a;color:#9a6700}.demo-profile-sections{padding:0 13px 20px}.demo-profile-section{padding:0;margin:19px 0 0;border-radius:6px;overflow:hidden}.demo-profile-section h3{margin:0;padding:8px 35px;min-height:35px;background:#0786a8;color:white;font-size:14px;font-weight:600;text-align:center;letter-spacing:0;line-height:1.4}.demo-profile-field-group{padding:0 10px 3px}.demo-profile-field{padding:7px 0;margin:0;border-bottom:1px solid #e1e5e8}.demo-profile-field:last-child{border:0}.demo-profile-field>span{display:block;font-size:9px;line-height:1.4;color:#7a7f85;margin-bottom:3px}.demo-profile-field p{font-size:11px;line-height:1.5;color:#111827}.demo-semester{padding:6px 10px;text-align:center;background:#c9f2fb;color:#0786a8;font-size:12px;font-weight:600}.demo-course-list{padding:5px}.demo-course-row{display:flex;align-items:stretch;min-height:27px;margin-bottom:2px}.demo-course-row strong{display:flex;align-items:center;justify-content:center;width:69px;flex-shrink:0;background:#c9f2fb;color:#0786a8;border-radius:5px 0 0 5px;padding:3px;font-size:11px;font-weight:600}.demo-course-row>span{display:flex;align-items:center;flex:1;min-width:0;border:1px solid #e1e5e8;padding:4px 6px;font-size:10px;line-height:1.4;font-style:italic;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.concept-note a{font-size:inherit}
/* SegmentedPillTabs and forum cards use the native app's soft selected surface. */
.demo-chat-categories{gap:3px}.demo-chat-categories button{min-height:35px;padding-block:6px;border-radius:20px;color:#7a7f85;font-size:9px;font-weight:600}.demo-chat-categories button[aria-pressed=true]{background:#c9f2fb;color:#0786a8;font-weight:700;box-shadow:none}.demo-forum-tools{margin:0 0 9px;gap:9px}.demo-forum-tools button{font-size:9px;min-height:26px}.demo-post-card{gap:6px;margin:0 13px 10px;border-radius:5px;padding:13px}.demo-view-forums #demo-posts{padding-top:7px}.demo-post-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:6px}.demo-post-heading .demo-post-meta{flex:1}.demo-post-heading svg{width:16px;height:16px;color:#0786a8;flex-shrink:0}.demo-post-card.unread-announcement{background:#f2fbfd;border-color:#14a9cf;border-left-width:3px}.demo-post-preview{font-size:11px;line-height:1.6;color:#111827}.demo-post-footer{font-size:9px}.demo-post-title-stack{flex:1;min-width:0}.demo-post-title-stack strong{display:block;font-size:15px;line-height:1.3;letter-spacing:-.015em}.demo-post-title-stack small{display:block;color:#7a7f85;font-size:10px;line-height:1.4;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.demo-toggle{color:#0786a8!important}.demo-toggle.selected svg{fill:#c9f2fb}.demo-post-options{font-size:18px;width:20px;flex-shrink:0;text-align:center;color:#263238}.demo-forum-author{display:flex;align-items:center;flex-wrap:wrap;gap:6px;color:#7a7f85;font-size:9px;line-height:1.6}.demo-forum-author button{display:flex;align-items:center;gap:6px;background:transparent;border:0;border-radius:6px;padding:0;color:#7a7f85;font-size:9px}.demo-forum-author .example-avatar{width:22px;height:22px}.app-example.demo-view-post{display:flex;flex-direction:column;overflow:hidden;padding-top:0}.demo-post-scroll{flex:1;min-height:0;overflow-y:auto;scrollbar-width:none}.demo-discussion{padding:13px}.demo-discussion>h3{font-size:19px;font-weight:700;line-height:1.35;margin:12px 0}.demo-post-body{margin:0;font-size:13px;line-height:1.7}.demo-native-vote-row{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:10px 0 16px}.demo-native-vote-row>div{display:flex;align-items:center;gap:4px}.demo-native-vote-row>div>span{font-size:12px;color:#111827}.demo-native-vote-row .demo-icon-button{width:24px;height:28px;color:#7a7f85}.demo-native-vote-row .demo-icon-button[aria-pressed=true]{color:#0786a8}.demo-native-vote-row svg{height:16px;width:16px}.demo-native-vote-row>strong{font-size:11px;white-space:nowrap}.demo-text-action{background:transparent;border:0;padding:5px 4px;border-radius:4px;color:#0786a8;font-size:11px;font-weight:600;min-height:28px}.demo-native-vote-row .demo-text-action{margin-left:5px}.demo-reply{margin:0 0 10px;padding:10px;border-left:2px solid #e1e5e8}.demo-reply>p{margin-top:8px;font-size:13px;color:#111827}.demo-post-composer{padding:12px;border-top:1px solid #e1e5e8;background:white;box-shadow:0 -3px 7px #102a4318}.demo-post-composer>div{display:flex;align-items:center;gap:5px}.demo-post-composer>div:first-child{margin-bottom:6px}.demo-post-composer strong{flex:1;font-size:10px;line-height:1.4}.demo-post-composer>div:first-child>span{color:#0786a8;font-size:14px}.demo-post-composer textarea{flex:1;min-width:0;height:51px;min-height:30px;max-height:73px;border:0;border-radius:6px;background:#f7fafb;color:#111827;resize:none;padding:7px 10px;font-size:13px;line-height:1.5}.demo-send-button{display:grid;place-items:center;width:33px;height:33px;border:0;border-radius:50%;background:#0786a8;color:white;padding:7px;flex-shrink:0}.demo-send-button svg{width:18px;height:18px}.demo-post-composer textarea:focus-visible{outline:2px solid #0786a8;outline-offset:1px}

.demo-header-secondary{display:grid;place-items:center;color:#0786a8;width:21px;flex-shrink:0}.demo-header-secondary svg{width:19px;height:19px}.demo-profile-section h3{position:relative}.demo-section-info{position:absolute;right:10px;top:50%;transform:translateY(-50%)}.demo-section-info svg{width:18px;height:18px;color:white}
/* Home follows the app's automatic-circle priority and explicit manual pins. */
.demo-home-circle-heading{display:flex;align-items:center;gap:7px;min-height:29px;border:0;padding:2px 0;background:white;width:100%;text-align:left;color:#111827;font:inherit;border-radius:4px;margin-bottom:5px}.demo-home-circle-heading i{width:3px;height:15px;border-radius:2px;background:#0786a8;flex-shrink:0}.demo-home-circle.manual .demo-home-circle-heading i{background:#d5a15d}.demo-home-circle-heading strong{flex:1;font-size:13px;line-height:1.5;font-weight:700}.demo-home-circle-heading>span{color:#0786a8;font-size:21px}.example-avatar-strip{overflow-x:auto;scrollbar-width:none}.example-avatar-strip::-webkit-scrollbar{display:none}.demo-member-avatar{background:transparent;border:0;border-radius:50%;padding:0;flex-shrink:0}.example-avatar-strip .demo-member-avatar .example-avatar{width:40px;height:40px}.demo-home-circle .example-avatar-strip .example-avatar{width:35px;height:35px}.demo-circle-settings h3{font-size:18px;margin:14px 0 21px}.demo-circle-settings>button{width:100%;display:flex;gap:10px;align-items:center;border:0;background:white;border-bottom:1px solid #e1e5e8;padding:15px 0;text-align:left;color:#0786a8}.demo-circle-settings>button>svg{width:21px;height:21px;flex-shrink:0}.demo-circle-settings>button strong{display:block;font-size:13px;line-height:1.5;color:#111827}.demo-circle-settings>button small{display:block;font-size:11px;line-height:1.7;color:#7a7f85}.demo-circle-settings>p{font-size:12px;line-height:1.8}.demo-overlap-panel{margin-top:19px;margin-bottom:8px;padding:13px;background:#f7fafb;border:1px solid #e1e5e8;border-radius:6px}.demo-overlap-panel h3{font-size:15px;font-weight:600;margin-bottom:3px}.demo-overlap-panel>p{font-size:12px;margin-bottom:12px;color:#7a7f85}.demo-overlap-categories{display:grid;gap:8px}.demo-overlap-categories>div{display:flex;align-items:center;gap:6px}.demo-overlap-categories strong{width:74px;font-size:9px;font-weight:700;color:#7a7f85}.demo-overlap-categories progress{appearance:none;-webkit-appearance:none;flex:1;min-width:0;height:6px;border:0;border-radius:4px;overflow:hidden;background:#c9f2fb}.demo-overlap-categories progress::-webkit-progress-bar{background:#c9f2fb}.demo-overlap-categories progress::-webkit-progress-value{background:#0786a8;border-radius:4px}.demo-overlap-categories progress::-moz-progress-bar{background:#0786a8;border-radius:4px}.demo-overlap-categories span{font-size:9px;width:33px;text-align:right;color:#111827}.demo-overlap-panel ul{list-style:none;padding:10px 0 0;margin:14px 0 0;border-top:1px solid #e1e5e8}.demo-overlap-panel li{display:flex;gap:6px;font-size:10px;line-height:1.6;margin-bottom:7px;color:#263238}.demo-overlap-panel li>span{color:#0786a8;font-weight:700}.demo-overlap-panel>small{display:block;font-size:9px;color:#7a7f85;margin-top:10px}.demo-search-circle{background:white;width:100%;border:0;border-bottom:1px solid #e1e5e8;border-radius:0;text-align:left;color:#111827}.demo-search-circle>span:last-child>span{display:block;font-size:10px;color:#7a7f85;margin-top:4px}
.demo-group-avatar{background:#0786a8;color:white}.demo-group-avatar svg{width:24px;height:24px}.demo-no-classes{padding:8px;font-size:11px;color:#7a7f85}
/* Compact editorial cards retain the supplied copy without sequence numbers. */
.problem-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.problem-card{padding:24px 24px 0}.card-top{justify-content:flex-start;gap:15px;margin-bottom:17px}.card-top .illustration{width:44px;height:44px;border-radius:12px;flex-shrink:0}.card-top .illustration svg{width:29px;height:29px}.problem-card .card-top h3{margin:0;font-size:20px;line-height:1.3}.problem-card>p{font-size:13px;line-height:1.9}.solution-card{padding:27px;min-height:0;border-radius:18px;background:linear-gradient(150deg,white,#f7fbff)}.solution-card-heading{display:flex;align-items:center;gap:14px;margin-bottom:19px}.solution-icon{width:44px;height:44px;display:grid;place-items:center;border-radius:12px;background:#e3f1fc;color:#007fa8;flex-shrink:0}.solution-icon svg{width:26px;height:26px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.solution-card-heading h3{margin:0;font-size:21px;line-height:1.35}.solution-card p{font-size:13px;line-height:1.85}.solution-card:hover{border-color:#9fc8dc}
@font-face{font-family:OverlapIonicons;src:url('ionicons.ttf') format('truetype');font-display:block}.demo-native-icon{font-family:OverlapIonicons!important;font-size:21px;font-style:normal;font-weight:normal;line-height:1;speak:none;-webkit-font-smoothing:antialiased}.real-app-nav>button.active .demo-native-icon{text-shadow:0 2px 2px #00000033}.demo-inline-reference{display:inline;background:none;border:0;border-radius:2px;padding:0;min-height:0;color:#0786a8;font:inherit;font-weight:700;line-height:inherit;text-decoration:underline;text-underline-offset:2px;cursor:pointer}.demo-bubble.mine .demo-inline-reference{color:#d9f8ff}.demo-group-run{display:flex;align-items:flex-start;gap:6px;max-width:90%;flex-shrink:0}.demo-group-run>span>.example-avatar{width:24px;height:24px}.demo-group-copy{flex:1;min-width:0}.demo-group-copy .demo-bubble{max-width:100%}.demo-group-sender{background:none;border:0;padding:0 0 5px;border-radius:3px;color:#7a7f85;font-size:9px;text-align:left;line-height:1.5}.demo-class-details{padding-top:18px}.demo-course-badge{display:inline-block;padding:5px 10px;background:#c9f2fb;color:#0786a8;border-radius:8px;font-weight:700;font-size:15px;margin-bottom:12px}.demo-class-details>h3{font-size:19px;line-height:1.4;margin-bottom:9px}.demo-class-details>p{font-size:11px;margin-bottom:10px}.demo-class-details>small{display:block;font-size:10px;line-height:1.6;color:#7a7f85}.demo-class-detail-rows{margin:20px 0;padding:10px;border:1px solid #e1e5e8;border-radius:9px}.demo-class-detail-rows p{font-size:11px;line-height:1.7;margin-bottom:8px;color:#111827}.demo-class-detail-rows strong{display:block;font-size:9px;color:#7a7f85}.demo-class-details>.demo-small-button{width:100%;margin-top:15px}
@media(max-width:760px){.solution-card{padding:24px;min-height:0}.solution-card-heading h3{font-size:22px}.problem-card .card-top h3{font-size:17px}.problem-card{padding:20px 18px 0}.card-top{gap:12px}}@media(max-width:600px){.problem-grid{grid-template-columns:1fr}.problem-card .card-top h3{font-size:18px}}@media(max-width:360px){.problem-card .card-top h3{font-size:16px}.card-top .illustration{width:38px;height:38px}.card-top{gap:10px}}
.demo-overlap-categories>div{display:grid;grid-template-columns:74px minmax(0,1fr) 33px;gap:6px}.demo-overlap-categories progress{width:100%;min-width:0}.solution-card-heading{min-height:58px}.solution-card-heading .keep-together{white-space:nowrap}
.demo-career-line{display:flex;align-items:flex-start;gap:5px}.demo-career-line svg{width:12px;height:12px;margin-top:2px;flex-shrink:0;color:#7a7f85}.demo-career-line span{min-width:0;flex:1}.example-avatar .demo-fallback-avatar{font-size:22px;color:#7a7f85}.demo-profile-hero .demo-fallback-avatar{font-size:74px}.example-avatar-strip .example-avatar .demo-fallback-avatar{font-size:18px}.demo-forum-author .example-avatar .demo-fallback-avatar{font-size:12px}.real-app-header .example-avatar .demo-fallback-avatar{font-size:14px}.demo-profile-intents>div{min-width:0}.demo-profile-intents small{width:100%;text-align:center;font-size:7.5px}
.demo-native-result{display:flex;align-items:center;gap:9px;padding:12px 0;border-bottom:1px solid #e1e5e8;width:100%;color:#111827;text-align:left}.demo-native-result-icon{display:grid;place-items:center;width:38px;height:38px;flex-shrink:0;border-radius:50%;background:#c9f2fb;color:#0786a8}.demo-native-result-icon .demo-native-icon{font-size:18px}.demo-native-result-copy{flex:1;min-width:0;display:block}.demo-native-result-copy>strong{font-size:12px;font-weight:850;line-height:1.4;display:block}.demo-native-result-copy>p,.demo-native-result-copy>.demo-course-name{font-size:10px;line-height:1.5;color:#7a7f85;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin-top:3px}.demo-native-result-copy>small{display:block;margin-top:4px;font-size:9px;line-height:1.5;color:#0786a8;font-weight:650}.demo-result-open{height:27px;min-width:44px;padding:5px 8px;border:0;border-radius:20px;background:#0786a8;color:white;font-size:9px;font-weight:750;flex-shrink:0}.demo-class-result{background:white;border:0;border-bottom:1px solid #e1e5e8;border-radius:0;font:inherit}.demo-filter-display{display:flex;gap:4px;align-items:center}.demo-filter-display .demo-native-icon{font-size:13px}
.demo-activity-time{display:flex;flex-direction:column;align-items:flex-end;gap:2px;flex-shrink:0;min-width:36px;color:#7a7f85;font-size:8px;line-height:1.4}.demo-thread-top{align-items:flex-start}.demo-forum-author{row-gap:3px}

.demo-reorder-icon{display:flex;align-items:center;justify-content:center}.demo-reorder-icon svg{width:21px;height:21px}