/* Scolix's presentation layer, measured against mailflare.co on 2026-10-15.
   Base behavior lives in styles.css. These tokens and components own the theme. */
:root{
  --bg:#030303;--surface:#0d0d0d;--text:#f4f4f4;--muted:#898989;
  --accent:#ffb600;--blue:#1683ff;--line:#ffffff0d;--line-strong:#ffffff18;
  --ds-display:clamp(42px,5.6vw,72px);--ds-title:clamp(38px,4.6vw,58px);
  --ds-card-radius:13px;--ds-control-radius:8px;--ds-section-space:150px;
  --ds-glass:linear-gradient(145deg,#141414cc,#0a0a0acc);
  --ds-shadow:0 8px 32px #0000004d;
}
html{scroll-padding-top:100px}body{background:#030303;color:var(--text);font-size:16px;line-height:1.5;isolation:isolate}
body:before{content:"";position:absolute;z-index:-2;pointer-events:none;inset:0 0 auto;height:1000px;background:radial-gradient(ellipse at -6% -9%,#eecbff 0,transparent 17%),radial-gradient(ellipse at 2% 3%,#8838f0c4 0,transparent 31%),radial-gradient(ellipse at 24% 16%,#26148b99,transparent 36%),radial-gradient(ellipse at 46% 27%,#2e1b6352,transparent 36%),radial-gradient(ellipse at 96% 7%,#3c151c5c,transparent 39%),linear-gradient(180deg,transparent 40%,#030303 94%)}
body:after{content:"";pointer-events:none;position:absolute;inset:0 0 auto;height:770px;z-index:-1;opacity:.12;background-image:url("assets/grain.svg");mask-image:linear-gradient(#000,transparent)}
.container{width:min(1120px,calc(100% - 40px))}.topbar{width:min(800px,calc(100% - 28px));height:54px;top:20px;margin:20px auto 0;border-radius:18px;background:#0a0a0a99;border:1px solid #ffffff14;box-shadow:inset 0 0 20px #ffffff08,0 4px 30px #0000001a;backdrop-filter:blur(20px)}
.nav-wrap{width:100%;padding:0 8px 0 15px;gap:20px}.brand{font-size:18px;letter-spacing:-.54px;font-weight:700;gap:7px}.brand-mark{width:20px;height:20px;color:#f4f4f4}.brand-dot{color:#f4f4f4}.topbar nav{gap:24px;margin:0}.topbar nav a{font-size:13px;color:#939393;font-weight:400}.button{border-radius:var(--ds-control-radius);min-height:40px;padding:9px 16px;font-size:14px;font-weight:800;gap:16px;background:#ffffffe6;border:1px solid #ffffff33;box-shadow:inset 0 1px 1px #fff9;transition:transform .2s,box-shadow .2s,background .2s}.button:hover{transform:translateY(-3px);box-shadow:0 0 30px #ffffff50;background:#fff}.button-small{font-size:13px;min-height:34px;padding:6px 12px;font-weight:600;gap:14px;border-radius:7px}.button-small svg{width:14px;height:14px}.text-link{color:#aaa;font-size:14px;font-weight:400;gap:12px}.text-link:hover{color:#fff}.text-link svg{width:17px;height:17px}
.hero{padding-top:84px;display:flex;flex-direction:column;align-items:center}.hero-eyebrow{display:block;margin:22px 0 0!important;font-size:14px!important;letter-spacing:0!important;color:#999!important;font-weight:600}.hero h1{max-width:880px;font-size:var(--ds-display);font-weight:800;line-height:.97;letter-spacing:-.064em;margin:18px 0 24px;background:linear-gradient(180deg,#fff 5%,#a8a8a8 100%);background-clip:text;-webkit-text-fill-color:transparent}.hero-description{max-width:510px;font-size:16px;line-height:1.65;color:#999}.hero-benefits{display:flex;justify-content:center;gap:10px 20px;flex-wrap:wrap;margin:24px 0 0;color:#aaa;font-size:13px}.hero-benefits>span{border-radius:999px;padding:6px 13px;background:#ffffff05;border:1px solid #ffffff0a;box-shadow:inset 0 1px 1px #ffffff0d;white-space:nowrap}.hero-actions{margin-top:24px;gap:24px}.hero-note{display:none}.hero-showcase{margin-top:58px;width:1024px;max-width:100%;text-align:left;border-radius:16px;border:1px solid #fff3;background:#f5f7fc;color:#1c2332;box-shadow:0 26px 70px #0008,inset 0 1px 2px #fff;overflow:hidden;transform:perspective(1500px) rotateX(2deg)}
.showcase-top{display:flex;align-items:center;gap:20px;padding:23px 32px;border-bottom:1px solid #172b4d0b;background:#fff8}.showcase-brand{display:flex;gap:8px;align-items:center;font-size:19px;letter-spacing:-.7px;font-weight:800}.showcase-brand svg{color:#246bfa;width:25px;height:25px}.showcase-top>span:nth-child(2){color:#939aaa;letter-spacing:1.4px;font-size:9px;border-left:1px solid #172b4d16;padding-left:20px}.showcase-tag{margin-left:auto;color:#6a7a91;font-size:10px;border:1px solid #172b4d12;border-radius:999px;padding:5px 10px}.showcase-content{display:grid;grid-template-columns:1.1fr 1fr;min-height:335px;padding:36px 45px;gap:45px;background:radial-gradient(ellipse at 85% 42%,#dce6ffcc,transparent 60%)}
.showcase-copy{display:flex;flex-direction:column;justify-content:center}.showcase-eyebrow{font-size:9px;letter-spacing:1.5px;color:#79869c;font-weight:600}.showcase-copy h2{font-size:34px;font-weight:600;letter-spacing:-1.5px;line-height:1.12;color:#202b3e;margin:15px 0}.showcase-copy p{font-size:12px;max-width:275px;color:#8791a2;line-height:1.8;margin:0}.showcase-check{display:flex;gap:7px;align-items:center;font-size:10px;color:#667a99;margin-top:27px}.showcase-check svg{width:14px;height:14px;color:#246bfa}.showcase-map{display:flex;flex-direction:column;gap:12px;padding:12px 0 12px 38px;position:relative;align-self:center}.map-center{position:absolute;left:-29px;top:50%;transform:translateY(-50%);background:linear-gradient(140deg,#3983ff,#1550d6);box-shadow:0 10px 28px #1f63ed33,inset 0 1px 1px #fff8;border:1px solid #2565e4;border-radius:15px;width:58px;height:58px;display:grid;place-items:center;color:white;z-index:1}.map-center svg{width:28px;height:28px}.map-line{position:absolute;left:0;top:48px;bottom:48px;width:40px;border:1px dashed #6b99ec66;border-right:0;border-radius:12px 0 0 12px}.map-item{display:flex;align-items:center;gap:13px;background:#ffffffef;border:1px solid #ffffff;border-radius:10px;padding:13px 15px;box-shadow:0 7px 20px #354e7c08;position:relative}.map-item:before{content:"";width:35px;height:1px;position:absolute;left:-36px;background:#97b7ed66}.map-icon{background:#edf3ff;color:#3c79eb;border:1px solid #e2eaff;width:34px;height:34px;border-radius:9px;display:grid;place-items:center}.map-icon svg{width:17px;height:17px}.map-item strong{display:block;color:#354259;font-size:12px;font-weight:600}.map-item div>span{display:block;font-size:9px;color:#909bad;margin-top:3px}.map-check{margin-left:auto;width:14px;height:14px;color:#7591bd}.showcase-bottom{display:flex;justify-content:space-between;gap:20px;border-top:1px solid #172b4d0b;padding:14px 32px;background:#fff6;color:#95a0b1;font-size:8px;letter-spacing:.8px}.showcase-bottom>span:last-child{letter-spacing:0;color:#9da6b4}
.audience-band{margin-top:46px;border:0;flex-direction:column;justify-content:center;gap:25px;padding:24px 0 0}.audience-band>span{font-size:11px;color:#686868;letter-spacing:1.4px}.audience-band>div{gap:42px}.audience-band>div>span{font-size:16px;color:#888;font-weight:500;gap:9px}.audience-band svg{width:21px;height:21px;color:#777}
.section{padding-block:var(--ds-section-space)}.section-heading{margin-bottom:58px;text-align:center}.eyebrow{font-size:13px;font-weight:600;color:#888;letter-spacing:0;text-transform:uppercase}.eyebrow>span{display:none}.section h2,.closing-section h2{font-size:var(--ds-title);font-weight:800;letter-spacing:-.064em;line-height:.97;margin:16px 0 22px;background:linear-gradient(180deg,#fff,#a5a5a5);background-clip:text;-webkit-text-fill-color:transparent}.section h2>span,.closing-section h2>span{color:inherit}.section-heading>p{font-size:16px;color:var(--muted);line-height:1.65;max-width:510px;margin-inline:auto}.solution-section{max-width:980px}.tour{border-radius:13px;background:var(--ds-glass);border:1px solid #ffffff0d;box-shadow:var(--ds-shadow);backdrop-filter:blur(16px)}.tour-tabs{gap:10px;padding:0 24px;background:#0d0d0dcc;border-color:#ffffff0d}.tour-tabs button{font-size:12px;color:#898989;padding:18px 5px;gap:8px}.tour-tabs button[aria-selected=true]{color:#eee;border-bottom-color:#ffb600}.tour-panel{grid-template-columns:42% 58%;min-height:425px}.tour-copy{padding:34px;display:flex;flex-direction:column;justify-content:center}.feature-number{font-size:14px;color:#aaa;width:31px;height:31px;border:1px solid #ffffff26;display:grid;place-items:center;border-radius:50%;margin-bottom:24px}.mini-label{font-size:10px;letter-spacing:.7px;color:#888}.tour-copy .mini-label{display:none}.tour-copy h3{font-size:26px;letter-spacing:-.78px;line-height:1.1;font-weight:400;margin:0 0 16px}.tour-copy>p{font-size:14px;color:#898989;line-height:1.65;margin:0 0 16px}.check-list{font-size:12px;color:#a6a6a6;line-height:2;margin:0 0 24px}.check-list li:before{color:#aaa}.tour-copy .text-link{font-size:12px}.tour-visual{margin:24px 24px 24px 0;padding:28px 28px 34px;border:0;border-radius:9px;background:radial-gradient(ellipse at 50% 50%,#e0e8fa,#f5f7fc 80%);color:#364052;min-width:0;min-height:350px}.sample-label{color:#8a94a6;font-size:8px;letter-spacing:1px;margin-bottom:20px}.sample-label>span{background:#6290ed}.student-record{max-width:340px;background:#fff;border:1px solid #ffffff;border-radius:10px;box-shadow:0 15px 35px #344b8020;transform:rotate(-2deg);padding:23px}.record-top{gap:10px;margin-bottom:19px}.avatar{background:#eaf0ff;color:#4d7ee6;width:37px;height:37px;font-size:11px}.record-top strong{color:#34415b;font-size:10px}.record-top div>span{font-size:8px;color:#8b94a5}.record-badge{background:#edf4ff;color:#4e77c1;border:1px solid #dce8ff;font-size:8px}.record-detail{font-size:10px;color:#768399;padding:12px 0;border-color:#14234a0c}.record-detail svg{color:#6686c2;width:13px;height:13px}.record-bottom{font-size:9px;color:#929aaa;margin-top:15px}.floating-note{background:#fff;border:1px solid #edf0f5;box-shadow:0 10px 30px #344b8015;padding:13px 15px;transform:translate(4px,9px) rotate(1deg);color:#3b4760;max-width:100%;gap:10px}.floating-note strong{font-size:10px;color:#4e5c75}.floating-note div>span{font-size:8px;color:#929bad}.note-icon{background:#edf3ff;color:#517cce}.note-icon svg{width:14px;height:14px}.schedule-preview,.finance-preview,.message-preview{background:#fff;border:1px solid #fff;border-radius:10px;box-shadow:0 15px 30px #344b801a;color:#42506a}.schedule-preview{padding:20px 15px}.schedule-preview>span{color:#8f9ab0;font-size:9px}.schedule-preview .session{color:#527fcf;border:1px solid #dbe7ff;background:#edf3ff;font-size:9px}.schedule-preview .session.dim{color:#8d98a9;border-color:#e9edf4;background:#f6f7fb}.finance-preview>svg,.message-preview>svg{color:#4782ee}.finance-preview>h4,.message-preview>h4{font-size:19px;color:#38465f;letter-spacing:-.4px}.finance-preview>p,.message-preview>p{color:#9aa3b3;font-size:11px}.mini-row{color:#76849b;font-size:10px;border-color:#14234a0d}.mini-row span:last-child{color:#557bbf;font-size:9px}.mini-row svg{width:12px;height:12px;vertical-align:middle;margin-left:3px}.message-bubble{color:#909bb0;background:#f7f9fd;border:1px solid #edf0f7;font-size:10px}.message-bubble strong{font-size:11px;color:#526581}
.feature-stack{display:grid;gap:24px;margin-top:24px}.feature-row{display:grid;grid-template-columns:42% 58%;min-height:350px;border-radius:13px;border:1px solid #ffffff0d;background:var(--ds-glass);box-shadow:var(--ds-shadow);overflow:hidden;backdrop-filter:blur(16px)}.feature-row.image-left{grid-template-columns:58% 42%}.feature-copy{padding:34px;display:flex;flex-direction:column;justify-content:center}.feature-copy h3{font-size:26px;line-height:1.1;font-weight:400;letter-spacing:-.78px;margin:0 0 16px}.feature-copy p{font-size:14px;line-height:1.65;color:#898989;margin:0}.feature-footnote{font-size:12px;color:#777;margin-top:20px}.editorial-visual{margin:24px 24px 24px 0;border-radius:9px;background:#f5f7fc;position:relative;overflow:hidden;min-height:310px;padding:27px;display:flex;flex-direction:column;justify-content:center}.image-left .editorial-visual{margin:24px 0 24px 24px}.art-caption{text-align:center;font-size:8px;letter-spacing:1px;color:#919bac;display:block;margin-bottom:20px}.day-card{background:white;border:1px solid #fff;border-radius:9px;box-shadow:0 12px 35px #344b801a;padding:20px;transform:rotate(2deg)}.day-card-top{display:flex;gap:8px;align-items:center;color:#4e5d77;font-size:11px;border-bottom:1px solid #ebeff7;padding-bottom:15px;margin-bottom:12px}.day-card-top>svg{color:#5385ed;width:16px;height:16px}.day-card-top strong{font-weight:500}.day-card-top>span{margin-left:auto;color:#9ca6b6;font-size:8px}.day-head,.day-grid{display:grid;grid-template-columns:36px repeat(3,1fr);gap:6px}.day-head{font-size:7px;text-align:center;color:#929eaf;margin-bottom:8px}.day-grid>span{font-size:8px;color:#9aa4b4;padding-top:13px}.lesson{font-size:8px;padding:9px 5px;background:#edf3ff;color:#5480c9;border:1px solid #dce8ff;border-radius:5px}.lesson small{font-size:6px;display:block;color:#86a0cc;margin-top:4px}.lesson.neutral{color:#8d97a8;background:#f5f7fb;border-color:#ebeff6}.lesson.neutral small{color:#adb5c1}.art-note{font-size:10px;color:#687e9e;display:flex;align-items:center;justify-content:center;gap:7px;margin-top:22px}.art-note svg{width:14px;height:14px;color:#5b87d8}.document-art{background:radial-gradient(ellipse at 40% 40%,#e8edf8,#f5f7fc)}.paper-sheet{background:#fff;align-self:center;width:245px;padding:27px 24px 19px;box-shadow:0 10px 30px #344b8020;transform:rotate(-5deg);border:1px solid #e9edf5;color:#74829b}.paper-brand{display:flex;gap:8px;align-items:center;font-size:8px;font-weight:600;letter-spacing:1px}.paper-brand svg{color:#5684dd;width:24px;height:24px}.paper-brand small{display:block;font-size:6px;font-weight:400;letter-spacing:0;color:#a5adba;margin-top:3px}.paper-rule{height:1px;background:#e9edf5;margin:15px 0 21px}.paper-type{display:block;text-align:center;font-size:9px;font-weight:600;letter-spacing:.8px;color:#697d9f;margin-bottom:19px}.paper-line{height:3px;width:100%;background:#edf0f6;margin-top:7px}.paper-line.medium{width:75%}.paper-line.short{width:60%}.paper-signature{font-size:15px;font-family:Georgia,serif;font-style:italic;color:#92a1ba;margin:25px 0 17px;text-align:right;transform:rotate(-6deg)}.paper-meta{font-size:5px;letter-spacing:.8px;color:#a9b1bf;display:block;text-align:center}
.team-section{border:0;background:transparent;padding-top:0;padding-bottom:0}.team-layout{display:flex;flex-direction:column;gap:40px;max-width:980px}.team-copy{text-align:center;width:100%}.team-copy>p{font-size:16px;line-height:1.65;color:#898989;max-width:500px;margin-inline:auto}.team-copy h2{font-size:var(--ds-title)}.role-switcher{display:flex;justify-content:center;width:max-content;max-width:100%;border:1px solid #ffffff18;border-radius:8px;margin:30px auto 0;padding:4px;gap:4px;background:#0d0d0d}.role-switcher button{width:auto;padding:9px 18px;border:0;font-size:13px;color:#888;border-radius:5px;text-align:center}.role-switcher button[aria-selected=true]{color:#eee;background:#ffffff0d;box-shadow:0 2px 5px #0003}.role-switcher button>span{display:none}.role-visual{display:grid;grid-template-columns:1fr 1fr;width:100%;padding:32px;gap:36px;border:1px solid #ffffff0d;background:var(--ds-glass);border-radius:13px;box-shadow:var(--ds-shadow);align-items:center}.role-illustration{background:radial-gradient(ellipse,#e1e9fc,#f5f7fc);border-radius:9px;height:310px;min-width:0}.role-orbit{border-color:#9ab2df55;width:230px;height:180px}.person-node{background:white;border:1px solid #d8e3f7;color:#8e9eb9;width:50px;height:50px;font-size:15px;box-shadow:0 5px 15px #476a9c0d}.person-one{left:17%;top:21%;color:#4d7bd8;border-color:#8fafea;box-shadow:0 0 20px #246bfa0d}.person-two{right:12%;top:60%}.team-hub{border-radius:15px;background:linear-gradient(140deg,#3e88ff,#1c58d7);border-color:#3974e9;box-shadow:0 10px 25px #246bfa20;width:70px;height:70px;transform:translate(-50%,-50%) rotate(-5deg)}.team-hub svg{color:#fff;width:34px;height:34px}.role-connection{background:#9bb8ec80;z-index:0}.rc-one{left:28%;top:32%;width:100px;transform:rotate(32deg)}.rc-two{left:54%;top:52%;width:100px;transform:rotate(24deg)}.role-description{border:0;padding:20px 0}.role-description h3{font-size:26px;font-weight:400;line-height:1.15;letter-spacing:-.78px;margin:15px 0 17px}.role-description p{font-size:14px;line-height:1.7;color:#898989;min-height:0}.role-description .mini-label{font-size:10px;color:#888}.role-visual[data-active=director] .person-one,.role-visual[data-active=secretary] .person-two{color:#4d7bd8;border-color:#8fafea;box-shadow:0 0 20px #246bfa0d}.role-visual[data-active=secretary] .person-one{color:#8e9eb9;border-color:#d8e3f7;box-shadow:0 5px 15px #476a9c0d}
.capabilities{padding-top:150px}.features-heading{display:block;align-items:initial;margin-bottom:54px}.features-heading h2{margin-bottom:22px}.features-heading>p{font-size:16px;line-height:1.65;padding:0;margin:0 auto;max-width:500px}.capability-grid{border:0;border-radius:0;gap:8px;overflow:visible;grid-template-columns:repeat(4,minmax(0,1fr))}.capability-grid article{border:1px solid #ffffff0d;background:var(--ds-glass);border-radius:9px;padding:22px 19px;text-align:center;box-shadow:var(--ds-shadow);backdrop-filter:blur(16px);transition:transform .3s,border-color .3s}.capability-grid article:hover{transform:translateY(-4px);border-color:#ffffff26;background:var(--ds-glass)}.capability-grid article>svg{width:23px;height:23px;color:#b0b0b0;margin:0 auto 17px}.capability-grid h3{font-size:17px;line-height:1.4;font-weight:600;letter-spacing:-.3px;margin-bottom:9px;color:#ffffffe6}.capability-grid p{font-size:13px;line-height:1.65;min-height:85px;color:#808080}.capability-grid article>span{display:none}.steps-section{padding-top:0;padding-bottom:100px}.steps{gap:40px;max-width:980px;margin:54px auto 0}.step-number{width:34px;height:34px;color:#aaa;border-color:#ffffff26;font-size:12px}.steps article:not(:last-child):after{top:17px;background:linear-gradient(90deg,#ffffff26,#ffffff0d);left:55px}.steps h3{font-size:18px;font-weight:500;letter-spacing:-.4px;margin-top:25px}.steps p{font-size:14px;line-height:1.7;color:#808080;max-width:290px}.faq-section{display:block;max-width:680px;border:0;padding-top:90px;padding-bottom:120px}.faq-heading{text-align:center;margin-bottom:50px}.faq-heading h2{font-size:var(--ds-title)}.faq-heading>p{font-size:16px;color:#898989}.faq-heading>.text-link{font-size:13px;margin-top:13px}.faq-list details,.faq-list details:first-child{border:0;border-bottom:1px solid #ffffff14}.faq-list summary{font-size:15px;font-weight:500;padding:25px 2px;color:#c7c7c7}.faq-list details[open] summary{color:#f4f4f4}.faq-list details p{font-size:14px;color:#898989;line-height:1.8;max-width:none;margin:0 25px 25px 2px}.closing-section{border:1px solid #ffffff0d;border-radius:13px;background:var(--ds-glass);margin-bottom:85px;padding:70px 24px;box-shadow:var(--ds-shadow)}.closing-glow{background:radial-gradient(ellipse,#2456c71c,transparent 70%);left:10%;right:10%;height:500px;top:-230px}.closing-logo{background:#ffffff06;border:1px solid #ffffff1a;transform:none;border-radius:10px;width:45px;height:45px}.closing-logo svg{color:#ddd;transform:none}.closing-section .eyebrow{font-size:11px}.closing-section h2{font-size:58px}.closing-section p{font-size:16px;color:#898989}.closing-section .button{font-size:14px;min-height:42px}.closing-note{font-size:11px;color:#777;margin-top:17px}.footer-top{padding:0 0 35px;border-color:#ffffff0d;align-items:center}.footer-top .brand{font-size:20px}.footer-top .brand-mark{width:24px;height:24px}.footer-top p{font-size:13px;color:#777;line-height:1.65}.footer-top nav{gap:25px}.footer-top nav a,.footer-top nav button{font-size:13px;color:#888}.footer-top nav a:hover,.footer-top nav button:hover{color:#fff}.footer-bottom{font-size:11px;color:#666;padding:24px 0 40px}.footer-star{color:#999}.skip-link{background:#fff;color:#090909}
dialog{background:#101010;border-color:#ffffff26;border-radius:13px;padding:38px;box-shadow:0 26px 70px #0009}dialog h2{font-size:38px;letter-spacing:-2px}dialog .eyebrow{font-size:11px}.dialog-intro{font-size:13px;color:#888}form label{font-size:12px;color:#aaa}input,select{font-size:13px;min-height:44px;background:#ffffff05;border-color:#ffffff20;border-radius:7px}form .button{font-size:13px;min-height:44px}.form-note{font-size:11px;color:#888}#form-result{background:#ffffff05;border-color:#ffffff20;font-size:12px;color:#aaa}#form-result a{color:#afcaff}:focus-visible{outline-color:#78aaff!important}::selection{background:#7f9ef4;color:#030303}
.tour-panel{grid-template-columns:58% 42%}.tour-copy{order:1}.tour-visual{order:0;margin:24px 0 24px 24px}
@media(max-width:1024px){.hero h1{font-size:clamp(45px,5.6vw,65px)}.showcase-content{gap:25px;padding:32px}.showcase-copy h2{font-size:29px}.showcase-map{padding-left:31px}.map-item{padding:12px;gap:9px}.map-center{width:49px;height:49px;left:-21px;border-radius:12px}.map-item strong{font-size:11px}.map-item div>span{font-size:8px}.capability-grid h3{font-size:15px}.capability-grid p{font-size:12px}.tour-copy,.feature-copy{padding:28px}.tour-visual{padding:27px 20px}.role-visual{gap:27px}.footer-top nav{gap:20px}}
@media(max-width:760px){:root{--ds-section-space:110px;--ds-title:45px}.topbar{margin-top:10px;top:10px}.nav-wrap{gap:15px}.topbar nav{display:none;position:absolute;top:62px;left:0;right:0;border:1px solid #ffffff18;border-radius:13px;background:#0d0d0df5;padding:15px;flex-direction:column;gap:0;backdrop-filter:blur(20px)}.topbar nav.open{display:flex}.topbar nav a{font-size:14px;padding:13px 10px}.topbar .button-small{margin-left:auto;min-height:34px;font-size:12px;padding:7px 12px}.menu-toggle{display:flex;flex-direction:column;justify-content:center;gap:6px;background:transparent;border:0;width:27px;height:32px;padding:0 3px;margin-right:6px}.menu-toggle span{display:block;width:19px;height:1px;background:#ddd}.hero{padding-top:75px}.hero h1{font-size:45px;letter-spacing:-.064em;line-height:.97}.hero-description{font-size:15px;max-width:460px}.hero-benefits{font-size:11px;gap:8px}.hero-benefits>span{padding:6px 10px}.hero-showcase{margin-top:48px}.showcase-top{padding:18px 23px;gap:13px}.showcase-top>span:nth-child(2){padding-left:13px;font-size:7px;letter-spacing:1px}.showcase-tag{font-size:8px}.showcase-content{min-height:310px;padding:28px 25px;gap:20px;grid-template-columns:1fr 1fr}.showcase-copy h2{font-size:25px;letter-spacing:-1px}.showcase-eyebrow{font-size:7px;letter-spacing:1px}.showcase-copy p{font-size:10px;max-width:190px}.showcase-check{font-size:8px;gap:4px;margin-top:20px}.showcase-check svg{width:11px;height:11px}.showcase-map{padding:10px 0 10px 25px;gap:10px}.map-item{gap:7px;padding:10px}.map-item strong{font-size:9px}.map-item div>span{font-size:6.5px}.map-icon{width:26px;height:26px;border-radius:7px}.map-icon svg{width:14px;height:14px}.map-check{width:10px;height:10px}.map-center{left:-12px;width:38px;height:38px;border-radius:10px}.map-center svg{width:21px;height:21px}.map-line{left:5px;width:25px;top:40px;bottom:40px}.map-item:before{width:20px;left:-21px}.showcase-bottom{font-size:6px;padding:12px 23px}.audience-band{margin-top:30px;gap:22px}.audience-band>span{font-size:9px}.audience-band>div{gap:25px}.audience-band>div>span{font-size:12px}.audience-band svg{width:17px;height:17px}.section-heading{margin-bottom:42px}.eyebrow{font-size:12px}.section h2,.team-copy h2{font-size:45px}.section-heading>p{font-size:15px;max-width:450px}.tour-panel,.feature-row,.feature-row.image-left{grid-template-columns:1fr}.tour-copy{padding:34px;order:0}.tour-visual{margin:0 18px 18px;min-height:350px;padding:32px;order:1}.tour-copy h3,.feature-copy h3{font-size:26px}.tour-copy>p,.feature-copy p{font-size:14px;max-width:100%}.tour-copy .mini-label{display:none}.feature-number{margin-bottom:25px}.feature-copy{padding:34px;order:0}.editorial-visual,.image-left .editorial-visual{margin:0 18px 18px;min-height:340px;order:1;padding:30px 40px}.feature-row{min-height:0}.feature-footnote{font-size:12px}.day-card{max-width:410px;width:100%;align-self:center}.day-card-top{font-size:12px}.day-head{font-size:9px}.day-grid>span{font-size:10px}.lesson{font-size:10px;padding:12px 8px}.lesson small{font-size:8px}.role-visual{grid-template-columns:1fr;padding:20px;gap:15px}.role-illustration{height:290px}.role-description{padding:15px 14px}.role-description h3{font-size:26px}.role-description p{font-size:14px}.team-copy>p{font-size:15px;max-width:450px}.person-one{left:23%}.person-two{right:19%}.capabilities{padding-top:110px}.features-heading>p{font-size:15px}.capability-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.capability-grid article{padding:24px 20px}.capability-grid h3{font-size:17px}.capability-grid p{font-size:13px;min-height:65px}.steps-section{padding-top:0;padding-bottom:70px}.steps{gap:30px}.steps h3{font-size:16px}.steps p{font-size:13px}.faq-section{padding-top:65px;padding-bottom:100px}.faq-heading h2{font-size:45px}.faq-list summary{font-size:14px}.faq-list details p{font-size:14px}.closing-section h2{font-size:48px}.closing-section p{font-size:15px}.footer-top nav a,.footer-top nav button{font-size:11px}.footer-bottom{font-size:9px}}
@media(max-width:640px){.hero-showcase{transform:none}.hero h1{font-size:45px}.hero-description{font-size:14px}.hero-actions .button{font-size:13px;min-height:40px;padding:9px 15px;gap:13px}.hero-actions .text-link{font-size:13px}.hero-actions{gap:20px;margin-top:24px}.showcase-content{grid-template-columns:1fr;min-height:0;padding:30px 28px 32px;gap:25px}.showcase-copy{text-align:center;align-items:center}.showcase-copy h2{font-size:29px}.showcase-eyebrow{font-size:8px}.showcase-copy p{font-size:12px;max-width:260px}.showcase-check{display:none}.showcase-map{max-width:330px;width:calc(100% - 20px);margin-left:20px;align-self:center;justify-self:center;padding-left:30px}.map-item{padding:12px;gap:10px}.map-item strong{font-size:11px}.map-item div>span{font-size:8px}.map-icon{width:30px;height:30px}.map-icon svg{width:15px;height:15px}.map-check{width:12px;height:12px}.map-center{left:-15px;width:43px;height:43px;border-radius:11px}.map-center svg{width:23px;height:23px}.map-line{left:5px;width:25px;top:45px;bottom:45px}.map-item:before{width:24px;left:-25px}.showcase-top{padding:16px 20px}.showcase-brand{font-size:17px}.showcase-brand svg{width:22px;height:22px}.showcase-tag{display:none}.showcase-top>span:nth-child(2){font-size:7px;letter-spacing:.8px;margin-left:auto;border:0;padding:0}.showcase-bottom{padding:12px 18px;font-size:6px;gap:8px;letter-spacing:.4px}.showcase-bottom>span:last-child{font-size:6px}.audience-band>div{display:grid;grid-template-columns:1fr 1fr;gap:18px 35px}.audience-band>div>span{font-size:13px}.section{padding-block:100px}.section h2,.team-copy h2{font-size:41px}.section-heading>p{font-size:14px;max-width:330px}.tour-tabs{padding-inline:12px;gap:5px}.tour-tabs button{font-size:10px;padding:16px 0;gap:7px}.tour-tabs svg{width:16px;height:16px}.tour-copy{padding:31px}.tour-copy h3{font-size:26px}.tour-copy>p{font-size:14px}.check-list{font-size:12px}.tour-copy .text-link{font-size:13px}.tour-visual{padding:30px 24px;min-height:350px}.record-top strong{font-size:10px}.record-top div>span{font-size:8px}.record-detail{font-size:11px}.record-bottom{font-size:9px}.floating-note strong{font-size:10px}.floating-note div>span{font-size:8px}.feature-copy{padding:31px}.editorial-visual,.image-left .editorial-visual{padding:27px 24px;min-height:320px}.feature-copy h3{font-size:26px}.team-section{padding-top:0;padding-bottom:0}.team-layout{gap:30px}.team-copy>p{font-size:14px;max-width:330px}.role-switcher{margin-top:25px}.role-switcher button{font-size:12px;padding:9px 16px}.role-description p{font-size:14px}.capabilities{padding-top:100px}.capability-grid article{padding:23px 16px}.capability-grid h3{font-size:15px}.capability-grid p{font-size:12px;min-height:100px}.capability-grid article>svg{width:21px;height:21px}.features-heading>p{font-size:14px}.steps-section{padding-top:0;padding-bottom:70px}.steps{grid-template-columns:1fr;gap:30px;margin-top:42px}.steps article{padding-left:58px;min-height:90px}.step-number{position:absolute;left:0;top:0}.steps article:not(:last-child):after{left:17px;top:43px;width:1px;height:calc(100% - 10px);background:linear-gradient(#ffffff26,#ffffff0d)}.steps h3{font-size:17px;margin:0 0 10px}.steps p{font-size:14px;max-width:none;margin:0}.faq-section{padding-top:55px;padding-bottom:90px}.faq-heading h2{font-size:40px}.faq-heading>p{font-size:14px}.faq-list summary{font-size:14px;line-height:1.5;gap:25px;padding:22px 2px}.faq-list details p{font-size:13px;margin-right:15px}.closing-section{padding:50px 24px;margin-bottom:65px}.closing-section .eyebrow{font-size:9px}.closing-section h2{font-size:44px}.closing-section p{font-size:14px;max-width:280px;margin:0 auto 26px}.closing-section .button{font-size:12px;gap:15px}.closing-note{font-size:10px}.footer-top{gap:30px;align-items:flex-start}.footer-top p{font-size:11px}.footer-top nav{display:grid;grid-template-columns:1fr 1fr;gap:20px}.footer-top nav a,.footer-top nav button{font-size:10px}.footer-bottom{font-size:9px;flex-wrap:wrap;gap:15px}.footer-bottom>span:nth-child(2){order:3;flex-basis:100%}.footer-bottom>a{margin-left:auto}}
@media(max-width:480px){.container{width:calc(100% - 24px)}.topbar{width:calc(100% - 24px)}.brand{font-size:18px}.hero{padding-top:65px}.hero-eyebrow{font-size:11px!important;margin-top:15px!important}.hero h1{font-size:clamp(34px,10vw,43px);letter-spacing:-.064em;line-height:1.02;margin:18px 0 20px}.hero-description{font-size:13px;line-height:1.75;padding:0 8px}.hero-benefits{font-size:9px;gap:7px;margin-top:22px}.hero-benefits>span{padding:6px 8px}.hero-actions{gap:18px;margin-top:24px}.hero-actions .button{font-size:12px;gap:11px}.hero-actions .text-link{font-size:12px;gap:7px}.hero-showcase{margin-top:42px;border-radius:12px}.showcase-content{padding:27px 20px;gap:23px}.showcase-copy h2{font-size:27px;letter-spacing:-1.2px}.showcase-copy p{font-size:11px;max-width:250px}.showcase-map{width:calc(100% - 15px);margin-left:18px;padding-left:27px}.map-item{padding:11px 10px;gap:9px}.map-item div>span{font-size:7px}.map-item strong{font-size:10px}.map-center{width:39px;height:39px;left:-14px}.map-item:before{width:23px;left:-24px}.showcase-bottom{font-size:5px;letter-spacing:.4px;padding:12px 14px}.showcase-bottom>span:last-child{font-size:5px}.audience-band{gap:20px;margin-top:30px}.audience-band>span{font-size:9px;letter-spacing:1px}.audience-band>div{gap:15px 30px}.audience-band>div>span{font-size:12px}.section{padding-block:90px}.section h2,.team-copy h2{font-size:36px}.eyebrow{font-size:11px}.section-heading{margin-bottom:38px}.section-heading>p{font-size:13px;max-width:300px}.tour-tabs button{font-size:9px}.tour-copy,.feature-copy{padding:28px}.tour-visual{margin:0 14px 14px;padding:27px 19px;min-height:330px}.student-record{padding:19px}.record-top strong{font-size:9px}.record-top div>span{font-size:7px}.avatar{width:32px;height:32px;font-size:10px}.record-badge{font-size:7px;padding:3px 5px}.floating-note{padding:12px;gap:8px}.floating-note div>span{font-size:7px}.floating-note strong{font-size:9px}.sample-label{font-size:7px}.editorial-visual,.image-left .editorial-visual{margin:0 14px 14px;padding:25px 18px}.day-card{padding:16px}.day-card-top{font-size:10px}.day-grid{grid-template-columns:30px repeat(3,1fr);gap:5px}.day-head{grid-template-columns:30px repeat(3,1fr);font-size:8px}.day-grid>span{font-size:8px}.lesson{font-size:8px;padding:11px 5px}.lesson small{font-size:7px}.paper-sheet{width:235px}.team-section{padding:0}.role-visual{padding:15px;gap:8px}.role-illustration{height:255px}.role-description{padding:18px 12px}.role-description h3{font-size:24px}.role-description p{font-size:13px}.person-one{left:15%}.person-two{right:10%}.capabilities{padding-top:90px}.capability-grid{gap:6px}.capability-grid article{padding:22px 13px}.capability-grid h3{font-size:14px;line-height:1.4}.capability-grid p{font-size:12px;min-height:100px}.steps-section{padding-top:0;padding-bottom:60px}.steps h3{font-size:16px}.steps p{font-size:13px}.faq-section{padding-top:45px;padding-bottom:75px}.faq-heading h2{font-size:36px}.closing-section h2{font-size:40px}.closing-section .eyebrow{font-size:8px}.footer-top nav{gap:18px 17px}dialog{padding:32px 24px}.dialog-intro{max-width:280px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.hero-showcase{transform:none}.button:hover,.capability-grid article:hover{transform:none}}