:root{--paper:#f4efe6;--ink:#2b2a27;--caret:#b5562f;--ok:#4f9a63;--lightningcss-light:initial;--lightningcss-dark: ;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--dim:color-mix(in oklab, var(--ink) 30%, var(--paper));--chrome:color-mix(in oklab, var(--ink) 55%, var(--paper));--soft:color-mix(in oklab, var(--ink) 75%, var(--paper));--line:color-mix(in oklab, var(--ink) 12%, var(--paper));--select:color-mix(in oklab, var(--ink) 8%, var(--paper));--panel:color-mix(in oklab, var(--ink) 3%, var(--paper));--text:"iA Writer Quattro", ui-monospace, monospace;--mono:"iA Writer Mono", ui-monospace, monospace;--ui:-apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", sans-serif;--wide:min(1120px, calc(100vw - 48px))}*{box-sizing:border-box}html{scroll-behavior:smooth;scrollbar-width:thin;scrollbar-color:var(--line) transparent}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition:none!important;animation:none!important}}body{background:var(--paper);color:var(--ink);font:15px/1.6 var(--ui);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;margin:0}::selection{background:color-mix(in oklab, var(--caret) 22%, var(--paper))}a{color:inherit}a:focus-visible,button:focus-visible{outline:2px solid color-mix(in oklab, var(--caret) 60%, transparent);outline-offset:3px;border-radius:6px}.skip{background:var(--ink);color:var(--paper);z-index:10;border-radius:8px;padding:8px 14px;text-decoration:none;position:absolute;top:-60px;left:16px}.skip:focus{top:12px}.caret{vertical-align:-.1em;background:var(--caret);border-radius:1px;width:.07em;min-width:2px;height:.92em;margin-left:.06em;animation:1.1s step-end infinite blink;display:inline-block}@keyframes blink{50%{opacity:0}}.top{width:var(--wide);justify-content:space-between;align-items:center;gap:16px;margin:0 auto;padding:22px 0;display:flex}.mark{font:700 16px var(--text);letter-spacing:-.01em;text-decoration:none}.mark .caret{height:1em;animation:none}.top nav{align-items:center;gap:4px;font-size:13.5px;display:flex}.top nav a{color:var(--chrome);border-radius:8px;padding:6px 12px;text-decoration:none;transition:color .2s,background-color .2s}.top nav a:hover{color:var(--ink);background:var(--select)}.top nav .open{color:var(--ink);border:1px solid var(--line)}@media (width<=640px){.top nav a:not(.open){display:none}}.hero{width:var(--wide);margin:0 auto;padding:clamp(56px,14vh,150px) 0 clamp(48px,9vh,96px)}.hero h1{font:400 clamp(72px, 13vw, 168px) / 1 var(--text);letter-spacing:-.035em;margin:0;animation:.9s cubic-bezier(.2,.8,.2,1) both rise}.sub{max-width:31em;font:400 clamp(18px, 1.75vw, 21.5px) / 1.55 var(--ui);letter-spacing:-.006em;text-wrap:pretty;color:var(--soft);margin:32px 0 0;animation:.9s cubic-bezier(.2,.8,.2,1) 80ms both rise}.actions{flex-wrap:wrap;gap:10px;margin-top:34px;animation:.9s cubic-bezier(.2,.8,.2,1) .16s both rise;display:flex}.fine{color:var(--chrome);margin:18px 0 0;font-size:13px;animation:.9s cubic-bezier(.2,.8,.2,1) .22s both rise}@keyframes rise{0%{opacity:0;transform:translateY(10px)}}.btn{border:1px solid var(--line);font:500 14.5px var(--ui);color:var(--ink);border-radius:10px;align-items:center;gap:8px;padding:12px 20px;text-decoration:none;transition:background-color .2s,border-color .2s,transform .2s;display:inline-flex}.btn:hover{background:var(--select);border-color:color-mix(in oklab, var(--ink) 22%, var(--paper))}.btn.primary{background:var(--ink);border-color:var(--ink);color:var(--paper)}.btn.primary:after{content:"→";transition:transform .2s}.btn.primary:hover{background:color-mix(in oklab, var(--ink) 88%, var(--caret))}.btn.primary:hover:after{transform:translate(3px)}.demo{width:var(--wide);margin:0 auto;padding-bottom:clamp(72px,12vh,140px)}.paper{border:1px solid var(--line);background:var(--panel);box-shadow:0 40px 90px -50px color-mix(in oklab, var(--ink) 45%, transparent), 0 2px 6px -4px color-mix(in oklab, var(--ink) 20%, transparent);border-radius:18px;overflow:hidden}.paper-top{color:var(--chrome);justify-content:space-between;padding:16px 22px;font-size:12.5px;display:flex}.paper-top .count{font-variant-numeric:tabular-nums}.paper-body{font:400 clamp(16px, 1.6vw, 19px) / 1.8 var(--text);grid-template-columns:minmax(0,54ch) 200px;justify-content:center;column-gap:40px;padding:clamp(28px,6vw,64px) 24px clamp(40px,7vw,80px);display:grid}.paper-body>p{grid-column:1;margin:0 0 1.1em}.paper-body .dim{color:var(--dim)}.live{grid-column:1/-1;grid-template-columns:subgrid;margin:10px 0 1.1em;display:grid;position:relative}.live p{grid-column:1;margin:0}.chip{border:1px solid var(--line);background:var(--panel);height:20px;font:11px/1 var(--ui);color:var(--chrome);font-variant-numeric:tabular-nums;border-radius:10px;align-items:center;gap:6px;padding:0 8px;display:inline-flex;position:absolute;top:-25px;left:-4px}.chip b{font-weight:400}.chip i{border-left:1px solid var(--line);padding-left:6px;font-style:normal}.passage{-webkit-text-decoration:underline dotted color-mix(in oklab, var(--caret) 60%, transparent);text-decoration:underline dotted color-mix(in oklab, var(--caret) 60%, transparent);text-underline-offset:.4em;text-decoration-thickness:1px}.passage-text{transition:opacity .22s}.passage.swap .passage-text{opacity:0}.dots{vertical-align:-.4em;gap:3px;margin-left:5px;display:inline-flex}.dots i{background:color-mix(in oklab, var(--ink) 28%, var(--paper));border-radius:50%;width:3px;height:3px;transition:background-color .3s}.dots i.on{background:color-mix(in oklab, var(--ink) 60%, var(--paper))}.passage.moved .dots i.on{background:var(--caret)}.note{border-left:1px solid color-mix(in oklab, var(--caret) 40%, var(--line));font:13px/1.5 var(--ui);color:color-mix(in oklab, var(--ink) 68%, var(--paper));grid-column:2;align-self:start;margin-top:4px;padding:2px 4px 2px 10px}.ghosted{color:color-mix(in oklab, var(--ink) 14%, var(--paper))}.demo-caption{text-align:center;max-width:60ch;color:var(--chrome);margin:18px auto 0;font-size:13.5px}@media (width<=820px){.paper-body,.live{grid-template-columns:minmax(0,1fr)}.note{grid-column:1;margin-top:14px}}section h2{font:400 clamp(30px, 4.2vw, 46px) / 1.15 var(--text);letter-spacing:-.02em;margin:0 0 40px}section h2 span{color:var(--chrome);display:block}section h3{font:600 15.5px/1.35 var(--ui);margin:0 0 6px}.features,.private,.ai,.closing{width:var(--wide);border-top:1px solid var(--line);margin:0 auto;padding:clamp(64px,11vh,120px) 0}.grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:44px 28px;display:grid}@media (width<=1000px){.grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=560px){.grid{grid-template-columns:minmax(0,1fr)}}.grid article p{color:var(--soft);margin:0;font-size:14px}.art{border:1px solid var(--line);background:var(--panel);height:104px;font:15px/1.5 var(--text);border-radius:14px;justify-content:center;align-items:center;gap:8px;margin-bottom:18px;padding:0 14px;transition:transform .35s cubic-bezier(.2,.8,.2,1),box-shadow .35s;display:flex;overflow:hidden}.grid article:hover .art{box-shadow:0 16px 30px -24px color-mix(in oklab, var(--ink) 50%, transparent);transform:translateY(-2px)}.art-versions{gap:0}.art-versions .u{-webkit-text-decoration:underline dotted color-mix(in oklab, var(--caret) 60%, transparent);text-decoration:underline dotted color-mix(in oklab, var(--caret) 60%, transparent);text-underline-offset:.3em}.art-versions .d{align-self:center;gap:2px;margin-left:3px;display:inline-flex;transform:translateY(.42em)}.art-versions .d i{background:var(--dim);border-radius:50%;width:3px;height:3px}.art-versions .d i.on{background:var(--caret)}.art p{margin:0}.art-compare{align-items:stretch;gap:0;padding:0;font-size:13px}.art-compare p{flex:1;align-items:center;padding:0 14px;display:flex}.art-compare p+p{border-left:1px solid var(--line)}.art-compare mark{background:color-mix(in oklab, var(--caret) 14%, transparent);color:inherit;border-radius:2px;padding:0 2px}.art-ghost span{color:color-mix(in oklab, var(--ink) 16%, var(--paper))}.art-note{justify-content:flex-start;gap:16px;padding-left:22px}.art-note .line{background:var(--line);width:76px;height:7px;box-shadow:0 14px 0 var(--line), 0 -14px 0 var(--line);border-radius:4px;flex:none}.art-note .pencil{border-left:1px solid color-mix(in oklab, var(--caret) 45%, var(--line));font:12.5px/1.4 var(--ui);color:var(--soft);padding-left:9px}.art-sheets{font:12px var(--ui);color:var(--chrome);align-items:flex-end;gap:2px;padding-bottom:30px}.art-sheets span{border-bottom:1px solid #0000;padding:5px 10px}.art-sheets .on{color:var(--ink);border-bottom-color:var(--caret)}.art-lab s{color:var(--dim);-webkit-text-decoration-color:color-mix(in oklab, var(--caret) 50%, transparent);text-decoration-color:color-mix(in oklab, var(--caret) 50%, transparent);background:color-mix(in oklab, var(--caret) 10%, transparent);border-radius:2px}.art-focus{flex-direction:column;gap:9px}.art-focus span{background:var(--line);border-radius:4px;width:140px;height:7px}.art-focus span.on{background:var(--ink);width:170px}.art-menu{flex-direction:column;align-items:stretch;gap:0;width:auto;padding:10px 0}.art-menu span{width:150px;font:12px/1.5 var(--ui);color:var(--soft);border-left:1px solid var(--line);border-right:1px solid var(--line);background:var(--paper);align-self:center;padding:2px 10px}.art-menu span:first-child{border-top:1px solid var(--line);border-radius:7px 7px 0 0;padding-top:6px}.art-menu span:last-child{border-bottom:1px solid var(--line);border-radius:0 0 7px 7px;padding-bottom:6px}.art-menu .on{color:var(--ink);background:var(--select)}.art-check u{-webkit-text-decoration:underline dotted color-mix(in oklab, var(--caret) 75%, var(--paper));text-decoration:underline dotted color-mix(in oklab, var(--caret) 75%, var(--paper));text-underline-offset:4px}.art-pin{color:var(--soft);font-style:italic}.art-pin p{border-left:2px solid color-mix(in oklab, var(--caret) 60%, transparent);padding-left:10px}.art-paper{gap:10px}.art-paper i{width:22px;height:22px;box-shadow:inset 0 0 0 1px var(--line);border-radius:50%}.art-paper b{font:400 22px var(--text);margin-left:6px}.art-overflow{font:12px/1.3 var(--text);flex-direction:column;align-items:flex-end;gap:8px;padding-right:0}.art-overflow span{border-left:1px solid var(--line);background:var(--paper);width:62%;color:var(--soft);white-space:nowrap;text-overflow:ellipsis;border-radius:0 6px 6px 0;padding:6px 10px;overflow:hidden}.cols{grid-template-columns:repeat(3,minmax(0,1fr));gap:40px;display:grid}@media (width<=760px){.cols{grid-template-columns:minmax(0,1fr);gap:28px}}.cols p{color:var(--soft);margin:0;font-size:14.5px}.cols h3:before{content:"";background:var(--caret);border-radius:1px;width:18px;height:2px;margin-bottom:14px;display:block}.ai .lead{max-width:62ch;color:var(--soft);margin:-18px 0 36px;font-size:16px}.ai a{-webkit-text-decoration-color:var(--line);text-decoration-color:var(--line);text-underline-offset:3px}.ai a:hover{text-decoration-color:currentColor}.steps{counter-reset:step;gap:26px;max-width:720px;margin:0;padding:0;list-style:none;display:grid}.steps li{counter-increment:step;padding-left:44px;position:relative}.steps li:before{content:counter(step);background:var(--select);width:28px;height:28px;font:600 13px var(--ui);border-radius:50%;place-items:center;display:grid;position:absolute;top:-2px;left:0}.steps p{color:var(--soft);margin:4px 0}.cmd{border:1px solid var(--line);background:var(--panel);border-radius:10px;align-items:center;gap:10px;margin:8px 0;padding:10px 10px 10px 16px;display:flex}.cmd code{overflow-wrap:anywhere;min-width:0;font:13px/1.5 var(--mono);flex:1}.copy{border:1px solid var(--line);background:var(--paper);font:12px var(--ui);color:var(--soft);cursor:pointer;border-radius:7px;flex:none;padding:4px 11px}.copy:hover{color:var(--ink);border-color:var(--chrome)}.copy.done{color:var(--ok)}.small{color:var(--chrome);font-size:13px}.small code{font:12px var(--mono);color:var(--soft);overflow-wrap:anywhere}.closing{text-align:center;padding-bottom:clamp(80px,14vh,160px)}.closing h2{margin-bottom:30px}footer{width:var(--wide);border-top:1px solid var(--line);color:var(--chrome);flex-wrap:wrap;justify-content:space-between;gap:12px;margin:0 auto;padding:28px 0 40px;font-size:12.5px;display:flex}footer a{-webkit-text-decoration-color:var(--line);text-decoration-color:var(--line);text-underline-offset:3px}