:root {
  --nova-ink: #101b30;
  --nova-cream: #edf3ff;
  --nova-paper: #ffffff;
  --nova-acid: #c7f65b;
  --nova-orange: #3662ed;
  --nova-cobalt: #2854dc;
  --nova-mint: #ffe7aa;
  --nova-line: rgba(22, 17, 43, .15);
  --nova-radius: 20px;
  --ink: var(--nova-ink);
  --violet: #2854dc;
  --violet-dark: #3d49b8;
  --violet-soft: #eef0ff;
  --lime: var(--nova-acid);
  --surface: #fff8ec;
  --line: #e7dccb;
}

body { color: var(--nova-ink); background: var(--nova-paper); font-family: 'Manrope', system-ui, sans-serif; }
h1, h2, h3, h4 { font-family: 'Manrope', system-ui, sans-serif; }
.logoai-container { width: min(calc(100% - 48px), 1260px); }
.logoai-button { color: #fff; background: var(--nova-ink); border-color: var(--nova-ink); border-radius: 999px; box-shadow: none; }
.logoai-button:hover { color: var(--nova-ink); background: var(--nova-acid); border-color: var(--nova-acid); box-shadow: none; }
.logoai-button--outline { color: var(--nova-ink); background: transparent; border-color: rgba(21,23,20,.25); }

.logoai-announcement { min-height: 32px; color: #fff; background: var(--nova-ink); letter-spacing: .01em; }
.logoai-announcement a { color: var(--nova-acid); }
.logoai-header { background: rgba(251,250,246,.92); border-color: rgba(21,23,20,.12); }
.logoai-header__inner { height: 84px; }
.custom-logo-link { width: 164px; height: 44px; display: inline-flex; align-items: center; flex: 0 0 auto; line-height: 0; }
.custom-logo-link .custom-logo { width: 100%; height: 100%; display: block; object-fit: contain; object-position: left center; }
.logoai-header__inner > .custom-logo-link { width: 164px; height: 44px; }
.logoai-studio-sidebar .custom-logo-link { width: 170px; height: 45px; padding: 5px 8px; background: #fff; border-radius: 9px; }
.logoai-footer__brand .custom-logo-link { width: 184px; height: 49px; padding: 6px 9px; background: #fff; border-radius: 9px; }
.logoai-brand { font-family: 'Manrope', sans-serif; font-size: 19px; font-weight: 800; letter-spacing: -.05em; }
.logoai-brand__mark { width: 34px; height: 34px; transform: rotate(0); }
.logoai-brand__mark span:first-child { width: 23px; height: 29px; background: var(--nova-ink); border-radius: 50% 50% 5px 50%; }
.logoai-brand__mark span:last-child { width: 18px; height: 18px; background: var(--nova-orange); border-radius: 50%; mix-blend-mode: normal; }
.logoai-menu { gap: 28px; }
.logoai-menu a { color: var(--nova-ink); font-size: 12px; letter-spacing: .02em; }
.logoai-header__actions .logoai-button { color: var(--nova-ink); background: var(--nova-acid); border-color: var(--nova-acid); }
.logoai-header__actions .logoai-button:hover { color: #fff; background: var(--nova-ink); border-color: var(--nova-ink); }

.nova-section { padding: 132px 0; }
.nova-index { display: inline-flex; align-items: center; gap: 10px; margin-bottom: 28px; color: #66695f; font-size: 11px; font-style: normal; font-weight: 700; letter-spacing: .16em; text-transform: uppercase; }
.nova-index::before { content: ''; width: 28px; height: 1px; background: currentColor; }
.nova-heading { display: grid; grid-template-columns: minmax(0,1.55fr) minmax(280px,.45fr); align-items: end; gap: 80px; margin-bottom: 70px; }
.nova-heading h2 { max-width: 900px; margin: 0; font-size: clamp(3rem,6vw,6.2rem); font-weight: 600; letter-spacing: -.07em; line-height: .94; }
.nova-heading h2 em { font-family: 'DM Serif Display', Georgia, serif; font-weight: 400; letter-spacing: -.025em; }
.nova-heading > p { margin: 0 0 5px; color: #66695f; font-size: 15px; line-height: 1.75; }

/* Hero */
.nova-hero { position: relative; overflow: hidden; padding: 88px 0 0; color: var(--nova-ink); background: var(--nova-cream); }
.nova-noise { position: absolute; inset: 0; opacity: .3; pointer-events: none; background-image: radial-gradient(rgba(21,23,20,.22) .7px,transparent .7px); background-size: 18px 18px; mask-image: linear-gradient(black,transparent 88%); }
.nova-hero::before { content: ''; position: absolute; width: 520px; height: 520px; top: -300px; left: 40%; border: 1px solid rgba(21,23,20,.12); border-radius: 50%; box-shadow: 0 0 0 70px rgba(21,23,20,.025),0 0 0 140px rgba(21,23,20,.02); }
.nova-hero__grid { position: relative; z-index: 1; display: grid; grid-template-columns: minmax(0,.9fr) minmax(560px,1.1fr); align-items: center; gap: 68px; min-height: 660px; }
.nova-kicker { display: flex; align-items: center; gap: 10px; margin-bottom: 30px; color: #585c53; font-size: 11px; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; }
.nova-kicker > span { width: 9px; height: 9px; background: var(--nova-orange); border-radius: 50%; box-shadow: 0 0 0 5px rgba(255,107,74,.14); }
.nova-kicker em { margin-left: 5px; padding: 5px 9px; color: var(--nova-ink); background: var(--nova-acid); border-radius: 999px; font-size: 9px; font-style: normal; letter-spacing: .07em; }
.nova-hero h1 { margin: 0 0 28px; font-size: clamp(4rem,6.2vw,6.6rem); font-weight: 600; letter-spacing: -.085em; line-height: .89; }
.nova-hero h1 span { font-family: 'DM Serif Display', Georgia, serif; font-weight: 400; letter-spacing: -.03em; }
.nova-hero__copy > p { max-width: 650px; margin-bottom: 30px; color: #5c6058; font-size: 17px; line-height: 1.75; }
.nova-prompt { max-width: 650px; display: grid; grid-template-columns: 48px 1fr auto; align-items: center; gap: 12px; padding: 9px; background: var(--nova-paper); border: 1px solid rgba(21,23,20,.17); border-radius: 17px; box-shadow: 0 18px 50px rgba(21,23,20,.11); }
.nova-prompt__icon { width: 48px; height: 48px; display: grid; place-items: center; color: var(--nova-ink); background: var(--nova-acid); border-radius: 11px; }
.nova-prompt__icon .logoai-icon { width: 23px; height: 23px; }
.nova-prompt label { display: grid; gap: 0; }
.nova-prompt label span { color: #8a8d84; font-size: 8px; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; }
.nova-prompt input { min-width: 0; padding: 3px 0; color: var(--nova-ink); background: transparent; border: 0; outline: 0; font-size: 16px; font-weight: 600; }
.nova-prompt button { min-height: 48px; display: inline-flex; align-items: center; gap: 16px; padding: 0 20px; color: #fff; background: var(--nova-ink); border: 0; border-radius: 11px; font-size: 12px; font-weight: 700; }
.nova-prompt button:hover { color: var(--nova-ink); background: var(--nova-acid); }
.nova-hero__meta { display: flex; flex-wrap: wrap; gap: 12px 22px; margin-top: 20px; color: #696d64; font-size: 10px; font-weight: 600; }
.nova-hero__meta span { display: inline-flex; align-items: center; gap: 6px; }
.nova-hero__meta .logoai-icon { width: 13px; color: #3c7b54; }
.nova-hero__stage { position: relative; min-width: 620px; padding: 48px 0 60px; perspective: 1300px; }
.nova-stage__halo { position: absolute; width: 520px; height: 520px; top: 4%; left: 9%; background: var(--nova-acid); border-radius: 50%; filter: blur(1px); opacity: .75; }
.nova-stage__halo::before { content: ''; position: absolute; inset: 42px; background: var(--nova-cobalt); border-radius: 50%; opacity: .22; }
.nova-window { position: relative; z-index: 2; overflow: hidden; background: #fff; border: 1px solid rgba(21,23,20,.2); border-radius: 19px; box-shadow: 0 34px 80px rgba(21,23,20,.24); transform: rotateY(-5deg) rotateX(2deg) rotateZ(1deg); }
.nova-window__bar { height: 42px; display: flex; align-items: center; gap: 6px; padding: 0 13px; background: #f7f6f2; border-bottom: 1px solid #dedbd3; }
.nova-window__bar i { width: 8px; height: 8px; background: #d0cdc5; border-radius: 50%; }
.nova-window__bar strong { margin-left: auto; color: #676a63; font-size: 9px; font-weight: 600; }
.nova-window__bar span { margin-left: auto; color: #898c84; font-size: 8px; }
.nova-window__body { height: 420px; display: grid; grid-template-columns: 50px 1fr 142px; }
.nova-tools { display: flex; flex-direction: column; align-items: center; gap: 15px; padding-top: 18px; color: #fff; background: var(--nova-ink); }
.nova-tools b { width: 26px; height: 26px; display: grid; place-items: center; background: var(--nova-orange); border-radius: 8px; }
.nova-tools i { width: 17px; height: 17px; border: 1px solid #71746c; border-radius: 5px; }
.nova-tools i:nth-last-child(2) { margin-top: auto; margin-bottom: 18px; }
.nova-artboard { position: relative; display: grid; place-items: center; overflow: hidden; background-color: #eceae3; background-image: linear-gradient(rgba(21,23,20,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(21,23,20,.06) 1px,transparent 1px); background-size: 23px 23px; }
.nova-artboard::after { content:''; position:absolute; width:90px;height:90px;right:-30px;top:-30px;background:var(--nova-orange);border-radius:50%;opacity:.8; }
.nova-board-label { position: absolute; top: 28px; left: 50%; width: 78%; display: flex; justify-content: space-between; transform: translateX(-50%); color: #7c7f77; font-size: 7px; font-style: normal; font-weight: 600; text-transform: uppercase; letter-spacing: .1em; }
.nova-board-label em { font-style: normal; }
.nova-lockup { width: 78%; height: 42%; display: flex; align-items: center; justify-content: center; gap: 17px; background: #fff; box-shadow: 0 9px 30px rgba(21,23,20,.1); }
.nova-lockup__mark { position: relative; width: 58px; height: 58px; display: grid; place-items: center; overflow: hidden; color: var(--nova-ink); background: var(--nova-acid); border-radius: 50% 50% 7px 50%; font-size: 27px; font-weight: 700; }
.nova-lockup__mark i { position: absolute; width: 24px; height: 24px; right: -5px; bottom: -5px; background: var(--nova-orange); border-radius: 50%; }
.nova-lockup > div:last-child { display: flex; flex-direction: column; }
.nova-lockup strong { font-size: 27px; letter-spacing: .12em; line-height: 1; }
.nova-lockup small { margin-top: 5px; color: #6b6e66; font-size: 6px; font-weight: 700; letter-spacing: .34em; }
.nova-selection { position: absolute; width: 80%; height: 48%; border: 1px solid var(--nova-cobalt); }
.nova-selection i { position: absolute; width: 6px; height: 6px; background:#fff;border:1px solid var(--nova-cobalt); }.nova-selection i:nth-child(1){left:-3px;top:-3px}.nova-selection i:nth-child(2){right:-3px;top:-3px}.nova-selection i:nth-child(3){left:-3px;bottom:-3px}.nova-selection i:nth-child(4){right:-3px;bottom:-3px}
.nova-inspector { padding: 18px 14px; background: #fff; border-left: 1px solid #e2dfd7; }
.nova-inspector__head { display:flex;justify-content:space-between;margin-bottom:22px;font-size:9px}.nova-inspector__head span{letter-spacing:.12em}.nova-inspector label{display:flex;flex-direction:column;gap:6px;margin-bottom:18px;color:#8a8d85;font-size:7px;font-weight:600;text-transform:uppercase;letter-spacing:.08em}.nova-inspector label b{padding:8px;color:var(--nova-ink);background:#f4f2ec;border-radius:6px;font-size:8px;text-transform:none;letter-spacing:0}.nova-dots{display:flex}.nova-dots i{width:25px;height:25px;margin-left:-4px;background:var(--nova-acid);border:2px solid #fff;border-radius:50%}.nova-dots i:nth-child(2){background:var(--nova-orange)}.nova-dots i:nth-child(3){background:var(--nova-ink)}.nova-inspector button{width:100%;display:flex;align-items:center;justify-content:center;gap:5px;padding:9px;color:#fff;background:var(--nova-ink);border:0;border-radius:7px;font-size:8px;font-weight:700}.nova-inspector button .logoai-icon{width:12px}
.nova-float { position:absolute;z-index:4;background:#fff;border:1px solid rgba(21,23,20,.16);border-radius:13px;box-shadow:0 16px 40px rgba(21,23,20,.18)}
.nova-float--score{top:12px;right:-18px;width:148px;padding:13px}.nova-float--score small{display:block;color:#7d8078;font-size:7px;text-transform:uppercase;letter-spacing:.09em}.nova-float--score strong{font-size:13px}.nova-float--score > span{height:4px;display:block;margin-top:8px;background:#e7e4dc;border-radius:99px}.nova-float--score > span i{width:86%;height:100%;display:block;background:var(--nova-orange);border-radius:inherit}.nova-float--saved{left:-12px;bottom:28px;display:flex;align-items:center;gap:10px;padding:12px 14px}.nova-float--saved > span{width:30px;height:30px;display:grid;place-items:center;color:var(--nova-ink);background:var(--nova-acid);border-radius:9px}.nova-float--saved div{display:flex;flex-direction:column}.nova-float--saved strong{font-size:10px}.nova-float--saved small{color:#82857d;font-size:7px}.nova-orbit{position:absolute;border-radius:50%;z-index:1}.nova-orbit--one{width:34px;height:34px;left:-20px;top:80px;background:var(--nova-cobalt)}.nova-orbit--two{width:17px;height:17px;right:20px;bottom:12px;background:var(--nova-orange)}
.nova-value-bar { position:relative;z-index:2;display:grid;grid-template-columns:repeat(4,1fr);margin-top:66px;border-top:1px solid rgba(21,23,20,.18);border-left:1px solid rgba(21,23,20,.18); }
.nova-value-bar > div { min-height:105px;display:flex;align-items:center;gap:14px;padding:20px 26px;border-right:1px solid rgba(21,23,20,.18);border-bottom:1px solid rgba(21,23,20,.18); }
.nova-value-bar strong { font-size:25px;letter-spacing:-.05em }.nova-value-bar span{max-width:120px;color:#6c7067;font-size:9px;font-weight:600;line-height:1.35;text-transform:uppercase;letter-spacing:.08em}

/* Logo rail */
.nova-marquee { overflow:hidden;padding:24px 0;background:var(--nova-ink);border-bottom:1px solid #33362f;color:#fff; }
.nova-marquee__track { width:max-content;display:flex;align-items:center;gap:70px;animation:nova-marquee 38s linear infinite; }
.nova-marquee__track > span { min-width:150px;display:flex;align-items:center;justify-content:center;gap:8px;font-size:21px;font-weight:700;letter-spacing:.1em;white-space:nowrap}.nova-marquee__track small{color:var(--nova-acid);font-size:6px;letter-spacing:.25em}.nova-marquee__track i{width:32px;height:32px;display:grid;place-items:center;background:var(--nova-orange);border-radius:50%;font-style:normal}.nova-word--serif{font-family:'Instrument Serif';font-size:31px!important;font-weight:400!important;letter-spacing:.04em!important}.nova-word--wide{font-size:17px!important;letter-spacing:.28em!important}.nova-marquee:hover .nova-marquee__track{animation-play-state:paused}@keyframes nova-marquee{to{transform:translateX(-50%)}}

/* System bento */
.nova-system { background: var(--nova-paper); }
.nova-bento { display:grid;grid-template-columns:1.25fr .75fr;gap:18px; }
.nova-bento article { overflow:hidden;border:1px solid var(--nova-line);border-radius:var(--nova-radius); }
.nova-card-tag { display:flex;align-items:center;gap:8px;color:#6f726a;font-size:9px;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.nova-card-tag span{width:8px;height:8px;background:var(--nova-orange);border-radius:50%}
.nova-bento__main { grid-row:span 2;min-height:680px;padding:42px;background:var(--nova-ink);color:#fff; }
.nova-bento__main .nova-card-tag{color:#afb2a9}.nova-bento__main h3{max-width:600px;margin:48px 0 17px;font-size:clamp(2.4rem,4vw,4.3rem);letter-spacing:-.065em}.nova-bento__main > p{max-width:570px;color:#afb2a9}
.nova-stepper{display:grid;grid-template-columns:repeat(6,1fr);margin-top:55px}.nova-stepper > div{position:relative;display:flex;flex-direction:column;align-items:center;gap:8px;color:#777a72;font-size:8px;text-transform:uppercase;letter-spacing:.08em}.nova-stepper > div:not(:last-child)::after{content:'';position:absolute;top:14px;left:calc(50% + 18px);width:calc(100% - 36px);height:1px;background:#4b4e47}.nova-stepper i{position:relative;z-index:1;width:29px;height:29px;display:grid;place-items:center;background:var(--nova-ink);border:1px solid #555850;border-radius:50%;font-style:normal}.nova-stepper .is-done,.nova-stepper .is-active{color:#fff}.nova-stepper .is-done i{color:var(--nova-ink);background:#fff;border-color:#fff}.nova-stepper .is-active i{color:var(--nova-ink);background:var(--nova-acid);border-color:var(--nova-acid)}
.nova-step-card{display:flex;align-items:center;gap:20px;margin-top:54px;padding:25px;background:#242721;border:1px solid #3f423b;border-radius:18px}.nova-step-card > div{display:flex;flex-direction:column}.nova-step-card small{color:#85887f;font-size:8px;text-transform:uppercase;letter-spacing:.09em}.nova-step-card strong{font-size:18px}.nova-step-card > span{display:flex;margin-left:auto}.nova-step-card > span i{width:35px;height:35px;margin-left:-7px;background:var(--nova-acid);border:3px solid #242721;border-radius:50%}.nova-step-card > span i:nth-child(2){background:var(--nova-orange)}.nova-step-card > span i:nth-child(3){background:#fff}.nova-step-card > b{width:38px;height:38px;display:grid;place-items:center;color:var(--nova-ink);background:var(--nova-acid);border-radius:11px}
.nova-bento__card { min-height:330px;padding:34px;background:var(--nova-cream); }
.nova-bento__card h3{margin-top:45px;font-size:25px;letter-spacing:-.05em}.nova-bento__palette{background:var(--nova-acid)!important}.nova-bento__palette .nova-card-tag{color:#4a551f}.nova-palette-stack{display:flex;margin-top:38px}.nova-palette-stack i{width:70px;height:70px;margin-left:-12px;border:4px solid var(--nova-acid);border-radius:50%;background:var(--nova-ink)}.nova-palette-stack i:first-child{margin-left:0}.nova-palette-stack i:nth-child(2){background:var(--nova-orange)}.nova-palette-stack i:nth-child(3){background:var(--nova-cobalt)}.nova-palette-stack i:nth-child(4){background:var(--nova-mint)}.nova-palette-stack i:nth-child(5){background:#fff}.nova-bento__palette > small{display:block;margin-top:18px;font-size:8px;font-weight:700;letter-spacing:.15em}
.nova-bento__type{display:flex;flex-direction:column;background:#dcdcff!important}.nova-type-poster{display:flex;flex-direction:column;margin-top:auto}.nova-type-poster > span{font-family:'Instrument Serif';font-size:105px;line-height:.8}.nova-type-poster strong{margin-top:25px;font-family:'Instrument Serif';font-size:30px;font-weight:400}.nova-type-poster small{margin-top:8px;font-size:7px;font-weight:700;letter-spacing:.18em}
.nova-bento__delivery{grid-column:1/-1;min-height:260px;display:grid;grid-template-columns:1fr .8fr;align-items:center;gap:70px;background:#f2ebe0!important}.nova-bento__delivery h3{margin:30px 0 10px;font-size:31px}.nova-bento__delivery p{margin:0;color:#6a6d65}.nova-file{display:flex;align-items:center;gap:15px;padding:19px;background:#fff;border:1px solid var(--nova-line);border-radius:15px;box-shadow:0 14px 35px rgba(21,23,20,.08)}.nova-file > span{width:50px;height:50px;display:grid;place-items:center;color:#fff;background:var(--nova-cobalt);border-radius:11px;font-size:11px;font-weight:700}.nova-file div{display:flex;flex-direction:column}.nova-file strong{font-size:11px}.nova-file small{color:#81847c;font-size:8px}.nova-file .logoai-icon{margin-left:auto}

/* Gallery */
.nova-gallery { color:#fff;background:var(--nova-ink); }
.nova-heading--light .nova-index,.nova-heading--light > p{color:#aeb1a8}.nova-heading--light h2 em{color:var(--nova-acid)}
.nova-gallery__grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.nova-brand{min-height:390px;display:flex;flex-direction:column;padding:28px;border-radius:23px}.nova-brand__top,.nova-brand__bottom{display:flex;align-items:center;justify-content:space-between;font-size:8px;font-style:normal;font-weight:700;letter-spacing:.12em}.nova-brand__top em{font-style:normal}.nova-brand__logo{display:flex;align-items:center;justify-content:center;gap:18px;margin:auto}.nova-brand__bottom{justify-content:flex-start;gap:16px}.nova-brand--aster{color:#fff;background:var(--nova-cobalt)}.nova-brand--aster .nova-brand__logo i{width:68px;height:68px;display:grid;place-items:center;color:var(--nova-ink);background:var(--nova-acid);border-radius:50% 50% 8px 50%;font-size:32px;font-style:normal;font-weight:700}.nova-brand--aster .nova-brand__logo strong{font-size:45px;letter-spacing:.12em}.nova-brand--circa{color:#24221f;background:#f0e7d7}.nova-brand--circa .nova-brand__logo{flex-direction:column;gap:0}.nova-brand--circa .nova-brand__logo strong{font-family:'Instrument Serif';font-size:75px;font-weight:400;letter-spacing:.06em;line-height:.8}.nova-brand--circa .nova-brand__logo small{font-size:8px;letter-spacing:.4em}.nova-brand--orbit{color:var(--nova-ink);background:var(--nova-acid)}.nova-brand--orbit .nova-brand__logo i{width:76px;height:76px;display:grid;place-items:center;background:var(--nova-ink);color:#fff;border-radius:50%;font-size:34px;font-style:normal}.nova-brand--orbit .nova-brand__logo div{display:flex;flex-direction:column}.nova-brand--orbit .nova-brand__logo strong{font-size:34px;letter-spacing:.08em}.nova-brand--orbit .nova-brand__logo small{font-size:7px;letter-spacing:.3em}.nova-brand--kin{color:var(--nova-ink);background:var(--nova-orange)}.nova-brand--kin .nova-brand__logo strong{font-size:62px;line-height:.76;letter-spacing:-.08em}.nova-brand--kin .nova-brand__logo i{font-style:normal;font-size:16px}.nova-gallery__action{display:flex;align-items:center;justify-content:space-between;gap:25px;margin-top:35px;padding-top:28px;border-top:1px solid #3c3f38}.nova-gallery__action p{margin:0;color:#b1b4ab}.nova-link{display:inline-flex;align-items:center;gap:10px;color:inherit;font-size:12px;font-weight:700;border-bottom:1px solid currentColor;padding-bottom:5px}.nova-link:hover{color:var(--nova-orange)}

/* Process */
.nova-process{background:var(--nova-paper)}.nova-process__list{border-top:1px solid var(--nova-line)}.nova-process__list > article{display:grid;grid-template-columns:70px minmax(300px,1fr) minmax(340px,.8fr);align-items:center;gap:35px;min-height:245px;padding:28px 0;border-bottom:1px solid var(--nova-line)}.nova-process__list > article > span{align-self:start;padding-top:8px;color:#8a8d84;font-size:11px;font-weight:700}.nova-process__list article > div:nth-child(2) small{color:var(--nova-orange);font-size:8px;font-weight:700;letter-spacing:.15em}.nova-process__list h3{margin:12px 0 9px;font-size:31px}.nova-process__list p{max-width:570px;margin:0;color:#686b63;font-size:13px}.nova-process__demo{height:150px;display:flex;align-items:center;justify-content:center;background:var(--nova-cream);border-radius:18px}.nova-process__demo--input{align-items:flex-start;flex-direction:column;padding:28px 35px}.nova-process__demo--input label{color:#878a82;font-size:7px;font-weight:700;letter-spacing:.15em}.nova-process__demo--input strong{margin-top:12px;font-size:19px}.nova-process__demo--input i{width:100%;height:1px;margin-top:12px;background:var(--nova-ink);position:relative}.nova-process__demo--input i::after{content:'';position:absolute;width:42%;height:3px;left:0;top:-1px;background:var(--nova-orange)}.nova-process__demo--marks{gap:13px}.nova-process__demo--marks i{width:60px;height:60px;display:grid;place-items:center;color:#fff;background:var(--nova-cobalt);border-radius:16px 16px 16px 4px;font-style:normal;font-size:24px;font-weight:700}.nova-process__demo--marks i:nth-child(2){color:var(--nova-ink);background:var(--nova-acid);border-radius:50%}.nova-process__demo--marks i:nth-child(3){background:var(--nova-orange);border-radius:5px 22px;transform:rotate(7deg)}.nova-process__demo--progress{flex-direction:column;gap:10px}.nova-process__demo--progress strong{font-size:13px}.nova-process__demo--progress > span{width:64%;height:5px;background:#d7d3c8;border-radius:99px}.nova-process__demo--progress > span i{width:74%;height:100%;display:block;background:var(--nova-cobalt);border-radius:inherit}.nova-process__demo--progress small{font-size:7px;letter-spacing:.15em}.nova-process__demo--download{gap:25px}.nova-process__demo--download b{width:72px;height:80px;display:grid;place-items:center;color:#fff;background:var(--nova-cobalt);border-radius:13px;font-size:15px}.nova-process__demo--download span{width:44px;height:44px;display:grid;place-items:center;background:var(--nova-acid);border-radius:50%}

/* Dashboard preview */
.nova-studio{color:#fff;background:#262a24}.nova-studio__grid{display:grid;grid-template-columns:.68fr 1.32fr;align-items:center;gap:80px}.nova-studio .nova-index{color:#aeb1a8}.nova-studio__copy h2{font-size:clamp(3rem,5vw,5.5rem);letter-spacing:-.07em}.nova-studio__copy > p{color:#afb2a9}.nova-studio__copy ul{display:grid;gap:12px;margin:30px 0;padding:0;list-style:none}.nova-studio__copy li{display:flex;align-items:center;gap:8px;color:#d6d8d1;font-size:12px}.nova-studio__copy li .logoai-icon{color:var(--nova-acid)}.nova-button{min-height:52px;display:inline-flex;align-items:center;justify-content:center;gap:11px;padding:13px 22px;border-radius:999px;font-size:12px;font-weight:700}.nova-button--dark{color:var(--nova-ink);background:var(--nova-acid)}.nova-button--dark:hover{color:#fff;background:var(--nova-cobalt)}.nova-button--light{color:var(--nova-ink);background:#fff}.nova-dashboard{overflow:hidden;display:grid;grid-template-columns:70px 1fr;background:#f5f3ed;border:1px solid #55594f;border-radius:22px;box-shadow:0 30px 80px rgba(0,0,0,.28);transform:rotate(1deg)}.nova-dashboard__side{display:flex;flex-direction:column;align-items:center;gap:16px;padding:17px 0;background:var(--nova-ink)}.nova-dashboard__mini-mark{width:34px;height:34px;display:grid;place-items:center;margin-bottom:15px;color:var(--nova-ink);background:var(--nova-acid);border-radius:10px;font-weight:700}.nova-dashboard__side span{width:21px;height:21px;border:1px solid #65685f;border-radius:6px}.nova-dashboard__side span.is-active{background:var(--nova-orange);border-color:var(--nova-orange)}.nova-dashboard__side i{width:30px;height:30px;margin-top:auto;margin-bottom:5px;background:#3a3d37;border-radius:50%}.nova-dashboard__main{padding:26px;color:var(--nova-ink)}.nova-dashboard__main > header{display:flex;align-items:center;justify-content:space-between}.nova-dashboard__main > header div{display:flex;flex-direction:column}.nova-dashboard__main header small{color:#868980;font-size:8px;text-transform:uppercase;letter-spacing:.12em}.nova-dashboard__main header strong{font-size:19px}.nova-dashboard__main header > span{padding:8px 11px;background:var(--nova-acid);border-radius:999px;font-size:7px;font-weight:700}.nova-dashboard__stats{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:25px}.nova-dashboard__stats article{position:relative;padding:18px;background:#fff;border:1px solid #dfdcd4;border-radius:13px}.nova-dashboard__stats small{display:block;color:#85887f;font-size:7px;text-transform:uppercase;letter-spacing:.12em}.nova-dashboard__stats strong{font-size:31px}.nova-dashboard__stats em{position:absolute;right:15px;bottom:15px;color:var(--nova-cobalt);font-size:7px;font-style:normal;font-weight:700}.nova-dashboard__recent{margin-top:18px;padding:18px;background:#fff;border:1px solid #dfdcd4;border-radius:13px}.nova-dashboard__recent > div{display:flex;justify-content:space-between;font-size:9px}.nova-dashboard__recent > div small{color:#777a72}.nova-dashboard__recent section{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:13px}.nova-dashboard__recent article{height:105px;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#eeeae1;border-radius:9px}.nova-dashboard__recent article span{width:33px;height:33px;display:grid;place-items:center;margin-bottom:8px;color:#fff;background:var(--nova-cobalt);border-radius:10px;font-size:13px;font-weight:700}.nova-dashboard__recent article:nth-child(2) span{color:var(--nova-ink);background:var(--nova-acid);border-radius:50%}.nova-dashboard__recent article:nth-child(3) span{background:var(--nova-orange);border-radius:5px 13px}.nova-dashboard__recent article b{font-size:8px;letter-spacing:.12em}

/* Pricing */
.nova-pricing{background:var(--nova-cream)}.nova-plan-grid{grid-template-columns:repeat(5,1fr);gap:10px}.nova-plan-grid .logoai-plan{padding:27px 21px;background:rgba(255,255,255,.58);border-color:rgba(21,23,20,.16);border-radius:20px;box-shadow:none}.nova-plan-grid .logoai-plan:hover{transform:translateY(-4px);background:#fff;box-shadow:0 18px 45px rgba(21,23,20,.08)}.nova-plan-grid .logoai-plan--featured{color:#fff;background:var(--nova-ink);border-color:var(--nova-ink);box-shadow:none}.nova-plan-grid .logoai-plan--featured:hover{background:var(--nova-ink)}.nova-plan-grid .logoai-plan__badge{color:var(--nova-ink);background:var(--nova-acid)}.nova-plan-grid .logoai-plan__credits{color:var(--nova-cobalt)}.nova-plan-grid .logoai-plan--featured .logoai-plan__credits{color:var(--nova-acid)}.nova-plan-grid .logoai-button{border-radius:999px}.nova-plan-grid .logoai-plan--featured .logoai-button:hover{color:var(--nova-ink);background:var(--nova-acid);border-color:var(--nova-acid)}.nova-commerce-note{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;margin-top:35px;overflow:hidden;background:rgba(21,23,20,.16);border:1px solid rgba(21,23,20,.16);border-radius:17px}.nova-commerce-note > div{display:flex;align-items:center;gap:13px;padding:20px;background:rgba(255,255,255,.58)}.nova-commerce-note > div > .logoai-icon{width:24px;height:24px}.nova-commerce-note span{display:flex;flex-direction:column}.nova-commerce-note strong{font-size:11px}.nova-commerce-note small{color:#73766e;font-size:8px}

/* FAQ and final */
.nova-faq{background:var(--nova-paper)}.nova-faq__grid{display:grid;grid-template-columns:.68fr 1.32fr;gap:100px}.nova-faq h2{font-size:clamp(3.4rem,5.5vw,6rem);letter-spacing:-.075em;line-height:.92}.nova-faq h2 em{font-family:'Instrument Serif';font-weight:400}.nova-faq__grid > div:first-child > p{max-width:430px;color:#6c6f67}.nova-accordion{border-top:1px solid var(--nova-line)}.nova-accordion details{border-bottom:1px solid var(--nova-line)}.nova-accordion summary{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:25px 0;cursor:pointer;list-style:none;font-size:16px;font-weight:600}.nova-accordion summary::-webkit-details-marker{display:none}.nova-accordion summary i{width:31px;height:31px;display:grid;place-items:center;flex:0 0 auto;background:var(--nova-cream);border-radius:50%;font-size:18px;font-style:normal;transition:.2s}.nova-accordion details[open] summary i{background:var(--nova-acid);transform:rotate(45deg)}.nova-accordion details p{max-width:690px;margin:0;padding:0 50px 25px 0;color:#6b6e66;font-size:13px}
.nova-final{position:relative;overflow:hidden;padding:150px 0;text-align:center;color:#fff;background:var(--nova-cobalt)}.nova-final::before{content:'';position:absolute;inset:0;opacity:.12;background-image:linear-gradient(rgba(255,255,255,.8) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.8) 1px,transparent 1px);background-size:45px 45px}.nova-final__orb{position:absolute;width:560px;height:560px;left:50%;top:50%;border:1px solid rgba(255,255,255,.28);border-radius:50%;transform:translate(-50%,-50%);box-shadow:0 0 0 90px rgba(255,255,255,.035),0 0 0 180px rgba(255,255,255,.025)}.nova-final__orb::after{content:'';position:absolute;width:90px;height:90px;right:25px;top:70px;background:var(--nova-orange);border-radius:50%}.nova-final__inner{position:relative;z-index:1}.nova-final .nova-index{color:#d8d9ff}.nova-final h2{margin:0;font-size:clamp(4rem,7vw,7.5rem);letter-spacing:-.08em;line-height:.86}.nova-final h2 em{color:var(--nova-acid);font-family:'Instrument Serif';font-weight:400}.nova-final p{max-width:620px;margin:30px auto;color:#dedfff}.nova-final .nova-button{min-width:210px;margin-top:5px}.nova-final .nova-button:hover{color:var(--nova-ink);background:var(--nova-acid)}

/* Footer and internal surfaces */
.logoai-footer{background:var(--nova-ink);color:#fff}.logoai-footer__brand p,.logoai-footer__top > div:not(:first-child) a,.logoai-footer__bottom{color:#9fa29a}.logoai-footer__top a:hover,.logoai-footer__legal a:hover{color:var(--nova-acid)}.logoai-footer__bottom{border-color:#393c35}.logoai-dashboard-page{background:#f5f2ea}.logoai-studio-sidebar{background:var(--nova-ink);border-color:#343730;color:#fff}.logoai-studio-sidebar .logoai-brand{color:#fff}.logoai-studio-user{border-color:#353831}.logoai-studio-sidebar nav a,.logoai-studio-logout{color:#aeb1a8}.logoai-studio-sidebar nav a:hover,.logoai-studio-sidebar nav a.is-active{color:var(--nova-ink);background:var(--nova-acid)}.logoai-credit-card{color:var(--nova-ink);background:var(--nova-acid)}.logoai-credit-card span,.logoai-credit-card a{color:#4c521e}.logoai-credit-card strong{color:var(--nova-ink)}.logoai-generator,.logoai-stat-grid article,.logoai-design-card{border-radius:18px}.logoai-generator-steps li.is-active span{background:var(--nova-cobalt);border-color:var(--nova-cobalt)}.logoai-auth-panel--intro{background:radial-gradient(circle at 15% 15%,#5b5ff5,transparent 34%),radial-gradient(circle at 85% 90%,#283326,transparent 36%),var(--nova-ink)}.logoai-auth-panel--intro .logoai-eyebrow{color:var(--nova-acid)}.logoai-auth-panel--intro .logoai-brand__mark span:first-child{background:#fff}.logoai-auth-panel--form{background:var(--nova-cream)}.logoai-auth-form input:focus{border-color:var(--nova-cobalt);box-shadow:0 0 0 3px rgba(91,95,245,.12)}.logoai-auth-form .logoai-button{background:var(--nova-ink);border-color:var(--nova-ink)}

@media (max-width: 1120px) {
  .nova-hero__grid{grid-template-columns:1fr;gap:35px}.nova-hero__copy{text-align:center}.nova-kicker,.nova-hero__meta{justify-content:center}.nova-hero__copy > p,.nova-prompt{margin-inline:auto}.nova-hero__stage{width:min(100%,720px);min-width:0;margin-inline:auto}.nova-heading{grid-template-columns:1fr;gap:28px}.nova-heading > p{max-width:620px}.nova-studio__grid{grid-template-columns:1fr;gap:55px}.nova-studio__copy{max-width:700px}.nova-plan-grid{grid-template-columns:repeat(3,1fr)}
}

@media (max-width: 820px) {
  .logoai-container{width:min(calc(100% - 32px),1260px)}.logoai-header__inner{height:70px}.logoai-header__inner > .custom-logo-link{width:146px;height:38px}.logoai-nav{background:var(--nova-paper)}.nova-section{padding:90px 0}.nova-hero{padding-top:60px}.nova-hero h1{font-size:clamp(3.8rem,13vw,6rem)}.nova-window__body{height:370px;grid-template-columns:45px 1fr 115px}.nova-hero__stage{padding-inline:8px}.nova-value-bar{grid-template-columns:1fr 1fr}.nova-bento{grid-template-columns:1fr}.nova-bento__main{grid-row:auto;min-height:600px}.nova-bento__delivery{grid-column:auto;grid-template-columns:1fr}.nova-gallery__grid{grid-template-columns:1fr}.nova-process__list > article{grid-template-columns:45px 1fr}.nova-process__demo{grid-column:2}.nova-faq__grid{grid-template-columns:1fr;gap:55px}.nova-commerce-note{grid-template-columns:1fr}.nova-dashboard{transform:none}.nova-final{padding:110px 0}
}

@media (max-width: 580px) {
  .logoai-container{width:min(calc(100% - 24px),1260px)}.logoai-header__inner > .custom-logo-link{width:132px;height:35px}.nova-section{padding:72px 0}.nova-hero{padding-top:46px}.nova-kicker{flex-wrap:wrap}.nova-kicker em{margin-left:0}.nova-hero h1{font-size:3.65rem}.nova-hero__copy > p{font-size:15px}.nova-prompt{grid-template-columns:42px 1fr;padding:7px}.nova-prompt__icon{width:42px;height:42px}.nova-prompt button{grid-column:1/-1;width:100%;justify-content:center}.nova-hero__meta{gap:8px 14px}.nova-hero__stage{margin-top:12px;padding-bottom:78px}.nova-stage__halo{width:350px;height:350px;left:2%}.nova-window{transform:none}.nova-window__body{height:285px;grid-template-columns:36px 1fr 78px}.nova-tools{gap:10px}.nova-tools b{width:21px;height:21px}.nova-tools i{width:13px;height:13px}.nova-lockup{gap:8px}.nova-lockup__mark{width:38px;height:38px;font-size:18px}.nova-lockup strong{font-size:15px}.nova-lockup small{font-size:4px}.nova-inspector{padding:12px 7px}.nova-inspector label{margin-bottom:11px}.nova-inspector label b{padding:5px;font-size:6px}.nova-dots i{width:17px;height:17px}.nova-float--score{right:0;width:120px}.nova-float--saved{left:5px;bottom:40px}.nova-value-bar{margin-top:35px}.nova-value-bar > div{min-height:90px;padding:14px}.nova-value-bar strong{font-size:20px}.nova-marquee__track{gap:45px}.nova-heading{margin-bottom:45px}.nova-heading h2{font-size:3.3rem}.nova-bento__main,.nova-bento__card{padding:25px}.nova-bento__main{min-height:570px}.nova-stepper > div span{display:none}.nova-step-card{flex-wrap:wrap}.nova-step-card > span{margin-left:0}.nova-bento__delivery{gap:25px}.nova-gallery__grid{gap:10px}.nova-brand{min-height:300px;padding:20px}.nova-brand--aster .nova-brand__logo strong{font-size:30px}.nova-brand--circa .nova-brand__logo strong{font-size:58px}.nova-brand--orbit .nova-brand__logo strong{font-size:24px}.nova-brand--kin .nova-brand__logo strong{font-size:49px}.nova-gallery__action{align-items:flex-start;flex-direction:column}.nova-process__list > article{grid-template-columns:32px 1fr;gap:15px;padding:30px 0}.nova-process__demo{grid-column:1/-1}.nova-process__list h3{font-size:25px}.nova-dashboard{grid-template-columns:48px 1fr}.nova-dashboard__main{padding:15px}.nova-dashboard__stats{grid-template-columns:1fr}.nova-dashboard__recent section{grid-template-columns:1fr}.nova-dashboard__recent article{height:85px}.nova-plan-grid{grid-template-columns:1fr}.nova-faq h2{font-size:3.5rem}.nova-final h2{font-size:4rem}.nova-final__orb{width:380px;height:380px}.nova-final__orb::after{width:55px;height:55px}.logoai-footer{padding-top:60px}
}

@media (prefers-reduced-motion: reduce) {
  .nova-marquee__track { animation: none; }
}

/* Branded WooCommerce customer account */
.logoai-account-dashboard-page .logoai-account-page,
.logoai-account-dashboard-page .logoai-account-page > .woocommerce {
  width: auto !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
}
.logoai-account-shell .woocommerce-MyAccount-navigation { display: none !important; }
.logoai-account-shell .woocommerce-MyAccount-content { float: none; width: 100%; }
.logoai-account-content { width: min(calc(100% - 56px), 1100px); }
.logoai-account-panel {
  min-height: 360px;
  padding: 32px;
  background: #fff;
  border: 1px solid var(--nova-line);
  border-radius: 20px;
  box-shadow: 0 18px 50px rgba(21,23,20,.05);
}
.logoai-account-panel > p:first-child { margin-top: 0; }
.logoai-account-panel p { color: #66695f; line-height: 1.7; }
.logoai-account-panel a:not(.button):not(.logoai-button) { color: var(--nova-cobalt); font-weight: 650; }
.logoai-account-panel mark { padding: 3px 7px; color: var(--nova-ink); background: var(--nova-acid); border-radius: 6px; }
.logoai-account-panel .woocommerce-notices-wrapper:empty { display: none; }
.logoai-account-panel .woocommerce-message,
.logoai-account-panel .woocommerce-info,
.logoai-account-panel .woocommerce-error {
  margin: 0 0 22px;
  padding: 16px 18px 16px 48px;
  background: #f4f3ee;
  border: 0;
  border-left: 4px solid var(--nova-cobalt);
  border-radius: 11px;
}
.logoai-account-panel .woocommerce-message::before,
.logoai-account-panel .woocommerce-info::before { color: var(--nova-cobalt); }
.logoai-account-panel table.shop_table {
  overflow: hidden;
  margin: 0;
  border: 1px solid #dfded7;
  border-spacing: 0;
  border-radius: 14px;
}
.logoai-account-panel table.shop_table th {
  padding: 14px 16px;
  color: #73766e;
  background: #f5f3ed;
  border: 0;
  font-size: 10px;
  letter-spacing: .09em;
  text-transform: uppercase;
}
.logoai-account-panel table.shop_table td { padding: 17px 16px; border-top: 1px solid #e7e5de; border-right: 0; }
.logoai-account-panel table.shop_table .button,
.logoai-account-panel .woocommerce-Button,
.logoai-account-panel button.button {
  padding: 10px 15px !important;
  color: #fff !important;
  background: var(--nova-ink) !important;
  border-radius: 999px !important;
  font-size: 11px !important;
}
.logoai-account-panel table.shop_table .button:hover,
.logoai-account-panel .woocommerce-Button:hover,
.logoai-account-panel button.button:hover { color: var(--nova-ink) !important; background: var(--nova-acid) !important; }
.logoai-account-panel form .form-row { margin: 0 0 18px; padding: 0; }
.logoai-account-panel form .form-row label { margin-bottom: 7px; color: var(--nova-ink); font-size: 11px; font-weight: 700; }
.logoai-account-panel form .form-row input.input-text,
.logoai-account-panel form .form-row textarea,
.logoai-account-panel form select {
  min-height: 50px;
  padding: 12px 14px;
  background: #fbfaf6;
  border: 1px solid #d7d5ce;
  border-radius: 10px;
  box-shadow: none;
}
.logoai-account-panel form .form-row input.input-text:focus,
.logoai-account-panel form .form-row textarea:focus { background: #fff; border-color: var(--nova-cobalt); box-shadow: 0 0 0 3px rgba(91,95,245,.1); outline: 0; }
.logoai-account-panel fieldset { margin: 28px 0; padding: 24px; background: #f5f3ed; border: 0; border-radius: 14px; }
.logoai-account-panel fieldset legend { padding: 0 8px; font-size: 15px; font-weight: 700; }
.logoai-account-panel .woocommerce-Address { width: calc(50% - 8px); padding: 24px; background: #f5f3ed; border-radius: 14px; }
.logoai-account-panel .woocommerce-Address-title { display: flex; align-items: center; justify-content: space-between; }
.logoai-account-panel .woocommerce-Address-title h2 { margin: 0; font-size: 20px; }
.logoai-account-panel .woocommerce-customer-details address { padding: 22px; background: #f5f3ed; border: 0; border-radius: 14px; }
.logoai-account-welcome { margin-bottom: 18px; padding: 28px; background: linear-gradient(135deg, #ececff, #f5f3ed); border-radius: 16px; }
.logoai-account-welcome h2 { margin: 6px 0 8px; font-size: 28px; }
.logoai-account-welcome p:last-child { margin: 0; }
.logoai-account-quick-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 12px; }
.logoai-account-quick-grid > a { display: grid; grid-template-columns: 44px 1fr; column-gap: 13px; align-items: center; padding: 20px; color: var(--nova-ink) !important; background: #fbfaf6; border: 1px solid #e0ded7; border-radius: 14px; text-decoration: none; }
.logoai-account-quick-grid > a:hover { border-color: var(--nova-cobalt); transform: translateY(-2px); }
.logoai-account-quick-grid > a > span { grid-row: 1 / 3; width: 44px; height: 44px; display: grid; place-items: center; color: var(--nova-ink); background: var(--nova-acid); border-radius: 12px; }
.logoai-account-quick-grid > a:nth-child(2) > span { color: #fff; background: var(--nova-cobalt); }
.logoai-account-quick-grid > a:nth-child(3) > span { color: #fff; background: var(--nova-orange); }
.logoai-account-quick-grid > a:nth-child(4) > span { color: #fff; background: var(--nova-ink); }
.logoai-account-quick-grid .logoai-icon { width: 20px; height: 20px; }
.logoai-account-quick-grid strong { font-size: 13px; }
.logoai-account-quick-grid small { color: #777a72; font-size: 10px; font-weight: 500; }
@media (max-width: 820px) {
  .logoai-account-content { width: min(calc(100% - 32px), 1100px); }
  .logoai-account-panel { padding: 22px; }
  .logoai-account-panel table.shop_table_responsive thead { display: none; }
  .logoai-account-panel table.shop_table_responsive tr { display: block; padding: 10px 0; border-bottom: 1px solid #e7e5de; }
  .logoai-account-panel table.shop_table_responsive td { display: flex; justify-content: space-between; gap: 20px; text-align: right !important; border: 0; }
  .logoai-account-panel table.shop_table_responsive td::before { color: #72756d; font-size: 10px; text-transform: uppercase; }
}
@media (max-width: 580px) {
  .logoai-account-panel { padding: 17px; border-radius: 15px; }
  .logoai-account-quick-grid { grid-template-columns: 1fr; }
  .logoai-account-panel .woocommerce-Address { width: 100%; margin-bottom: 12px; }
}

/* Advanced six-step creative brief */
.logoai-generator-form select,
.logoai-generator-form textarea {
  width: 100%;
  padding: 13px 15px;
  color: var(--nova-ink);
  background: #fff;
  border: 1px solid #d7d5ce;
  border-radius: 10px;
  outline: 0;
  font: inherit;
  font-weight: 500;
}
.logoai-generator-form textarea { min-height: 92px; resize: vertical; line-height: 1.55; }
.logoai-generator-form select:focus,
.logoai-generator-form textarea:focus { border-color: var(--nova-cobalt); box-shadow: 0 0 0 3px rgba(91,95,245,.11); }
.logoai-field-grid { display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: 16px; }
.logoai-field-grid + .logoai-field-wide { margin-top: 16px; }
.logoai-field-wide { position: relative; max-width: none !important; }
.logoai-field-wide > small { position: absolute; right: 11px; bottom: 9px; color: #8a8d84; font-size: 9px; font-weight: 600; }
.logoai-direction-fields,.logoai-detail-fields { margin-top: 20px; }

.logoai-choice-grid--6 { grid-template-columns: repeat(3,minmax(0,1fr)); }
.logoai-choice-grid--6 .logoai-choice { min-height: 190px; justify-content: center; }
.logoai-style-sample--geometric { border-radius: 18px 18px 18px 4px; }
.logoai-style-sample--organic { color: var(--nova-ink); background: var(--nova-acid); border-radius: 50% 42% 56% 34%; transform: rotate(-5deg); }
.logoai-style-sample--classic { background: var(--nova-ink); border: 5px double #fff; border-radius: 50%; font-family: Georgia,serif; }
.logoai-style-sample--minimal { color: var(--nova-ink); background: #fff; border: 2px solid var(--nova-ink); border-radius: 50%; font-size: 22px; font-weight: 500; }
.logoai-style-sample--bold { background: var(--nova-orange); border-radius: 5px; transform: rotate(4deg); }
.logoai-style-sample--playful { color: var(--nova-ink); background: #dcdcff; border-radius: 50% 12px 50% 12px; }

.logoai-color-divider { display: flex; align-items: center; gap: 16px; margin: 28px 0 14px; }
.logoai-color-divider::before { content: ''; height: 1px; flex: 1; background: #dedcd5; order: 2; }
.logoai-color-divider > span { color: #696c64; font-size: 10px; font-weight: 750; letter-spacing: .08em; text-transform: uppercase; }
.logoai-color-divider > strong { order: 3; color: var(--nova-cobalt); font-size: 10px; white-space: nowrap; }
.logoai-color-grid { display: grid; grid-template-columns: repeat(7,minmax(0,1fr)); gap: 9px; }
.logoai-color-choice,.logoai-custom-color { position: relative; min-height: 82px; display: flex !important; align-items: center; justify-content: center; gap: 7px !important; padding: 10px 5px; color: #666960 !important; background: #fbfaf6; border: 1px solid #dedcd5; border-radius: 12px; cursor: pointer; text-align: center; }
.logoai-color-choice input,.logoai-custom-color [data-custom-color-toggle] { position: absolute; opacity: 0; pointer-events: none; }
.logoai-color-choice > span { width: 32px; height: 32px; flex: 0 0 auto; background: var(--brand-color); border: 3px solid #fff; border-radius: 50%; box-shadow: 0 0 0 1px rgba(21,23,20,.16); }
.logoai-color-choice small,.logoai-custom-color small { font-size: 8px; font-weight: 650; }
.logoai-color-choice:has(input:checked),.logoai-custom-color:has([data-custom-color-toggle]:checked) { color: var(--nova-ink) !important; background: #f0f0ff; border-color: var(--nova-cobalt); box-shadow: 0 0 0 2px rgba(91,95,245,.1); }
.logoai-color-choice:has(input:checked)::after,.logoai-custom-color:has([data-custom-color-toggle]:checked)::after { content: '✓'; position: absolute; top: 5px; right: 6px; width: 16px; height: 16px; display: grid; place-items: center; color: #fff; background: var(--nova-cobalt); border-radius: 50%; font-size: 9px; font-weight: 800; }
.logoai-custom-color input[type="color"] { width: 35px; height: 35px; padding: 2px; background: #fff; border: 1px solid #ccc9c0; border-radius: 50%; cursor: pointer; }
.logoai-custom-color input[type="color"]::-webkit-color-swatch-wrapper { padding: 0; }
.logoai-custom-color input[type="color"]::-webkit-color-swatch { border: 0; border-radius: 50%; }
.logoai-custom-color input[type="color"]:disabled { filter: grayscale(1); opacity: .4; cursor: not-allowed; }

.logoai-logo-type-grid { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 10px; }
.logoai-logo-type { position: relative; min-height: 120px; display: flex !important; align-items: center; justify-content: center; gap: 9px !important; padding: 17px; text-align: center; background: #fbfaf6; border: 1px solid #dedcd5; border-radius: 14px; cursor: pointer; }
.logoai-logo-type input { position: absolute; opacity: 0; pointer-events: none; }
.logoai-logo-type > span { min-width: 48px; height: 48px; display: grid; place-items: center; color: #fff; background: var(--nova-ink); border-radius: 12px; font-size: 17px; font-weight: 800; }
.logoai-logo-type strong { font-size: 10px; }
.logoai-logo-type:has(input:checked) { background: #f0f0ff; border-color: var(--nova-cobalt); box-shadow: 0 0 0 2px rgba(91,95,245,.1); }
.logoai-logo-type:has(input:checked) > span { color: var(--nova-ink); background: var(--nova-acid); }

.logoai-personality-grid { display: flex; flex-wrap: wrap; gap: 8px; }
.logoai-personality-grid label { position: relative; display: inline-flex !important; cursor: pointer; }
.logoai-personality-grid input { position: absolute; opacity: 0; pointer-events: none; }
.logoai-personality-grid span { padding: 9px 13px; color: #656860; background: #fbfaf6; border: 1px solid #dedcd5; border-radius: 999px; font-size: 9px; font-weight: 700; }
.logoai-personality-grid input:checked + span { color: var(--nova-ink); background: var(--nova-acid); border-color: #a7c91f; }
.logoai-format-summary { display: flex; align-items: center; gap: 15px; margin-top: 20px; padding: 16px; background: #f4f3ee; border: 1px solid #dedcd5; border-radius: 13px; }
.logoai-format-summary > span { width: 48px; height: 48px; display: grid; place-items: center; color: #fff; background: var(--nova-cobalt); border-radius: 10px; font-size: 10px; font-weight: 800; }
.logoai-format-summary > div { display: flex; flex-direction: column; }
.logoai-format-summary strong { font-size: 11px; }
.logoai-format-summary small { color: #777a72; font-size: 9px; }
.logoai-format-summary > .logoai-icon { margin-left: auto; color: #39744e; }

.logoai-result { min-height: 360px; align-content: center; gap: 18px; padding: 24px; }
.logoai-result > img { width: min(100%,520px); max-height: 430px; object-fit: contain; }
.logoai-result__placeholder { width: min(100%,430px); text-align: center; }
.logoai-result__placeholder strong { color: var(--nova-ink); font-size: 14px; }
.logoai-result__placeholder span { font-size: 9px; }
.logoai-generation-progress { width: 100%; height: 6px; overflow: hidden; margin-top: 8px; background: #dcdad2; border-radius: 99px; }
.logoai-generation-progress i { width: 42%; height: 100%; display: block; background: linear-gradient(90deg,var(--nova-cobalt),var(--nova-orange),var(--nova-acid)); border-radius: inherit; animation: logoai-generation-slide 1.8s ease-in-out infinite; }
@keyframes logoai-generation-slide { 0%{transform:translateX(-105%)} 100%{transform:translateX(245%)} }
.logoai-result__brief { width: min(100%,720px); display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 8px; }
.logoai-result__brief > span { min-height: 58px; display: flex; flex-direction: column; justify-content: center; gap: 3px; padding: 10px 12px; background: #f4f3ee; border-radius: 10px; }
.logoai-result__brief small { color: #85887f; font-size: 7px; font-weight: 750; letter-spacing: .1em; text-transform: uppercase; }
.logoai-result__brief strong { overflow-wrap: anywhere; font-size: 9px; }
.logoai-result__colors strong { display: flex; align-items: center; }
.logoai-result__colors i,.logoai-design-card__colors i { width: 17px; height: 17px; display: block; margin-left: -3px; background: currentColor; background: var(--design-color,currentColor); border: 2px solid #fff; border-radius: 50%; box-shadow: 0 0 0 1px rgba(21,23,20,.12); }
.logoai-result__colors i { background: var(--swatch,currentColor); }
.logoai-design-card__colors { display: flex; margin-top: 7px; padding-left: 3px; }
.logoai-design-card__meta > div { min-width: 0; }
.logoai-design-card__meta p { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

@media (max-width: 820px) {
  .logoai-choice-grid--6 { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .logoai-choice-grid--6 .logoai-choice { min-height: 0; }
  .logoai-color-grid { grid-template-columns: repeat(4,minmax(0,1fr)); }
  .logoai-logo-type-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
}
@media (max-width: 580px) {
  .logoai-field-grid { grid-template-columns: 1fr; gap: 13px; }
  .logoai-choice-grid--6 { grid-template-columns: 1fr; }
  .logoai-color-grid { grid-template-columns: repeat(3,minmax(0,1fr)); }
  .logoai-color-choice,.logoai-custom-color { min-height: 78px; }
  .logoai-logo-type { min-height: 105px; padding: 13px; }
  .logoai-result { min-height: 300px; padding: 15px; }
  .logoai-result__brief { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .logoai-result__actions { width: 100%; }
  .logoai-result__actions .logoai-button { width: 100%; justify-content: center; }
}

@media (prefers-reduced-motion: reduce) {
  .logoai-generation-progress i { animation-duration: 4s; }
}

/* Logosym — warm, trustworthy identity foundry */
.logoai-announcement { background: var(--nova-cobalt); font-weight: 700; }
.logoai-announcement a { color: #fff; }
.logoai-header { background: rgba(247,251,255,.94); border-color: rgba(7,17,31,.11); backdrop-filter: blur(18px); }
.logoai-brand__mark { overflow: visible; }
.logoai-brand__mark span:first-child { width: 26px; height: 26px; background: var(--nova-cobalt); border-radius: 7px 16px 7px 16px; transform: rotate(-8deg); }
.logoai-brand__mark span:last-child { width: 17px; height: 17px; right: 0; bottom: 1px; background: var(--nova-acid); border: 3px solid var(--nova-paper); }
.logoai-header__actions .logoai-button { color: var(--nova-ink); background: var(--nova-acid); border-color: var(--nova-acid); border-radius: 12px; }

.nova-hero { padding-top: 70px; color: #fff; background: radial-gradient(circle at 80% 12%,rgba(61,90,254,.52),transparent 31%),radial-gradient(circle at 50% 84%,rgba(45,226,197,.12),transparent 35%),var(--nova-ink); }
.nova-noise { opacity: .38; background-image: linear-gradient(rgba(255,255,255,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.045) 1px,transparent 1px); background-size: 36px 36px; mask-image: linear-gradient(black,transparent 96%); }
.nova-hero::before { width: 680px; height: 680px; top: -460px; left: 28%; border-color: rgba(255,255,255,.15); box-shadow: 0 0 0 92px rgba(255,255,255,.025),0 0 0 184px rgba(255,255,255,.018); }
.nova-hero__grid { grid-template-columns: minmax(0,1fr) minmax(540px,.95fr); gap: 76px; min-height: 690px; }
.nova-kicker { color: #b7c6d8; }
.nova-kicker > span { background: var(--nova-acid); box-shadow: 0 0 0 5px rgba(45,226,197,.16); }
.nova-kicker em { color: var(--nova-ink); background: var(--nova-acid); }
.nova-hero h1 { max-width: 720px; font-weight: 700; letter-spacing: -.075em; }
.nova-hero h1 span { color: var(--nova-acid); font-family: 'DM Serif Display', Georgia, serif; }
.nova-hero__copy > p { color: #bdcada; font-size: 1.05rem; }
.nova-prompt { background: #fff; border-color: rgba(255,255,255,.3); border-radius: 16px; box-shadow: 0 24px 70px rgba(0,0,0,.33); }
.nova-prompt__icon { background: var(--nova-orange); }
.nova-prompt button { background: var(--nova-cobalt); border-radius: 10px; }
.nova-prompt button:hover { color: var(--nova-ink); background: var(--nova-acid); }
.nova-hero__meta { color: #aebed0; font-size: .75rem; }
.nova-hero__meta .logoai-icon { color: var(--nova-acid); }
.nova-stage__halo { width: 500px; height: 500px; left: 12%; background: linear-gradient(135deg,var(--nova-orange),var(--nova-cobalt) 48%,var(--nova-acid)); border-radius: 34% 66% 58% 42% / 45% 37% 63% 55%; filter: blur(2px); opacity: .82; transform: rotate(-12deg); }
.nova-stage__halo::before { inset: 54px; background: var(--nova-ink); opacity: .34; }
.nova-window { border-color: rgba(255,255,255,.26); border-radius: 24px; box-shadow: 0 40px 100px rgba(0,0,0,.42); transform: rotateY(-3deg) rotateX(1deg) rotateZ(-1.4deg); }
.nova-artboard { background-color: #eef5f7; }
.nova-lockup { border-radius: 4px; }
.nova-lockup__mark { background: var(--nova-acid); border-radius: 9px 27px 9px 27px; }
.nova-lockup__mark i { background: var(--nova-orange); }
.nova-selection { border-color: var(--nova-cobalt); }
.nova-tools b { background: var(--nova-orange); }
.nova-dots i:first-child { background: var(--nova-acid); }
.nova-dots i:nth-child(2) { background: var(--nova-orange); }
.nova-dots i:nth-child(3) { background: var(--nova-cobalt); }
.nova-float--score > span i { background: var(--nova-acid); }
.nova-value-bar,.nova-value-bar > div { border-color: rgba(255,255,255,.18); }
.nova-value-bar span { color: #aebed0; }

.nova-marquee { color: var(--nova-ink); background: var(--nova-acid); border-color: rgba(7,17,31,.18); }
.nova-marquee__track small { color: var(--nova-cobalt); }
.nova-marquee__track i { color: #fff; background: var(--nova-cobalt); }
.nova-word--serif,.nova-type-poster > span,.nova-type-poster strong,.nova-brand--circa .nova-brand__logo strong,.nova-faq h2 em,.nova-final h2 em { font-family: 'DM Serif Display', Georgia, serif; }

.nova-system { background: var(--nova-paper); }
.nova-bento article { box-shadow: 0 18px 60px rgba(7,17,31,.06); }
.nova-bento__main { background: linear-gradient(145deg,#0b1b30,var(--nova-cobalt)); }
.nova-step-card { background: rgba(7,17,31,.64); border-color: rgba(255,255,255,.15); }
.nova-bento__palette { background: var(--nova-acid) !important; }
.nova-bento__type { background: #ffc5da !important; }
.nova-bento__delivery { background: var(--nova-cream) !important; }
.nova-file > span { background: var(--nova-cobalt); }

.nova-gallery { background: #0b1628; }
.nova-heading--light h2 em { color: var(--nova-acid); }
.nova-brand { border: 1px solid rgba(255,255,255,.14); border-radius: 18px; }
.nova-brand--aster { background: var(--nova-cobalt); }
.nova-brand--aster .nova-brand__logo i { background: var(--nova-acid); border-radius: 8px 26px 8px 26px; }
.nova-brand--circa { color: var(--nova-ink); background: var(--nova-paper); }
.nova-brand--orbit { background: var(--nova-acid); }
.nova-brand--kin { color: #fff; background: var(--nova-orange); }

.nova-process { background: var(--nova-cream); }
.nova-process__list { border-top: 1px solid rgba(7,17,31,.16); }
.nova-process__list > article { border-color: rgba(7,17,31,.16); }
.nova-process__list > article > span { color: var(--nova-cobalt); }
.nova-process__demo { background: rgba(255,255,255,.78); border-color: rgba(7,17,31,.14); }
.nova-process__demo--marks i:nth-child(2) { color: var(--nova-ink); background: var(--nova-acid); }
.nova-process__demo--marks i:nth-child(3) { color: #fff; background: var(--nova-orange); }

.nova-studio { color: #fff; background: var(--nova-cobalt); }
.nova-studio .nova-index,.nova-studio__copy > p { color: #d9e0ff; }
.nova-studio__copy li .logoai-icon { color: var(--nova-acid); }
.nova-studio .nova-button--dark { color: var(--nova-ink); background: var(--nova-acid); }
.nova-dashboard { color: var(--nova-ink); box-shadow: 0 36px 100px rgba(7,17,31,.28); }
.nova-dashboard__side { background: var(--nova-ink); }
.nova-dashboard__side .is-active { background: var(--nova-acid); }
.nova-dashboard__main { background: #fff; }

.nova-pricing { background: var(--nova-paper); }
.logoai-plan { border-radius: 18px; box-shadow: 0 16px 50px rgba(7,17,31,.06); }
.logoai-plan--featured { background: #ddfff8; border-color: var(--nova-acid); transform: translateY(-10px); }
.logoai-plan__badge { color: #fff; background: var(--nova-cobalt); }
.nova-commerce-note { border-color: rgba(7,17,31,.14); }

.nova-faq h2 em { color: var(--nova-cobalt); }
.nova-accordion details[open] summary i { background: var(--nova-acid); }
.nova-final { background: linear-gradient(135deg,#243fe0,var(--nova-cobalt) 48%,#683cff); }
.nova-final h2 em { color: var(--nova-acid); }
.nova-final__orb::after { background: var(--nova-orange); }
.logoai-footer { background: #050b14; }
.logoai-footer__bottom a { color: #bdcada; }

.logoai-dashboard-page { background: #eef7f8; }
.logoai-auth-panel--intro { background: radial-gradient(circle at 12% 14%,rgba(61,90,254,.9),transparent 36%),radial-gradient(circle at 88% 88%,rgba(45,226,197,.25),transparent 35%),var(--nova-ink); }
.logoai-auth-panel--form { background: var(--nova-cream); }
.logoai-auth-form input:focus { border-color: var(--nova-cobalt); box-shadow: 0 0 0 3px rgba(61,90,254,.12); }

@media (max-width: 1120px) {
  .nova-hero__grid { grid-template-columns: 1fr; }
  .nova-hero__copy { text-align: left; }
  .nova-kicker,.nova-hero__meta { justify-content: flex-start; }
  .nova-hero__copy > p,.nova-prompt { margin-inline: 0; }
}

@media (max-width: 580px) {
  .nova-hero h1 { font-size: clamp(3.25rem,16vw,4.4rem); }
  .nova-hero__meta { font-size: .72rem; }
  .logoai-plan--featured { transform: none; }
}