/* AI-Float portal. Shared RMW app-card and music vocabulary; four content sections. */
:root{--bg:#070a0f;--panel:#101720;--panel2:#0c1219;--line:#25303c;--text:#f4f7fa;--muted:#b0bbc6;--blue:#19a7ff;--ice:#8adaff;--fox:#ff861f;--max:1260px;color-scheme:dark}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:95px}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;font-size:16px;line-height:1.7;overflow-wrap:break-word}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:default}a{color:inherit}img{display:block;max-width:100%}h1,h2,h3,p{margin-top:0}p{color:var(--muted);margin-bottom:1.1em}h1,h2,h3{line-height:1.12;letter-spacing:-.035em}strong{color:var(--text)}em{color:var(--ice);font-style:normal}a:focus-visible,button:focus-visible,input:focus-visible,[tabindex]:focus-visible{outline:3px solid var(--ice);outline-offset:5px}[hidden]{display:none!important}.shell{width:min(calc(100% - 64px),var(--max));margin-inline:auto}.section{padding:88px 0;border-top:1px solid rgba(255,255,255,.07)}.eyebrow{margin:0 0 17px;color:var(--fox);font-size:.71rem;font-weight:850;letter-spacing:.14em;text-transform:uppercase;line-height:1.6}.section-heading{max-width:790px}.section-heading h2{font-size:clamp(2.4rem,4.4vw,3.8rem);line-height:1.03;margin-bottom:20px;letter-spacing:-.045em}.section-heading>p:last-child{max-width:640px;font-size:1rem;line-height:1.8;margin:0}.section-top{display:flex;align-items:flex-end;justify-content:space-between;gap:26px;margin-bottom:33px}.text-link{display:inline-flex;gap:8px;align-items:center;color:var(--ice);font-size:.87rem;font-weight:700;text-decoration:none}.text-link:hover{text-decoration:underline}.small-note{font-size:.78rem;color:#a0adbb}.visually-hidden{position:absolute;width:1px;height:1px;clip:rect(0,0,0,0);clip-path:inset(50%);overflow:hidden;white-space:nowrap}.skip-link{position:fixed;top:-100px;left:20px;z-index:200;padding:10px 18px;background:#fff;color:#000}.skip-link:focus{top:12px}.button{display:inline-flex;align-items:center;justify-content:center;gap:18px;min-height:49px;padding:12px 23px;border-radius:999px;border:1px solid rgba(255,255,255,.18);text-decoration:none;font-size:.85rem;line-height:1.4;font-weight:850;transition:transform .18s,background .18s}.button:hover{transform:translateY(-2px)}.button-primary{border-color:var(--fox);background:linear-gradient(125deg,#ff861f,#ffb754);color:#071018}
.site-header{position:sticky;top:0;z-index:30;background:rgba(5,9,15,.94);border-bottom:1px solid #1b2935;backdrop-filter:blur(18px)}.nav{min-height:78px;display:flex;justify-content:space-between;align-items:center;gap:26px}.wordmark{font-size:1.48rem;line-height:1;text-decoration:none;font-weight:900;letter-spacing:.09em;white-space:nowrap}.wordmark>span{color:var(--blue)}.wordmark>small{display:block;font-size:.47rem;color:#afbcc8;letter-spacing:.24em;margin-top:9px;font-weight:600}.nav-links{display:flex;align-items:center;gap:30px}.nav-links>a{text-decoration:none;font-size:.78rem;color:#bccbd7;font-weight:650}.nav-links>a:hover{color:#fff}.nav-links .nav-shop{border:1px solid #355469;border-radius:999px;padding:9px 18px;color:var(--ice)}
.hero{background:radial-gradient(ellipse at 72% 35%,rgba(0,94,178,.19),transparent 58%),var(--bg);padding:63px 0 73px}.hero-grid{display:grid;grid-template-columns:minmax(0,.97fr) minmax(0,1.03fr);align-items:center;gap:56px}.hero-copy{padding:6px 0}.hero h1{font-size:clamp(3.3rem,5.5vw,5rem);line-height:.99;letter-spacing:-.055em;margin:18px 0 27px}.hero-tagline{font-size:1.1rem;color:#d4e2ed;font-weight:650;letter-spacing:.03em;margin-bottom:15px}.hero-lead{max-width:480px;font-size:1rem;line-height:1.8}.coming-soon{display:inline-flex;align-items:center;gap:10px;font-size:.66rem;line-height:1.6;letter-spacing:.085em;text-transform:uppercase;font-weight:750;color:#b8e2ff;border:1px solid #24506b;border-radius:999px;background:rgba(22,97,142,.12);padding:9px 13px;margin:11px 0 14px}.status-dot{width:6px;height:6px;border-radius:50%;background:#71cfff;flex:none}.hero-note{font-size:.87rem;line-height:1.85;max-width:490px;margin-bottom:23px}.hero-actions{display:flex;gap:13px;align-items:center;flex-wrap:wrap;margin-bottom:17px}.hero-actions .music-button{min-height:47px;align-self:auto}.hero-copy>.small-note{max-width:490px;font-size:.71rem;line-height:1.8;margin:0}.portal-visual{margin:0;background:#07172d;border:1px solid #266c99;border-radius:23px;overflow:hidden;box-shadow:0 24px 85px rgba(0,34,92,.36)}.portal-visual>img{width:100%;height:auto;aspect-ratio:1;object-fit:contain}.portal-visual figcaption{position:relative;padding:21px 23px;background:linear-gradient(115deg,#091b31,#0b1522);border-top:1px solid #254969;display:grid;gap:7px}.portal-visual figcaption>span:first-child{color:#8cb1c8;font-size:.55rem;letter-spacing:.16em;font-weight:750}.portal-visual strong{font-size:.94rem;font-weight:600;padding-right:94px}.portal-status{position:absolute;right:23px;top:35px;color:#9bcbeb;border:1px solid #2d526a;border-radius:999px;font-size:.49rem;letter-spacing:.08em;padding:5px 8px}
/* The established RMW slider cards, not a new competing carousel. */
.strip-controls{display:flex;gap:8px;flex:none;margin-bottom:3px}.strip-controls button{border:1px solid #325164;background:#0e1b25;color:#d7edf9;border-radius:50%;height:44px;width:44px;line-height:1;font-size:1.2rem}.strip-controls button:hover:not(:disabled){background:#17374b}.strip-controls button:disabled{opacity:.3}.app-strip{display:grid;grid-auto-flow:column;grid-auto-columns:258px;gap:16px;overflow-x:auto;overscroll-behavior-inline:contain;scroll-snap-type:x mandatory;scroll-padding-left:0;padding:4px 3px 21px;scrollbar-width:thin;scrollbar-color:#46687e #0c141c;border-radius:8px;max-width:100%}.app-card{display:flex;flex-direction:column;background:var(--panel2);border:1px solid var(--line);border-radius:15px;padding:16px;scroll-snap-align:start;min-width:0}.app-logo{display:block;height:172px;padding:7px;background:#02060a;border:1px solid #1a2631;border-radius:9px;overflow:hidden}.app-logo img{width:100%;height:100%;object-fit:contain;transition:transform .2s}.app-logo:hover img{transform:scale(1.025)}.app-copy{padding:22px 0 16px;flex:1}.app-copy h3{font-size:1.1rem;line-height:1.2;margin-bottom:12px}.app-copy p{font-size:.81rem;line-height:1.7;margin-bottom:12px}.app-copy .app-tag{color:#c6dce9;font-weight:650;font-size:.84rem}.asset-note{display:block;font-size:.65rem;color:#96aaba;margin-top:10px}.app-actions{border-top:1px solid #20303c;padding-top:15px;display:flex;gap:15px;flex-direction:column;align-items:flex-start}.app-actions>.text-link{font-size:.76rem}.strip-footer{display:flex;align-items:center;justify-content:space-between;gap:30px;margin-top:24px}.strip-footer>p{font-size:.79rem;margin:0;max-width:490px}.strip-footer .button{flex-shrink:0}
.music-button{display:inline-flex;align-items:center;gap:9px;min-height:40px;border:1px solid #365066;background:rgba(25,167,255,.035);color:var(--ice);border-radius:9px;font-weight:760;font-size:.75rem;padding:9px 13px;text-align:left;line-height:1.45;align-self:flex-start;transition:border .18s,background .18s}.music-icon{font-size:1.13rem;line-height:1}.music-button:hover:not(:disabled){border-color:#70c9ff;background:rgba(25,167,255,.13)}.music-button[aria-pressed=true]{border-color:var(--fox);color:#ffbf79;background:#271b12}.music-button:disabled{opacity:.58}.music-bars{display:none;align-items:center;gap:2px;height:15px}.music-bars i{width:2px;height:9px;background:currentColor;animation:equalizer .7s ease-in-out infinite alternate}.music-bars i:nth-child(2){height:14px;animation-delay:-.3s}.music-bars i:nth-child(3){height:5px;animation-delay:-.5s}.music-bars i:nth-child(4){height:12px;animation-delay:-.2s}.music-button[aria-pressed=true] .music-bars{display:flex}@keyframes equalizer{to{height:3px}}
.winning-section{background:radial-gradient(ellipse at 25% 50%,rgba(10,91,144,.08),transparent 65%),#080e15}.winning-feature{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:62px;align-items:center}.winning-visual{border:1px solid #263c50;border-radius:19px;background:#03080e;overflow:hidden}.winning-visual>img{width:100%;height:auto;aspect-ratio:1.13;object-fit:contain;padding:22px}.winning-music{display:flex;align-items:flex-start;flex-direction:column;gap:13px;border-top:1px solid #1f3343;padding:21px 25px;background:#0c1823}.winning-music>.text-link{font-size:.73rem}.winning-copy h2{font-size:clamp(2rem,3.5vw,3.1rem);line-height:1.07;letter-spacing:-.045em;margin-bottom:18px}.feature-tag{font-size:1.05rem;color:#d1e5f3;font-weight:600}.winning-copy>p:not(.eyebrow):not(.feature-tag){font-size:.91rem;line-height:1.85}.capabilities{display:flex;flex-wrap:wrap;gap:7px;margin-top:23px}.capabilities>span{border:1px solid #294153;background:#0a1722;border-radius:999px;font-size:.64rem;color:#b8d4e5;padding:5px 10px}.demo-note{border-left:2px solid var(--fox);padding:2px 0 2px 17px;margin-top:27px;font-size:.84rem!important}.winning-copy>.text-link{font-size:.8rem}
.footer{border-top:1px solid #1d2c38;padding:34px 0 38px;background:#050a10}.footer-inner{display:flex;justify-content:space-between;align-items:center;gap:25px}.footer strong{font-size:1.32rem;font-weight:650;letter-spacing:-.04em}.footer p{font-size:.69rem;margin:7px 0 0}.footer a{font-size:.71rem;color:#9eafbd;text-decoration:none}.footer a:hover{color:var(--ice)}.no-script{font-size:.85rem;padding-block:20px}
.music-player{position:fixed;z-index:50;bottom:0;left:0;right:0;border-top:1px solid #39607d;background:rgba(5,13,21,.98);box-shadow:0 -10px 45px rgba(0,0,0,.35);backdrop-filter:blur(18px)}.player-inner{display:flex;gap:24px;align-items:center;padding:16px 0}.player-info{flex:1;min-width:0;line-height:1.4}.player-info .eyebrow{display:block;margin:0 0 5px;font-size:.52rem}.player-info>strong{display:block;font-size:.89rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.player-info>span:last-child{display:block;font-size:.65rem;color:#a1b7c8;margin-top:4px}.player-main{display:flex;gap:17px;align-items:center;min-width:460px}.player-control{border:1px solid #3d5668;padding:9px 13px;background:#0e202e;color:var(--ice);border-radius:9px;font-size:.76rem;min-width:69px}.player-progress{flex:1;min-width:130px;line-height:1;display:flex;flex-direction:column;gap:8px}.player-progress input{width:100%;margin:0;accent-color:var(--blue);min-height:20px}.player-progress>span{font-size:.65rem;color:#a4b8c7;text-align:right;font-variant-numeric:tabular-nums}.player-song-link{color:var(--ice);font-size:.65rem;text-decoration:none;white-space:nowrap}.audio-status{margin:0}.audio-status:not(:empty){padding:10px 24px;background:#332418;color:#ffe1bd;font-size:.85rem}.has-player{padding-bottom:124px}.has-player :is(a,button){scroll-margin-bottom:180px}
@media(min-width:1600px){.hero-grid{gap:80px}.hero{padding-block:75px}}
@media(max-width:1000px){.hero-grid{gap:30px}.hero h1{font-size:3.6rem}.hero{padding-block:46px}.hero-note{font-size:.8rem}.hero-actions{gap:11px}.coming-soon{font-size:.58rem;padding:8px 11px}.portal-visual strong{font-size:.84rem;padding-right:0}.portal-status{position:static;justify-self:start;margin-top:5px}.winning-feature{gap:34px}.winning-copy h2{font-size:2.4rem}.player-main{min-width:340px}}
@media(max-width:760px){.shell{width:calc(100% - 38px)}.nav{min-height:72px;gap:15px}.nav-links{gap:15px}.nav-links>a{font-size:.71rem}.nav-links .nav-shop{padding:8px 12px}.wordmark{font-size:1.18rem}.hero-grid{grid-template-columns:1fr;gap:29px}.hero-copy{max-width:650px}.hero h1{font-size:clamp(3.2rem,8.4vw,4.4rem);margin-top:15px;line-height:1.04}.desktop-break{display:none}.hero-lead{max-width:600px;font-size:.98rem}.hero-tagline{font-size:1.06rem}.hero-note{max-width:590px;font-size:.89rem}.coming-soon{font-size:.65rem;margin-top:5px}.portal-visual{max-width:650px;margin-inline:auto;width:100%}.portal-visual>img{max-height:none}.portal-visual figcaption{padding:19px 22px}.portal-visual strong{font-size:.97rem;padding-right:100px}.portal-status{position:absolute;right:22px;top:30px}.section{padding:64px 0}.section-heading h2{font-size:2.75rem}.section-top{gap:20px;align-items:flex-end}.section-heading>p:last-child{font-size:.92rem}.strip-footer{align-items:flex-start;gap:20px;flex-direction:column}.strip-footer>p{font-size:.78rem}.winning-feature{grid-template-columns:1fr;gap:31px}.winning-visual{max-width:440px;width:100%;margin-inline:auto}.winning-visual>img{max-height:320px}.winning-copy h2{font-size:2.8rem}.winning-copy>p:not(.eyebrow):not(.feature-tag){font-size:.94rem}.footer-inner{align-items:flex-start;flex-direction:column;gap:16px}.player-inner{gap:15px}.player-main{min-width:300px}}
@media(max-width:520px){html{scroll-padding-top:118px}.shell{width:calc(100% - 32px)}.nav{min-height:92px;flex-wrap:wrap;gap:8px;padding:14px 0 11px}.nav-links{width:100%;justify-content:space-between;gap:9px}.nav-links .nav-shop{padding:5px 11px}.nav-links>a{font-size:.64rem}.wordmark{font-size:1.1rem;display:flex;align-items:baseline;gap:0}.wordmark small{display:inline-block;margin:0 0 0 12px;font-size:.42rem;letter-spacing:.15em}.hero{padding:32px 0 45px}.hero h1{font-size:3.05rem;line-height:1.06;margin-bottom:21px}.hero .eyebrow{font-size:.59rem}.hero-tagline{font-size:1rem}.hero-lead{font-size:.92rem}.hero-note{font-size:.83rem}.coming-soon{font-size:.54rem;letter-spacing:.055em;gap:7px;padding:8px 10px}.hero-actions{gap:12px}.hero-actions>.button{padding:12px 17px;font-size:.77rem;min-height:45px}.hero-actions>.music-button{font-size:.7rem;min-height:44px}.hero-copy>.small-note{font-size:.68rem}.portal-visual{border-radius:17px}.portal-visual figcaption{padding:17px 18px}.portal-visual strong{font-size:.86rem;padding-right:0}.portal-status{position:static;justify-self:start;margin-top:4px}.section{padding:52px 0}.section-heading h2{font-size:2.3rem}.section-heading>.eyebrow{font-size:.59rem}.section-heading>p:last-child{font-size:.86rem}.section-top{gap:10px;margin-bottom:26px}.strip-controls{gap:6px}.strip-controls button{height:36px;width:36px}.app-strip{grid-auto-columns:min(258px,83vw);gap:13px}.app-copy h3{font-size:1.12rem}.app-copy p{font-size:.84rem}.app-copy .app-tag{font-size:.87rem}.app-actions{min-height:99px}.strip-footer .button{font-size:.78rem;padding:12px 18px}.winning-copy h2{font-size:2.27rem}.winning-copy>.eyebrow{font-size:.61rem}.feature-tag{font-size:.98rem}.winning-copy>p:not(.eyebrow):not(.feature-tag){font-size:.88rem}.capabilities>span{font-size:.6rem}.winning-music{padding:19px}.footer{padding-block:28px}.footer strong{font-size:1.2rem}.player-inner{display:grid;grid-template-columns:1fr auto;gap:11px 16px;padding:12px 0 15px}.player-info{grid-column:1}.player-info>span:last-child{display:none}.player-main{grid-column:1 / -1;grid-row:2;min-width:0;gap:12px}.player-song-link{grid-column:2;grid-row:1}.player-control{padding:8px 11px;font-size:.73rem;min-width:60px}.player-progress{min-width:80px}.has-player{padding-bottom:165px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
@media print{body{background:#fff;color:#111;padding:0}p,strong,em,.eyebrow{color:#111}.site-header,.music-button,.music-player,.strip-controls,.hero-actions,.winning-music,.skip-link{display:none!important}.shell{width:100%}.section{padding:25px 0}.hero{padding:0;background:none}.hero-grid{grid-template-columns:1fr 1fr;gap:25px}.hero h1{font-size:36px}.section-heading h2,.winning-copy h2{font-size:28px}.app-strip{display:grid;grid-template-columns:repeat(3,1fr);grid-auto-flow:row;overflow:visible}.app-card{background:#fff;break-inside:avoid;border-color:#999}.app-logo{height:120px}.app-copy p,.app-copy .app-tag{color:#111}.winning-section,.footer{background:none}.winning-feature{grid-template-columns:1fr 1.5fr;gap:25px}.strip-footer .button{display:none}.footer{padding-bottom:0}}

/* AI_FLOAT_FINAL_POSITIONING_20260905 */

.hero-ai-float-logo{
    display:block;
    width:min(460px,94%);
    max-height:220px;
    object-fit:contain;
    object-position:left center;
    margin:8px 0 26px;
}

.winning-attribution{
    max-width:1100px;
    margin:0 0 44px;
}

.winning-attribution h2{
    margin:0;
    max-width:1060px;
    font-size:clamp(2rem,4.1vw,3.75rem);
    line-height:1.06;
    letter-spacing:-.05em;
}

.winning-attribution h2 em{
    color:var(--ice);
    font-style:normal;
}

@media(max-width:760px){
    .hero-ai-float-logo{
        width:100%;
        max-height:175px;
        margin-bottom:20px;
    }

    .winning-attribution{
        margin-bottom:30px;
    }

    .winning-attribution h2{
        font-size:2.25rem;
    }
}

/* WINNING_NARRATIVE_AI_FLOAT_DEMO_RC1 */

.wn-demo {
  margin-top: 22px;
  padding: 20px;
  border: 1px solid rgba(255,255,255,.18);
  border-radius: 18px;
  background: rgba(5,14,30,.52);
  backdrop-filter: blur(14px);
}

.wn-live-badge .status-dot {
  box-shadow: 0 0 0 5px rgba(255,255,255,.08);
}

.wn-form label {
  display: block;
  margin-bottom: 10px;
  font-size: .88rem;
  font-weight: 700;
  letter-spacing: .02em;
}

.wn-input-row {
  display: flex;
  gap: 10px;
  align-items: stretch;
}

.wn-input-row input {
  flex: 1 1 auto;
  min-width: 0;
  padding: 13px 15px;
  border: 1px solid rgba(255,255,255,.22);
  border-radius: 12px;
  background: rgba(255,255,255,.08);
  color: inherit;
  font: inherit;
  outline: none;
}

.wn-input-row input::placeholder {
  color: rgba(255,255,255,.58);
}

.wn-input-row input:focus {
  border-color: rgba(255,255,255,.62);
  box-shadow: 0 0 0 3px rgba(255,255,255,.08);
}

.wn-input-row button {
  flex: 0 0 auto;
  white-space: nowrap;
}

.wn-status {
  margin: 12px 0 0;
  font-size: .8rem;
  opacity: .78;
}

.wn-status[data-state="ready"] {
  opacity: 1;
}

.wn-status[data-state="error"] {
  font-weight: 700;
}

.wn-response {
  margin: 16px 0 0;
  padding: 14px 16px;
  border-radius: 12px;
  background: rgba(255,255,255,.09);
  line-height: 1.55;
}

.wn-presentation-root {
  margin-top: 16px;
}

.wn-presentation-root:empty {
  display: none;
}

.wn-presentation-root .fpb-scene {
  display: grid;
  gap: 12px;
}

.wn-presentation-root .fpb-scene > h2 {
  margin: 0 0 4px;
  font-size: 1.15rem;
}

.wn-presentation-root .fpb-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.wn-presentation-root .fpb-grid > h2 {
  grid-column: 1 / -1;
}

.wn-presentation-root .fpb-object {
  padding: 14px;
  border: 1px solid rgba(255,255,255,.14);
  border-radius: 12px;
  background: rgba(255,255,255,.06);
}

.wn-presentation-root .fpb-wide {
  grid-column: 1 / -1;
}

.wn-presentation-root .fpb-object h3 {
  margin: 0 0 7px;
  font-size: .86rem;
}

.wn-presentation-root .fpb-object p,
.wn-presentation-root .fpb-object ul {
  margin: 0;
  font-size: .84rem;
  line-height: 1.45;
}

.wn-presentation-root input,
.wn-presentation-root select,
.wn-presentation-root button {
  max-width: 100%;
}

.wn-presentation-root output {
  display: block;
  margin-top: 6px;
}

@media (max-width: 720px) {
  .wn-input-row {
    flex-direction: column;
  }

  .wn-input-row button {
    width: 100%;
  }

  .wn-presentation-root .fpb-grid {
    grid-template-columns: 1fr;
  }

  .wn-presentation-root .fpb-wide {
    grid-column: auto;
  }
}