@font-face{font-family:ScoolabLocal;src:local("Avenir Next"),local("Avenir"),local("Trebuchet MS");font-display:swap}
:root{--paper:#f6f5ef;--white:#fffefa;--ink:#273a31;--forest:#285b48;--forest-deep:#1e4637;--moss:#738361;--quiet:#6c756b;--line:#e2e4d9;--sage:#e7ecdf;--lilac:#e8e1ee;--peach:#f2e2d4;--gold:#d7bd7b;--serif:Georgia,"Times New Roman",serif;font-family:ScoolabLocal,"Avenir Next","Segoe UI",sans-serif;color:var(--ink);background:var(--paper);font-synthesis:none;font-optical-sizing:auto;line-height:1.6;font-size:16px;scroll-behavior:smooth}
*{box-sizing:border-box}
body{margin:0;min-width:320px}
a{color:inherit;text-decoration:none}
a:focus-visible{outline:3px solid #b48337;outline-offset:4px;border-radius:4px}
.skip-link{position:absolute;top:-100px;left:18px;z-index:20;background:var(--white);padding:12px 16px;border-radius:8px}
.skip-link:focus{top:12px}
.site-header{height:88px;max-width:1320px;margin:0 auto;padding:0 42px;display:flex;align-items:center;justify-content:space-between;gap:28px}
.wordmark{display:inline-flex;align-items:center;gap:10px;font-size:28px;font-weight:760;letter-spacing:-1.6px;line-height:1;color:var(--forest);white-space:nowrap}
.brand-mark{width:39px;height:39px}
.wordmark-dot{color:#9a9d5b}
.main-nav{display:flex;align-items:center;gap:34px;margin-left:auto;margin-right:12px}
.main-nav a{font-size:13px;color:#58665b;transition:color .2s}
.main-nav a:hover,.text-link:hover{color:#9b763e}
.header-cta{display:inline-flex;align-items:center;gap:11px;padding:11px 18px;min-height:44px;border:1px solid #c9d2c1;border-radius:999px;color:var(--forest);font-size:12px;font-weight:700;transition:background .2s,color .2s,transform .2s}
.header-cta:hover{background:var(--forest);color:white;transform:translateY(-1px)}
.hero{max-width:1320px;min-height:670px;margin:0 auto;padding:91px 42px 63px;position:relative;display:grid;grid-template-columns:minmax(0,1.08fr) minmax(370px,.92fr);align-items:center;gap:35px;overflow:hidden}
.hero::before{content:"";position:absolute;z-index:-1;width:780px;height:780px;right:-112px;top:-72px;background:radial-gradient(ellipse at 52% 46%,#e8ecdf 0 34%,#eef0e7 34% 51%,transparent 51%);opacity:.86}
.hero-copy{max-width:670px;position:relative;z-index:1;padding-bottom:36px}
.eyebrow{display:flex;align-items:center;gap:9px;color:#5e6b61;font-size:10px;font-weight:740;letter-spacing:1.8px;text-transform:uppercase;margin:0 0 23px}
.eyebrow-dot{width:7px;height:7px;display:inline-block;border-radius:50%;background:#a2a564;box-shadow:0 0 0 4px #e9ebde}
h1,h2,h3,p{margin-top:0}
.hero h1{max-width:675px;margin:0 0 24px;font-family:var(--serif);font-size:clamp(47px,5vw,70px);font-weight:400;line-height:1.06;letter-spacing:-2.8px}
h1 em,h2 em{color:var(--forest);font-weight:400}
.hero-intro{max-width:530px;color:#657167;font-size:16px;line-height:1.75;margin:0 0 29px}
.hero-actions{display:flex;align-items:center;gap:26px;flex-wrap:wrap}
.button{min-height:50px;display:inline-flex;align-items:center;justify-content:center;gap:16px;padding:13px 21px;border-radius:999px;font-size:12px;font-weight:700;transition:background .2s,transform .2s,box-shadow .2s}
.button-primary{background:var(--forest);color:#fffef8;box-shadow:0 8px 19px #285b4820}
.button-primary:hover{background:var(--forest-deep);transform:translateY(-2px);box-shadow:0 12px 22px #285b4825}
.button-outline{border:1px solid #c9d2c1;color:var(--forest)}
.button-outline:hover{background:var(--forest);color:white;transform:translateY(-2px)}
.text-link{display:inline-flex;align-items:center;gap:8px;color:var(--forest);font-size:12px;font-weight:700;transition:color .2s}
.hero-note{margin:26px 0 0;color:#82877b;font-size:11px;letter-spacing:.15px}
.hero-art{position:relative;height:495px;max-width:540px;width:100%;justify-self:center;isolation:isolate}
.art-sun{position:absolute;top:36px;right:72px;width:334px;height:334px;border-radius:50%;background:#dfe7d5;box-shadow:inset 0 0 0 1px #d6dfca}
.art-orbit{position:absolute;border:1px solid #cdd7c1;border-radius:50%;transform:rotate(-28deg)}
.orbit-one{inset:25px 38px 70px 24px}
.orbit-two{inset:57px 0 37px 55px;transform:rotate(22deg)}
.art-page{position:absolute;display:flex;flex-direction:column;border-radius:14px 22px 22px 14px;box-shadow:0 22px 42px #344c3717}
.page-back{width:190px;height:244px;top:93px;left:42px;transform:rotate(-13deg);background:#e5dced;padding:35px 24px;gap:15px}
.page-back span{height:6px;width:79%;border-radius:9px;background:#bfb2ca}
.page-back span:nth-child(2){width:61%}.page-back span:nth-child(3){width:71%}
.page-back b{align-self:flex-end;margin-top:auto;font-size:45px;line-height:1;color:#9885a5;font-weight:400}
.page-front{width:235px;height:303px;top:103px;left:169px;transform:rotate(5deg);padding:33px 27px;background:var(--white);border-left:6px solid #f1dfbd}
.page-label{font-size:8px;letter-spacing:1.3px;color:#8a927d;font-weight:750}
.page-front strong{font-family:var(--serif);font-size:34px;line-height:1.12;font-weight:400;letter-spacing:-.8px;margin-top:25px;color:#294f3d}
.page-equation{display:flex;align-items:center;gap:10px;margin:27px 0 15px;color:#596955}
.page-equation span{width:31px;height:31px;display:grid;place-items:center;border-radius:9px;background:#e9efe3;font-family:var(--serif);font-size:20px}
.page-equation span:nth-of-type(2){background:#f2ead8}
.page-equation i{height:1px;flex:1;background:#cdd4c8}
.page-front small{font-size:10px;color:#858b7f}
.art-spark{position:absolute;color:#a0a265;line-height:1}
.spark-a{top:48px;left:159px;font-size:44px;transform:rotate(12deg)}
.spark-b{right:21px;top:128px;color:#c99f5b;font-size:34px;transform:rotate(10deg)}
.art-leaf{position:absolute;width:59px;height:94px;background:#a7b587;border-radius:90% 4% 85% 4%;transform:rotate(24deg)}
.leaf-a{bottom:80px;right:48px}
.leaf-b{width:37px;height:68px;bottom:53px;right:15px;background:#c7d0ae;transform:rotate(60deg)}
.art-dot{position:absolute;bottom:87px;left:105px;width:13px;height:13px;border-radius:50%;background:#c49f63;box-shadow:0 0 0 7px #f3ead8}
.art-caption{position:absolute;right:0;bottom:26px;display:flex;align-items:center;gap:11px;padding:12px 17px 12px 12px;border:1px solid #e1e4d8;border-radius:14px;background:#fffefaee;box-shadow:0 12px 30px #344c3710;backdrop-filter:blur(8px)}
.caption-icon{display:grid;place-items:center;width:32px;height:32px;border-radius:10px;background:#e8eee1;color:var(--forest);font-size:17px}
.art-caption b,.art-caption small{display:block}
.art-caption b{font-family:var(--serif);font-size:14px;font-weight:400;color:#3b5141}
.art-caption small{font-size:9px;color:#81877a}
.hero-bottomline{position:absolute;left:42px;bottom:31px;display:flex;align-items:center;gap:13px;color:#7b8276;text-transform:uppercase;font-size:9px;letter-spacing:1.4px}
.hero-bottomline i{height:3px;width:3px;border-radius:50%;background:#a1a689}
.section-wrap{max-width:1320px;margin:0 auto;padding:96px 42px 105px}
.proposal{border-top:1px solid var(--line)}
.section-heading{display:grid;grid-template-columns:1.1fr .6fr;gap:90px;align-items:end;margin-bottom:44px}
.section-heading .eyebrow{margin-bottom:17px}
.section-heading h2,.social h2{font-family:var(--serif);font-size:clamp(36px,4vw,52px);font-weight:400;line-height:1.1;letter-spacing:-1.7px;margin:0;max-width:700px}
.section-aside{max-width:365px;color:#5e6b61;font-size:13px;line-height:1.8;margin:0 0 3px}
.feature-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:16px}
.feature-card{grid-column:span 2;min-height:275px;padding:23px 24px 22px;border:1px solid #e2e5db;border-radius:20px;background:#fbfaf6;display:flex;flex-direction:column;align-items:flex-start;transition:transform .2s,box-shadow .2s}
.feature-card:hover{transform:translateY(-3px);box-shadow:0 13px 30px #344c370d}
.feature-card:nth-child(4){grid-column:2/span 2}
.feature-card:nth-child(5){grid-column:4/span 2}
.feature-learning{background:#f0edf3}.feature-organize{background:#f0f2ea}.feature-care{background:#f5f0e5}.feature-community{background:#f2ebe4}.feature-location{background:#eaf0e9}
.feature-top{display:flex;width:100%;align-items:flex-start;justify-content:space-between;margin-bottom:24px}
.feature-icon{width:47px;height:47px;display:grid;place-items:center;border-radius:15px;background:#fffefacc;color:var(--forest);font-family:var(--serif);font-size:22px;box-shadow:0 2px 9px #344c370a}
.feature-number{color:#5e6b61;font-size:9px;letter-spacing:1.2px}
.icon-calendar{position:relative;border:1px solid #e3e6dc;font-family:var(--serif);font-size:13px}
.icon-calendar::before{content:"";position:absolute;top:13px;left:0;right:0;border-top:1px solid #dfe3d7}
.icon-calendar>span{margin-top:9px}
.icon-shield{width:42px;height:45px;clip-path:path("M 21 0 L 40 7 L 38 27 Q 34 40 21 45 Q 8 40 4 27 L 2 7 Z");border-radius:0;background:#fffefacc;font-size:17px}
.icon-message{font-family:var(--serif);font-size:29px;letter-spacing:2px;padding-bottom:9px}
.icon-location{position:relative}
.icon-location::before{content:"";width:18px;height:18px;border:2px solid var(--forest);border-radius:50% 50% 50% 0;transform:rotate(-45deg);position:absolute;top:12px}
.icon-location span{position:relative;z-index:1;width:5px;height:5px;border-radius:50%;background:#ad9d62;margin-top:-3px}
.feature-card h3{font-family:var(--serif);font-size:22px;font-weight:400;margin:0 0 9px;letter-spacing:-.3px}
.feature-card p{color:#5e6b61;font-size:12px;line-height:1.75;margin:0 0 17px;max-width:340px}
.status-note{display:flex;align-items:center;gap:7px;color:#5e6b61;font-size:9px;line-height:1.4;margin-top:auto}
.status-note i{width:6px;height:6px;border-radius:50%;background:#a49c6d;flex:none}
.social{max-width:1236px;min-height:430px;margin:0 auto 80px;padding:58px 76px;display:grid;grid-template-columns:.85fr 1.15fr;gap:75px;align-items:center;position:relative;overflow:hidden;border-radius:30px;background:#e8ecdf}
.social-copy{position:relative;z-index:1;max-width:590px}
.social-copy .eyebrow{margin-bottom:17px}
.social h2{font-size:48px;margin-bottom:22px}
.social-copy>p:not(.eyebrow){color:#56645a;font-size:13px;line-height:1.85;margin:0 0 14px}
.social-copy .text-link{margin-top:10px}
.social-art{height:275px;position:relative;max-width:380px;width:100%;justify-self:center}
.social-circle{position:absolute;border:1px solid #c9d5bf;border-radius:50%}
.circle-large{inset:12px 20px 1px 16px}
.circle-small{inset:39px 46px 29px 45px;background:#dce5d1}
.social-book{position:absolute;top:54px;left:116px;width:148px;height:177px;border-radius:6px 17px 17px 6px;border-left:7px solid #d6c99e;background:#fffcf3;box-shadow:0 19px 30px #344c3718;transform:rotate(-8deg);display:flex;flex-direction:column;gap:12px;padding:32px 24px}
.social-book span{height:5px;border-radius:5px;background:#dfe3d8}
.social-book span:nth-child(2){width:74%}.social-book span:nth-child(3){width:88%}
.social-star{position:absolute;top:15px;right:57px;font-size:44px;color:#8a996b}
.social-leaf{position:absolute;width:50px;height:85px;left:42px;bottom:23px;border-radius:90% 4% 85% 4%;background:#9ead80;transform:rotate(-25deg)}
.demo-note{max-width:1236px;margin:0 auto 66px;padding:19px 24px;display:flex;align-items:center;gap:15px;background:#fffefa;border:1px solid #e3e6dc;border-radius:16px}
.demo-note-icon{display:grid;place-items:center;flex:none;width:27px;height:27px;border-radius:50%;background:#eceddf;color:#677451;font-family:var(--serif);font-size:17px;font-style:italic}
.demo-note p{flex:1;color:#697469;font-size:10px;line-height:1.65;margin:0}
.demo-note p strong{color:#405347;font-weight:700}
.demo-note>a{flex:none;color:var(--forest);font-size:10px;font-weight:700;white-space:nowrap}
.site-footer{max-width:1320px;margin:0 auto;padding:22px 42px 30px;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:20px}
.footer-wordmark{font-size:19px;gap:7px}.footer-wordmark .brand-mark{width:27px;height:27px}
.site-footer p,.copyright{color:#56645a;font-size:10px;margin:0}
@media(max-width:1000px){.site-header{padding:0 28px}.hero{padding:70px 28px 62px;grid-template-columns:minmax(0,1fr) minmax(330px,.8fr);gap:5px;min-height:610px}.hero h1{font-size:clamp(44px,6vw,61px)}.hero-art{transform:scale(.88);transform-origin:center center;margin-left:-15px}.hero-bottomline{left:28px}.section-wrap{padding-left:28px;padding-right:28px}.section-heading{gap:45px}.feature-grid{gap:12px}.feature-card{padding:21px;min-height:290px}.social{margin-left:28px;margin-right:28px;padding:50px;gap:40px}.demo-note{margin-left:28px;margin-right:28px}.site-footer{padding-left:28px;padding-right:28px}}
@media(max-width:760px){.site-header{height:72px;padding:0 20px;gap:12px}.wordmark{font-size:24px;gap:8px}.brand-mark{width:34px;height:34px}.main-nav{display:none}.header-cta{margin-left:auto;padding:9px 15px;font-size:11px;min-height:42px}.hero{min-height:auto;padding:65px 22px 62px;display:flex;flex-direction:column;align-items:stretch;gap:2px}.hero::before{width:500px;height:500px;top:380px;right:-180px}.hero-copy{padding:0}.eyebrow{font-size:9px;letter-spacing:1.35px;margin-bottom:18px}.hero h1{font-size:clamp(44px,11vw,60px);line-height:1.04;letter-spacing:-2.3px;max-width:600px;margin-bottom:18px}.hero-intro{font-size:14px;line-height:1.7;max-width:520px;margin-bottom:22px}.hero-actions{gap:19px}.button{min-height:48px;padding:12px 17px}.hero-note{font-size:10px;margin-top:17px}.hero-art{height:360px;max-width:420px;transform:scale(.78);transform-origin:top center;margin:24px auto -75px}.art-caption{right:3px}.hero-bottomline{left:22px;bottom:23px;font-size:8px;gap:10px}.section-wrap{padding:68px 22px 75px}.section-heading{grid-template-columns:1fr;gap:14px;margin-bottom:27px}.section-heading h2,.social h2{font-size:39px}.section-aside{max-width:500px;font-size:12px}.feature-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.feature-card{grid-column:auto!important;min-height:275px;padding:18px 17px}.feature-card:nth-child(5){grid-column:1/-1!important;min-height:240px}.feature-top{margin-bottom:18px}.feature-icon{width:42px;height:42px;border-radius:13px}.feature-card h3{font-size:20px}.feature-card p{font-size:11px}.status-note{font-size:8px}.social{min-height:0;margin:0 16px 44px;padding:30px 24px;grid-template-columns:1fr;gap:14px;border-radius:24px}.social-art{height:225px;max-width:330px;order:2;transform:scale(.84);transform-origin:center top;margin:4px auto -30px}.social-copy{order:1}.social h2{font-size:39px;margin-bottom:17px}.social-copy>p:not(.eyebrow){font-size:12px}.demo-note{margin:0 16px 42px;padding:17px;align-items:flex-start;flex-wrap:wrap;gap:10px 12px}.demo-note-icon{width:24px;height:24px}.demo-note p{flex-basis:calc(100% - 38px);font-size:10px}.demo-note>a{margin-left:36px}.site-footer{padding:18px 22px 25px;gap:10px;flex-wrap:wrap}.site-footer p{order:3;flex-basis:100%}.copyright{margin-left:auto}}
@media(max-width:390px){.site-header{padding:0 16px}.wordmark{font-size:22px}.brand-mark{width:31px;height:31px}.header-cta{padding:8px 12px}.hero{padding-left:17px;padding-right:17px}.hero h1{font-size:43px}.hero-art{transform:scale(.68);height:320px;margin-bottom:-105px}.hero-bottomline{left:17px;font-size:7px;letter-spacing:1px}.section-wrap{padding-left:17px;padding-right:17px}.section-heading h2,.social h2{font-size:35px}.feature-grid{grid-template-columns:1fr}.feature-card,.feature-card:nth-child(5){grid-column:1!important;min-height:230px}.feature-top{margin-bottom:14px}.social{margin-left:10px;margin-right:10px;padding:27px 20px}.social-art{transform:scale(.75);margin-bottom:-45px}.demo-note{margin-left:10px;margin-right:10px}.site-footer{padding-left:17px;padding-right:17px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important}}

.footer-legal{display:flex;gap:16px;font-size:10px}
.footer-legal a{color:var(--forest);font-weight:700}
.footer-legal a:hover{text-decoration:underline}
@media(max-width:760px){.footer-legal{order:2;gap:14px}.site-footer .copyright{order:1}}