:root{--surface-0: #1a0e08;--surface-1: #231511;--surface-2: #2d1c17;--surface-3: #38201a;--text-primary: #f3e9e1;--text-secondary: #d4c4b6;--text-muted: #9a8978;--text-on-accent: #1a0e08;--text-accent: #dc4a26;--fill-accent: #c2410c;--fill-accent-hover: #9a3409;--text-success: #84a07a;--bg-success: #1f2a22;--text-warning: #c89060;--bg-warning: #2a1f15;--text-danger: #b86a4a;--bg-danger: #2a1612;--text-info: #b09c8a;--bg-info: #251a15;--border: rgba(220, 74, 38, .12);--border-strong: rgba(220, 74, 38, .22);--border-accent: rgba(220, 74, 38, .4);--border-danger: rgba(184, 106, 74, .4);--font-sans: "Inter", system-ui, -apple-system, "Segoe UI", sans-serif;--font-mono: "IBM Plex Mono", "JetBrains Mono", ui-monospace, monospace;--radius: 3px;--radius-lg: 6px;--radius-xl: 10px;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-6: 1.5rem;--space-8: 2rem;--space-12: 3rem;--space-16: 4rem;--space-20: 5rem;--mortar: 6px;--ease-out: cubic-bezier(.16, 1, .3, 1);--ease-in-out: cubic-bezier(.4, 0, .2, 1);--shadow-sm: 0 1px 2px rgba(0, 0, 0, .4);--shadow-md: 0 6px 18px rgba(0, 0, 0, .5);--shadow-lg: 0 14px 36px rgba(0, 0, 0, .6);--shadow-glow: 0 0 28px rgba(220, 74, 38, .3)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;font-size:16px;-webkit-text-size-adjust:100%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}body{font-family:var(--font-sans);background:var(--surface-0);color:var(--text-primary);line-height:1.6;overflow-x:hidden}a{color:inherit;text-decoration:none}button{font-family:inherit;cursor:pointer;background:none;border:none;color:inherit}img,svg,canvas{display:block;max-width:100%}code,pre,.mono{font-family:var(--font-mono)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-to-content{position:absolute;top:-100px;left:1rem;z-index:100;padding:.5rem 1rem;background:var(--text-accent);color:var(--text-on-accent);border-radius:var(--radius);font-weight:600;transition:top .2s var(--ease-out)}.skip-to-content:focus{top:1rem}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}.section{padding:var(--space-16) 0;max-width:none;margin:0;position:relative}@media (max-width: 720px){.section{padding:var(--space-12) 0}}.divider{border:none;border-top:.5px solid var(--border);margin:0}.brick{position:relative;background:var(--surface-1);border:.5px solid var(--border);border-radius:var(--radius);padding:var(--space-6);color:var(--text-primary);box-shadow:inset 0 1px #ffffff0a,0 1px #0000004d;transition:border-color .2s var(--ease-out),transform .4s var(--ease-out),box-shadow .4s var(--ease-out),background .2s var(--ease-out)}.brick--default{background:var(--surface-1)}.brick--raised{background:var(--surface-2);border-color:var(--border-strong);box-shadow:inset 0 1px #ffffff0f,0 1px #0006,0 12px 32px #00000059}.brick--recessed{background:var(--surface-0);box-shadow:inset 0 2px 6px #0006}.brick--accent{background:var(--text-accent);color:var(--text-on-accent);border-color:transparent;box-shadow:inset 0 1px #ffffff26,0 0 32px #dc4a2640,0 1px #0006,0 14px 36px #00000080}.brick--muted{background:var(--surface-1);color:var(--text-muted);border-color:var(--border)}.brick--cracked{background:var(--surface-1);border-color:#b86a4a40;position:relative;overflow:hidden}.brick--cracked:after{content:"";position:absolute;inset:0;background:linear-gradient(45deg,transparent 49.5%,rgba(184,106,74,.45) 50%,transparent 50.5%),linear-gradient(-30deg,transparent 49.7%,rgba(184,106,74,.35) 50%,transparent 50.3%);pointer-events:none;opacity:.5}.brick--interactive{cursor:pointer}.brick--interactive:hover{border-color:var(--border-accent);transform:translateY(-2px);box-shadow:inset 0 1px #ffffff0f,0 4px #0000004d,0 12px 28px #0006}.brick--interactive:active{transform:translateY(0);box-shadow:inset 0 2px 4px #0006,0 1px #0000004d}.brick--head{border-left:3px solid var(--text-accent)}.brick-wall{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--mortar)}@media (max-width: 720px){.brick-wall{grid-template-columns:1fr}}.brick-wall .brick{grid-column:var(--brick-col, auto);grid-row:var(--brick-row, auto)}.wall{max-width:1080px;margin:0 auto;padding:0 var(--space-6);display:flex;flex-direction:column;gap:var(--mortar);padding-top:80px}.section{padding:var(--space-16) 0;position:relative}.nav{position:fixed;top:var(--space-3);left:50%;transform:translate(-50%);z-index:50;width:min(1080px - 2 * var(--space-6),calc(100% - 2 * var(--space-6)))}.nav .brick{display:flex;align-items:center;justify-content:space-between;padding:.5rem 1rem;background:#231511d9;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-color:var(--border)}.nav__links{display:flex;align-items:center;gap:var(--space-4);font-size:13px;color:var(--text-secondary);font-family:var(--font-mono)}.nav__links a{transition:color .2s var(--ease-out)}.nav__links a:hover{color:var(--text-accent)}@media (max-width: 720px){.nav__links{display:none}}.hero{position:relative;min-height:calc(100vh - 80px);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-12) 0;overflow:hidden;isolation:isolate}.hero__wall{position:absolute;inset:0;z-index:-1;background:linear-gradient(to right,transparent 0,transparent calc(50% - 1px),rgba(220,74,38,.04) calc(50% - 1px),rgba(220,74,38,.04) calc(50% + 1px),transparent calc(50% + 1px)),linear-gradient(to bottom,transparent 0,transparent 79px,rgba(220,74,38,.06) 79px,rgba(220,74,38,.06) 80px,transparent 80px);background-size:50% 100%,100% 80px;background-position:0 0,0 0;opacity:.5;animation:brick-breathe 60s ease-in-out infinite}@keyframes brick-breathe{0%,to{opacity:.4}50%{opacity:.7}}.hero__brick{width:min(100%,720px);padding:var(--space-8) var(--space-8) var(--space-6);text-align:left;animation:brick-arrive .8s var(--ease-out) both}@keyframes brick-arrive{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.hero__nav-row{display:flex;align-items:center;justify-content:space-between;margin:calc(var(--space-6) * -1) calc(var(--space-8) * -1) var(--space-6);padding:var(--space-3) var(--space-6);border-bottom:.5px solid var(--border);background:#2d1c1780;border-radius:var(--radius) var(--radius) 0 0}.hero__nav-links{display:flex;align-items:center;gap:var(--space-4);font-size:13px;color:var(--text-secondary);font-family:var(--font-mono)}.hero__nav-links a{transition:color .2s var(--ease-out)}.hero__nav-links a:hover{color:var(--text-accent)}@media (max-width: 720px){.hero__nav-row{padding:var(--space-3) var(--space-4)}.hero__nav-links{display:none}.hero__brick{padding:var(--space-6)}}.hero__eyebrow{display:inline-flex;align-items:center;gap:var(--space-2);padding:.3rem .7rem;border:.5px solid var(--border-strong);border-radius:999px;font-family:var(--font-mono);font-size:11px;color:var(--text-muted);margin-bottom:var(--space-4);background:#1a0e0899}.hero__eyebrow-dot{width:6px;height:6px;border-radius:999px;background:var(--text-accent);box-shadow:0 0 8px var(--text-accent);animation:pulse 2.4s var(--ease-in-out) infinite}@keyframes pulse{0%,to{opacity:.6}50%{opacity:1}}.hero__title{font-size:clamp(2.2rem,5.5vw,3.6rem);font-weight:600;line-height:1.05;letter-spacing:-.025em;margin-bottom:var(--space-4);color:var(--text-primary)}.hero__title-accent{color:var(--text-accent);position:relative;white-space:nowrap}.hero__title-accent:after{content:"";position:absolute;left:0;right:0;bottom:.06em;height:.08em;background:var(--text-accent);opacity:.18;border-radius:1px}.hero__subtitle{font-size:clamp(.95rem,1.4vw,1.05rem);color:var(--text-secondary);line-height:1.55;max-width:56ch;margin-bottom:var(--space-6)}.hero__install{display:inline-flex;align-items:center;gap:var(--space-2);padding:.75rem 1.25rem;background:var(--surface-0);border:.5px solid var(--border-strong);border-radius:var(--radius);font-family:var(--font-mono);font-size:14px;color:var(--text-primary);transition:border-color .2s var(--ease-out),background .2s var(--ease-out)}.hero__install:hover{border-color:var(--border-accent);background:var(--surface-3)}.hero__install-prompt{color:var(--text-accent);user-select:none}.hero__install-cmd{color:var(--text-primary)}.hero__install-icon{color:var(--text-muted);width:16px;height:16px;transition:color .2s var(--ease-out)}.hero__install.is-copied .hero__install-icon{color:var(--text-success)}.hero__install.is-copied{border-color:var(--text-success)}.hero__meta{display:flex;align-items:center;flex-wrap:wrap;gap:var(--space-2);margin-top:var(--space-6);padding-top:var(--space-4);border-top:.5px solid var(--border);font-family:var(--font-mono);font-size:11px;color:var(--text-muted);letter-spacing:.02em}.hero__meta-sep{color:var(--border-accent)}.hero__scroll-hint{position:absolute;bottom:var(--space-4);left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:var(--space-2);color:var(--text-muted);font-family:var(--font-mono);font-size:10px;letter-spacing:.15em;text-transform:uppercase;opacity:.7}.hero__scroll-line{width:1px;height:28px;background:linear-gradient(180deg,var(--text-accent),transparent);animation:scroll-pulse 2.4s var(--ease-in-out) infinite}@keyframes scroll-pulse{0%,to{opacity:.3}50%{opacity:1}}.tools__wall{display:grid;grid-template-columns:repeat(2,1fr);grid-auto-rows:minmax(180px,auto);gap:var(--mortar)}.tools__head{grid-column:1 / -1}.tools__head-inner{display:flex;flex-direction:column;gap:var(--space-2)}.tools__label{font-family:var(--font-mono);font-size:11px;color:var(--text-muted);letter-spacing:.1em;text-transform:uppercase}.tools__title{font-size:clamp(1.4rem,3vw,1.9rem);font-weight:500;letter-spacing:-.015em;line-height:1.25;color:var(--text-primary)}.tools__title-accent{color:var(--text-accent)}.tools__body{color:var(--text-secondary);line-height:1.6;font-size:15px;max-width:60ch;margin-top:var(--space-2)}@media (max-width: 720px){.tools__wall{grid-template-columns:1fr}}.tool-card{display:flex;flex-direction:column;gap:var(--space-2);height:100%;cursor:pointer;position:relative}.tool-card__icon{width:28px;height:28px;color:var(--text-accent);margin-bottom:var(--space-2)}.tool-card__name{font-family:var(--font-mono);font-size:13px;font-weight:500;color:var(--text-primary);margin-bottom:var(--space-1)}.tool-card__name:before{content:"@usebrick/";color:var(--text-muted)}.tool-card__desc{font-size:13.5px;line-height:1.55;color:var(--text-secondary);flex:1}.tool-card__hint{font-family:var(--font-mono);font-size:10px;color:var(--text-muted);letter-spacing:.1em;text-transform:uppercase;margin-top:var(--space-3);opacity:0;transition:opacity .2s var(--ease-out)}.tool-card:hover .tool-card__hint{opacity:.7}.tool-card__cracks{position:absolute;inset:0;pointer-events:none;opacity:0;transition:opacity .4s var(--ease-out);z-index:2}.tool-card__cracks.is-broken{opacity:1}.tool-card__crack{stroke:var(--text-accent);stroke-width:1.2;stroke-linecap:round;fill:none;filter:drop-shadow(0 0 4px rgba(220,74,38,.4))}.compare-section__head{margin-bottom:var(--mortar);text-align:left}.compare-section__label{display:block;font-family:var(--font-mono);font-size:11px;color:var(--text-muted);letter-spacing:.1em;text-transform:uppercase;margin-bottom:var(--space-2)}.compare-section__title{font-size:clamp(1.4rem,3vw,1.9rem);font-weight:500;letter-spacing:-.015em;line-height:1.25;color:var(--text-primary);margin-bottom:var(--space-2)}.compare-section__accent{color:var(--text-accent)}.compare-section__body{color:var(--text-secondary);line-height:1.6;font-size:15px;max-width:60ch}.compare{display:grid;grid-template-columns:1fr 1fr;gap:var(--mortar)}@media (max-width: 720px){.compare{grid-template-columns:1fr}}.compare__col{display:flex;flex-direction:column;gap:var(--mortar)}.compare__heading{display:flex;align-items:center;gap:var(--space-2);font-family:var(--font-mono);font-size:12px;color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em;padding:.75rem 1rem;background:var(--surface-1);border-radius:var(--radius);border:.5px solid var(--border)}.compare__heading--yay{color:var(--text-accent);border-color:var(--border-accent);background:var(--surface-2)}.compare__brick-wall{display:flex;flex-direction:column;gap:var(--mortar)}.compare__brick{padding:var(--space-3) var(--space-4)}.compare__item{display:flex;align-items:flex-start;gap:var(--space-2);font-size:14px;line-height:1.5;color:var(--text-primary)}.compare__col--yay .compare__item{color:var(--text-primary)}.compare__col--nay .compare__item{color:var(--text-muted);text-decoration:line-through;text-decoration-color:#b86a4a66;text-decoration-thickness:.5px}.compare__check{flex-shrink:0;width:16px;height:16px;margin-top:.15em;color:var(--text-accent)}.compare__cross{flex-shrink:0;width:16px;height:16px;margin-top:.15em;color:var(--text-muted)}.calibration{display:flex;flex-direction:column;gap:var(--space-8)}.calibration__head{text-align:center;display:flex;flex-direction:column;gap:var(--space-2);align-items:center}.calibration__label{font-family:var(--font-mono);font-size:11px;color:var(--text-muted);letter-spacing:.1em;text-transform:uppercase}.calibration__title{font-size:clamp(1.4rem,3vw,1.9rem);font-weight:500;letter-spacing:-.015em;line-height:1.25;color:var(--text-primary)}.calibration__accent{color:var(--text-accent)}.calibration__stats{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--mortar)}@media (max-width: 720px){.calibration__stats{grid-template-columns:repeat(2,1fr)}}.calibration__stat{text-align:center;padding:var(--space-6) var(--space-4);display:flex;flex-direction:column;gap:var(--space-1);position:relative;overflow:hidden}.calibration__stat:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 100%,rgba(220,74,38,.08),transparent 60%);pointer-events:none}.calibration__value{font-size:clamp(2.2rem,4.5vw,3.2rem);font-weight:600;line-height:1;letter-spacing:-.03em;color:var(--text-accent);font-variant-numeric:tabular-nums}.calibration__axis{font-family:var(--font-mono);font-size:11px;color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em;margin-top:var(--space-2)}.calibration__verdict{font-family:var(--font-mono);font-size:10px;color:var(--text-success);letter-spacing:.1em;text-transform:uppercase;margin-top:var(--space-1)}.calibration__quote{max-width:720px;margin:0 auto;text-align:center;font-size:clamp(1rem,1.6vw,1.15rem);line-height:1.55;color:var(--text-primary);padding:var(--space-6) var(--space-4);border:.5px solid var(--border);border-radius:var(--radius);background:var(--surface-1);position:relative}.calibration__quote em{font-style:normal;color:var(--text-accent)}.calibration__cite{display:block;margin-top:var(--space-3);font-size:11px;color:var(--text-muted);font-family:var(--font-mono);font-style:normal;letter-spacing:.08em;text-transform:uppercase}.structure-demo{margin:var(--space-8) 0}.structure-demo__panel{background:var(--surface-0);border:.5px solid var(--border-strong);border-radius:var(--radius);overflow:hidden;box-shadow:0 14px 36px #00000080}.structure-demo__bar{display:flex;align-items:center;gap:.4rem;padding:.6rem .8rem;background:var(--surface-2);border-bottom:.5px solid var(--border)}.structure-demo__dot{width:9px;height:9px;border-radius:999px;background:var(--surface-3)}.structure-demo__dot:nth-child(1){background:#b86a4a99}.structure-demo__dot:nth-child(2){background:#c8906099}.structure-demo__dot:nth-child(3){background:#84a07a99}.structure-demo__path{margin-left:auto;font-family:var(--font-mono);font-size:11px;color:var(--text-muted)}.structure-demo__body{padding:var(--space-5);font-family:var(--font-mono);font-size:13px;line-height:1.75;color:var(--text-primary);white-space:pre;overflow-x:auto;margin:0}.sd-key{color:var(--text-accent)}.sd-str{color:var(--text-success)}.sd-num{color:var(--text-warning)}.sd-line{display:block;padding-left:calc(var(--indent, 0) * 1.5em);min-height:1.4em;opacity:.18;transform:translate(-6px);transition:opacity .5s var(--ease-out),transform .5s var(--ease-out)}.sd-line.is-visible{opacity:1;transform:translate(0)}.cta{text-align:center;padding:var(--space-12) 0}.brick--cta{max-width:720px;margin:0 auto;padding:var(--space-12) var(--space-8)}.cta__label{display:inline-block;font-family:var(--font-mono);font-size:11px;color:var(--text-on-accent);letter-spacing:.15em;text-transform:uppercase;margin-bottom:var(--space-4);padding:.3rem .7rem;background:#1a0e082e;border-radius:999px;opacity:.85}.cta__title{font-size:clamp(1.8rem,4vw,2.6rem);font-weight:600;letter-spacing:-.02em;line-height:1.15;margin-bottom:var(--space-4);color:var(--text-on-accent)}.cta__em{font-style:normal;color:var(--text-on-accent);text-decoration:underline;text-decoration-thickness:1.5px;text-underline-offset:4px;text-decoration-color:#1a0e0866}.cta__body{color:#1a0e08bf;margin-bottom:var(--space-8);line-height:1.6;font-size:15px}.cta__buttons{display:flex;justify-content:center;gap:var(--space-3);flex-wrap:wrap}.brick--cta .btn{background:var(--surface-0);color:var(--text-primary);border-color:transparent;font-weight:500}.brick--cta .btn--primary{background:var(--text-on-accent);color:var(--text-accent);font-weight:600}.brick--cta .btn--primary:hover{background:var(--text-on-accent);filter:brightness(1.1)}.btn{display:inline-flex;align-items:center;gap:var(--space-2);padding:.75rem 1.25rem;border-radius:var(--radius);font-size:14px;font-weight:500;border:.5px solid var(--border-strong);background:var(--surface-1);color:var(--text-primary);text-decoration:none;transition:border-color .2s var(--ease-out),background .2s var(--ease-out)}.btn:hover{border-color:var(--border-accent)}.btn__icon{width:16px;height:16px;flex-shrink:0}.footer{margin-top:var(--space-12);margin-bottom:var(--space-6)}.brick--footer{padding:var(--space-6);text-align:center}.footer__row{display:flex;justify-content:center;gap:var(--space-6);flex-wrap:wrap;margin-bottom:var(--space-3);font-family:var(--font-mono);font-size:12px}.footer__row a{color:var(--text-secondary);transition:color .2s var(--ease-out)}.footer__row a:hover{color:var(--text-accent)}.footer__tag{font-family:var(--font-mono);font-size:12px;color:var(--text-muted);margin-bottom:var(--space-2)}.footer__version{font-family:var(--font-mono);font-size:11px;color:var(--text-muted)}.footer__version span{color:var(--text-accent)}.logo[data-astro-cid-tvrurpns]{display:inline-flex;align-items:center;gap:.5rem;color:var(--text-primary);text-decoration:none;font-family:var(--font-mono);font-weight:600;letter-spacing:-.01em}.logo__mark[data-astro-cid-tvrurpns]{display:inline-flex;flex-shrink:0}.logo__wordmark[data-astro-cid-tvrurpns]{font-size:var(--logo-fs, 14px);line-height:1;white-space:nowrap}.logo__slash[data-astro-cid-tvrurpns]{color:var(--text-accent);margin:0 1px}.logo__suffix[data-astro-cid-tvrurpns]{color:var(--text-secondary);font-weight:500}.logo[data-astro-cid-tvrurpns]:hover .logo__suffix[data-astro-cid-tvrurpns]{color:var(--text-primary)}