/*
Theme Name: GradeHero Landing
Author: White Oak Technology Group
Description: A focused, accessible landing page for GradeHero.
Version: 1.0.2
Requires at least: 6.6
Requires PHP: 8.2
License: GPL-2.0-or-later
Text Domain: gradehero-landing
*/
:root{--ink:#162d38;--muted:#52626a;--paper:#fcfbf6;--green:#176447;--lime:#d8ee8d;--line:#dce0d8;--white:#fff;--radius:20px}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--paper);color:var(--ink);font-family:Inter,"Segoe UI",Arial,sans-serif;font-size:17px;line-height:1.6;-webkit-font-smoothing:antialiased}a{color:inherit}button,input{font:inherit}a:focus-visible,summary:focus-visible{outline:3px solid #177b5b;outline-offset:6px}a{text-underline-offset:4px}h1,h2,h3,p{margin:0}h1,h2,h3{line-height:1.1;letter-spacing:-.045em}h2{font-size:clamp(2.2rem,4vw,3.7rem);font-weight:650}h3{font-size:1.5rem;font-weight:650}p{color:var(--muted)}.wrap{width:min(1180px,calc(100% - 64px));margin-inline:auto}.skip-link{position:absolute;left:20px;top:-100px;background:var(--white);padding:12px 18px;z-index:100}.skip-link:focus{top:16px}.site-header{border-bottom:1px solid var(--line);background:var(--paper)}.header-inner{display:flex;align-items:center;justify-content:space-between;gap:28px;min-height:96px}.brand{display:inline-flex;align-items:center;gap:11px;text-decoration:none;font-weight:750;font-size:1.5rem;letter-spacing:-.06em;white-space:nowrap}.brand-symbol{display:grid;place-items:center;inline-size:36px;block-size:40px;background:var(--green);color:var(--lime);border-radius:9px 9px 16px 9px;font-size:1.2rem;letter-spacing:-.1em;padding-right:3px}.brand-hero{color:var(--green)}.nav-links{display:flex;align-items:center;gap:30px}.nav-links>a{text-decoration:none;font-size:.91rem;font-weight:550}.nav-links>a:hover{text-decoration:underline}.button{display:inline-flex;align-items:center;justify-content:center;gap:20px;min-height:54px;padding:13px 24px;background:var(--green);color:var(--white);border-radius:8px;font-weight:650;font-size:1rem;line-height:1.35;text-decoration:none;transition:background .15s,transform .15s}.button:hover{background:#104c35;transform:translateY(-2px)}.button-light{background:var(--lime);color:var(--ink)}.button-light:hover{background:#e5f5b5}.button-small{min-height:44px;padding:11px 19px;font-size:.88rem}.arrow{font-size:1.35rem;line-height:1}.eyebrow{font-size:.78rem;letter-spacing:.13em;text-transform:uppercase;font-weight:750;color:var(--green);margin-bottom:22px}.hero{display:grid;grid-template-columns:1.08fr 1fr;gap:65px;align-items:center;padding-top:85px;padding-bottom:82px}.hero h1{font-size:clamp(3.4rem,5.55vw,5.05rem);font-weight:670;letter-spacing:-.065em;line-height:1.035}.hero h1 em{font-family:Georgia,"Times New Roman",serif;font-weight:400;letter-spacing:-.055em;color:var(--green)}.hero-copy>p:not(.eyebrow):not(.micro){font-size:1.13rem;line-height:1.7;max-width:490px;margin-top:26px}.hero-actions{display:flex;flex-wrap:wrap;align-items:center;gap:25px;margin-top:30px}.text-link{font-size:.95rem;font-weight:600}.micro{font-size:.82rem;margin-top:19px}.preview-stage{position:relative;background:#e6ecd9;border-radius:26px;padding:33px 28px 27px;background-image:radial-gradient(#cad4be 1px,transparent 1px);background-size:16px 16px}.preview-label{font-size:.69rem;letter-spacing:.12em;text-transform:uppercase;text-align:center;font-weight:700;margin-bottom:17px;color:#475447}.preview-card{background:#fff;box-shadow:0 16px 42px #173d2510;border:1px solid #d9dfd2;border-radius:13px;overflow:hidden;transform:rotate(-2deg)}.preview-bar{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #e4e7df;padding:16px 22px;gap:12px}.preview-bar strong{font-size:.9rem;letter-spacing:-.02em}.draft-tag{font-size:.67rem;color:#65521b;background:#fcf1d0;border-radius:5px;padding:4px 9px;font-weight:650}.preview-body{padding:24px}.preview-meta{font-size:.73rem;margin-bottom:6px}.preview-body h2{font-size:1.42rem;letter-spacing:-.035em;line-height:1.3}.rubric{margin-top:24px}.criterion{display:grid;grid-template-columns:1fr auto;align-items:center;gap:16px;padding:11px 0;border-bottom:1px solid #edf0e9;font-size:.8rem}.criterion strong{font-size:.8rem;color:var(--green)}.criterion .track{height:5px;background:#edf1e8;border-radius:4px;grid-column:1/-1;margin-top:-8px}.criterion .fill{height:100%;width:var(--score);background:#7aa776;border-radius:4px}.feedback-note{margin-top:23px;padding:17px 18px;background:#f3f6ec;border-left:3px solid #87a977;border-radius:0 6px 6px 0}.feedback-note strong{font-size:.77rem;display:block;color:var(--green);margin-bottom:7px}.feedback-note p{font-size:.8rem;line-height:1.6;color:#435247}.preview-footer{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:22px;font-size:.74rem}.score-total{font-size:1.6rem;font-weight:700;letter-spacing:-.05em}.score-total small{font-size:.8rem;font-weight:450;letter-spacing:0;color:var(--muted)}.review-note{display:flex;align-items:center;gap:12px;width:fit-content;background:var(--ink);color:#fff;border-radius:9px;padding:14px 20px;margin:20px -4px 0 auto;position:relative;box-shadow:0 8px 20px #152d3815;font-size:.82rem;font-weight:500}.check{width:24px;height:24px;background:var(--lime);color:var(--ink);border-radius:50%;display:inline-grid;place-items:center;font-weight:800;flex-shrink:0}.principles{display:flex;justify-content:center;align-items:center;gap:56px;padding:24px 0;border-block:1px solid var(--line);font-size:.9rem;color:#45584d}.principles span{display:flex;gap:10px;align-items:center}.principles b{font-weight:500}.small-check{color:var(--green);font-weight:800}.section{padding-block:100px}.section-heading{display:grid;grid-template-columns:1.2fr 1fr;gap:100px;align-items:end;margin-bottom:46px}.section-heading h2{max-width:650px}.section-heading>p{max-width:410px;padding-bottom:5px}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.feature-card{padding:30px;background:#f0f3e9;border:1px solid #e1e7d9;border-radius:14px;min-width:0}.feature-card:nth-child(2){background:#eaf0f2;border-color:#dce5e7}.feature-card:nth-child(3){background:#f7efdf;border-color:#ede2cc}.feature-icon{inline-size:42px;block-size:42px;display:grid;place-items:center;background:#fff9;border-radius:10px;margin-bottom:48px}.feature-icon svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.feature-card h3{max-width:270px;margin-bottom:17px;font-size:1.6rem}.feature-card p{font-size:.95rem;line-height:1.7}.workflow{background:var(--ink);color:var(--white);padding-block:92px}.workflow .eyebrow{color:var(--lime)}.workflow h2{max-width:630px}.workflow-intro{margin-top:22px;color:#bdcbcf;max-width:590px}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:50px;margin-top:58px}.step{border-top:1px solid #54636a;padding-top:25px}.step-number{font-size:.9rem;font-weight:500;color:var(--lime);display:block;margin-bottom:32px}.step h3{font-size:1.55rem;margin-bottom:17px;letter-spacing:-.035em}.step p{color:#bdcbcf;font-size:.95rem;line-height:1.7}.teacher-section{display:grid;grid-template-columns:1fr 1fr;gap:100px;align-items:center}.teacher-section h2{max-width:510px}.teacher-section>div>p:not(.eyebrow){margin-top:25px;max-width:500px}.teacher-points{list-style:none;padding:0;margin:0}.teacher-points li{display:flex;gap:18px;padding:25px 0;border-bottom:1px solid var(--line)}.teacher-points li:first-child{padding-top:0}.teacher-points strong{display:block;line-height:1.35;margin-bottom:8px;font-size:1.08rem}.teacher-points p{font-size:.92rem}.faq-section{border-top:1px solid var(--line);display:grid;grid-template-columns:.8fr 1.2fr;gap:100px;padding-top:74px;padding-bottom:90px}.faq-section h2{font-size:2.5rem;max-width:300px}.faq-list details{border-bottom:1px solid var(--line);padding:22px 0}.faq-list details:first-child{padding-top:0}.faq-list summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;gap:30px;font-weight:650;font-size:1rem;line-height:1.5}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary::after{content:'+';font-size:1.4rem;font-weight:400;color:var(--green)}.faq-list details[open] summary::after{content:'−'}.faq-list details p{font-size:.95rem;line-height:1.7;margin-top:18px;padding-right:20px}.closing{background:var(--lime);padding:61px 65px;border-radius:20px;display:flex;align-items:center;justify-content:space-between;gap:45px;margin-bottom:65px}.closing h2{font-size:clamp(2.2rem,3.9vw,3.2rem);max-width:690px}.closing p{margin-top:16px;color:#415342;font-size:1rem}.closing .button{flex-shrink:0}.site-footer{border-top:1px solid var(--line);padding-block:32px}.footer-inner{display:flex;justify-content:space-between;gap:30px;align-items:center}.footer-meta{font-size:.8rem;text-align:right}.footer-meta a{color:var(--green)}.footer-brand .brand{font-size:1.2rem}.footer-brand>p{font-size:.8rem;margin-top:8px}.generic-content{padding-block:70px;min-height:50vh}.generic-content h1{font-size:3rem;margin-bottom:25px}.generic-content p{margin-block:20px}
@media(min-width:1600px){.hero{padding-block:100px}}@media(max-width:1050px){.hero{gap:30px}.hero h1{font-size:4rem}.preview-stage{padding:23px 17px}.nav-links{gap:22px}.section-heading,.teacher-section,.faq-section{gap:48px}.principles{gap:28px}.feature-card{padding:25px}.closing{padding:45px}}
@media(max-width:800px){.wrap{width:min(630px,calc(100% - 40px))}.header-inner{min-height:82px;gap:12px}.brand{font-size:1.3rem}.nav-links>a:not(.button){display:none}.nav-links{gap:0}.hero{grid-template-columns:1fr;padding-top:51px;padding-bottom:52px;gap:44px}.hero h1{font-size:clamp(3.3rem,9.2vw,4.5rem)}.hero-copy>p:not(.eyebrow):not(.micro){max-width:520px;font-size:1.05rem}.preview-stage{padding:30px;max-width:500px;width:100%;justify-self:center}.principles{gap:18px;flex-wrap:wrap;font-size:.8rem;justify-content:flex-start}.section{padding-block:65px}.section-heading,.teacher-section,.faq-section{grid-template-columns:1fr;gap:26px}.section-heading{margin-bottom:32px}.section-heading>p{max-width:540px}.feature-grid{grid-template-columns:1fr}.feature-card{padding:28px}.feature-icon{margin-bottom:24px}.feature-card h3{max-width:none}.workflow{padding-block:65px}.steps{gap:28px;grid-template-columns:1fr;margin-top:35px}.step{position:relative;padding-left:48px;padding-top:25px}.step-number{position:absolute;left:0;top:27px;margin:0}.step h3{margin-bottom:12px}.teacher-section{gap:40px}.teacher-points li{padding-block:22px}.faq-section{padding-top:55px;padding-bottom:60px;gap:34px}.faq-section h2{max-width:none}.closing{padding:36px 28px;flex-direction:column;align-items:flex-start;gap:27px;margin-bottom:45px}.footer-inner{align-items:flex-start;flex-direction:column;gap:24px}.footer-meta{text-align:left}.button-small{padding:11px 14px;font-size:.82rem}.nav-links .button .arrow{display:none}.hero-actions{gap:22px}}
@media(max-width:390px){.wrap{width:calc(100% - 32px)}.brand{gap:7px;font-size:1.2rem}.brand-symbol{width:31px;height:36px}.hero h1{font-size:3.12rem}.preview-stage{padding:22px 15px}.preview-body{padding:19px}.review-note{font-size:.76rem;padding:13px 15px}.hero-actions{align-items:flex-start;flex-direction:column;gap:16px}.principles{flex-direction:column;align-items:flex-start;gap:12px}}
.security-section{background:#edf2e8;padding-block:80px;border-block:1px solid #dce5d7}.security-section .section-heading{gap:70px}.security-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:38px}.security-grid article{border-top:1px solid #cad7c4;padding-top:25px}.security-number{display:block;font-size:.74rem;letter-spacing:.1em;font-weight:750;color:var(--green);margin-bottom:22px}.security-grid h3{font-size:1.5rem;margin-bottom:18px}.security-grid p{font-size:.95rem;line-height:1.7}.security-grid .text-link{display:inline-block;margin-top:18px;color:var(--green)}.security-detail{margin-top:44px;padding:25px 28px;background:#ffffffa6;border:1px solid #d7e1d1;border-radius:10px}.security-detail strong{display:block;font-size:.96rem;margin-bottom:9px}.security-detail p{font-size:.88rem;line-height:1.7}.security-detail p+p{margin-top:11px}@media(max-width:800px){.security-section{padding-block:60px}.security-section .section-heading{gap:24px}.security-grid{grid-template-columns:1fr;gap:30px}.security-detail{padding:23px;margin-top:32px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}.button:hover{transform:none}}