:root { --ih-bg:#060708; --ih-surface:#141519; --ih-surface-strong:#191a1f; --ih-line:rgba(255,255,255,.1); --ih-text:#f6f7f7; --ih-muted:rgba(255,255,255,.62); --ih-subtle:rgba(255,255,255,.42); --ih-cyan:#39dce5; --ih-lime:#d8ef5c; --ih-gold:#f2c74e; --ih-nav:80px; --ih-ease:cubic-bezier(.16,1,.3,1); }
* { box-sizing:border-box; letter-spacing:0; }
html { color-scheme:dark; scroll-behavior:smooth; background:var(--ih-bg); }
body.imini-home { min-width:0; margin:0; overflow-x:hidden; color:var(--ih-text); background:var(--ih-bg); font-family:Inter,"Microsoft YaHei UI","Microsoft YaHei",sans-serif; font-size:14px; line-height:1.5; }
button, input, textarea { font:inherit; } button { cursor:pointer; } a { color:inherit; text-decoration:none; } button:focus-visible, a:focus-visible { outline:2px solid var(--ih-cyan); outline-offset:3px; }
.imini-nav svg, .imini-hero svg, .imini-section-head svg, .imini-membership svg { width:17px; height:17px; fill:none; stroke:currentColor; stroke-width:1.8; stroke-linecap:round; stroke-linejoin:round; }
.imini-skip { position:fixed; z-index:200; top:10px; left:10px; padding:10px 14px; color:#051011; border-radius:8px; background:var(--ih-cyan); font-weight:750; transform:translateY(-160%); transition:transform 180ms ease; } .imini-skip:focus { transform:none; }

.imini-nav { position:fixed; z-index:100; top:0; right:0; left:0; height:var(--ih-nav); padding:0 24px; display:flex; align-items:center; gap:34px; border-bottom:1px solid rgba(255,255,255,.1); background:rgba(5,6,7,.76); backdrop-filter:blur(18px); transition:background-color 180ms ease,border-color 180ms ease; }
.imini-nav.scrolled { background:rgba(5,6,7,.94); border-color:var(--ih-line); }
.imini-brand { min-width:max-content; display:inline-flex; align-items:center; gap:8px; color:#fff; font-size:19px; font-weight:820; line-height:1; } .imini-brand img { width:34px; height:34px; padding:4px; object-fit:contain; border-radius:9px; background:#f6f7f7; }
.imini-primary-nav { min-width:0; display:flex; align-items:center; gap:7px; } .imini-primary-nav a { min-height:38px; padding:0 10px; display:inline-flex; align-items:center; color:rgba(255,255,255,.78); border-radius:8px; font-size:13px; font-weight:650; white-space:nowrap; transition:color 180ms ease,background-color 180ms ease; } .imini-primary-nav a:hover,.imini-primary-nav a.active { color:#fff; background:rgba(255,255,255,.08); }
.imini-account { min-width:0; margin-left:auto; display:flex; align-items:center; justify-content:flex-end; gap:8px; } .imini-model-pill,.imini-language,.imini-login,.imini-admin,.imini-membership-link { min-height:40px; padding:0 11px; display:inline-flex; align-items:center; justify-content:center; gap:7px; border-radius:8px; font-size:12px; font-weight:700; white-space:nowrap; } .imini-model-pill { color:#fff7d2; background:rgba(220,172,31,.16); } .imini-model-pill span { width:20px; height:20px; display:grid; place-items:center; color:#1b1808; border-radius:7px; background:var(--ih-gold); font-size:8px; font-weight:850; } .imini-model-pill b { max-width:142px; overflow:hidden; font:inherit; text-overflow:ellipsis; white-space:nowrap; } .imini-language,.imini-login,.imini-admin { color:var(--ih-text); border:1px solid var(--ih-line); background:rgba(31,32,37,.86); } .imini-credit { color:var(--ih-lime); font-size:12px; font-weight:700; white-space:nowrap; } .imini-membership-link { color:#fff4d1; background:rgba(157,119,38,.22); }
.imini-menu { display:none; }

.imini-hero { position:relative; isolation:isolate; min-height:518px; padding:calc(var(--ih-nav) + 40px) 24px 38px; display:grid; place-items:center; overflow:hidden; background:#08090b; } .imini-hero-media,.imini-hero-scrim { position:absolute; z-index:-2; inset:0; width:100%; height:100%; } .imini-hero-media { object-fit:cover; object-position:center 45%; opacity:.38; filter:saturate(.78) contrast(.9); transform:scale(1.04); } .imini-hero-scrim { z-index:-1; background:linear-gradient(180deg,rgba(4,5,7,.92) 0%,rgba(8,10,13,.57) 48%,rgba(5,6,8,.84) 100%); }
.imini-hero-inner { width:min(760px,100%); display:flex; align-items:center; flex-direction:column; text-align:center; animation:imini-enter 520ms var(--ih-ease) both; } .imini-hero-brandmark { min-height:68px; margin-bottom:12px; padding:8px 18px 8px 9px; display:flex; align-items:center; gap:11px; border:1px solid rgba(255,255,255,.16); border-radius:22px; background:linear-gradient(135deg,rgba(255,255,255,.96),rgba(205,244,255,.88)); box-shadow:0 16px 54px rgba(0,0,0,.34),0 0 40px rgba(57,220,229,.12); transform:rotate(-1deg); } .imini-hero-brandmark img { width:50px; height:50px; padding:5px; object-fit:contain; border-radius:15px; background:#fff; } .imini-hero-brandmark strong { color:#091013; font-size:27px; font-weight:900; letter-spacing:0; } .imini-hero-kicker,.imini-eyebrow { margin:0; color:var(--ih-cyan); font-size:10px; font-weight:800; } .imini-hero h1 { max-width:760px; margin:9px 0 0; color:#fff; font-size:clamp(34px,3.5vw,50px); font-weight:850; line-height:1.16; letter-spacing:0; text-wrap:balance; } .imini-hero-lead { margin:13px 0 15px; color:rgba(255,255,255,.82); font-size:16px; } .imini-hero-paths { display:flex; margin:0 0 18px; align-items:center; justify-content:center; gap:8px; } .imini-hero-paths a { width:34px; height:34px; display:grid; place-items:center; color:rgba(255,255,255,.8); border:1px solid rgba(255,255,255,.12); border-radius:50%; background:rgba(11,12,15,.68); backdrop-filter:blur(8px); transition:color 180ms ease,border-color 180ms ease,background-color 180ms ease,transform 180ms ease; } .imini-hero-paths a:hover { color:#071113; border-color:var(--ih-cyan); background:var(--ih-cyan); transform:translateY(-2px); } .imini-hero-paths svg { width:17px; height:17px; } .imini-hero-cta { min-height:56px; padding:0 23px; display:inline-flex; align-items:center; gap:20px; color:#081214; border:1px solid rgba(216,239,92,.88); border-radius:28px; background:linear-gradient(105deg,var(--ih-cyan),#70e0e2 52%,var(--ih-lime)); box-shadow:0 13px 34px rgba(42,221,225,.18); font-size:16px; font-weight:800; transition:transform 180ms ease,filter 180ms ease; } .imini-hero-cta:hover { filter:brightness(1.06); transform:translateY(-2px); } .imini-hero-note { min-height:36px; margin-top:18px; padding:0 14px; display:inline-flex; align-items:center; gap:7px; color:rgba(255,255,255,.82); border:1px solid rgba(255,255,255,.1); border-radius:18px; background:rgba(33,34,39,.72); box-shadow:0 12px 36px rgba(0,0,0,.2); font-size:12px; } .imini-hero-note svg { width:14px; height:14px; }
.imini-hero-offer { position:absolute; z-index:2; top:calc(var(--ih-nav) + 18px); right:24px; width:340px; padding:18px; color:#fff; border:1px solid rgba(255,255,255,.14); border-radius:28px; background:linear-gradient(155deg,rgba(14,29,38,.96),rgba(9,10,13,.98) 54%,rgba(18,10,38,.96)); box-shadow:0 24px 70px rgba(0,0,0,.48); backdrop-filter:blur(18px); animation:imini-offer-enter 620ms var(--ih-ease) 120ms both; } .imini-hero-offer[hidden] { display:none; } .imini-hero-offer::before { position:absolute; inset:0 0 auto; height:96px; border-radius:28px 28px 0 0; background:radial-gradient(circle at 20% 0,rgba(57,220,229,.38),transparent 55%),radial-gradient(circle at 82% 0,rgba(111,92,255,.44),transparent 58%); content:""; pointer-events:none; } .imini-hero-offer-close { position:absolute; z-index:2; top:12px; right:12px; width:30px; height:30px; padding:0; color:#111; border:0; border-radius:50%; background:#fff; font-size:21px; line-height:1; } .imini-hero-offer-brand { position:relative; display:flex; align-items:center; gap:11px; } .imini-hero-offer-brand img { width:48px; height:48px; padding:5px; object-fit:contain; border-radius:14px; background:#fff; } .imini-hero-offer-brand span { display:flex; flex-direction:column; } .imini-hero-offer-brand small { color:var(--ih-cyan); font-size:9px; font-weight:850; letter-spacing:.8px; } .imini-hero-offer-brand strong { font-size:15px; } .imini-hero-offer h2 { position:relative; margin:25px 0 12px; font-size:18px; line-height:1.35; } .imini-hero-offer ul { position:relative; margin:0; padding:0; display:grid; gap:9px; list-style:none; color:rgba(255,255,255,.76); font-size:12px; } .imini-hero-offer li { position:relative; padding-left:16px; } .imini-hero-offer li::before { position:absolute; top:7px; left:0; width:6px; height:6px; border-radius:50%; background:var(--ih-lime); content:""; box-shadow:0 0 12px rgba(216,239,92,.7); } .imini-hero-offer p { margin:15px 0 12px; color:rgba(255,255,255,.6); font-size:11px; } .imini-hero-offer > a { min-height:42px; display:flex; align-items:center; justify-content:center; gap:10px; color:#061113; border-radius:12px; background:linear-gradient(100deg,var(--ih-cyan),#7a8aff); font-size:13px; font-weight:820; } .imini-hero-offer > a svg { width:15px; height:15px; } @keyframes imini-offer-enter { from{opacity:0;transform:translateX(18px) scale(.98)} to{opacity:1;transform:none} }

.imini-showcase { position:relative; z-index:3; margin-top:-1px; padding:0 24px 62px; background:var(--ih-bg); } .imini-showcase-track { display:grid; max-width:1580px; margin:0 auto; grid-auto-columns:minmax(200px,1fr); grid-auto-flow:column; gap:14px; overflow-x:auto; overscroll-behavior-inline:contain; scrollbar-width:none; } .imini-showcase-track::-webkit-scrollbar { display:none; } .imini-dynamic-showcase { display:contents; } .imini-skeleton { min-height:266px; border:1px solid var(--ih-line); border-radius:12px; background:linear-gradient(115deg,#16171b,#202126,#16171b); animation:imini-skeleton 1.2s ease-in-out infinite alternate; } @keyframes imini-skeleton { from{opacity:.58} to{opacity:1} }
.imini-showcase-next { position:absolute; z-index:4; top:133px; right:18px; width:50px; height:50px; display:grid; padding:0; place-items:center; color:#fff; border:1px solid rgba(255,255,255,.14); border-radius:50%; background:rgba(35,36,40,.9); box-shadow:0 12px 30px rgba(0,0,0,.4); backdrop-filter:blur(10px); transform:translateY(-50%); transition:color 180ms ease,background-color 180ms ease,transform 180ms ease; } .imini-showcase-next:hover { color:#061314; background:var(--ih-cyan); transform:translateY(-50%) scale(1.04); } .imini-showcase-next svg { width:21px; height:21px; fill:none; stroke:currentColor; stroke-width:1.8; stroke-linecap:round; stroke-linejoin:round; }
.imini-agent-card { position:relative; min-height:266px; padding:18px; display:flex; overflow:hidden; flex-direction:column; align-items:flex-start; border:1px solid rgba(57,220,229,.36); border-radius:12px; background:linear-gradient(150deg,#04242a 0%,#091317 47%,#121419 100%); box-shadow:inset 0 0 30px rgba(35,219,226,.12); transition:transform 240ms var(--ih-ease),border-color 200ms ease; } .imini-agent-card:hover { border-color:var(--ih-cyan); transform:translateY(-3px); } .imini-agent-badge { padding:3px 7px; color:#061314; border-radius:5px; background:var(--ih-cyan); font-size:10px; font-weight:820; } .imini-agent-card strong { margin-top:20px; color:#fff; font-size:22px; line-height:1.2; } .imini-agent-card p { max-width:168px; margin:7px 0 0; color:rgba(255,255,255,.72); font-size:12px; line-height:1.55; } .imini-agent-mark { width:94px; height:94px; margin:auto auto -25px; display:grid; place-items:center; border:1px solid rgba(255,255,255,.13); border-radius:24px; background:rgba(255,255,255,.94); transform:rotate(-8deg); } .imini-agent-mark img { width:68px; height:68px; object-fit:contain; }
.imini-prompt-card { position:relative; min-height:266px; overflow:hidden; border:1px solid rgba(255,255,255,.08); border-radius:12px; background:#17181b; scroll-snap-align:start; } .imini-prompt-card button { width:100%; height:100%; padding:0; display:block; color:#fff; border:0; background:transparent; text-align:left; } .imini-prompt-card img { width:100%; height:100%; object-fit:cover; transition:transform 360ms var(--ih-ease); } .imini-prompt-card:hover img { transform:scale(1.04); } .imini-prompt-copy { position:absolute; right:0; bottom:0; left:0; padding:50px 13px 13px; background:linear-gradient(transparent,rgba(0,0,0,.86)); } .imini-prompt-copy small { color:var(--ih-lime); font-size:10px; font-weight:800; } .imini-prompt-copy strong { display:block; margin-top:4px; overflow:hidden; font-size:14px; line-height:19px; text-overflow:ellipsis; white-space:nowrap; }

.imini-models,.imini-tools,.imini-membership { padding:88px max(24px,6vw); border-top:1px solid rgba(255,255,255,.07); } .imini-section-head { display:flex; max-width:1500px; margin:0 auto 28px; align-items:flex-end; justify-content:space-between; gap:24px; } .imini-section-head h2,.imini-membership h2 { max-width:760px; margin:7px 0 0; color:#fff; font-size:clamp(30px,3.6vw,52px); font-weight:790; line-height:1.14; } .imini-section-head > a,.imini-membership-copy > a { min-height:42px; display:inline-flex; align-items:center; gap:12px; color:var(--ih-cyan); font-size:13px; font-weight:750; white-space:nowrap; }
.imini-section-actions { display:flex; gap:8px; } .imini-section-actions button { width:44px; height:44px; display:grid; padding:0; place-items:center; color:var(--ih-text); border:1px solid var(--ih-line); border-radius:9px; background:var(--ih-surface); transition:color 180ms ease,border-color 180ms ease,background-color 180ms ease; } .imini-section-actions button:hover { color:#071113; border-color:var(--ih-cyan); background:var(--ih-cyan); }
.imini-model-tabs { display:flex; max-width:1500px; margin:0 auto 16px; gap:6px; } .imini-model-tabs button { min-height:40px; padding:0 15px; color:var(--ih-muted); border:1px solid transparent; border-radius:8px; background:transparent; font-size:13px; font-weight:700; } .imini-model-tabs button:hover { color:var(--ih-text); background:rgba(255,255,255,.06); } .imini-model-tabs button.active { color:#061314; border-color:var(--ih-cyan); background:var(--ih-cyan); }
.imini-model-track { display:grid; max-width:1500px; margin:0 auto; grid-auto-columns:minmax(250px,320px); grid-auto-flow:column; gap:12px; overflow-x:auto; overscroll-behavior-inline:contain; scroll-snap-type:inline mandatory; scrollbar-width:thin; } .imini-model-card { position:relative; min-height:248px; padding:16px; display:grid; overflow:hidden; scroll-snap-align:start; grid-template-rows:auto 1fr auto auto; gap:11px; border:1px solid var(--ih-line); border-radius:12px; background:linear-gradient(150deg,var(--ih-surface),#101116); transition:transform 200ms var(--ih-ease),border-color 200ms ease,background-color 200ms ease; } .imini-model-card::before { position:absolute; top:0; right:0; left:0; height:3px; background:var(--model-color,var(--ih-cyan)); content:""; } .imini-model-card::after { position:absolute; right:-48px; bottom:-58px; width:160px; height:160px; border-radius:50%; background:var(--model-color,var(--ih-cyan)); opacity:.08; filter:blur(10px); content:""; pointer-events:none; } .imini-model-card:hover { border-color:rgba(255,255,255,.3); background:linear-gradient(150deg,var(--ih-surface-strong),#13141a); transform:translateY(-3px); } .imini-model-card header,.imini-model-card footer { position:relative; z-index:1; display:flex; align-items:center; justify-content:space-between; gap:10px; } .imini-model-card header span { color:var(--model-color,var(--ih-cyan)); font-size:10px; font-weight:800; } .imini-model-card header em { color:rgba(255,255,255,.38); font-size:10px; font-style:normal; font-weight:800; } .imini-model-visual { position:relative; min-height:82px; display:grid; place-items:center; overflow:hidden; border:1px solid rgba(255,255,255,.08); border-radius:10px; background:linear-gradient(135deg,rgba(255,255,255,.04),rgba(255,255,255,.01)); } .imini-model-visual i { position:relative; z-index:1; color:#fff; font-size:34px; font-style:normal; font-weight:900; letter-spacing:0; text-shadow:0 0 24px var(--model-color,var(--ih-cyan)); } .imini-model-visual b { position:absolute; width:110px; height:110px; border:1px solid var(--model-color,var(--ih-cyan)); border-radius:50%; opacity:.22; transform:rotate(-16deg) scaleY(.42); } .imini-model-card section { min-width:0; } .imini-model-card h3 { margin:0 0 4px; color:#fff; font-size:18px; line-height:1.28; overflow-wrap:anywhere; } .imini-model-card p { margin:0; overflow:hidden; color:var(--ih-muted); font-size:10px; text-overflow:ellipsis; white-space:nowrap; } .imini-model-card footer { color:var(--ih-subtle); font-size:11px; } .imini-model-card footer small { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; } .imini-model-card footer > b { color:var(--ih-lime); font-size:12px; white-space:nowrap; }
.imini-tool-grid { display:grid; max-width:1500px; margin:0 auto; grid-template-columns:repeat(4,minmax(0,1fr)); gap:12px; } .imini-tool { position:relative; isolation:isolate; min-height:320px; padding:18px; display:flex; align-items:flex-end; overflow:hidden; border:1px solid var(--ih-line); border-radius:12px; background:#17181b; } .imini-tool-large { grid-column:span 2; } .imini-tool::after { position:absolute; z-index:-1; inset:0; background:linear-gradient(180deg,rgba(0,0,0,.04) 20%,rgba(0,0,0,.76)); content:""; } .imini-tool img { position:absolute; z-index:-2; inset:0; width:100%; height:100%; object-fit:cover; transition:transform 420ms var(--ih-ease); } .imini-tool:hover img { transform:scale(1.04); } .imini-tool > span { display:flex; flex-direction:column; } .imini-tool small { color:var(--ih-lime); font-size:10px; font-weight:800; } .imini-tool strong { margin:5px 0 3px; color:#fff; font-size:21px; } .imini-tool em { color:rgba(255,255,255,.76); font-size:12px; font-style:normal; }
.imini-membership { display:grid; grid-template-columns:minmax(260px,.8fr) minmax(480px,1.3fr); gap:7vw; align-items:start; background:#08090b; } .imini-membership-copy { position:sticky; top:110px; } .imini-membership-copy > p:not(.imini-eyebrow) { max-width:430px; margin:18px 0 25px; color:var(--ih-muted); line-height:1.7; } .imini-plan-list { display:grid; gap:10px; } .imini-plan { min-height:146px; padding:19px; display:grid; grid-template-columns:minmax(0,1fr) auto; gap:6px 20px; border:1px solid var(--ih-line); border-radius:12px; background:var(--ih-surface); } .imini-plan.featured { border-color:rgba(57,220,229,.5); } .imini-plan > div { display:flex; align-items:center; gap:8px; color:var(--ih-cyan); font-size:10px; font-weight:800; } .imini-plan em { padding:2px 6px; color:#111507; border-radius:4px; background:var(--ih-lime); font-style:normal; } .imini-plan strong { grid-column:1; color:#fff; font-size:19px; } .imini-plan p { grid-column:1; margin:0; color:var(--ih-muted); font-size:12px; } .imini-plan > b { grid-column:2; grid-row:1 / span 3; align-self:center; color:#fff; font-size:28px; } .imini-plan > small { color:var(--ih-lime); font-size:11px; }
.imini-footer { min-height:126px; padding:30px max(24px,6vw); display:grid; grid-template-columns:1fr auto 1fr; align-items:center; gap:20px; color:var(--ih-muted); border-top:1px solid var(--ih-line); background:#050506; } .imini-footer p { margin:0; font-size:10px; } .imini-footer > div { display:flex; justify-content:flex-end; gap:18px; font-size:12px; } .imini-footer a:hover { color:#fff; }
.imini-reveal { opacity:0; transform:translateY(18px); transition:opacity 460ms ease,transform 460ms var(--ih-ease); } .imini-reveal.visible { opacity:1; transform:none; } @keyframes imini-enter { from{opacity:0;transform:translateY(16px)} to{opacity:1;transform:none} }
@media (max-width:1400px) {
    .imini-nav { padding-right:16px; padding-left:16px; gap:16px; }
    .imini-primary-nav { gap:3px; }
    .imini-primary-nav a { padding-right:7px; padding-left:7px; }
    .imini-account { gap:6px; }
    .imini-model-pill,.imini-language { display:none; }
}
@media (max-width:1180px) { .imini-nav { gap:18px; } .imini-primary-nav a { padding:0 7px; } .imini-language,.imini-membership-link,.imini-hero-offer { display:none; } }
@media (max-width:980px) { .imini-nav { padding:0 16px; } .imini-primary-nav { display:none; } .imini-tool-grid { grid-template-columns:repeat(2,minmax(0,1fr)); } .imini-membership { grid-template-columns:1fr; gap:32px; } .imini-membership-copy { position:static; } }
@media (min-width:721px) and (max-width:980px) { .imini-menu { width:44px; height:44px; display:flex; padding:0; align-items:center; justify-content:center; flex-direction:column; gap:4px; color:#fff; border:1px solid var(--ih-line); border-radius:9px; background:var(--ih-surface); } .imini-menu span { width:17px; height:1px; background:currentColor; transition:transform 180ms ease,opacity 180ms ease; } .imini-menu[aria-expanded="true"] span:first-child { transform:translateY(5px) rotate(45deg); } .imini-menu[aria-expanded="true"] span:nth-child(2) { opacity:0; } .imini-menu[aria-expanded="true"] span:last-child { transform:translateY(-5px) rotate(-45deg); } .imini-primary-nav { position:fixed; z-index:101; top:calc(var(--ih-nav) + 8px); right:16px; width:min(360px,calc(100vw - 32px)); padding:10px; grid-template-columns:1fr 1fr; gap:6px; border:1px solid var(--ih-line); border-radius:10px; background:#131419; box-shadow:0 20px 50px rgba(0,0,0,.5); opacity:0; visibility:hidden; pointer-events:none; transform:translateY(-8px); transition:opacity 180ms ease,transform 180ms var(--ih-ease),visibility 180ms ease; } .imini-menu-open .imini-primary-nav { display:grid; opacity:1; visibility:visible; pointer-events:auto; transform:none; } .imini-primary-nav a { min-height:46px; justify-content:center; border:1px solid rgba(255,255,255,.08); } }
@media (max-width:720px) { :root{--ih-nav:64px} .imini-nav { padding:0 12px; gap:8px; } .imini-brand { font-size:15px; } .imini-brand img { width:33px; height:33px; } .imini-menu { width:44px; height:44px; margin-left:auto; display:flex; padding:0; align-items:center; justify-content:center; flex-direction:column; gap:4px; color:#fff; border:1px solid var(--ih-line); border-radius:9px; background:var(--ih-surface); order:4; } .imini-menu span { width:17px; height:1px; background:currentColor; transition:transform 180ms ease,opacity 180ms ease; } .imini-menu[aria-expanded="true"] span:first-child { transform:translateY(5px) rotate(45deg); } .imini-menu[aria-expanded="true"] span:nth-child(2) { opacity:0; } .imini-menu[aria-expanded="true"] span:last-child { transform:translateY(-5px) rotate(-45deg); } .imini-account { margin-left:auto; } .imini-model-pill,.imini-language,.imini-credit,.imini-login,.imini-admin,.imini-membership-link { display:none; } .imini-primary-nav { position:fixed; z-index:101; top:calc(var(--ih-nav) + 8px); right:12px; left:12px; padding:10px; grid-template-columns:1fr 1fr; gap:6px; border:1px solid var(--ih-line); border-radius:10px; background:#131419; box-shadow:0 20px 50px rgba(0,0,0,.5); opacity:0; visibility:hidden; pointer-events:none; transform:translateY(-8px); transition:opacity 180ms ease,transform 180ms var(--ih-ease),visibility 180ms ease; } .imini-menu-open .imini-primary-nav { display:grid; opacity:1; visibility:visible; pointer-events:auto; transform:none; } .imini-primary-nav a { min-height:46px; justify-content:center; border:1px solid rgba(255,255,255,.08); } .imini-hero { min-height:520px; padding:calc(var(--ih-nav) + 36px) 16px 30px; } .imini-hero-brandmark { min-height:58px; padding:7px 14px 7px 8px; border-radius:19px; } .imini-hero-brandmark img { width:42px; height:42px; border-radius:12px; } .imini-hero-brandmark strong { font-size:22px; } .imini-hero h1 { max-width:350px; font-size:32px; line-height:1.22; letter-spacing:0; } .imini-hero-lead { max-width:320px; font-size:14px; line-height:1.65; } .imini-hero-paths { margin-bottom:16px; } .imini-hero-paths a { width:44px; height:44px; } .imini-hero-cta { min-height:52px; font-size:15px; } .imini-hero-note { max-width:310px; justify-content:center; text-align:left; } .imini-showcase { padding:0 12px 52px; } .imini-showcase-track { grid-auto-columns:minmax(190px,74vw); gap:10px; } .imini-showcase-next { display:none; } .imini-agent-card,.imini-prompt-card,.imini-skeleton { min-height:238px; } .imini-agent-card { padding:15px; } .imini-agent-card strong { margin-top:15px; font-size:19px; } .imini-agent-mark { width:78px; height:78px; } .imini-agent-mark img { width:56px; height:56px; } .imini-models,.imini-tools,.imini-membership { padding:64px 16px; } .imini-section-head { margin-bottom:22px; align-items:flex-start; } .imini-section-head h2,.imini-membership h2 { font-size:30px; } .imini-section-actions { display:none; } .imini-model-tabs button { min-height:44px; } .imini-model-track { grid-auto-columns:minmax(250px,78vw); } .imini-tool-grid { gap:9px; } .imini-tool,.imini-tool-large { min-height:252px; padding:14px; grid-column:auto; } .imini-tool strong { font-size:17px; } .imini-tool em { display:none; } .imini-membership { display:block; } .imini-membership-copy { margin-bottom:28px; } .imini-plan { padding:16px; } .imini-plan > b { font-size:24px; } .imini-footer { padding:28px 16px calc(28px + env(safe-area-inset-bottom)); display:flex; align-items:flex-start; flex-direction:column; } .imini-footer > div { justify-content:flex-start; flex-wrap:wrap; gap:12px 16px; } }
@media (max-width:390px) { .imini-tool-grid { grid-template-columns:1fr; } .imini-tool,.imini-tool-large { min-height:264px; } }
@media (orientation:landscape) and (max-height:520px) and (max-width:900px) { .imini-hero { min-height:470px; padding-top:84px; } .imini-hero-brandmark { min-height:48px; margin-bottom:4px; padding:5px 12px 5px 6px; } .imini-hero-brandmark img { width:36px; height:36px; } .imini-hero-brandmark strong { font-size:19px; } .imini-hero h1 { font-size:28px; } .imini-hero-lead { margin:6px 0 10px; } .imini-hero-paths { margin-bottom:10px; } .imini-hero-note { margin-top:10px; } }
@media (prefers-reduced-motion:reduce) { html{scroll-behavior:auto} .imini-home *,.imini-home *::before,.imini-home *::after { animation-duration:.01ms!important; animation-iteration-count:1!important; transition-duration:.01ms!important; } .imini-reveal { opacity:1; transform:none; } }

/* Exact iMini visual pass: media-backed model cards, pricing, and authentication. */
.imini-model-visual::before { position:absolute; inset:0; background-image:linear-gradient(180deg,rgba(4,5,7,.04),rgba(4,5,7,.72)),var(--model-art); background-position:center; background-size:cover; content:""; opacity:.82; transition:transform 360ms var(--ih-ease),opacity 220ms ease; }
.imini-model-card:hover .imini-model-visual::before { opacity:1; transform:scale(1.05); }
.imini-model-visual img { position:absolute; z-index:2; top:10px; left:10px; width:42px; height:42px; padding:6px; object-fit:contain; border:1px solid rgba(255,255,255,.18); border-radius:11px; background:rgba(13,14,18,.82); box-shadow:0 8px 22px rgba(0,0,0,.28); }
.imini-model-visual i { margin-top:18px; opacity:.92; }

.imini-membership { position:relative; isolation:isolate; padding:92px max(24px,6vw) 112px; display:block; overflow:hidden; background:#050607; }
.imini-membership::before { position:absolute; z-index:-2; inset:0; background:linear-gradient(180deg,rgba(4,5,6,.34),#050607 62%),url('/static/imini-assets/home/pricing-panel.webp') center top/cover no-repeat; content:""; opacity:.48; }
.imini-membership::after { position:absolute; z-index:-1; top:-130px; left:50%; width:860px; height:430px; border-radius:50%; background:radial-gradient(circle,rgba(55,218,229,.17),transparent 68%); content:""; transform:translateX(-50%); }
.imini-membership-head { max-width:1040px; margin:0 auto 40px; text-align:center; }
.imini-membership-head h2 { max-width:none; margin:10px 0 12px; font-size:clamp(36px,4.2vw,60px); line-height:1.12; letter-spacing:0; }
.imini-membership-head > p:not(.imini-eyebrow) { max-width:760px; margin:0 auto; color:var(--ih-muted); font-size:14px; }
.imini-membership-models { margin:20px auto 0; display:flex; justify-content:center; flex-wrap:wrap; gap:9px 18px; color:#fff; font-size:13px; font-weight:700; }
.imini-membership-models span { display:inline-flex; align-items:center; gap:7px; }
.imini-membership-models span::before { width:7px; height:7px; border-radius:50%; background:var(--ih-cyan); box-shadow:0 0 12px rgba(57,220,229,.72); content:""; }
.imini-billing-switch { width:max-content; margin:28px auto 0; padding:4px; display:flex; border:1px solid rgba(255,255,255,.12); border-radius:24px; background:#24252c; }
.imini-billing-switch button { min-height:36px; padding:0 18px; color:rgba(255,255,255,.68); border:0; border-radius:19px; background:transparent; font-size:12px; font-weight:800; }
.imini-billing-switch button.active { color:#11131a; background:#f5f6f7; box-shadow:0 6px 16px rgba(0,0,0,.2); }
.imini-membership .imini-plan-list { max-width:1230px; margin:0 auto; display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:12px; }
.imini-membership .imini-plan { position:relative; min-height:430px; padding:22px 20px; display:flex; flex-direction:column; gap:0; border:1px solid rgba(255,255,255,.12); border-radius:22px; background:rgba(28,29,33,.96); box-shadow:0 24px 50px rgba(0,0,0,.2); transition:transform 220ms var(--ih-ease),border-color 180ms ease,box-shadow 180ms ease; }
.imini-membership .imini-plan:hover { border-color:rgba(255,255,255,.28); box-shadow:0 28px 64px rgba(0,0,0,.36); transform:translateY(-5px); }
.imini-membership .imini-plan.featured { border:4px solid var(--ih-cyan); background:linear-gradient(180deg,var(--ih-cyan) 0 34px,#1d1e22 34px); }
.imini-membership .imini-plan:nth-child(n+3):not(.featured) { border:4px solid #ffe445; background:linear-gradient(180deg,#ffe445 0 34px,#1d1e22 34px); }
.imini-membership .imini-plan > div { min-height:28px; justify-content:space-between; color:#fff; }
.imini-membership .imini-plan > div span { font-size:24px; font-weight:500; }
.imini-membership .imini-plan > div em { color:#111; background:#ffe445; }
.imini-membership .imini-plan > strong { margin-top:24px; font-size:18px; }
.imini-membership .imini-plan > p { min-height:42px; margin:7px 0 14px; line-height:1.5; }
.imini-membership .imini-plan > b { order:4; align-self:flex-start; margin:0 0 4px; font-size:34px; line-height:1; }
.imini-membership .imini-plan > small { order:5; color:rgba(255,255,255,.62); }
.imini-membership .imini-plan > a { order:6; min-height:44px; margin:18px 0 15px; display:flex; align-items:center; justify-content:center; color:#071113; border-radius:10px; background:var(--ih-cyan); font-size:14px; font-weight:850; box-shadow:0 5px 0 #1699a0; }
.imini-membership .imini-plan:nth-child(n+3):not(.featured) > a { background:#ffe445; box-shadow:0 5px 0 #a58f05; }
.imini-membership .imini-plan-free > a { color:rgba(255,255,255,.55); background:#30313b; box-shadow:0 5px 0 #1d1e24; }
.imini-membership .imini-plan ul { order:7; margin:0; padding:16px 0 0; display:grid; gap:11px; border-top:1px solid rgba(255,255,255,.1); list-style:none; color:rgba(255,255,255,.84); font-size:12px; }
.imini-membership .imini-plan li::before { margin-right:7px; color:var(--ih-cyan); content:"✓"; }

body.imini-auth-open { overflow:hidden; }
.imini-auth-overlay { position:fixed; z-index:240; inset:0; padding:20px 12px; display:grid; place-items:center; overflow-y:auto; overflow-x:hidden; background:rgba(2,4,7,.72); backdrop-filter:blur(20px) saturate(1.08); -webkit-backdrop-filter:blur(20px) saturate(1.08); animation:imini-auth-fade 220ms ease both; }
.imini-auth-overlay[hidden] { display:none; }
.imini-auth-dialog { position:relative; width:min(400px,calc(100vw - 32px)); min-height:610px; max-height:calc(100dvh - 40px); display:block; overflow-y:auto; overflow-x:hidden; overscroll-behavior:contain; -webkit-overflow-scrolling:touch; scrollbar-gutter:stable; box-sizing:border-box; border:1px solid rgba(157,72,255,.58); border-radius:20px; background:#151515; box-shadow:0 24px 70px rgba(0,0,0,.68),0 0 34px rgba(132,63,215,.2); animation:imini-auth-enter 360ms var(--ih-ease) both; }
.imini-auth-close { position:absolute; z-index:3; top:14px; right:14px; width:36px; height:36px; padding:0; color:rgba(255,255,255,.7); border:0; border-radius:50%; background:rgba(20,21,24,.7); font-size:25px; line-height:1; transition:color 180ms ease,background-color 180ms ease,transform 180ms ease; }
.imini-auth-close:hover { color:#111; background:#fff; transform:rotate(5deg); }
.imini-auth-media { display:none; }
.imini-auth-panel { min-height:610px; box-sizing:border-box; padding:42px 32px 30px; display:flex; flex-direction:column; justify-content:center; }
.imini-auth-logo { width:66px; height:66px; margin:0 auto 17px; padding:8px; object-fit:contain; border-radius:20px; background:#fff; box-shadow:0 13px 36px rgba(57,220,229,.15); }
.imini-auth-panel h2 { margin:0 0 18px; color:#fff; font-size:25px; line-height:1.3; text-align:center; }
.imini-auth-tabs { padding:4px; display:grid; grid-template-columns:1fr 1fr; gap:4px; border-radius:11px; background:#17181c; }
.imini-auth-tabs button { min-height:38px; color:rgba(255,255,255,.58); border:0; border-radius:8px; background:transparent; font-weight:760; }
.imini-auth-tabs button.active { color:#111; background:#fff; }
.imini-auth-form { margin-top:16px; display:grid; gap:12px; }
.imini-auth-form[hidden] { display:none; }
.imini-auth-form label { display:grid; gap:6px; color:rgba(255,255,255,.66); font-size:12px; }
.imini-auth-form input { width:100%; height:44px; padding:0 13px; color:#fff; border:1px solid rgba(255,255,255,.14); border-radius:8px; outline:0; background:#0d0e11; }
.imini-auth-form input:focus { border-color:var(--ih-cyan); box-shadow:0 0 0 3px rgba(57,220,229,.1); }
.imini-auth-form > button { min-height:44px; color:#081113; border:0; border-radius:9px; background:linear-gradient(100deg,var(--ih-cyan),#b3ef71); font-weight:850; }
.imini-auth-form button:disabled { cursor:not-allowed; opacity:.55; }
.imini-auth-code-row { display:grid; grid-template-columns:1fr auto; gap:7px; }
.imini-auth-code-row button { min-width:66px; color:#fff; border:1px solid rgba(255,255,255,.14); border-radius:8px; background:#202127; }
.imini-auth-error { min-height:18px; margin:0; color:#ff8b80; font-size:12px; }
.imini-auth-terms { margin:14px 0 0; color:rgba(255,255,255,.4); font-size:10px; text-align:center; }
@keyframes imini-auth-fade { from{opacity:0} to{opacity:1} }
@keyframes imini-auth-enter { from{opacity:0;transform:translateY(18px) scale(.98)} to{opacity:1;transform:none} }

@media (max-width:1100px) { .imini-membership .imini-plan-list { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media (max-width:720px) {
    .imini-membership { padding:72px 16px 84px; }
    .imini-membership-head h2 { font-size:32px; letter-spacing:0; }
    .imini-membership .imini-plan-list { grid-template-columns:1fr; }
    .imini-membership .imini-plan { min-height:390px; }
    .imini-auth-overlay { padding:12px; }
    .imini-auth-dialog { width:min(100%,430px); max-height:calc(100dvh - 24px); min-height:0; display:block; overflow-y:auto; }
    .imini-auth-media { height:150px; min-height:0; }
    .imini-auth-panel { padding:26px 20px 24px; }
    .imini-auth-logo { width:54px; height:54px; margin-top:-55px; border:5px solid #08090b; }
    .imini-auth-panel h2 { font-size:20px; }
}
@media (prefers-reduced-motion:reduce) { .imini-auth-overlay,.imini-auth-dialog,.imini-model-visual::before { animation:none!important; transition:none!important; } }

/* iMini long-form homepage structure: launchpad, canvas spotlight and FAQ. */
.imini-launchpad,.imini-workbench-spotlight,.imini-faq { padding:84px max(24px,4.15vw); border-top:1px solid rgba(255,255,255,.07); background:#050506; }
.imini-launchpad-head { max-width:1320px; margin:0 auto 28px; display:flex; align-items:flex-end; justify-content:space-between; gap:28px; }
.imini-launchpad-head h2,.imini-workbench-copy h2,.imini-faq h2 { margin:7px 0 0; color:#fff; font-size:clamp(34px,3.4vw,52px); font-weight:820; line-height:1.12; letter-spacing:0; }
.imini-launchpad-head p:not(.imini-eyebrow),.imini-workbench-copy>p:not(.imini-eyebrow) { max-width:720px; margin:12px 0 0; color:var(--ih-muted); font-size:14px; }
.imini-launchpad-head>a,.imini-inline-cta { min-height:44px; padding:0 18px; display:inline-flex; align-items:center; justify-content:center; gap:14px; color:#071113; border-radius:9px; background:#f7f8f8; font-size:14px; font-weight:800; white-space:nowrap; transition:transform 180ms var(--ih-ease),background-color 180ms ease; }
.imini-launchpad-head>a:hover,.imini-inline-cta:hover { background:var(--ih-cyan); transform:translateY(-2px); }
.imini-launchpad-head svg,.imini-inline-cta svg { width:17px; height:17px; fill:none; stroke:currentColor; stroke-width:1.8; stroke-linecap:round; stroke-linejoin:round; }
.imini-launchpad-grid { max-width:1320px; margin:0 auto; display:grid; grid-template-columns:repeat(6,minmax(0,1fr)); gap:14px; }
.imini-launch-card { position:relative; min-height:262px; padding:16px; display:flex; overflow:hidden; align-items:flex-end; border:1px solid rgba(255,255,255,.09); border-radius:20px; background:#19191b; isolation:isolate; transition:transform 220ms var(--ih-ease),border-color 180ms ease,box-shadow 220ms ease; }
.imini-launchpad:not(.visible) .imini-launch-card { opacity:0; transform:translateY(16px); }
.imini-launchpad.visible .imini-launch-card { animation:imini-launch-card-in 420ms var(--ih-ease) both; animation-delay:var(--imini-delay,0ms); }
.imini-launch-card::after { position:absolute; z-index:-1; inset:0; background:linear-gradient(180deg,rgba(5,5,6,.02) 30%,rgba(5,5,6,.95)); content:""; }
.imini-launch-card img { position:absolute; z-index:-2; inset:0; width:100%; height:100%; object-fit:cover; transition:transform 420ms var(--ih-ease),filter 220ms ease; }
.imini-launch-card:hover { border-color:rgba(57,220,229,.6); box-shadow:0 18px 44px rgba(0,0,0,.34); transform:translateY(-5px); }
.imini-launch-card:hover img { transform:scale(1.06); filter:saturate(1.08); }
.imini-launch-card span { min-width:0; }
.imini-launch-card small { padding:3px 7px; color:#071113; border-radius:6px; background:var(--ih-cyan); font-size:9px; font-weight:850; }
.imini-launch-card strong { display:block; margin-top:11px; color:#fff; font-size:21px; line-height:1.2; }
.imini-launch-card em { display:block; margin-top:7px; color:rgba(255,255,255,.68); font-size:11px; font-style:normal; line-height:1.55; }
.imini-tool-strip { max-width:1320px; margin:14px auto 0; display:grid; grid-template-columns:repeat(6,minmax(0,1fr)); gap:14px; }
.imini-tool-strip a { min-height:82px; padding:0 18px; display:flex; align-items:center; gap:12px; color:#fff; border:1px solid rgba(255,255,255,.08); border-radius:18px; background:#1a1a1c; font-size:15px; font-weight:780; transition:border-color 180ms ease,background-color 180ms ease,transform 180ms var(--ih-ease); }
.imini-tool-strip a:hover { border-color:rgba(57,220,229,.5); background:#222226; transform:translateY(-2px); }
.imini-tool-strip span { width:26px; height:26px; display:grid; place-items:center; color:var(--ih-cyan); font-size:19px; }
.imini-tool-strip svg { width: 23px; height: 23px; flex: 0 0 auto; fill: none; stroke: var(--ih-cyan); stroke-width: 1.7; stroke-linecap: round; stroke-linejoin: round; }
.imini-workbench-spotlight { min-height:900px; padding-top:96px; text-align:center; background:radial-gradient(circle at 50% 36%,rgba(48,219,229,.09),transparent 30%),#030304; }
.imini-workbench-copy { max-width:980px; margin:0 auto 32px; }
.imini-workbench-copy>p:not(.imini-eyebrow) { margin-right:auto; margin-left:auto; font-size:15px; }
.imini-model-cloud { margin:26px auto 0; display:flex; justify-content:center; flex-wrap:wrap; gap:10px; }
.imini-model-cloud span { min-height:42px; padding:0 16px; display:inline-flex; align-items:center; gap:8px; color:rgba(255,255,255,.86); border:1px solid rgba(255,255,255,.08); border-radius:999px; background:#1b1b1d; font-size:13px; font-weight:720; }
.imini-model-cloud span::before { width:7px; height:7px; border-radius:50%; background:var(--ih-cyan); box-shadow:0 0 10px rgba(57,220,229,.65); content:""; }
.imini-inline-cta { margin-top:24px; color:#fff; border:1px solid rgba(57,220,229,.45); background:rgba(13,110,116,.68); }
.imini-workbench-collage { position:relative; max-width:1200px; height:560px; margin:44px auto 0; padding:44px 58px; display:grid; grid-template-columns:.82fr 1.42fr .9fr; align-items:center; gap:34px; overflow:hidden; border:1px solid rgba(255,255,255,.1); border-radius:24px; background-color:#18181a; background-image:radial-gradient(rgba(255,255,255,.12) 1px,transparent 1px); background-size:22px 22px; box-shadow:0 40px 90px rgba(0,0,0,.4); }
.imini-workbench-collage::before,.imini-workbench-collage::after { position:absolute; z-index:0; height:1px; background:rgba(57,220,229,.48); content:""; transform:rotate(8deg); }
.imini-workbench-collage::before { top:48%; left:17%; width:33%; }
.imini-workbench-collage::after { top:53%; right:15%; width:31%; transform:rotate(-7deg); }
.imini-workbench-collage img { position:relative; z-index:1; width:100%; max-height:440px; object-fit:cover; border:10px solid #343436; border-radius:18px; box-shadow:0 22px 60px rgba(0,0,0,.44); transition:transform 260ms var(--ih-ease); }
.imini-workbench-collage img:nth-child(1) { transform:translateY(35px) rotate(-2deg); }
.imini-workbench-collage img:nth-child(2) { min-height:420px; }
.imini-workbench-collage img:nth-child(3) { transform:translateY(22px) rotate(2deg); }
.imini-workbench-collage:hover img:nth-child(1) { transform:translateY(27px) rotate(-3deg); }
.imini-workbench-collage:hover img:nth-child(2) { transform:translateY(-5px); }
.imini-workbench-collage:hover img:nth-child(3) { transform:translateY(14px) rotate(3deg); }
.imini-faq { padding-top:92px; padding-bottom:112px; }
.imini-faq header { max-width:1280px; margin:0 auto 36px; text-align:center; }
.imini-faq-list { max-width:1248px; margin:0 auto; border-top:1px solid rgba(255,255,255,.12); }
.imini-faq details { border-bottom:1px solid rgba(255,255,255,.12); }
.imini-faq summary { min-height:72px; padding:0 6px; display:flex; align-items:center; justify-content:space-between; gap:20px; color:#fff; font-size:16px; font-weight:700; cursor:pointer; list-style:none; }
.imini-faq summary::-webkit-details-marker { display:none; }
.imini-faq summary::after { color:var(--ih-muted); font-size:25px; font-weight:300; content:"+"; transition:transform 180ms ease,color 180ms ease; }
.imini-faq details[open] summary::after { color:var(--ih-cyan); transform:rotate(45deg); }
.imini-faq details p { max-width:900px; margin:-4px 0 0; padding:0 6px 24px; color:var(--ih-muted); line-height:1.8; animation:imini-faq-in 180ms ease both; }
@keyframes imini-faq-in { from{opacity:0;transform:translateY(-4px)} to{opacity:1;transform:none} }
@keyframes imini-launch-card-in { from{opacity:0;transform:translateY(16px)} to{opacity:1;transform:none} }
@media (max-width:1180px) { .imini-launchpad-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.imini-tool-strip{grid-template-columns:repeat(3,minmax(0,1fr))} }
@media (max-width:720px) {
    .imini-launchpad,.imini-workbench-spotlight,.imini-faq { padding:64px 16px; }
    .imini-launchpad-head { margin-bottom:22px; align-items:flex-start; flex-direction:column; }
    .imini-launchpad-head h2,.imini-workbench-copy h2,.imini-faq h2 { font-size:31px; letter-spacing:0; }
    .imini-launchpad-grid { grid-template-columns:none; grid-auto-columns:74vw; grid-auto-flow:column; gap:10px; overflow-x:auto; scroll-snap-type:x mandatory; }
    .imini-launch-card { min-height:238px; scroll-snap-align:start; }
    .imini-tool-strip { grid-template-columns:repeat(2,minmax(0,1fr)); gap:9px; }
    .imini-tool-strip a { min-height:64px; padding:0 12px; border-radius:13px; font-size:13px; }
    .imini-workbench-spotlight { min-height:0; }
    .imini-model-cloud { justify-content:flex-start; flex-wrap:nowrap; overflow-x:auto; }
    .imini-model-cloud span { flex:0 0 auto; }
    .imini-workbench-collage { width:100%; height:430px; margin-top:32px; padding:28px 18px; grid-template-columns:.86fr 1.2fr .86fr; gap:12px; border-radius:18px; }
    .imini-workbench-collage img { max-height:330px; border-width:6px; border-radius:12px; }
    .imini-workbench-collage img:nth-child(2) { min-height:330px; }
    .imini-faq summary { min-height:68px; font-size:14px; }
}
@media (prefers-reduced-motion:reduce) { .imini-launch-card img,.imini-workbench-collage img,.imini-faq details p { animation:none!important; transition:none!important; } }

/* Third visual pass: align the first fold, model rail, and promo card with iMini's current composition. */
.imini-model-pill { position:relative; min-width:190px; padding-left:10px; gap:6px; }
.imini-model-pill small { color:rgba(255,255,255,.68); font-size:9px; font-weight:700; }
.imini-model-pill span { width:20px; height:20px; }
.imini-model-pill::before { position:absolute; top:-8px; right:-7px; padding:2px 7px; color:#111; border-radius:10px 10px 10px 0; background:#fad6a4; content:"限时折扣"; font-size:9px; font-weight:800; }
.imini-hero { min-height:438px; padding:calc(var(--ih-nav) + 30px) 24px 25px; }
.imini-hero-media { opacity:.26; filter:saturate(.65) contrast(.92); }
.imini-hero-inner { width:min(690px,100%); }
.imini-hero-brandmark { min-height:88px; margin-bottom:3px; padding:0; gap:12px; border:0; border-radius:0; background:transparent; box-shadow:none; transform:none; }
.imini-hero-brandmark img { width:76px; height:76px; padding:9px; border-radius:22px; background:#f8fbfb; box-shadow:0 0 34px rgba(57,220,229,.18); }
.imini-hero-brandmark strong { color:#fff; font-size:48px; letter-spacing:0; text-shadow:0 0 24px rgba(57,220,229,.18); }
.imini-hero-kicker { display:none; }
.imini-hero h1 { margin:0; font-size:clamp(34px,3.05vw,44px); line-height:1.12; letter-spacing:0; }
.imini-hero-lead { display:none; }
.imini-hero-paths { margin:13px 0 14px; gap:8px; }
.imini-hero-paths a { width:38px; height:38px; }
.imini-hero-cta { min-height:50px; padding:0 24px; color:#fff; border-color:var(--ih-cyan); border-radius:28px; background:rgba(5,7,9,.25); box-shadow:0 0 24px rgba(45,226,230,.12); }
.imini-hero-note { min-height:34px; margin-top:16px; padding:0 13px; }
.imini-hero-note>span { color:var(--ih-lime); font-size:9px; }
.imini-hero-note b { color:var(--ih-gold); font-size:11px; }
.imini-hero-offer { top:68px; right:24px; width:368px; min-height:358px; padding:20px 16px 16px; border-radius:28px; background:linear-gradient(155deg,rgba(13,14,17,.96),rgba(9,9,11,.99)); }
.imini-hero-offer::before { height:120px; background:linear-gradient(180deg,rgba(4,6,8,.08),rgba(4,5,7,.78)),url('/static/imini-assets/home/promo-panel.webp') center/cover no-repeat; opacity:.9; }
.imini-hero-offer-brand { padding-top:8px; }
.imini-hero-offer-brand img { width:48px; height:48px; }
.imini-hero-offer-brand small { color:#fff; }
.imini-hero-offer-brand strong { font-size:14px; }
.imini-hero-offer h2 { margin:26px 0 14px; font-size:15px; }
.imini-hero-offer ul { gap:10px; font-size:12px; }
.imini-hero-offer li { display:grid; gap:1px; padding-left:0; }
.imini-hero-offer li::before { display:none; }
.imini-hero-offer li strong { color:#fff; font-size:12px; }
.imini-hero-offer li small { color:rgba(255,255,255,.58); font-size:10px; }
.imini-hero-offer > a { min-height:42px; margin-top:14px; border-radius:11px; }
.imini-showcase { padding:0 24px 64px; }
.imini-showcase-track { max-width:1392px; grid-auto-columns:225px; gap:16px; }
.imini-agent-card,.imini-prompt-card { min-height:300px; border-radius:10px; }
.imini-agent-card { padding:16px; }
.imini-agent-card strong { margin-top:20px; font-size:19px; }
.imini-agent-card p { font-size:11px; }
.imini-agent-mark { width:92px; height:92px; }
.imini-showcase-next { top:150px; right:18px; }
.imini-dynamic-showcase { display:contents; }
.imini-showcase-model { position:relative; min-height:300px; overflow:hidden; border:1px solid rgba(255,255,255,.1); border-radius:10px; background:#151619; isolation:isolate; }
.imini-showcase-model-media { position:absolute; inset:0; z-index:-2; width:100%; height:100%; object-fit:cover; opacity:.94; transition:transform 520ms var(--ih-ease),filter 220ms ease; }
.imini-showcase-model::after { position:absolute; z-index:-1; inset:0; background:linear-gradient(180deg,rgba(0,0,0,.02) 32%,rgba(0,0,0,.94)); content:""; }
.imini-showcase-model:hover .imini-showcase-model-media,.imini-showcase-model:focus-within .imini-showcase-model-media { transform:scale(1.05); filter:saturate(1.1); }
.imini-showcase-model>a { position:relative; min-height:300px; padding:16px; display:flex; justify-content:space-between; flex-direction:column; color:#fff; }
.imini-showcase-model-top b { padding:4px 7px; color:#061113; border-radius:6px; background:var(--ih-cyan); font-size:9px; }
.imini-showcase-model-copy { display:grid; gap:5px; }
.imini-showcase-model-copy>span { display:flex; align-items:center; gap:7px; }
.imini-showcase-model-copy img { width:24px; height:24px; padding:3px; object-fit:contain; border-radius:7px; background:rgba(255,255,255,.9); }
.imini-showcase-model-copy strong { font-size:18px; line-height:1.25; }
.imini-showcase-model-copy small { overflow:hidden; color:rgba(255,255,255,.7); font-size:10px; text-overflow:ellipsis; white-space:nowrap; }
.imini-launchpad { background:#060607; }
.imini-launchpad-head { max-width:1320px; }
.imini-launchpad-grid { grid-template-columns:repeat(6,minmax(0,1fr)); }
.imini-footer { min-height:150px; }

@media (max-width:1180px) {
    .imini-hero-offer { display:block; width:320px; }
    .imini-hero-inner { transform:translateX(-8%); }
}
@media (max-width:980px) {
    .imini-hero-offer { display:none; }
    .imini-hero-inner { transform:none; }
    .imini-showcase-track { grid-auto-columns:225px; }
}
@media (max-width:720px) {
    .imini-hero { min-height:470px; padding:calc(var(--ih-nav) + 28px) 16px 24px; }
    .imini-hero-brandmark { min-height:62px; margin-bottom:4px; }
    .imini-hero-brandmark img { width:54px; height:54px; padding:6px; border-radius:16px; }
    .imini-hero-brandmark strong { font-size:34px; letter-spacing:0; }
    .imini-hero h1 { max-width:350px; font-size:31px; }
    .imini-hero-paths a { width:40px; height:40px; }
    .imini-hero-cta { min-height:50px; }
    .imini-hero-note { max-width:310px; font-size:11px; }
    .imini-showcase-track { grid-auto-columns:225px; gap:10px; }
    .imini-showcase-model,.imini-showcase-model>a { min-height:300px; }
}
@media (prefers-reduced-motion:reduce) { .imini-showcase-model video,.imini-showcase-model-media { transition:none; } }

/* Current reference parity: the desktop hero is a measured 519px composition.
   The brand remains CN-GPT, while its spacing follows the live iMini first fold. */
@media (min-width: 981px) {
    .imini-hero { min-height: 519px; padding: 114px 24px 0; place-items: start center; }
    .imini-hero-inner { width: min(760px, 100%); }
    .imini-hero-brandmark { min-height: 94px; margin-bottom: 0; }
    .imini-hero-brandmark img { width: 82px; height: 82px; }
    .imini-hero-brandmark strong { font-size: 52px; }
    .imini-hero h1 { max-width: none; margin: 37px 0 0; font-size: 32px; line-height: 1.2; letter-spacing:0; white-space: nowrap; }
    .imini-hero-paths { margin: 17px 0 30px; }
    .imini-hero-cta { min-height: 54px; }
    .imini-hero-note { margin-top: 16px; }
}

/* Editorial model showcase: the reference page uses image-first sections rather than a generic card grid. */
.imini-editorial-showcase { padding: 96px max(24px,2.65vw) 112px; border-top: 1px solid rgba(255,255,255,.07); background: #050506; }
.imini-editorial-group { max-width: 1340px; margin: 0 auto 86px; }
.imini-editorial-group:last-child { margin-bottom: 0; }
.imini-editorial-head { margin: 0 0 28px; display: flex; align-items: flex-end; justify-content: space-between; gap: 22px; }
.imini-editorial-head span { color: var(--ih-cyan); font-size: 10px; font-weight: 850; letter-spacing: .16em; }
.imini-editorial-head h2 { margin: 9px 0 0; color: #fff; font-size: clamp(28px, 3vw, 42px); line-height: 1.08; letter-spacing:0; }
.imini-editorial-head a { min-height: 42px; padding: 0 16px; display: inline-flex; align-items: center; gap: 10px; color: #0b1112; border-radius: 9px; background: #f5f6f7; font-size: 12px; font-weight: 820; white-space: nowrap; transition: transform 180ms var(--ih-ease), background-color 180ms ease; }
.imini-editorial-head a:hover { background: var(--ih-cyan); transform: translateY(-2px); }
.imini-editorial-head svg { width: 16px; height: 16px; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
.imini-masonry { columns: 5 210px; column-gap: 9px; }
.imini-masonry a { position: relative; display: block; aspect-ratio: .74; margin: 0 0 9px; overflow: hidden; break-inside: avoid; border-radius: 4px; background: #17181a; }
.imini-masonry img { display: block; width: 100%; height: 100%; object-fit: cover; transform: scale(1.001); transition: transform 500ms var(--ih-ease), filter 280ms ease; }
.imini-masonry a::after { position: absolute; inset: 0; background: linear-gradient(180deg, transparent 54%, rgba(0,0,0,.84)); content: ""; opacity: .68; transition: opacity 220ms ease; }
.imini-masonry a span { position: absolute; z-index: 1; right: 11px; bottom: 10px; left: 11px; color: #fff; font-size: 11px; font-weight: 730; opacity: .9; transform: translateY(3px); transition: opacity 220ms ease, transform 220ms var(--ih-ease); }
.imini-masonry a:hover img { filter: saturate(1.08); transform: scale(1.045); }
.imini-masonry a:hover::after { opacity: .9; }
.imini-masonry a:hover span { opacity: 1; transform: none; }
.imini-video-gallery { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 9px; }
.imini-video-gallery a { position: relative; min-height: 0; aspect-ratio: 16 / 9; display: block; overflow: hidden; border-radius: 4px; background: #16171a; }
.imini-video-gallery img { width: 100%; height: 100%; display: block; object-fit: cover; transition: transform 520ms var(--ih-ease), filter 260ms ease; }
.imini-video-gallery a::after { position: absolute; inset: 0; background: linear-gradient(180deg, transparent 45%, rgba(0,0,0,.86)); content: ""; opacity: .78; }
.imini-video-gallery span { position: absolute; z-index: 1; right: 14px; bottom: 12px; left: 14px; display: grid; gap: 3px; color: #fff; }
.imini-video-gallery b { font-size: 13px; }
.imini-video-gallery small { color: rgba(255,255,255,.66); font-size: 10px; }
.imini-video-gallery i { position: absolute; z-index: 2; top: 12px; left: 12px; width: 28px; height: 28px; display: grid; place-items: center; color: #071113; border-radius: 50%; background: var(--ih-cyan); font-size: 10px; font-style: normal; opacity: .9; transition: transform 220ms var(--ih-ease), background-color 180ms ease; }
.imini-video-gallery a:hover img { filter: saturate(1.08); transform: scale(1.045); }
.imini-video-gallery a:hover i { background: #fff; transform: scale(1.08); }

/* Keep the original workflow entry points available in the launchpad; the editorial gallery is the primary long-form section. */
.imini-home > main > .imini-tools { display: none; }

/* Two-line pill rail closer to iMini's model marquee while preserving backend-driven model selection. */
.imini-models { padding-top: 78px; padding-bottom: 82px; }
.imini-models .imini-section-head { margin-bottom: 18px; }
.imini-models .imini-section-head h2 { max-width: 1040px; }
.imini-models .imini-section-actions { display: none; }
.imini-model-tabs { display: none; }
.imini-model-track { grid-template-rows: repeat(2, 44px); grid-auto-columns: max-content; grid-auto-flow: column; gap: 9px; padding: 4px 0 8px; overflow: hidden; mask-image: linear-gradient(90deg, transparent, #000 5%, #000 95%, transparent); }
.imini-model-card { min-height: 44px; padding: 0 15px; display: inline-flex; align-items: center; gap: 9px; grid-template-rows: none; border-radius: 999px; background: #1b1c1f; box-shadow: none; }
.imini-model-card::before, .imini-model-card::after { display: none; }
.imini-model-card header { order: 2; }
.imini-model-card header span { display: none; }
.imini-model-card header em { color: var(--ih-subtle); font-size: 9px; }
.imini-model-card .imini-model-visual { width: 25px; min-height: 25px; height: 25px; flex: 0 0 25px; border: 0; border-radius: 50%; }
.imini-model-card .imini-model-visual::before { opacity: 1; }
.imini-model-card .imini-model-visual img { top: 2px; left: 2px; width: 21px; height: 21px; padding: 3px; border: 0; border-radius: 50%; }
.imini-model-card .imini-model-visual i, .imini-model-card .imini-model-visual b { display: none; }
.imini-model-card section { order: 1; }
.imini-model-card h3 { margin: 0; font-size: 13px; white-space: nowrap; }
.imini-model-card p, .imini-model-card footer { display: none; }
.imini-model-card:hover { transform: translateY(-2px); }

/* Keep the login card compact while allowing long registration forms to scroll. */
.imini-auth-dialog { height: auto; min-height: 610px; max-height: calc(100dvh - 40px); display: block; }
.imini-auth-panel { min-height: 610px; }

@media (max-width: 980px) {
    .imini-model-track { grid-template-rows: repeat(2, 42px); }
    .imini-editorial-showcase { padding-right: 16px; padding-left: 16px; }
    .imini-masonry { columns: 4 170px; }
}
@media (max-width: 720px) {
    .imini-editorial-showcase { padding: 68px 16px 76px; }
    .imini-editorial-group { margin-bottom: 62px; }
    .imini-editorial-head { align-items: flex-start; flex-direction: column; gap: 16px; }
    .imini-editorial-head h2 { font-size: 29px; letter-spacing:0; }
    .imini-masonry { columns: 2 0; column-gap: 7px; }
    .imini-masonry a { margin-bottom: 7px; }
    .imini-masonry a:nth-child(n+7) { display: none; }
    .imini-video-gallery { grid-template-columns: 1fr; gap: 7px; }
    .imini-models { padding-top: 62px; padding-bottom: 64px; }
    .imini-model-track { grid-template-rows: repeat(2, 42px); gap: 7px; overflow-x: auto; mask-image: none; }
    .imini-model-card { padding: 0 12px; }
    .imini-auth-dialog { height: auto; min-height: 0; max-height: calc(100dvh - 24px); overflow-y: auto; }
    .imini-auth-panel { min-height: 0; padding: 34px 20px 26px; }
    .imini-auth-media { display: none; }
}
@media (prefers-reduced-motion: reduce) {
    .imini-masonry img, .imini-video-gallery img, .imini-editorial-head a { transition: none; }
}

/* Desktop coordinate pass: match the live reference's vertical rhythm without changing mobile flow. */
@media (min-width: 981px) {
    .imini-launchpad-head { transform: translateY(-84px); }
    .imini-launchpad-grid,
    .imini-tool-strip { transform: translateY(101px); }
    .imini-models .imini-section-head { transform: translateY(-8px); }
    .imini-workbench-spotlight { height: 761px; min-height: 761px; overflow: hidden; }
    .imini-workbench-copy { transform: translateY(-94px); }
    .imini-workbench-collage { height: 420px; padding: 30px 54px; transform: translateY(-120px); }
    .imini-workbench-collage img { max-height: 320px; border-width: 8px; }
    .imini-workbench-collage img:nth-child(2) { min-height: 320px; }
    .imini-editorial-showcase { padding-top: 0; padding-bottom: 332px; }
    .imini-membership { padding-bottom: 86px; }
}

/* 2026-07-30 interaction pass: image-led launch banner, live model rails and compact motion. */
.imini-launchpad { padding-top: 72px; }
.imini-launch-banner {
    max-width: 1320px;
    min-height: 285px;
    margin: 0 auto 28px;
    display: flex;
    align-items: flex-end;
    overflow: hidden;
    border: 1px solid rgba(255,255,255,.13);
    border-radius: 24px;
    background-color: #171719;
    background-image: linear-gradient(90deg, rgba(5,5,6,.92) 0%, rgba(5,5,6,.72) 48%, rgba(5,5,6,.18) 100%), url('/static/imini-assets/home/pricing-panel.webp');
    background-position: center;
    background-size: cover;
    box-shadow: 0 26px 70px rgba(0,0,0,.34);
}
.imini-launch-banner .imini-launchpad-head {
    width: 100%;
    margin: 0;
    padding: 34px;
    align-items: flex-end;
    transform: none;
}
.imini-launch-banner .imini-launchpad-head > div { max-width: 650px; }
.imini-launch-banner .imini-launchpad-head h2 { font-size: 28px; letter-spacing: 0; }
.imini-launch-banner .imini-launchpad-head p:not(.imini-eyebrow) { color: rgba(255,255,255,.72); }
.imini-launchpad-grid,
.imini-tool-strip { transform: none; }

.imini-models .imini-section-head {
    justify-content: center;
    text-align: center;
    transform: none;
}
.imini-models .imini-section-head > div { width: 100%; }
.imini-models .imini-section-head h2 { margin-right: auto; margin-left: auto; letter-spacing: 0; }
.imini-model-track {
    display: grid;
    grid-template: none;
    gap: 10px;
    overflow: hidden;
    mask-image: linear-gradient(90deg, transparent, #000 5%, #000 95%, transparent);
}
.imini-model-marquee-row { width: 100%; overflow: hidden; }
.imini-model-marquee-inner {
    width: max-content;
    display: flex;
    gap: 9px;
    animation: imini-model-marquee-left 38s linear infinite;
    will-change: transform;
}
.imini-model-marquee-row.reverse .imini-model-marquee-inner { animation-name: imini-model-marquee-right; animation-duration: 44s; }
.imini-model-marquee-row:hover .imini-model-marquee-inner,
.imini-model-marquee-row:focus-within .imini-model-marquee-inner { animation-play-state: paused; }
@keyframes imini-model-marquee-left { to { transform: translateX(-50%); } }
@keyframes imini-model-marquee-right { from { transform: translateX(-50%); } to { transform: translateX(0); } }

.imini-model-pill b {
    display: block;
    transform: translateY(0);
    opacity: 1;
    transition: opacity 180ms ease, transform 220ms var(--ih-ease);
}
.imini-model-pill b.is-changing { opacity: 0; transform: translateY(-9px); }
.imini-showcase-model video.imini-showcase-model-media { background: #151619; }

/* Fixed iMini-style media rail.  It intentionally does not depend on API model state. */
.imini-showcase { padding:0 24px 64px; }
.imini-showcase-track { max-width:none; margin:0; padding:0; display:flex; gap:16px; overflow-x:auto; overscroll-behavior-x:contain; scroll-snap-type:x proximity; scroll-padding-inline:24px; scrollbar-width:none; cursor:grab; touch-action:pan-y; }
.imini-showcase-track:focus-visible { outline:2px solid var(--ih-cyan); outline-offset:5px; }
.imini-showcase-track.is-dragging { cursor:grabbing; scroll-snap-type:none; user-select:none; }
.imini-showcase-track > .imini-agent-card,
.imini-showcase-track > .imini-showcase-model { width:clamp(272px,17.15vw,336px); min-width:clamp(272px,17.15vw,336px); min-height:0; height:auto; aspect-ratio:3 / 4; flex:0 0 clamp(272px,17.15vw,336px); scroll-snap-align:start; }
.imini-agent-card { padding:20px; border-radius:10px; }
.imini-agent-card strong { margin-top:24px; font-size:21px; }
.imini-agent-card p { max-width:190px; font-size:12px; }
.imini-agent-mark { width:106px; height:106px; margin:auto auto -12px; }
.imini-showcase-model,.imini-showcase-model>a { min-height:0; }
.imini-showcase-model>a { height:100%; padding:16px; }
.imini-showcase-model-top { min-height:26px; }
.imini-showcase-model-top b { padding:6px 8px; border-radius:7px; font-size:10px; }
.imini-showcase-model-top .imini-showcase-badge-orange { color:#fff; background:#ff741f; }
.imini-showcase-model-copy { gap:6px; }
.imini-showcase-model-copy strong { font-size:20px; }
.imini-showcase-model-copy small { font-size:11px; }
.imini-showcase-prev,.imini-showcase-next { position:absolute; z-index:4; top:calc(50% - 32px); width:52px; height:52px; display:grid; padding:0; place-items:center; color:#fff; border:1px solid rgba(255,255,255,.14); border-radius:50%; background:rgba(42,43,48,.92); box-shadow:0 12px 30px rgba(0,0,0,.4); backdrop-filter:blur(10px); transition:color 180ms ease,background-color 180ms ease,transform 180ms ease,opacity 180ms ease; }
.imini-showcase-prev { left:18px; }
.imini-showcase-next { right:18px; transform:none; }
.imini-showcase-prev:hover:not(:disabled),.imini-showcase-next:hover:not(:disabled) { color:#061314; background:var(--ih-cyan); transform:scale(1.04); }
.imini-showcase-prev:disabled,.imini-showcase-next:disabled { opacity:0; pointer-events:none; }
.imini-showcase-prev svg,.imini-showcase-next svg { width:21px; height:21px; fill:none; stroke:currentColor; stroke-width:1.8; stroke-linecap:round; stroke-linejoin:round; }

@media (max-width:720px) {
    .imini-showcase { padding:0 12px 52px; }
    .imini-showcase-track { gap:12px; scroll-padding-inline:12px; }
    .imini-showcase-track > .imini-agent-card,
    .imini-showcase-track > .imini-showcase-model { width:82vw; min-width:82vw; flex-basis:82vw; }
    .imini-agent-card { padding:18px; }
    .imini-agent-card strong { margin-top:20px; font-size:20px; }
    .imini-agent-mark { width:96px; height:96px; }
    .imini-showcase-prev,.imini-showcase-next { display:none; }
}

.imini-footer {
    position: relative;
    min-height: 220px;
    overflow: hidden;
    isolation: isolate;
    background: #08090a;
}
.imini-footer::before {
    position: absolute;
    z-index: -2;
    inset: -48px;
    background: url('/static/imini-assets/home/pricing-panel.webp') center 62% / cover no-repeat;
    filter: blur(30px) saturate(.82);
    opacity: .58;
    content: '';
}
.imini-footer::after {
    position: absolute;
    z-index: -1;
    inset: 0;
    background: rgba(5,5,6,.72);
    content: '';
}

.imini-home button,
.imini-home a { -webkit-tap-highlight-color: transparent; }
.imini-home button:active,
.imini-home a:active { transform: translateY(1px) scale(.98); transition-duration: 90ms; }
.imini-home :is(button,a):focus-visible { outline: 2px solid var(--ih-cyan); outline-offset: 3px; }

@media (max-width: 720px) {
    .imini-launchpad { padding-top: 56px; }
    .imini-launch-banner { min-height: 310px; margin-bottom: 18px; align-items: flex-end; border-radius: 16px; background-position: 62% center; }
    .imini-launch-banner .imini-launchpad-head { padding: 22px; gap: 18px; }
    .imini-launch-banner .imini-launchpad-head h2 { font-size: 25px; }
    .imini-launch-banner .imini-launchpad-head > a { min-height: 42px; }
    .imini-model-track { gap: 8px; overflow: hidden; mask-image: linear-gradient(90deg, transparent, #000 4%, #000 96%, transparent); }
    .imini-model-marquee-inner { animation-duration: 32s; }
    .imini-model-marquee-row.reverse .imini-model-marquee-inner { animation-duration: 36s; }
    .imini-footer { min-height: 200px; }
}

@media (prefers-reduced-motion: reduce) {
    .imini-model-marquee-inner { animation-play-state: paused; }
    .imini-model-pill b { transition: none; }
    .imini-home button:active,
    .imini-home a:active { transform: none; }
}

/* SPECTRA fluid field: a single ambient signature behind the homepage hero. */
.imini-hero-media { z-index:-3; transition:opacity 420ms ease; }
.imini-hero-fluid {
    position:absolute;
    z-index:-2;
    inset:0;
    width:100%;
    height:100%;
    display:block;
    opacity:0;
    pointer-events:none;
    transform:translateZ(0);
    transition:opacity 520ms var(--ih-ease);
}
.imini-hero.is-fluid-ready .imini-hero-fluid { opacity:.82; }
.imini-hero.is-fluid-ready .imini-hero-media { opacity:.08; }
.imini-hero-scrim {
    background:
        radial-gradient(circle at 50% 47%,rgba(4,5,7,.12) 0%,rgba(4,5,7,.26) 42%,rgba(4,5,7,.62) 100%),
        linear-gradient(180deg,rgba(4,5,7,.76) 0%,rgba(5,7,9,.34) 47%,rgba(5,6,8,.8) 100%);
}
@media (max-width:720px) {
    .imini-hero.is-fluid-ready .imini-hero-fluid { opacity:.72; }
    .imini-hero-scrim { background:linear-gradient(180deg,rgba(4,5,7,.78),rgba(5,7,9,.46) 48%,rgba(5,6,8,.84)); }
}
@media (prefers-reduced-motion:reduce) {
    .imini-hero-fluid,.imini-hero-media { transition:none; }
}

/* 2026-07-31 brand and responsive pass: full-width fluid fields and a dimensional wordmark. */
.imini-hero-brandmark {
    min-height:78px;
    perspective:720px;
}
.imini-hero-brandmark strong {
    position:relative;
    z-index:0;
    display:inline-block;
    isolation:isolate;
    color:transparent;
    background:linear-gradient(180deg,#ffffff 0%,#dffcff 22%,#79dcff 43%,#6688ff 64%,#8155e9 82%,#32205f 100%);
    background-clip:text;
    -webkit-background-clip:text;
    -webkit-text-fill-color:transparent;
    -webkit-text-stroke:1px rgba(214,250,255,.42);
    filter:drop-shadow(0 14px 22px rgba(0,0,0,.34));
    font-family:Inter,"Arial Black","Microsoft YaHei UI",sans-serif;
    font-size:62px;
    font-weight:900;
    letter-spacing:0;
    line-height:1;
    text-shadow:
        0 1px 0 rgba(196,250,255,.88),
        0 2px 0 #79cce8,
        0 3px 0 #4d79c7,
        0 4px 0 #393c91,
        0 5px 0 #26235f,
        0 12px 26px rgba(35,159,224,.28);
    transform:rotateX(5deg) skewX(-3deg);
    transform-origin:center bottom;
    white-space:nowrap;
}
.imini-hero-brandmark strong::before {
    position:absolute;
    z-index:1;
    inset:0;
    color:transparent;
    background:linear-gradient(108deg,transparent 26%,rgba(255,255,255,.94) 43%,rgba(139,242,255,.76) 49%,transparent 64%);
    background-clip:text;
    background-position:130% 50%;
    background-size:220% 100%;
    -webkit-background-clip:text;
    -webkit-text-fill-color:transparent;
    content:attr(data-brand);
    opacity:.78;
    animation:imini-brand-shine 5.8s ease-in-out infinite;
}
.imini-hero-brandmark strong::after {
    position:absolute;
    z-index:-1;
    inset:0;
    color:#17153f;
    -webkit-text-fill-color:#17153f;
    -webkit-text-stroke:1px rgba(89,216,245,.25);
    content:attr(data-brand);
    text-shadow:0 7px 16px rgba(0,0,0,.5);
    transform:translate3d(0,6px,-1px);
}
@keyframes imini-brand-shine {
    0%,68%,100% { background-position:130% 50%; opacity:.25; }
    82% { background-position:-30% 50%; opacity:.88; }
}

@media (min-width:981px) {
    .imini-hero-brandmark { min-height:78px; }
    .imini-hero h1 { margin-top:28px; }
}

@media (max-width:720px) {
    html,body.imini-home { width:100%; max-width:100%; overflow-x:clip; }
    .imini-nav { width:100%; max-width:100%; padding-right:max(12px,env(safe-area-inset-right)); padding-left:max(12px,env(safe-area-inset-left)); }
    .imini-hero { min-height:500px; padding:calc(var(--ih-nav) + 24px) 16px 24px; }
    .imini-hero-media { transform:none; }
    .imini-hero-inner { width:100%; min-width:0; }
    .imini-hero-brandmark { min-height:54px; margin:0 0 4px; }
    .imini-hero-brandmark strong { max-width:calc(100vw - 32px); font-size:44px; transform:rotateX(4deg) skewX(-2deg); }
    .imini-hero h1 { width:100%; max-width:328px; margin-top:22px; font-size:27px; line-height:1.25; letter-spacing:0; white-space:normal; }
    .imini-hero-paths { width:100%; max-width:320px; margin:15px auto 18px; flex-wrap:wrap; gap:7px; }
    .imini-hero-paths a { width:38px; height:38px; flex:0 0 38px; }
    .imini-hero-cta { width:min(210px,100%); min-height:50px; padding:0 20px; justify-content:space-between; }
    .imini-hero-note { width:min(320px,100%); min-height:36px; height:auto; padding:8px 12px; flex-wrap:wrap; line-height:1.45; }
    .imini-hero.is-fluid-ready .imini-hero-fluid { opacity:.78; }
    .imini-hero-scrim { background:linear-gradient(180deg,rgba(4,5,7,.7),rgba(5,7,9,.32) 48%,rgba(5,6,8,.8)); }

    .imini-showcase { width:100%; padding:0 12px 48px; }
    .imini-showcase-track { width:100%; gap:10px; scroll-padding-inline:0; }
    .imini-showcase-track > .imini-agent-card,
    .imini-showcase-track > .imini-showcase-model { width:min(78vw,280px); min-width:min(78vw,280px); flex-basis:min(78vw,280px); }

    .imini-launchpad { width:100%; padding:56px 16px 64px; }
    .imini-launch-banner { width:100%; min-height:320px; margin-bottom:18px; border-radius:16px; }
    .imini-launch-banner .imini-launchpad-head { width:100%; min-width:0; padding:22px 20px; gap:18px; }
    .imini-launch-banner .imini-launchpad-head > div { width:100%; min-width:0; }
    .imini-launch-banner .imini-launchpad-head h2 { font-size:27px; line-height:1.18; letter-spacing:0; }
    .imini-launch-banner .imini-launchpad-head p:not(.imini-eyebrow) { max-width:100%; font-size:13px; line-height:1.65; }
    .imini-launch-banner .imini-launchpad-head > a { width:100%; min-height:46px; }
    .imini-launchpad-grid { width:100%; display:grid; grid-template-columns:none; grid-auto-columns:min(78vw,280px); grid-auto-flow:column; gap:10px; padding-bottom:4px; overflow-x:auto; overscroll-behavior-x:contain; scroll-snap-type:x mandatory; scrollbar-width:none; }
    .imini-launchpad-grid::-webkit-scrollbar { display:none; }
    .imini-launch-card { min-height:228px; }
    .imini-tool-strip { width:100%; grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; }
    .imini-tool-strip a { min-width:0; min-height:68px; padding:10px; gap:9px; overflow-wrap:anywhere; }

    .imini-models,.imini-membership,.imini-editorial-showcase,.imini-workbench-spotlight,.imini-faq { width:100%; max-width:100%; }
    .imini-section-head h2,.imini-membership-head h2 { font-size:29px; line-height:1.2; letter-spacing:0; overflow-wrap:anywhere; }
    .imini-model-track,.imini-model-marquee-row { max-width:100%; }
    .imini-membership { padding-right:16px; padding-left:16px; }
    .imini-membership-head { width:100%; }
    .imini-membership-models { gap:8px 12px; font-size:12px; }
    .imini-billing-switch { width:100%; max-width:300px; }
    .imini-billing-switch button { min-width:0; padding:0 10px; flex:1; }
    .imini-membership .imini-plan-list,.imini-membership .imini-plan { width:100%; min-width:0; }

    .imini-workbench-collage { height:auto; min-height:0; padding:12px; display:block; }
    .imini-workbench-collage img { width:100%; max-height:none; border-width:5px; transform:none!important; }
    .imini-workbench-collage img:nth-child(1),.imini-workbench-collage img:nth-child(3) { display:none; }
    .imini-workbench-collage img:nth-child(2) { min-height:0; aspect-ratio:4/3; }
    .imini-editorial-head { width:100%; }
    .imini-footer { width:100%; max-width:100%; }
}

@media (max-width:360px) {
    .imini-brand span { max-width:128px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
    .imini-hero-brandmark strong { font-size:39px; }
    .imini-hero h1 { max-width:300px; font-size:24px; }
    .imini-hero-paths { max-width:286px; gap:6px; }
    .imini-hero-paths a { width:36px; height:36px; flex-basis:36px; }
    .imini-tool-strip { grid-template-columns:1fr; }
}

@media (min-width:721px) and (max-width:980px) {
    .imini-nav { padding:0 16px; gap:10px; }
    .imini-menu { width:44px; height:44px; margin-left:0; display:flex; padding:0; align-items:center; justify-content:center; flex-direction:column; gap:4px; color:#fff; border:1px solid var(--ih-line); border-radius:9px; background:var(--ih-surface); order:4; }
    .imini-menu span { width:17px; height:1px; background:currentColor; transition:transform 180ms ease,opacity 180ms ease; }
    .imini-menu[aria-expanded="true"] span:first-child { transform:translateY(5px) rotate(45deg); }
    .imini-menu[aria-expanded="true"] span:nth-child(2) { opacity:0; }
    .imini-menu[aria-expanded="true"] span:last-child { transform:translateY(-5px) rotate(-45deg); }
    .imini-primary-nav { position:fixed; z-index:101; top:calc(var(--ih-nav) + 8px); right:16px; left:16px; padding:10px; grid-template-columns:repeat(4,minmax(0,1fr)); gap:6px; border:1px solid var(--ih-line); border-radius:10px; background:#131419; box-shadow:0 20px 50px rgba(0,0,0,.5); opacity:0; visibility:hidden; pointer-events:none; transform:translateY(-8px); transition:opacity 180ms ease,transform 180ms var(--ih-ease),visibility 180ms ease; }
    .imini-menu-open .imini-primary-nav { display:grid; opacity:1; visibility:visible; pointer-events:auto; transform:none; }
    .imini-primary-nav a { min-height:44px; justify-content:center; border:1px solid rgba(255,255,255,.08); }
}

@media (orientation:landscape) and (max-height:520px) and (max-width:900px) {
    .imini-hero { min-height:440px; padding-top:78px; }
    .imini-hero-brandmark { min-height:42px; }
    .imini-hero-brandmark strong { font-size:36px; }
    .imini-hero h1 { max-width:620px; margin-top:12px; font-size:24px; }
    .imini-hero-paths { margin:10px auto 12px; }
    .imini-hero-note { margin-top:9px; }
}

@media (prefers-reduced-motion:reduce) {
    .imini-hero-brandmark strong::before { animation:none; background-position:50% 50%; }
}

/* 2026-08-04 auth parity: restore the scrollable iMini media-led login window. */
.imini-auth-overlay {
    position: fixed;
    z-index: 240;
    inset: 0;
    padding: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow-x: hidden;
    overflow-y: auto;
    overscroll-behavior: contain;
    background: rgba(3,4,6,.72);
    backdrop-filter: blur(18px) saturate(1.08);
    -webkit-backdrop-filter: blur(18px) saturate(1.08);
}
.imini-auth-dialog {
    position: relative;
    width: min(800px, calc(100vw - 48px));
    height: min(522px, calc(100dvh - 48px));
    min-height: 0;
    flex: 0 0 auto;
    display: grid;
    grid-template-columns: 380px minmax(0, 1fr);
    overflow: hidden;
    border: 1px solid rgba(255,255,255,.15);
    border-radius: 24px;
    background: #08090b;
    box-shadow: 0 34px 100px rgba(0,0,0,.72), 0 0 34px rgba(132,63,215,.2);
}
.imini-auth-media {
    position: relative;
    display: block;
    min-height: 0;
    overflow: hidden;
    background: #1b1b1d;
}
.imini-auth-media::after {
    position: absolute;
    inset: 0;
    background: linear-gradient(180deg, rgba(0,0,0,.06) 0%, rgba(4,5,7,.24) 44%, rgba(4,5,7,.96) 100%);
    content: "";
    pointer-events: none;
}
.imini-auth-media video {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    opacity: .88;
}
.imini-auth-media-copy {
    position: absolute;
    z-index: 1;
    right: 26px;
    bottom: 28px;
    left: 26px;
    display: flex;
    flex-direction: column;
    min-width: 0;
}
.imini-auth-media-copy span { color: var(--ih-cyan); font-size: 9px; font-weight: 850; letter-spacing: 1px; }
.imini-auth-media-copy strong { margin-top: 8px; color: #fff; font-size: 30px; line-height: 1.15; overflow-wrap: anywhere; text-shadow: 0 2px 16px rgba(0,0,0,.9); }
.imini-auth-media-copy small { margin-top: 10px; color: rgba(255,255,255,.78); font-size: 11px; line-height: 1.65; overflow-wrap: anywhere; text-shadow: 0 1px 10px rgba(0,0,0,.95); }
.imini-auth-panel {
    position: relative;
    min-height: 0;
    padding: 42px 32px 6px;
    overflow-x: hidden;
    overflow-y: auto;
    scrollbar-width: thin;
}
.imini-auth-logo { width: 64px; height: 64px; margin: 0 auto 17px; padding: 8px; border: 0; border-radius: 20px; }
.imini-auth-panel h2 { width: 100%; max-width: 100%; margin: 0 0 14px; padding: 0 8px; font-size: 22px; line-height: 1.28; overflow-wrap: anywhere; text-wrap: balance; }
.imini-auth-tabs { margin-top: 4px; }
.imini-auth-tabs button { min-width: 0; }
.imini-auth-form { gap: 14px; }
.imini-auth-form label, .imini-auth-code-row { min-width: 0; }
.imini-auth-form input { min-width: 0; min-height: 48px; height: 48px; }
.imini-auth-form > button { min-height: 48px; margin-top: 2px; }
.imini-auth-terms { padding: 0 8px; line-height: 1.55; overflow-wrap: anywhere; }
@media (max-width: 720px) {
    .imini-auth-overlay { padding: 12px; align-items: flex-start; }
    .imini-auth-dialog {
        width: min(430px, calc(100vw - 24px));
        height: auto;
        max-height: calc(100dvh - 24px);
        display: block;
        overflow-x: hidden;
        overflow-y: auto;
        border-radius: 20px;
    }
    .imini-auth-media { height: 150px; min-height: 150px; }
    .imini-auth-media-copy { right: 18px; bottom: 16px; left: 18px; }
    .imini-auth-media-copy strong { font-size: 22px; }
    .imini-auth-media-copy small { display: none; }
    .imini-auth-panel { min-height: 0; padding: 30px 20px 24px; overflow: visible; }
    .imini-auth-logo { width: 54px; height: 54px; margin: 0 auto 17px; border: 0; }
    .imini-auth-panel h2 { padding: 0; font-size: 20px; line-height: 1.4; }
    .imini-auth-tabs button { min-height: 42px; }
    .imini-auth-terms { padding: 0; }
}