/* ===== ALCOHOL\C MAX+ POLISH PASS ===== */
:root{
  --maxplus-ink:#20140f;
  --maxplus-orange:#d97858;
  --maxplus-amber:#efb96a;
  --maxplus-cream:#fff8ef;
  --maxplus-paper:#f4e5d2;
  --maxplus-line:rgba(45,25,15,.12);
  --maxplus-shadow:0 34px 110px rgba(64,30,12,.13);
}
html{scroll-behavior:smooth;}
body{font-variant-ligatures:common-ligatures;}
::selection{background:#241812;color:#fff8ef;}
.site-header{
  border-bottom:1px solid rgba(45,25,15,.09)!important;
  background:rgba(255,248,239,.88)!important;
  backdrop-filter:blur(22px) saturate(150%)!important;
}
.site-header.scrolled{box-shadow:0 18px 58px rgba(45,25,15,.10)!important;}
.brand img{transform-origin:center;transition:transform .3s ease, filter .3s ease;}
.brand:hover img{transform:rotate(-7deg) scale(1.04);filter:drop-shadow(0 10px 16px rgba(217,120,88,.28));}
.top-ribbon{background:linear-gradient(90deg,#22140e,#442416,#22140e)!important;}
.top-ribbon b:after{content:'+';margin-left:2px;color:#efb96a;}
.dropdown{border:1px solid rgba(45,25,15,.12)!important;}
.dropdown:before{content:'enterprise-safe irony layer';position:absolute;right:26px;top:14px;font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:#9d6a54;font-weight:950;opacity:.76;}
.drop-grid section h4{color:#9d4e34!important;}
.solid,.ghost,.drop-cta{border-radius:999px!important;}
.solid{background:#241812!important;color:#fff8ef!important;}
.ghost{background:rgba(255,248,239,.54)!important;border-color:rgba(45,25,15,.16)!important;}
.claude-hero,.page-hero{border-bottom:1px solid rgba(45,25,15,.08);}
.claude-hero h1,.page-hero h1{letter-spacing:-.075em!important;}
.hero-visual{box-shadow:0 34px 100px rgba(65,31,15,.13), inset 0 1px 0 rgba(255,255,255,.65);}
.hero-visual img{animation:maxplusFloat 6s ease-in-out infinite;}
.hero-visual.has-art img{animation:none!important;transform:none!important;}
@keyframes maxplusFloat{0%,100%{transform:translateY(0) rotate(0deg)}50%{transform:translateY(-10px) rotate(2deg)}}
.maxplus-strip{max-width:var(--max);margin:-6px auto 38px;padding:0 clamp(22px,4vw,42px);display:grid;grid-template-columns:repeat(4,1fr);gap:10px;}
.maxplus-strip div{border:1px solid var(--maxplus-line);border-radius:999px;background:rgba(255,248,239,.78);backdrop-filter:blur(14px);padding:12px 16px;display:flex;align-items:center;justify-content:space-between;gap:12px;box-shadow:0 10px 30px rgba(64,30,12,.06);}
.maxplus-strip span{font-size:11px;text-transform:uppercase;letter-spacing:.14em;font-weight:950;color:#9d6047;}
.maxplus-strip b{font-size:13px;color:#241812;white-space:nowrap;}
.maxplus-director{max-width:var(--max);margin:auto;padding:74px clamp(22px,4vw,42px);display:grid;grid-template-columns:.86fr 1.14fr;gap:30px;align-items:stretch;}
.maxplus-director .memo-left{border:1px solid var(--maxplus-line);border-radius:38px;background:#241812;color:#fff8ef;padding:36px;box-shadow:var(--maxplus-shadow);display:flex;flex-direction:column;justify-content:space-between;min-height:420px;}
.maxplus-director .memo-left h2{font-family:var(--serif);font-weight:400;font-size:clamp(48px,6vw,92px);line-height:.9;letter-spacing:-.07em;margin:0 0 22px;}
.maxplus-director .memo-left p{color:#e9d1bb;font-size:18px;line-height:1.5;}
.maxplus-director .memo-left .seal{display:inline-flex;align-self:flex-start;border:1px solid rgba(255,255,255,.18);border-radius:999px;padding:9px 13px;color:#ffd7bd;font-weight:950;font-size:12px;letter-spacing:.12em;text-transform:uppercase;}
.memo-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;}
.memo-card{border:1px solid var(--maxplus-line);border-radius:30px;background:linear-gradient(180deg,#fffaf2,#f3dfca);padding:24px;min-height:198px;box-shadow:0 20px 62px rgba(64,30,12,.08);position:relative;overflow:hidden;}
.memo-card:after{content:'';position:absolute;width:120px;height:120px;border-radius:50%;right:-48px;bottom:-50px;background:radial-gradient(circle,rgba(217,120,88,.18),transparent 70%);}
.memo-card small{display:block;color:#9d6047;text-transform:uppercase;letter-spacing:.15em;font-weight:950;margin-bottom:16px;}
.memo-card h3{font-family:var(--serif);font-size:36px;line-height:.95;letter-spacing:-.06em;margin:0 0 12px;font-weight:400;}
.memo-card p{color:#60483c;margin:0;line-height:1.52;}
.maxplus-bento{max-width:var(--max);margin:auto;padding:28px clamp(22px,4vw,42px) 84px;display:grid;grid-template-columns:1.1fr .9fr 1fr;gap:14px;}
.bento-tile{border:1px solid var(--maxplus-line);border-radius:34px;padding:28px;background:#fff8ef;box-shadow:0 18px 60px rgba(64,30,12,.07);min-height:230px;display:flex;flex-direction:column;justify-content:space-between;}
.bento-tile.tall{grid-row:span 2;min-height:474px;background:linear-gradient(180deg,#f3d8c0,#fff8ef);}
.bento-tile.dark{background:#241812;color:#fff8ef;}
.bento-tile h3{font-family:var(--serif);font-size:clamp(34px,3vw,54px);font-weight:400;letter-spacing:-.06em;line-height:.95;margin:0 0 14px;}
.bento-tile p{color:inherit;opacity:.75;line-height:1.55;}
.bento-tile code{align-self:flex-start;border-radius:999px;background:rgba(36,24,18,.08);padding:8px 11px;font-weight:900;}
.bento-tile.dark code{background:rgba(255,255,255,.12);color:#ffd7bd;}
.maxplus-rail{position:fixed;left:16px;top:50%;transform:translateY(-50%);z-index:80;display:flex;flex-direction:column;gap:6px;transition:opacity .4s ease;}
.maxplus-rail a{display:flex;align-items:center;justify-content:center;width:38px;height:38px;border:1px solid rgba(45,25,15,.09);border-radius:50%;background:rgba(255,248,239,.72);backdrop-filter:blur(16px);color:#6a4d41;box-shadow:0 6px 20px rgba(64,30,12,.05);will-change:transform;}
.maxplus-rail a.active{background:#241812;color:#fff8ef;border-color:#241812;}
.maxplus-page-tools{position:fixed;right:18px;top:50%;transform:translateY(-50%);z-index:85;display:flex;flex-direction:column;gap:8px;}
.maxplus-page-tools button{width:42px;height:42px;border-radius:50%;border:1px solid rgba(45,25,15,.13);background:rgba(255,248,239,.78);backdrop-filter:blur(16px);font-weight:950;color:#241812;box-shadow:0 12px 30px rgba(64,30,12,.09);cursor:pointer;}
.maxplus-page-tools button:hover{background:#241812;color:#fff8ef;transform:translateY(-1px);}
.module h2,.problem-section h2,.product-wall h2,.showcase h2,.model-band h2,.catalog-section h2{text-wrap:balance;}
.product-card,.related-card,.ui-card,.feature-columns article,.triple article{transition:transform .18s ease, box-shadow .18s ease, border-color .18s ease;}
.product-card:hover,.related-card:hover,.ui-card:hover,.feature-columns article:hover,.triple article:hover{transform:translateY(-5px);box-shadow:0 28px 80px rgba(64,30,12,.13);border-color:rgba(217,120,88,.35)!important;}
.compare-table table tr:hover td{background:rgba(217,120,88,.06);}
.footer{border-top-left-radius:46px;border-top-right-radius:46px;overflow:hidden;}
.footer-bottom{border-top:1px solid rgba(255,255,255,.12);}
.mobile-panel{border:1px solid var(--maxplus-line);border-radius:28px;margin:10px 16px;background:rgba(255,248,239,.96);box-shadow:0 30px 80px rgba(64,30,12,.15);}
.mobile-panel a{border-bottom:1px solid rgba(45,25,15,.08);}
.mobile-panel a:last-child{border-bottom:0;}
@media(max-width:1280px){.maxplus-rail{display:none}.maxplus-page-tools{right:12px;bottom:78px;top:auto;transform:none}.maxplus-page-tools button{width:38px;height:38px}}
@media(max-width:980px){.maxplus-director,.maxplus-bento{grid-template-columns:1fr}.memo-grid{grid-template-columns:1fr}.maxplus-strip{grid-template-columns:1fr 1fr}.bento-tile.tall{grid-row:auto;min-height:260px}}
@media(max-width:620px){.maxplus-strip{grid-template-columns:1fr}.maxplus-director{padding-top:42px}.maxplus-director .memo-left{min-height:auto}.memo-card{min-height:auto}.maxplus-page-tools{display:none}.bento-tile{min-height:auto}.dropdown:before{display:none}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}


/* ===== MAX ENGLISH + ICON NAV PASS ===== */

/* --- Header polish --- */
.site-header{
  height:64px!important;
  padding:0 clamp(20px,3.5vw,48px)!important;
  gap:0;
}
.brand{gap:10px}
.brand img{width:30px!important;height:30px!important}
.brand span{font-size:15px!important;letter-spacing:.03em!important}
.desktop-nav{gap:2px!important;font-size:13.5px!important;font-weight:680!important}
.desktop-nav>a,.nav-item>button{
  padding:8px 12px!important;font-size:13.5px!important;font-weight:680!important;
  color:rgba(36,24,18,.72)!important;letter-spacing:.005em;
}
.desktop-nav>a:hover,.nav-item>button:hover,.desktop-nav>a.is-current{
  color:rgba(36,24,18,.95)!important;background:rgba(36,24,18,.05)!important;
}
.desktop-nav>a:after,.nav-item>button:before{bottom:12px!important;height:1.5px!important}
.nav-item>button:after{font-size:10px!important;margin-left:4px!important;opacity:.5}
/* Override hover/focus-within — use JS .open class only */
.nav-item:hover .dropdown,.nav-item:focus-within .dropdown{display:none!important}
.nav-item.open>.dropdown{display:block!important}
.nav-item.open>button{background:rgba(36,24,18,.08)!important;color:rgba(36,24,18,.95)!important}
.nav-item.open>button:before{transform:scaleX(1)!important}
[data-theme="dark"] .nav-item.open>button{background:rgba(255,255,255,.06)!important;color:var(--ink)!important}
.dropdown{top:56px!important;padding:20px!important;border-radius:24px!important}
.dropdown:before{font-size:9px!important;right:20px!important;top:11px!important}
.drop-grid{gap:14px!important}
.drop-grid a{padding:10px 12px!important;border-radius:14px!important}
.drop-grid b{font-size:14px!important}
.drop-grid span,.drop-copy{font-size:12px!important}
.header-actions{gap:8px!important}
.header-actions .ghost,.header-actions .solid{
  padding:7px 14px!important;font-size:13px!important;font-weight:800!important;
  letter-spacing:.01em;
}
.header-actions .solid{
  box-shadow:0 6px 18px rgba(36,24,18,.1)!important;
}
.header-actions .solid:hover{
  box-shadow:0 10px 28px rgba(36,24,18,.16)!important;
  transform:translateY(-1px)!important;
}
.header-actions .ghost:hover{
  background:rgba(36,24,18,.05)!important;
  transform:translateY(-1px)!important;
}
.menu-button{padding:7px 12px!important;font-size:13px!important}
.site-header.scrolled{box-shadow:0 8px 32px rgba(45,25,15,.08)!important}

/* --- Top ribbon polish --- */
.top-ribbon{min-height:36px!important;padding:7px 18px!important;font-size:12px!important;gap:10px!important}
.top-ribbon b{font-size:12px!important}
.top-ribbon span{font-size:12px!important;letter-spacing:.01em}
.top-ribbon a{font-size:12px!important}

/* --- Mobile panel adjust for shorter header --- */
.mobile-panel{top:64px!important}
body.has-ribbon .mobile-panel{top:100px!important}

/* --- Responsive header --- */
@media(max-width:620px){
  .site-header{height:56px!important}
  .brand img{width:26px!important;height:26px!important}
  .brand span{font-size:13px!important}
  .mobile-panel{top:56px!important}
  body.has-ribbon .mobile-panel{top:92px!important}
  .top-ribbon{min-height:32px!important;padding:5px 14px!important;font-size:11px!important}
}
.maxplus-rail.icon-rail{left:16px;gap:6px}
.maxplus-rail.icon-rail a{
  position:relative;width:36px;height:36px;padding:0;
  border:1px solid rgba(45,25,15,.08);border-radius:50%;
  background:rgba(255,248,239,.82);backdrop-filter:blur(18px) saturate(140%);
  box-shadow:0 4px 16px rgba(64,30,12,.06);
  transition:transform .22s cubic-bezier(.34,1.56,.64,1), background .2s ease, box-shadow .2s ease, border-color .2s ease;
  cursor:pointer;
}
.maxplus-rail.icon-rail a:hover{
  transform:scale(1.12);
  background:#fff8ef;
  box-shadow:0 8px 24px rgba(64,30,12,.12);
  border-color:rgba(217,120,88,.3);
}
.maxplus-rail.icon-rail a:active{transform:scale(.94);transition-duration:.08s}
.maxplus-rail.icon-rail a:hover:after{
  content:attr(title);position:absolute;left:calc(100% + 10px);top:50%;transform:translateY(-50%);
  background:#241812;color:#fff8ef;border-radius:8px;padding:5px 10px;
  font-size:11px;font-weight:800;white-space:nowrap;pointer-events:none;
  box-shadow:0 8px 24px rgba(0,0,0,.18);
  animation:railTipIn .15s ease-out;
}
@keyframes railTipIn{from{opacity:0;transform:translateY(-50%) translateX(-4px)}to{opacity:1;transform:translateY(-50%) translateX(0)}}
.maxplus-rail.icon-rail .rail-icon{
  width:100%;height:100%;border-radius:50%;
  display:grid;place-items:center;
  background:#241812;color:#fff8ef;font-size:13px;
  transition:background .2s ease, color .2s ease;
}
.maxplus-rail.icon-rail .rail-label{display:none}
.maxplus-rail.icon-rail a.active{
  background:#241812;border-color:#241812;
  box-shadow:0 6px 20px rgba(217,120,88,.25);
  transform:scale(1.08);
}
.maxplus-rail.icon-rail a.active .rail-icon{background:#d97858;color:#fff8ef}
.maxplus-page-tools button{font-size:16px;display:grid;place-items:center}.maxplus-page-tools button[title]:hover:after{content:attr(title);position:absolute;right:52px;background:#241812;color:#fff8ef;border-radius:999px;padding:7px 10px;font-size:11px;white-space:nowrap;box-shadow:0 10px 30px rgba(0,0,0,.18)}
.page-hero,.claude-hero{padding-top:clamp(72px,9vw,126px);padding-bottom:clamp(58px,8vw,104px)}.page-hero h1,.claude-hero h1{max-width:980px}.page-hero p,.claude-hero p{max-width:760px}.hero-actions{flex-wrap:wrap}
.module,.problem-section,.product-wall,.showcase,.model-band,.catalog-section,.max-feature-band,.quote-strip,.prompt-lab{scroll-margin-top:120px}.module{padding-top:clamp(44px,6vw,84px);padding-bottom:clamp(44px,6vw,84px)}.module h2,.problem-section h2,.product-wall h2,.showcase h2,.model-band h2,.catalog-section h2{letter-spacing:-.06em;line-height:.96}.module p,.problem-section p,.showcase p,.product-card p,.related-card p,.ui-card p{line-height:1.58}
.product-grid,.feature-columns,.related-grid,.interface-grid{align-items:stretch}.product-card,.related-card,.ui-card,.feature-columns article,.triple article{border-radius:30px}.product-card{display:flex;flex-direction:column;justify-content:space-between;gap:26px}.product-card h3{font-size:clamp(30px,3vw,48px);line-height:.94}.product-card p{max-width:31ch}.feature-columns article,.triple article{min-height:220px;background:linear-gradient(180deg,#fffaf2,#f4e6d5)}
.compare-table{margin-top:24px}.compare-table th{position:sticky;top:76px;z-index:1}.compare-table td,.compare-table th{vertical-align:top}.terminal-window{border-radius:30px}.terminal-window pre{font-size:13px;line-height:1.62;white-space:pre-wrap}.lab-card,.dark-module,.quote-card,.max-feature-panel{box-shadow:0 30px 90px rgba(62,28,12,.12)}
.subnav-inner{scrollbar-width:none}.subnav-inner::-webkit-scrollbar{display:none}.subnav a:before{content:'•';color:#d97858;margin-right:8px}.subnav a:hover:before{color:#241812}
.catalog-section{padding-bottom:80px}.catalog-grid{grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:10px}.catalog-grid a{display:flex;align-items:center;gap:8px;padding:13px 14px}.catalog-grid a:before{content:'↳';color:#d97858;font-weight:950}.catalog-grid a:hover:before{transform:translateX(2px)}
.footer-grid{gap:44px}.footer section:first-child{max-width:440px}.footer h4{letter-spacing:.14em;text-transform:uppercase;font-size:12px;color:#ffd7bd}.footer a{padding:4px 0;color:#ead5c1}.footer-bottom{font-size:13px;color:#d8bca5}
.max-metrics{padding-top:24px}.metric-card{transition:transform .18s ease, box-shadow .18s ease}.metric-card:hover{transform:translateY(-4px);box-shadow:0 28px 80px rgba(62,28,12,.13)}.metric-card b{color:#241812}
.memo-card h3,.bento-tile h3{word-break:normal}.memo-card p,.bento-tile p{font-size:15.5px}.bento-tile{background:linear-gradient(180deg,#fffaf3,#f6e5d2)}.bento-tile.dark{background:linear-gradient(180deg,#241812,#150d0a)}
@media(max-width:1280px){.maxplus-rail.icon-rail{display:flex;left:50%;right:auto;top:auto;bottom:16px;transform:translateX(-50%);flex-direction:row;gap:5px;background:rgba(255,248,239,.88);backdrop-filter:blur(20px) saturate(150%);border:1px solid rgba(45,25,15,.1);border-radius:999px;padding:5px 8px;box-shadow:0 12px 40px rgba(64,30,12,.12)}.maxplus-rail.icon-rail a{width:32px;height:32px;min-width:32px;box-shadow:none;border:0;background:transparent}.maxplus-rail.icon-rail a .rail-icon{width:100%;height:100%;font-size:11px}.maxplus-rail.icon-rail a:hover{transform:scale(1.15);background:rgba(217,120,88,.1)}.maxplus-rail.icon-rail a:hover:after{display:none}.maxplus-rail.icon-rail a.active{background:transparent;transform:none;box-shadow:none}}
@media(max-width:980px){.compare-table{overflow:auto}.compare-table th{position:static}.page-hero,.claude-hero{padding-top:54px}.product-card h3{font-size:34px}.feature-columns article,.triple article{min-height:auto}.maxplus-rail.icon-rail{display:none}}
@media(max-width:620px){.top-ribbon span{font-size:12px}.brand span{font-size:16px}.page-hero h1,.claude-hero h1{letter-spacing:-.065em!important}.lab-card{border-radius:28px}.product-card,.related-card,.ui-card{border-radius:24px}.catalog-grid{grid-template-columns:1fr 1fr}.catalog-grid a{font-size:13px;padding:11px}.footer:before{display:none}}

/* ===== NEW COMEDY SECTIONS ===== */

/* --- Incident Log --- */
.incident-log{background:linear-gradient(180deg,#fff8ef 0%,#f9ece0 100%)!important;border-top:1px solid var(--maxplus-line)}
.incident-log>.eyebrow{color:#9d6047!important;text-transform:uppercase;letter-spacing:.16em;font-weight:950;font-size:11px;margin-bottom:8px}
.incident-log>h2{font-family:var(--serif)!important;font-size:clamp(32px,4.5vw,56px)!important;letter-spacing:-.06em!important;line-height:.94!important;margin:0 0 40px!important;color:#241812!important}
.incident-log>.feature-columns>article{background:linear-gradient(180deg,#fffaf2,#f4e6d5)!important;border:1px solid var(--maxplus-line)!important;border-radius:30px!important;padding:28px!important;min-height:220px}
.incident-log>.feature-columns>article h3{font-family:var(--serif)!important;font-size:24px!important;letter-spacing:-.04em;line-height:1;margin:0 0 14px;font-weight:400;color:#241812!important}
.incident-log>.feature-columns>article p{color:#60483c!important;line-height:1.58;margin:0 0 16px}
.incident-log>.feature-columns>article code{display:inline-block!important;background:rgba(36,24,18,.08)!important;border-radius:999px!important;padding:6px 12px!important;font-size:11px!important;font-weight:900!important;letter-spacing:.08em;text-transform:uppercase;color:#9d4e34!important}

/* --- FAQ Theater --- */
section.module.faq-theater{background:#241812!important;color:#fff8ef!important;border-radius:46px!important;margin:0 clamp(12px,2vw,40px)!important;padding:clamp(48px,7vw,96px) clamp(22px,4vw,48px)!important}
section.faq-theater>.eyebrow{color:#d97858!important;text-transform:uppercase;letter-spacing:.16em;font-weight:950;font-size:11px;margin-bottom:8px}
section.faq-theater>h2{font-family:var(--serif)!important;font-size:clamp(32px,4.5vw,56px)!important;letter-spacing:-.06em!important;line-height:.94!important;margin:0 0 40px!important;color:#fff8ef!important}
section.faq-theater>.feature-columns{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))!important;gap:14px!important}
section.faq-theater>.feature-columns>article{background:rgba(255,255,255,.06)!important;border:1px solid rgba(255,255,255,.08)!important;border-radius:26px!important;padding:26px!important;transition:background .2s ease,border-color .2s ease;min-height:auto!important}
section.faq-theater>.feature-columns>article:hover{background:rgba(255,255,255,.1)!important;border-color:rgba(217,120,88,.3)!important;transform:translateY(-3px)}
section.faq-theater>.feature-columns>article h3{font-family:var(--serif)!important;font-size:20px!important;letter-spacing:-.03em;line-height:1.1;margin:0 0 12px;font-weight:400;color:#ffd7bd!important}
section.faq-theater>.feature-columns>article p{color:#ead5c1!important;line-height:1.58;margin:0;font-size:14.5px}

/* --- Testimonial Wall --- */
.testimonial-wall{background:linear-gradient(180deg,#fff8ef,#f6e5d2)!important;border-top:1px solid var(--maxplus-line)}
.testimonial-wall>.eyebrow{color:#9d6047!important;text-transform:uppercase;letter-spacing:.16em;font-weight:950;font-size:11px;margin-bottom:8px}
.testimonial-wall>h2{font-family:var(--serif)!important;font-size:clamp(32px,4.5vw,56px)!important;letter-spacing:-.06em!important;line-height:.94!important;margin:0 0 40px!important;color:#241812!important}
.testimonial-wall>.triple{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))!important;gap:14px!important}
.testimonial-wall>.triple>article{background:#fff8ef!important;border:1px solid var(--maxplus-line)!important;border-radius:30px!important;padding:28px!important;position:relative;overflow:hidden}
.testimonial-wall>.triple>article:before{content:'\201C';position:absolute;top:-10px;left:16px;font-family:var(--serif);font-size:120px;color:rgba(217,120,88,.12);line-height:1;pointer-events:none}
.testimonial-wall>.triple>article h3{font-family:var(--serif)!important;font-size:22px!important;letter-spacing:-.03em;line-height:1.1;margin:0 0 14px;font-weight:400;color:#241812!important}
.testimonial-wall>.triple>article p{color:#60483c!important;line-height:1.58;margin:0 0 8px;font-size:14.5px}
.testimonial-wall>.triple>article strong{color:#9d4e34!important;font-size:12px;letter-spacing:.06em}

/* --- Changelog Preview --- */
.changelog-preview{border-top:1px solid var(--maxplus-line)}
.changelog-preview>.eyebrow{color:#9d6047!important;text-transform:uppercase;letter-spacing:.16em;font-weight:950;font-size:11px;margin-bottom:8px}
.changelog-preview>h2{font-family:var(--serif)!important;font-size:clamp(32px,4.5vw,56px)!important;letter-spacing:-.06em!important;line-height:.94!important;margin:0 0 40px!important;color:#241812!important}
.changelog-preview>.feature-columns>article{background:linear-gradient(180deg,#fffaf2,#f4e6d5)!important;border:1px solid var(--maxplus-line)!important;border-radius:30px!important;padding:28px!important;min-height:200px;position:relative}
.changelog-preview>.feature-columns>article h3{font-family:var(--serif)!important;font-size:22px!important;letter-spacing:-.03em;line-height:1.1;margin:0 0 14px;font-weight:400;color:#241812!important}
.changelog-preview>.feature-columns>article p{color:#60483c!important;line-height:1.58;margin:0}
.changelog-preview>.feature-columns>article:after{content:'shipped';position:absolute;top:20px;right:20px;background:#241812;color:#ffd7bd;border-radius:999px;padding:4px 10px;font-size:10px;font-weight:950;letter-spacing:.12em;text-transform:uppercase}

/* --- Comedy sections responsive --- */
@media(max-width:980px){
  .faq-theater{border-radius:28px;margin:0 12px}
  .faq-theater .feature-columns,.testimonial-wall .triple{grid-template-columns:1fr}
}
@media(max-width:620px){
  .faq-theater{border-radius:20px;margin:0 8px;padding:36px 18px!important}
  .incident-log .feature-columns article,.changelog-preview .feature-columns article{min-height:auto}
  .testimonial-wall .triple article:before{font-size:80px}
}

/* ===== DARK THEME ===== */

/* Theme toggle button */
.theme-toggle{
  width:36px;height:36px;border:1px solid rgba(45,25,15,.1);border-radius:50%;
  background:rgba(255,248,239,.6);backdrop-filter:blur(12px);
  display:grid;place-items:center;cursor:pointer;font-size:16px;line-height:1;
  transition:background .2s,border-color .2s,transform .18s;
  position:relative;
}
.theme-toggle:hover{background:rgba(36,24,18,.08);transform:scale(1.08)}
.theme-toggle .icon-sun,.theme-toggle .icon-moon{position:absolute;transition:opacity .25s,transform .25s}
.theme-toggle .icon-moon{opacity:0;transform:rotate(-90deg) scale(.5)}
[data-theme="dark"] .theme-toggle .icon-sun{opacity:0;transform:rotate(90deg) scale(.5)}
[data-theme="dark"] .theme-toggle .icon-moon{opacity:1;transform:rotate(0) scale(1)}

/* Dark theme overrides */
[data-theme="dark"]{
  --bg:#151010;--bg2:#1a1412;--ink:#e8ddd0;--muted:#9a8878;
  --line:rgba(255,232,200,.08);--cream:#1e1814;--paper:#1e1814;
  --orange:#d97858;--dark:#0e0a08;--dark2:#151010;
}
[data-theme="dark"] body{background:var(--bg)!important;color:var(--ink)}
[data-theme="dark"] .site-header{
  background:rgba(21,16,16,.88)!important;border-bottom-color:rgba(255,232,200,.06)!important;
}
[data-theme="dark"] .site-header.scrolled{box-shadow:0 8px 32px rgba(0,0,0,.3)!important}
[data-theme="dark"] .top-ribbon{background:linear-gradient(90deg,#0e0a08,#1a1210,#0e0a08)!important}
[data-theme="dark"] .desktop-nav>a,.desktop-nav>a:hover,
[data-theme="dark"] .nav-item>button{color:var(--ink)!important}
[data-theme="dark"] .desktop-nav>a:hover,
[data-theme="dark"] .nav-item>button:hover,
[data-theme="dark"] .desktop-nav>a.is-current{background:rgba(255,255,255,.06)!important}
[data-theme="dark"] .dropdown{
  background:rgba(30,24,20,.96)!important;border-color:rgba(255,232,200,.08)!important;
  box-shadow:0 32px 90px rgba(0,0,0,.4)!important;
}
[data-theme="dark"] .dropdown:before{color:#7a5a48!important}
[data-theme="dark"] .dropdown a:hover{background:rgba(255,255,255,.06)!important}
[data-theme="dark"] .drop-grid h4{color:#d97858!important}
[data-theme="dark"] .drop-grid b{color:var(--ink)!important}
[data-theme="dark"] .drop-grid span,.drop-copy{color:var(--muted)!important}
[data-theme="dark"] .ghost{background:rgba(255,255,255,.06)!important;border-color:rgba(255,232,200,.1)!important;color:var(--ink)!important}
[data-theme="dark"] .ghost:hover{background:rgba(255,255,255,.1)!important}
[data-theme="dark"] .solid{background:#d97858!important;border-color:#d97858!important;color:#fff!important}
[data-theme="dark"] .solid:hover{box-shadow:0 12px 32px rgba(217,120,88,.3)!important}
[data-theme="dark"] .theme-toggle{background:rgba(255,255,255,.06);border-color:rgba(255,232,200,.1)}
[data-theme="dark"] .theme-toggle:hover{background:rgba(255,255,255,.12)}

/* Dark hero */
[data-theme="dark"] .claude-hero,.page-hero{color:var(--ink)}
[data-theme="dark"] .claude-hero p:not(.eyebrow),[data-theme="dark"] .page-hero p:not(.eyebrow){color:var(--muted)!important}
[data-theme="dark"] .hero-visual{
  background:radial-gradient(circle at 50% 40%,rgba(217,120,88,.15),transparent 50%),linear-gradient(150deg,#1e1814,#2a2018)!important;
  border-color:rgba(255,232,200,.06)!important;box-shadow:0 40px 100px rgba(0,0,0,.3)!important;
}
[data-theme="dark"] .floating-note{background:rgba(30,24,20,.85)!important;border-color:rgba(255,232,200,.08)!important;color:var(--ink)!important}

/* Dark sections */
[data-theme="dark"] .eyebrow{color:#d97858!important}
[data-theme="dark"] .prompt-lab .lab-card{background:#1e1814!important;border-color:rgba(255,232,200,.06)!important}
[data-theme="dark"] .lab-sidebar{background:#251c16!important;border-color:rgba(255,232,200,.06)!important}
[data-theme="dark"] .lab-main{color:var(--ink)}
[data-theme="dark"] .lab-tabs button{background:#251c16!important;border-color:rgba(255,232,200,.06)!important;color:var(--ink)!important}
[data-theme="dark"] .lab-tabs .active{background:#d97858!important;color:#fff!important;border-color:#d97858!important}
[data-theme="dark"] .fake-output{background:#251c16!important;border-color:rgba(255,232,200,.06)!important;color:var(--ink)!important}

/* Dark cards */
[data-theme="dark"] .product-card,[data-theme="dark"] .related-card,
[data-theme="dark"] .ui-card,[data-theme="dark"] .feature-columns article,
[data-theme="dark"] .triple article,[data-theme="dark"] .workflow-stack div,
[data-theme="dark"] .catalog-grid a{
  background:#1e1814!important;border-color:rgba(255,232,200,.06)!important;
  color:var(--ink)!important;
}
[data-theme="dark"] .product-card:hover,[data-theme="dark"] .related-card:hover,
[data-theme="dark"] .ui-card:hover,[data-theme="dark"] .feature-columns article:hover,
[data-theme="dark"] .triple article:hover{
  box-shadow:0 28px 80px rgba(0,0,0,.3)!important;border-color:rgba(217,120,88,.2)!important;
}
[data-theme="dark"] .product-card h3,[data-theme="dark"] .triple h3,
[data-theme="dark"] .feature-columns h3{color:var(--ink)!important}
[data-theme="dark"] .product-card p,[data-theme="dark"] .triple p,
[data-theme="dark"] .feature-columns p,[data-theme="dark"] .module p{color:var(--muted)!important}
[data-theme="dark"] .product-card span{color:#d97858!important}

/* Dark modules */
[data-theme="dark"] .maxplus-director .memo-left{background:#0e0a08!important;border-color:rgba(255,232,200,.06)!important}
[data-theme="dark"] .memo-card{background:linear-gradient(180deg,#1e1814,#251c16)!important;border-color:rgba(255,232,200,.06)!important}
[data-theme="dark"] .memo-card small{color:#d97858!important}
[data-theme="dark"] .memo-card h3{color:var(--ink)!important}
[data-theme="dark"] .memo-card p{color:var(--muted)!important}
[data-theme="dark"] .bento-tile{background:linear-gradient(180deg,#1e1814,#251c16)!important;border-color:rgba(255,232,200,.06)!important;color:var(--ink)!important}
[data-theme="dark"] .bento-tile.dark{background:linear-gradient(180deg,#0e0a08,#151010)!important}
[data-theme="dark"] .bento-tile code{background:rgba(255,255,255,.08)!important;color:#d97858!important}

/* Dark compare/terminal */
[data-theme="dark"] .compare-table{background:#1e1814!important;border-color:rgba(255,232,200,.06)!important}
[data-theme="dark"] .compare-table>div{border-color:rgba(255,232,200,.06)!important}
[data-theme="dark"] .compare-table b{background:#251c16!important;color:var(--ink)!important}
[data-theme="dark"] .compare-table span{color:var(--muted)!important}
[data-theme="dark"] .compare-table tr:hover td{background:rgba(217,120,88,.06)!important}

/* Dark model band */
[data-theme="dark"] .model-band{background:linear-gradient(135deg,#8b3d28,#c06040)!important}

/* Dark catalog */
[data-theme="dark"] .catalog-section{background:#1a1412!important;border-color:rgba(255,232,200,.04)!important}

/* Dark quote strip */
[data-theme="dark"] .quote-strip .quote-card,[data-theme="dark"] .dark-module{
  background:linear-gradient(135deg,#1a1210,#251c16)!important;
  box-shadow:0 30px 90px rgba(0,0,0,.3)!important;
}

/* Dark CTA */
[data-theme="dark"] .max-cta .dark-module{background:linear-gradient(135deg,#0e0a08,#1a1210)!important}

/* Dark footer */
[data-theme="dark"] .footer{background:#0a0706!important}

/* Dark maxplus strip */
[data-theme="dark"] .maxplus-strip div{background:rgba(30,24,20,.7)!important;border-color:rgba(255,232,200,.06)!important}
[data-theme="dark"] .maxplus-strip b{color:var(--ink)!important}

/* Dark rail & page tools */
[data-theme="dark"] .maxplus-rail a{background:rgba(30,24,20,.85)!important;border-color:rgba(255,232,200,.06)!important}
[data-theme="dark"] .maxplus-page-tools button{background:rgba(30,24,20,.85)!important;border-color:rgba(255,232,200,.06)!important;color:var(--ink)!important}
[data-theme="dark"] .maxplus-page-tools button:hover{background:#d97858!important;color:#fff!important}

/* Dark mobile panel */
[data-theme="dark"] .mobile-panel{background:rgba(30,24,20,.96)!important;border-color:rgba(255,232,200,.08)!important;box-shadow:0 30px 80px rgba(0,0,0,.4)!important}
[data-theme="dark"] .mobile-panel a{color:var(--ink)!important}
[data-theme="dark"] .mobile-panel a:hover{background:rgba(255,255,255,.06)!important}

/* Dark comedy sections */
[data-theme="dark"] .incident-log{background:linear-gradient(180deg,#1a1412,#1e1814)!important}
[data-theme="dark"] .incident-log>h2{color:var(--ink)!important}
[data-theme="dark"] .incident-log>.feature-columns>article{background:linear-gradient(180deg,#1e1814,#251c16)!important;border-color:rgba(255,232,200,.06)!important}
[data-theme="dark"] .incident-log>.feature-columns>article h3{color:var(--ink)!important}
[data-theme="dark"] .incident-log>.feature-columns>article p{color:var(--muted)!important}
[data-theme="dark"] .incident-log>.feature-columns>article code{background:rgba(217,120,88,.12)!important;color:#d97858!important}

[data-theme="dark"] .testimonial-wall{background:linear-gradient(180deg,#1a1412,#1e1814)!important}
[data-theme="dark"] .testimonial-wall>h2{color:var(--ink)!important}
[data-theme="dark"] .testimonial-wall>.triple>article{background:#1e1814!important;border-color:rgba(255,232,200,.06)!important}
[data-theme="dark"] .testimonial-wall>.triple>article h3{color:var(--ink)!important}
[data-theme="dark"] .testimonial-wall>.triple>article p{color:var(--muted)!important}

[data-theme="dark"] .changelog-preview>h2{color:var(--ink)!important}
[data-theme="dark"] .changelog-preview>.feature-columns>article{background:linear-gradient(180deg,#1e1814,#251c16)!important;border-color:rgba(255,232,200,.06)!important}
[data-theme="dark"] .changelog-preview>.feature-columns>article h3{color:var(--ink)!important}
[data-theme="dark"] .changelog-preview>.feature-columns>article p{color:var(--muted)!important}

/* Dark progress line */
[data-theme="dark"] .progress-line{background:var(--orange)!important}

/* Dark selection */
[data-theme="dark"] ::selection{background:rgba(217,120,88,.4);color:#fff}

/* ===== SMOOTH THEME TRANSITION ===== */
html{transition:background .4s,color .4s}
body,.site-header,.product-card,.feature-columns article,.triple article,
.bento-tile,.compare-table,.footer,.prompt-lab .lab-card,.lab-sidebar,
.maxplus-rail a,.maxplus-page-tools button,.dropdown,.mobile-panel,
.hero-visual,.floating-note,.memo-card,.catalog-section,.maxplus-strip div,
.ghost,.solid,.quote-strip .quote-card,.dark-module{
  transition:background .4s,border-color .4s,color .3s,box-shadow .4s;
}

/* ===== COOKIE BANNER ===== */
.alc-cookie-banner{
  position:fixed;bottom:0;left:0;right:0;z-index:9999;
  background:rgba(36,24,18,.96);backdrop-filter:blur(20px);
  border-top:1px solid rgba(255,232,200,.1);
  padding:0;transform:translateY(100%);
  transition:transform .5s cubic-bezier(.22,1,.36,1);
}
.alc-cookie-banner.visible{transform:translateY(0)}
.cookie-inner{
  max-width:1100px;margin:0 auto;padding:28px 32px;
  display:flex;align-items:center;gap:24px;flex-wrap:wrap;
}
.cookie-icon{font-size:36px;flex-shrink:0}
.cookie-text{flex:1;min-width:280px;color:#e8ddd0}
.cookie-text strong{display:block;font-size:15px;font-weight:800;margin-bottom:4px;color:#fff7ec}
.cookie-text p{font-size:13px;line-height:1.5;color:#9a8878;margin:0}
.cookie-actions{display:flex;gap:10px;flex-wrap:wrap}
.cookie-accept{
  background:#d97858;color:#fff;border:none;border-radius:999px;
  padding:10px 20px;font-weight:800;font-size:13px;cursor:pointer;
  transition:background .2s,transform .15s;
}
.cookie-accept:hover{background:#e8a87c;transform:scale(1.04)}
.cookie-decline,.cookie-settings{
  background:rgba(255,255,255,.06);color:#e8ddd0;border:1px solid rgba(255,232,200,.1);
  border-radius:999px;padding:10px 18px;font-weight:700;font-size:13px;cursor:pointer;
  transition:background .2s,border-color .2s;
}
.cookie-decline:hover,.cookie-settings:hover{background:rgba(255,255,255,.12);border-color:rgba(255,232,200,.2)}

/* ===== SEARCH BUTTON ===== */
.alc-search-btn{
  width:36px;height:36px;border:1px solid rgba(45,25,15,.1);border-radius:50%;
  background:rgba(255,248,239,.6);backdrop-filter:blur(12px);
  display:grid;place-items:center;cursor:pointer;font-size:17px;line-height:1;
  transition:background .2s,border-color .2s,transform .18s;color:var(--dark,#2d190f);
}
.alc-search-btn:hover{background:rgba(36,24,18,.08);transform:scale(1.08)}
[data-theme="dark"] .alc-search-btn{background:rgba(255,255,255,.06);border-color:rgba(255,232,200,.1);color:#e8ddd0}
[data-theme="dark"] .alc-search-btn:hover{background:rgba(255,255,255,.12)}

/* ===== SEARCH OVERLAY ===== */
.alc-search-overlay{
  position:fixed;inset:0;z-index:10000;
  background:rgba(14,10,8,.7);backdrop-filter:blur(8px);
  display:grid;place-items:start center;padding-top:min(20vh,160px);
  opacity:0;pointer-events:none;transition:opacity .25s;
}
.alc-search-overlay.visible{opacity:1;pointer-events:auto}
.search-modal{
  width:min(620px,92vw);background:#fff7ec;border-radius:20px;
  box-shadow:0 40px 120px rgba(0,0,0,.3);overflow:hidden;
  transform:translateY(16px) scale(.97);transition:transform .3s cubic-bezier(.22,1,.36,1);
}
.alc-search-overlay.visible .search-modal{transform:translateY(0) scale(1)}
[data-theme="dark"] .search-modal{background:#1e1814;border:1px solid rgba(255,232,200,.08)}
.search-input-wrap{
  display:flex;align-items:center;gap:12px;padding:18px 22px;
  border-bottom:1px solid rgba(45,25,15,.08);
}
[data-theme="dark"] .search-input-wrap{border-color:rgba(255,232,200,.06)}
.search-icon{font-size:20px;opacity:.4}
.search-input{
  flex:1;border:none;background:transparent;font-size:16px;
  font-family:var(--sans);color:var(--dark,#2d190f);outline:none;
}
[data-theme="dark"] .search-input{color:#e8ddd0}
.search-input::placeholder{color:rgba(45,25,15,.3)}
[data-theme="dark"] .search-input::placeholder{color:rgba(255,232,200,.25)}
.search-input-wrap kbd{
  background:rgba(45,25,15,.06);border:1px solid rgba(45,25,15,.1);
  border-radius:6px;padding:3px 8px;font-size:11px;font-weight:700;
  color:rgba(45,25,15,.4);font-family:var(--sans);
}
[data-theme="dark"] .search-input-wrap kbd{background:rgba(255,255,255,.06);border-color:rgba(255,232,200,.1);color:rgba(255,232,200,.3)}
.search-results{max-height:380px;overflow-y:auto;padding:8px}
.search-result{
  display:block;padding:14px 18px;border-radius:12px;text-decoration:none;
  color:var(--dark,#2d190f);transition:background .15s;
}
.search-result:hover{background:rgba(217,120,88,.08)}
[data-theme="dark"] .search-result{color:#e8ddd0}
[data-theme="dark"] .search-result:hover{background:rgba(255,255,255,.06)}
.search-cat{
  display:inline-block;font-size:10px;font-weight:800;text-transform:uppercase;
  letter-spacing:.08em;color:#d97858;margin-bottom:4px;
}
.search-result strong{display:block;font-size:14px;font-weight:800;margin-bottom:3px}
.search-result p{font-size:12.5px;color:rgba(45,25,15,.5);margin:0;line-height:1.4}
[data-theme="dark"] .search-result p{color:rgba(255,232,200,.4)}
.search-empty{padding:32px 18px;text-align:center}
.search-empty p:first-child{font-weight:800;font-size:15px}
.search-empty .muted{font-size:12.5px;color:rgba(45,25,15,.4);margin-top:8px}
[data-theme="dark"] .search-empty .muted{color:rgba(255,232,200,.3)}
.search-footer{
  padding:12px 22px;border-top:1px solid rgba(45,25,15,.06);
  font-size:11px;color:rgba(45,25,15,.3);text-align:center;
}
[data-theme="dark"] .search-footer{border-color:rgba(255,232,200,.06);color:rgba(255,232,200,.2)}

/* ===== EASTER EGG MESSAGE ===== */
.easter-egg-msg{
  position:fixed;top:50%;left:50%;transform:translate(-50%,-50%) scale(.9);
  z-index:100000;background:#fff7ec;border-radius:24px;padding:40px 48px;
  text-align:center;max-width:480px;box-shadow:0 40px 120px rgba(0,0,0,.25);
  opacity:0;transition:opacity .35s,transform .35s cubic-bezier(.22,1,.36,1);
  cursor:pointer;
}
.easter-egg-msg.visible{opacity:1;transform:translate(-50%,-50%) scale(1)}
[data-theme="dark"] .easter-egg-msg{background:#1e1814;color:#e8ddd0;box-shadow:0 40px 120px rgba(0,0,0,.5)}
.easter-egg-msg h2{font-size:22px;margin:0 0 12px;font-family:var(--serif)}
.easter-egg-msg p{font-size:14px;color:rgba(45,25,15,.6);margin:0;line-height:1.6}
[data-theme="dark"] .easter-egg-msg p{color:rgba(255,232,200,.5)}

/* ===== HERO CURSOR BLINK ===== */
.hero-cursor{
  display:inline;font-weight:200;color:#d97858;
  animation:blink 1s step-end infinite;margin-left:4px;
}
@keyframes blink{0%,100%{opacity:1}50%{opacity:0}}

/* ===== PAGE ENTRANCE ===== */
body{opacity:0;transition:opacity .45s ease}
body.page-ready{opacity:1}

/* ===== SKIP TO MAIN (a11y) ===== */
.skip-main{
  position:fixed;top:-100px;left:50%;transform:translateX(-50%);z-index:10001;
  background:#241812;color:#fff8ef;padding:12px 24px;border-radius:0 0 16px 16px;
  font-weight:800;font-size:14px;transition:top .2s ease;
}
.skip-main:focus{top:0}

/* ===== FOCUS-VISIBLE (a11y) ===== */
:focus-visible{
  outline:2px solid var(--maxplus-orange);
  outline-offset:3px;
  border-radius:8px;
}
.solid:focus-visible,.ghost:focus-visible{outline-offset:4px}
button:focus:not(:focus-visible),a:focus:not(:focus-visible){outline:none}

/* ===== HAMBURGER ANIMATION ===== */
.menu-button{
  position:relative;
  overflow:hidden;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:4px;
}
.menu-icon{
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:2px;
  width:12px;
  height:10px;
}
.menu-button .bar{display:block;width:12px;height:1.5px;margin:0;background:currentColor;border-radius:2px;transition:transform .25s ease,opacity .2s ease}
.menu-button[aria-expanded="true"] .bar:nth-child(1){transform:translateY(3.5px) rotate(45deg)}
.menu-button[aria-expanded="true"] .bar:nth-child(2){opacity:0;transform:scaleX(0)}
.menu-button[aria-expanded="true"] .bar:nth-child(3){transform:translateY(-3.5px) rotate(-45deg)}
.menu-button .menu-label{display:block;text-align:center;line-height:1;letter-spacing:.08em}

/* ===== CMD+K HINT ON SEARCH ===== */
.alc-search-btn{position:relative}
.alc-search-btn:hover:after{
  content:'⌘K';position:absolute;top:calc(100% + 6px);left:50%;transform:translateX(-50%);
  background:#241812;color:#fff8ef;border-radius:6px;padding:3px 8px;
  font-size:10px;font-weight:800;white-space:nowrap;pointer-events:none;
  box-shadow:0 8px 20px rgba(0,0,0,.2);animation:railTipIn .15s ease-out;
}

/* ===== SCROLL-LINKED HEADER SHADOW ===== */
.site-header{transition:box-shadow .3s ease,background .3s ease}

/* ===== BETTER CARD SHINE ===== */
.product-card:after,.bento-tile:not(.dark):after,.memo-card:after{
  content:'';position:absolute;top:0;left:-75%;width:50%;height:100%;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.08),transparent);
  transform:skewX(-20deg);transition:left .6s ease;pointer-events:none;
}
.product-card:hover:after,.bento-tile:not(.dark):hover:after,.memo-card:hover:after{
  left:125%;
}

/* ===== DARK THEME: page entrance, skip-main ===== */
[data-theme="dark"] .skip-main{background:#d97858;color:#fff}
[data-theme="dark"] :focus-visible{outline-color:#d97858}

/* ============================================
   PERFORMANCE + INTERACTION + LAYOUT POLISH
   ============================================ */

/* --- GPU-promoted layers for animated elements --- */
.dropdown,.site-header,.maxplus-rail,.maxplus-page-tools,
.alc-search-overlay .search-modal,.alc-cookie-banner,
.toast-note,.back-top{will-change:transform}

/* --- Smoother page entrance --- */
body{transition:opacity .35s cubic-bezier(.22,1,.36,1)}

/* --- Dropdown open/close animation --- */
@keyframes dropIn{
  from{opacity:0;transform:translateX(-50%) translateY(-6px) scale(.97)}
  to{opacity:1;transform:translateX(-50%) translateY(0) scale(1)}
}
.nav-item.open>.dropdown{
  animation:dropIn .2s cubic-bezier(.22,1,.36,1) forwards;
}

/* --- Tighter header rhythm --- */
.site-header{gap:16px}
.brand{gap:11px}
.brand img{transition:transform .35s cubic-bezier(.34,1.56,.64,1),filter .3s ease}
.desktop-nav{gap:3px}
.header-actions{gap:7px}

/* --- Refined button micro-interactions --- */
.solid,.ghost{
  transition:transform .18s cubic-bezier(.34,1.56,.64,1),box-shadow .2s ease,background .2s ease,border-color .2s ease;
}
.solid:active,.ghost:active{transform:scale(.96)!important;transition-duration:.06s}
.header-actions .solid:active,.header-actions .ghost:active{transform:scale(.95)!important}

/* --- Nav button hover underline: thinner, faster --- */
.desktop-nav>a:after,.nav-item>button:before{
  transition:transform .15s cubic-bezier(.22,1,.36,1);
}

/* --- Cards: refined hover with spring easing --- */
.product-card,.related-card,.ui-card,.feature-columns article,.triple article,
.memo-card,.bento-tile,.metric-card,.catalog-grid a{
  transition:transform .22s cubic-bezier(.34,1.56,.64,1),box-shadow .25s ease,border-color .2s ease;
}
.product-card:active,.related-card:active,.ui-card:active,
.feature-columns article:active,.triple article:active{
  transform:scale(.98)!important;transition-duration:.08s;
}

/* --- Staggered card reveal on scroll --- */
.product-grid>.product-card,.feature-columns>article,
.triple>article,.memo-grid>.memo-card,.related-grid>.related-card,
.interface-grid>.ui-card{
  opacity:0;transform:translateY(24px);
  transition:opacity .45s cubic-bezier(.22,1,.36,1),transform .45s cubic-bezier(.22,1,.36,1),
             box-shadow .25s ease,border-color .2s ease;
}
.product-grid>.product-card.visible,.feature-columns>article.visible,
.triple>article.visible,.memo-grid>.memo-card.visible,
.related-grid>.related-card.visible,.interface-grid>.ui-card.visible{
  opacity:1;transform:translateY(0);
}

/* --- Section headings: smoother reveal --- */
.module h2,.problem-section h2,.product-wall h2,.showcase h2,
.catalog-section h2{
  opacity:0;transform:translateY(20px);
  transition:opacity .5s cubic-bezier(.22,1,.36,1),transform .5s cubic-bezier(.22,1,.36,1);
}
.module h2.visible,.problem-section h2.visible,.product-wall h2.visible,
.showcase h2.visible,.catalog-section h2.visible{
  opacity:1;transform:translateY(0);
}

/* --- Hero text entrance --- */
.claude-hero .eyebrow,.page-hero .eyebrow{
  opacity:0;transform:translateY(12px);
  transition:opacity .4s .1s ease,transform .4s .1s ease;
}
.claude-hero h1,.page-hero h1{
  opacity:0;transform:translateY(16px);
  transition:opacity .5s .15s cubic-bezier(.22,1,.36,1),transform .5s .15s cubic-bezier(.22,1,.36,1);
}
.claude-hero p:not(.eyebrow),.page-hero p:not(.eyebrow){
  opacity:0;transform:translateY(14px);
  transition:opacity .45s .25s ease,transform .45s .25s ease;
}
.hero-actions{
  opacity:0;transform:translateY(14px);
  transition:opacity .4s .35s ease,transform .4s .35s ease;
}
.hero-visual{
  opacity:0;transform:translateX(20px);
  transition:opacity .55s .2s ease,transform .55s .2s cubic-bezier(.22,1,.36,1);
}
body.page-ready .claude-hero .eyebrow,body.page-ready .page-hero .eyebrow,
body.page-ready .claude-hero h1,body.page-ready .page-hero h1,
body.page-ready .claude-hero p:not(.eyebrow),body.page-ready .page-hero p:not(.eyebrow),
body.page-ready .hero-actions,body.page-ready .hero-visual{
  opacity:1;transform:none;
}

/* --- Spacing refinements --- */
.product-grid{gap:14px}
.feature-columns{gap:14px}
.related-grid{gap:14px}
.triple{gap:12px}
.memo-grid{gap:12px}
.catalog-grid{gap:8px}
.interface-grid{gap:12px}

/* --- Section vertical rhythm --- */
.module+.module{border-top:1px solid rgba(45,25,15,.05);margin-top:0}
[data-theme="dark"] .module+.module{border-top-color:rgba(255,232,200,.04)}

/* --- Card inner spacing refinement --- */
.product-card{padding:22px 24px}
.feature-columns article{padding:22px 24px}
.related-card,.ui-card{padding:18px 20px}
.catalog-grid a{padding:11px 14px;font-size:13.5px}

/* --- Typography micro-adjustments --- */
.product-card h3{font-size:clamp(26px,2.6vw,42px);line-height:.92}
.product-card p{font-size:14px;line-height:1.52}
.feature-columns h3{font-size:clamp(24px,2.4vw,34px)}
.feature-columns p{font-size:14px;line-height:1.52}
.triple h3{font-size:clamp(24px,2.4vw,32px)}
.triple p{font-size:14px;line-height:1.52}

/* --- Footer tighter layout --- */
.footer-grid{padding:58px clamp(22px,4vw,42px) 42px;gap:36px}
.footer a{font-size:14px;padding:3px 0}
.footer h4{margin:0 0 10px;font-size:11px}
.footer p{font-size:13.5px;line-height:1.5}
.footer-bottom{padding:14px clamp(22px,4vw,42px);font-size:12.5px}

/* --- Subnav polish --- */
.subnav-inner{gap:4px;padding:6px 8px}
.subnav a{padding:7px 12px;font-size:12.5px;transition:background .15s,color .15s}
.subnav a:hover{color:#241812}

/* --- Top ribbon smoother --- */
.top-ribbon{
  transition:background .3s ease;
  overflow:hidden;white-space:nowrap;text-overflow:ellipsis;
}

/* --- Search overlay entrance refined --- */
.alc-search-overlay{transition:opacity .2s cubic-bezier(.22,1,.36,1)}
.search-modal{transition:transform .25s cubic-bezier(.34,1.56,.64,1)}
.search-result{transition:background .12s,transform .12s}
.search-result:hover{transform:translateX(3px)}

/* --- Toast smoother --- */
.toast-note{transition:opacity .25s cubic-bezier(.22,1,.36,1),transform .25s cubic-bezier(.22,1,.36,1)}

/* --- Cookie banner smoother --- */
.alc-cookie-banner{transition:transform .4s cubic-bezier(.22,1,.36,1)}

/* --- Rail icon smoother hover --- */
.maxplus-rail.icon-rail a{
  transition:transform .2s cubic-bezier(.34,1.56,.64,1),background .18s ease,box-shadow .18s ease,border-color .18s ease;
}

/* --- Page tools: compact and refined --- */
.maxplus-page-tools{gap:6px}
.maxplus-page-tools button{
  width:38px;height:38px;font-size:15px;
  transition:background .18s ease,color .18s ease,transform .18s cubic-bezier(.34,1.56,.64,1),box-shadow .18s ease;
}
.maxplus-page-tools button:active{transform:scale(.88);transition-duration:.06s}

/* --- Compare table: subtle row hover --- */
.compare-table tr{transition:background .15s ease}
.compare-table tr:hover{background:rgba(217,120,88,.03)}
[data-theme="dark"] .compare-table tr:hover{background:rgba(217,120,88,.04)}

/* --- Smooth anchor scrolling offset --- */
[id]{scroll-margin-top:80px}

/* --- Progress line animation --- */
.progress-line{transition:width .15s linear}

/* --- Model band cards animation --- */
.model-row a{
  transition:transform .2s cubic-bezier(.34,1.56,.64,1),box-shadow .2s ease;
}
.model-row a:hover{transform:translateY(-4px);box-shadow:0 20px 50px rgba(0,0,0,.15)}
.model-row a:active{transform:scale(.97);transition-duration:.06s}

/* --- Dark theme additions for new polish --- */
[data-theme="dark"] .module+.module{border-top-color:rgba(255,232,200,.04)}
[data-theme="dark"] .compare-table tr:hover{background:rgba(217,120,88,.04)}

/* --- Responsive polish --- */
@media(max-width:980px){
  .product-grid{gap:12px}
  .feature-columns{gap:12px}
  .hero-visual{opacity:1;transform:none;transition:none}
}
@media(max-width:620px){
  .product-grid{gap:10px}
  .feature-columns{gap:10px}
  .product-card{padding:18px 20px}
  .feature-columns article{padding:18px 20px}
  .hero-visual{opacity:1;transform:none;transition:none}
  body.page-ready .hero-visual{opacity:1;transform:none}
}

/* --- Reduced motion: kill all fancy transitions --- */
@media(prefers-reduced-motion:reduce){
  .dropdown{transition:none!important}
  .nav-item.open>.dropdown{transition:none!important}
  .claude-hero .eyebrow,.claude-hero h1,.claude-hero p:not(.eyebrow),
  .page-hero .eyebrow,.page-hero h1,.page-hero p:not(.eyebrow),
  .hero-actions,.hero-visual{opacity:1!important;transform:none!important;transition:none!important}
  .product-grid>.product-card,.feature-columns>article,.triple>article,
  .memo-grid>.memo-card,.related-grid>.related-card,.interface-grid>.ui-card{
    opacity:1!important;transform:none!important;transition:none!important;
  }
}

/* --- Photo cards: real <img> layer, type on top --- */
.card-art{position:relative;isolation:isolate;overflow:hidden;color:#fff7ec!important}
.card-art-layer{position:absolute;inset:0;z-index:0;pointer-events:none}
.card-art-layer img{width:100%;height:100%;object-fit:cover;display:block}
.card-art-layer:after{
  content:'';position:absolute;inset:0;
  background:linear-gradient(180deg,rgba(16,9,6,.22) 0%,rgba(16,9,6,.5) 42%,rgba(10,6,4,.92) 100%);
}
.card-art:before{opacity:.4}
.card-art:after{display:none!important}
.card-art > *:not(.card-art-layer){position:relative;z-index:1}
.card-art h2,.card-art h3,.card-art b,.card-art small{
  color:#fff7ec!important;text-shadow:0 2px 18px rgba(10,6,4,.55);
}
.card-art p,.card-art span{
  color:rgba(255,247,236,.84)!important;text-shadow:0 1px 10px rgba(10,6,4,.45);
}
.card-art .eyebrow,.card-art > span{color:#f0b090!important}
.card-art:hover .card-art-layer:after{
  background:linear-gradient(180deg,rgba(16,9,6,.1) 0%,rgba(16,9,6,.38) 40%,rgba(10,6,4,.86) 100%);
}
.product-card.card-art{min-height:268px;justify-content:space-between}
.max-feature-panel.card-art{color:#fff7ec!important}
.max-feature-panel.card-art .card-art-layer:after{
  background:linear-gradient(155deg,rgba(18,10,7,.4) 0%,rgba(12,7,5,.78) 58%,rgba(10,6,4,.92) 100%);
}
.max-feature-panel.card-art p{color:rgba(255,247,236,.86)!important;opacity:1}
.max-feature-panel.card-art .max-feature-list div{
  border-top-color:rgba(255,247,236,.16)!important;color:#fff7ec!important;
}
.bento-tile.card-art code{background:rgba(10,6,4,.45)!important;color:#ffd7bd!important}
[data-theme="dark"] .card-art h2,
[data-theme="dark"] .card-art h3,
[data-theme="dark"] .card-art b,
[data-theme="dark"] .card-art small,
[data-theme="dark"] .product-card.card-art h3,
[data-theme="dark"] .memo-card.card-art h3,
[data-theme="dark"] .triple article.card-art h3,
[data-theme="dark"] .feature-columns article.card-art h3{color:#fff7ec!important}
[data-theme="dark"] .card-art p,
[data-theme="dark"] .product-card.card-art p,
[data-theme="dark"] .memo-card.card-art p,
[data-theme="dark"] .triple article.card-art p,
[data-theme="dark"] .feature-columns article.card-art p{color:rgba(255,247,236,.84)!important}
[data-theme="dark"] .card-art .eyebrow,
[data-theme="dark"] .card-art > span,
[data-theme="dark"] .product-card.card-art span,
[data-theme="dark"] .memo-card.card-art small{color:#f0b090!important}

.product-grid.featured-six{
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:22px;
}
.product-card.card-art{min-height:300px;padding:28px 26px}
.more-doors{margin:26px 0 0;font-weight:850;letter-spacing:.02em}
.more-doors a{color:inherit;border-bottom:1px solid currentColor}
.related-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:20px!important}
.related-card.card-art{min-height:188px;padding:24px}
.feature-columns{gap:20px}
.feature-columns > article.card-art,
.triple > article.card-art{min-height:240px}
.quote-card.card-art{min-height:280px}
.memo-card.card-art{min-height:220px}
@media(max-width:980px){
  .product-grid.featured-six{grid-template-columns:1fr 1fr}
  .related-grid{grid-template-columns:1fr!important;gap:16px!important}
  .split-layout{gap:22px!important}
}
@media(max-width:620px){
  .product-grid.featured-six{grid-template-columns:1fr}
}

/* Mobile header: keep a real nav, keep Try Glaude */
@media(max-width:1000px){
  .desktop-nav{display:none!important}
  .menu-button{
    display:inline-flex!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:center!important;
    gap:3px!important;
    width:46px;
    min-width:46px!important;
    min-height:46px!important;
    padding:6px 8px!important;
    z-index:130;
    background:#241812!important;
    border:1px solid #241812!important;
    color:#fff7ec!important;
  }
  [data-theme="dark"] .menu-button{
    background:#fff7ec!important;
    border-color:#fff7ec!important;
    color:#241812!important;
  }
  .menu-button .menu-label{
    display:block!important;
    text-align:center;
    font-weight:800;
    font-size:9px;
    line-height:1;
    letter-spacing:.08em;
  }
  .header-actions .solid{
    display:inline-flex!important;
    white-space:nowrap;
  }
  .header-actions .ghost{display:none!important}
  .mobile-panel{
    display:none;
    z-index:140;
    max-height:min(72vh,560px);
    overflow:auto;
    padding:10px;
  }
  .mobile-panel:not([hidden]){display:block}
  .mobile-panel a{
    display:block;
    padding:14px 16px;
    font-weight:800;
  }
  .mobile-panel a.mobile-chat{
    margin-top:8px;
    background:#241812;
    color:#fff7ec!important;
    text-align:center;
    border-radius:999px;
  }
  [data-theme="dark"] .mobile-panel a.mobile-chat{background:#d97858!important;color:#fff!important}
}
@media(max-width:640px){
  .header-actions .solid{
    display:inline-flex!important;
    padding:8px 12px!important;
    font-size:12px!important;
  }
}

/* Mobile layout only: type + space, same design */
@media(max-width:720px){
  .claude-hero h1,.page-hero h1{
    font-size:clamp(2rem,7.4vw + .7rem,2.75rem)!important;
    line-height:1.12!important;
    letter-spacing:-.04em!important;
  }
  .claude-hero p:not(.eyebrow),.page-hero p:not(.eyebrow){
    font-size:1.0625rem!important;
    line-height:1.5!important;
    letter-spacing:-.015em!important;
    margin-top:12px!important;
  }
  .product-wall h2,.showcase h2,.model-band h2,.module h2,
  .problem-section h2,.catalog-section h2{
    font-size:clamp(1.625rem,5.4vw + .55rem,2.25rem)!important;
    line-height:1.16!important;
    letter-spacing:-.035em!important;
  }
  .max-feature-panel h2{
    font-size:clamp(1.75rem,6vw + .4rem,2.375rem)!important;
    line-height:1.12!important;
    letter-spacing:-.04em!important;
    margin-bottom:14px!important;
  }
  .product-card h3,.feature-columns h3,.triple h3,.memo-card h3,.bento-tile h3{
    font-size:clamp(1.375rem,4.2vw + .55rem,1.75rem)!important;
    line-height:1.18!important;
    letter-spacing:-.03em!important;
  }
  .quote-card p{
    font-size:clamp(1.375rem,4.8vw + .4rem,1.75rem)!important;
    line-height:1.22!important;
    letter-spacing:-.03em!important;
  }
  .quote-card span{white-space:normal!important}
  .prompt-line{font-size:1.25rem!important;line-height:1.35!important}
  .model-row a{font-size:1.625rem!important;padding:16px 18px!important}

  .claude-hero,.page-hero{
    grid-template-columns:1fr!important;
    gap:20px!important;
    padding:28px 16px 32px!important;
  }
  .page-hero img.hero-art{
    height:176px!important;
    max-width:none!important;
    width:100%!important;
    justify-self:stretch!important;
    border-radius:22px!important;
  }
  .hero-visual.has-art img,.hero-visual{min-height:200px!important}
  .floating-note{display:none}
  .hero-actions{margin-top:16px!important;gap:10px}

  .problem-section,.product-wall,.showcase,.model-band,.catalog-section,.module{
    padding:36px 16px!important;
  }
  .module+.module{padding-top:24px!important}
  .prompt-lab{padding:16px 16px 32px!important}
  .lab-main{padding:20px!important;min-height:0!important}
  .max-feature-band{
    grid-template-columns:1fr!important;
    gap:16px!important;
    padding:24px 16px!important;
  }
  .split-layout{gap:20px!important}
  .max-feature-panel{padding:20px 18px!important;min-height:0!important}
  .quote-strip{padding:0 16px 24px!important}
  .quote-card{padding:20px 18px!important;min-height:0!important;gap:16px!important}
  .dark-module{padding:24px 20px!important;border-radius:24px!important}

  .product-grid,.feature-columns,.related-grid,.triple,.interface-grid{
    grid-template-columns:1fr!important;
    gap:16px!important;
  }
  .product-grid.featured-six{grid-template-columns:1fr!important;gap:16px!important}
  .related-grid{grid-template-columns:1fr!important;gap:16px!important}
  .product-card.card-art{
    min-height:196px!important;
    padding:20px 18px!important;
  }
  .related-card.card-art,
  .feature-columns>article.card-art,
  .triple>article.card-art,
  .memo-card.card-art{
    min-height:148px!important;
    padding:18px!important;
  }
  .model-row{grid-template-columns:1fr 1fr!important;gap:12px!important}
  .workflow-stack{gap:12px}
  .maxplus-strip{grid-template-columns:1fr 1fr!important;gap:10px}
  .catalog-grid{gap:10px}
  .maxplus-director{grid-template-columns:1fr!important;padding-top:28px}
  .cookie-inner{padding:16px!important;gap:12px!important}
  .cookie-text{min-width:0!important}
}

/* Desktop rhythm: same type, slightly more air between lines and cards */
@media(min-width:721px){
  .claude-hero h1,.page-hero h1{line-height:.96!important}
  .module h2,.problem-section h2,.product-wall h2,.showcase h2,.model-band h2,.catalog-section h2{
    line-height:1.02!important;
  }
  .max-feature-panel h2{line-height:1.02!important}
  .quote-card p{line-height:1.05!important}
  .product-card h3{line-height:1!important}
  .model-row{gap:18px}
}

.family-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:20px;
  margin-top:34px;
}
.family-card{
  min-height:340px;
  padding:28px 26px;
  border-radius:30px;
  display:flex;
  flex-direction:column;
  justify-content:flex-end;
  gap:12px;
  text-decoration:none;
  color:inherit;
  border:1px solid var(--line);
}
.family-tag{
  text-transform:uppercase;
  letter-spacing:.14em;
  font-size:11px;
  font-weight:900;
}
.family-card h3{
  font-family:var(--serif);
  font-size:clamp(36px,4vw,56px);
  font-weight:400;
  letter-spacing:-.05em;
  line-height:1;
  margin:0;
}
.family-card p{max-width:44ch;margin:0;line-height:1.5}
.family-card em{font-style:normal;font-weight:850}
.version-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:16px;
  margin-top:28px;
}
.version-card{
  min-height:200px;
  padding:22px 24px;
  border-radius:28px;
  display:flex;
  flex-direction:column;
  justify-content:flex-end;
  text-decoration:none;
  color:inherit;
  border:1px solid var(--line);
}
.version-card span{
  text-transform:uppercase;
  letter-spacing:.12em;
  font-size:11px;
  font-weight:900;
}
.version-card h3{
  font-family:var(--serif);
  font-size:clamp(26px,3vw,36px);
  font-weight:400;
  letter-spacing:-.04em;
  margin:8px 0;
}
.version-card p{margin:0;max-width:38ch;line-height:1.45}
.models-hero h1{max-width:18ch}
.spec-metrics{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:12px;
  margin-top:10px;
}
.spec-metrics article{
  border:1px solid var(--line);
  border-radius:24px;
  padding:20px 16px;
  min-height:118px;
}
.spec-metrics b{
  display:block;
  font-family:var(--serif);
  font-size:clamp(26px,2.8vw,40px);
  font-weight:400;
  letter-spacing:-.05em;
  line-height:1.05;
}
.spec-metrics span{
  display:block;
  margin-top:8px;
  font-size:11px;
  letter-spacing:.08em;
  text-transform:uppercase;
  font-weight:800;
  color:var(--muted);
}
.bench-note{
  font-size:14.5px;
  line-height:1.55;
  color:var(--muted);
  max-width:72ch;
  margin:16px 0 0;
}
.compare-table .delta-up{color:#d97858;font-weight:850;white-space:nowrap}
.unregistered-band{
  background:#241812;
  color:#fff8ef;
  border-radius:46px;
  margin:0 clamp(12px,2vw,40px);
  padding:clamp(48px,7vw,88px) clamp(22px,4vw,48px);
}
.unregistered-band>.eyebrow{color:#d97858}
.unregistered-band>h2{
  font-family:var(--serif);
  font-size:clamp(32px,4.6vw,56px);
  font-weight:400;
  letter-spacing:-.06em;
  line-height:1.02;
  margin:0 0 18px;
  color:#fff8ef;
  max-width:18ch;
}
.unreg-lede{
  max-width:68ch;
  line-height:1.58;
  color:#ead5c1;
  margin:0 0 22px;
}
.unreg-stamps{display:flex;flex-wrap:wrap;gap:10px;margin:0 0 28px}
.unreg-stamps b{
  border:1.5px solid #d97858;
  color:#ffd7bd;
  letter-spacing:.14em;
  text-transform:uppercase;
  font-size:11px;
  font-weight:900;
  padding:7px 12px;
  border-radius:999px;
}
.unreg-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:16px;
  margin:8px 0 28px;
}
.unreg-card{
  min-height:260px;
  padding:26px 24px;
  border-radius:28px;
  display:flex;
  flex-direction:column;
  justify-content:flex-end;
  gap:10px;
  text-decoration:none;
  color:#fff8ef;
  background:rgba(255,255,255,.05);
  border:1px solid rgba(255,232,200,.12);
  position:relative;
}
.unreg-card span{
  text-transform:uppercase;
  letter-spacing:.12em;
  font-size:11px;
  font-weight:900;
  color:#ffd7bd;
}
.unreg-card h3{
  font-family:var(--serif);
  font-size:clamp(30px,3.4vw,44px);
  font-weight:400;
  letter-spacing:-.05em;
  margin:0;
  line-height:1;
}
.unreg-card p{margin:0;max-width:40ch;line-height:1.5;color:#ead5c1}
.unreg-card em{font-style:normal;font-weight:850;color:#ffd7bd}
.unreg-stamp{
  position:absolute;
  top:22px;
  right:18px;
  border:2px solid #d97858;
  color:#ffb89a;
  letter-spacing:.12em;
  text-transform:uppercase;
  font-size:10px;
  font-weight:900;
  font-style:normal;
  padding:6px 10px;
  transform:rotate(-7deg);
  background:rgba(36,24,18,.55);
}
.unreg-table{margin-top:8px}
.unregistered-band .compare-table{
  background:#1a1410;
  border-color:rgba(255,232,200,.1);
  box-shadow:none;
}
.unregistered-band .compare-table th,
.unregistered-band .compare-table td{color:#fff8ef;border-color:rgba(255,232,200,.08)}
.unregistered-band .compare-table th{background:#120e0b;color:#ffd7bd}
.unregistered-band .compare-table tr:hover td{background:rgba(217,120,88,.08)}
.unregistered-band .bench-note{color:#c9b09a}
.unregistered-band .feature-columns{margin-top:10px}
.unregistered-band .feature-columns article{
  background:rgba(255,255,255,.05);
  border:1px solid rgba(255,232,200,.1);
  border-radius:26px;
  padding:24px;
}
.unregistered-band .feature-columns h3{color:#ffd7bd}
.unregistered-band .feature-columns p{color:#ead5c1}
.version-grid>.unreg-card{min-height:200px;background:#241812}
[data-theme="dark"] .unregistered-band{background:#150f0c}
@media(max-width:720px){
  .unreg-grid{grid-template-columns:1fr!important}
  .unreg-card{min-height:220px}
}
[data-theme="dark"] .spec-metrics article{background:#1e1814;border-color:rgba(255,232,200,.06)}
[data-theme="dark"] .spec-metrics b{color:var(--ink)}
@media(max-width:720px){
  .family-grid,.version-grid{grid-template-columns:1fr!important;gap:16px!important}
  .family-card{min-height:240px;padding:22px 20px}
  .version-card{min-height:168px}
  .spec-metrics{grid-template-columns:1fr 1fr!important}
}