:root {
  color-scheme: dark;
  --ink: #eff8f2;
  --muted: #a4b6af;
  --dim: #62746e;
  --base: #050a0b;
  --panel: rgba(12, 22, 23, .68);
  --panel-strong: rgba(13, 27, 27, .94);
  --line: rgba(207, 255, 230, .13);
  --purple: #b9ef76;
  --cyan: #6bd9ff;
  --amber: #ffc477;
  --green: #88f5b4;
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  background: var(--base);
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; background: var(--base); }
body { min-width: 320px; margin: 0; overflow-x: hidden; background: radial-gradient(ellipse 80% 46% at 50% -10%, #132721 0%, #050a0b 63%); color: var(--ink); }
body::before { position: fixed; inset: 0; z-index: 0; pointer-events: none; content: ""; opacity: .19; background-image: linear-gradient(rgba(166,255,209,.045) 1px, transparent 1px), linear-gradient(90deg, rgba(166,255,209,.035) 1px, transparent 1px); background-size: 52px 52px; mask-image: linear-gradient(to bottom, black, transparent 72%); }
a { color: inherit; text-decoration: none; }
button { font: inherit; }
.shell { width: min(1180px, calc(100% - 48px)); margin-inline: auto; }
.aurora { position: fixed; z-index: 0; width: 56vw; height: 42vw; filter: blur(80px); opacity: .17; pointer-events: none; }
.aurora-a { top: -18vw; left: -8vw; background: #b8f56a; transform: rotate(-18deg); }
.aurora-b { top: 23vw; right: -23vw; background: #3bbff5; opacity: .11; transform: rotate(27deg); }
.grain { position: fixed; inset: 0; z-index: 8; opacity: .032; pointer-events: none; background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.88'/%3E%3C/svg%3E"); }

.site-header { position: relative; z-index: 2; display: flex; align-items: center; justify-content: space-between; height: 86px; border-bottom: 1px solid rgba(219,255,231,.09); backdrop-filter: blur(14px); }
.brand { display: inline-flex; align-items: center; gap: 11px; font-size: 18px; font-weight: 720; letter-spacing: -.04em; }
.brand > span:last-child > span { color: var(--purple); }
.brand-mark { position: relative; display: grid; grid-template-columns: repeat(2, 7px); grid-template-rows: repeat(2, 7px); gap: 2px; width: 22px; height: 22px; transform: rotate(45deg); }
.brand-mark i { display: block; background: linear-gradient(135deg, #e3ffab, #72cf96); box-shadow: 0 0 12px rgba(132, 238, 165, .42); }
.brand-mark i:nth-child(1) { grid-column: 1 / span 2; width: 7px; justify-self: center; background: #7ce4ff; }
.brand-mark i:nth-child(3) { grid-column: 1 / span 2; width: 7px; justify-self: center; background: #a985ff; }
.site-header nav { display: flex; gap: 29px; margin-left: auto; margin-right: 29px; }
.site-header nav a { color: var(--muted); font-size: 13px; transition: color .18s ease; }
.site-header nav a:hover { color: var(--ink); }
.header-download { padding: 9px 15px; clip-path: polygon(7px 0, 100% 0, 100% calc(100% - 7px), calc(100% - 7px) 100%, 0 100%, 0 7px); background: linear-gradient(135deg, #d6ff84, #74c980); color: #082014; font-size: 13px; font-weight: 760; box-shadow: 0 10px 23px rgba(91, 219, 145, .22); }

.hero { position: relative; z-index: 1; display: grid; grid-template-columns: .87fr 1.13fr; align-items: center; min-height: 710px; padding: 92px 0 78px; gap: 58px; }
.eyebrow { display: flex; align-items: center; gap: 9px; margin: 0 0 22px; color: #c4f69a; font-size: 10px; font-weight: 760; letter-spacing: .15em; text-transform: uppercase; }
.eyebrow span { width: 6px; height: 6px; background: var(--cyan); box-shadow: 0 0 12px var(--cyan); transform: rotate(45deg); }
h1, h2, h3, p { margin-top: 0; }
h1 { max-width: 590px; margin-bottom: 25px; font-size: clamp(50px, 5.1vw, 82px); line-height: .98; letter-spacing: -.075em; font-weight: 680; }
h1 em { font-family: ui-serif, Georgia, serif; font-weight: 500; color: #c7f58a; letter-spacing: -.08em; }
.hero-summary { max-width: 520px; color: var(--muted); font-size: 16px; line-height: 1.65; }
.hero-actions { display: flex; align-items: center; flex-wrap: wrap; gap: 24px; margin-top: 35px; }
.download-button { display: flex; gap: 13px; align-items: center; min-width: 238px; padding: 13px 17px 13px 13px; clip-path: polygon(12px 0, 100% 0, 100% calc(100% - 12px), calc(100% - 12px) 100%, 0 100%, 0 12px); background: linear-gradient(135deg, #d9ff8b, #75ce81 54%, #3a9e83); color: #062016; box-shadow: 0 17px 45px rgba(74, 213, 141, .28), inset 0 1px rgba(255,255,255,.4); transition: transform .2s ease, box-shadow .2s ease; }
.download-button:hover { transform: translateY(-2px); box-shadow: 0 23px 52px rgba(74, 213, 141, .42), inset 0 1px rgba(255,255,255,.45); }
.download-button b, .download-button small { display: block; }
.download-button b { font-size: 13px; letter-spacing: -.01em; }
.download-button small { margin-top: 3px; color: #255343; font-size: 10px; }
.download-icon { display: grid; place-items: center; width: 32px; height: 32px; clip-path: polygon(50% 0, 100% 50%, 50% 100%, 0 50%); background: rgba(255,255,255,.16); font-size: 21px; }
.quiet-link { display: inline-flex; gap: 7px; align-items: center; color: #c7ead3; font-size: 13px; font-weight: 600; }
.quiet-link span { color: var(--cyan); font-size: 17px; transition: transform .2s ease; }
.quiet-link:hover span { transform: translate(3px, 2px); }
.hero-meta { display: flex; gap: 26px; margin: 57px 0 0; }
.hero-meta div { padding-right: 24px; border-right: 1px solid var(--line); }
.hero-meta div:last-child { padding-right: 0; border: 0; }
.hero-meta dt { color: #dce1f2; font-size: 11px; font-weight: 720; }
.hero-meta dd { margin: 4px 0 0; color: var(--dim); font-size: 11px; }

.hero-visual { position: relative; min-height: 490px; perspective: 1200px; }
.window-glow { position: absolute; inset: 12% 7% 3%; background: radial-gradient(ellipse, rgba(117,78,255,.35), rgba(33,197,218,.12) 38%, transparent 70%); filter: blur(40px); }
.app-window { position: relative; top: 27px; width: 100%; overflow: hidden; clip-path: polygon(18px 0, 100% 0, 100% calc(100% - 18px), calc(100% - 18px) 100%, 0 100%, 0 18px); border: 1px solid rgba(205, 205, 255, .21); background: linear-gradient(125deg, rgba(29,31,49,.86), rgba(11,14,24,.97)); box-shadow: -20px 27px 60px rgba(0,0,0,.41), inset 0 1px rgba(255,255,255,.08); transform: rotateY(-6deg) rotateX(2deg); }
.window-topbar { display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; height: 44px; padding: 0 15px; border-bottom: 1px solid var(--line); background: rgba(255,255,255,.025); }
.window-traffic { display: flex; gap: 6px; }.window-traffic i { width: 8px; height: 8px; border-radius: 50%; background: #44475b; }.window-traffic i:first-child { background: #e7666f; }.window-traffic i:nth-child(2) { background: #eab563; }.window-traffic i:last-child { background: #59cb90; }
.window-title { color: #c5c9d8; font-size: 11px; font-weight: 650; }.window-status { justify-self: end; color: #778097; font-size: 10px; }.window-status i, .window-footer i { display: inline-block; width: 5px; height: 5px; margin-right: 5px; background: var(--green); box-shadow: 0 0 8px var(--green); transform: rotate(45deg); }
.command-line { display: flex; align-items: center; gap: 12px; height: 61px; padding: 0 20px; border-bottom: 1px solid var(--line); color: #d3d7e7; font-size: 14px; }.command-glyph { color: #a586ff; font-size: 20px; }.command-line kbd { margin-left: auto; color: #737a90; font-size: 10px; }
.command-content { display: grid; grid-template-columns: 1.45fr .78fr; min-height: 305px; }.command-results { padding: 15px; }.section-label { margin: 1px 5px 9px; color: #677087; font-size: 9px; font-weight: 750; letter-spacing: .13em; text-transform: uppercase; }.section-label.spaced { margin-top: 19px; }
.command-row { display: grid; grid-template-columns: 31px 1fr auto; gap: 10px; width: 100%; padding: 8px 9px; border: 1px solid transparent; background: none; color: var(--ink); text-align: left; }.command-row.selected { clip-path: polygon(5px 0, 100% 0, 100% calc(100% - 5px), calc(100% - 5px) 100%, 0 100%, 0 5px); border-color: rgba(153,117,255,.36); background: linear-gradient(90deg, rgba(121,78,236,.23), rgba(48,40,98,.1)); }.row-icon { display: grid; place-items: center; width: 28px; height: 28px; font-size: 14px; }.row-icon.purple { color: #c1afff; background: rgba(137,96,255,.18); }.row-icon.cyan { color: #75efff; background: rgba(48,207,229,.14); }.row-icon.amber { color: #ffcf86; background: rgba(235,168,81,.14); }.command-row b, .command-row small { display: block; }.command-row b { padding-top: 1px; font-size: 11px; font-weight: 660; }.command-row small { margin-top: 3px; color: #7d859b; font-size: 9px; }.command-row kbd { align-self: center; color: #747c90; font-size: 9px; }.tool-chips { display: flex; flex-wrap: wrap; gap: 5px; padding: 0 5px; }.tool-chips span { padding: 5px 7px; border: 1px solid rgba(255,255,255,.08); color: #9ca3b8; font-size: 9px; }
.command-aside { display: flex; flex-direction: column; justify-content: center; padding: 21px; border-left: 1px solid var(--line); background: linear-gradient(160deg, rgba(44,39,79,.37), rgba(9,14,23,.1)); }.aside-kicker { color: #9f83ff; font-size: 9px; font-weight: 750; letter-spacing: .11em; text-transform: uppercase; }.waveform { display: flex; align-items: center; gap: 3px; height: 39px; margin: 10px 0 3px; }.waveform i { width: 3px; background: linear-gradient(#64e9f2, #8a61ff); animation: pulse 1.1s ease-in-out infinite alternate; }.waveform i:nth-child(1), .waveform i:nth-child(9) { height: 10px; }.waveform i:nth-child(2), .waveform i:nth-child(7) { height: 25px; animation-delay: .3s; }.waveform i:nth-child(3), .waveform i:nth-child(8) { height: 16px; animation-delay: .15s; }.waveform i:nth-child(4), .waveform i:nth-child(6) { height: 34px; animation-delay: .5s; }.waveform i:nth-child(5) { height: 22px; animation-delay: .4s; }.command-aside p { margin: 7px 0 3px; color: #d9dcec; font-size: 11px; font-weight: 650; }.command-aside small { color: #788197; font-size: 9px; line-height: 1.45; }.window-footer { display: flex; justify-content: space-between; padding: 11px 15px; border-top: 1px solid var(--line); color: #737b90; font-size: 9px; }
@keyframes pulse { to { transform: scaleY(.38); opacity: .52; } }

.signal-strip { position: relative; z-index: 1; border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); background: rgba(255,255,255,.017); }.signal-strip > div { display: flex; align-items: center; justify-content: center; gap: 23px; min-height: 63px; color: #9198ac; font-size: 11px; letter-spacing: .07em; text-transform: uppercase; }.signal-strip i { width: 4px; height: 4px; background: #7958e6; transform: rotate(45deg); }

.workbench { position: relative; z-index: 1; padding: 143px 0; }.section-heading { display: grid; grid-template-columns: 1.15fr .85fr; column-gap: 50px; max-width: 925px; }.section-heading .eyebrow { grid-column: 1 / -1; }.section-heading h2, .install-copy h2, .privacy h2 { margin-bottom: 0; font-size: clamp(33px, 3.6vw, 53px); line-height: 1.06; letter-spacing: -.064em; font-weight: 650; }.section-heading > p:last-child { align-self: end; margin-bottom: 6px; color: var(--muted); font-size: 14px; line-height: 1.6; }
.feature-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 1px; margin-top: 67px; overflow: hidden; border: 1px solid var(--line); background: var(--line); clip-path: polygon(14px 0, 100% 0, 100% calc(100% - 14px), calc(100% - 14px) 100%, 0 100%, 0 14px); }.feature-card { position: relative; min-height: 318px; padding: 28px; overflow: hidden; background: linear-gradient(145deg, rgba(23,25,40,.93), rgba(12,14,24,.92)); }.feature-card::after { position: absolute; right: -10%; bottom: -33%; width: 55%; aspect-ratio: 1; content: ""; background: radial-gradient(circle, var(--card-glow), transparent 67%); opacity: .34; }.feature-notes { --card-glow: #8159ff; }.feature-writing { --card-glow: #37cde5; }.feature-builder { --card-glow: #ecb262; }.feature-dev { --card-glow: #7f90ff; }.card-top { display: flex; justify-content: space-between; }.card-index { color: #727a91; font-size: 10px; font-weight: 750; }.card-icon { display: grid; place-items: center; width: 29px; height: 29px; border: 1px solid rgba(255,255,255,.13); color: #c3b1ff; font-size: 15px; }.feature-card h3 { position: relative; z-index: 1; margin: 44px 0 10px; font-size: 18px; letter-spacing: -.045em; }.feature-card > p { position: relative; z-index: 1; max-width: 370px; color: #9299ae; font-size: 12px; line-height: 1.6; }.note-preview, .rewrite-preview, .extension-preview, .terminal-preview { position: absolute; z-index: 1; right: 28px; bottom: 28px; left: 28px; padding: 14px; border: 1px solid rgba(255,255,255,.11); background: rgba(5,7,14,.4); font-size: 10px; }.note-preview span { display: block; color: #817caa; font-size: 9px; }.note-preview b { display: block; margin-top: 6px; font-size: 12px; }.note-preview div { display: flex; gap: 3px; margin-top: 11px; }.note-preview i { height: 2px; background: #8863eb; }.note-preview i:first-child { width: 59%; }.note-preview i:nth-child(2) { width: 27%; background: #5ad2df; }.note-preview i:nth-child(3) { flex: 1; background: #52596e; }.rewrite-preview { display: grid; gap: 7px; }.strike { color: #a0809b; text-decoration: line-through; }.rewrite { color: #82e7d6; }.extension-preview span, .extension-preview b, .extension-preview small { display: block; }.extension-preview span { color: #777e92; }.extension-preview b { margin: 4px 0; color: #e2c48a; }.extension-preview small { color: #898fa2; }.terminal-preview { color: #d0d6e5; font-family: ui-monospace, SFMono-Regular, Menlo, monospace; font-size: 9px; }.terminal-preview span { color: #64dbd3; }.terminal-preview i { margin-left: 8px; color: #b084ff; font-style: normal; }.terminal-preview em { color: #6fe09d; font-style: normal; }

.install-section { position: relative; z-index: 1; display: grid; grid-template-columns: 1.06fr .9fr; gap: 70px 70px; padding: 87px 0; border-top: 1px solid var(--line); }.install-copy > p:not(.eyebrow) { max-width: 500px; margin-top: 23px; color: var(--muted); font-size: 14px; line-height: 1.65; }.install-copy .quiet-link { margin-top: 7px; }.install-steps { display: grid; gap: 5px; margin: 19px 0 0; padding: 0; list-style: none; }.install-steps li { display: grid; grid-template-columns: 39px 1fr; gap: 15px; padding: 16px 0; border-bottom: 1px solid var(--line); }.install-steps li > span { color: #9c7aff; font-size: 11px; font-weight: 700; }.install-steps b { font-size: 13px; }.install-steps p { margin: 5px 0 0; color: #838ba0; font-size: 11px; }.release-card { grid-column: 1 / -1; display: grid; grid-template-columns: 1fr auto auto; gap: 24px; align-items: center; padding: 19px 22px; clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 10px), calc(100% - 10px) 100%, 0 100%, 0 10px); border: 1px solid rgba(148,114,248,.27); background: linear-gradient(105deg, rgba(73,47,146,.22), rgba(18,20,35,.44) 50%, rgba(26,110,122,.12)); }.release-card > div { display: flex; align-items: center; gap: 8px; color: #aca2d2; font-size: 10px; text-transform: uppercase; letter-spacing: .12em; }.release-pulse { width: 6px; height: 6px; background: var(--green); box-shadow: 0 0 12px var(--green); transform: rotate(45deg); }.release-card strong { color: #e7e7f4; font-size: 13px; }.release-card p { margin: 0; color: #8c93a8; font-size: 11px; }.release-card a { color: #bbabff; font-size: 11px; font-weight: 650; }

.privacy { position: relative; z-index: 1; display: grid; grid-template-columns: 99px 1.15fr .85fr; gap: 35px; align-items: center; padding: 83px 0 92px; border-top: 1px solid var(--line); }.privacy-mark { position: relative; width: 58px; height: 58px; border: 1px solid rgba(103,228,233,.36); transform: rotate(45deg); }.privacy-mark span { position: absolute; inset: 12px; border: 1px solid rgba(159,123,255,.62); }.privacy-mark i { position: absolute; top: 19px; left: 19px; width: 18px; height: 18px; background: linear-gradient(135deg, var(--cyan), var(--purple)); box-shadow: 0 0 25px rgba(84,211,234,.44); }.privacy h2 { font-size: clamp(29px, 3vw, 42px); }.privacy-copy { color: #939aae; font-size: 12px; line-height: 1.7; }.privacy-copy p { margin-bottom: 14px; }.privacy-copy a { color: #bdaaff; font-weight: 650; }
.site-footer { position: relative; z-index: 1; display: flex; align-items: center; justify-content: space-between; min-height: 93px; border-top: 1px solid var(--line); color: #737b90; font-size: 10px; }.site-footer .brand { color: var(--ink); font-size: 15px; }.site-footer > a:last-child { color: #a399c8; }

@media (max-width: 850px) { .site-header nav { display: none; }.hero { grid-template-columns: 1fr; gap: 20px; padding-top: 72px; }.hero-copy { max-width: 640px; }.hero-visual { min-height: 430px; }.app-window { transform: none; }.section-heading { grid-template-columns: 1fr; }.section-heading > p:last-child { margin-top: 20px; }.privacy { grid-template-columns: 75px 1fr; }.privacy-copy { grid-column: 2; }.install-section { grid-template-columns: 1fr; gap: 30px; }.install-steps { margin-top: 0; }.release-card { grid-template-columns: 1fr auto; }.release-card p { grid-column: 1; }.release-card a { justify-self: end; grid-column: 2; grid-row: 1 / span 2; } }
@media (max-width: 600px) { .shell { width: min(100% - 34px, 1180px); }.site-header { height: 70px; }.header-download { padding: 8px 11px; }.hero { min-height: 0; padding: 62px 0 53px; }.hero-meta { gap: 14px; margin-top: 36px; }.hero-meta div { padding-right: 14px; }.hero-meta dt, .hero-meta dd { font-size: 9px; }.hero-visual { min-height: 315px; }.app-window { top: 10px; }.command-content { grid-template-columns: 1fr; min-height: 0; }.command-aside { display: none; }.command-row small { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 190px; }.window-footer { font-size: 8px; }.window-footer span:last-child { display: none; }.signal-strip > div { gap: 9px; font-size: 8px; }.workbench { padding: 86px 0; }.feature-grid { grid-template-columns: 1fr; }.feature-card { min-height: 290px; }.install-section { padding: 65px 0; }.release-card { gap: 13px; padding: 16px; }.release-card p { font-size: 9px; }.privacy { grid-template-columns: 1fr; padding: 58px 0; }.privacy-mark { margin-left: 10px; }.privacy-copy { grid-column: 1; }.site-footer { flex-wrap: wrap; gap: 16px; padding: 24px 0; }.site-footer span { order: 3; flex-basis: 100%; }.site-footer > a:last-child { margin-left: auto; } }
@media (prefers-reduced-motion: reduce) { *, *::before, *::after { scroll-behavior: auto !important; animation: none !important; transition: none !important; } }

/* Launch page additions */
.tour,.why-section,.faq,.direction,.final-cta{position:relative;z-index:1;padding:124px 0;border-top:1px solid var(--line)}
.compact-heading{max-width:980px}.tour-stage{display:grid;grid-template-columns:260px 1fr;margin-top:58px;border:1px solid var(--line);background:rgba(7,13,16,.7);clip-path:polygon(14px 0,100% 0,100% calc(100% - 14px),calc(100% - 14px) 100%,0 100%,0 14px)}
.tour-tabs{display:flex;flex-direction:column;padding:10px;border-right:1px solid var(--line);background:rgba(255,255,255,.016)}.tour-tab{display:grid;grid-template-columns:28px 1fr;gap:10px;padding:18px 14px;border:0;border-left:2px solid transparent;background:transparent;color:var(--muted);text-align:left;cursor:pointer}.tour-tab:hover{background:rgba(255,255,255,.025);color:var(--ink)}.tour-tab.active{border-left-color:var(--cyan);background:linear-gradient(90deg,rgba(90,215,255,.1),transparent);color:var(--ink)}.tour-tab>b{color:#70827d;font:700 9px ui-monospace,monospace}.tour-tab span,.tour-tab small{display:block}.tour-tab span{font-size:12px;font-weight:700}.tour-tab small{margin-top:4px;color:var(--dim);font-size:9px;font-weight:500}
.tour-screen{min-height:410px}.tour-chrome{display:flex;justify-content:space-between;padding:14px 18px;border-bottom:1px solid var(--line);color:var(--dim);font-size:10px}.tour-chrome b{color:var(--muted)}.tour-chrome kbd{padding:2px 6px;border:1px solid var(--line)}.tour-content{padding:58px 9%}.tour-content h3{max-width:600px;margin:12px 0;font-size:clamp(28px,4vw,48px);line-height:1.02;letter-spacing:-.055em}.tour-content>p{max-width:570px;color:var(--muted);font-size:13px;line-height:1.7}.tour-kicker{color:var(--purple);font-size:9px;font-weight:800;letter-spacing:.15em;text-transform:uppercase}.tour-enter{animation:tour-in .32s ease-out}.tour-note,.tour-rewrite,.tour-wave,.tour-terminal{max-width:590px;margin-top:34px;padding:18px;border:1px solid rgba(160,255,220,.12);background:rgba(1,7,8,.5);box-shadow:0 20px 50px rgba(0,0,0,.2)}.tour-note span,.tour-note b{display:block}.tour-note span{color:var(--dim);font-size:9px}.tour-note b{margin:9px 0 17px}.tour-note i{display:block;width:82%;height:2px;margin-top:6px;background:#33443f}.tour-note i:last-child{width:57%}.tour-rewrite{display:grid;gap:12px;color:#9d8793;font-size:12px}.tour-rewrite b{color:#84e5c5}.tour-wave{display:flex;align-items:center;gap:5px;height:70px}.tour-wave i{width:3px;height:28px;background:linear-gradient(var(--cyan),#a47cff);animation:pulse .8s infinite alternate}.tour-wave i:nth-child(2n){height:43px;animation-delay:.2s}.tour-wave i:nth-child(3n){height:18px;animation-delay:.4s}.tour-wave span{margin-left:auto;color:var(--muted);font-size:10px}.tour-terminal{display:grid;gap:8px;font:11px ui-monospace,monospace}.tour-terminal span{color:var(--cyan)}.tour-terminal em{color:var(--green);font-style:normal}@keyframes tour-in{from{opacity:0;transform:translateY(6px)}}
.why-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1px;margin-top:58px;border:1px solid var(--line);background:var(--line)}.why-grid article{min-height:205px;padding:29px;background:rgba(12,19,21,.92)}.why-grid article span{color:#718078;font-size:9px;font-weight:800;letter-spacing:.14em;text-transform:uppercase}.why-grid article h3{margin:38px 0 10px;font-size:18px}.why-grid article p{max-width:470px;color:var(--muted);font-size:12px;line-height:1.65}.why-grid .why-answer{background:linear-gradient(135deg,rgba(37,67,58,.85),rgba(13,25,26,.94))}.why-grid .why-answer span{color:var(--purple)}
.privacy-points{display:flex;flex-wrap:wrap;gap:6px}.privacy-points span{padding:6px 8px;border:1px solid var(--line);color:#a9bdb5;font-size:9px}
.direction{display:grid;grid-template-columns:.7fr 1.5fr .6fr;gap:45px;align-items:start}.direction h2{margin:0;font-size:clamp(29px,3.4vw,47px);line-height:1.06;letter-spacing:-.06em}.direction p{margin-top:20px;color:var(--muted);font-size:13px;line-height:1.7}.direction>a{align-self:end;color:var(--purple);font-size:11px;font-weight:700}
.faq{display:grid;grid-template-columns:.75fr 1.25fr;gap:80px}.faq-intro h2{font-size:clamp(34px,4vw,55px);letter-spacing:-.065em}.faq-list details{border-top:1px solid var(--line)}.faq-list details:last-child{border-bottom:1px solid var(--line)}.faq-list summary{padding:20px 2px;color:#dbe9df;font-size:13px;font-weight:680;cursor:pointer;list-style:none}.faq-list summary::after{float:right;content:'+';color:var(--cyan);font-size:18px;font-weight:400}.faq-list details[open] summary::after{content:'−'}.faq-list details p{max-width:630px;padding:0 30px 18px 2px;color:var(--muted);font-size:12px;line-height:1.65}
.final-cta{text-align:center}.final-cta .eyebrow{justify-content:center}.final-cta h2{margin:0;font-size:clamp(45px,6vw,78px);letter-spacing:-.075em}.final-cta>p:not(.eyebrow){margin:18px auto 30px;color:var(--muted)}.final-cta .download-button{display:inline-flex;text-align:left}
.site-footer{min-height:240px;align-items:flex-start;padding:56px 0}.footer-brand p{margin:18px 0;color:var(--dim);line-height:1.6}.footer-links{display:flex;gap:90px}.footer-links div{display:grid;gap:11px}.footer-links b{margin-bottom:5px;color:#dce9df;font-size:10px}.footer-links a{color:var(--muted)}.footer-links a:hover{color:var(--ink)}.footer-note{align-self:flex-end}
@media(max-width:850px){.tour-stage{grid-template-columns:1fr}.tour-tabs{display:grid;grid-template-columns:repeat(4,1fr);border-right:0;border-bottom:1px solid var(--line)}.tour-tab{grid-template-columns:1fr}.tour-tab b,.tour-tab small{display:none}.direction{grid-template-columns:1fr}.direction>a{justify-self:start}.faq{grid-template-columns:1fr;gap:35px}}
@media(max-width:600px){.tour,.why-section,.faq,.direction,.final-cta{padding:78px 0}.tour-tabs{grid-template-columns:repeat(2,1fr)}.tour-screen{min-height:390px}.tour-content{padding:42px 24px}.why-grid{grid-template-columns:1fr}.why-grid article{min-height:180px}.footer-links{gap:35px}.site-footer{align-items:flex-start}.footer-note{display:none}}

/* Clarity, accessibility, and use-case layer */
.skip-link { position: fixed; top: 10px; left: 10px; z-index: 20; padding: 10px 14px; transform: translateY(-160%); background: var(--ink); color: var(--base); font-size: 12px; font-weight: 750; transition: transform .18s ease; }
.skip-link:focus { transform: translateY(0); }
:focus-visible { outline: 2px solid var(--cyan); outline-offset: 4px; }
.site-header nav a, .header-download, .quiet-link, .footer-links a, .release-card a { transition: color .18s ease, opacity .18s ease, transform .18s ease; }
.header-download:hover { transform: translateY(-1px); }

.use-cases { position: relative; z-index: 1; display: grid; grid-template-columns: .86fr 1.14fr; gap: 80px; align-items: center; padding: 108px 0 118px; border-bottom: 1px solid var(--line); }
.use-cases-intro h2 { margin-bottom: 18px; font-size: clamp(34px, 3.7vw, 52px); line-height: 1.04; letter-spacing: -.065em; }
.use-cases-intro > p:last-child { max-width: 410px; margin: 0; color: var(--muted); font-size: 13px; line-height: 1.72; }
.use-case-list { border-top: 1px solid var(--line); }
.use-case-list article { display: grid; grid-template-columns: 48px 1fr; gap: 18px; padding: 22px 0; border-bottom: 1px solid var(--line); }
.use-case-number { color: var(--purple); font: 700 10px ui-monospace, monospace; }
.use-case-list h3 { margin: 0 0 7px; color: var(--ink); font-size: 15px; letter-spacing: -.03em; }
.use-case-list p { max-width: 520px; margin: 0; color: var(--muted); font-size: 12px; line-height: 1.6; }

@media (max-width: 850px) {
  .use-cases { grid-template-columns: 1fr; gap: 42px; padding: 86px 0 92px; }
}
@media (max-width: 600px) {
  .use-cases { padding: 70px 0 76px; }
  .use-case-list article { grid-template-columns: 34px 1fr; gap: 11px; }
}

/* Full product simulation */
.product-guide { position: relative; z-index: 1; padding: 124px 0 132px; border-top: 1px solid var(--line); }
.guide-heading { max-width: 980px; }
.simulator { margin-top: 58px; overflow: hidden; border: 1px solid rgba(175, 239, 211, .2); background: #091213; box-shadow: 0 30px 90px rgba(0,0,0,.28), 0 0 70px rgba(81, 195, 179, .07); clip-path: polygon(16px 0, 100% 0, 100% calc(100% - 16px), calc(100% - 16px) 100%, 0 100%, 0 16px); }
.simulator-bar { display: flex; align-items: center; justify-content: space-between; min-height: 48px; padding: 0 18px; border-bottom: 1px solid var(--line); background: rgba(255,255,255,.025); }
.simulator-title { display: flex; align-items: center; gap: 8px; color: #d8e7df; font-size: 11px; font-weight: 700; letter-spacing: -.02em; }.simulator-title b { margin-left: 5px; color: #687d75; font: 700 8px ui-monospace, monospace; letter-spacing: .12em; }.brand-mark.mini { width: 14px; height: 14px; grid-template-columns: repeat(2, 4px); grid-template-rows: repeat(2, 4px); gap: 1px; }.brand-mark.mini i { width: 4px !important; height: 4px; }.simulator-state { color: #7faca0; font-size: 9px; }.simulator-state i { display: inline-block; width: 5px; height: 5px; margin-right: 5px; border-radius: 50%; background: var(--green); box-shadow: 0 0 9px var(--green); }
.simulator-body { display: grid; grid-template-columns: 285px 1fr 245px; min-height: 485px; }.simulator-sidebar { padding: 20px 14px; border-right: 1px solid var(--line); background: rgba(5, 13, 14, .62); }.sim-label { display: block; color: #688078; font-size: 8px; font-weight: 800; letter-spacing: .14em; text-transform: uppercase; }.sim-label-gap { margin-top: 27px; }.sim-search { display: flex; align-items: center; gap: 7px; margin-top: 12px; padding: 10px 9px; border: 1px solid rgba(102, 222, 211, .34); background: rgba(54, 143, 134, .1); color: #d8e8df; font-size: 10px; }.sim-search > span { color: var(--cyan); font-size: 14px; }.sim-search kbd { margin-left: auto; color: #708981; font-size: 8px; }.sim-action { display: grid; grid-template-columns: 25px 1fr auto; gap: 8px; align-items: center; padding: 10px 8px; color: #9fb4ab; font-size: 10px; }.sim-action.selected { margin-top: 7px; border: 1px solid rgba(143, 243, 183, .22); background: linear-gradient(90deg, rgba(109, 221, 143, .13), transparent); color: var(--ink); }.sim-action strong { display: grid; place-items: center; width: 22px; height: 22px; color: var(--purple); background: rgba(168, 236, 106, .12); font-size: 12px; }.sim-action small { display: block; margin-top: 3px; color: #627a71; font-size: 8px; }.sim-action kbd { color: #647b73; font-size: 8px; }.sim-extension { padding: 8px; color: #849b92; font-size: 10px; }.sim-extension span { display: inline-block; width: 21px; color: var(--cyan); }
.simulator-main { display: flex; flex-direction: column; background: radial-gradient(circle at 55% 15%, rgba(67, 126, 111, .12), transparent 45%); }.sim-breadcrumb, .sim-footer { display: flex; justify-content: space-between; padding: 15px 25px; border-bottom: 1px solid var(--line); color: #6c847a; font-size: 9px; }.sim-breadcrumb span:first-child { color: #d4e4dc; font-weight: 700; }.sim-note-header { display: flex; align-items: center; gap: 12px; padding: 32px 12% 18px; }.sim-note-icon { display: grid; place-items: center; width: 34px; height: 34px; color: #d8ff9a; background: rgba(169, 237, 105, .13); font-size: 16px; }.sim-note-header small { color: #729186; font-size: 8px; font-weight: 800; letter-spacing: .13em; }.sim-note-header h3 { margin: 5px 0 0; color: #eef8f0; font-size: 21px; letter-spacing: -.05em; }.sim-more { margin-left: auto; color: #6c817a; letter-spacing: .2em; }.sim-editor { flex: 1; margin: 0 12%; padding: 20px 0; border-top: 1px solid var(--line); color: #c8d9d1; font-size: 12px; line-height: 1.65; }.sim-placeholder { color: #6e887d; font-size: 11px; }.sim-check { margin-top: 19px; color: #d3e7dc; }.sim-check span { display: inline-grid; place-items: center; width: 15px; height: 15px; margin-right: 8px; border: 1px solid #78e1a1; color: #78e1a1; font-size: 9px; }.sim-check.muted { color: #788f87; }.sim-check.muted span { border-color: #587068; }.sim-rule { width: 70%; height: 1px; margin: 29px 0 16px; background: var(--line); }.sim-muted { color: #6d867b; font-size: 10px; }.sim-footer { margin-top: auto; border-top: 1px solid var(--line); border-bottom: 0; }.sim-footer span:first-child { color: #a7cbb7; }.simulator-context { padding: 28px 22px; border-left: 1px solid var(--line); background: linear-gradient(155deg, rgba(40, 77, 65, .35), rgba(7, 16, 17, .3)); }.context-number { margin-top: 36px; color: var(--purple); font: 700 10px ui-monospace, monospace; }.simulator-context h3 { margin: 10px 0; color: #e1f0e8; font-size: 16px; line-height: 1.15; letter-spacing: -.04em; }.simulator-context p { color: #8da69c; font-size: 11px; line-height: 1.65; }.context-divider { height: 1px; margin: 28px 0 22px; background: var(--line); }.context-points { display: grid; gap: 10px; margin-top: 13px; color: #9bb8aa; font-size: 10px; }.context-points span::before { margin-right: 7px; color: var(--green); content: '✓'; }
.guide-steps { display: grid; grid-template-columns: repeat(4, 1fr); gap: 1px; margin-top: 1px; border: 1px solid var(--line); border-top: 0; background: var(--line); }.guide-step { display: grid; grid-template-columns: 29px 1fr; gap: 8px; padding: 19px 16px; background: rgba(12, 24, 23, .84); }.guide-step.active { background: linear-gradient(135deg, rgba(45, 83, 64, .8), rgba(12, 24, 23, .9)); }.guide-step > span { color: var(--purple); font: 700 9px ui-monospace, monospace; }.guide-step b { font-size: 11px; }.guide-step p { margin: 5px 0 0; color: #789188; font-size: 10px; line-height: 1.4; }
@media (max-width: 950px) { .simulator-body { grid-template-columns: 245px 1fr; }.simulator-context { display: none; } }
@media (max-width: 650px) { .product-guide { padding: 80px 0 88px; }.simulator-body { grid-template-columns: 1fr; }.simulator-sidebar { display: none; }.simulator-bar { padding: 0 12px; }.simulator-title b { display: none; }.simulator-state { font-size: 8px; }.sim-note-header { padding-inline: 24px; }.sim-editor { margin-inline: 24px; }.guide-steps { grid-template-columns: repeat(2, 1fr); }.guide-step { padding: 15px 11px; } }

/* Compact Lima home: keep the release action central and the story short. */
.simple-home .site-header { position: relative; z-index: 3; }
.simple-hero { position: relative; z-index: 1; display: grid; grid-template-columns: .9fr 1.1fr; align-items: center; gap: 56px; min-height: 690px; padding: 78px 0 72px; }
.simple-hero-copy { max-width: 560px; }
.simple-hero h1 { max-width: 600px; margin: 0; font-size: clamp(46px, 6vw, 78px); line-height: .96; letter-spacing: -.075em; }
.simple-hero .hero-summary { max-width: 500px; margin-top: 25px; }
.download-button-large { margin-top: 30px; min-width: 285px; padding: 16px 20px 16px 15px; }
.download-button-large b { font-size: 15px; }
.download-button-large strong { font-weight: 800; }
.download-note { margin: 12px 0 0 3px; color: var(--dim); font-size: 11px; }
.simple-hero-visual { position: relative; min-height: 470px; perspective: 1200px; }
.simple-features, .simple-install, .simple-final { position: relative; z-index: 1; border-top: 1px solid var(--line); }
.simple-features { padding: 105px 0 115px; }
.simple-feature-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1px; margin-top: 54px; background: var(--line); }
.simple-feature-grid article { min-height: 195px; padding: 25px; background: rgba(11, 13, 24, .72); }
.simple-feature-grid article > span { color: #a996ff; font-size: 11px; font-weight: 750; }
.simple-feature-grid h3 { margin: 30px 0 8px; font-size: 18px; letter-spacing: -.03em; }
.simple-feature-grid p { max-width: 280px; margin: 0; color: var(--muted); font-size: 12px; line-height: 1.65; }
.simple-install { display: grid; grid-template-columns: 1fr .8fr; gap: 90px; padding: 100px 0; }
.simple-install h2 { max-width: 550px; margin: 0; font-size: clamp(35px, 4.8vw, 61px); line-height: .98; letter-spacing: -.07em; }
.simple-install > div > p:not(.eyebrow) { max-width: 470px; margin: 22px 0 28px; color: var(--muted); line-height: 1.65; }
.simple-install ol { display: grid; gap: 0; margin: 18px 0 0; padding: 0; list-style: none; counter-reset: install; }
.simple-install li { display: grid; gap: 4px; padding: 19px 0 19px 32px; border-bottom: 1px solid var(--line); counter-increment: install; }
.simple-install li::before { content: counter(install, decimal-leading-zero); position: absolute; margin-left: -32px; color: #a996ff; font-size: 11px; font-weight: 750; }
.simple-install li b { font-size: 13px; }.simple-install li span { color: var(--dim); font-size: 11px; }
.simple-final { padding: 105px 0 120px; text-align: center; }.simple-final .eyebrow { justify-content: center; }.simple-final h2 { margin: 0; font-size: clamp(45px, 6vw, 78px); letter-spacing: -.075em; }.simple-final p:not(.eyebrow) { margin: 15px 0 27px; color: var(--muted); }.simple-final .quiet-link { margin: 0 12px; }
@media (max-width: 850px) { .simple-hero { grid-template-columns: 1fr; gap: 15px; padding-top: 68px; }.simple-hero-copy { max-width: 650px; }.simple-hero-visual { min-height: 420px; }.simple-install { grid-template-columns: 1fr; gap: 35px; } }
@media (max-width: 600px) { .simple-hero { min-height: 0; padding: 58px 0 60px; }.simple-hero h1 { font-size: clamp(42px, 13vw, 62px); }.simple-hero-visual { min-height: 315px; }.simple-feature-grid { grid-template-columns: 1fr; }.simple-feature-grid article { min-height: 0; }.simple-features, .simple-install { padding: 75px 0; }.simple-final { padding: 75px 0 90px; }.simple-final .quiet-link { display: inline-block; margin: 7px 9px; } }

/* Minimal download-first homepage. */
.download-home .site-header { position: relative; z-index: 3; }
.download-hero { position: relative; z-index: 1; max-width: 820px; padding: 145px 0 135px; text-align: center; }
.download-hero .eyebrow, .download-install .eyebrow { justify-content: center; }
.download-hero h1 { margin: 0; font-size: clamp(64px, 11vw, 132px); line-height: .88; letter-spacing: -.09em; }
.download-lede { max-width: 560px; margin: 29px auto 0; color: var(--muted); font-size: 16px; line-height: 1.65; }
.download-button-large { display: inline-flex; margin-top: 32px; min-width: 300px; padding: 17px 21px 17px 15px; text-align: left; }
.download-button-large b { font-size: 15px; }.download-button-large strong { font-weight: 800; }.download-meta { margin: 13px 0 0; color: var(--dim); font-size: 11px; }
.directory { position: relative; z-index: 1; padding: 80px 0 100px; border-top: 1px solid var(--line); }.directory-heading { display: flex; align-items: baseline; justify-content: space-between; gap: 30px; }.directory-heading .eyebrow { margin: 0; }.directory-heading h2 { margin: 0; font-size: clamp(32px, 5vw, 58px); letter-spacing: -.07em; }
.directory-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1px; margin-top: 38px; background: var(--line); }.directory-card { display: flex; min-height: 190px; flex-direction: column; padding: 23px; background: rgba(11, 13, 24, .76); transition: background .18s ease, transform .18s ease; }.directory-card:hover { background: rgba(28, 30, 52, .86); transform: translateY(-3px); }.directory-card > span { color: #a996ff; font-size: 11px; font-weight: 750; }.directory-card strong { margin-top: 32px; color: var(--ink); font-size: 19px; letter-spacing: -.035em; }.directory-card small { max-width: 220px; margin-top: 8px; color: var(--muted); font-size: 11px; line-height: 1.55; }.directory-card b { margin-top: auto; padding-top: 21px; color: #bbabff; font-size: 11px; }
.product-update { position: relative; z-index: 1; padding: 82px 0 96px; border-top: 1px solid var(--line); }
.product-update .section-heading { display: grid; grid-template-columns: 1fr .8fr; gap: 90px; align-items: end; }
.product-update h2 { max-width: 530px; margin: 0; font-size: clamp(34px, 4.7vw, 57px); line-height: .98; letter-spacing: -.07em; }
.product-update .section-heading > p { max-width: 430px; margin: 0 0 4px; color: var(--muted); font-size: 13px; line-height: 1.7; }
.update-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1px; margin-top: 48px; overflow: hidden; border: 1px solid var(--line); background: var(--line); border-radius: 12px; }
.update-grid article { min-height: 190px; padding: 24px; background: var(--lima-raised, rgba(11, 13, 24, .76)); }
.update-grid article > span { color: var(--lima-accent, #a996ff); font: 700 10px ui-monospace, monospace; }
.update-grid h3 { margin: 34px 0 9px; font-size: 17px; letter-spacing: -.035em; }
.update-grid p { max-width: 290px; margin: 0; color: var(--muted); font-size: 11px; line-height: 1.65; }
.download-install { display: grid; grid-template-columns: 1fr .8fr; gap: 90px; padding: 82px 0 105px; border-top: 1px solid var(--line); }.download-install h2 { max-width: 530px; margin: 0; font-size: clamp(34px, 4.7vw, 57px); line-height: .98; letter-spacing: -.07em; }.download-install > p { align-self: end; max-width: 430px; margin: 0 0 4px; color: var(--muted); font-size: 13px; line-height: 1.7; }
.download-home .site-footer { min-height: 150px; padding: 40px 0; }
@media (max-width: 700px) { .download-hero { padding: 105px 0 92px; }.download-hero h1 { font-size: clamp(60px, 19vw, 100px); }.directory-heading { display: block; }.directory-heading h2 { margin-top: 15px; }.directory-grid { grid-template-columns: 1fr; }.directory-card { min-height: 145px; }.download-install { grid-template-columns: 1fr; gap: 25px; padding: 70px 0 85px; }.download-install > p { align-self: auto; } }