/* The current logo follows every saved theme; the textured surface is Neon Tape. */
html[data-site-design] :is(.brand,.wordmark,.portal-brand) img{width:62px;height:32px;object-fit:contain;flex-shrink:0}
html[data-site-design] .neon-home .brand img{width:62px;height:32px}
/* The supplied motif is only a 2% tint. No grain, repeated tiles or prominent ribbons. */
html[data-site-design=neon-tape] body,
html[data-site-design=neon-tape] body[data-surface]{background-color:#1b1421;background-image:linear-gradient(#1b1421fa,#1b1421fa),url('/brand/quiet-waves-v58.png');background-size:auto,cover;background-repeat:no-repeat;background-position:center;background-attachment:scroll}
html[data-site-design=neon-tape] .neon-home .nt-hero{background:transparent}
/* Broad, stationary colour falloff gives the surfaces depth without a pattern. */
html[data-site-design=neon-tape] body,
html[data-site-design=neon-tape] body[data-surface]{background-image:radial-gradient(ellipse at 4% 32%,#9968ba15,transparent 45%),radial-gradient(ellipse at 98% 78%,#aa79bd12,transparent 42%),linear-gradient(#1b1421fa,#1b1421fa),url('/brand/quiet-waves-v58.png');background-size:auto,auto,auto,cover}
html[data-site-design=neon-tape] .neon-home[data-surface=home] .nt-preview-grid{position:relative;isolation:isolate}
html[data-site-design=neon-tape] .neon-home[data-surface=home] .nt-preview-grid:before{content:'';position:absolute;inset:-12% -15%;z-index:-1;pointer-events:none;opacity:.14;background:radial-gradient(ellipse at 12% 40%,#ad79ce4d,transparent 45%),radial-gradient(ellipse at 89% 64%,#9470bd36,transparent 46%);filter:blur(32px)}
html[data-site-design=neon-tape] .neon-home[data-surface=home] .nt-preview-card[data-active=true] .nt-preview-canvas{box-shadow:0 0 18px #c79bdf0a}
html[data-site-design=neon-tape] .neon-home .nt-hero:before{display:block;inset:auto;left:0;bottom:-1px;width:calc(clamp(160px,29vw,440px) + 28px);height:46px;opacity:1;transform:none;box-shadow:none;background:linear-gradient(105deg,#b181c6,#624078);clip-path:polygon(0 0,100% 100%,0 100%);mask-image:none;pointer-events:none}
html[data-site-design=neon-tape] .neon-home :is(.nt-workflow,.faq-section){background:transparent}
/* Join the paper edge directly to the light section, without a dark underside. */
html[data-site-design=neon-tape] .neon-home .nt-hero:after{left:0;bottom:-1px;width:clamp(160px,29vw,440px);height:40px;transform:none;box-shadow:none;background:var(--al-paper);clip-path:polygon(0 0,100% 100%,0 100%)}
html[data-site-design=neon-tape] .neon-home[data-surface=home] .pricing-section,
html[data-site-design=neon-tape] .neon-home .nt-flow-band,
html[data-site-design=neon-tape] .neon-home .nt-footer,
html[data-site-design=neon-tape] .al-footer,
html[data-site-design=neon-tape] [data-surface=portal] .login-art{background-color:#f5efe3;background-image:linear-gradient(#f5efe3fa,#f5efe3fa),url('/brand/quiet-waves-v58.png');background-size:auto,cover;background-repeat:no-repeat;background-position:center}
/* Paper sections keep their light base with a faint edge of the same hue. */
html[data-site-design=neon-tape] .neon-home[data-surface=home] .pricing-section,
html[data-site-design=neon-tape] .neon-home .nt-flow-band,
html[data-site-design=neon-tape] .neon-home .nt-footer,
html[data-site-design=neon-tape] .al-footer,
html[data-site-design=neon-tape] [data-surface=portal] .login-art{background-image:radial-gradient(ellipse at 0% 0%,#9c6bbb0d,transparent 58%),radial-gradient(ellipse at 100% 100%,#acbb660b,transparent 55%),linear-gradient(#f5efe3fa,#f5efe3fa),url('/brand/quiet-waves-v58.png');background-size:auto,auto,auto,cover}
@media(max-width:480px){html[data-site-design] :is(.brand,.wordmark,.portal-brand) img,html[data-site-design] .neon-home .brand img{width:46px;height:28px}}
@media(max-width:480px){html[data-site-design=neon-tape] .neon-home .nav .brand{font-size:18px;gap:6px}html[data-site-design=neon-tape] [data-surface] .nav .brand img{width:42px;height:28px}}
/* Preview the video itself: the full surface remains a keyboard/touch control. */
html[data-site-design=neon-tape] .neon-home[data-surface=home] .nt-preview-play,
html[data-site-design=neon-tape] .neon-home[data-surface=home] .demo-play{background:transparent;box-shadow:none}
html[data-site-design=neon-tape] .neon-home[data-surface=home] .nt-preview-play>span,
html[data-site-design=neon-tape] .neon-home[data-surface=home] .demo-play>span{display:none}
/* Compact questions in two columns, with plain expandable rows. */
html[data-site-design=neon-tape] .neon-home[data-surface=home] .faq-section{display:block;padding-block:52px 60px}
html[data-site-design=neon-tape] .neon-home[data-surface=home] .faq-heading{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:22px}
html[data-site-design=neon-tape] .neon-home[data-surface=home] .faq-heading h2{margin:0;font:500 30px/1.2 'DM Sans',sans-serif;letter-spacing:-.045em}
html[data-site-design=neon-tape] .neon-home[data-surface=home] .faq-heading>a{margin:0;font-size:13px}
html[data-site-design=neon-tape] .neon-home[data-surface=home] .faq{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:48px;align-items:start}
html[data-site-design=neon-tape] .neon-home[data-surface=home] .faq details{min-width:0;border:0}
html[data-site-design=neon-tape] .neon-home[data-surface=home] .faq summary{min-height:64px;padding:18px 0;font-size:14px;line-height:1.5;gap:20px}
html[data-site-design=neon-tape] .neon-home[data-surface=home] .faq summary>span{width:20px;height:20px;flex-basis:20px;border:0;border-radius:0;background:none;color:inherit;font-size:20px}
html[data-site-design=neon-tape] .neon-home[data-surface=home] .faq details[open] summary>span{background:none;color:var(--al-lime)}
html[data-site-design=neon-tape] .neon-home[data-surface=home] .faq p{font-size:13px;line-height:1.7;margin:0 26px 20px 0;max-width:none}
@media(max-width:680px){html[data-site-design=neon-tape] .neon-home[data-surface=home] .faq{grid-template-columns:1fr}html[data-site-design=neon-tape] .neon-home[data-surface=home] .faq-section{padding-block:38px 44px}html[data-site-design=neon-tape] .neon-home[data-surface=home] .faq-heading h2{font-size:27px}}