:root{color-scheme:light;font-family:Inter,ui-sans-serif,system-ui,sans-serif;color:#18241f;background:#f5f2e9}.landing-page-v2{overflow:hidden;background:linear-gradient(180deg,#f8f5ec,#f3f8f4 38%,#f8f5ec)}.final-cta,.hero-v2,.landing-section,.site-footer,.site-header{width:min(1180px,calc(100% - 40px));margin-inline:auto}.site-header{min-height:82px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #174c3b20}.site-footer nav,.site-header nav{display:flex;align-items:center;gap:1rem}.site-footer a,.site-header nav a{text-decoration:none;font-weight:700}.hero-v2{min-height:660px;display:grid;grid-template-columns:1.02fr .98fr;grid-gap:clamp(2rem,6vw,5rem);gap:clamp(2rem,6vw,5rem);align-items:center;padding-block:5rem}.hero-content h1{max-width:720px;margin:0;color:#153f32;font-size:clamp(3.15rem,6vw,6.25rem);line-height:.98;letter-spacing:-.055em}.hero-content h1 span{display:block;color:#e0643e}.hero-content>p:not(.eyebrow){max-width:640px;color:#52665d;font-size:1.2rem;line-height:1.8}.hero-visual{position:relative}.hero-visual:before{position:absolute;inset:10% -20% -10% 12%;border-radius:50%;background:#f5c78455;content:"";filter:blur(30px)}.hero-visual img{position:relative;display:block;width:100%;height:auto;filter:drop-shadow(0 28px 30px #173f3220)}.secondary-button{border:1px solid #174c3b33;border-radius:.75rem;padding:.8rem 1.1rem;background:#fff9;color:#174c3b;cursor:pointer;font-weight:750}.hero-proof{display:flex;flex-wrap:wrap;gap:.75rem 1.25rem;margin:2rem 0 0;padding:0;color:#52665d;list-style:none;font-size:.88rem}.landing-section{padding-block:clamp(4.5rem,9vw,8rem)}.final-cta h2,.landing-section>h2{max-width:780px;margin:.5rem 0 2.5rem;color:#153f32;font-size:clamp(2.25rem,4.5vw,4.5rem);line-height:1.08;letter-spacing:-.04em}.section-kicker{color:#c65332;font-size:.78rem;font-weight:850;letter-spacing:.08em}.benefit-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:1rem;gap:1rem}.benefit-grid article{min-height:230px;padding:1.6rem;border:1px solid #174c3b18;border-radius:1.25rem;background:#ffffffc9;box-shadow:0 16px 45px #174c3b0a}.benefit-grid article>span{color:#e0643e;font-size:1.5rem}.benefit-grid h3,.showcase-grid h3,.step-grid h3{margin:2rem 0 .5rem;color:#174c3b;font-size:1.25rem}.benefit-grid p,.final-cta>p,.showcase-grid p,.step-grid p,.trust-section p{color:#607169;line-height:1.7}.how-section{width:100%;max-width:none;padding-inline:max(20px,calc((100% - 1180px) / 2));background:#174c3b;color:#fff}.how-section h2{color:#fff}.how-section .section-kicker{color:#f8bd84}.step-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:1px;gap:1px;background:#ffffff28}.step-grid article{padding:2rem;background:#174c3b}.step-grid strong{color:#f8bd84;font-size:2rem}.step-grid h3{color:#fff}.step-grid p{color:#d4e4dc}.showcase-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:1rem;gap:1rem}.showcase-grid article{padding:1rem;border-radius:1rem;background:#fff}.worksheet-mini{aspect-ratio:4/5;display:grid;align-content:center;grid-gap:1rem;gap:1rem;padding:2rem;border:1px solid #174c3b24;border-radius:.6rem;background:#fcfbf7;box-shadow:0 12px 25px #174c3b10}.worksheet-mini b{color:#e0643e;font-size:2rem}.worksheet-mini i{display:block;height:7px;border-radius:4px;background:#bed7cc}.trust-section{display:grid;grid-template-columns:1fr 1fr;grid-gap:5rem;gap:5rem;align-items:center}.trust-section ul{display:grid;grid-gap:.75rem;gap:.75rem;margin:0;padding:1.5rem;border-radius:1rem;background:#e1f0e8;list-style:none}.trust-section li{padding:.75rem;border-bottom:1px solid #174c3b18;font-weight:700}.trust-section li:before{margin-right:.6rem;color:#e0643e;content:"✓"}.final-cta{margin-block:4rem 7rem;padding:clamp(3rem,7vw,6rem);border-radius:2rem;background:#f5c982;text-align:center}.final-cta h2{margin-inline:auto}.site-footer{display:grid;grid-template-columns:1fr auto;grid-gap:2rem;gap:2rem;padding-block:3rem;border-top:1px solid #174c3b20}.site-footer p,.site-footer small{color:#68766f}.site-footer small{grid-column:1/-1}.password-field{display:grid;grid-gap:.5rem;gap:.5rem;margin-top:.35rem}.password-control{position:relative}.password-control input{padding-right:8.5rem}.password-toggle{position:absolute;top:50%;right:.45rem;min-height:40px;display:inline-flex;align-items:center;gap:.35rem;padding:.35rem .55rem;border:0;border-radius:.45rem;background:#edf3ef;color:#174c3b;cursor:pointer;font-size:.78rem;font-weight:750;transform:translateY(-50%)}.auth-card-v2{border-top:5px solid #e0643e}.empty-state-v2{padding:3rem;border-style:solid;background:#fbfaf6}.empty-state-v2 img{width:min(100%,300px);height:auto}.empty-state-v2 .primary-button{margin-top:1rem}.dashboard-hero-v2{border-radius:0 0 2rem 2rem}@media (prefers-reduced-motion:no-preference){.hero-visual img{animation:gentle-float 6s ease-in-out infinite}@keyframes gentle-float{50%{transform:translateY(-8px)}}}@media (max-width:820px){.hero-v2,.trust-section{grid-template-columns:1fr}.hero-v2{padding-top:3rem}.hero-visual{max-width:620px}.benefit-grid,.step-grid{grid-template-columns:1fr}.showcase-grid{grid-template-columns:repeat(2,1fr)}.site-header nav a:first-child{display:none}}@media (max-width:520px){.final-cta,.hero-v2,.landing-section,.site-footer,.site-header{width:min(100% - 28px,1180px)}.hero-content h1{font-size:clamp(2.75rem,14vw,4rem)}.hero-actions{align-items:stretch;flex-direction:column}.showcase-grid,.site-footer{grid-template-columns:1fr}.site-footer nav{align-items:flex-start;flex-direction:column}.app-header>div{align-items:flex-end;flex-direction:column;gap:.2rem}.password-toggle span:last-child{display:none}.password-control input{padding-right:3.2rem}}.premium-landing{--landing-brand:#12533f;--landing-brand-hover:#0b4031;--landing-accent:#df6848;--landing-background:#fbf8f0;--landing-surface:#fffefb;--landing-surface-muted:#eef6f1;--landing-border:#d8e4dc;--landing-text:#17372d;--landing-text-muted:#5a6e66;--landing-success:#187354;--landing-focus:#ee8b58;--landing-shadow-sm:0 10px 28px rgba(18,83,63,0.08);--landing-shadow-lg:0 30px 80px rgba(18,64,50,0.14);overflow:hidden;min-height:100vh;background:radial-gradient(circle at 86% 6%,rgba(181,225,202,.38),transparent 24rem),radial-gradient(circle at 4% 25%,rgba(244,196,139,.22),transparent 20rem),var(--landing-background);color:var(--landing-text);font-family:Tahoma,Leelawadee UI,Thonburi,Noto Sans Thai,Arial,sans-serif;font-size:16px;line-height:1.65}.premium-landing *,.premium-landing :after,.premium-landing :before{box-sizing:border-box}.premium-final-cta,.premium-footer,.premium-hero,.premium-nav,.premium-section{width:min(1180px,calc(100% - 48px));margin-inline:auto}.premium-nav{min-height:84px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(18,83,63,.13)}.premium-footer nav,.premium-nav nav{display:flex;align-items:center;gap:1.25rem}.premium-footer a,.premium-nav a{text-decoration:none}.premium-nav__login{min-height:44px;font-size:.96rem;font-weight:700}.premium-brand,.premium-nav__login{display:inline-flex;align-items:center;color:var(--landing-brand)}.premium-brand{gap:.75rem;text-decoration:none}.premium-brand>span:last-child{display:grid;line-height:1.2}.premium-brand strong{font-size:1.05rem;letter-spacing:-.015em}.premium-brand small{margin-top:.2rem;color:var(--landing-text-muted);font-size:.68rem;font-weight:500}.premium-brand__mark{position:relative;width:38px;height:42px;display:block;border:2px solid;border-radius:5px 9px 5px 5px;background:#fff;transform:rotate(-3deg);box-shadow:5px 5px 0 #bde2d1}.premium-brand__mark i{position:absolute;left:8px;width:19px;height:2px;border-radius:2px;background:currentColor}.premium-brand__mark i:first-child{top:11px}.premium-brand__mark i:nth-child(2){top:19px;width:14px}.premium-brand__mark i:nth-child(3){top:27px;width:17px}.landing-button{min-height:44px;display:inline-flex;align-items:center;justify-content:center;gap:.65rem;border:1px solid transparent;border-radius:.72rem;padding:.65rem 1.2rem;text-decoration:none;font-size:.94rem;font-weight:800;line-height:1.35;transition:background .2s ease,border-color .2s ease,color .2s ease,transform .2s ease,box-shadow .2s ease}.landing-button--primary{background:var(--landing-brand);color:#fff;box-shadow:0 8px 20px rgba(18,83,63,.16)}.landing-button--primary:hover{background:var(--landing-brand-hover);transform:translateY(-2px);box-shadow:0 12px 24px rgba(18,83,63,.2)}.landing-button--secondary{border-color:#bfd0c7;background:rgba(255,255,255,.72);color:var(--landing-brand)}.landing-button--secondary:hover{border-color:var(--landing-brand);background:#fff;transform:translateY(-2px)}.landing-button--large{min-height:52px;padding:.82rem 1.45rem;font-size:1rem}.premium-landing a:focus-visible{outline:3px solid var(--landing-focus);outline-offset:3px}.premium-hero{min-height:650px;display:grid;grid-template-columns:minmax(0,.96fr) minmax(460px,1.04fr);align-items:center;grid-gap:clamp(2rem,5vw,5.5rem);gap:clamp(2rem,5vw,5.5rem);padding-block:clamp(4.5rem,8vw,7rem)}.premium-hero__copy{position:relative;z-index:2}.landing-eyebrow{margin:0 0 1rem;color:var(--landing-accent);font-size:.78rem;font-weight:900;letter-spacing:.055em;text-transform:uppercase}.landing-eyebrow span{margin-right:.3rem}.premium-hero h1{margin:0;max-width:650px;color:var(--landing-brand);font-size:clamp(2.7rem,4.6vw,4.65rem);line-height:1.12;letter-spacing:-.045em;font-weight:900}.premium-hero h1 em{color:var(--landing-accent);font-style:normal}.premium-hero__lead{max-width:610px;margin:1.55rem 0 0;color:var(--landing-text-muted);font-size:1.08rem;line-height:1.82}.landing-actions{display:flex;flex-wrap:wrap;gap:.8rem;margin-top:1.75rem}.premium-trust-strip{display:flex;flex-wrap:wrap;gap:.65rem 1.15rem;margin:1.65rem 0 0;padding:0;color:#52675f;list-style:none;font-size:.82rem;font-weight:700}.premium-trust-strip span{color:var(--landing-success)}.premium-hero__visual{position:relative;min-height:540px;isolation:isolate}.premium-hero__visual:before{position:absolute;inset:8% 2% 7% 6%;z-index:-2;border:1px solid rgba(18,83,63,.08);border-radius:50%;background:rgba(227,241,233,.68);content:""}.premium-hero__visual .landing-sheet{position:absolute;width:285px;min-height:382px;margin:0}.premium-hero__visual .landing-sheet:first-of-type{top:82px;left:8px;transform:rotate(-8deg) scale(.9)}.premium-hero__visual .landing-sheet:nth-of-type(2){top:74px;right:4px;transform:rotate(8deg) scale(.91)}.premium-hero__visual .landing-sheet:nth-of-type(3){top:42px;left:50%;z-index:3;transform:translateX(-50%)}.hero-orbit{position:absolute;z-index:6;display:grid;place-items:center;border-radius:999px;box-shadow:var(--landing-shadow-sm);font-weight:900}.hero-orbit--one{top:12px;right:52px;width:66px;height:66px;background:var(--landing-accent);color:#fff;font-size:1.1rem;transform:rotate(8deg)}.hero-orbit--two{bottom:76px;left:2px;min-height:42px;padding:0 1rem;background:#fff;color:var(--landing-brand);font-size:.78rem}.hero-export-chip{position:absolute;right:20px;bottom:30px;z-index:7;display:flex;align-items:center;gap:.42rem;padding:.75rem .85rem;border:1px solid var(--landing-border);border-radius:.9rem;background:rgba(255,255,255,.94);box-shadow:var(--landing-shadow-sm);color:var(--landing-brand);font-size:.66rem}.hero-export-chip strong{margin-right:.25rem}.hero-export-chip span{border-radius:.35rem;padding:.24rem .34rem;background:var(--landing-surface-muted);font-weight:900}.landing-sheet{position:relative;overflow:hidden;min-height:330px;padding:1.25rem;border:1px solid #d9e1dc;border-radius:.55rem;background:#fff;box-shadow:var(--landing-shadow-lg);color:#294139}.landing-sheet:after{position:absolute;right:-28px;bottom:-28px;width:78px;height:78px;border-radius:50%;background:var(--sheet-soft);content:""}.landing-sheet--coral{--sheet-color:#c85439;--sheet-soft:#f7d5c8}.landing-sheet--mint{--sheet-color:#28765b;--sheet-soft:#d6eee2}.landing-sheet--gold{--sheet-color:#a56b13;--sheet-soft:#f5e4b7}.landing-sheet--sky{--sheet-color:#39708b;--sheet-soft:#d8ebf3}.landing-sheet__topline{display:flex;justify-content:space-between;align-items:center;border-bottom:2px solid var(--sheet-color);padding-bottom:.65rem;color:var(--sheet-color);font-size:.7rem;font-weight:900}.landing-sheet__topline b{display:grid;place-items:center;min-width:34px;height:34px;border-radius:50%;background:var(--sheet-soft);font-size:.78rem}.landing-sheet h3{margin:1rem 0 .65rem;color:#223b32;font-size:1.12rem;line-height:1.35}.landing-sheet__identity{display:grid;grid-template-columns:auto 1fr auto .45fr;align-items:end;grid-gap:.35rem;gap:.35rem;margin-bottom:1.05rem;color:#7a8983;font-size:.55rem}.landing-sheet__identity i{height:1px;background:#aeb9b4}.landing-sheet ol{display:grid;grid-gap:1rem;gap:1rem;margin:0;padding-left:1.1rem;font-size:.64rem}.landing-sheet li{padding-left:.2rem}.landing-sheet li span{display:block;margin-bottom:.5rem;font-weight:700}.landing-sheet li i{display:block;height:1px;margin-top:.48rem;background:#d5dcd8}.trust-ribbon{display:grid;grid-template-columns:repeat(4,1fr);border-block:1px solid #d8e4dc;background:rgba(255,255,255,.66)}.trust-ribbon p{min-height:76px;display:grid;place-items:center;margin:0;padding:1rem;color:var(--landing-brand);text-align:center;font-size:.83rem;font-weight:800}.trust-ribbon p+p{border-left:1px solid #d8e4dc}.premium-section{padding-block:clamp(5rem,9vw,8.5rem)}.premium-section--steps{width:100%;padding-inline:max(24px,calc((100% - 1180px) / 2));background:#edf5f0}.landing-section-heading{max-width:680px;margin-bottom:2.7rem}.landing-section-heading--center{margin-inline:auto;text-align:center}.landing-section-heading h2,.output-section h2,.premium-final-cta h2,.teacher-benefits h2{margin:0;color:var(--landing-brand);font-size:clamp(2.05rem,3.6vw,3.45rem);line-height:1.2;letter-spacing:-.035em}.landing-section-heading>p:last-child{max-width:650px;margin:1rem auto 0;color:var(--landing-text-muted);font-size:1rem}.premium-steps{position:relative;display:grid;grid-template-columns:repeat(3,1fr);grid-gap:1.1rem;gap:1.1rem}.premium-steps:before{position:absolute;top:52px;left:16%;right:16%;border-top:1px dashed #8fb7a7;content:""}.premium-steps article{position:relative;z-index:1;min-height:260px;padding:1.6rem;border:1px solid var(--landing-border);border-radius:1.1rem;background:rgba(255,255,255,.88);box-shadow:var(--landing-shadow-sm)}.premium-steps article>strong{position:absolute;top:1rem;right:1.15rem;color:#a6bdb4;font-size:.78rem;letter-spacing:.08em}.step-icon{width:58px;height:58px;display:grid;align-content:center;grid-gap:5px;gap:5px;padding:13px;border-radius:1rem;background:#dceee5;transform:rotate(-3deg)}.step-icon i{height:3px;border-radius:3px;background:var(--landing-brand)}.step-icon i:nth-child(2){width:70%}.step-icon i:nth-child(3){width:85%}.premium-feature-grid h3,.premium-steps h3{margin:1.5rem 0 .55rem;color:var(--landing-text);font-size:1.16rem}.premium-feature-grid p,.premium-steps p{margin:0;color:var(--landing-text-muted);font-size:.92rem;line-height:1.75}.premium-feature-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:1rem;gap:1rem}.premium-feature-grid article{min-height:235px;padding:1.6rem;border:1px solid var(--landing-border);border-radius:1.15rem;background:var(--landing-surface);box-shadow:0 8px 28px rgba(18,83,63,.045);transition:transform .2s ease,box-shadow .2s ease}.premium-feature-grid article:hover{transform:translateY(-4px);box-shadow:var(--landing-shadow-sm)}.feature-icon{position:relative;width:46px;height:46px;display:block;border-radius:.8rem;background:#e2f0e9}.feature-icon i{position:absolute;background:var(--landing-brand);border-radius:3px}.feature-icon i:first-child{width:22px;height:3px;left:12px;top:13px}.feature-icon i:nth-child(2){width:16px;height:3px;left:12px;top:21px}.feature-icon i:nth-child(3){width:20px;height:3px;left:12px;top:29px}.feature-icon--edit,.feature-icon--print{background:#fae5dc}.feature-icon--edit i,.feature-icon--print i{background:var(--landing-accent)}.feature-icon--pages{background:#f5e9c9}.feature-icon--thai{background:#e4edf3}.output-section{width:100%;max-width:none;display:grid;grid-template-columns:minmax(420px,.9fr) minmax(0,1.1fr);align-items:center;grid-gap:clamp(3rem,7vw,8rem);gap:clamp(3rem,7vw,8rem);padding-inline:max(24px,calc((100% - 1100px) / 2));background:var(--landing-brand);color:#fff}.output-section h2{color:#fff}.output-section .landing-eyebrow{color:#ffc1ac}.output-section__visual{position:relative;min-height:470px}.output-paper{position:absolute;inset:20px 80px 30px 20px;padding:2.5rem 2rem;border-radius:.7rem;background:#fff;box-shadow:0 30px 60px rgba(0,0,0,.22);color:var(--landing-brand);transform:rotate(-4deg)}.output-paper span{display:block;padding-bottom:.8rem;border-bottom:3px solid #df6848;font-size:1.15rem;font-weight:900}.output-paper i{display:block;width:92%;height:9px;margin-top:1.5rem;border-radius:8px;background:#dfe9e4}.output-paper i:nth-of-type(2){width:75%}.output-paper i:nth-of-type(3){width:86%}.output-paper b{position:absolute;right:1.5rem;bottom:1.5rem;display:grid;place-items:center;width:50px;height:50px;border-radius:50%;background:#dff0e7;color:#187354}.output-badge{position:absolute;right:10px;z-index:3;min-width:88px;padding:.8rem;border-radius:.75rem;box-shadow:0 12px 30px rgba(0,0,0,.18);text-align:center;font-size:.78rem;font-weight:900;transform:rotate(4deg)}.output-badge--pdf{top:55px;background:#f7d3c6;color:#9d3c28}.output-badge--png{top:160px;background:#d4ecdf;color:#176247}.output-badge--docx{top:265px;background:#dbe8f2;color:#315f7c}.output-list{display:grid;grid-gap:.65rem;gap:.65rem;margin-top:2rem}.output-list article{display:grid;grid-template-columns:100px 1fr;align-items:start;grid-gap:1rem;gap:1rem;padding:1rem 0;border-top:1px solid rgba(255,255,255,.18)}.output-list strong{color:#ffd0c0;font-size:.92rem}.output-list p{margin:0;color:#dceae4;font-size:.92rem}.example-section{width:100%;padding-inline:max(24px,calc((100% - 1180px) / 2));background:#f2eee4;scroll-margin-top:1rem}.example-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:1rem;gap:1rem}.example-grid .landing-sheet{min-height:345px;box-shadow:var(--landing-shadow-sm);transform:rotate(-1deg)}.example-grid .landing-sheet:nth-child(2n){transform:rotate(1deg)}.teacher-benefits{display:grid;grid-template-columns:1fr 1fr;grid-gap:clamp(2rem,7vw,7rem);gap:clamp(2rem,7vw,7rem);align-items:start}.teacher-benefits ul{display:grid;grid-gap:1rem;gap:1rem;margin:0;padding:0;list-style:none}.teacher-benefits li{display:flex;gap:1rem;padding:1.2rem;border-bottom:1px solid var(--landing-border)}.teacher-benefits li>span{flex:0 0 auto;width:34px;height:34px;display:grid;place-items:center;border-radius:50%;background:#dcefe5;color:var(--landing-success);font-weight:900}.teacher-benefits strong{color:var(--landing-text)}.teacher-benefits p{margin:.3rem 0 0;color:var(--landing-text-muted);font-size:.9rem}.premium-final-cta{position:relative;overflow:hidden;padding:clamp(3.5rem,7vw,6rem);border-radius:1.5rem;background:var(--landing-brand);color:#fff;text-align:center}.premium-final-cta:after,.premium-final-cta:before{position:absolute;width:250px;height:250px;border:1px solid rgba(255,255,255,.12);border-radius:50%;content:""}.premium-final-cta:before{top:-150px;left:-80px}.premium-final-cta:after{right:-100px;bottom:-170px}.premium-final-cta .landing-eyebrow{color:#ffc1ac}.premium-final-cta h2{color:#fff}.premium-final-cta>p:not(.landing-eyebrow){max-width:620px;margin:1rem auto 0;color:#dceae4}.premium-final-cta .landing-actions{position:relative;z-index:1;justify-content:center}.landing-button--light{background:#fff;color:var(--landing-brand)}.landing-button--ghost{border-color:rgba(255,255,255,.4);color:#fff}.final-cta__spark{position:absolute;top:2rem;right:3rem;color:#ffb497;font-size:2rem}.premium-footer{display:grid;grid-template-columns:1fr auto;grid-gap:2rem;gap:2rem;margin-top:4rem;padding:3rem 0 2rem;border-top:1px solid var(--landing-border)}.premium-footer>div>p{max-width:450px;margin:1rem 0 0;color:var(--landing-text-muted);font-size:.84rem}.premium-footer nav a{min-height:44px;display:flex;align-items:center;color:var(--landing-brand);font-size:.86rem;font-weight:700}.premium-footer>small{grid-column:1/-1;color:#7b8c85;font-size:.72rem}.premium-brand--footer small{font-size:.65rem}@media (max-width:1024px){.premium-hero{grid-template-columns:1fr 440px;gap:1.5rem}.premium-hero h1{font-size:clamp(2.5rem,5vw,3.8rem)}.premium-hero__visual{transform:scale(.9);transform-origin:center right}.example-grid,.premium-feature-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:820px){.premium-footer,.premium-hero,.premium-nav,.premium-section{width:min(100% - 32px,680px)}.premium-hero{grid-template-columns:1fr;padding-top:4rem}.premium-hero__copy{text-align:center}.premium-hero h1,.premium-hero__lead{margin-inline:auto}.landing-actions,.premium-trust-strip{justify-content:center}.premium-hero__visual{width:min(100%,560px);margin-inline:auto;transform:none}.trust-ribbon{grid-template-columns:repeat(2,1fr)}.trust-ribbon p:nth-child(3){border-left:0}.trust-ribbon p:nth-child(3),.trust-ribbon p:nth-child(4){border-top:1px solid var(--landing-border)}.premium-steps{grid-template-columns:1fr}.premium-steps:before{display:none}.premium-steps article{min-height:0}.output-section{grid-template-columns:1fr;padding-inline:max(24px,calc((100% - 680px) / 2))}.output-section__visual{width:min(100%,520px);margin:auto}.premium-footer,.teacher-benefits{grid-template-columns:1fr}.premium-footer nav{justify-content:flex-start}}@media (max-width:520px){.premium-landing{font-size:16px}.premium-nav{min-height:72px}.premium-brand small{display:none}.premium-brand__mark{width:32px;height:35px}.premium-brand__mark i{left:6px;width:17px}.premium-nav nav{gap:.45rem}.premium-nav__login{padding-inline:.35rem;font-size:.82rem}.premium-nav .landing-button{padding-inline:.72rem;font-size:.8rem}.premium-hero{min-height:0;padding-block:3.2rem 2rem}.premium-hero h1{font-size:clamp(2.25rem,10.5vw,3.05rem);line-height:1.16;letter-spacing:-.035em}.premium-hero h1 br{display:none}.premium-hero__lead{font-size:1rem;line-height:1.75}.landing-actions{display:grid}.landing-actions .landing-button{width:100%}.premium-trust-strip{display:grid;grid-template-columns:1fr 1fr;text-align:left}.premium-hero__visual{min-height:410px;margin-top:1rem}.premium-hero__visual .landing-sheet{width:220px;min-height:315px;padding:1rem}.premium-hero__visual .landing-sheet:first-of-type{top:55px;left:-52px}.premium-hero__visual .landing-sheet:nth-of-type(2){top:55px;right:-52px}.premium-hero__visual .landing-sheet:nth-of-type(3){top:30px}.premium-hero__visual .landing-sheet h3{font-size:.9rem}.hero-orbit--one{right:14px;width:52px;height:52px}.hero-orbit--two{bottom:34px}.hero-export-chip{right:0;bottom:2px}.trust-ribbon p{min-height:68px;padding:.7rem;font-size:.75rem}.premium-section{padding-block:3.6rem}.landing-section-heading{margin-bottom:2.15rem}.landing-section-heading h2,.output-section h2,.premium-final-cta h2,.teacher-benefits h2{font-size:clamp(1.8rem,7.5vw,2rem);line-height:1.22;letter-spacing:-.025em}.example-grid,.premium-feature-grid{grid-template-columns:1fr}.premium-feature-grid article{min-height:0}.output-section{padding-block:3.6rem}.output-section__visual{min-height:365px}.output-paper{inset:10px 58px 25px 0;padding:1.8rem 1.3rem}.output-badge{right:-4px;min-width:72px}.output-badge--pdf{top:35px}.output-badge--png{top:130px}.output-badge--docx{top:225px}.output-list article{grid-template-columns:82px 1fr}.example-grid .landing-sheet{min-height:320px}.premium-final-cta{width:calc(100% - 32px);padding:2.9rem 1.25rem}.premium-footer nav{display:grid;grid-gap:0;gap:0}.premium-footer{margin-top:3.2rem;padding-bottom:1.5rem}}@media (max-width:390px){.premium-nav nav{gap:.25rem}.premium-brand{gap:.5rem}.premium-brand strong{font-size:.92rem}.premium-brand__mark{width:29px;height:32px}.premium-brand__mark i{left:5px;width:16px}.premium-nav__login{padding-inline:.25rem;font-size:.78rem}.premium-nav .landing-button{padding-inline:.6rem;font-size:.76rem}.landing-section-heading h2,.output-section h2,.premium-final-cta h2,.teacher-benefits h2{font-size:1.8rem}}@media (max-width:340px){.premium-nav{min-height:112px;align-content:center;flex-wrap:wrap;padding-block:.65rem}.premium-brand,.premium-nav nav{width:100%}.premium-nav nav{justify-content:space-between}.premium-nav .landing-button,.premium-nav__login{min-height:44px}}@media (prefers-reduced-motion:reduce){.premium-landing *,.premium-landing :after,.premium-landing :before{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:#f5f2e9}a{color:inherit}button,input{font:inherit}a,button{-webkit-tap-highlight-color:transparent}:focus-visible{outline:3px solid #e5653f;outline-offset:3px}.brand{color:#183b30;font-size:1.05rem;font-weight:800;letter-spacing:-.03em;text-decoration:none}.eyebrow{margin:0 0 .75rem;color:#b64b2d;font-size:.75rem;font-weight:800;letter-spacing:.13em;text-transform:uppercase}.primary-button{border:0;border-radius:.75rem;padding:.85rem 1.2rem;background:#183b30;color:#fff;cursor:pointer;font-weight:750}.primary-button:disabled{cursor:wait;opacity:.65}.link-button{display:inline-flex;align-items:center;justify-content:center;text-decoration:none}.dashboard-shell,.landing-page{width:min(1180px,calc(100% - 40px));margin:0 auto}.app-header,.landing-nav{min-height:82px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #183b3024}.app-header>div,.landing-nav>div{display:flex;align-items:center;gap:1.25rem}.landing-nav a{font-weight:700;text-decoration:none}.nav-cta{border-radius:999px;padding:.65rem 1rem;background:#fff;box-shadow:0 8px 24px #183b3012}.landing-hero{padding:clamp(5rem,11vw,9rem) 0 6rem}.landing-hero h1{max-width:950px;margin:0;color:#183b30;font-family:Georgia,serif;font-size:clamp(3rem,8vw,7rem);font-weight:500;letter-spacing:-.065em;line-height:.93}.landing-hero h1 span{color:#d65c38}.hero-copy{max-width:620px;margin:2rem 0;color:#506159;font-size:1.2rem;line-height:1.7}.hero-actions{display:flex;align-items:center;gap:1.5rem}.secondary-link{color:#183b30;font-weight:750;text-decoration:none}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:1px;gap:1px;margin-bottom:5rem;border:1px solid #183b3024;background:#183b3024}.feature-grid article{min-height:240px;padding:2rem;background:#fbfaf6}.feature-grid article>span{color:#d65c38;font-size:.75rem;font-weight:800}.feature-grid h2{margin-top:3rem;font-family:Georgia,serif;font-size:1.65rem;font-weight:500}.feature-grid p{color:#5d6a64;line-height:1.65}.auth-page{min-height:100vh;display:grid;place-items:center;padding:2rem;background:radial-gradient(circle at 20% 10%,#fde0ce,transparent 35%),#f5f2e9}.auth-card{width:min(100%,470px);padding:clamp(2rem,5vw,3.5rem);border:1px solid #183b3024;border-radius:1.5rem;background:#fbfaf6;box-shadow:0 30px 80px #183b3015}.auth-card .brand{display:inline-block;margin-bottom:3rem}.auth-card h1{margin:0;font-family:Georgia,serif;font-size:2.4rem;font-weight:500;letter-spacing:-.045em;line-height:1.05}.muted{color:#68756f;line-height:1.6}.auth-card form{display:grid;grid-gap:.65rem;gap:.65rem;margin-top:2rem}.auth-card label{margin-top:.55rem;font-size:.85rem;font-weight:750}.auth-card input{width:100%;border:1px solid #b9c1bd;border-radius:.65rem;padding:.85rem 1rem;background:#fff;color:#18241f}.auth-card form .primary-button{margin-top:.85rem}.form-error,.form-success{margin:.5rem 0 0;border-radius:.5rem;padding:.75rem;font-size:.88rem}.form-error{background:#fce4df;color:#932f1e}.form-success{background:#dff1e8;color:#18553e}.auth-switch{margin:1.5rem 0 0;color:#68756f;font-size:.9rem;text-align:center}.auth-divider{height:1px;margin:1.5rem 0;background:var(--border)}.auth-subheading{margin:0 0 .35rem;font-size:1.08rem}.auth-switch a{color:#183b30;font-weight:750}.app-header>div{color:#5d6a64;font-size:.85rem}.text-button{border:0;padding:.4rem;background:none;color:#b64b2d;cursor:pointer;font-weight:750}.dashboard-hero{display:flex;align-items:flex-end;justify-content:space-between;gap:2rem;padding:5rem 0 4rem}.dashboard-hero h1{margin:0;font-family:Georgia,serif;font-size:clamp(2.8rem,6vw,5.3rem);font-weight:500;letter-spacing:-.055em;line-height:.95}.dashboard-hero>div>p:last-child{color:#66736d}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;border-bottom:1px solid #183b3024}.section-heading h2{margin:0 0 1rem;font-family:Georgia,serif;font-size:2rem;font-weight:500}.section-heading>span{margin-bottom:1rem;color:#68756f;font-size:.85rem}.worksheet-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:1rem;gap:1rem;padding:1.5rem 0 4rem}.worksheet-card{min-height:190px;padding:1.4rem;border:1px solid #183b3024;border-radius:.9rem;background:#fbfaf6;text-decoration:none;transition:transform .15s ease,box-shadow .15s ease}.worksheet-card:hover{transform:translateY(-3px);box-shadow:0 16px 35px #183b3012}.worksheet-card>div{display:flex;align-items:center;justify-content:space-between;color:#78827d;font-size:.75rem}.worksheet-card h3{margin:3rem 0 .5rem;font-family:Georgia,serif;font-size:1.45rem;font-weight:500}.worksheet-card p{color:#68756f}.status-pill{border-radius:999px;padding:.35rem .55rem;background:#e6e9e7;color:#46534d;font-size:.66rem;font-weight:800}.status-ready{background:#dcefe5;color:#1d6046}.status-failed{background:#f8ded9;color:#8d3120}.empty-state,.notice{margin:1.5rem 0;padding:2rem;border:1px dashed #9aa59f;border-radius:.9rem;text-align:center}.empty-state h3{margin:0;font-family:Georgia,serif;font-size:1.6rem;font-weight:500}.empty-state p,.notice{color:#68756f}.empty-state a{color:#b64b2d;font-weight:750}.notice.error{border-color:#d88877;color:#932f1e}.notice.success{border-color:#78aa91;color:#18553e}.editor-shell{width:min(1060px,calc(100% - 40px));margin:0 auto;padding-bottom:5rem}.editor-header{min-height:76px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #183b3024;color:#68756f;font-size:.85rem}.editor-intro{max-width:680px;padding:5rem 0 2.5rem}.editor-intro h1,.worksheet-heading h1{margin:0;font-family:Georgia,serif;font-size:clamp(2.7rem,6vw,5rem);font-weight:500;letter-spacing:-.055em;line-height:1}.content-panel>p,.editor-intro>p:last-child,.worksheet-heading p{color:#68756f;line-height:1.6}.editor-form{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:1.1rem;gap:1.1rem;padding:2rem;border:1px solid #183b3024;border-radius:1rem;background:#fbfaf6}.builder-shell{max-width:1180px}.mode-switch{display:flex;gap:.5rem;margin-top:1rem}.builder-progress button,.mode-switch button{border:1px solid #b9c1bd;background:#fbfaf6;color:inherit;border-radius:.65rem;padding:.65rem .8rem}.builder-progress .active,.mode-switch .selected{border-color:#187354;background:#e8f3ed}.builder-progress{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:.5rem;gap:.5rem;margin:1rem 0}.builder-progress button{text-align:left;display:flex;align-items:center;gap:.5rem}.builder-progress button span{display:grid;place-items:center;width:1.6rem;height:1.6rem;border-radius:50%;background:#eeece5}.builder-progress .complete span{background:#187354;color:#fff}.builder-panel{min-height:420px}.builder-panel h2{grid-column:1/-1}.builder-check-grid{display:grid;grid-column:1/-1;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:.75rem;gap:.75rem}.editor-form .builder-check{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;grid-gap:.75rem;gap:.75rem;min-width:0;min-height:48px;padding:.75rem .9rem;border:1px solid #d7dfdb;border-radius:.65rem;background:#fff;cursor:pointer;line-height:1.5;overflow-wrap:break-word}.editor-form .builder-check:hover{border-color:#8da99d;background:#f7fbf8}.editor-form .builder-check:has(input:focus-visible){outline:3px solid #18735438;outline-offset:2px;border-color:#187354}.builder-check input{width:1.15rem;height:1.15rem;margin:0;accent-color:#187354}.builder-check span{min-width:0}.worksheet-style-picker{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:.8rem;gap:.8rem;margin:0;padding:1rem;border:1px solid #cbd4cf;border-radius:.75rem}.worksheet-style-picker legend{padding-inline:.4rem;color:#263b32;font-size:var(--text-sm);font-weight:750}.editor-form .worksheet-style-picker label{min-height:88px;grid-template-columns:auto 1fr;align-items:start;gap:.75rem;padding:.9rem;border:1px solid #d7dfdb;border-radius:.65rem;background:#fff;cursor:pointer}.worksheet-style-picker input{width:auto;margin-top:.2rem}.worksheet-style-picker span{display:grid;grid-gap:.35rem;gap:.35rem}.worksheet-style-picker strong{color:#263b32;font-size:.95rem}.worksheet-style-picker small{color:#68756f;font-size:.82rem;font-weight:500;line-height:1.55}.builder-summary{display:grid;grid-template-columns:8rem 1fr;grid-gap:.5rem 1rem;gap:.5rem 1rem;margin:0}.builder-summary dt{font-weight:700}.builder-summary dd{margin:0}.builder-warnings{border:1px solid #d7a63d;background:#fff8e6;padding:1rem;border-radius:.65rem}.activity-editor{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:1rem;gap:1rem;border:1px solid #d5dad7;border-radius:.65rem;padding:1rem}.activity-editor legend{font-weight:700;padding:0 .4rem}.form-note{color:#68756f}.content-panel h2,.editor-form h2,.run-panel h2{margin:0;font-family:Georgia,serif;font-size:1.65rem;font-weight:500}.editor-form label{display:grid;grid-gap:.5rem;gap:.5rem;color:#46534d;font-size:.82rem;font-weight:750}.content-panel textarea,.editor-form input,.editor-form select,.editor-form textarea{width:100%;border:1px solid #b9c1bd;border-radius:.65rem;padding:.8rem .9rem;background:#fff;color:#18241f}.content-panel textarea:disabled,.editor-form input:disabled,.editor-form select:disabled,.editor-form textarea:disabled{background:#eeece5;color:#68756f}.field-wide{grid-column:1/-1}.form-actions{display:flex;align-items:center;justify-content:flex-end;gap:1rem;margin-top:.5rem}.template-picker{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:.75rem;gap:.75rem;margin:0;padding:0 0 1rem;border:0}.template-picker legend{grid-column:1/-1;margin-bottom:.4rem;color:#46534d;font-size:.82rem;font-weight:750}.template-picker label{display:flex;gap:.75rem;padding:1rem;border:1px solid #b9c1bd;border-radius:.7rem;cursor:pointer}.template-picker label.selected{border-color:#d65c38;background:#fff8f3;box-shadow:inset 0 0 0 1px #d65c38}.template-picker input{width:auto;align-self:flex-start;accent-color:#d65c38}.template-picker span{display:grid;grid-gap:.25rem;gap:.25rem}.template-picker small,.template-picker>p{color:#68756f;font-weight:400;line-height:1.4}.form-actions a{color:#68756f;font-weight:700}.worksheet-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:2rem;padding:4rem 0 2.5rem}.workspace-columns{display:grid;grid-template-columns:1.1fr .9fr;grid-gap:1.2rem;gap:1.2rem;align-items:start}.content-panel{padding:2rem;border:1px solid #183b3024;border-radius:1rem;background:#fbfaf6}.content-panel textarea{min-height:390px;margin:1rem 0;resize:vertical;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:.8rem;line-height:1.55}.run-panel{display:flex;align-items:center;justify-content:space-between;margin:0 0 1.25rem;padding:1.4rem 1.6rem;border-left:4px solid #d65c38;background:#fff8f3}.run-panel p{margin-bottom:0;color:#68756f}.artifact-section{margin-top:3rem}.artifact-list{display:grid;grid-gap:.75rem;gap:.75rem;padding-top:1.25rem}.artifact-preview{margin-top:1.25rem;padding:1rem;border:1px solid #183b3024;border-radius:.9rem;background:#d9d7cf;text-align:center;overflow:auto}.artifact-preview img{display:block;max-width:100%;height:auto;margin:auto;box-shadow:0 12px 28px #183b3020}.artifact-list a{display:grid;grid-template-columns:80px 1fr auto;align-items:center;grid-gap:1rem;gap:1rem;padding:1rem 1.2rem;border:1px solid #183b3024;border-radius:.75rem;background:#fbfaf6;text-decoration:none}.artifact-list strong{color:#b64b2d}.artifact-list span{color:#68756f;font-size:.85rem}.artifact-list em{color:#183b30;font-style:normal;font-weight:750}@media (max-width:800px){.feature-grid,.worksheet-grid{grid-template-columns:1fr}.dashboard-hero{align-items:flex-start;flex-direction:column}.app-header>div>span{display:none}.workspace-columns{grid-template-columns:1fr}}@media (max-width:520px){.activity-editor,.builder-check-grid,.builder-progress,.worksheet-style-picker{grid-template-columns:1fr}.dashboard-shell,.landing-page{width:min(100% - 24px,1180px)}.landing-nav{min-height:70px}.landing-nav>div{gap:.7rem}.landing-hero{padding-top:4rem}.hero-actions{align-items:flex-start;flex-direction:column}.auth-page{padding:.75rem}.auth-card{padding:1.5rem}.editor-shell{width:min(100% - 24px,1060px)}.worksheet-heading{align-items:flex-start;flex-direction:column}.editor-form{padding:1.2rem}.editor-form,.template-picker{grid-template-columns:1fr}.field-wide{grid-column:auto}.artifact-list a{grid-template-columns:55px 1fr}.artifact-list em{grid-column:2}}@media (prefers-reduced-motion:reduce){*,:after,:before{scroll-behavior:auto!important;transition:none!important}}:root{--font-product:"Noto Sans Thai","Leelawadee UI",Tahoma,system-ui,sans-serif;--text-xs:0.82rem;--text-sm:0.94rem;--text-base:1rem;--text-lg:1.16rem;--heading-sm:clamp(1.35rem,2vw,1.65rem);--heading-md:clamp(1.85rem,4vw,2.8rem);--heading-lg:clamp(2.4rem,6vw,4.6rem)}body,button,input,select,textarea{font-family:var(--font-product)}body{color:#18342d;font-size:var(--text-base);line-height:1.65}.hero-content h1,.landing-hero h1{font-family:var(--font-product);font-size:var(--heading-lg);font-weight:760;letter-spacing:-.045em;line-height:1.08}.dashboard-hero h1,.editor-intro h1,.worksheet-heading h1{font-family:var(--font-product);font-size:var(--heading-md);font-weight:750;letter-spacing:-.035em;line-height:1.18}.auth-card h1,.builder-panel h2,.content-panel h2,.editor-form h2,.run-panel h2,.section-heading h2{font-family:var(--font-product);font-size:var(--heading-sm);font-weight:740;letter-spacing:-.02em;line-height:1.3}.activity-editor legend,.auth-card label,.editor-form label,.template-picker legend{font-size:var(--text-sm);line-height:1.5}.auth-card input,.content-panel textarea,.editor-form input,.editor-form select,.editor-form textarea,.primary-button,.text-button{font-size:var(--text-base);line-height:1.5}.content-panel textarea{font-size:.95rem;line-height:1.7}.artifact-list span,.benefit-grid p,.content-panel>p,.form-note,.muted,.showcase-grid p,.step-grid p,.worksheet-card p{font-size:var(--text-sm);line-height:1.7}.artifact-list a,.builder-progress button,.mode-switch button,.primary-button{min-height:44px}.benefit-grid h3,.showcase-grid h3,.step-grid h3,.worksheet-card h3{font-family:var(--font-product);font-weight:720;line-height:1.35}@media (max-width:520px){.hero-content h1,.landing-hero h1{font-size:clamp(2.25rem,11vw,3.3rem)}}