:root{
  --paper:#f8f1e4; --paper-2:#fffaf1; --ink:#26312e; --muted:#667069; --brick:#a85f42; --brick-dark:#77432f; --stone:#d8c9ad; --glass:rgba(255,250,241,.72); --line:rgba(119,67,47,.22); --glow:#62d7ff; --mint:#80f0c8; --shadow:0 24px 80px rgba(71,45,28,.13);
}
*{box-sizing:border-box} html{scroll-behavior:smooth} body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;color:var(--ink);background:radial-gradient(circle at 20% 0%, rgba(98,215,255,.18), transparent 32rem),linear-gradient(135deg,var(--paper),var(--paper-2));overflow-x:hidden}
body:before{content:"";position:fixed;inset:0;pointer-events:none;background:linear-gradient(90deg,rgba(119,67,47,.045) 1px,transparent 1px),linear-gradient(rgba(119,67,47,.035) 1px,transparent 1px);background-size:44px 44px;mask-image:linear-gradient(to bottom,#000,transparent 82%);z-index:-3}.orb{position:fixed;border-radius:999px;filter:blur(18px);opacity:.28;pointer-events:none;z-index:-2;animation:float 9s ease-in-out infinite}.orb-a{width:280px;height:280px;background:var(--glow);top:10%;right:8%}.orb-b{width:220px;height:220px;background:var(--mint);bottom:8%;left:5%;animation-delay:-4s}@keyframes float{50%{transform:translate3d(16px,-22px,0) scale(1.04)}}
.topbar{position:sticky;top:0;z-index:10;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:14px clamp(18px,4vw,54px);background:rgba(248,241,228,.72);backdrop-filter:blur(18px) saturate(150%);border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:10px;color:var(--ink);font-weight:800;text-decoration:none}.brand-mark{display:grid;place-items:center;width:34px;height:34px;border-radius:14px 6px 14px 6px;background:linear-gradient(135deg,var(--brick),var(--brick-dark));color:#fff;box-shadow:0 0 22px rgba(98,215,255,.25)}nav{display:flex;gap:8px;flex-wrap:wrap}nav a,.button{color:var(--ink);text-decoration:none;border:1px solid var(--line);border-radius:999px;padding:9px 14px;background:rgba(255,255,255,.42);font-size:14px}.button{display:inline-flex;font-weight:800;padding:13px 18px}.button.primary{background:var(--ink);color:#fff;box-shadow:0 0 28px rgba(98,215,255,.22)}.button.ghost:hover,nav a:hover{border-color:var(--brick);box-shadow:0 0 0 4px rgba(98,215,255,.11)}
main{width:min(1180px,calc(100% - 34px));margin:auto}.hero{position:relative;min-height:calc(100svh - 74px);display:grid;align-content:center;padding:80px 0 50px}.school-frame{position:absolute;inset:42px 0 auto auto;width:min(44vw,460px);height:310px;border:1px solid var(--line);border-radius:80px 18px 80px 18px;opacity:.55;overflow:hidden}.school-frame span{display:block;height:22px;margin:29px 0;background:linear-gradient(90deg,transparent,var(--brick),transparent);opacity:.55}.eyebrow{text-transform:uppercase;letter-spacing:.18em;font-size:12px;font-weight:900;color:var(--brick-dark);margin:0 0 14px}.hero h1{font-family:Georgia, 'Times New Roman', serif;font-size:clamp(46px,8vw,104px);line-height:.92;letter-spacing:-.06em;max-width:980px;margin:0;text-wrap:balance}.lead{font-size:clamp(18px,2vw,24px);line-height:1.45;color:var(--muted);max-width:760px;margin:24px 0}.hero-actions{display:flex;gap:12px;flex-wrap:wrap}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:44px}.stats-grid article,.app-card,.value-card,.container-wall,.closing{background:var(--glass);border:1px solid var(--line);border-radius:34px 12px 34px 12px;box-shadow:var(--shadow);backdrop-filter:blur(16px)}.stats-grid article{padding:22px}.stats-grid strong{display:block;font-family:Georgia,serif;font-size:clamp(28px,4vw,46px);color:var(--brick-dark)}.stats-grid span{color:var(--muted);font-weight:700}.section{padding:76px 0}.intro{display:grid;grid-template-columns:1fr 1fr;gap:36px;align-items:end;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}h2{font-family:Georgia,serif;font-size:clamp(34px,5vw,66px);line-height:.98;letter-spacing:-.045em;margin:0}h3{font-size:24px;line-height:1.08;margin:0 0 12px}.section p{line-height:1.65;color:var(--muted)}.section-head{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:24px}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.app-card{min-height:260px;padding:22px;position:relative;overflow:hidden;transition:transform .25s ease,box-shadow .25s ease}.app-card:before{content:"";position:absolute;inset:auto -20% -44% -20%;height:120px;background:radial-gradient(ellipse,var(--glow),transparent 68%);opacity:.18}.app-card:hover{transform:translateY(-5px);box-shadow:0 30px 90px rgba(71,45,28,.18),0 0 36px rgba(98,215,255,.12)}.app-card p{font-size:15px}.app-card a{position:absolute;bottom:20px;color:var(--brick-dark);font-weight:900}.status{display:inline-flex;border-radius:999px;background:rgba(128,240,200,.27);border:1px solid rgba(39,143,101,.22);padding:6px 10px;font-size:12px;font-weight:900;margin-bottom:18px}.status.private{background:rgba(98,215,255,.2)}.container-wall{display:grid;grid-template-columns:.8fr 1.2fr;gap:28px;padding:30px}.container-list{display:flex;flex-wrap:wrap;gap:10px;align-content:center}.container-list span{background:linear-gradient(135deg,#fff7e9,#ead8b8);border:1px solid var(--line);border-radius:18px 6px 18px 6px;padding:10px 12px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:13px;box-shadow:inset 0 -2px 0 rgba(119,67,47,.08)}.value-grid{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:16px}.value-card{padding:26px}.value-card.big{grid-row:span 2;background:linear-gradient(145deg,rgba(255,250,241,.86),rgba(168,95,66,.12))}.value-card h2,.value-card h3{color:var(--brick-dark)}.timeline ol{list-style:none;padding:0;margin:20px 0 0;display:grid;gap:12px}.timeline li{display:grid;grid-template-columns:150px 1fr;gap:16px;padding:18px 0;border-bottom:1px solid var(--line)}.timeline strong{font-family:Georgia,serif;font-size:26px;color:var(--brick-dark)}.timeline span{color:var(--muted);line-height:1.5}.closing{padding:44px;margin:50px 0 90px;text-align:center}.closing p{max-width:760px;margin:18px auto 0}.reveal{opacity:0;transform:translateY(18px);transition:opacity .7s ease,transform .7s ease}.reveal.visible{opacity:1;transform:none}

.cost-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.note{max-width:880px;margin:18px 0 0;color:var(--muted);font-weight:650}.privacy-section{display:grid;grid-template-columns:.75fr 1.25fr;gap:34px;align-items:start;background:linear-gradient(135deg,rgba(255,250,241,.8),rgba(128,240,200,.12));border:1px solid var(--line);border-radius:42px 14px 42px 14px;padding:34px;box-shadow:var(--shadow)}.privacy-copy p{font-size:18px;margin-top:0}.privacy-copy ul{margin:18px 0 0;padding:0;list-style:none;display:grid;gap:12px}.privacy-copy li{padding:14px 16px;background:rgba(255,255,255,.48);border:1px solid var(--line);border-radius:20px 8px 20px 8px;line-height:1.55}.opensource-section{padding:42px;background:var(--ink);color:#fff;border-radius:46px 14px 46px 14px;box-shadow:0 26px 90px rgba(38,49,46,.22),0 0 36px rgba(98,215,255,.13)}.opensource-section .eyebrow{color:#9cf7d7}.opensource-section p{color:rgba(255,255,255,.78);font-size:19px;max-width:850px}
@media(max-width:900px){.cost-grid,.privacy-section{grid-template-columns:1fr}}

@media(max-width:900px){.cards{grid-template-columns:repeat(2,1fr)}.stats-grid,.intro,.container-wall,.value-grid{grid-template-columns:1fr}.section-head{display:block}.school-frame{opacity:.25;width:70vw}.timeline li{grid-template-columns:1fr}.topbar{align-items:flex-start}.topbar nav{justify-content:flex-end}}@media(max-width:560px){main{width:min(100% - 22px,1180px)}.cards{grid-template-columns:1fr}.stats-grid{grid-template-columns:repeat(2,1fr)}.hero{padding-top:58px}.topbar{position:relative;display:block}.topbar nav{margin-top:10px;justify-content:flex-start}.app-card{min-height:230px}.value-card,.container-wall,.closing{border-radius:24px 10px}.hero h1{font-size:44px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.reveal{opacity:1;transform:none}}