@media (width<=560px){.navlink{display:none}}.btn-lg{min-height:52px;padding:12px 28px;font-size:18px}.hero{padding-block:36px 76px}.hero-grid{z-index:1;grid-template-columns:.9fr 1.1fr;align-items:center;gap:32px;display:grid;position:relative}@media (width<=820px){.hero-grid{grid-template-columns:1fr}}.hero h1{text-wrap:initial;font-size:clamp(28px,3.6vw,40px);line-height:1.35}.hero-title-accent{font-size:.86em;display:block}.hero .lead{max-width:46ch;font-size:clamp(16px,2.3vw,19px);line-height:1.8}.hero-text{gap:14px}.hero-preview-link{color:var(--sky-ink);text-underline-offset:5px;padding-block:10px;font-weight:600}.ref-banner{background:var(--surface);color:var(--ink);border-radius:var(--r);box-shadow:var(--shadow);max-width:560px;padding:12px 16px}.island{min-width:0;color:var(--ink);gap:12px;padding:14px;display:grid}.island-heading{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:6px;display:flex}.island-map{border-radius:var(--r-sm);background:var(--sea-soft);position:relative;overflow:hidden}.island-svg{width:100%;height:auto;display:block}.island-svg .map-sun{fill:var(--sun);opacity:.65}.island-svg .ocean-line{fill:none;stroke:var(--sea);stroke-width:3px;stroke-linecap:round}.island-svg .shallow{fill:var(--foam);opacity:.35}.island-svg .island-shadow{fill:var(--sea);opacity:.45}.island-svg .beach{fill:var(--sand);stroke:var(--sun-2);stroke-width:2px}.island-svg .terrain{fill:var(--ok-soft)}.island-svg .meadow{fill:var(--mid-soft);opacity:.7}.island-svg .river{fill:none;stroke:var(--foam);stroke-width:16px;stroke-linecap:round}.island-svg .trail-edge{fill:none;stroke:var(--sand);stroke-width:13px}.island-svg .trail{fill:none;stroke:var(--sun-2);stroke-width:4px;stroke-dasharray:3 9;stroke-linecap:round}.island-svg .bridge{fill:none;stroke:var(--mid);stroke-width:4px;stroke-linecap:round}.island-svg .tree-trunk{fill:none;stroke:var(--mid);stroke-width:3px}.island-svg .tree-leaf{fill:var(--ok)}.island-svg .boat-hull{fill:var(--sun)}.island-svg .sail{fill:var(--surface)}.island-svg .flag{fill:var(--brand-sun)}.island-svg .compass{fill:var(--sea-ink);text-anchor:middle;font:600 12px var(--font-mono)}.landmark{--place-color:var(--sea-ink);--place-soft:var(--sea-soft)}.landmark.tone-sun{--place-color:var(--sun-ink);--place-soft:var(--sun-soft)}.landmark.tone-ok{--place-color:var(--ok);--place-soft:var(--ok-soft)}.landmark.tone-mid{--place-color:var(--mid);--place-soft:var(--mid-soft)}.landmark .place-base{fill:var(--sand);stroke:var(--sun-2);stroke-width:1.5px}.landmark.selected .place-base{stroke:var(--sea-ink);stroke-width:3px;stroke-dasharray:4 5}.landmark .place-building{transition:opacity .3s,transform .3s}.landmark[data-level=none] .place-building{opacity:.38}.landmark[data-level=low] .place-building{opacity:.65}.landmark .building{fill:var(--place-soft);stroke:var(--place-color);stroke-width:2.5px;stroke-linejoin:round}.landmark .roof{fill:var(--place-color);stroke:var(--place-color);stroke-width:2px;stroke-linejoin:round}.landmark .window{fill:var(--foam);stroke:var(--place-color);stroke-width:2px}.landmark .door{fill:var(--place-color)}.landmark .detail{fill:none;stroke:var(--place-color);stroke-width:2.5px;stroke-linecap:round}.landmark .sprout{fill:var(--ok);stroke:var(--ok);stroke-width:2px}.landmark .pond-edge{fill:var(--ok)}.landmark .pond-water{fill:var(--foam)}.landmark .flower{fill:var(--sun)}.landmark .mountain-back{fill:var(--sea)}.landmark .mountain-front{fill:var(--mid)}.landmark .snow{fill:var(--sand)}.landmark .growth{opacity:0;transition:opacity .4s}.landmark[data-level=ok] .growth{opacity:1}.map-stop{white-space:nowrap;border:1px solid var(--line);background:var(--surface);min-height:44px;color:var(--ink);font:600 clamp(11px, 1.1vw, 13px)/1.2 var(--font-body);cursor:pointer;box-shadow:var(--shadow);border-radius:999px;padding:3px 9px;position:absolute;transform:translate(-50%,-50%)}.map-stop[aria-pressed=true]{border:2px solid var(--sea-ink)}.map-stop:hover{background:var(--sea-soft)}.stop-index,.island-topic-key{display:none}.stop-symbol{color:var(--ink-2);font-size:15px}.map-stop[data-level=ok] .stop-symbol{color:var(--ok)}.map-stop[data-level=mid] .stop-symbol{color:var(--mid)}.map-stop[data-level=low] .stop-symbol{color:var(--low)}.map-caption{bottom:8px;text-align:center;color:var(--sea-ink);font-size:12px;position:absolute;inset-inline:8px}.island-stages{background:var(--surface-2);border-radius:var(--r-sm);grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;padding:4px;display:grid}.island-stages button{min-height:44px;color:var(--ink-2);cursor:pointer;background:0 0;border:0;border-radius:8px;padding:6px 2px;font-size:13px}.island-stages button[aria-pressed=true]{background:var(--surface);color:var(--sea-ink);box-shadow:var(--shadow);font-weight:600}.island-detail{border:1px solid var(--line);border-radius:var(--r-sm);gap:5px;min-height:100px;padding:12px;display:grid}.hero .place-hint{color:var(--ink-2)}.island-footer{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;display:flex}.island-grow{min-height:44px;color:var(--sea-ink);cursor:pointer;background:0 0;border:0;padding:8px 0;font-size:13px;font-weight:600}.island-grow:disabled{color:var(--ok);cursor:default}.hero .island-disclaimer{color:var(--ink-2);font-size:12px}#learning-preview{scroll-margin-top:90px}.preview-heading{justify-items:start;gap:10px;display:grid}.learning-flow{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.learning-step{align-content:start;gap:12px;display:grid}.learning-step>h3{margin-bottom:0}.learning-step>p{font-size:15px}.study-visual{border-radius:var(--r-sm);background:var(--sea-soft);align-content:start;gap:10px;height:195px;padding:14px;display:grid}.mock-topic{color:var(--sea-ink);font-size:12px;font-weight:600}.mock-line{background:var(--sea);opacity:.5;border-radius:8px;height:7px;margin-top:4px}.mock-line.short{width:65%;margin:0}.mock-answer{background:var(--surface);border:1px solid var(--sea);border-radius:8px;justify-content:space-between;padding:8px;font-size:13px;display:flex}.mock-answer span{color:var(--ok)}.mock-confidence{gap:6px;font-size:11px;display:flex}.mock-confidence span{background:var(--surface);border-radius:99px;padding:3px 8px}.mock-confidence span:first-child{background:var(--sea);color:var(--on-sea)}.explanation-visual{background:var(--ok-soft)}.explanation-visual .mock-topic{color:var(--ok)}.mock-explanation{align-items:center;gap:8px;font-size:13px;display:flex}.mock-explanation b{background:var(--surface);width:26px;height:26px;color:var(--ok);border-radius:50%;flex-shrink:0;place-items:center;display:grid}.notebook-visual{background:repeating-linear-gradient(transparent 0 27px, var(--line) 27px 28px), var(--sand)}.notebook-visual .mock-topic{color:var(--mid)}.mock-handwriting{font:italic 600 23px/1.6 var(--font-display);color:var(--sea-ink);padding-inline:8px;transform:rotate(-4deg)}.mock-note-tag{color:var(--mid);font-size:11px}@media (width<=820px){.hero{padding-top:24px}.hero-grid{gap:20px}.hero-text{gap:12px}.hero-text .lead{max-width:60ch}.island{justify-self:center;width:100%;max-width:580px}.map-stop{font-size:13px}.learning-flow{grid-template-columns:1fr}.study-visual{height:195px}}@media (width<=380px){.hero h1{font-size:26px}.map-stop{padding-inline:6px;font-size:11px}.island-stages button{font-size:11px}}@media (width<=560px){.map-stop{width:44px;height:44px;padding:0}.map-stop .stop-name,.map-stop .stop-symbol,.map-caption{display:none}.stop-index{font:700 15px var(--font-display);display:inline}.map-stop[data-level=ok]{background:var(--ok-soft);color:var(--ok)}.island-topic-key{color:var(--ink-2);grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;margin:0;padding:0;font-size:13px;list-style:none;display:grid}.island-topic-key b{background:var(--sea-soft);width:22px;height:22px;color:var(--sea-ink);border-radius:50%;place-items:center;display:inline-grid}.privacy .grid2{grid-template-columns:minmax(0,1fr)}}.landing{gap:40px;padding-block:24px 64px;display:grid}.landing h2{margin-bottom:4px}.steps{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px;margin:0;padding:0;list-style:none;display:grid}.steps li{gap:6px;display:grid}.steps b{background:var(--sea-soft);width:36px;height:36px;color:var(--sea-ink);font:700 18px var(--font-display);border-radius:50%;place-items:center;display:grid}.features{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px;display:grid}.features .card{align-content:start;gap:8px;display:grid}.features .pill{justify-self:start}.privacy{gap:10px;display:grid}.privacy ul{margin:6px 0 0;padding-inline-start:20px}.privacy li{margin-block:4px}.prices{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px;display:grid}.price{align-content:start;gap:6px;display:grid}.price.best{border:2px solid var(--sun)}.price .pill{justify-self:start}.founding{background:var(--sun-soft);border-color:#0000;gap:4px;display:grid}.referral{background:var(--sea-soft);border-color:#0000;gap:8px;display:grid}details.card summary{cursor:pointer;font:600 17px var(--font-display);list-style-position:inside}details.card p{margin-top:8px}.cta-end{text-align:center;justify-items:center;gap:10px;display:grid}.footer{border-top:1px solid var(--line);padding-block:20px calc(20px + env(safe-area-inset-bottom))}.footer .row{justify-content:space-between}