:root{--paper:#f7f5ee;--ink:#183c39;--muted:#536561;--line:#ccd3c7;--lime:#d9ec86;--green:#17483f;--white:#fffef9;--orange:#db643d}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif;line-height:1.65}a{color:inherit;text-decoration:none}button{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,[tabindex]:focus-visible{outline:3px solid #be481c;outline-offset:5px}.wrap{width:min(1240px,calc(100% - 96px));margin:auto}.skip{position:absolute;left:16px;top:-80px;z-index:10;background:var(--ink);color:white;padding:12px}.skip:focus{top:8px}.review-note{background:#e8eadd;color:#46514a;padding:7px 24px;font-size:10px;letter-spacing:1.7px;text-align:center;font-weight:700}.review-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:#567041;margin-right:8px}.review-detail{font-weight:400;letter-spacing:.4px;margin-left:14px}.site-header{display:flex;justify-content:space-between;align-items:center;min-height:104px;gap:24px}.brand{display:inline-flex;align-items:center;font-size:27px;font-weight:800;letter-spacing:-1.3px;white-space:nowrap}.brand-icon{display:inline-grid;place-items:center;background:var(--ink);color:var(--lime);border-radius:50%;width:37px;height:37px;margin-right:10px;font-family:Georgia,serif;font-style:italic;font-size:30px;line-height:1}.brand-period{color:var(--orange)}nav{display:flex;gap:30px;font-size:13px;font-weight:600}nav a{padding:6px 0;border-bottom:1px solid transparent}nav a:hover{border-color:var(--ink)}.hero{display:grid;grid-template-columns:1.2fr 1fr;gap:66px;align-items:center;padding:38px 0 80px}.eyebrow{font-size:10px;font-weight:700;letter-spacing:2px;margin:0 0 22px;display:block}.small-line{display:inline-block;width:23px;height:2px;background:var(--orange);vertical-align:middle;margin-right:9px}h1,h2,h3,p,figure{margin-top:0}h1{font-family:Georgia,'Times New Roman',serif;font-size:clamp(54px,5.4vw,79px);font-weight:400;line-height:1.035;letter-spacing:-3.8px;margin-bottom:29px}h1 em{font-weight:400;color:#4e7566}h2{font-family:Georgia,'Times New Roman',serif;font-size:clamp(35px,3.25vw,48px);line-height:1.12;font-weight:400;letter-spacing:-1.5px;margin-bottom:24px}h3{font-size:22px;line-height:1.3;letter-spacing:-.5px;margin-bottom:12px}.intro{font-size:19px;line-height:1.6;max-width:520px;margin-bottom:18px}.hero-description{color:var(--muted);font-size:15px;max-width:490px}.hero-actions{display:flex;align-items:center;gap:25px;flex-wrap:wrap;margin-top:30px}.button{display:inline-flex;justify-content:center;align-items:center;gap:27px;border:1px solid transparent;border-radius:4px;padding:15px 22px;font-weight:700;font-size:13px;cursor:pointer;min-height:48px}.primary{background:var(--green);color:var(--white)}.primary:hover{background:#276054}.text-link{font-size:12px;font-weight:700;text-decoration:underline;text-underline-offset:5px}.availability{font-size:11px;color:var(--muted);margin:19px 0 0}.hero-art{margin:0;background:#132b27;border-radius:5px;color:var(--paper);padding:24px 26px 25px;position:relative;overflow:hidden}.art-heading{display:flex;justify-content:space-between;font-size:9px;letter-spacing:1.7px;color:#cbd5c2}.hero-art img{display:block;width:100%;height:365px;object-fit:contain;margin:12px auto;mix-blend-mode:screen}.hero-art figcaption{display:flex;align-items:end;justify-content:space-between;gap:12px;border-top:1px solid #546459;padding-top:21px}.hero-art .eyebrow{color:var(--lime);font-size:8px;letter-spacing:1.5px;margin:0 0 8px}.hero-art strong{font-family:Georgia,serif;font-weight:400;font-size:23px;line-height:1.2;display:block}.hero-art figcaption p{font-size:9px;color:#bbc8bd;margin:0;line-height:1.6}.chapter-strip{border-block:1px solid var(--line)}.chapter-strip .wrap{display:flex;justify-content:space-between;padding:21px 0;font-size:10px;letter-spacing:2px;font-weight:700}.section{padding-top:95px;padding-bottom:95px}.approach{display:grid;grid-template-columns:1fr 1.05fr;gap:95px}.section-heading p:not(.eyebrow){color:var(--muted);font-size:16px;max-width:435px}.steps{list-style:none;padding:0;margin:0}.steps li{display:grid;grid-template-columns:40px 1fr;gap:15px;border-bottom:1px solid var(--line);padding:26px 0}.steps li:first-child{padding-top:0}.steps li:last-child{border:0;padding-bottom:0}.step-number{font-family:Georgia,serif;font-style:italic;font-size:20px;color:#667c6b}.steps p{font-size:14px;color:var(--muted);margin-bottom:0}.word-example{background:#e8ecde;border-left:2px solid #849865;padding:15px 18px;margin-top:19px}.word-example span{font-weight:700;font-size:11px;letter-spacing:1px}.word-example i{font-size:11px;letter-spacing:0;margin-left:8px;color:#52604b;font-weight:400}.word-example p{font-size:13px;margin-top:5px}.word-example q{font-family:Georgia,serif;font-style:italic;font-size:14px;display:block;margin-top:8px}.development{background:#e9ecdf}.development-grid{display:grid;grid-template-columns:1fr 1.05fr;gap:95px}.section-intro{max-width:440px;color:var(--muted);font-size:15px}.status-note{font-size:11px;margin-top:28px;color:#43584c}.status-note span{color:#667a30;margin-right:5px}.feature-list{margin:0}.feature-list div{border-bottom:1px solid #c5cebc;padding:20px 0}.feature-list div:first-child{padding-top:0}.feature-list div:last-child{padding-bottom:0;border:0}.feature-list dt{font-size:17px;font-weight:700;margin-bottom:6px}.feature-list dd{margin:0;color:#4e6057;font-size:14px}.demo-section{display:grid;grid-template-columns:1fr 1.05fr;gap:95px;align-items:start}.demo-intro>p:not(.eyebrow){font-size:15px;color:var(--muted);max-width:410px}.demo-label{border-top:1px solid var(--line);padding-top:23px;margin-top:28px;max-width:385px}.demo-label strong{font-size:12px}.demo-label p{font-size:12px;color:var(--muted);margin:6px 0 17px}.demo-intro .local-note{font-size:11px!important;max-width:365px!important}.quiz{background:var(--white);border:1px solid #cdd4c4;border-radius:6px;padding:30px;min-height:490px;box-shadow:0 12px 40px #183c3908}.quiz-top{display:flex;justify-content:space-between;gap:10px;font-size:10px;font-weight:700;letter-spacing:1.1px}.progress-track{height:3px;background:#e6e9df;margin:18px 0 28px}.progress-track span{display:block;height:100%;background:#70884a;width:20%;transition:width .2s}.question-kind{color:#687957;font-size:10px;letter-spacing:1.7px;font-weight:700;margin-bottom:11px}.question-heading{font-family:Georgia,serif;font-size:35px;line-height:1.15;font-weight:400;margin-bottom:14px}.question-prompt{font-size:14px;margin-bottom:20px}.answers{display:grid;gap:9px}.answer{display:flex;text-align:left;align-items:center;gap:13px;width:100%;background:white;border:1px solid #ced5c9;border-radius:3px;padding:12px 14px;color:var(--ink);font-size:13px;cursor:pointer;min-height:47px}.answer span{border:1px solid #ccd3c7;border-radius:50%;width:22px;height:22px;flex:0 0 22px;text-align:center;line-height:20px;font-size:9px}.answer:hover:not(:disabled){background:#f0f4e5;border-color:#8a9d71}.answer:disabled{cursor:default;opacity:1;color:var(--ink)}.answer.correct{background:#edf4d6;border-color:#728845}.answer.incorrect{background:#fae9e2;border-color:#bc7159}.answer.correct span{background:#52732b;color:white;border-color:#52732b}.answer.incorrect span{background:#a04730;color:white;border-color:#a04730}.quiz-feedback{font-size:13px;line-height:1.65;margin:18px 0 0}.quiz-feedback:empty{display:none}.quiz-actions{display:flex;justify-content:space-between;align-items:center;gap:18px;margin-top:22px}.quiz-actions:has([hidden]):has(>button:last-child[hidden]){margin-top:0}.restart{border:0;background:transparent;font-size:12px;text-decoration:underline;text-underline-offset:4px;color:var(--muted);padding:12px 0;cursor:pointer}.result-score{font-family:Georgia,serif;font-size:66px;color:var(--green);margin:18px 0}.result-copy{font-size:15px}.studio{background:#193e37;color:#f2f2e8}.studio-grid{display:grid;grid-template-columns:1fr 1.05fr;gap:95px}.studio .eyebrow{color:#c2d88c}.studio-copy p{font-size:15px;color:#dce3d8;margin-bottom:20px}.studio-copy p:last-child{font-size:13px;color:#bfcfc4;margin-bottom:0}.contact{display:grid;grid-template-columns:1fr 1.05fr;gap:95px;align-items:center}.contact>div>p:not(.eyebrow){font-size:14px;color:var(--muted)}.contact-review{background:#f2ead7;border:1px solid #d9c9a7;border-radius:4px;padding:27px}.review-tag{font-size:9px;color:#72532b;letter-spacing:1.4px;font-weight:700}.contact-review h3{font-size:19px;margin-top:16px}.contact-review p{font-size:13px;color:#625a49}.contact-review .contact-detail{font-size:11px;margin-bottom:0}footer{border-top:1px solid var(--line);padding-top:30px;padding-bottom:35px;display:flex;align-items:center;justify-content:space-between;gap:25px}footer p{font-size:11px;margin:0}footer p span{color:var(--muted)}[hidden]{display:none!important}@media(min-width:1600px){.hero{padding-top:60px;padding-bottom:95px}.hero-art img{height:415px}}@media(max-width:1000px){.wrap{width:calc(100% - 56px)}.hero{gap:35px}.hero-art{padding:20px}.hero-art img{height:300px}.hero-art figcaption{display:block}.hero-art figcaption p{margin-top:12px}.hero-art strong{font-size:22px}.approach,.development-grid,.demo-section,.studio-grid,.contact{gap:45px}nav{gap:19px}h1{font-size:58px;letter-spacing:-2.8px}.intro{font-size:17px}.button{padding:14px 17px;gap:13px}.hero-actions{gap:20px}.quiz{padding:24px}}@media(max-width:700px){.wrap{width:calc(100% - 40px)}.review-note{font-size:9px;padding:8px 12px;letter-spacing:1px}.review-detail{display:block;margin:2px 0 0;font-size:10px}.site-header{padding-top:20px;padding-bottom:20px;min-height:unset;display:block}.brand{font-size:25px}nav{justify-content:space-between;gap:12px;margin-top:23px;font-size:11px}nav a{padding:7px 0}.hero{grid-template-columns:1fr;padding:35px 0 48px;gap:35px}h1{font-size:58px;letter-spacing:-3px}.eyebrow{font-size:9px;margin-bottom:19px}.intro{font-size:17px;max-width:100%}.hero-description{font-size:14px}.hero-actions{gap:20px;margin-top:25px}.hero-art{padding:22px 25px}.hero-art img{height:285px}.hero-art figcaption{display:flex;align-items:end}.hero-art figcaption p{margin:0;font-size:9px}.hero-art strong{font-size:22px}.chapter-strip .wrap{font-size:8px;letter-spacing:1px;gap:18px;flex-wrap:wrap;justify-content:center;text-align:center;padding:17px 0}.section{padding-top:55px;padding-bottom:55px}.approach,.development-grid,.demo-section,.studio-grid,.contact{grid-template-columns:1fr;gap:30px}h2{font-size:36px;letter-spacing:-1.1px}.section-heading p:not(.eyebrow){font-size:15px}.steps{padding-top:8px}.steps li{grid-template-columns:29px 1fr;gap:9px}.steps h3{font-size:20px}.quiz{padding:23px 20px;min-height:460px}.demo-label{max-width:100%;margin-top:24px}.demo-intro .local-note{max-width:100%!important}.contact{gap:22px}.contact-review{padding:23px}footer{display:grid;grid-template-columns:1fr auto;gap:20px;padding-top:27px;padding-bottom:27px}footer p{grid-row:2;grid-column:1/-1}footer>.text-link{font-size:11px}}@media(max-width:360px){h1{font-size:51px}.wrap{width:calc(100% - 32px)}nav{font-size:10px;gap:8px}.hero-art figcaption{display:block}.hero-art figcaption p{margin-top:10px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important}}
