:root{--hero-bg:#0a1f1e;--hero-bg-soft:#122a28;--hero-text:#ddd3e8;--hero-text-dim:#9aa5ae;--lilac:#c8b8e8;--lilac-soft:#e5def0;--olive:#5c4a30;--olive-soft:#6e5a3d;--olive-text:#e8e0cc;--mint:#c8f0b8;--wine:#2a1a22;--cream:#f5f1ea;--cream-soft:#efe9dc;--white:#fff;--ink:#14201e;--ink-soft:#5f6b68;--ink-mute:#8a938f;--border:#ddd8c8;--border-soft:#e8e3d3;--warm-tan:#c4a87c;--font:"Hanken Grotesk", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--mono:"JetBrains Mono", "SFMono-Regular", Consolas, monospace}*{box-sizing:border-box}html{background:var(--hero-bg);color:var(--ink);font-family:var(--font);scroll-behavior:smooth}body{background:var(--cream);-webkit-font-smoothing:antialiased;min-width:320px;margin:0;font-size:15px;line-height:1.55}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button{cursor:pointer}.app-shell{background:var(--cream);min-height:100vh}.site-header{z-index:40;background:var(--hero-bg);color:var(--hero-text);position:sticky;top:0}.utility-bar{color:var(--hero-text-dim);font-family:var(--mono);border-bottom:1px solid #ffffff0f;justify-content:space-between;align-items:center;padding:9px 40px;font-size:11px;display:flex}.live-dot{background:#7bc174;border-radius:50%;width:6px;height:6px;margin-right:7px;display:inline-block}.top-nav{grid-template-columns:minmax(160px,220px) 1fr minmax(160px,240px);align-items:center;gap:18px;padding:17px 40px;display:grid}.brand{color:var(--hero-text);letter-spacing:0;white-space:nowrap;align-items:center;font-size:22px;font-weight:600;display:inline-flex}.brand span{background:var(--lilac);border-radius:50%;width:6px;height:6px;margin-left:4px;display:inline-block}.nav-pill{scrollbar-width:none;background:#ffffff0f;border-radius:999px;justify-content:center;justify-self:center;align-items:center;min-width:0;max-width:100%;padding:4px;display:flex;overflow-x:auto}.nav-pill::-webkit-scrollbar{display:none}.nav-pill a{color:var(--hero-text);white-space:nowrap;border-radius:999px;flex:none;padding:8px 14px;font-size:13px;font-weight:500;transition:background .16s,color .16s}.nav-pill a.active,.nav-pill a:hover{background:#ffffff1a}.nav-search,.hero-search,.search-page-form{border:1px solid #ffffff29;border-radius:999px;align-items:center;gap:10px;min-width:0;display:flex}.nav-search{background:#ffffff0f;justify-self:end;padding:6px 8px 6px 13px}.header-actions{justify-self:end;align-items:center;gap:10px;min-width:0;display:flex}.header-actions .nav-search{flex:1}.lang-link{color:var(--hero-text);font-family:var(--mono);background:#ffffff14;border:1px solid #ffffff24;border-radius:999px;flex:none;justify-content:center;align-items:center;min-height:38px;padding:0 13px;font-size:12px;display:inline-flex}.lang-link:hover{background:#ffffff21}.nav-search input,.hero-search input,.search-page-form input{color:inherit;background:0 0;border:0;outline:0;width:100%;min-width:0}.nav-search input::placeholder,.hero-search input::placeholder{color:var(--hero-text-dim)}.nav-search button,.hero-search button,.search-page-form button{background:var(--lilac);color:var(--ink);border:0;border-radius:999px;justify-content:center;align-items:center;min-width:34px;min-height:34px;padding:0 16px;font-size:14px;font-weight:500;display:inline-flex}.nav-search button{padding:0}.hero-section{background:var(--hero-bg);color:var(--hero-text);padding:32px 40px 34px}.hero-grid{grid-template-columns:minmax(0,1.05fr) minmax(360px,.75fr);align-items:start;gap:48px;max-width:1280px;margin:0 auto;display:grid}.quiet-label{color:var(--warm-tan);align-items:center;gap:8px;margin:0 0 18px;font-size:13px;display:inline-flex}.quiet-label:before{content:"";background:currentColor;border-radius:50%;width:7px;height:7px}.quiet-label.dark{color:var(--lilac)}.quiet-label.olive{color:var(--mint)}.hero-copy h1{letter-spacing:0;max-width:880px;margin:0;font-size:clamp(46px,5.8vw,76px);font-weight:500;line-height:.98}.hero-copy h1 span{color:var(--lilac);display:block}.hero-copy>p{color:var(--hero-text-dim);max-width:640px;margin:20px 0 24px;font-size:clamp(16px,1.6vw,19px);line-height:1.5}.hero-search{color:var(--hero-text);background:#ffffff12;max-width:650px;padding:8px 8px 8px 18px}.hero-stats{flex-wrap:wrap;gap:22px;margin-top:28px;display:flex}.hero-stats div{border-left:1px solid #ffffff24;min-width:72px;padding-left:16px}.hero-stats strong{color:var(--mint);letter-spacing:0;font-size:34px;font-weight:500;line-height:1;display:block}.hero-stats span{color:var(--hero-text-dim);font-family:var(--mono);text-transform:uppercase;font-size:11px}.hero-art{align-self:center;min-height:420px;position:relative}.hero-orbit{color:var(--hero-text-dim);border:1px solid #ffffff1f;border-radius:999px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;margin-bottom:18px;padding:8px;display:flex}.hero-orbit span{font-family:var(--mono);background:#ffffff12;border-radius:999px;padding:8px 12px;font-size:11px}.hero-panel{background:#102725;border:1px solid #ffffff1c;border-radius:18px;padding:14px;box-shadow:0 28px 80px #00000047}.panel-top{color:var(--hero-text-dim);font-family:var(--mono);text-transform:uppercase;justify-content:space-between;margin-bottom:16px;font-size:11px;display:flex}.panel-copy{gap:8px;margin-top:16px;display:grid}.panel-copy code{color:var(--hero-text);font-family:var(--mono);text-overflow:ellipsis;white-space:nowrap;background:#ffffff0f;border-radius:9px;padding:11px 12px;font-size:12px;overflow:hidden}.cream-section{background:var(--cream);color:var(--ink);padding:84px 40px}.intro-section,.page-section,.detail-section{margin:0 auto}.intro-section>*,.page-section>*,.detail-section>*,.site-footer>*{max-width:1280px;margin-left:auto;margin-right:auto}.section-head,.page-hero,.detail-hero,.framework-detail-hero{grid-template-columns:1fr minmax(300px,.55fr);align-items:end;gap:48px;margin-bottom:46px;display:grid}.section-head.compact{margin-bottom:22px;display:block}.section-head h2,.olive-band h2,.page-hero h1,.detail-hero h1,.framework-detail-hero h1{letter-spacing:0;overflow-wrap:anywhere;margin:0;font-size:clamp(40px,5vw,68px);font-weight:500;line-height:1.02}.section-head p,.page-hero-aside p,.detail-hero>div>p,.framework-detail-hero>div>p{color:var(--ink-soft);margin:0;font-size:17px}.page-hero-aside span{border-top:1px solid var(--border);color:var(--ink-mute);font-family:var(--mono);margin-top:20px;padding-top:14px;font-size:12px;display:block}.category-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.category-entry{background:var(--cream-soft);border:1px solid var(--border-soft);border-radius:14px;grid-template-columns:auto 1fr auto;align-items:center;gap:18px;min-height:138px;padding:22px;transition:border-color .16s,transform .16s;display:grid}.category-entry:hover{border-color:var(--entry-accent,var(--warm-tan));transform:translateY(-2px)}.entry-icon{background:var(--entry-accent,var(--lilac));color:var(--ink);border-radius:12px;justify-content:center;align-items:center;width:46px;height:46px;display:flex}.category-entry p,.category-entry h3{margin:0}.category-entry p{color:var(--ink-mute);font-family:var(--mono);text-transform:uppercase;font-size:11px}.category-entry h3{font-size:24px;font-weight:500;line-height:1.05}.category-entry span{color:var(--ink-soft);margin-top:6px;font-size:13px;display:block}.technical-entry{--entry-accent:var(--mint);background:var(--wine);color:var(--hero-text);border-color:#ffffff1a}.technical-entry p,.technical-entry span{color:var(--hero-text-dim)}.olive-band{background:var(--olive);color:var(--olive-text);grid-template-columns:minmax(220px,.34fr) 1fr;gap:42px;padding:84px 40px;display:grid}.olive-band>*{max-width:1280px}.olive-band>div:first-child{width:100%;margin-left:auto}.olive-band>div:last-child{width:100%;margin-right:auto}.featured-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;display:grid}.filters-row{flex-wrap:wrap;align-items:flex-start;gap:12px;margin-bottom:26px;display:flex}.filter-search,.select-filter{background:var(--white);border:1px solid var(--border);border-radius:999px;align-items:center;gap:10px;min-width:250px;min-height:44px;padding:0 16px;display:inline-flex}.filter-search input,.select-filter select{color:var(--ink);background:0 0;border:0;outline:0;width:100%;min-width:0}.select-filter span{color:var(--ink-mute);white-space:nowrap;font-size:13px}.filter-pills{scrollbar-width:none;flex-wrap:wrap;flex:520px;gap:8px;min-width:0;padding-bottom:0;display:flex;overflow:visible}.filter-pills::-webkit-scrollbar{display:none}.filter-pills button{border:1px solid var(--border);color:var(--ink-soft);background:0 0;border-radius:999px;flex:none;padding:9px 14px;font-size:13px}.filter-pills button.active,.filter-pills button:hover{background:var(--ink);border-color:var(--ink);color:var(--cream)}.library-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;display:grid}.library-card{background:var(--white);border:1px solid var(--border);border-radius:16px;flex-direction:column;min-height:100%;transition:border-color .16s,transform .16s;display:flex;overflow:hidden}.library-card:hover{border-color:var(--ink);transform:translateY(-3px)}.featured-card{color:var(--olive-text);background:#ffffff14;border-color:#ffffff24}.visual-preview{background:linear-gradient(145deg, var(--preview-accent), #102725);isolation:isolate;min-height:210px;position:relative;overflow:hidden}.visual-preview.large{border-radius:16px;min-height:360px}.hero-panel .visual-preview.large{min-height:205px}.style-preview{background:radial-gradient(circle at 16% 12%, color-mix(in srgb, var(--preview-accent), white 22%), transparent 30%), linear-gradient(145deg, color-mix(in srgb, var(--preview-two), #0a1f1e 60%), #061615);padding:22px}.style-scene{height:100%;min-height:168px;position:relative}.style-surface,.style-shape,.style-copy-stack,.style-badge{position:absolute}.style-surface{background:#ffffff21;border:1px solid #ffffff29;border-radius:18px;padding:18px;inset:18px 118px 18px 18px}.style-surface span,.style-copy-stack span{background:#ffffff57;border-radius:999px;height:12px;margin-bottom:12px;display:block}.style-surface span:nth-child(2){width:68%}.style-surface span:nth-child(3){width:42%}.style-shape.primary{background:var(--preview-accent);border-radius:24px;width:88px;height:78px;top:28px;right:26px}.style-shape.secondary{background:var(--preview-three);border-radius:999px;width:54px;height:54px;bottom:28px;right:58px}.style-copy-stack{width:126px;bottom:30px;left:38px}.style-badge{color:var(--hero-text);letter-spacing:0;z-index:1;background:#ffffff2e;border:1px solid #ffffff38;border-radius:16px;justify-content:center;align-items:center;width:96px;height:70px;font-size:34px;font-weight:600;display:flex;top:72px;right:88px}.style-preview--minimal .style-surface,.style-preview--minimal .style-shape{box-shadow:none;border-radius:2px}.style-preview--neumorphic{background:linear-gradient(145deg,#dfe9ed,#b8cdd7)}.style-preview--neumorphic .style-surface,.style-preview--neumorphic .style-shape,.style-preview--neumorphic .style-badge{background:#dbe7eb;border-color:#ffffffa6;box-shadow:-10px -10px 24px #ffffff8c,10px 12px 26px #41545f38}.style-preview--glass{background:radial-gradient(circle at 14% 18%,#0080ff,#0000 33%),radial-gradient(circle at 82% 8%,#ff1493,#0000 28%),linear-gradient(135deg,#14235f,#0a1f1e)}.style-preview--glass .style-surface,.style-preview--glass .style-badge{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#ffffff2e}.style-preview--brutal{background:#f7f101}.style-preview--brutal .style-surface,.style-preview--brutal .style-shape,.style-preview--brutal .style-badge{color:#000;background:#fff;border:3px solid #000;border-radius:0;box-shadow:8px 8px #000}.style-preview--dimensional{perspective:760px;background:radial-gradient(circle at 30% 10%,gold,#0000 28%),linear-gradient(140deg,#001f3f,#101820)}.style-preview--dimensional .style-surface{transform:rotateX(16deg)rotate(-3deg);box-shadow:0 26px 50px #0000006b}.style-preview--vibrant{background:linear-gradient(135deg,#39ff14 0 24%,#ff1493 24% 52%,#0ff 52% 76%,#fa0 76%)}.style-preview--vibrant .style-surface,.style-preview--vibrant .style-badge{background:#0a1f1ee0}.style-preview--dark{background:#000}.style-preview--dark .style-shape.primary,.style-preview--dark .style-badge{box-shadow:0 0 28px color-mix(in srgb, var(--preview-accent), #39ff14 35%)}.style-preview--aurora{background:radial-gradient(circle at 18% 74%,#0ff,#0000 24%),radial-gradient(circle at 74% 18%,#f0f,#0000 30%),radial-gradient(circle at 56% 86%,#0f6,#0000 28%),#0a1f1e}.style-preview--editorial{background:#fdfbf7}.style-preview--editorial .style-surface,.style-preview--editorial .style-badge{color:#1a1a1a;background:#fff;border-color:#1a1a1a}.palette-preview{background:linear-gradient(145deg, color-mix(in srgb, var(--preview-accent), #f5f1ea 70%), #f8f5ee);grid-template-rows:1fr auto;gap:14px;padding:22px;display:grid}.palette-sample-card{background:#ffffffad;border:1px solid #14201e1a;border-radius:18px;align-content:center;gap:18px;padding:18px;display:grid}.palette-orbs{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.palette-orbs span{border:2px solid #14201e1f;border-radius:50%;width:44px;height:44px;box-shadow:0 8px 18px #14201e1a}.palette-mini-ui{grid-template-columns:1fr auto;gap:8px;display:grid}.palette-mini-ui span,.palette-mini-ui strong{background:color-mix(in srgb, var(--preview-two), #fff 60%);border-radius:999px;height:12px;display:block}.palette-mini-ui span:nth-child(2){width:68px}.palette-mini-ui strong{background:var(--preview-accent);grid-column:1/-1;width:110px;height:34px}.palette-code-row{background:#ffffff9e;border-radius:12px;align-items:center;gap:8px;min-width:0;padding:10px;display:flex}.palette-code-row span{border-radius:50%;flex:none;width:16px;height:16px}.palette-preview code,.chart-preview code,.panel-copy code{font-family:var(--mono)}.palette-preview code,.chart-preview code{color:var(--ink);text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:12px;overflow:hidden}.font-preview{background:var(--hero-bg);color:var(--hero-text);grid-template-rows:auto auto 1fr;gap:8px;padding:28px;display:grid}.font-sample-heading{color:var(--lilac);letter-spacing:0;font-size:clamp(78px,9vw,126px);font-weight:600;line-height:.82}.font-sample-title{color:var(--hero-text);letter-spacing:0;text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:22px;font-weight:600;line-height:1;overflow:hidden}.font-preview p{color:var(--hero-text-dim);overflow-wrap:anywhere;margin:0;font-size:15px;line-height:1.35}.chart-preview{background:#eef2f1;grid-template-rows:1fr auto;gap:18px;padding:24px;display:grid}.chart-stage{justify-content:center;align-items:center;min-width:0;height:150px;display:flex}.chart-bars{align-items:end;gap:12px;width:100%;height:100%;display:flex}.chart-bars span{background:var(--preview-accent);border-radius:999px 999px 0 0;flex:1}.chart-svg{width:100%;max-width:260px;height:100%;overflow:visible}.chart-svg path,.chart-svg line{fill:none;stroke:var(--preview-accent);stroke-linecap:round;stroke-width:9px}.chart-line path:last-child{fill:color-mix(in srgb, var(--preview-accent), transparent 78%);stroke:none}.chart-svg circle,.chart-radar polygon:first-child{fill:color-mix(in srgb, var(--preview-accent), #fff 18%)}.chart-donut{aspect-ratio:1;background:conic-gradient(var(--preview-accent) 0 42%, var(--preview-two) 42% 70%, var(--preview-three) 70% 88%, var(--preview-four) 88%);border-radius:50%;justify-content:center;align-items:center;width:min(134px,62%);display:flex}.chart-donut span{background:#eef2f1;border-radius:50%;width:48%;height:48%}.chart-scatter{background-color:#0000;background-image:linear-gradient(#14201e14 1px,#0000 1px),linear-gradient(90deg,#14201e14 1px,#0000 1px);background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:34px 34px;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;width:100%;height:100%;position:relative}.chart-scatter span{background:var(--preview-accent);border-radius:50%;width:13px;height:13px;position:absolute}.chart-heat,.chart-waffle{gap:7px;display:grid}.chart-heat{grid-template-columns:repeat(5,1fr);width:min(172px,70%)}.chart-heat span,.chart-waffle span{aspect-ratio:1;background:var(--preview-accent);border-radius:7px}.chart-gauge{aspect-ratio:2;background:conic-gradient(from 270deg, #ef5350 0 28%, #f2c94c 28% 58%, var(--preview-accent) 58% 78%, transparent 78%);border-radius:999px 999px 0 0;width:min(210px,90%);position:relative}.chart-gauge span{background:#eef2f1;border-radius:999px 999px 0 0;width:60%;height:58%;position:absolute;bottom:0;left:20%}.chart-gauge strong{background:var(--ink);transform-origin:0;border-radius:999px;width:58px;height:5px;display:block;position:absolute;bottom:8px;left:50%;transform:rotate(-28deg)}.chart-candles{align-items:center;gap:16px;height:100%;display:flex}.chart-candles span{background:var(--preview-accent);border-radius:5px;width:18px;position:relative}.chart-candles span:before{background:var(--ink-soft);content:"";width:2px;height:calc(100% + 28px);position:absolute;top:-14px;left:8px}.chart-waffle{grid-template-columns:repeat(6,1fr);width:min(180px,72%)}.chart-waffle span{background:#14201e1f}.chart-waffle span.filled{background:var(--preview-accent)}.chart-radar polygon{fill:#ffffff85;stroke:var(--preview-accent);stroke-width:6px}.chart-radar polygon:last-child{fill:color-mix(in srgb, var(--preview-accent), transparent 65%)}.landing-preview{background:var(--hero-bg);grid-template-rows:auto 1fr;gap:12px;padding:24px;display:grid}.landing-browser{gap:6px;display:flex}.landing-browser span{background:#ffffff42;border-radius:50%;width:8px;height:8px}.landing-layout{gap:12px;height:100%;min-height:142px;display:grid}.landing-layout span,.landing-layout div,.landing-layout strong,.landing-layout button{background:#ffffff1f;border:0;border-radius:12px;display:block}.landing-hero-mini{grid-template-columns:1.05fr .95fr}.landing-hero-mini span:first-child{grid-column:1/-1}.landing-hero-mini div{background:var(--preview-accent)}.landing-pricing{grid-template-columns:repeat(3,1fr)}.landing-pricing span{grid-column:1/-1;min-height:34px}.landing-pricing strong:nth-child(3){background:var(--preview-accent)}.landing-form{grid-template-columns:1fr .82fr}.landing-form span{grid-row:span 2}.landing-form button{background:var(--preview-accent)}.landing-testimonials{grid-template-columns:repeat(2,1fr)}.landing-testimonials strong{background:var(--preview-accent);grid-column:1/-1}.landing-demo{grid-template-columns:1.25fr .75fr}.landing-demo div{background:var(--preview-accent)}.landing-comparison{grid-template-columns:repeat(4,1fr)}.landing-comparison span:nth-child(2),.landing-comparison span:nth-child(6){background:var(--preview-accent)}.landing-directory{grid-template-columns:repeat(3,1fr)}.landing-directory span{grid-column:1/-1;min-height:34px}.landing-story{grid-template-columns:repeat(3,minmax(0,1fr))}.landing-story span{min-height:130px}.landing-story span:nth-child(2){background:var(--preview-accent)}.landing-grid-mini{grid-template-columns:1.2fr .8fr 1fr}.landing-grid-mini span:first-child,.landing-grid-mini span:nth-child(4){grid-row:span 2}.card-body{flex-direction:column;flex:1;padding:20px;display:flex}.card-kicker{color:var(--ink-mute);font-family:var(--mono);text-transform:uppercase;justify-content:space-between;align-items:center;font-size:11px;display:flex}.featured-card .card-kicker,.featured-card .card-body p{color:#e8e0ccb3}.card-body h3{margin:13px 0 10px;font-size:24px;font-weight:500;line-height:1.08}.card-body p{color:var(--ink-soft);flex:1;margin:0 0 18px}.tag-row{flex-wrap:wrap;gap:6px;display:flex}.tag-row span{border:1px solid var(--border);color:var(--ink-soft);border-radius:999px;padding:7px 9px;font-size:12px;line-height:1}.tag-row.big{margin-top:26px}.tag-row.big span{padding:9px 12px;font-size:13px}.featured-card .tag-row span{color:#e8e0ccd1;border-color:#e8e0cc33}.breadcrumb{color:var(--ink-mute);font-family:var(--mono);flex-wrap:wrap;align-items:center;gap:9px;margin-bottom:42px;font-size:12px;display:flex}.breadcrumb a:hover{color:var(--ink)}.detail-hero{align-items:start}.detail-hero>div:first-child>p,.framework-detail-hero>div:first-child>p{max-width:680px}.product-detail-hero{grid-template-columns:minmax(0,1fr) minmax(320px,.42fr);align-items:stretch}.product-detail-intro{align-content:start;justify-items:start;display:grid}.product-summary-card{background:var(--white);border:1px solid var(--border);border-radius:16px;align-self:start;padding:22px}.product-card{flex-direction:column;display:flex}.product-card .product-preview{margin:-22px -22px 18px}.product-preview{background:radial-gradient(circle at 18% 18%, color-mix(in srgb, var(--preview-accent), #fff 38%), transparent 28%), linear-gradient(140deg, color-mix(in srgb, var(--preview-two), #0a1f1e 62%), #071918);border-bottom:1px solid var(--border-soft);border-radius:16px 16px 0 0;gap:12px;min-height:190px;padding:16px;display:grid;overflow:hidden}.product-preview.compact{border:1px solid var(--border-soft);border-radius:14px;width:100%;max-width:610px;min-height:0;margin:24px 0 0}.product-summary-card .product-preview.compact{max-width:none;margin:14px 0 18px}.product-preview-top,.product-preview-bottom{gap:10px;min-width:0;display:grid}.product-preview-top{grid-template-columns:1.05fr .95fr}.product-preview-bottom{grid-template-columns:.78fr 1fr .86fr;align-items:stretch}.product-preview-style,.product-preview-font,.product-preview-chart,.product-preview-landing{background:#ffffff1f;border:1px solid #ffffff24;border-radius:13px;min-width:0}.product-preview-style{min-height:84px;padding:12px;position:relative;overflow:hidden}.product-preview-style span{background:#ffffff52;border-radius:999px;width:72%;height:10px;margin-bottom:9px;display:block}.product-preview-style span:nth-child(2){width:44%}.product-preview-style strong{background:var(--preview-accent);color:var(--ink);border-radius:12px;justify-content:center;align-items:center;width:52px;height:40px;font-size:24px;font-weight:600;display:flex;position:absolute;bottom:12px;right:12px}.product-preview-style--brutal{background:#f7f101;border-color:#000}.product-preview-style--brutal span,.product-preview-style--brutal strong{color:#000;background:#fff;border:2px solid #000;border-radius:0;box-shadow:4px 4px #000}.product-preview-style--neumorphic{background:#dbe7eb}.product-preview-style--neumorphic span,.product-preview-style--neumorphic strong{background:#dbe7eb;box-shadow:-6px -6px 14px #fff9,7px 8px 16px #41545f33}.product-preview-style--glass{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffff29}.product-preview-style--aurora{background:radial-gradient(circle at 20% 80%,#0ff,#0000 36%),radial-gradient(circle at 78% 18%,#f0f,#0000 34%),#ffffff1f}.product-preview-font{color:var(--hero-text);gap:4px;padding:12px;display:grid}.product-preview-font strong{color:var(--lilac);font-size:52px;font-weight:600;line-height:.82;display:block}.product-preview-font span{color:var(--hero-text-dim);text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:12px;line-height:1.2;overflow:hidden}.product-preview-orbs{flex-wrap:wrap;align-content:center;gap:7px;min-width:0;display:flex}.product-preview-orbs span{border:2px solid #ffffff5c;border-radius:50%;width:24px;height:24px;box-shadow:0 8px 18px #00000029}.product-preview-chart{justify-content:center;align-items:center;min-height:62px;padding:8px;display:flex;overflow:hidden}.product-preview-chart .chart-bars{gap:6px}.product-preview-chart .chart-bars span{min-width:8px}.product-preview-chart .chart-svg{max-height:62px}.product-preview-chart .chart-svg path,.product-preview-chart .chart-svg line{stroke-width:7px}.product-preview-chart .chart-donut,.product-preview-chart .chart-gauge,.product-preview-chart .chart-heat,.product-preview-chart .chart-waffle{width:min(88px,100%)}.product-preview-landing{grid-template-columns:1fr .8fr;gap:6px;min-height:62px;padding:8px;display:grid}.product-preview-landing span,.product-preview-landing strong{background:#ffffff2e;border-radius:8px;display:block}.product-preview-landing span:first-child{grid-column:1/-1;min-height:12px}.product-preview-landing strong{background:var(--preview-accent)}.product-preview-landing--pricing{grid-template-columns:repeat(3,1fr)}.product-preview-landing--form,.product-preview-landing--demo{grid-template-columns:1.2fr .8fr}.product-summary-list{border-top:1px solid var(--border)}.product-summary-list div{border-top:1px solid var(--border-soft);gap:6px;padding:13px 0;display:grid}.product-summary-list div:first-child{border-top:0}.product-summary-list span{color:var(--ink-mute);font-family:var(--mono);text-transform:uppercase;font-size:11px}.product-summary-list strong{overflow-wrap:anywhere;font-size:15px;font-weight:500}.product-pack-section .section-head{margin-bottom:18px}.detail-grid{grid-template-columns:minmax(240px,.34fr) 1fr;align-items:start;gap:34px;display:grid}.fact-panel{background:var(--cream-soft);border:1px solid var(--border-soft);border-radius:16px;padding:22px;position:sticky;top:128px}.fact-row{border-top:1px solid var(--border);gap:8px;padding:15px 0;display:grid}.fact-row span{color:var(--ink-mute);font-family:var(--mono);text-transform:uppercase;font-size:11px}.fact-row strong{overflow-wrap:anywhere;font-size:15px;font-weight:500}.fact-color-value{align-items:center;gap:8px;display:inline-flex}.fact-color-chip{border:1px solid #14201e38;border-radius:999px;flex:none;width:18px;height:18px;display:inline-block;box-shadow:inset 0 0 0 1px #ffffff47}.fact-link{color:var(--ink);overflow-wrap:anywhere;align-items:center;gap:6px;font-size:15px;font-weight:500;text-decoration:none;display:inline-flex}.fact-link:hover{text-decoration:underline}.copyable-hex{color:inherit;font-family:var(--mono);vertical-align:.05em;white-space:nowrap;background:#14201e0f;border:1px solid #14201e2e;border-radius:999px;align-items:center;min-height:24px;margin:0 2px;padding:3px 8px;font-size:.92em;font-weight:500;line-height:1;display:inline-flex}.copyable-hex:hover{background:var(--ink);border-color:var(--ink);color:var(--cream)}.copyable-hex:focus-visible{outline:2px solid var(--lilac);outline-offset:2px}.copyable-hex.is-copied{background:var(--mint);border-color:color-mix(in srgb, var(--mint) 70%, var(--ink) 30%);color:var(--ink)}.text-block-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.text-block,.copy-card,.do-dont-grid article{background:var(--white);border:1px solid var(--border);border-radius:16px;padding:22px}.text-block h2,.copy-section h2,.do-dont-grid h2{letter-spacing:0;margin:0 0 12px;font-size:24px;font-weight:500;line-height:1.12}.text-block p{color:var(--ink-soft);overflow-wrap:anywhere;margin:0}.copy-section{margin-top:30px}.copy-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.copy-grid.two{max-width:1280px}.copy-card-head{font-family:var(--mono);text-transform:uppercase;justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px;font-size:12px;display:flex}.copy-card-head span{overflow-wrap:anywhere;min-width:0}.icon-button{background:var(--ink);color:var(--cream);border:0;border-radius:999px;justify-content:center;align-items:center;width:34px;height:34px;display:inline-flex}.copy-card pre{background:var(--hero-bg);color:var(--hero-text);white-space:pre-wrap;word-break:break-word;border-radius:12px;max-height:310px;margin:0;padding:16px;overflow:auto}.copy-card code{font-family:var(--mono);font-size:12px}.copy-card code .copyable-hex,.panel-copy code .copyable-hex{color:var(--hero-text);background:#ffffff14;border-color:#ffffff2e}.copy-card code .copyable-hex:hover,.panel-copy code .copyable-hex:hover{background:var(--lilac);border-color:var(--lilac);color:var(--ink)}.palette-code-row .copyable-hex{background:#ffffff94}.style-landing-demo .copyable-hex,.landing-pattern-demo .copyable-hex{background:var(--demo-soft);border-color:var(--demo-border);color:inherit}.style-landing-demo .copyable-hex:hover,.landing-pattern-demo .copyable-hex:hover{background:var(--demo-accent);border-color:var(--demo-accent);color:var(--demo-bg)}.style-landing-section,.landing-pattern-demo-section{margin-top:44px}.style-landing-section .section-head h2,.landing-pattern-demo-section .section-head h2{font-size:54px}.style-landing-section .section-head p:not(.quiet-label),.landing-pattern-demo-section .section-head p:not(.quiet-label){color:var(--ink-soft);max-width:760px;margin:8px 0 0}.style-landing-demo{background:radial-gradient(circle at 12% 10%, var(--demo-soft), transparent 28%), linear-gradient(135deg, var(--demo-bg), color-mix(in srgb, var(--demo-bg) 82%, var(--demo-accent) 18%));border:1px solid var(--demo-border);box-shadow:0 28px 80px var(--demo-shadow);color:var(--demo-ink);font-family:var(--font);border-radius:28px;position:relative;overflow:hidden}.style-landing-demo:after{background:linear-gradient(90deg, transparent, #ffffff29, transparent), repeating-linear-gradient(90deg, transparent 0 44px, var(--demo-border) 44px 45px);content:"";opacity:.18;pointer-events:none;position:absolute;inset:0}.style-landing-demo>*{z-index:1;position:relative}.style-demo-nav{border-bottom:1px solid var(--demo-border);grid-template-columns:minmax(170px,1fr) auto minmax(130px,auto);align-items:center;gap:18px;padding:20px clamp(20px,4vw,44px);display:grid}.style-demo-logo{align-items:center;gap:12px;min-width:0;display:inline-flex}.style-demo-logo span{background:var(--demo-accent);border:1px solid var(--demo-border);color:var(--demo-bg);font-family:var(--mono);border-radius:50%;flex:none;justify-content:center;align-items:center;width:42px;height:42px;font-size:12px;font-weight:700;display:inline-flex}.style-demo-logo strong,.style-demo-copy h3,.style-demo-sections h4,.style-demo-footer strong{overflow-wrap:anywhere}.style-demo-logo strong{font-size:15px;font-weight:700}.style-demo-nav nav{align-items:center;gap:18px;display:flex}.style-demo-nav a{color:var(--demo-muted);font-size:13px;font-weight:600}.style-demo-nav button,.style-demo-actions button{background:var(--demo-accent);color:var(--demo-bg);border:1px solid #0000;border-radius:999px;min-height:40px;padding:0 18px;font-size:14px;font-weight:700}.style-demo-hero{grid-template-columns:minmax(0,.9fr) minmax(280px,1fr);align-items:center;gap:clamp(26px,5vw,56px);min-height:500px;padding:clamp(28px,6vw,72px) clamp(20px,5vw,58px);display:grid}.style-demo-copy>span{color:var(--demo-muted);font-family:var(--mono);text-transform:uppercase;margin-bottom:18px;font-size:12px;display:inline-block}.style-demo-copy h3{letter-spacing:0;max-width:780px;margin:0;font-size:78px;font-weight:650;line-height:.96}.style-demo-copy p{color:var(--demo-muted);max-width:640px;margin:22px 0 0;font-size:19px}.style-demo-actions{flex-wrap:wrap;gap:12px;margin-top:28px;display:flex}.style-demo-actions button:nth-child(2){border-color:var(--demo-border);color:var(--demo-ink);background:0 0}.style-demo-art{min-height:390px;position:relative}.style-demo-window,.style-demo-floating,.style-demo-sections section,.style-demo-proof div,.style-demo-footer{background:var(--demo-surface);border:1px solid var(--demo-border);box-shadow:0 18px 46px var(--demo-shadow)}.style-demo-window{border-radius:26px;width:min(100%,560px);min-height:330px;position:absolute;inset:16px 0 auto auto;overflow:hidden}.style-demo-window-bar{border-bottom:1px solid var(--demo-border);align-items:center;gap:8px;padding:16px 18px;display:flex}.style-demo-window-bar span{background:var(--demo-accent);border-radius:50%;width:10px;height:10px}.style-demo-window-bar span:nth-child(2){background:var(--demo-accent-two)}.style-demo-window-bar span:nth-child(3){background:var(--demo-accent-three)}.style-demo-screen{grid-template-columns:minmax(0,1fr) 150px;gap:18px;padding:24px;display:grid}.style-demo-screen .line{background:var(--demo-border);border-radius:999px;height:16px;display:block}.style-demo-screen .wide{grid-column:1/-1;width:76%}.style-demo-screen .short{width:52%}.style-demo-chart{align-items:end;gap:9px;height:142px;display:flex}.style-demo-chart span{background:linear-gradient(180deg, var(--demo-accent), var(--demo-accent-two));border-radius:999px 999px 0 0;flex:1;min-width:16px}.style-demo-panel-stack{gap:10px;display:grid}.style-demo-panel-stack strong,.style-demo-panel-stack span{background:var(--demo-border);border-radius:14px;display:block}.style-demo-panel-stack strong{background:var(--demo-accent);min-height:80px}.style-demo-panel-stack span{min-height:34px}.style-demo-floating{border-radius:22px;position:absolute}.style-demo-floating.one{align-items:center;gap:14px;padding:16px;display:flex;top:0;left:0}.style-demo-floating.one span{background:var(--demo-accent-two);border-radius:14px;width:64px;height:44px;display:block}.style-demo-floating.one strong{font-size:28px}.style-demo-floating.two{grid-template-columns:repeat(3,44px);gap:8px;padding:14px;display:grid;bottom:16px;right:26px}.style-demo-floating.two span{background:var(--demo-accent);border-radius:50%;height:44px;display:block}.style-demo-floating.two span:nth-child(2){background:var(--demo-accent-two)}.style-demo-floating.two span:nth-child(3){background:var(--demo-accent-three)}.style-demo-proof{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;padding:0 clamp(20px,5vw,58px) clamp(20px,4vw,34px);display:grid}.style-demo-proof div{border-radius:18px;padding:18px}.style-demo-proof strong{font-size:34px;line-height:1;display:block}.style-demo-proof span,.style-demo-footer span{color:var(--demo-muted);font-family:var(--mono);text-transform:uppercase;margin-top:6px;font-size:11px;display:block}.style-demo-sections{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;padding:0 clamp(20px,5vw,58px) clamp(28px,5vw,56px);display:grid}.style-demo-sections section{border-radius:22px;padding:22px}.style-demo-sections section>span{color:var(--demo-accent);font-family:var(--mono);margin-bottom:36px;font-size:12px;display:block}.style-demo-sections h4{margin:0;font-size:22px;font-weight:700;line-height:1.1}.style-demo-sections p{color:var(--demo-muted);margin:12px 0 0}.style-demo-footer{box-shadow:none;border-width:1px 0 0;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;display:grid}.style-demo-footer div{border-left:1px solid var(--demo-border);padding:18px clamp(18px,3vw,32px)}.style-demo-footer div:first-child{border-left:0}.style-demo-footer strong{margin-top:5px;font-size:15px;display:block}.style-landing-demo--minimal,.style-landing-demo--editorial{background:var(--demo-bg);box-shadow:none;border-radius:0}.style-landing-demo--minimal .style-demo-window,.style-landing-demo--minimal .style-demo-floating,.style-landing-demo--minimal .style-demo-sections section,.style-landing-demo--minimal .style-demo-proof div,.style-landing-demo--minimal .style-demo-footer,.style-landing-demo--editorial .style-demo-window,.style-landing-demo--editorial .style-demo-floating,.style-landing-demo--editorial .style-demo-sections section,.style-landing-demo--editorial .style-demo-proof div{box-shadow:none;border-radius:0}.style-landing-demo--editorial .style-demo-copy h3,.style-landing-demo--paper .style-demo-copy h3{font-family:Georgia,Times New Roman,serif;font-weight:500}.style-landing-demo--neumorphic,.style-landing-demo--soft{background:linear-gradient(145deg, color-mix(in srgb, var(--demo-bg) 86%, white 14%), color-mix(in srgb, var(--demo-bg) 78%, var(--demo-accent) 22%))}.style-landing-demo--neumorphic .style-demo-window,.style-landing-demo--neumorphic .style-demo-floating,.style-landing-demo--neumorphic .style-demo-sections section,.style-landing-demo--neumorphic .style-demo-proof div,.style-landing-demo--soft .style-demo-window,.style-landing-demo--soft .style-demo-floating,.style-landing-demo--soft .style-demo-sections section,.style-landing-demo--soft .style-demo-proof div{box-shadow:-14px -14px 34px #ffffff94, 14px 18px 38px var(--demo-shadow);border:0}.style-landing-demo--glass,.style-landing-demo--ai{background:linear-gradient(135deg, color-mix(in srgb, var(--demo-bg) 76%, var(--demo-accent) 24%), var(--demo-bg)), radial-gradient(circle at 78% 18%, var(--demo-accent-two), transparent 34%)}.style-landing-demo--glass .style-demo-window,.style-landing-demo--glass .style-demo-floating,.style-landing-demo--glass .style-demo-sections section,.style-landing-demo--glass .style-demo-proof div,.style-landing-demo--ai .style-demo-window,.style-landing-demo--ai .style-demo-floating,.style-landing-demo--ai .style-demo-sections section,.style-landing-demo--ai .style-demo-proof div{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffff21;border-color:#ffffff3d}.style-landing-demo--brutal,.style-landing-demo--raw{background:var(--demo-accent);border:4px solid var(--demo-ink);box-shadow:12px 12px 0 var(--demo-ink);color:var(--demo-ink);border-radius:0}.style-landing-demo--brutal .style-demo-nav,.style-landing-demo--raw .style-demo-nav{border-bottom:4px solid var(--demo-ink)}.style-landing-demo--brutal .style-demo-window,.style-landing-demo--brutal .style-demo-floating,.style-landing-demo--brutal .style-demo-sections section,.style-landing-demo--brutal .style-demo-proof div,.style-landing-demo--raw .style-demo-window,.style-landing-demo--raw .style-demo-floating,.style-landing-demo--raw .style-demo-sections section,.style-landing-demo--raw .style-demo-proof div{background:var(--demo-bg);border:3px solid var(--demo-ink);box-shadow:8px 8px 0 var(--demo-ink);border-radius:0}.style-landing-demo--dimensional,.style-landing-demo--tactile{perspective:1100px}.style-landing-demo--dimensional .style-demo-window,.style-landing-demo--tactile .style-demo-window{transform:rotateY(-7deg)rotateX(4deg)}.style-landing-demo--vibrant,.style-landing-demo--retro{background:linear-gradient(135deg, var(--demo-accent), var(--demo-accent-two) 48%, var(--demo-accent-three)), var(--demo-bg)}.style-landing-demo--vibrant .style-demo-copy h3,.style-landing-demo--retro .style-demo-copy h3{font-weight:800}.style-landing-demo--dark,.style-landing-demo--dashboard,.style-landing-demo--pixel,.style-landing-demo--voice{background:linear-gradient(#ffffff0a 1px, transparent 1px), linear-gradient(90deg, #ffffff0a 1px, transparent 1px), var(--demo-bg);font-family:var(--mono);background-size:34px 34px}.style-landing-demo--dark .style-demo-window,.style-landing-demo--dashboard .style-demo-window,.style-landing-demo--pixel .style-demo-window,.style-landing-demo--voice .style-demo-window{box-shadow:0 0 34px color-mix(in srgb, var(--demo-accent) 42%, transparent)}.style-landing-demo--aurora{background:linear-gradient(115deg, var(--demo-bg), var(--demo-accent) 28%, var(--demo-accent-two) 58%, var(--demo-accent-three)), var(--demo-bg)}.style-landing-demo--organic{border-radius:44px}.style-landing-demo--organic .style-demo-window,.style-landing-demo--organic .style-demo-floating,.style-landing-demo--organic .style-demo-sections section,.style-landing-demo--organic .style-demo-proof div{border-radius:36px 18px 42px 22px}.style-landing-demo--bento .style-demo-sections{grid-template-columns:1.2fr .8fr 1fr}.style-landing-demo--motion .style-demo-window{animation:5s ease-in-out infinite demo-float}.style-landing-demo--accessible .style-demo-nav button,.style-landing-demo--accessible .style-demo-actions button{outline:3px solid var(--demo-ink);outline-offset:3px}@keyframes demo-float{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}.landing-pattern-demo{background:linear-gradient(135deg, color-mix(in srgb, var(--demo-bg) 94%, var(--demo-accent) 6%), var(--demo-bg)), radial-gradient(circle at 86% 8%, var(--demo-soft), transparent 34%);border:1px solid var(--demo-border);box-shadow:0 24px 72px var(--demo-shadow);color:var(--demo-ink);border-radius:28px;overflow:hidden}.landing-demo-nav{border-bottom:1px solid var(--demo-border);grid-template-columns:minmax(180px,1fr) auto minmax(150px,auto);align-items:center;gap:18px;padding:20px 42px;display:grid}.landing-demo-brand{align-items:center;gap:12px;min-width:0;display:inline-flex}.landing-demo-brand span{background:var(--demo-accent);color:var(--demo-bg);font-family:var(--mono);border-radius:14px;flex:none;justify-content:center;align-items:center;width:42px;height:42px;font-size:12px;font-weight:800;display:inline-flex}.landing-demo-brand strong,.landing-demo-copy h3,.landing-demo-flow h4,.landing-demo-cta strong{overflow-wrap:anywhere}.landing-demo-nav nav{gap:18px;display:flex}.landing-demo-nav a{color:var(--demo-muted);font-size:13px;font-weight:650}.landing-demo-nav button,.landing-demo-actions button,.landing-demo-cta button{background:var(--demo-accent);color:var(--demo-bg);border:1px solid #0000;border-radius:999px;min-height:42px;padding:0 18px;font-size:14px;font-weight:750}.landing-demo-hero{grid-template-columns:minmax(0,.82fr) minmax(360px,1fr);align-items:center;gap:48px;padding:56px 42px 34px;display:grid}.landing-demo-copy>span{color:var(--demo-muted);font-family:var(--mono);text-transform:uppercase;margin-bottom:16px;font-size:12px;display:inline-block}.landing-demo-copy h3{letter-spacing:0;margin:0;font-size:62px;font-weight:650;line-height:.98}.landing-demo-copy p{color:var(--demo-muted);max-width:650px;margin:20px 0 0;font-size:18px}.landing-demo-actions{flex-wrap:wrap;gap:12px;margin-top:28px;display:flex}.landing-demo-actions button:nth-child(2){border-color:var(--demo-border);color:var(--demo-ink);background:0 0}.landing-demo-visual{background:var(--demo-surface);border:1px solid var(--demo-border);box-shadow:0 18px 46px var(--demo-shadow);border-radius:28px;min-height:380px;padding:24px}.landing-demo-visual--hero{grid-template-columns:1.2fr .8fr;gap:16px;display:grid}.landing-demo-visual--hero>span{background:var(--demo-accent);border-radius:24px;grid-column:1/-1;min-height:110px}.landing-demo-visual--hero div{background:var(--demo-border);border-radius:18px;min-height:86px}.landing-demo-visual--hero div:nth-child(3){background:var(--demo-accent-two)}.landing-demo-visual--pricing{grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch;gap:14px;display:grid}.landing-demo-visual--pricing div{border:1px solid var(--demo-border);background:#ffffff80;border-radius:20px;gap:14px;padding:18px;display:grid}.landing-demo-visual--pricing .is-featured{background:var(--demo-accent);color:var(--demo-bg);transform:translateY(-14px)}.landing-demo-visual--pricing span,.landing-demo-visual--pricing strong,.landing-demo-visual--pricing em,.landing-demo-visual--pricing small,.landing-demo-visual--form span,.landing-demo-visual--form strong,.landing-demo-visual--testimonials strong,.landing-demo-visual--testimonials span,.landing-demo-visual--testimonials em{opacity:.22;background:currentColor;border-radius:999px;display:block}.landing-demo-visual--pricing span{height:20px}.landing-demo-visual--pricing strong{height:52px}.landing-demo-visual--pricing em,.landing-demo-visual--pricing small{height:28px}.landing-demo-visual--form{grid-template-columns:.8fr 1fr;gap:20px;display:grid}.landing-demo-visual--form .magnet{background:linear-gradient(145deg, var(--demo-accent), var(--demo-accent-two));border-radius:26px}.landing-demo-visual--form form{border:1px solid var(--demo-border);background:#ffffff94;border-radius:24px;gap:14px;padding:24px;display:grid}.landing-demo-visual--form span,.landing-demo-visual--form strong{height:38px}.landing-demo-visual--form strong{background:var(--demo-accent);opacity:1}.landing-demo-visual--testimonials{gap:16px;display:grid}.landing-demo-visual--testimonials blockquote{border:1px solid var(--demo-border);background:#ffffff8a;border-radius:22px;gap:12px;margin:0;padding:18px;display:grid}.landing-demo-visual--testimonials strong{width:36%;height:26px}.landing-demo-visual--testimonials span{height:16px}.landing-demo-visual--testimonials em{width:42%;height:34px}.landing-demo-visual--demo{place-items:center;display:grid;position:relative}.landing-demo-visual--demo .product-frame{border:1px solid var(--demo-border);background:#ffffff8c;border-radius:24px;gap:14px;width:84%;min-height:250px;padding:24px;display:grid}.landing-demo-visual--demo .product-frame span{background:var(--demo-border);border-radius:18px}.landing-demo-visual--demo .product-frame span:first-child{background:var(--demo-accent)}.landing-demo-visual--demo strong{background:var(--demo-accent-two);border-radius:50%;justify-content:center;align-items:center;width:78px;height:78px;display:flex;position:absolute}.landing-demo-visual--comparison{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;display:grid}.landing-demo-visual--comparison span{border:1px solid var(--demo-border);background:#ffffff94;border-radius:12px}.landing-demo-visual--comparison .is-highlight{background:var(--demo-accent)}.landing-demo-visual--directory{gap:14px;display:grid}.landing-demo-visual--directory .search-line,.landing-demo-visual--directory span{border:1px solid var(--demo-border);background:#ffffff94;border-radius:18px}.landing-demo-visual--directory .search-line{min-height:58px}.landing-demo-visual--story{gap:18px;padding-left:42px;display:grid;position:relative}.landing-demo-visual--story:before{background:var(--demo-accent);content:"";border-radius:999px;width:4px;height:calc(100% - 50px);position:absolute;top:25px;left:24px}.landing-demo-visual--story span{border:1px solid var(--demo-border);background:#ffffff9e;border-radius:22px}.landing-demo-visual--grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;display:grid}.landing-demo-visual--grid span{border:1px solid var(--demo-border);background:#ffffff94;border-radius:18px}.landing-demo-visual--grid span:first-child{background:var(--demo-accent);grid-area:span 2/span 2}.landing-demo-visual--grid span:nth-child(4){grid-column:span 2}.landing-demo-flow{grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;padding:0 42px 28px;display:grid}.landing-demo-flow section,.landing-demo-details section{background:var(--demo-surface);border:1px solid var(--demo-border);border-radius:18px;padding:18px}.landing-demo-flow span,.landing-demo-details span,.landing-demo-cta span{color:var(--demo-muted);font-family:var(--mono);text-transform:uppercase;margin-bottom:8px;font-size:11px;display:block}.landing-demo-flow h4{margin:0;font-size:16px;font-weight:700;line-height:1.15}.landing-demo-details{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;padding:0 42px 42px;display:grid}.landing-demo-details p{color:var(--demo-muted);overflow-wrap:anywhere;margin:0}.landing-demo-cta{background:var(--demo-surface);border-top:1px solid var(--demo-border);grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto;align-items:center;gap:18px;padding:22px 42px;display:grid}.landing-demo-cta strong{font-size:18px;display:block}.landing-pattern-demo--pricing .landing-demo-hero,.landing-pattern-demo--comparison .landing-demo-hero{align-items:start}.landing-pattern-demo--story{background:linear-gradient(90deg, var(--demo-bg), color-mix(in srgb, var(--demo-bg) 72%, var(--demo-accent) 28%)), var(--demo-bg)}.landing-pattern-demo--form .landing-demo-visual{background:color-mix(in srgb, var(--demo-bg) 74%, white 26%)}.technical-hero{background:var(--wine);color:var(--hero-text);border-radius:18px;margin-bottom:24px;padding:42px}.technical-hero .page-hero-aside p,.technical-hero .page-hero-aside span{color:var(--hero-text-dim)}.technical-hero .page-hero-aside span{border-color:#ffffff1f}.stack-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.stack-card,.guideline-card,.search-result{background:var(--white);border:1px solid var(--border);border-radius:16px;padding:22px;transition:border-color .16s,transform .16s}.stack-card:hover,.guideline-card:hover,.search-result:hover{border-color:var(--ink);transform:translateY(-2px)}.stack-card-top{color:var(--ink-mute);font-family:var(--mono);text-transform:uppercase;justify-content:space-between;align-items:center;font-size:12px;display:flex}.stack-card h2,.guideline-card h2,.search-result h2{letter-spacing:0;margin:18px 0 10px;font-size:25px;font-weight:500;line-height:1.1}.stack-card p,.guideline-card p,.search-result p{color:var(--ink-soft);margin:0 0 20px}.tech-filters{flex-wrap:wrap}.guideline-list{gap:12px;display:grid}.guideline-card{grid-template-columns:minmax(160px,.28fr) .28fr 1fr auto;align-items:center;gap:18px;display:grid}.guideline-card h2,.guideline-card p{margin:0}.guideline-category{color:var(--ink-mute);font-family:var(--mono);margin-top:8px;font-size:12px;display:block}.severity{font-family:var(--mono);text-transform:uppercase;border-radius:999px;padding:7px 10px;font-size:11px;display:inline-flex}.severity.high{color:#53212f;background:#efd0db}.severity.medium{color:#594421;background:#eee0be}.severity.low{color:#25491f;background:#d8ead2}.framework-detail-hero{background:var(--hero-bg);color:var(--hero-text);border-radius:18px;align-items:stretch;padding:42px}.framework-detail-hero .quiet-label{color:var(--lilac)}.framework-detail-hero>div:first-child>p{color:var(--hero-text-dim);margin-top:22px}.severity-panel{background:#ffffff12;border:1px solid #ffffff1c;border-radius:16px;align-self:stretch;gap:16px;padding:22px;display:grid}.severity-panel strong{overflow-wrap:anywhere;font-size:28px;font-weight:500}.severity-panel a{color:var(--lilac);overflow-wrap:anywhere;align-items:center;gap:7px;display:inline-flex}.do-dont-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;max-width:1280px;margin-bottom:18px;display:grid}.do-dont-grid p{color:var(--ink-mute);font-family:var(--mono);text-transform:uppercase;margin:0 0 14px;font-size:12px}.search-hero{align-items:center}.search-page-form{background:var(--white);border-color:var(--border);color:var(--ink);padding:8px 8px 8px 18px}.search-results{gap:12px;display:grid}.result-count{color:var(--ink-soft);margin:0 0 8px}.search-result{grid-template-columns:1fr auto;align-items:center;gap:18px;display:grid}.search-result span:first-child{color:var(--ink-mute);font-family:var(--mono);text-transform:uppercase;font-size:12px}.empty-state{background:var(--cream-soft);border:1px solid var(--border-soft);color:var(--ink-soft);border-radius:16px;justify-content:center;align-items:center;gap:10px;min-height:140px;display:flex}.legal-page{min-height:72vh}.legal-hero{margin-bottom:28px}.legal-layout{grid-template-columns:minmax(240px,.32fr) 1fr;align-items:start;gap:18px;display:grid}.legal-card,.legal-article{border:1px solid var(--border);background:#ffffffad;border-radius:18px}.legal-card{gap:10px;padding:24px;display:grid;position:sticky;top:96px}.legal-card strong{color:var(--ink);font-size:20px;font-weight:600}.legal-card span{color:var(--ink-soft)}.legal-card a{color:var(--ink);overflow-wrap:anywhere;text-underline-offset:3px;align-items:center;gap:7px;margin-top:6px;font-size:14px;-webkit-text-decoration:underline #121f1d3d;text-decoration:underline #121f1d3d;display:inline-flex}.legal-article{overflow:hidden}.legal-section-block{border-top:1px solid var(--border-soft);padding:28px 32px}.legal-section-block:first-child{border-top:0}.legal-section-block h2{color:var(--ink);letter-spacing:0;margin:0 0 16px;font-size:clamp(22px,2vw,30px);font-weight:500;line-height:1.12}.legal-section-block p,.legal-section-block li{color:var(--ink-soft);font-size:16px;line-height:1.68}.legal-section-block p{margin:0}.legal-section-block p+p{margin-top:12px}.legal-section-block ul{gap:10px;margin:0;padding-left:20px;display:grid}.site-footer{background:var(--cream);border-top:1px solid var(--border);grid-template-columns:1fr auto;gap:40px;padding:54px 40px;display:grid}.footer-brand{color:var(--ink)}.footer-brand span{background:var(--warm-tan)}.footer-main{min-width:0}.site-footer p{color:var(--ink-soft);max-width:420px;margin:12px 0 0}.footer-credit a{color:var(--ink);text-underline-offset:3px;-webkit-text-decoration:underline #121f1d3d;text-decoration:underline #121f1d3d}.footer-socials{flex-wrap:wrap;gap:8px;margin-top:18px;display:flex}.footer-socials a{background:var(--cream-soft);border:1px solid var(--border);color:var(--ink);border-radius:999px;justify-content:center;align-items:center;width:36px;height:36px;transition:background .2s,transform .2s;display:inline-flex}.footer-socials a:hover{background:var(--paper);transform:translateY(-1px)}.social-icon{font-family:var(--mono);justify-content:center;align-items:center;width:22px;height:22px;font-size:14px;font-weight:700;line-height:1;display:inline-flex}.social-icon--pinterest,.social-icon--facebook{border:1.5px solid;border-radius:50%}.social-icon--shop{border:1.5px solid;border-radius:7px}.footer-links{grid-template-columns:repeat(2,minmax(150px,1fr));gap:8px;display:grid}.footer-links a{color:var(--ink-soft);font-size:14px}.footer-links a:hover{color:var(--ink)}:focus-visible{outline:2px solid var(--lilac);outline-offset:3px}@media (width<=1100px){.top-nav{grid-template-columns:1fr}.nav-pill{justify-content:flex-start;justify-self:start;width:100%}.nav-search{justify-self:stretch}.header-actions{justify-self:stretch;width:100%}.hero-grid,.section-head,.page-hero,.detail-hero,.framework-detail-hero,.olive-band,.detail-grid,.style-demo-nav,.style-demo-hero,.landing-demo-nav,.landing-demo-hero,.landing-demo-cta{grid-template-columns:1fr}.style-demo-nav nav,.landing-demo-nav nav{justify-content:flex-start}.hero-art{min-height:0}.category-grid,.library-grid,.stack-grid,.featured-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.guideline-card{grid-template-columns:1fr}.fact-panel{position:static}.style-demo-copy h3{font-size:58px}.landing-demo-flow,.landing-demo-details{grid-template-columns:repeat(2,minmax(0,1fr))}.landing-demo-copy h3{font-size:52px}}@media (width<=760px){.utility-bar{flex-direction:column;align-items:flex-start;gap:6px;padding:8px 16px}.top-nav,.hero-section,.cream-section,.olive-band,.site-footer{padding-left:16px;padding-right:16px}.hero-section{padding-top:42px;padding-bottom:64px}.nav-pill{border-radius:22px;grid-template-columns:1fr;display:grid;overflow:visible}.nav-pill a{overflow-wrap:anywhere;text-align:center;white-space:normal;width:100%;min-width:0}.hero-copy h1{font-size:clamp(48px,17vw,72px)}.page-hero h1,.section-head h2,.detail-hero h1,.framework-detail-hero h1{font-size:clamp(34px,11vw,48px)}.style-landing-section .section-head h2,.landing-pattern-demo-section .section-head h2{font-size:34px}.hero-search,.header-actions,.filters-row,.search-page-form{border-radius:18px;flex-direction:column;align-items:stretch}.lang-link,.hero-search button,.search-page-form button{width:100%}.category-grid,.library-grid,.stack-grid,.featured-grid,.text-block-grid,.copy-grid,.do-dont-grid,.legal-layout,.site-footer,.style-demo-proof,.style-demo-sections,.style-demo-footer,.landing-demo-flow,.landing-demo-details{grid-template-columns:1fr}.filters-row{display:grid}.filter-search,.select-filter{width:100%}.visual-preview.large{min-height:280px}.legal-card{position:static}.legal-section-block{padding:24px 20px}.detail-hero,.framework-detail-hero,.technical-hero{padding:24px}.style-landing-demo,.landing-pattern-demo{border-radius:20px}.style-demo-nav,.landing-demo-nav{padding:18px}.style-demo-nav nav,.landing-demo-nav nav{flex-wrap:wrap;gap:10px 16px}.style-demo-nav button,.landing-demo-nav button,.landing-demo-cta button{width:100%}.style-demo-hero,.landing-demo-hero{min-height:0;padding:24px 18px 28px}.style-demo-copy h3{font-size:38px}.landing-demo-copy h3{font-size:36px}.landing-demo-copy p{font-size:16px}.landing-demo-visual{min-height:300px;padding:18px}.landing-demo-visual--pricing,.landing-demo-visual--form{grid-template-columns:1fr}.landing-demo-visual--comparison,.landing-demo-visual--grid{grid-template-columns:repeat(2,minmax(0,1fr))}.landing-demo-flow,.landing-demo-details,.landing-demo-cta{padding-left:18px;padding-right:18px}.landing-demo-cta{align-items:stretch}.style-demo-art{min-height:360px}.style-demo-window{width:100%;min-height:310px;position:relative}.style-demo-screen{grid-template-columns:1fr}.style-demo-floating.one,.style-demo-floating.two{margin-top:12px;position:static}.style-demo-floating.two{grid-template-columns:repeat(3,minmax(0,1fr))}.style-demo-footer div{border-left:0;border-top:1px solid var(--demo-border)}.style-demo-footer div:first-child{border-top:0}.footer-links{grid-template-columns:1fr}}