@font-face{font-family:StudioSystem;src:local("Arial")} :root{--ink:#203c31;--green:#20553d;--deep:#173f30;--muted:#727d73;--cream:#faf9f4;--line:#e2e5da;--lime:#d5e9a7;--serif:Georgia,"Times New Roman",serif;font-family:StudioSystem,Arial,sans-serif;color:var(--ink);background:var(--cream);font-synthesis:none;scroll-behavior:smooth;scroll-padding-top:30px}*{box-sizing:border-box}body{margin:0}a{color:inherit;text-decoration:none}button,input{font:inherit}button,a,summary{touch-action:manipulation}button,summary{cursor:pointer}button{color:inherit}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #7da466;outline-offset:5px}h1,h2,h3,p{margin:0}p{line-height:1.7}h1,h2{font-weight:500;letter-spacing:-2.9px}h1{font-size:clamp(52px,5.5vw,82px);line-height:1.03}h1 em,h2 em{font-family:var(--serif);font-weight:400}h2{font-size:clamp(36px,3.5vw,51px);line-height:1.12}h3{font-weight:600;font-size:21px;letter-spacing:-.65px;line-height:1.3}.wrap{width:min(1296px,calc(100% - 96px));margin-inline:auto}.announcement{background:var(--deep);color:#ecf3df;min-height:36px;display:flex;align-items:center;justify-content:center;gap:9px;font-size:11px;letter-spacing:.1px;padding:9px 20px}.announcement a{margin-left:22px;text-decoration:underline;text-underline-offset:3px}.status-dot{width:6px;height:6px;background:#c8e6a2;border-radius:50%}.site-header{height:100px;display:flex;align-items:center;justify-content:space-between;gap:28px}.wordmark{display:inline-flex;align-items:center;font-size:24px;letter-spacing:-1px;font-weight:700;white-space:nowrap}.wordmark>span:not(.brand-mark){font-weight:400}.brand-mark{display:inline-grid;place-items:center;width:32px;height:36px;margin-right:9px;background:var(--green);color:#e8f3d7;border-radius:9px 9px 9px 1px;font-family:var(--serif);font-size:33px;line-height:30px;position:relative;padding-bottom:7px}.brand-mark span{position:absolute;right:4px;bottom:0;font-size:23px}.brand-period{color:#7f9c66}.site-header nav{display:flex;gap:27px;font-size:12px}.site-header nav a:hover,.login-link:hover{text-decoration:underline;text-underline-offset:5px}.header-actions{display:flex;align-items:center;gap:24px;font-size:12px}.button{border:1px solid var(--green);background:var(--green);color:white;padding:16px 21px;border-radius:6px;display:inline-flex;align-items:center;justify-content:center;gap:19px;font-size:13px;font-weight:600;line-height:1.3;transition:background .2s,transform .2s}.button:hover{background:#123f2b;transform:translateY(-2px)}.button.small{padding:12px 17px;font-size:12px;gap:18px}.text-link{font-size:12px;display:inline-flex;gap:12px;align-items:center;font-weight:600;border-bottom:1px solid #8b9e89;padding-bottom:5px;white-space:nowrap}.hero{display:grid;grid-template-columns:.92fr 1.3fr;gap:38px;align-items:center;padding-top:53px;padding-bottom:70px}.eyebrow{display:flex;align-items:center;gap:9px;font-size:9px;letter-spacing:1.8px;font-weight:700;margin-bottom:25px;color:#61735d}.little-line{width:23px;height:1px;background:#819274}.hero-description{font-size:20px;letter-spacing:-.3px;margin-top:28px;line-height:1.45}.hero-detail{font-size:13px;color:var(--muted);max-width:365px;margin-top:15px}.hero-actions{display:flex;gap:24px;align-items:center;margin-top:30px}.hero-reassurance{display:flex;align-items:flex-start;gap:7px;font-size:10px;color:#778471;margin-top:18px;max-width:340px;line-height:1.5}.check{color:#54803f;font-weight:700}.hero-visual{position:relative;min-width:0;padding-top:20px}.floating-note{position:absolute;right:25px;top:-6px;background:#e8eddc;color:#527045;border:1px solid #d9e3ce;padding:10px 14px;border-radius:5px;transform:rotate(3deg);font-family:var(--serif);font-style:italic;font-size:13px;z-index:1;box-shadow:0 5px 15px #3b482009}.floating-note span{font-style:normal;margin-right:7px}.demo-window{border:1px solid #dce1d7;border-radius:10px;background:#fff;overflow:hidden;box-shadow:0 18px 45px #28432d12,0 4px 8px #28432d05;transform:rotate(-.6deg)}.demo-chrome{display:flex;align-items:center;gap:13px;padding:12px 15px;background:#f2f4ed;border-bottom:1px solid #e5e8df;font-size:9px;color:#7d8878}.window-dots{display:flex;gap:4px}.window-dots i{height:5px;width:5px;border-radius:50%;background:#c2cabd}.saved{margin-left:auto;color:#56744a;font-size:8px;display:flex;gap:4px}.demo-toolbar{padding:17px 18px 14px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #e7e9e1}.micro{display:block;font-size:6px;letter-spacing:1px;color:#8b9585;margin-bottom:6px}.demo-toolbar strong{font-size:11px}.mark-count{font-size:9px;color:#476138;background:#eaf1df;border-radius:4px;padding:6px 7px}.demo-body{display:grid;grid-template-columns:42% 58%;min-height:370px}.demo-bank{padding:16px 12px;border-right:1px solid #e3e8dc}.mini-heading{font-size:9px;font-weight:600;display:flex;justify-content:space-between;margin-bottom:12px}.demo-filter{font-size:8px;display:flex;justify-content:space-between;border:1px solid #dfe5d9;border-radius:4px;padding:8px;margin-bottom:10px}.demo-chapter{font-size:8px;font-weight:600;margin:10px 0}.topic-pills{display:flex;gap:4px;flex-wrap:wrap;margin:7px 0 12px}.topic-pills span{background:#eef2e9;font-size:7px;padding:5px;border-radius:3px;color:#667b56}.demo-question{display:block;text-align:left;background:white;width:100%;border:1px solid #e0e5dc;border-radius:6px;padding:10px;margin-bottom:9px}.demo-question.selected{background:#f1f6e8;border-color:#9cb880}.demo-question:hover{border-color:#5c8255}.question-meta{display:flex;justify-content:space-between;align-items:center;gap:4px;color:#7c8c70;font-size:5.8px;letter-spacing:.2px}.question-meta b{font-weight:500;white-space:nowrap;font-size:6.5px;color:#58754b}.demo-question>strong{display:block;font-size:9px;line-height:1.5;font-weight:500;margin:8px 0 10px}.question-bottom{font-size:7px;display:flex;justify-content:space-between;color:#58704e}.question-bottom b{font-size:10px}.demo-overlap{background:#fff8e7;border:1px solid #f2e6c7;border-radius:5px;padding:10px;margin-top:13px;font-size:7px}.demo-overlap strong{font-size:7px}.demo-overlap p{color:#9b8351;font-size:7px;line-height:1.5;margin-top:6px}.overlap-dot{display:inline-block;width:5px;height:5px;background:#cda94f;border-radius:50%;margin-right:3px}.demo-preview{background:#e9ede5;padding:12px 14px 15px;min-width:0}.preview-toolbar{display:flex;align-items:center;justify-content:space-between;font-size:7px;color:#67775f;margin-bottom:12px}.segmented{display:flex;background:#dfe5d9;border-radius:4px;padding:2px}.segmented button{border:0;background:transparent;padding:4px 5px;font-size:6px;color:#718267;border-radius:3px}.segmented button.active{background:white;color:#3e5a34;box-shadow:0 1px 2px #0001}.sample-paper{position:relative;background:white;min-height:330px;padding:23px 23px 28px;box-shadow:0 3px 10px #24391b10;color:#333}.paper-school{display:flex;align-items:center;justify-content:center;gap:6px;color:#3b5940;font-size:7px;letter-spacing:1px}.school-symbol{font-size:21px}.paper-title{text-align:center;font-size:8px;font-weight:700;line-height:1.9;margin-top:7px}.paper-title span{font-weight:400;font-size:7px}.student-line{display:flex;gap:7px;font-size:6px;margin-top:17px}.student-line span{border-bottom:1px solid #ddd;flex:1}.paper-rule{height:1px;background:#d6dccf;margin:16px 0 17px}.paper-question{display:flex;gap:11px;font-size:8px;line-height:1.7;margin-bottom:17px}.paper-question>div{flex:1}.paper-question strong{font-weight:400;display:block}.answer-lines{margin-top:10px}.answer-lines i{display:block;border-bottom:1px dotted #b2b7ac;height:15px}.paper-marks{display:block;text-align:right;font-size:7px;margin-top:4px}.paper-footer{position:absolute;bottom:14px;left:23px;right:23px;display:flex;justify-content:space-between;border-top:1px solid #d6dbd0;padding-top:8px;font-size:5px;color:#848a7e}.demo-answer{font-size:8px;color:#b03836;margin-top:9px;line-height:1.7}.demo-bottom{display:flex;align-items:center;justify-content:space-between;padding:12px 15px;background:#f9faf6;border-top:1px solid #e5e9e0;font-size:7px;color:#7d8a75}.visual-caption{font-family:var(--serif);font-size:12px;font-style:italic;color:#7e8a72;margin-top:16px;padding-left:18px}.caption-arrow{margin-right:6px}.visual-caption small{display:block;font-family:Arial,sans-serif;font-style:normal;font-size:8px;color:#929889;margin-left:18px;margin-top:6px}.course-strip{display:flex;align-items:center;justify-content:space-between;gap:24px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding-block:26px}.course-strip>span:first-child{font-size:10px;color:#8c9486}.course-strip strong{position:relative;font-weight:500;font-size:14px;padding-left:35px;line-height:1.6;letter-spacing:-.3px}.course-strip strong small{display:block;font-size:9px;letter-spacing:0;color:#859079;font-weight:400}.course-symbol{position:absolute;left:0;top:4px;border:1px solid #cfd9c3;border-radius:50%;font-family:var(--serif);font-style:italic;font-size:10px;display:grid;place-items:center;width:24px;height:24px}.strip-divider{height:30px;width:1px;background:var(--line)}.independent{font-size:9px;line-height:1.7;color:#8a937f}.section{padding-block:88px}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:30px;margin-bottom:43px}.section-heading .eyebrow{margin-bottom:18px}.section-heading>p{font-size:12px;max-width:300px;color:var(--muted);padding-bottom:7px}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:45px}.step-top{display:flex;align-items:center;gap:13px;margin-bottom:21px}.step-top span{font-family:var(--serif);font-style:italic;color:#84976e;font-size:24px}.step-top i{height:1px;background:var(--line);flex:1}.steps p{font-size:12px;color:var(--muted);margin-top:13px;max-width:325px}.step-tags{display:flex;gap:7px;margin-top:20px;flex-wrap:wrap}.step-tags span{font-size:9px;border:1px solid #e0e5d8;border-radius:4px;padding:7px 8px;color:#6e8061}.features-section{background:#eef1e8;border-block:1px solid #e2e6d9;padding:75px 0}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.feature-card{padding:29px;background:#fafbf7;border:1px solid #e1e6d7;border-radius:9px;overflow:hidden}.feature-icon{display:grid;place-items:center;background:#e6eddc;border:1px solid #dbe3ce;height:35px;width:35px;font-size:22px;border-radius:7px;color:#66854a;margin-bottom:22px}.feature-card p{font-size:12px;color:#7b8573;margin-top:13px;max-width:390px}.feature-large{grid-row:span 2}.feature-card>small{display:block;font-size:9px;line-height:1.7;color:#8d937f;margin-top:19px}.overlap-example{padding:16px;background:white;border:1px solid #e7eadf;border-radius:5px;margin-top:28px}.example-label{font-size:7px;letter-spacing:1px;color:#9a9f8f}.overlap-example>div{display:flex;justify-content:space-between;align-items:center;gap:7px;margin-top:17px;font-size:9px}.overlap-example b{font-size:7px;padding:5px 7px;border-radius:4px;font-weight:500}.overlap-high{background:#f6e2dd;color:#ac5a4b}.overlap-clear{background:#edf2e7;color:#6f865e}.overlap-partial{background:#fff2d1;color:#a58c48}.part-stack{margin-top:23px;display:grid;gap:7px}.part-stack span{padding:10px 12px;border:1px solid #e4e8dc;border-radius:5px;background:white;font-size:10px;color:#73935a}.part-stack span:nth-child(2){transform:translateX(8px);box-shadow:0 3px 9px #4a622111}.part-stack small{color:#909982}.branding-sample{display:flex;align-items:center;gap:10px;background:white;border:1px solid #e4e8dc;border-radius:6px;padding:20px 12px;margin-top:24px}.branding-sample>span{font-size:28px;color:#7f9866}.branding-sample>div{font-size:9px;letter-spacing:1px}.branding-sample small{display:block;font-size:7px;color:#9a9f90;letter-spacing:0;margin-top:5px}.branding-sample b{margin-left:auto;font-size:12px;color:#759463}.feature-wide{grid-column:span 1}.saved-example{margin-top:21px;display:flex;align-items:center;gap:10px;border-top:1px solid #e4e8db;padding-top:17px}.document-icon{font-size:25px;color:#8da975}.saved-example>div{font-size:10px}.saved-example small{display:block;font-size:8px;color:#8d9a81;margin-top:5px}.saved-chip{background:#eaf2dc;font-size:7px;color:#7b945c;padding:5px 7px;border-radius:4px;margin-left:auto}.feature-dark{background:var(--deep);color:white;border-color:var(--deep)}.feature-dark .feature-icon{background:#365845;border-color:#43654b;color:#d4e7aa}.feature-dark p{color:#b5c4ac}.feature-dark .text-link{color:#deedc2;margin-top:27px;font-size:11px;border-color:#617d56}.faq-section{display:grid;grid-template-columns:1fr 1.3fr;gap:70px}.faq-section .eyebrow{margin-bottom:20px}.faq-section>div>p{font-size:12px;color:var(--muted);margin-top:23px}.faq-list details{border-bottom:1px solid var(--line);padding:18px 0}.faq-list details:first-child{padding-top:0}.faq-list summary{list-style:none;font-size:14px;display:flex;align-items:center;justify-content:space-between;gap:25px}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary:after{content:'+';font-size:19px;color:#789064}.faq-list details[open] summary:after{content:'−'}.faq-list p{font-size:12px;color:var(--muted);margin-top:16px;padding-right:25px}.final-cta{display:flex;align-items:center;justify-content:space-between;gap:30px;background:var(--deep);border-radius:12px;padding:52px 64px;color:#f3f6e9;position:relative;overflow:hidden}.final-cta .eyebrow{color:#acc09a;font-size:8px;margin-bottom:17px}.final-cta h2{font-size:48px;letter-spacing:-2px}.final-cta>div{z-index:1}.final-cta p{color:#b1c29f;text-align:center;font-size:10px;margin-top:14px;max-width:245px}.button.light{background:#e6eecb;color:var(--deep);border-color:#e6eecb}.button.light:hover{background:white}.cta-decoration{position:absolute;right:25%;top:-57px;font-size:360px;line-height:1;color:#40604755}.site-footer{padding-top:45px;padding-bottom:25px}.footer-main{display:flex;align-items:center;gap:28px;padding-bottom:27px}.footer-main .wordmark{font-size:20px}.footer-main .brand-mark{width:27px;height:30px;font-size:28px}.footer-main>p{font-size:11px;color:#8c9681;flex:1}.footer-main>a:not(.wordmark),.footer-link{font-size:11px}.footer-link{border:0;background:transparent;padding:5px 0}.footer-link:hover{text-decoration:underline}.footer-bottom{display:flex;justify-content:space-between;gap:25px;border-top:1px solid var(--line);padding-top:20px;font-size:8px;color:#939a8a}.footer-bottom p{text-align:right}dialog{border:1px solid #dbe2d4;border-radius:12px;background:var(--cream);color:var(--ink);padding:40px;max-width:540px;width:calc(100% - 30px);box-shadow:0 30px 80px #10282030}dialog::backdrop{background:#17372c88;backdrop-filter:blur(4px)}dialog h2{font-size:34px}dialog p{font-size:13px;color:#6b7c65;margin-top:18px}dialog .button{margin-top:25px}.dialog-close{position:absolute;right:15px;top:12px;font-size:27px;background:none;border:0}.skip-link{position:fixed;top:-90px;left:10px;z-index:100;background:white;padding:13px}.skip-link:focus{top:10px}
@media(min-width:1450px){.hero{padding-top:75px;padding-bottom:90px;gap:55px}.demo-body{min-height:420px}.sample-paper{min-height:390px}.demo-bank{padding:21px 17px}.demo-question{padding:13px}.demo-question>strong{font-size:11px}.question-meta{font-size:7px}.demo-overlap p,.demo-overlap strong{font-size:9px}.paper-question{font-size:10px}.answer-lines i{height:18px}.paper-title{font-size:11px}.preview-toolbar{font-size:9px}.segmented button{font-size:8px}}
@media(max-width:1100px){.wrap{width:calc(100% - 64px)}.hero{gap:28px;grid-template-columns:1fr 1.12fr}.hero-actions{flex-wrap:wrap;gap:17px}.hero-description{font-size:18px}.site-header nav{gap:18px;font-size:11px}.header-actions{gap:16px}.sample-paper{padding-inline:16px}.paper-footer{left:16px;right:16px}.demo-bank{padding-inline:9px}.demo-preview{padding-inline:10px}.feature-card{padding:24px}.course-strip{gap:18px}.independent{display:none}}
@media(max-width:820px){.site-header nav{display:none}.hero{grid-template-columns:1fr;padding-top:30px;gap:47px}.hero-copy{max-width:570px}.hero h1{font-size:68px}.hero-detail{max-width:425px}.hero-actions{flex-wrap:nowrap}.hero-visual{max-width:640px;width:100%;justify-self:center}.demo-body{min-height:410px}.sample-paper{min-height:375px;padding:24px}.demo-bank{padding:20px 15px}.demo-question>strong{font-size:11px}.demo-question{padding:13px}.question-meta{font-size:7px}.demo-overlap p,.demo-overlap strong{font-size:9px}.paper-question{font-size:10px}.answer-lines i{height:18px}.preview-toolbar{font-size:9px}.segmented button{font-size:8px}.course-strip>span:first-child{display:none}.course-strip{justify-content:space-around}.steps{gap:22px}.steps h3{font-size:19px}.section-heading>p{max-width:230px}.feature-grid{grid-template-columns:1fr 1fr}.feature-large{grid-row:span 2}.feature-wide{grid-column:span 1}.feature-dark{grid-column:span 2}.faq-section{gap:40px}.final-cta{padding:42px 34px}.final-cta h2{font-size:40px}.footer-main{flex-wrap:wrap;gap:18px}.footer-main>p{flex:0 1 50%}.section{padding-block:65px}}
@media(max-width:560px){.wrap{width:calc(100% - 36px)}.announcement{font-size:9px;gap:6px}.announcement a{display:none}.site-header{height:82px;gap:12px}.wordmark{font-size:22px}.header-actions{gap:12px}.header-actions .button{font-size:10px;padding:10px;gap:5px}.header-actions .button span{display:none}.login-link{font-size:11px}.hero{padding-top:18px;padding-bottom:40px}.eyebrow{font-size:8px;letter-spacing:1.4px}.hero h1{font-size:57px;letter-spacing:-2.8px}.hero-description{font-size:19px;margin-top:23px}.hero-detail{font-size:13px}.hero-actions{gap:18px}.hero-actions .button{font-size:11px;padding:14px;gap:12px}.text-link{font-size:10px;gap:6px}.hero-reassurance{font-size:9px}.floating-note{font-size:11px;right:4px}.demo-chrome{font-size:7px;padding:10px}.demo-toolbar{padding:13px 10px}.demo-toolbar strong{font-size:9px}.demo-body{grid-template-columns:42% 58%;min-height:310px}.demo-bank{padding:12px 8px}.mini-heading{font-size:7px}.demo-filter,.demo-chapter{font-size:6px}.topic-pills span{font-size:6px;padding:4px}.demo-question{padding:8px}.demo-question>strong{font-size:8px;margin:6px 0}.question-meta{font-size:5px;letter-spacing:0;align-items:flex-start}.question-meta b{font-size:5px}.question-bottom{font-size:6px}.demo-overlap{padding:7px;margin-top:8px}.demo-overlap p,.demo-overlap strong{font-size:6px}.demo-preview{padding:10px 8px}.preview-toolbar{font-size:6px;gap:4px}.segmented button{font-size:5px;padding:4px}.sample-paper{padding:16px 13px;min-height:290px}.paper-school{font-size:5px;letter-spacing:.5px}.school-symbol{font-size:16px}.paper-title{font-size:7px;margin-top:5px}.paper-question{font-size:6.5px;gap:7px}.answer-lines i{height:13px}.paper-rule{margin:12px 0}.paper-footer{left:13px;right:13px;font-size:4px}.paper-marks{font-size:5px}.demo-answer{font-size:6.5px}.demo-bottom{font-size:5.5px;padding:10px}.visual-caption{font-size:11px;padding-left:3px}.visual-caption small{font-size:7px}.course-strip{gap:12px;padding-block:20px}.course-strip strong{font-size:11px;padding-left:28px}.course-strip strong small{font-size:7px}.course-symbol{width:21px;height:21px;font-size:9px}.strip-divider{height:33px}.section-heading{display:block;margin-bottom:30px}.section-heading>p{margin-top:20px;max-width:none}.section-heading>.text-link{margin-top:21px}.section-heading h2{font-size:35px;letter-spacing:-1.8px}.section{padding-block:50px}.steps{grid-template-columns:1fr;gap:30px}.steps p{max-width:none}.step-top{margin-bottom:14px}.steps h3{font-size:22px}.step-tags{margin-top:14px}.features-section{padding-block:50px}.feature-grid{grid-template-columns:1fr;gap:14px}.feature-large{grid-row:auto}.feature-dark{grid-column:auto}.feature-card{padding:25px}.feature-card h3{font-size:24px}.feature-icon{margin-bottom:18px}.faq-section{grid-template-columns:1fr;gap:25px}.faq-section h2{font-size:37px;letter-spacing:-1.8px}.faq-section>div>p{margin-top:17px}.faq-list summary{font-size:13px}.final-cta{display:block;padding:32px 26px}.final-cta h2{font-size:41px}.final-cta>div+div{margin-top:28px}.final-cta p{text-align:left;margin-top:12px}.cta-decoration{right:-70px;top:30px;font-size:320px}.footer-main>p{display:none}.footer-main .wordmark{width:100%;margin-bottom:6px}.footer-bottom{display:block;line-height:1.7}.footer-bottom p{text-align:left;margin-top:10px}.site-footer{padding-top:32px}.hero-description br{display:none}}
@media(prefers-reduced-motion:reduce){:root{scroll-behavior:auto}*{transition:none!important}}

.hero{position:relative;isolation:isolate}
.hero::before{content:"";position:absolute;z-index:-1;pointer-events:none;inset:-30px -20px 0;background:radial-gradient(ellipse at 79% 46%,#b9d89970 0%,transparent 47%),radial-gradient(ellipse at 37% 30%,#f3e5bd66 0%,transparent 52%);filter:blur(32px)}
.hero-visual{perspective:1400px}
.demo-window{position:relative;box-shadow:0 32px 65px -20px #21402d35,0 5px 15px #294a2010}
.demo-window::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(115deg,transparent 30%,#ffffff50 48%,transparent 65%);opacity:0;transform:translateX(-110%)}
.motion-toggle{display:inline-flex;align-items:center;gap:7px;margin:12px 0 0 18px;padding:5px 0;background:transparent;border:0;border-bottom:1px solid #b9c5ae;font:9px Arial,sans-serif;letter-spacing:.2px;color:#596d4e}
.motion-toggle::before{content:"Ⅱ";font-size:11px;font-weight:700}.motion-toggle[aria-pressed="true"]::before{content:"▷"}.motion-toggle:disabled{cursor:default;border-color:transparent;color:#7c8773}
.feature-card{transition:transform .4s ease,box-shadow .4s ease,border-color .4s ease}
.feature-card:hover{transform:translateY(-4px);box-shadow:0 18px 30px -22px #25452e44;border-color:#b8cbaa}
.motion-on .hero-copy>.eyebrow,.motion-on .hero-copy>h1,.motion-on .hero-description,.motion-on .hero-detail,.motion-on .hero-actions,.motion-on .hero-reassurance{animation:studio-enter .9s cubic-bezier(.2,.7,.2,1) both}
.motion-on .hero-copy>h1{animation-delay:.09s}.motion-on .hero-description{animation-delay:.18s}.motion-on .hero-detail{animation-delay:.24s}.motion-on .hero-actions{animation-delay:.3s}.motion-on .hero-reassurance{animation-delay:.36s}
.motion-on .hero-visual{animation:studio-preview-enter 1.2s cubic-bezier(.2,.7,.2,1) both}
.motion-on .demo-window{animation:studio-float 10s ease-in-out 1.2s infinite}
.motion-on .floating-note{animation:studio-note 8s ease-in-out 1.2s infinite}
.motion-on .hero::before{animation:studio-light 14s ease-in-out infinite alternate}
.motion-on .demo-window::after{animation:studio-sheen 12s ease-in-out 1.5s infinite}
.motion-on .hero-visual:hover .demo-window,.motion-on .hero-visual:focus-within .demo-window,.motion-on .hero-visual:hover .floating-note,.motion-on .hero-visual:focus-within .floating-note,.motion-on .hero-visual:hover .demo-window::after,.motion-on .hero-visual:focus-within .demo-window::after{animation-play-state:paused}
.motion-on .scroll-reveal{transition:opacity .8s ease,transform .8s cubic-bezier(.2,.7,.2,1);transition-delay:var(--reveal-delay,0ms)}
.motion-on .scroll-reveal.reveal-pending{opacity:0;transform:translateY(24px)}
.motion-off .scroll-reveal{opacity:1;transform:none}.motion-off .feature-card:hover{transform:none}
.motion-suspended *,.motion-suspended *::before,.motion-suspended *::after{animation-play-state:paused!important}
@keyframes studio-enter{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}
@keyframes studio-preview-enter{from{opacity:0;transform:translateY(28px) rotateX(3deg) scale(.975)}to{opacity:1;transform:translateY(0) rotateX(0) scale(1)}}
@keyframes studio-float{0%,100%{transform:translateY(0) rotate(-.6deg)}50%{transform:translateY(-7px) rotate(.15deg)}}
@keyframes studio-note{0%,100%{transform:translateY(0) rotate(3deg)}50%{transform:translateY(-5px) rotate(1deg)}}
@keyframes studio-light{from{opacity:.55;transform:translate3d(-10px,8px,0) scale(.95)}to{opacity:.95;transform:translate3d(10px,-10px,0) scale(1.025)}}
@keyframes studio-sheen{0%,12%,100%{opacity:0;transform:translateX(-110%)}20%{opacity:.35}36%{opacity:0;transform:translateX(110%)}}
@media(max-width:820px){.hero::before{inset:0;background:radial-gradient(ellipse at 70% 65%,#b9d89960,transparent 60%);filter:blur(20px)}.motion-on .demo-window{animation-name:studio-float-mobile}.motion-on .demo-window::after{animation:none}.motion-on .hero::before{animation:none}.feature-card:hover{transform:none}}
@keyframes studio-float-mobile{0%,100%{transform:translateY(0) rotate(-.6deg)}50%{transform:translateY(-3px) rotate(-.6deg)}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.scroll-reveal.reveal-pending{opacity:1!important;transform:none!important}.feature-card:hover{transform:none}}