.why{position:relative;background:var(--harbor-halo),var(--harbor-deep);padding:104px 0;overflow:hidden}.why-grid-bg{position:absolute;inset:0;opacity:.5;pointer-events:none}.why-inner{position:relative;z-index:2}.why-head{max-width:760px;margin-bottom:56px}.why-head .display-lg{font-size:46px;line-height:1.08;margin-bottom:20px}.why-head .display-lg .leak{color:var(--text2)}.why-body{display:grid;grid-template-columns:1.05fr 1.2fr;gap:64px;align-items:start}.problems{display:flex;flex-direction:column;gap:8px}.problem{display:grid;grid-template-columns:26px 1fr;gap:14px;padding:20px 4px;border-top:1px solid var(--harbor-line);align-items:start}.problem:last-child{border-bottom:1px solid var(--harbor-line)}.problem-mark{width:22px;height:22px;margin-top:2px;border-radius:50%;border:1.5px dashed rgba(139,144,153,.45);display:flex;align-items:center;justify-content:center;color:var(--text3)}.problem-claim{font-family:var(--font-display);font-weight:700;font-size:16.5px;color:var(--text);margin:0 0 5px;letter-spacing:-.01em}.problem-line{font-family:var(--font-body);font-size:14.5px;line-height:1.55;color:var(--text2);margin:0}.graphic-shell{position:sticky;top:24px;background:var(--harbor-ink);border:1px solid var(--harbor-line);border-radius:var(--r-lg);padding:24px 24px 22px}.pf-top{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px;flex-wrap:wrap}.pf-title{font-family:var(--font-display);font-weight:600;font-size:13px;color:var(--text2)}.pf-legend{display:flex;align-items:center;gap:14px}.pf-leg{display:flex;align-items:center;gap:6px;font-family:var(--font-display);font-size:11px;font-weight:500;color:var(--text2)}.pf-leg-dot{width:8px;height:8px;border-radius:50%}.field{display:grid;grid-template-columns:repeat(var(--cols, 16),1fr);gap:7px;margin:4px 0 6px}.dot{aspect-ratio:1 / 1;border-radius:50%;background-color:#8b909929;transition:background-color var(--dur-base) var(--ease)}.dot.on{background-color:var(--teal)}.pf-caption{font-family:var(--font-body);font-size:13.5px;line-height:1.5;color:var(--text2);margin:16px 0 0;min-height:40px}.pf-toggle{display:inline-flex;padding:4px;gap:4px;margin-top:4px;background:var(--harbor-deep);border:1px solid var(--harbor-line);border-radius:var(--r-pill)}.pf-toggle button{font-family:var(--font-display);font-size:13px;font-weight:600;color:var(--text2);background:transparent;border:none;cursor:pointer;padding:8px 16px;border-radius:var(--r-pill);transition:all var(--dur-base) var(--ease);white-space:nowrap}.pf-toggle button.active{background:var(--teal);color:#062014}.turn{position:relative;margin-top:64px;border:1px solid var(--teal-border);background:linear-gradient(180deg,var(--teal-bg),rgba(31,207,142,.02));border-radius:var(--r-lg);padding:48px 48px 44px;overflow:hidden}.turn-grid{position:absolute;inset:0;opacity:.4;pointer-events:none}.turn-inner{position:relative;z-index:2;max-width:760px}.turn-statement{font-family:var(--font-display);font-weight:800;font-size:36px;line-height:1.1;letter-spacing:-.02em;color:var(--text);margin:0 0 18px}.turn-statement .hl{color:var(--teal)}.turn-body{font-family:var(--font-body);font-size:17px;line-height:1.62;color:var(--text2);margin:0;max-width:680px}.turn-body strong{color:var(--text);font-weight:600}.turn-cta{margin-top:28px}@media(max-width:980px){.why-body{grid-template-columns:1fr;gap:36px}.graphic-shell{position:static}.field{--cols: 18 !important}}@media(max-width:760px){.why{padding:72px 0}.why-head .display-lg{font-size:33px}.turn{padding:32px 24px 30px}.turn-statement{font-size:27px}.turn-body{font-size:15.5px}.field{--cols: 14 !important}}@media(max-width:420px){.field{--cols: 11 !important}.turn-cta{white-space:normal;height:auto;min-height:48px;padding-top:12px;padding-bottom:12px;line-height:1.35}}.demo-frame:where(.astro-2hpdrbca){position:relative;display:block;width:100%;max-width:920px;margin:0 auto;aspect-ratio:16 / 9;padding:0;border:1px solid var(--harbor-line-strong);border-radius:var(--r-lg);overflow:hidden;cursor:pointer;background:radial-gradient(ellipse 60% 55% at 50% 0%,rgba(31,207,142,.16),transparent 60%),var(--harbor-ink);transition:border-color var(--dur-base) var(--ease),transform var(--dur-base) var(--ease)}.demo-frame:where(.astro-2hpdrbca):hover{border-color:var(--teal-border);transform:translateY(-2px)}.demo-frame:where(.astro-2hpdrbca):focus-visible{outline:2px solid var(--teal);outline-offset:3px}.demo-grid:where(.astro-2hpdrbca){position:absolute;inset:0;opacity:.5;pointer-events:none}.demo-poster:where(.astro-2hpdrbca){position:absolute;inset:0;width:100%;height:100%;object-fit:cover;pointer-events:none}.demo-scrim:where(.astro-2hpdrbca){position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse 55% 55% at 50% 50%,rgba(6,10,14,.4),transparent 68%)}.demo-play:where(.astro-2hpdrbca){position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:76px;height:76px;border-radius:50%;display:flex;align-items:center;justify-content:center;padding-left:4px;color:#062014;background:var(--teal);box-shadow:0 0 0 8px #1fcf8e24,0 12px 40px #1fcf8e4d;transition:transform var(--dur-base) var(--ease)}.demo-frame:where(.astro-2hpdrbca):hover .demo-play:where(.astro-2hpdrbca){transform:translate(-50%,-50%) scale(1.06)}.demo-meta:where(.astro-2hpdrbca){position:absolute;left:16px;bottom:14px;display:inline-flex;align-items:center;gap:8px;font-family:var(--font-display);font-size:13px;font-weight:600;color:var(--text);background:#0a0c1099;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);border:1px solid var(--harbor-line);border-radius:var(--r-pill);padding:7px 13px}.demo-meta-dot:where(.astro-2hpdrbca){width:7px;height:7px;border-radius:50%;background:var(--teal);box-shadow:0 0 8px var(--teal)}@media(max-width:760px){.demo-play:where(.astro-2hpdrbca){width:60px;height:60px}.demo-frame:where(.astro-2hpdrbca):hover{transform:none}}#demo .demo-embed{width:100%;max-width:920px;margin:0 auto;aspect-ratio:16 / 9;border:1px solid var(--harbor-line-strong);border-radius:var(--r-lg);overflow:hidden;display:block}#demo .demo-embed iframe{width:100%;height:100%;border:0;display:block}