: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", "Inter", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--mono:"JetBrains Mono", "SFMono-Regular", "SF Mono", Consolas, "Liberation Mono", monospace}*{box-sizing:border-box}#root{width:100%;max-width:100vw;min-height:100vh;overflow-x:hidden}html{background:var(--hero-bg);color:var(--ink);font-family:var(--font);scroll-behavior:smooth;max-width:100%;overflow-x:hidden}body{background:var(--cream);-webkit-font-smoothing:antialiased;min-width:320px;max-width:100%;margin:0;font-size:15px;line-height:1.55;overflow-x:hidden}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:flex-start;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}.mega-stats-band{background:var(--cream);border-top:1px solid var(--border-soft);color:var(--ink);grid-template-columns:repeat(5,minmax(0,1fr));gap:0;width:100%;padding:72px 40px 74px;display:grid}.mega-stats-band div{border-left:1px solid var(--border);min-width:0;padding:0 28px}.mega-stats-band div:last-child{border-right:1px solid var(--border)}.mega-stats-band strong{color:var(--ink);letter-spacing:0;font-size:136px;font-weight:500;line-height:.86;display:block}.mega-stats-band span{color:var(--ink-soft);font-family:var(--mono);text-transform:uppercase;max-width:220px;margin-top:18px;font-size:20px;line-height:1.15;display:block}.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);max-width:100vw;padding:84px 40px;overflow-x:hidden}.intro-section,.home-about-section,.page-section,.detail-section{margin:0 auto}.intro-section>*,.home-about-section>*,.page-section>*,.detail-section>*,.site-footer>*{width:100%;min-width:0;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>*,.page-hero>*,.detail-hero>*,.framework-detail-hero>*{min-width:0}.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;word-break:break-word;margin:30px 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}.home-about-section{border-top:1px solid var(--border-soft);padding-top:92px}.home-about-head{margin-bottom:28px}.home-about-grid{grid-template-columns:minmax(0,1fr) minmax(280px,.36fr);align-items:start;gap:18px;display:grid}.home-about-copy{border:1px solid var(--border);background:#ffffffad;border-radius:18px;overflow:hidden}.home-about-copy section{border-top:1px solid var(--border-soft);padding:30px 34px}.home-about-copy section:first-child{border-top:0}.home-about-copy h3{color:var(--ink);letter-spacing:0;margin:18px 0;font-size:32px;font-weight:500;line-height:1.1}.home-about-copy p,.home-about-copy li{color:var(--ink-soft);font-size:16px;line-height:1.68}.home-about-copy p{margin:0}.home-about-copy p+p{margin-top:14px}.home-about-copy ol{gap:10px;margin:0;padding-left:22px;display:grid}.home-about-copy li::marker{color:var(--warm-tan);font-family:var(--mono);font-size:12px}.home-about-side{background:var(--cream-soft);border:1px solid var(--border);border-radius:18px;gap:16px;padding:28px;display:grid;position:sticky;top:96px}.home-about-side>span{color:var(--ink-mute);font-family:var(--mono);text-transform:uppercase;font-size:12px}.home-about-side strong{color:var(--ink);letter-spacing:0;font-size:30px;font-weight:500;line-height:1.08}.home-about-side p{color:var(--ink-soft);margin:0;font-size:16px;line-height:1.6}.home-about-links{border-top:1px solid var(--border);gap:10px;padding-top:18px;display:grid}.home-about-links a{color:var(--ink);font-family:var(--mono);overflow-wrap:anywhere;text-underline-offset:3px;align-items:center;gap:8px;font-size:13px;line-height:1.35;-webkit-text-decoration:underline #121f1d38;text-decoration:underline #121f1d38;display:inline-flex}.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;width:100%;max-width:100%;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{background:#061f1c;border-color:#061f1c;gap:16px;display:grid}.comparison-window-dots{gap:8px;display:flex}.comparison-window-dots i{background:#ffffff52;border-radius:999px;width:8px;height:8px}.comparison-matrix{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;min-height:282px;display:grid}.comparison-matrix span{background:#30433f;border-radius:13px}.comparison-matrix .is-highlight{background:#fffacd;box-shadow:0 0 0 1px #fffacd57,0 20px 34px #fffacd1f}.landing-demo-visual--faq,.landing-demo-visual--waitlist,.landing-demo-visual--webinar,.landing-demo-visual--event,.landing-demo-visual--newsletter,.landing-demo-visual--community,.landing-demo-visual--enterprise,.landing-demo-visual--ai,.landing-demo-visual--video,.landing-demo-visual--app,.landing-demo-visual--configurator,.landing-demo-visual--immersive,.landing-demo-visual--funnel,.landing-demo-visual--minimal{gap:16px;display:grid}.faq-search,.faq-categories span,.faq-list i,.countdown-row span,.email-capture,.landing-demo-visual--waitlist strong,.landing-demo-visual--waitlist em,.webinar-info,.landing-demo-visual--webinar form,.event-countdown span,.speaker-grid i,.agenda-lines b,.landing-demo-visual--newsletter article,.issue-stack b,.topic-grid i,.landing-demo-visual--community strong,.solution-grid span,.logo-strip i,.prompt-bar,.generated-grid i,.video-overlay i,.device-row span,.landing-demo-visual--app strong,.control-strip b,.landing-demo-visual--funnel section,.landing-demo-visual--funnel em,.landing-demo-visual--minimal strong,.landing-demo-visual--minimal span,.landing-demo-visual--minimal em{border:1px solid var(--demo-border);background:#ffffff94;border-radius:18px}.landing-demo-visual--faq{grid-template-rows:58px 92px 1fr}.faq-categories,.speaker-grid,.solution-grid,.generated-grid,.device-row{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.faq-list,.agenda-lines,.issue-stack{gap:10px;display:grid}.faq-list i,.agenda-lines b,.issue-stack b{min-height:42px}.landing-demo-visual--waitlist{align-content:center}.countdown-row,.event-countdown,.rating-row,.control-strip{gap:10px;display:flex}.countdown-row span{aspect-ratio:1;background:var(--demo-accent);flex:1}.landing-demo-visual--waitlist strong{min-height:96px}.email-capture{grid-template-columns:1fr 120px;align-items:center;gap:10px;min-height:58px;padding:10px;display:grid}.email-capture i,.email-capture b,.prompt-bar span,.prompt-bar b{border-radius:999px;min-height:32px;display:block}.email-capture i,.prompt-bar span{background:var(--demo-border)}.email-capture b,.prompt-bar b{background:var(--demo-accent)}.landing-demo-visual--webinar{grid-template-columns:1fr .78fr}.webinar-info,.landing-demo-visual--webinar form{gap:14px;padding:22px;display:grid}.webinar-info span,.webinar-info strong,.landing-demo-visual--webinar i,.landing-demo-visual--webinar b,.landing-demo-visual--newsletter span,.landing-demo-visual--newsletter strong,.landing-demo-visual--newsletter i{border-radius:999px;min-height:28px;display:block}.webinar-info strong,.landing-demo-visual--webinar b,.landing-demo-visual--newsletter strong{background:var(--demo-accent)}.webinar-info span,.landing-demo-visual--webinar i,.landing-demo-visual--newsletter span,.landing-demo-visual--newsletter i{background:var(--demo-border)}.landing-demo-visual--event{grid-template-rows:70px 1fr auto}.event-countdown span{background:var(--demo-accent);flex:1}.speaker-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.speaker-grid i{border-radius:26px;min-height:118px}.landing-demo-visual--newsletter{grid-template-columns:1fr .88fr}.landing-demo-visual--newsletter article{grid-row:span 2;gap:14px;padding:24px;display:grid}.issue-stack b:nth-child(2){background:var(--demo-accent-two)}.landing-demo-visual--transformation{grid-template-columns:1fr 1fr;padding:0;display:grid;position:relative;overflow:hidden}.landing-demo-visual--transformation .before-pane,.landing-demo-visual--transformation .after-pane{min-height:378px}.landing-demo-visual--transformation .before-pane{background:repeating-linear-gradient(135deg,#14201e24 0 14px,#14201e0a 14px 28px)}.landing-demo-visual--transformation .after-pane{background:linear-gradient(135deg, var(--demo-accent), var(--demo-accent-two))}.landing-demo-visual--transformation span{background:var(--demo-bg);box-shadow:0 14px 32px var(--demo-shadow);border-radius:999px;width:44px;position:absolute;top:28px;bottom:28px;left:calc(50% - 22px)}.member-orbit{justify-content:center;align-items:center;min-height:96px;display:flex}.member-orbit span{background:var(--demo-accent);border:4px solid var(--demo-surface);border-radius:999px;width:70px;height:70px;margin-left:-12px}.member-orbit span:nth-child(2n){background:var(--demo-accent-two)}.topic-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.topic-grid i{min-height:72px}.landing-demo-visual--community strong{background:var(--demo-accent);min-height:54px}.solution-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.solution-grid span{min-height:116px}.logo-strip{grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;display:grid}.logo-strip i{min-height:42px}.landing-demo-visual--ai{background:#061f1c;border-color:#061f1c}.prompt-bar{background:#ffffff1a;grid-template-columns:1fr 120px;gap:12px;padding:12px;display:grid}.generated-grid{grid-template-columns:1.3fr 1fr}.generated-grid i{min-height:122px}.generated-grid i:first-child{background:linear-gradient(135deg, var(--demo-accent), var(--demo-accent-two));grid-row:span 2}.landing-demo-visual--video{position:relative}.video-frame{background:#061f1c;border-radius:24px;place-items:center;min-height:250px;display:grid}.video-frame span{border-bottom:34px solid #0000;border-left:54px solid var(--demo-accent);border-top:34px solid #0000;width:0;height:0}.video-overlay{gap:10px;display:flex;position:absolute;bottom:44px;left:44px;right:44px}.video-overlay i{flex:1;min-height:48px}.device-row span{border-radius:28px;min-height:210px}.device-row span:nth-child(2){background:var(--demo-accent);transform:translateY(-16px)}.rating-row i{clip-path:polygon(50% 0,61% 34%,97% 34%,68% 55%,79% 90%,50% 68%,21% 90%,32% 55%,3% 34%,39% 34%);background:#f5c542;width:28px;height:28px}.landing-demo-visual--app strong{background:var(--demo-accent);min-height:56px}.interactive-stage{background:radial-gradient(circle, var(--demo-accent) 0 22%, #ffffff29 23% 36%, transparent 37%);border:1px solid var(--demo-border);border-radius:28px;place-items:center;min-height:270px;display:grid;position:relative}.interactive-stage span{background:linear-gradient(135deg, var(--demo-accent), var(--demo-accent-two));box-shadow:0 28px 70px var(--demo-shadow);border-radius:32px;width:126px;height:126px;transform:rotate(-8deg)}.interactive-stage i{border:1px solid var(--demo-border);border-radius:999px;width:180px;height:180px;position:absolute}.interactive-stage i:last-child{width:238px;height:238px}.control-strip b{flex:1;min-height:42px}.landing-demo-visual--funnel{grid-template-columns:repeat(3,minmax(0,1fr));align-items:center;position:relative}.landing-demo-visual--funnel section{gap:18px;min-height:220px;padding:22px;display:grid}.landing-demo-visual--funnel span{background:var(--demo-accent);border-radius:999px;width:48px;height:48px;display:block}.landing-demo-visual--funnel strong{background:var(--demo-border);border-radius:999px;min-height:24px;display:block}.landing-demo-visual--funnel em{background:var(--demo-accent-two);grid-column:1/-1;min-height:16px;bottom:24px}.landing-demo-visual--portfolio{grid-auto-flow:dense;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.landing-demo-visual--portfolio span{border:1px solid var(--demo-border);background:#ffffff94;border-radius:18px;min-height:88px}.landing-demo-visual--portfolio span:first-child,.landing-demo-visual--portfolio span:nth-child(6){background:var(--demo-accent);grid-row:span 2;min-height:188px}.landing-demo-visual--minimal{background:#fff;align-content:center}.landing-demo-visual--minimal strong{background:var(--demo-ink);width:76%;min-height:74px}.landing-demo-visual--minimal span{min-height:24px}.landing-demo-visual--minimal span:nth-child(3){width:62%}.landing-demo-visual--minimal em{background:var(--demo-accent);width:180px;min-height:52px}.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--comparison-table-cta{background:var(--demo-bg);box-shadow:0 24px 72px var(--demo-shadow)}.comparison-demo-nav{border-bottom:1px solid var(--demo-border);grid-template-columns:minmax(220px,1fr) auto minmax(180px,auto);align-items:center;gap:18px;padding:20px 42px;display:grid}.comparison-demo-brand{align-items:center;gap:12px;min-width:0;display:inline-flex}.comparison-demo-brand span{background:var(--demo-ink);color:var(--demo-bg);font-family:var(--mono);border-radius:12px;flex:none;justify-content:center;align-items:center;width:42px;height:42px;font-size:12px;font-weight:800;display:inline-flex}.comparison-demo-brand strong{color:var(--demo-ink);overflow-wrap:anywhere;font-size:15px;font-weight:750}.comparison-demo-nav nav{gap:18px;display:flex}.comparison-demo-nav a{color:var(--demo-muted);font-size:13px;font-weight:650}.comparison-demo-nav button,.comparison-demo-actions button,.comparison-demo-cta button{background:var(--demo-ink);border:1px solid var(--demo-ink);color:var(--demo-bg);border-radius:999px;min-height:42px;padding:0 18px;font-size:14px;font-weight:750}.comparison-demo-hero{grid-template-columns:minmax(0,1fr) minmax(280px,.38fr);align-items:stretch;gap:28px;padding:58px 42px 34px;display:grid}.comparison-demo-hero>div,.comparison-demo-hero aside,.comparison-demo-problem,.comparison-demo-table-section,.comparison-demo-pricing,.comparison-demo-notes>div,.comparison-demo-cta{background:var(--demo-surface);border:1px solid var(--demo-border);border-radius:24px}.comparison-demo-hero>div{padding:36px}.comparison-demo-hero>div>span,.comparison-demo-hero aside span,.comparison-demo-problem span,.comparison-demo-section-heading span,.comparison-demo-notes span,.comparison-demo-cta span{color:var(--demo-muted);font-family:var(--mono);text-transform:uppercase;margin-bottom:14px;font-size:12px;display:inline-block}.comparison-demo-hero h3{color:var(--demo-ink);letter-spacing:0;max-width:850px;margin:0;font-size:58px;font-weight:650;line-height:.98}.comparison-demo-hero p,.comparison-demo-problem p,.comparison-demo-pricing p,.comparison-demo-notes p{color:var(--demo-muted);margin:18px 0 0;font-size:17px;line-height:1.58}.comparison-demo-actions{flex-wrap:wrap;gap:12px;margin-top:28px;display:flex}.comparison-demo-actions button:nth-child(2){color:var(--demo-ink);background:0 0}.comparison-demo-hero aside{padding:28px;display:grid}.comparison-demo-hero aside p{color:var(--demo-ink);font-family:var(--mono);align-self:end;margin:0;font-size:15px;line-height:1.65}.comparison-demo-problem,.comparison-demo-table-section,.comparison-demo-pricing{margin:0 42px 28px;padding:32px}.comparison-demo-problem h4,.comparison-demo-section-heading h4{color:var(--demo-ink);letter-spacing:0;margin:0;font-size:32px;font-weight:600;line-height:1.06}.comparison-demo-table{border:1px solid var(--demo-border);border-radius:18px;margin-top:24px;overflow-x:auto}.comparison-demo-row{background:#fff;grid-template-columns:minmax(180px,.85fr) repeat(3,minmax(190px,1fr));min-width:840px;display:grid}.comparison-demo-row:nth-child(odd):not(.comparison-demo-row--head){background:#f4f4f0}.comparison-demo-row--head{background:var(--demo-ink);color:var(--demo-bg);font-family:var(--mono);text-transform:uppercase;font-size:12px}.comparison-demo-row span{border-left:1px solid var(--demo-border);color:var(--demo-ink);min-height:68px;padding:18px;display:flex}.comparison-demo-row span:first-child{border-left:0;font-weight:700}.comparison-demo-row--head span{color:var(--demo-bg);min-height:54px}.comparison-demo-row .is-product{color:var(--demo-ink);background:#fffacd;font-weight:750;box-shadow:inset 0 0 0 1px #14201e14}.comparison-demo-pricing-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:24px;display:grid}.comparison-demo-pricing-grid article{border:1px solid var(--demo-border);background:#fff;border-radius:18px;padding:22px}.comparison-demo-pricing-grid article.is-featured{border-color:color-mix(in srgb, #fffacd 55%, var(--demo-ink) 45%);background:#fffacd}.comparison-demo-pricing-grid span{color:var(--demo-muted);font-family:var(--mono);text-transform:uppercase;margin-bottom:12px;font-size:12px;display:block}.comparison-demo-pricing-grid strong{color:var(--demo-ink);font-size:24px;font-weight:650;line-height:1.05;display:block}.comparison-demo-notes{grid-template-columns:1fr 1fr;gap:14px;margin:0 42px 28px;display:grid}.comparison-demo-notes>div{padding:24px}.comparison-demo-cta{grid-template-columns:1fr auto;align-items:center;gap:24px;margin:0 42px 42px;padding:30px 32px;display:grid}.comparison-demo-cta strong{color:var(--demo-ink);font-size:30px;font-weight:650;line-height:1.08;display:block}.specific-demo{background:radial-gradient(circle at 82% 8%, var(--demo-soft), transparent 36%), linear-gradient(135deg, color-mix(in srgb, var(--demo-bg) 94%, var(--demo-accent) 6%), var(--demo-bg))}.specific-demo-nav{border-bottom:1px solid var(--demo-border);grid-template-columns:minmax(220px,1fr) auto minmax(190px,auto);align-items:center;gap:18px;padding:20px 42px;display:grid}.specific-demo-brand{color:var(--demo-ink);align-items:center;gap:12px;min-width:0;display:inline-flex}.specific-demo-brand span{background:var(--demo-accent);color:#fff;font-family:var(--mono);border-radius:12px;flex:none;justify-content:center;align-items:center;width:42px;height:42px;font-size:12px;font-weight:800;display:inline-flex}.specific-demo-brand strong{color:var(--demo-ink);overflow-wrap:anywhere;font-size:15px;font-weight:750}.specific-demo-nav nav,.specific-demo-actions{flex-wrap:wrap;gap:12px 18px;display:flex}.specific-demo-nav a{color:var(--demo-muted);font-size:13px;font-weight:650}.specific-demo-nav button,.specific-demo-actions button,.specific-demo-layout button,.specific-demo-cta button{background:var(--demo-ink);border:1px solid var(--demo-ink);color:var(--demo-bg);border-radius:999px;min-height:42px;padding:0 18px;font-size:14px;font-weight:750}.specific-demo-actions button:nth-child(2){color:var(--demo-ink);background:0 0}.specific-demo-hero{grid-template-columns:minmax(0,.9fr) minmax(360px,1fr);align-items:stretch;gap:34px;padding:58px 42px 32px;display:grid}.specific-demo-hero-copy,.specific-hero-visual,.specific-demo-flow section,.specific-demo-layout,.specific-demo-notes section,.specific-demo-cta{background:var(--demo-surface);border:1px solid var(--demo-border);border-radius:24px;box-shadow:0 18px 48px #14201e0d}.specific-demo-hero-copy{flex-direction:column;justify-content:center;padding:36px;display:flex}.specific-demo-hero-copy>span,.specific-demo-section-title span,.specific-demo-flow span,.specific-demo-notes span,.specific-demo-cta span,.specific-demo-layout>span,.specific-feature-grid i,.specific-event-meta span,.specific-issue-card>span,.specific-webinar-info>span{color:var(--demo-muted);font-family:var(--mono);text-transform:uppercase;margin-bottom:14px;font-size:12px;display:inline-block}.specific-demo-hero-copy h3,.specific-demo-section-title h4,.specific-demo-layout--minimal h4,.specific-issue-card h4,.specific-demo-cta strong{color:var(--demo-ink);letter-spacing:0;overflow-wrap:anywhere;margin:0;font-weight:650;line-height:1.02}.specific-demo-hero-copy h3{font-size:54px}.specific-demo-hero-copy p,.specific-demo-section-title p,.specific-demo-layout p,.specific-demo-notes p,.specific-webinar-info p{color:var(--demo-muted);margin:16px 0 0;font-size:16px;line-height:1.58}.specific-demo-actions{margin-top:28px}.specific-hero-visual{grid-template-columns:repeat(6,minmax(0,1fr));gap:14px;min-height:360px;padding:22px;display:grid;overflow:hidden}.specific-hero-visual span{background:color-mix(in srgb, var(--demo-accent) 82%, white 18%);border:1px solid var(--demo-border);border-radius:18px;min-height:80px}.specific-hero-visual span:first-child{grid-area:span 2/span 4}.specific-hero-visual span:nth-child(2){background:var(--demo-accent-two);grid-column:span 2}.specific-hero-visual span:nth-child(3),.specific-hero-visual span:nth-child(5){background:color-mix(in srgb, var(--demo-ink) 14%, white 86%)}.specific-hero-visual span:nth-child(4){grid-column:span 2}.specific-hero-visual--minimal{grid-template-columns:1fr;align-content:center}.specific-hero-visual--minimal span{justify-self:center;width:min(420px,76%);min-height:24px}.specific-hero-visual--minimal span:first-child{width:min(520px,92%);min-height:86px}.specific-hero-visual--comparison-focus,.specific-hero-visual--pricing{grid-template-columns:repeat(3,minmax(0,1fr))}.specific-hero-visual--comparison-focus span:nth-child(2),.specific-hero-visual--pricing span:nth-child(2){background:var(--demo-accent);grid-row:span 2}.specific-hero-visual--horizontal{display:flex;overflow:hidden}.specific-hero-visual--horizontal span{flex:0 0 38%}.specific-demo-flow,.specific-demo-notes{grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;padding:0 42px 28px;display:grid}.specific-demo-flow section,.specific-demo-notes section{padding:18px}.specific-demo-flow h4{color:var(--demo-ink);margin:0;font-size:16px;font-weight:700;line-height:1.16}.specific-demo-layout{margin:0 42px 28px;padding:32px}.specific-demo-section-title{grid-column:1/-1}.specific-demo-section-title h4,.specific-demo-layout--minimal h4,.specific-issue-card h4{font-size:34px}.specific-feature-grid,.specific-testimonial-grid,.specific-demo-layout--pricing,.specific-speaker-grid,.specific-topic-grid,.specific-listing-grid,.specific-gateway-grid,.specific-generated-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.specific-feature-grid,.specific-testimonial-grid,.specific-demo-layout--pricing,.specific-demo-layout--lead,.specific-demo-layout--demo,.specific-demo-layout--webinar,.specific-demo-layout--newsletter,.specific-demo-layout--app,.specific-demo-layout--event,.specific-demo-layout--reviews,.specific-demo-layout--transformation{grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch;gap:16px;display:grid}.specific-feature-grid article,.specific-testimonial-grid blockquote,.specific-side-features article,.specific-demo-layout--funnel article,.specific-demo-layout--pricing article,.specific-video-chapters article,.specific-demo-layout--story article,.specific-generated-grid article,.specific-speaker-grid article,.specific-topic-grid article,.specific-listing-grid article,.specific-gateway-grid article,.specific-demo-layout--portfolio article,.specific-demo-layout--horizontal article,.specific-faq-list article,.specific-comparison-row,.specific-agenda-list span,.specific-results-grid strong{background:color-mix(in srgb, var(--demo-bg) 46%, white 54%);border:1px solid var(--demo-border);border-radius:18px}.specific-feature-grid article,.specific-testimonial-grid blockquote,.specific-side-features article,.specific-demo-layout--funnel article,.specific-demo-layout--pricing article{margin:0;padding:22px}.specific-feature-grid strong,.specific-testimonial-grid strong,.specific-side-features strong,.specific-demo-layout--funnel strong,.specific-demo-layout--pricing strong,.specific-rating-summary strong,.specific-webinar-info strong,.specific-event-meta strong{color:var(--demo-ink);font-size:25px;font-weight:650;line-height:1.08;display:block}.specific-wide-cta{background:var(--demo-ink);color:var(--demo-bg);border-radius:20px;grid-column:1/-1;justify-content:space-between;align-items:center;gap:16px;margin-top:4px;padding:24px;display:flex}.specific-wide-cta button{background:var(--demo-accent);color:#fff}.specific-demo-layout--demo,.specific-demo-layout--lead,.specific-demo-layout--app,.specific-demo-layout--webinar,.specific-demo-layout--newsletter,.specific-demo-layout--reviews,.specific-demo-layout--transformation{grid-template-columns:minmax(0,1fr) minmax(280px,.45fr)}.specific-product-frame,.specific-lead-magnet,.specific-video-frame,.specific-immersive-stage,.specific-before-after,.specific-issue-card,.specific-webinar-info{background:color-mix(in srgb, var(--demo-accent) 13%, white 87%);border:1px solid var(--demo-border);border-radius:22px;min-height:330px;padding:24px}.specific-product-topbar,.specific-directory-search,.specific-faq-search,.specific-prompt-bar,.specific-email-row,.specific-newsletter-form{border:1px solid var(--demo-border);color:var(--demo-muted);background:#fff;border-radius:16px;justify-content:space-between;align-items:center;gap:12px;min-height:58px;padding:12px 16px;display:flex}.specific-product-screen{grid-template-columns:1.2fr .8fr;gap:14px;margin-top:20px;display:grid}.specific-product-screen span{border:1px solid var(--demo-border);background:#fff;border-radius:18px;min-height:112px}.specific-product-screen span:first-child{background:var(--demo-accent);grid-row:span 2}.specific-side-features{gap:14px;display:grid}.specific-demo-layout--minimal{text-align:center;max-width:760px;margin-left:auto;margin-right:auto;padding:56px}.specific-demo-layout--minimal p{max-width:560px;margin-left:auto;margin-right:auto}.specific-demo-layout--minimal button{justify-self:center;margin-top:24px}.specific-demo-layout--funnel{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.specific-demo-layout--funnel article{min-height:210px;position:relative}.specific-demo-layout--funnel article:not(:last-child):after{background:var(--demo-accent);content:"";width:16px;height:3px;position:absolute;top:54px;left:calc(100% + 1px)}.specific-lead-form,.specific-webinar-form{border:1px solid var(--demo-border);background:#fff;border-radius:22px;gap:12px;padding:24px;display:grid}.specific-lead-form label{color:var(--demo-muted);font-family:var(--mono);text-transform:uppercase;font-size:11px}.specific-lead-form input,.specific-webinar-form input{border:1px solid var(--demo-border);color:var(--demo-ink);border-radius:999px;min-height:44px;padding:0 14px}.specific-demo-layout--pricing article.is-featured{background:var(--demo-accent);color:#fff;transform:translateY(-10px)}.specific-demo-layout--pricing article.is-featured strong,.specific-demo-layout--pricing article.is-featured p{color:#fff}.specific-video-frame{background:#061f1c;place-items:center;display:grid}.specific-video-frame span{border-bottom:42px solid #0000;border-left:66px solid var(--demo-accent);border-top:42px solid #0000;width:0;height:0}.specific-video-chapters,.specific-demo-layout--story,.specific-faq-list,.specific-rating-bars,.specific-agenda-list,.specific-control-rail{gap:12px;display:grid}.specific-demo-layout--story{border-left:6px solid var(--demo-accent);padding-left:42px}.specific-demo-layout--story article{padding:22px}.specific-prompt-bar{grid-column:1/-1}.specific-prompt-bar button,.specific-email-row button,.specific-newsletter-form button{min-width:150px}.specific-generated-grid article{min-height:160px;padding:22px}.specific-demo-layout--ai{gap:16px;display:grid}.specific-demo-layout--waitlist{text-align:center;place-items:center;min-height:430px;display:grid}.specific-countdown{gap:14px;display:flex}.specific-countdown span{background:var(--demo-accent);color:#fff;font-family:var(--mono);border-radius:20px;padding:22px;font-size:46px;font-weight:800}.specific-email-row{min-width:min(520px,100%)}.specific-comparison-table{border:1px solid var(--demo-border);border-radius:18px;overflow-x:auto}.specific-comparison-row{border:0;border-radius:0;grid-template-columns:minmax(180px,.7fr) repeat(2,minmax(220px,1fr));min-width:720px;display:grid}.specific-comparison-row:nth-child(odd):not(.is-head){background:#fff}.specific-comparison-row.is-head{background:var(--demo-ink);color:var(--demo-bg);font-family:var(--mono);text-transform:uppercase;font-size:12px}.specific-comparison-row span{border-left:1px solid var(--demo-border);min-height:66px;padding:18px}.specific-comparison-row span:first-child{border-left:0;font-weight:750}.specific-comparison-row span:nth-child(2):not(:first-child){color:var(--demo-ink);background:#fffacd;font-weight:800}.specific-device-stack{justify-content:center;align-items:end;gap:14px;display:flex}.specific-device-stack span{background:color-mix(in srgb, var(--demo-ink) 12%, white 88%);border:1px solid var(--demo-border);border-radius:28px;width:120px;height:280px}.specific-device-stack span:nth-child(2){background:var(--demo-accent-two);height:330px}.specific-app-copy,.specific-rating-summary,.specific-before-after section{border:1px solid var(--demo-border);background:#fff;border-radius:22px;padding:24px}.specific-faq-list article{justify-content:space-between;align-items:center;padding:20px;display:flex}.specific-immersive-stage{place-items:center;min-height:420px;display:grid;position:relative}.specific-immersive-stage span{background:linear-gradient(135deg, var(--demo-accent), var(--demo-accent-two));box-shadow:0 34px 72px var(--demo-shadow);border-radius:38px;width:150px;height:150px;transform:rotate(-8deg)}.specific-immersive-stage i{border:1px solid var(--demo-border);border-radius:999px;width:240px;height:240px;position:absolute}.specific-immersive-stage i:last-child{width:330px;height:330px}.specific-control-rail{grid-template-columns:repeat(4,minmax(0,1fr))}.specific-event-meta,.specific-agenda-list{gap:12px;display:grid}.specific-speaker-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.specific-speaker-grid article{min-height:150px;padding:18px}.specific-agenda-list span{color:var(--demo-ink);padding:16px}.specific-rating-summary{align-content:center;justify-items:center;display:grid}.specific-rating-summary strong{font-size:76px}.specific-rating-summary span{color:#d99b00;letter-spacing:0}.specific-rating-bars span{background:var(--demo-accent);border-radius:999px;height:24px;display:block}.specific-demo-layout--reviews blockquote{border:1px solid var(--demo-border);color:var(--demo-ink);background:#fff;border-radius:22px;margin:0;padding:24px}.specific-member-orbit{grid-column:1/-1;justify-content:center;align-items:center;min-height:120px;display:flex}.specific-member-orbit span{background:var(--demo-accent);border:5px solid #fff;border-radius:999px;width:76px;height:76px;margin-left:-14px}.specific-member-orbit span:nth-child(2n){background:var(--demo-accent-two)}.specific-topic-grid{grid-column:1/-1;grid-template-columns:repeat(4,minmax(0,1fr))}.specific-topic-grid article,.specific-listing-grid article,.specific-gateway-grid article{padding:20px}.specific-before-after{grid-template-columns:1fr 1fr;padding:0;display:grid;overflow:hidden}.specific-before-after section{border:0;border-radius:0;align-items:end;min-height:330px;display:flex}.specific-before-after section:first-child{background:repeating-linear-gradient(135deg,#14201e1a 0 14px,#14201e08 14px 28px)}.specific-before-after section:last-child{background:linear-gradient(135deg, var(--demo-accent), var(--demo-accent-two));color:#fff}.specific-results-grid{gap:12px;display:grid}.specific-results-grid strong{color:var(--demo-ink);font-family:var(--mono);padding:22px;font-size:36px}.specific-listing-grid,.specific-gateway-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.specific-logo-strip{grid-column:1/-1;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;display:grid}.specific-logo-strip span{background:color-mix(in srgb, var(--demo-ink) 10%, white 90%);border:1px solid var(--demo-border);border-radius:999px;min-height:42px}.specific-demo-layout--portfolio{grid-auto-flow:dense;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;display:grid}.specific-demo-layout--portfolio article{align-items:end;min-height:140px;padding:18px;display:flex}.specific-demo-layout--portfolio article:first-child,.specific-demo-layout--portfolio article:nth-child(5){background:var(--demo-accent);color:#fff;grid-row:span 2;min-height:294px}.specific-demo-layout--horizontal{scroll-snap-type:x mandatory;gap:16px;display:flex;overflow-x:auto}.specific-demo-layout--horizontal article{scroll-snap-align:start;flex:0 0 min(420px,78vw);min-height:300px;padding:24px}.specific-demo-notes{grid-template-columns:repeat(4,minmax(0,1fr))}.specific-demo-notes p{overflow-wrap:anywhere;margin:0}.specific-demo-cta{grid-template-columns:1fr auto;align-items:center;gap:22px;margin:0 42px 42px;padding:28px 32px;display:grid}.specific-demo-cta strong{font-size:28px;display:block}.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}.about-page{min-height:72vh}.about-hero{margin-bottom:28px}.about-layout{grid-template-columns:1fr minmax(260px,.34fr);align-items:start;gap:18px;margin-bottom:18px;display:grid}.about-article{border:1px solid var(--border);background:#ffffffad;border-radius:18px;overflow:hidden}.about-section-block{border-top:1px solid var(--border-soft);padding:34px 38px}.about-section-block:first-child{border-top:0}.about-section-block h2{color:var(--ink);letter-spacing:0;margin:30px 0;font-size:44px;font-weight:500;line-height:1.08}.about-section-block p,.about-section-block li{color:var(--ink-soft);font-size:18px;line-height:1.72}.about-section-block p{margin:0}.about-section-block p+p{margin-top:16px}.about-steps{counter-reset:about-step;gap:12px;margin:0;padding:0;list-style:none;display:grid}.about-steps li{background:var(--cream);border:1px solid var(--border-soft);counter-increment:about-step;border-radius:14px;padding:16px 18px 16px 58px;position:relative}.about-steps li:before{background:var(--hero-bg);color:var(--mint);content:counter(about-step, decimal-leading-zero);font-family:var(--mono);border-radius:999px;justify-content:center;align-items:center;width:30px;height:30px;font-size:11px;display:inline-flex;position:absolute;top:18px;left:18px}.about-card{background:var(--hero-bg);color:var(--hero-text);border-radius:18px;gap:18px;padding:28px;display:grid;position:sticky;top:96px}.about-card span{color:var(--lilac);font-family:var(--mono);text-transform:uppercase;font-size:12px}.about-card strong{color:var(--mint);letter-spacing:0;font-size:42px;font-weight:500;line-height:1.02}.about-card p{color:var(--hero-text-dim);margin:0;font-size:16px}.about-link-band{grid-template-columns:minmax(0,1.4fr) minmax(260px,.8fr);gap:14px;display:grid}.about-repo-link,.about-secondary-link{overflow-wrap:anywhere;border-radius:18px;grid-template-columns:1fr auto;align-items:center;gap:16px;display:grid}.about-repo-link{background:var(--hero-bg);color:var(--hero-text);padding:34px 38px}.about-secondary-link{background:var(--cream-soft);border:1px solid var(--border);color:var(--ink);padding:28px 30px}.about-repo-link span,.about-secondary-link span{color:var(--ink-mute);font-family:var(--mono);text-transform:uppercase;grid-column:1/-1;font-size:12px}.about-repo-link span{color:var(--lilac)}.about-repo-link strong,.about-secondary-link strong{letter-spacing:0;font-size:40px;font-weight:500;line-height:1.05}.about-repo-link strong{color:var(--mint)}.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);padding:54px 40px}.footer-frame{grid-template-columns:minmax(0,1fr) minmax(280px,.48fr);gap:48px;width:100%;display:grid}.footer-brand{color:var(--ink)}.footer-brand span{background:var(--warm-tan)}.footer-main{text-align:left;justify-items:start;min-width:0;display:grid}.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-credit{max-width:680px}.footer-legal{flex-wrap:wrap;gap:10px 18px;margin-top:10px;display:flex}.footer-legal a{color:var(--ink-soft);text-underline-offset:3px;font-size:14px;-webkit-text-decoration:underline #121f1d2e;text-decoration:underline #121f1d2e}.footer-legal a:hover{color:var(--ink)}.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{text-align:right;flex-direction:column;justify-content:start;justify-self:end;align-items:stretch;gap:10px;width:100%;display:flex}.footer-links a{color:var(--ink-soft);font-family:var(--mono);text-transform:uppercase;justify-content:flex-end;align-items:center;min-height:30px;font-size:16px;display:inline-flex}.footer-links a:hover{color:var(--ink)}.footer-links a.footer-about-text-link{text-transform:uppercase;font-size:16px}:focus-visible{outline:2px solid var(--lilac);outline-offset:3px}@media (width<=1360px) and (width>=1101px){.top-nav{grid-template-columns:1fr}.nav-pill{justify-self:stretch;width:100%}.nav-search{justify-self:stretch}.header-actions{justify-self:stretch;width:100%}}@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,.home-about-grid,.footer-frame,.about-layout,.about-link-band,.style-demo-nav,.style-demo-hero,.landing-demo-nav,.landing-demo-hero,.comparison-demo-nav,.comparison-demo-hero,.comparison-demo-notes,.specific-demo-nav,.specific-demo-hero,.specific-demo-cta,.landing-demo-cta{grid-template-columns:1fr}.style-demo-nav nav,.landing-demo-nav nav,.comparison-demo-nav nav,.specific-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,.specific-demo-flow,.specific-demo-notes,.specific-feature-grid,.specific-testimonial-grid,.specific-demo-layout--pricing,.specific-demo-layout--demo,.specific-demo-layout--lead,.specific-demo-layout--webinar,.specific-demo-layout--newsletter,.specific-demo-layout--app,.specific-demo-layout--event,.specific-demo-layout--reviews,.specific-demo-layout--transformation,.specific-demo-layout--funnel,.specific-speaker-grid,.specific-topic-grid,.specific-listing-grid,.specific-gateway-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.comparison-demo-pricing-grid,.comparison-demo-cta{grid-template-columns:1fr}.landing-demo-copy h3{font-size:52px}.mega-stats-band{padding:58px 28px 60px}.mega-stats-band div{padding:0 18px}.mega-stats-band strong{font-size:92px}.mega-stats-band span{margin-top:12px;font-size:14px}}@media (width<=760px){.utility-bar{display:none}.top-nav,.hero-section,.cream-section,.olive-band,.site-footer{padding-left:16px;padding-right:16px}.top-nav{gap:12px;padding-top:14px;padding-bottom:14px}.hero-section{padding-top:42px;padding-bottom:64px}.mega-stats-band{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:32px;padding:42px 16px}.mega-stats-band div{padding:0 16px}.mega-stats-band div:last-child{border-right:0}.mega-stats-band strong{font-size:76px}.mega-stats-band span{margin-top:10px;font-size:12px}.nav-pill{border-radius:999px;width:100%;padding:4px;display:flex;overflow:auto hidden}.nav-pill a{overflow-wrap:normal;text-align:left;white-space:nowrap;flex:none;width:auto;min-width:auto;padding:8px 12px}.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,.filters-row,.search-page-form{border-radius:18px;flex-direction:column;align-items:stretch}.header-actions{flex-direction:row;align-items:center;gap:8px}.header-actions .nav-search{flex:auto}.lang-link{width:auto;min-width:52px}.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,.home-about-grid,.footer-frame,.about-layout,.about-link-band,.style-demo-proof,.style-demo-sections,.style-demo-footer,.landing-demo-flow,.landing-demo-details,.specific-demo-flow,.specific-demo-notes,.specific-feature-grid,.specific-testimonial-grid,.specific-demo-layout--pricing,.specific-demo-layout--demo,.specific-demo-layout--lead,.specific-demo-layout--webinar,.specific-demo-layout--newsletter,.specific-demo-layout--app,.specific-demo-layout--event,.specific-demo-layout--reviews,.specific-demo-layout--transformation,.specific-demo-layout--funnel,.specific-generated-grid,.specific-speaker-grid,.specific-topic-grid,.specific-listing-grid,.specific-gateway-grid,.specific-logo-strip,.specific-product-screen,.specific-before-after,.specific-control-rail{grid-template-columns:1fr}.filters-row{display:grid}.footer-links{text-align:left;justify-self:start;align-items:flex-start}.footer-links a{justify-content:flex-start}.filter-search,.select-filter{width:100%}.visual-preview.large{min-height:280px}.legal-card{position:static}.legal-section-block{padding:24px 20px}.about-card,.home-about-side{position:static}.home-about-copy section,.home-about-side{padding:24px 20px}.home-about-copy h3,.home-about-side strong{font-size:26px}.about-section-block{padding:28px 20px}.about-section-block h2,.about-card strong,.about-repo-link strong,.about-secondary-link strong{font-size:30px}.about-section-block p,.about-section-block li{font-size:16px}.about-repo-link,.about-secondary-link{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,.specific-demo-nav{padding:18px}.style-demo-nav nav,.landing-demo-nav nav,.specific-demo-nav nav{flex-wrap:wrap;gap:10px 16px}.style-demo-nav button,.landing-demo-nav button,.landing-demo-cta button,.specific-demo-nav button,.specific-demo-cta button{width:100%}.style-demo-hero,.landing-demo-hero,.specific-demo-hero{min-height:0;padding:24px 18px 28px}.style-demo-copy h3{font-size:38px}.landing-demo-copy h3{font-size:36px}.specific-demo-hero-copy{padding:24px 20px}.specific-demo-hero-copy h3{font-size:36px}.specific-hero-visual{min-height:280px}.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--grid{grid-template-columns:repeat(2,minmax(0,1fr))}.landing-demo-flow,.landing-demo-details,.landing-demo-cta,.specific-demo-flow,.specific-demo-notes,.specific-demo-cta{padding-left:18px;padding-right:18px}.specific-demo-layout{margin-left:18px;margin-right:18px;padding:22px}.specific-demo-layout--minimal{padding:30px 22px}.specific-demo-section-title h4,.specific-demo-layout--minimal h4,.specific-issue-card h4,.specific-demo-cta strong{font-size:26px}.specific-countdown span{padding:16px;font-size:28px}.specific-device-stack span{width:84px;height:220px}.specific-device-stack span:nth-child(2){height:260px}.specific-demo-flow,.specific-demo-notes{padding-bottom:18px}.comparison-demo-nav,.comparison-demo-hero,.comparison-demo-problem,.comparison-demo-table-section,.comparison-demo-pricing,.comparison-demo-notes,.comparison-demo-cta{margin-left:18px;margin-right:18px}.comparison-demo-nav{margin:0;padding:18px}.comparison-demo-hero{padding:18px 0 0}.comparison-demo-hero>div,.comparison-demo-hero aside,.comparison-demo-problem,.comparison-demo-table-section,.comparison-demo-pricing,.comparison-demo-notes>div,.comparison-demo-cta{padding:22px}.comparison-demo-hero h3{font-size:38px}.comparison-demo-problem h4,.comparison-demo-section-heading h4,.comparison-demo-cta strong{font-size:26px}.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}}