@import"https://fonts.googleapis.com/css2?family=Quicksand:wght@400;500;600;700&family=JetBrains+Mono:wght@300;400;500;600;700&display=swap";:root{--paper: #ECE7DA;--paper-2: #E2DCCB;--paper-3: #D6CFBC;--paper-4: #F2EFE6;--ink: #15140F;--ink-2: #3A3934;--ink-3: #6B695F;--shadow: #8C887A;--shadow-2:#A8A395;--shadow-3:#BFB8A3;--forest: #2A4D3A;--forest-2: #1E3829;--forest-soft:#D7DEd6;--coral: #C5634A;--coral-2: #A84F37;--coral-soft:#EBD3C9;--bg: var(--paper);--bg-elevated: var(--paper-4);--bg-subtle: var(--paper-2);--bg-hover: var(--paper-3);--bg-scrim: rgba(21, 20, 15, .45);--fg: var(--ink);--fg-1: var(--ink-2);--fg-2: var(--ink-3);--fg-3: var(--shadow);--fg-4: var(--shadow-2);--border: var(--shadow-3);--border-subtle: var(--paper-3);--border-strong: var(--ink);--accent: var(--coral);--accent-hover: var(--coral-2);--accent-bg: var(--coral-soft);--on-accent: var(--paper-4);--brand: var(--forest);--brand-hover: var(--forest-2);--brand-bg: var(--forest-soft);--on-brand: var(--paper);--sol: var(--coral);--sol-2: var(--coral-2);--sol-soft: var(--coral-soft);--fg-on-sol:var(--paper-4);--success: #2A4D3A;--success-bg: #D7DED6;--info: #3C5A6E;--info-bg: #D8E0E4;--warning: #8A6F28;--warning-bg: #E8DDB8;--danger: #A23B2A;--danger-bg: #ECD4CD;--font-display: "Quicksand", "Varela Round", system-ui, sans-serif;--font-sans: "Quicksand", system-ui, sans-serif;--font-mono: "JetBrains Mono", ui-monospace, "SF Mono", Menlo, Consolas, monospace;--font-serif: var(--font-display);--text-2xs: 11px;--text-xs: 12px;--text-sm: 14px;--text-base: 16px;--text-md: 18px;--text-lg: 22px;--text-xl: 28px;--text-2xl: 36px;--text-3xl: 48px;--text-4xl: 64px;--text-5xl: 88px;--text-6xl: 128px;--leading-tight: .9;--leading-snug: 1.05;--leading-normal: 1.45;--leading-relaxed: 1.6;--tracking-tight: -.045em;--tracking-snug: -.02em;--tracking-normal: 0;--tracking-wide: .18em;--tracking-widest: .28em;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 24px;--space-6: 32px;--space-7: 48px;--space-8: 64px;--space-9: 96px;--space-10: 128px;--radius-sm: 2px;--radius: 3px;--radius-md: 4px;--radius-lg: 6px;--radius-pill: 999px;--shadow-1: 0 8px 24px -10px rgba(21, 20, 15, .16), 0 2px 4px -1px rgba(21, 20, 15, .05);--shadow-2: 0 20px 48px -16px rgba(21, 20, 15, .3), 0 6px 12px -2px rgba(21, 20, 15, .06);--ease: cubic-bezier(.32, .72, 0, 1);--dur-fast: .12s;--dur: .2s;--dur-slow: .32s;--content-max: 1200px;--reading-max: 680px;--rule-w: 64px;--tick: 12px}.lw-display{font-family:var(--font-display);font-weight:600;font-size:var(--text-6xl);line-height:var(--leading-tight);letter-spacing:var(--tracking-tight);color:var(--fg)}.lw-h1{font-family:var(--font-display);font-weight:600;font-size:var(--text-4xl);line-height:var(--leading-tight);letter-spacing:var(--tracking-tight);color:var(--fg)}.lw-h2{font-family:var(--font-display);font-weight:600;font-size:var(--text-3xl);line-height:var(--leading-snug);letter-spacing:var(--tracking-snug);color:var(--fg)}.lw-h3{font-family:var(--font-display);font-weight:600;font-size:var(--text-xl);line-height:var(--leading-snug);letter-spacing:var(--tracking-snug);color:var(--fg)}.lw-body{font-family:var(--font-sans);font-weight:400;font-size:var(--text-base);line-height:var(--leading-relaxed);color:var(--fg-1)}.lw-body-sm{font-family:var(--font-sans);font-weight:400;font-size:var(--text-sm);line-height:var(--leading-normal);color:var(--fg-2)}.lw-caption{font-family:var(--font-mono);font-weight:400;font-size:var(--text-xs);line-height:var(--leading-normal);color:var(--fg-3)}.lw-label{font-family:var(--font-mono);font-weight:500;font-size:var(--text-xs);line-height:1;letter-spacing:var(--tracking-wide);text-transform:uppercase;color:var(--fg-3)}.lw-label-wide{font-family:var(--font-mono);font-weight:500;font-size:var(--text-xs);line-height:1;letter-spacing:var(--tracking-widest);text-transform:uppercase;color:var(--fg-3)}.lw-code{font-family:var(--font-mono);font-weight:500;font-size:var(--text-2xs);letter-spacing:var(--tracking-wide);text-transform:uppercase;color:var(--fg-3)}.lw-wordmark{font-family:var(--font-display);font-weight:600;letter-spacing:var(--tracking-tight);color:var(--ink);white-space:nowrap}.lw-pipe{color:var(--coral)}.lw-monogram{font-family:var(--font-display);font-weight:700;letter-spacing:-.04em;color:var(--ink)}.lw-meta{display:flex;justify-content:space-between;font-family:var(--font-mono);font-weight:500;font-size:var(--text-2xs);letter-spacing:var(--tracking-wide);text-transform:uppercase;color:var(--fg-3)}.lw-measure{display:flex;align-items:center;gap:var(--space-2);font-family:var(--font-mono);font-size:var(--text-2xs);letter-spacing:var(--tracking-wide);color:var(--fg-3)}.lw-measure:before,.lw-measure:after{content:"";width:1px;height:6px;background:currentColor}.lw-measure-bar{flex:1;min-width:24px;height:1px;background:currentColor}.lw-regmark{position:relative;width:var(--tick);height:var(--tick);color:var(--ink);opacity:.55}.lw-regmark:before,.lw-regmark:after{content:"";position:absolute;background:currentColor}.lw-regmark:before{left:0;right:0;top:50%;height:1px;transform:translateY(-50%)}.lw-regmark:after{top:0;bottom:0;left:50%;width:1px;transform:translate(-50%)}.lw-rule{display:block;width:var(--rule-w);height:1px;background:var(--ink);border:none;margin:var(--space-4) auto}*{box-sizing:border-box;margin:0;padding:0}html,body{background:var(--paper);color:var(--ink);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}img,svg{display:block;max-width:100%}a{color:inherit;text-decoration:none}::selection{background:var(--coral);color:var(--paper-4)}.shell{max-width:1240px;margin:0 auto;padding:0 var(--space-6)}.pipe{color:var(--coral)}.home-solo{min-height:100vh;min-height:100svh;display:grid;place-items:center;padding:var(--space-6)}.home-solo-mark{font-family:var(--font-display);font-weight:600;font-size:min(100px,18vw);line-height:.9;letter-spacing:var(--tracking-tight);color:var(--ink);text-align:center}.nav{display:flex;align-items:center;justify-content:space-between;padding:var(--space-6) 0 var(--space-5)}.nav-mark{font-family:var(--font-display);font-weight:600;font-size:24px;letter-spacing:var(--tracking-tight);line-height:1;color:var(--ink);display:inline-flex;align-items:baseline}.nav-mark .dot{display:inline-block;width:6px;height:6px;background:var(--coral);border-radius:999px;margin-left:6px;transform:translateY(-2px)}.nav-meta{font-family:var(--font-mono);font-weight:500;font-size:11px;letter-spacing:var(--tracking-wide);text-transform:uppercase;color:var(--fg-3);display:inline-flex;align-items:center;gap:12px}.nav-meta .sep{width:4px;height:4px;background:var(--fg-3);border-radius:999px;opacity:.6}.nav-meta .mid{color:var(--coral)}.hero{margin-top:var(--space-7);padding:clamp(56px,11vw,144px) clamp(28px,6vw,80px) clamp(64px,12vw,160px);background:var(--paper-4);border:1px solid var(--border);border-radius:var(--radius-lg);text-align:center;position:relative;overflow:hidden}.hero-reg{position:absolute;width:14px;height:14px;color:var(--ink);opacity:.5;pointer-events:none}.hero-reg:before,.hero-reg:after{content:"";position:absolute;background:currentColor}.hero-reg:before{left:0;right:0;top:50%;height:1px;transform:translateY(-50%)}.hero-reg:after{top:0;bottom:0;left:50%;width:1px;transform:translate(-50%)}.hero-reg--tl{top:20px;left:20px}.hero-reg--tr{top:20px;right:20px}.hero-reg--bl{bottom:20px;left:20px}.hero-reg--br{bottom:20px;right:20px}.hero-meta{position:absolute;top:22px;left:56px;right:56px;display:flex;justify-content:space-between;font-family:var(--font-mono);font-weight:500;font-size:11px;letter-spacing:var(--tracking-wide);text-transform:uppercase;color:var(--fg-3)}.hero-eyebrow{font-family:var(--font-mono);font-weight:500;font-size:12px;letter-spacing:var(--tracking-widest);text-transform:uppercase;color:var(--ink-3);margin-bottom:var(--space-5)}.hero-title{font-family:var(--font-display);font-weight:600;font-size:clamp(40px,13vw,184px);line-height:.9;letter-spacing:var(--tracking-tight);color:var(--ink);word-break:break-word;-webkit-hyphens:none;hyphens:none}.hero-tag{margin-top:var(--space-5);font-family:var(--font-mono);font-weight:500;font-size:12px;letter-spacing:var(--tracking-widest);text-transform:uppercase;color:var(--ink-3)}.hero-products{margin:clamp(40px,7vw,72px) auto 0;max-width:960px;display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-4);text-align:left}.product-card{background:var(--paper);border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--space-6);display:flex;flex-direction:column;gap:14px;min-width:0;aspect-ratio:1 / 1;transition:border-color var(--dur) var(--ease),background var(--dur) var(--ease);color:inherit}.product-card--logo{display:grid;place-items:center;padding:var(--space-6);gap:0}.product-card--logo .qokies-logo{width:100%;height:auto;max-height:100%;object-fit:contain;display:block}.product-card:hover{border-color:var(--ink);background:var(--paper-4)}.product-card-meta{display:flex;justify-content:space-between;font-family:var(--font-mono);font-weight:500;font-size:10px;letter-spacing:var(--tracking-wide);text-transform:uppercase;color:var(--fg-3)}.product-glyph{display:grid;place-items:center;height:88px;color:var(--ink)}.product-glyph svg{width:100%;height:100%}.product-name{font-family:var(--font-display);font-weight:600;font-size:28px;line-height:1;letter-spacing:var(--tracking-tight);color:var(--ink)}.product-subname{margin-top:-6px;font-family:var(--font-display);font-weight:500;font-size:14px;line-height:1.1;letter-spacing:-.01em;color:var(--ink-3)}.product-foot{font-family:var(--font-mono);font-weight:500;font-size:10px;letter-spacing:var(--tracking-wide);text-transform:uppercase;color:var(--fg-3)}.product-card--empty{background:transparent;border-style:dashed;border-color:var(--border)}.product-card--empty:hover{background:transparent;border-color:var(--ink-3)}@media (max-width: 640px){.hero-products{grid-template-columns:1fr;max-width:480px;gap:var(--space-3)}.nav-meta,.hero-meta{display:none}}.statement{margin-top:var(--space-9);display:grid;grid-template-columns:1.15fr 1fr;gap:clamp(48px,7vw,96px);align-items:center}.statement-words{max-width:540px}.statement-label{font-family:var(--font-mono);font-weight:500;font-size:11px;letter-spacing:var(--tracking-widest);text-transform:uppercase;color:var(--fg-3);margin-bottom:var(--space-6)}.statement-head{font-family:var(--font-display);font-weight:600;font-size:clamp(36px,4.6vw,60px);line-height:1;letter-spacing:var(--tracking-tight);color:var(--ink);text-wrap:pretty}.statement-head .sol,.statement-head .pipe{color:var(--coral);font-style:normal}.statement-body{margin-top:var(--space-6);font-family:var(--font-sans);font-weight:400;font-size:15px;line-height:var(--leading-relaxed);color:var(--ink-2);max-width:460px}.statement-meta{margin-top:var(--space-7);display:inline-flex;align-items:center;gap:12px;font-family:var(--font-mono);font-weight:500;font-size:11px;letter-spacing:var(--tracking-wide);text-transform:uppercase;color:var(--fg-3)}.statement-meta .dot{width:4px;height:4px;background:var(--coral);border-radius:999px}.statement-specimen{display:grid;place-items:center}.statement-specimen svg,.statement-specimen img{width:clamp(280px,32vw,420px);height:auto;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--paper)}.system{margin-top:var(--space-10)}.system-head{display:flex;align-items:end;justify-content:space-between;padding-bottom:var(--space-5);border-bottom:1px solid var(--ink);margin-bottom:var(--space-7)}.system-head h2{font-family:var(--font-display);font-weight:600;font-size:clamp(40px,4.8vw,64px);line-height:.95;letter-spacing:var(--tracking-tight);color:var(--ink)}.system-head .num{font-family:var(--font-mono);font-weight:500;font-size:12px;letter-spacing:var(--tracking-wide);color:var(--fg-3);text-transform:uppercase}.system-grid{display:grid;grid-template-columns:1.05fr 1fr;gap:clamp(40px,6vw,80px)}.palette-label{font-family:var(--font-mono);font-weight:500;font-size:11px;letter-spacing:var(--tracking-widest);text-transform:uppercase;color:var(--fg-3);margin-bottom:var(--space-5)}.palette-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-3)}.swatch{background:var(--paper-4);border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--space-5);display:flex;flex-direction:column;gap:var(--space-4);aspect-ratio:5 / 4;transition:border-color var(--dur) var(--ease)}.swatch:hover{border-color:var(--ink)}.swatch-chip{flex:1;border-radius:var(--radius-sm);border:1px solid rgba(21,20,15,.08)}.swatch-foot{display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-3)}.swatch-name{font-family:var(--font-display);font-weight:600;font-size:20px;line-height:1;letter-spacing:var(--tracking-tight);color:var(--ink)}.swatch-hex{font-family:var(--font-mono);font-weight:500;font-size:11px;letter-spacing:.06em;color:var(--fg-3);text-transform:uppercase}.type-rows{display:flex;flex-direction:column;gap:var(--space-5)}.type-row{border-top:1px solid var(--border-subtle);padding-top:var(--space-5);display:grid;grid-template-columns:108px 1fr;gap:var(--space-5);align-items:baseline}.type-row:first-child{border-top:none;padding-top:0}.type-row .role{font-family:var(--font-mono);font-weight:500;font-size:11px;letter-spacing:var(--tracking-wide);text-transform:uppercase;color:var(--fg-3)}.type-row .spec{font-family:var(--font-mono);font-weight:400;font-size:10px;color:var(--fg-3);margin-top:var(--space-2);letter-spacing:.04em}.specimen-display{font-family:var(--font-display);font-weight:600;font-size:clamp(48px,6vw,84px);line-height:.9;letter-spacing:var(--tracking-tight);color:var(--ink)}.specimen-body{font-family:var(--font-sans);font-weight:400;font-size:17px;line-height:var(--leading-relaxed);color:var(--ink-2);max-width:420px}.specimen-label{font-family:var(--font-mono);font-weight:500;font-size:13px;letter-spacing:var(--tracking-widest);text-transform:uppercase;color:var(--ink)}.lockup{margin-top:var(--space-10);padding:clamp(64px,11vw,144px) var(--space-6);background:var(--forest);color:var(--paper);border-radius:var(--radius-lg);text-align:center;position:relative;overflow:hidden}.lockup-eyebrow{font-family:var(--font-mono);font-weight:500;font-size:12px;letter-spacing:var(--tracking-widest);text-transform:uppercase;color:var(--forest-soft);margin-bottom:var(--space-6);opacity:.85}.lockup-mark{font-family:var(--font-display);font-weight:600;font-size:clamp(56px,10vw,132px);line-height:.9;letter-spacing:var(--tracking-tight);color:var(--paper)}.lockup-tag{margin-top:var(--space-5);font-family:var(--font-mono);font-weight:500;font-size:12px;letter-spacing:var(--tracking-widest);text-transform:uppercase;color:var(--forest-soft);opacity:.85}.footer{padding:var(--space-8) 0 var(--space-7);display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:var(--space-5);margin-top:var(--space-7);border-top:1px solid var(--ink)}.footer-left,.footer-right{font-family:var(--font-mono);font-weight:500;font-size:11px;letter-spacing:var(--tracking-wide);text-transform:uppercase;color:var(--fg-3)}a.footer-left{transition:color var(--dur) var(--ease)}a.footer-left:hover{color:var(--ink)}a.footer-left:focus-visible{outline:1px solid var(--coral);outline-offset:4px;border-radius:1px}.footer-right{text-align:right;display:inline-flex;align-items:center;gap:12px;justify-self:end}.social{position:relative;display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:var(--radius);color:var(--ink);border:1px solid var(--border);background:transparent;transition:color var(--dur) var(--ease),border-color var(--dur) var(--ease),background var(--dur) var(--ease)}.social svg{width:15px;height:15px;display:block}.social:hover{color:var(--coral);border-color:var(--ink);background:var(--paper-4)}.social:focus-visible{outline:1px solid var(--coral);outline-offset:2px}.footer-center{font-family:var(--font-display);font-weight:600;font-size:16px;letter-spacing:var(--tracking-tight);color:var(--ink);display:inline-flex;align-items:baseline;gap:8px;white-space:nowrap}.footer-center .meta{font-family:var(--font-mono);font-weight:500;font-size:11px;letter-spacing:var(--tracking-wide);text-transform:uppercase;color:var(--fg-3)}.footer-center .dot{width:4px;height:4px;background:var(--coral);border-radius:999px;align-self:center}.orbit-glyph{width:64px;height:64px;color:var(--ink)}@media (max-width: 880px){.statement{grid-template-columns:1fr;gap:var(--space-7)}.system-grid{grid-template-columns:1fr}.palette-grid{grid-template-columns:repeat(2,1fr)}.footer{grid-template-columns:1fr;text-align:center;gap:var(--space-4)}.footer-right{text-align:center;justify-self:center}.footer-center{justify-content:center}}@media (prefers-reduced-motion: no-preference){.specimen-pulse{animation:pulse 5.5s cubic-bezier(.4,0,.2,1) infinite}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.55}}