:root{
  --ink:#111936;--ink-soft:#4e5974;--paper:#f7f8fc;--white:#fff;--line:#e4e8f1;
  --brand:#5b63f5;--brand-dark:#454bd5;--brand-soft:#eef0ff;--mint:#21a87b;
  --coral:#f0785c;--violet:#906cf4;--shadow:0 24px 70px rgba(24,31,72,.13);
}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}
.ss-icon{width:1.1em;height:1.1em;display:inline-block;vertical-align:-.16em;fill:none;stroke:currentColor;flex:0 0 auto}.ss-icon.icon-lg{width:1.45em;height:1.45em}.ss-icon.icon-xl{width:42px;height:42px}
body{margin:0;background:var(--white);color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.6}
a{color:inherit;text-decoration:none}button,input{font:inherit}.landing-container{width:min(1180px,calc(100% - 40px));margin-inline:auto}
.landing-header{height:76px;position:sticky;top:0;z-index:50;background:rgba(255,255,255,.9);border-bottom:1px solid rgba(228,232,241,.82);backdrop-filter:blur(18px)}
.header-inner{height:100%;display:flex;align-items:center;justify-content:space-between;gap:26px}.landing-brand{font-size:22px;font-weight:900;letter-spacing:-.045em}.landing-brand span{color:var(--brand)}
.landing-nav{display:flex;align-items:center;gap:28px;font-size:14px;font-weight:650;color:#58637b}.landing-nav a:hover{color:var(--brand)}
.header-actions,.hero-actions,.cta-actions{display:flex;align-items:center;gap:10px}.landing-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:11px;padding:11px 17px;font-size:14px;font-weight:800;line-height:1.2;transition:transform .2s ease,box-shadow .2s ease,background .2s ease}.landing-button:hover{transform:translateY(-2px)}
.landing-button.primary{background:linear-gradient(135deg,var(--brand),#6f68f8);color:#fff;box-shadow:0 10px 24px rgba(91,99,245,.24)}.landing-button.primary:hover{box-shadow:0 14px 30px rgba(91,99,245,.34)}.landing-button.secondary{background:#fff;border:1px solid var(--line);color:var(--ink)}.text-button{color:#505b73;padding-inline:10px}.small-button{padding:10px 15px}.large-button{padding:14px 21px;border-radius:13px;font-size:15px}
.landing-hero{position:relative;overflow:hidden;background:linear-gradient(180deg,#fbfbff 0%,#f6f7fc 100%);padding:88px 0 106px}.landing-hero:after{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background:var(--line)}
.hero-grid{position:relative;z-index:2;display:grid;grid-template-columns:minmax(0,.91fr) minmax(540px,1.09fr);align-items:center;gap:54px}.hero-copy h1{max-width:680px;font-size:clamp(48px,5.3vw,76px);line-height:.99;letter-spacing:-.06em;margin:18px 0 24px}.hero-lead{max-width:640px;color:var(--ink-soft);font-size:19px;line-height:1.72;margin:0 0 30px}.eyebrow,.section-kicker{display:inline-flex;align-items:center;gap:9px;color:var(--brand);font-size:12px;font-weight:900;text-transform:uppercase;letter-spacing:.12em}.eyebrow span{width:8px;height:8px;border-radius:50%;background:var(--mint);box-shadow:0 0 0 6px rgba(33,168,123,.12)}
.hero-proof{display:flex;gap:10px 22px;flex-wrap:wrap;margin-top:25px;color:#66718a;font-size:12px;font-weight:700}.hero-proof span{display:inline-flex;align-items:center;gap:6px}.hero-proof .ss-icon{color:var(--mint)}
.hero-glow{position:absolute;border-radius:50%;filter:blur(2px);opacity:.52}.glow-one{width:580px;height:580px;right:-180px;top:-290px;background:radial-gradient(circle,rgba(110,103,248,.24),transparent 68%)}.glow-two{width:430px;height:430px;left:-250px;bottom:-250px;background:radial-gradient(circle,rgba(33,168,123,.16),transparent 68%)}
.product-preview{position:relative;background:#fff;border:1px solid #dde1ed;border-radius:22px;box-shadow:var(--shadow);overflow:visible;transform:perspective(1200px) rotateY(-2deg) rotateX(1deg)}.preview-top{height:48px;display:flex;align-items:center;gap:12px;padding:0 14px;border-bottom:1px solid var(--line);color:#8a93a7;font-size:10px;font-weight:700}.preview-dots{display:flex;gap:5px}.preview-dots i{width:7px;height:7px;background:#d9ddea;border-radius:50%}.preview-dots i:first-child{background:#ff9d83}.preview-dots i:nth-child(2){background:#f3c964}.preview-dots i:nth-child(3){background:#5fc99b}.preview-avatar{margin-left:auto;width:25px;height:25px;display:grid;place-items:center;border-radius:50%;background:var(--brand);color:#fff;font-size:9px}
.preview-body{min-height:390px;display:grid;grid-template-columns:112px 1fr;overflow:hidden;border-radius:0 0 22px 22px}.preview-sidebar{padding:20px 10px;background:#11182f;color:#7f8aa7;font-size:10px}.preview-sidebar>strong{display:block;color:#fff;font-size:12px;margin:0 8px 25px}.preview-sidebar>strong span{color:#7b82ff}.preview-nav{padding:9px 8px;margin:4px 0;border-radius:7px}.preview-nav.active{background:#252d4c;color:#fff}.preview-main{padding:25px 22px;background:#f8f9fc;min-width:0}.preview-heading{display:flex;justify-content:space-between;align-items:center}.preview-heading small,.preview-heading strong{display:block}.preview-heading small{color:#8b94a6;font-size:9px;text-transform:uppercase;letter-spacing:.1em}.preview-heading strong{font-size:17px;margin-top:3px}.status-dot{font-size:9px;font-weight:800;color:#168662;background:#e4f6ee;padding:5px 8px;border-radius:999px}.preview-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:20px 0}.preview-stats>div{background:#fff;border:1px solid #e7eaf1;border-radius:10px;padding:10px}.preview-stats small,.preview-stats strong,.preview-stats em{display:block}.preview-stats small{color:#8a94a7;font-size:8px}.preview-stats strong{font-size:20px;margin:2px 0}.preview-stats em{color:#238963;font-size:7px;font-style:normal}.preview-stats em.warn{color:#be713b}.mini-schedule{background:#fff;border:1px solid #e6e9f0;border-radius:12px;padding:12px}.schedule-labels{display:grid;grid-template-columns:repeat(5,1fr);gap:4px;color:#7f899c;font-size:8px;text-align:center;margin-bottom:8px}.schedule-grid{height:155px;display:grid;grid-template-columns:repeat(5,1fr);grid-template-rows:repeat(5,1fr);gap:3px;background:repeating-linear-gradient(to bottom,transparent 0,transparent 29px,#edf0f5 30px)}.schedule-grid i{grid-column:var(--c);grid-row:var(--r)/span var(--w);background:#e9ecff;border-left:3px solid var(--brand);border-radius:5px;padding:4px;color:#5159c8;font-size:7px;font-style:normal;font-weight:800;overflow:hidden}.schedule-grid i.green{background:#e8f7f1;border-color:var(--mint);color:#228260}.schedule-grid i.orange{background:#fff1e8;border-color:var(--coral);color:#b5614c}.schedule-grid i.purple{background:#f2ecff;border-color:var(--violet);color:#7352c1}
.floating-card{position:absolute;display:flex;gap:10px;align-items:center;background:#fff;border:1px solid var(--line);border-radius:13px;padding:11px 14px;box-shadow:0 15px 34px rgba(24,31,72,.16);min-width:160px}.floating-card strong,.floating-card small{display:block}.floating-card strong{font-size:11px}.floating-card small{color:#8892a5;font-size:8px}.float-icon{width:28px;height:28px;display:grid;place-items:center;border-radius:8px;background:#e8f7f1;color:var(--mint);font-weight:900}.float-icon.coral{background:#fff0eb;color:var(--coral)}.floating-sync{right:-25px;top:75px}.floating-cover{left:-34px;bottom:40px}
.trust-strip{border-bottom:1px solid var(--line);background:#fff}.trust-inner{min-height:90px;display:flex;align-items:center;justify-content:space-between;gap:24px;color:#545f77;font-size:14px;font-weight:800}.trust-inner>span{color:#9aa2b2;font-size:11px;text-transform:uppercase;letter-spacing:.12em}.trust-inner>div{display:flex;align-items:center;gap:8px}.trust-inner .ss-icon{width:20px;height:20px;color:var(--brand)}
.landing-section{padding:106px 0}.section-heading{max-width:760px;margin-bottom:45px}.section-heading.centered{text-align:center;margin-inline:auto}.section-heading h2,.integration-layout h2,.goals-copy h2,.about-grid h2,.cta-inner h2{font-size:clamp(35px,4vw,52px);line-height:1.08;letter-spacing:-.05em;margin:12px 0 17px}.section-heading p,.integration-layout>div>p,.goals-copy>p,.about-grid>div>p{color:var(--ink-soft);font-size:17px;line-height:1.75}.steps-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.step-card{position:relative;padding:27px 24px 25px;border:1px solid var(--line);border-radius:18px;background:#fff;transition:transform .2s,box-shadow .2s}.step-card:hover{transform:translateY(-5px);box-shadow:0 18px 40px rgba(28,35,73,.09)}.step-number{position:absolute;right:20px;top:19px;color:#c4cad6;font-size:11px;font-weight:900}.step-icon{width:45px;height:45px;display:grid;place-items:center;border-radius:13px;margin-bottom:27px;font-size:19px;font-weight:900}.step-icon.blue{background:#e9edff;color:var(--brand)}.step-icon.violet{background:#f2ecff;color:var(--violet)}.step-icon.green{background:#e7f7f1;color:var(--mint)}.step-icon.orange{background:#fff0ea;color:var(--coral)}.step-card h3{font-size:18px;margin:0 0 10px}.step-card p{color:#69748b;font-size:14px;line-height:1.7;margin:0}
.integration-section{background:#121a37;color:#fff;overflow:hidden}.integration-layout{display:grid;grid-template-columns:.9fr 1.1fr;gap:85px;align-items:center}.section-kicker.light{color:#9ba2ff}.integration-layout h2{font-size:clamp(40px,4.5vw,58px)}.integration-layout>div>p{color:#b7bfd2}.check-list{list-style:none;padding:0;margin:28px 0 32px;display:grid;gap:13px;color:#d5daea;font-size:14px}.check-list li{display:flex;gap:10px}.check-list span{color:#60d4a8;font-weight:900}.check-list .ss-icon{color:#60d4a8;width:18px;height:18px;margin-top:2px}.light-button{background:#fff;color:#171f3d}.integration-cloud{height:470px;position:relative}.cloud-center{position:absolute;z-index:3;left:50%;top:50%;transform:translate(-50%,-50%);width:165px;height:165px;display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:50%;background:radial-gradient(circle at 35% 25%,#7379ff,#4f55de);box-shadow:0 0 0 22px rgba(102,108,246,.08),0 25px 60px rgba(0,0,0,.25)}.cloud-center>span{width:43px;height:43px;display:grid;place-items:center;background:#fff;color:var(--brand);border-radius:12px;font-size:24px;font-weight:950}.cloud-center strong{font-size:14px;margin-top:10px}.cloud-center small{color:#d6d9ff;font-size:9px}.integration-pill{position:absolute;z-index:4;min-width:174px;display:flex;align-items:center;gap:10px;background:#fff;color:var(--ink);border-radius:13px;padding:11px 13px;box-shadow:0 18px 40px rgba(0,0,0,.18)}.integration-pill b{width:34px;height:34px;display:grid;place-items:center;border-radius:9px;background:var(--brand-soft);color:var(--brand);font-size:10px}.integration-pill strong,.integration-pill small{display:block}.integration-pill strong{font-size:11px}.integration-pill small{color:#8a93a7;font-size:8px}.integration-pill.skola{left:13px;top:50px}.integration-pill.schoolsoft{right:2px;top:42px}.integration-pill.csn{left:-14px;bottom:40px}.integration-pill.calendar{right:-8px;bottom:35px}.integration-pill.api{left:50%;bottom:-18px;transform:translateX(-50%)}.connection-lines{position:absolute;inset:0;width:100%;height:100%;z-index:1;overflow:visible}.connection-lines path{fill:none;stroke:#424d78;stroke-width:2;stroke-dasharray:5 6}
.step-icon .ss-icon{width:21px;height:21px}.float-icon .ss-icon{width:16px;height:16px}
.audience-section{background:#f8f9fc}.audience-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.audience-card{overflow:hidden;background:#fff;border:1px solid var(--line);border-radius:20px}.audience-card>div:last-child{padding:24px}.audience-card h3{font-size:20px;margin:0 0 8px}.audience-card p{color:#68738a;font-size:14px;line-height:1.7;margin:0}.audience-visual{height:230px;padding:24px;color:#fff}.audience-visual>span{display:inline-block;font-size:10px;text-transform:uppercase;letter-spacing:.12em;font-weight:900;opacity:.75}.audience-visual>strong{display:block;font-size:25px;margin-top:6px}.planner-card .audience-visual{background:linear-gradient(145deg,#5962ee,#7479fb)}.teacher-card .audience-visual{background:linear-gradient(145deg,#128363,#2bad80)}.student-card .audience-visual{background:linear-gradient(145deg,#ee735c,#f39a65)}.bars{height:85px;margin-top:30px;display:flex;gap:10px;align-items:end}.bars i{flex:1;background:rgba(255,255,255,.82);border-radius:6px 6px 2px 2px}.bars i:nth-child(1){height:45%}.bars i:nth-child(2){height:72%}.bars i:nth-child(3){height:58%}.bars i:nth-child(4){height:90%}.teacher-days{margin-top:30px;display:grid;grid-template-columns:repeat(5,1fr);gap:7px;height:90px}.teacher-days i{border-radius:6px;background:rgba(255,255,255,.18);position:relative}.teacher-days i:after{content:"";position:absolute;left:5px;right:5px;top:var(--top,12px);height:28px;border-radius:4px;background:rgba(255,255,255,.8)}.teacher-days i:nth-child(2):after{--top:40px}.teacher-days i:nth-child(3):after{--top:22px}.teacher-days i:nth-child(4):after{--top:50px}.teacher-days i:nth-child(5):after{--top:15px}.next-lesson{margin-top:37px;padding:19px;background:rgba(255,255,255,.17);border:1px solid rgba(255,255,255,.3);border-radius:13px;font-size:27px;font-weight:900}.next-lesson small{display:block;font-size:11px;font-weight:700;margin-top:3px}
.goals-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:90px;align-items:start}.goal-quote{margin-top:32px;padding:24px;border-left:4px solid var(--brand);background:var(--brand-soft);border-radius:0 14px 14px 0;font-size:18px;font-weight:800;line-height:1.5}.goal-list{display:grid;gap:13px}.goal-list article{display:grid;grid-template-columns:48px 1fr;gap:18px;padding:22px;border:1px solid var(--line);border-radius:16px}.goal-list article>span{width:43px;height:43px;border-radius:12px;background:var(--ink);color:#fff;display:grid;place-items:center;font-size:11px;font-weight:900}.goal-list h3{margin:0 0 5px;font-size:17px}.goal-list p{margin:0;color:#6c778d;font-size:14px;line-height:1.65}
.about-section{background:#f8f9fc}.about-grid{display:grid;grid-template-columns:.7fr 1.3fr;gap:100px;align-items:center}.about-mark{width:320px;height:320px;border-radius:50%;position:relative;display:grid;place-items:center;background:radial-gradient(circle,#fff 0 26%,#edf0ff 27% 44%,transparent 45%);margin-inline:auto}.about-mark>span{position:relative;z-index:3;width:100px;height:100px;display:grid;place-items:center;border-radius:28px;background:linear-gradient(145deg,var(--brand),#7776fa);color:#fff;font-size:55px;font-weight:950;box-shadow:0 20px 45px rgba(91,99,245,.3)}.orbit{position:absolute;border:1px dashed #bec5ee;border-radius:50%}.orbit:before,.orbit:after{content:"";position:absolute;width:17px;height:17px;border-radius:50%;background:var(--mint);box-shadow:0 0 0 7px #e5f6f0}.orbit-one{inset:38px}.orbit-one:before{top:16px;right:20px}.orbit-one:after{bottom:8px;left:37px;background:var(--coral);box-shadow:0 0 0 7px #ffede8}.orbit-two{inset:2px}.orbit-two:before{top:48%;left:-7px;background:var(--violet);box-shadow:0 0 0 7px #eee8ff}.orbit-two:after{right:18px;bottom:42px}.about-grid>div>p{font-size:16px}.text-link{display:inline-flex;gap:8px;color:var(--brand);font-weight:900;margin-top:8px}
.landing-cta{padding:82px 0;background:linear-gradient(135deg,#5b61e9,#746cef);color:#fff;position:relative;overflow:hidden}.landing-cta:before{content:"";position:absolute;width:480px;height:480px;border:80px solid rgba(255,255,255,.045);border-radius:50%;right:-170px;top:-235px}.cta-inner{position:relative;display:flex;align-items:center;justify-content:space-between;gap:45px}.cta-inner h2{margin-bottom:9px}.cta-inner p{color:#e3e4ff;margin:0}.white-button{background:#fff;color:var(--brand-dark)}.outline-light{border:1px solid rgba(255,255,255,.5);color:#fff}
.landing-footer{padding:65px 0 25px;background:#10172f;color:#bbc2d4}.footer-grid{display:grid;grid-template-columns:2fr repeat(3,1fr);gap:50px;padding-bottom:45px}.footer-brand{color:#fff}.footer-grid>div:first-child p{max-width:290px;font-size:13px}.footer-grid>div:not(:first-child){display:grid;align-content:start;gap:9px;font-size:13px}.footer-grid strong{color:#fff;margin-bottom:5px}.footer-grid a:not(.landing-brand):hover{color:#fff}.footer-bottom{border-top:1px solid #27304d;padding-top:22px;display:flex;justify-content:space-between;gap:20px;font-size:11px;color:#7f89a4}
@media(max-width:1050px){.landing-nav{display:none}.hero-grid{grid-template-columns:1fr}.hero-copy{text-align:center;max-width:800px;margin:auto}.hero-copy h1,.hero-lead{margin-inline:auto}.hero-actions,.hero-proof{justify-content:center}.product-preview{width:min(720px,92%);margin:25px auto 0}.steps-grid{grid-template-columns:repeat(2,1fr)}.integration-layout,.goals-grid{grid-template-columns:1fr;gap:55px}.integration-cloud{width:min(620px,100%);margin:auto}.about-grid{gap:55px}.audience-grid{grid-template-columns:1fr 1fr}.audience-card:last-child{grid-column:1/-1}.footer-grid{grid-template-columns:2fr 1fr 1fr}.footer-grid>div:last-child{display:none}}
@media(max-width:720px){.landing-container{width:min(100% - 28px,1180px)}.landing-header{height:68px}.header-actions .text-button{display:none}.landing-hero{padding:64px 0 75px}.hero-copy h1{font-size:45px}.hero-lead{font-size:16px}.hero-actions{flex-direction:column;align-items:stretch}.hero-proof{display:grid;justify-content:center;text-align:left}.product-preview{width:100%;transform:none}.preview-body{grid-template-columns:82px 1fr}.preview-sidebar{padding-inline:6px}.preview-main{padding:17px 12px}.preview-stats{grid-template-columns:1fr 1fr}.preview-stats>div:last-child{display:none}.floating-card{display:none}.trust-inner{padding:22px 0;display:grid;grid-template-columns:1fr 1fr;text-align:center}.trust-inner>span{grid-column:1/-1}.landing-section{padding:76px 0}.steps-grid,.audience-grid{grid-template-columns:1fr}.audience-card:last-child{grid-column:auto}.integration-layout{gap:25px}.integration-cloud{height:400px;transform:scale(.82);margin-block:-25px}.integration-pill.skola{left:-25px}.integration-pill.schoolsoft{right:-25px}.integration-pill.csn{left:-35px}.integration-pill.calendar{right:-35px}.about-grid{grid-template-columns:1fr;gap:35px}.about-mark{width:260px;height:260px}.cta-inner{align-items:flex-start;flex-direction:column}.cta-actions{width:100%;flex-direction:column;align-items:stretch}.footer-grid{grid-template-columns:1fr 1fr;gap:35px}.footer-grid>div:first-child{grid-column:1/-1}.footer-grid>div:last-child{display:grid}.footer-bottom{flex-direction:column}.section-heading h2,.integration-layout h2,.goals-copy h2,.about-grid h2,.cta-inner h2{font-size:37px}}
@media(max-width:440px){.preview-sidebar{display:none}.preview-body{grid-template-columns:1fr}.hero-copy h1{font-size:39px}.integration-cloud{transform:scale(.67);margin:-70px -80px;width:calc(100% + 160px)}.footer-grid{grid-template-columns:1fr}.footer-grid>div:first-child{grid-column:auto}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.landing-button,.step-card{transition:none}}

/* SmartSchema brand mark placements */
.landing-brand{display:inline-flex;align-items:center;gap:9px}
.landing-brand:before{content:"";width:36px;height:36px;flex:0 0 36px;background:url('/assets/icons/smartschema-favicon-512.png?v=20260901-brand') center/contain no-repeat}
.preview-sidebar>strong{display:flex;align-items:center;gap:5px}
.preview-sidebar>strong:before{content:"";width:20px;height:20px;flex:0 0 20px;background:url('/assets/icons/smartschema-favicon-32.png?v=20260901-brand') center/contain no-repeat}
.cloud-center>img{width:62px;height:62px;object-fit:contain}
.cloud-center>img+strong{margin-top:7px}
.about-mark>img{position:relative;z-index:3;width:142px;height:142px;object-fit:contain;filter:drop-shadow(0 20px 28px rgba(91,99,245,.24))}