/* FEDGO / NIGHT OPS — one cool, high-contrast system for every public page. */
:root{
  color-scheme:dark;
  --bg:#070913;--panel:#0c1120;--ink:#f2f5ff;--muted:#a1abc1;--quiet:#707b96;
  --line:#bac9ff1c;--line-strong:#bac9ff38;--accent:#93a5ff;--blue:#718aff;
  --cyan:#68e3f3;--violet:#c294ff;--ease:cubic-bezier(.2,.72,.18,1);
  --mono:ui-monospace,"Cascadia Code",Consolas,monospace;
  --text:#f2f5ff;--gold:#93a5ff;--panel:#0c1120;
}
html{background:var(--bg);scroll-behavior:smooth;scroll-padding-top:105px}
html:has(.studio){scroll-padding-top:105px}
body{background:radial-gradient(ellipse at 78% -18%,#465bd51f,transparent 38%),var(--bg);color:var(--ink);font-family:Inter,"Segoe UI",Arial,sans-serif}
body::before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;opacity:.18;background-image:linear-gradient(#94a7ff0a 1px,transparent 1px),linear-gradient(90deg,#94a7ff0a 1px,transparent 1px);background-size:64px 64px;mask-image:linear-gradient(to bottom,black,transparent 75%)}
::selection{background:#718aff66;color:#fff}
a,button{transition:color .22s,border-color .22s,background-color .22s,transform .28s var(--ease),box-shadow .28s}
:focus-visible{outline:2px solid var(--cyan)!important;outline-offset:4px!important}
.skip-link,.skip{background:var(--cyan)!important;color:#080b15!important;border-radius:4px}

/* The nav is the shared chrome; the SunoTool page keeps its own working links. */
.site-header,body>header{background:#080b15!important;border-color:var(--line)!important;box-shadow:0 8px 32px #0005}
.brand,body>header .brand{color:var(--ink)!important}
.brand>svg,body>header .brand-mark{color:var(--accent)!important}
.main-nav a,body>header nav a{color:#9da8c0!important}
.main-nav a:hover,body>header nav a:hover{color:#fff!important}
.main-nav a::after,body>header nav a::after{background:linear-gradient(90deg,var(--blue),var(--cyan))!important}
.main-nav{align-items:center}
.ops-product-switch{position:relative;align-self:center;color:#dce5ff;font-size:12px}
.ops-product-switch summary{display:flex;align-items:center;gap:9px;list-style:none;cursor:pointer;padding:12px 0;color:#9da8c0;transition:color .2s}
.ops-product-switch summary::-webkit-details-marker{display:none}
.ops-product-switch summary::after{content:"";position:absolute;left:0;right:0;bottom:4px;height:1px;background:linear-gradient(90deg,var(--blue),var(--cyan));transform:scaleX(0);transform-origin:left;transition:transform .3s var(--ease)}
.ops-product-switch summary span{font-size:15px;color:var(--cyan);transition:transform .25s}
.ops-product-switch[open] summary span{transform:rotate(180deg)}
.ops-product-switch:hover summary,.ops-product-switch[open] summary{color:#fff}
.ops-product-menu{position:absolute;z-index:110;top:calc(100% + 7px);left:-18px;display:grid;gap:3px;width:248px;padding:8px;border:1px solid #a1b4ff35;border-radius:7px;background:linear-gradient(145deg,#111a30,#090e1b);box-shadow:0 18px 46px #000b;animation:ops-menu-in .2s var(--ease) both}
.ops-product-menu a{display:grid;grid-template-columns:25px 1fr;align-items:center;gap:2px 9px;padding:10px;border-radius:4px;color:#edf2ff!important;font-size:12px}
.ops-product-menu a:hover{background:#728bff18;transform:translateX(2px)}
.ops-product-menu a>span{grid-row:span 2;color:var(--cyan);font:10px var(--mono)}
.ops-product-menu small{grid-column:2;color:#8e9bb7;font-size:10px}
.ops-product-switch:focus-within summary{outline:2px solid var(--cyan);outline-offset:4px;border-radius:2px}
.header-contact,.header-tools .search-button,.menu-button,.small-button,body>header .small-button{
  border:1px solid #9aafff36!important;background:linear-gradient(135deg,#182346,#10172b)!important;color:#edf2ff!important;
  border-radius:5px!important;box-shadow:inset 0 1px #fff1,0 6px 20px #0003
}
.header-contact:hover,.header-tools .search-button:hover,.menu-button:hover,.small-button:hover,body>header .small-button:hover{
  border-color:#91a5ff8a!important;background:linear-gradient(135deg,#243768,#182342)!important;transform:translateY(-2px);box-shadow:0 9px 30px #536fff26
}

/* Luminous circuit field: the grid is static; only small composited objects move. */
.home-hero,.product-hero,body:has(.studio) .hero{isolation:isolate;position:relative;overflow:clip;background:radial-gradient(ellipse at 78% 44%,#4666ff17,transparent 37%),radial-gradient(ellipse at 40% 110%,#814cff0c,transparent 45%),linear-gradient(180deg,#090c18,#070913)!important}
.home-hero::before,.product-hero::before,body:has(.studio) .hero::before{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;opacity:.22;background:linear-gradient(#718aff12 1px,transparent 1px),linear-gradient(90deg,#718aff12 1px,transparent 1px);background-size:48px 48px;mask-image:radial-gradient(ellipse at 70% 44%,black,transparent 68%)}
.home-hero::after,.product-hero::after,body:has(.studio) .hero::after{content:"";position:absolute;right:10%;top:21%;width:340px;height:340px;z-index:0;pointer-events:none;border:1px solid #7890ff13;border-radius:50%;box-shadow:0 0 0 32px #7890ff08,0 0 0 76px #7890ff05;animation:ops-breathe 8s ease-in-out infinite alternate}
.home-hero>.wrap,.product-hero>.wrap,body:has(.studio) .hero>.wrap{position:relative;z-index:1}
.hero-topline,.hero-bottom,.breadcrumbs,.product-kicker,.exhibit-top,.art-index,.stage-footnote{color:#8692ad!important}
.hero-topline i,.hero-topline>span:first-child i,.eyebrow>i{background:var(--cyan)!important;box-shadow:0 0 12px #68e3f39c}
.eyebrow,.product-kicker,.exhibit-top,.hero-signature,.art-index,.stage-footnote{font-family:var(--mono)!important;letter-spacing:.12em!important}
.hero-copy h1,.product-copy h1,.section-heading h2,.product-story h3,.studio h1,.audio-heading h2{
  text-wrap:balance;text-shadow:0 0 34px #708aff12
}
.hero-copy h1>span,.heading-row h2>span,.product-copy h1 em,.offer-copy h2>span,.suno-feature .product-promise{color:#aebaff!important}
.hero-description,.product-copy>p,.heading-row>p{color:#a4aec4!important}
.button,.product-contact .button,.price-card.featured .button{
  color:#080c18!important;background:linear-gradient(115deg,#c7d1ff,#7892ff 60%,#65d8f2)!important;
  border:1px solid #d8e0ff!important;border-radius:5px!important;box-shadow:0 10px 28px #596fff28,inset 0 1px #fff9!important;position:relative;overflow:hidden
}
.button::after{content:"";position:absolute;top:-20%;bottom:-20%;left:-48%;width:30%;transform:skewX(-22deg);background:linear-gradient(90deg,transparent,#ffffff80,transparent);transition:left .7s var(--ease);pointer-events:none}
.button:hover::after{left:120%}
.button:hover,.product-contact .button:hover,.price-card.featured .button:hover{transform:translateY(-3px);box-shadow:0 14px 36px #6480ff46,inset 0 1px #fff9!important}
.button.secondary,.text-link,.hero-copy .text-link,.circle-link{background:#0c1221!important;border-color:#7f94ee45!important;color:#e5eaff!important}
.button.secondary:hover,.circle-link:hover{border-color:#88a0ff!important;background:#141e37!important}
.text-link:hover{color:var(--cyan)!important}

/* Product showcase and scene artwork. */
.hero-exhibit,.product-stage,.studio-art{position:relative}
/* The studio card is part of the brand story; keep its art inside the same cool palette. */
.studio-art{background:radial-gradient(ellipse at 70% 38%,#6077ff24,transparent 48%),repeating-linear-gradient(0deg,transparent 0 69px,#93a5ff08 70px 71px),linear-gradient(145deg,#10182b,#090d18)!important;border-color:#8197ff36!important;box-shadow:inset 0 1px #d7e0ff0b,0 24px 65px #0004}
.studio-art>span{color:#9aa8ca!important}
.studio-monogram{color:#6174b5!important;filter:drop-shadow(0 25px 15px #0008) drop-shadow(0 0 30px #748cff33)!important}
.studio-art>p{color:#e5eaff!important}
.studio-art>small{color:#8895b2!important}
.hero-exhibit::before,.product-stage::before{content:"";position:absolute;inset:13% 8%;pointer-events:none;background:radial-gradient(ellipse,#657dff19,transparent 63%);}
.suite-tabs{border-color:#8aa1ff32!important;background:#0a0f1c!important;border-radius:6px!important}
.suite-tabs button{color:#8996b4!important;border-radius:4px!important}
.suite-tabs button[aria-selected=true]{background:linear-gradient(110deg,#293969,#182545)!important;color:#f5f7ff!important;border-color:#8ba3ff66!important;box-shadow:0 0 24px #667fff1e}
.suite-tabs button[aria-selected=true]>span{color:var(--cyan)!important}
.suite-tabs button .icon{color:var(--cyan)}
.suite-panel.is-entering{animation:ops-panel-in .52s var(--ease)!important}
.media-art .art-orbit{border-color:#93a8ff31!important;animation:ops-rotate-center 48s linear infinite}
.media-art .art-orbit::after{border-color:#68e3f326!important}
.media-art .art-poster{border-color:#b9caff38!important;border-radius:9px!important;box-shadow:0 24px 70px #0009,0 0 45px #586cff16!important}
.poster-front{background:linear-gradient(145deg,#304f94,#182650 57%,#0d1428)!important;color:#eef2ff!important}
.poster-back{background:linear-gradient(135deg,#263052,#101729 60%,#0a0e19)!important;color:#b7c5ec!important}
.eclipse-art{background:radial-gradient(circle at 38% 40%,#050815 0 51%,#162c5b 61%,#8ca5ff 67%,#6c83ff 69%,#57d6ee 71%,transparent 73%)!important;box-shadow:0 0 45px #748cff38!important}
.eclipse-art::after{border-color:#8aa4ff54!important}
.line-art{background:repeating-linear-gradient(0deg,transparent 0 5px,#9eb4ff 6px 7px)!important;opacity:.58}
.audio-float{background:linear-gradient(130deg,#151e36,#0b1121)!important;border-color:#8298e94f!important;box-shadow:0 17px 48px #0009,0 0 22px #718aff1a!important}
.audio-float>span{background:#748cff1c!important;color:var(--cyan)!important}
.audio-float small{color:#dce5ff!important}
.waveform i{background:linear-gradient(180deg,var(--cyan),var(--blue))!important;box-shadow:0 0 8px #68e3f34f}
.network-art{isolation:isolate}
.network-art .orbit{border-color:#708aff29!important;animation:ops-rotate-center 32s linear infinite}
.network-art .orbit-two{animation-direction:reverse;animation-duration:42s}
.network-art .orbit-three{animation-duration:55s}
.network-core{background:radial-gradient(circle,#253a76,#0b1123 68%)!important;border-color:#91a8ff7a!important;box-shadow:0 0 30px #6d8aff4c,inset 0 0 27px #6d8aff2b!important;color:#cdeaff!important;animation:ops-core 4s ease-in-out infinite alternate}
.network-node{background:#0b1222!important;border-color:#7f9bff63!important;color:#e6efff!important;box-shadow:0 7px 28px #0008,0 0 17px #728bff23!important}
.network-node .icon{color:var(--cyan)!important}
.orbit-satellite{background:var(--cyan)!important;box-shadow:0 0 12px #68e3f3b0!important}
.suno-art{width:100%;height:340px;position:relative;display:grid;place-items:center;isolation:isolate}
.suno-art-orbit{position:absolute;width:min(76%,320px);aspect-ratio:1;border:1px solid #91a7ff3b;border-radius:50%;box-shadow:0 0 0 24px #708aff09,0 0 0 54px #708aff06;animation:ops-rotate 40s linear infinite}
.suno-art-orbit::before,.suno-art-orbit::after{content:"";position:absolute;inset:12%;border:1px dashed #62deef45;border-radius:50%}
.suno-art-orbit::after{inset:27%;border-style:solid;border-color:#9d7fff55}
.suno-art-disc{width:44%;max-width:185px;aspect-ratio:1;border-radius:50%;display:grid;place-items:center;position:relative;background:repeating-radial-gradient(circle,#080b15 0 3px,#c3d1ff20 4px 5px,#11172a 6px 9px);border:1px solid #a7baff7a;box-shadow:0 20px 65px #000b,0 0 45px #6d85ff32;animation:ops-disc 24s linear infinite}
.suno-art-disc::before{content:"";position:absolute;inset:35%;border-radius:50%;background:radial-gradient(circle at 35% 25%,#c5d2ff,#798fff 46%,#171e39 49%);box-shadow:0 0 25px #7c96ff66}
.suno-art-disc i{position:absolute;width:1px;height:48%;left:50%;top:1%;transform:rotate(31deg);background:#fff8;transform-origin:bottom}
.suno-art-wave{position:absolute;left:10%;right:10%;bottom:18%;height:76px;display:flex;align-items:center;justify-content:center;gap:4px;mask-image:linear-gradient(90deg,transparent,black 16%,black 84%,transparent)}
.suno-art-wave i{height:var(--h);flex:1;max-width:5px;border-radius:4px;background:linear-gradient(180deg,var(--cyan),#748cff);opacity:.76;transform-origin:center;animation:ops-wave 1.5s ease-in-out calc(var(--i)*-45ms) infinite alternate}
.suno-art-label{position:absolute;top:8%;right:5%;font:8px var(--mono);letter-spacing:.14em;color:#aebcff}

/* One material language for cards, interfaces, steps, legal copy and dialogs. */
.section,.projects-section,.platforms-section,.downloads-section{border-color:var(--line)!important;background-color:transparent!important}
.platforms-section{background:linear-gradient(180deg,#0a1020,#080b15)!important}
.product-feature,.feature-card,.price-card,.faq-list,.download-card,.license-card,.notice,.release-note,.chooser,.app-preview,.ui-dialog,.contact-main,.suno-feature .product-stage{
  background-color:#0b1020!important;border-color:#8ea4ff25!important;border-radius:9px!important;box-shadow:0 20px 65px #0003,inset 0 1px #c6d3ff0b
}
.product-feature:hover,.feature-card:hover,.download-card:hover,.price-card:hover{border-color:#8da4ff66!important;box-shadow:0 24px 70px #0005,0 0 30px #6885ff10!important}
.product-story,.product-stage{background:transparent!important}
.product-spec,.product-facts,.faq-item,.footer-bottom,.footer-wordmark{border-color:var(--line)!important}
.product-spec>span+span{border-color:var(--line-strong)!important}
.product-facts strong,.feature-card h3,.feature-card-top>.icon,.service-status .icon{color:#c3ceff!important}
.product-facts span,.feature-card p,.faq-item p,.price-term,.pricing-note,.legal-updated{color:var(--muted)!important}
.feature-card,.download-card,.price-card{transition:transform .35s var(--ease),background .3s,border-color .3s,box-shadow .35s!important}
.feature-card{background:linear-gradient(145deg,#111a31,#0a0f1b)!important}
.feature-card:hover{transform:translateY(-5px)!important}
.feature-card-top>.icon{filter:none!important}
.price-card.featured{background:linear-gradient(145deg,#d4ddff,#859cff 75%,#6edff0)!important;color:#0b1020!important;border-color:#e6eaff!important;box-shadow:0 18px 55px #6c84ff23!important}
.price-card.featured h3,.price-card.featured li,.price-card.featured .button{color:#10162b!important}
.price-card.featured .button{background:#0a1020!important;color:#edf2ff!important;border-color:#28345b!important}
.price-card.featured .price-term,.price-card.featured .price-label{color:#293653!important}
.collection-filters button[aria-pressed=true],.brief-types button[aria-pressed=true]{background:linear-gradient(110deg,#293d79,#202b51)!important;color:#f1f5ff!important;border-color:#91a7ff5e!important}
.chooser-controls button[aria-pressed=true]{background:linear-gradient(110deg,#26386c,#172545)!important;color:#f1f5ff!important;border-color:#91a7ff70!important;box-shadow:0 0 24px #667fff18,inset 0 1px #d7e0ff0b}
.chooser-controls button[aria-pressed=true]>.icon{color:var(--cyan)!important}
.chooser-controls button[aria-pressed=true]>.icon:last-child{opacity:.85}
.cover-film{background:linear-gradient(135deg,#475faf,#18234d)!important}
.cover-design{background:linear-gradient(135deg,#3c4e83,#10172c)!important}
.cover-audio{background:linear-gradient(135deg,#30285e,#101326)!important}
.cover-added{background:#10192d!important;border-color:#8199fa6b!important}
.cover-added>.icon{color:var(--cyan)!important}
.vinyl{background:repeating-radial-gradient(circle,#080b16 0 2px,#a2b4ff30 3px 4px),#0b1020!important}
.vinyl::after{background:var(--blue)!important;border-color:#b4c5ff!important}
.network-demo{background:radial-gradient(ellipse at 50% 15%,#334a921e,transparent 65%),#0b1020!important}
.power-orbit>i{border-color:#829aff38!important;pointer-events:none}
.power-orbit>i+ i{border-color:#67dff04a!important}
.power-switch{background:linear-gradient(145deg,#26376a,#111a34)!important;border-color:#9eb2ff88!important;color:#c7f6ff!important;box-shadow:0 0 35px #6586ff2e,inset 0 1px #fff3!important}
.power-switch[aria-pressed=true]{animation:ops-core 2.2s ease-in-out infinite alternate}
.network-demo .app-status,.app-status{color:#8290ad!important}
.service-status [data-service-state]::before{background:var(--cyan)!important;box-shadow:0 0 10px #68e3f39c}
.demo-off .service-status [data-service-state]::before{background:#64708a!important;box-shadow:none}
.price-badge,.small-button,.collection-filters button{border-radius:4px!important}
.legal-hero{background:radial-gradient(ellipse at 68% 45%,#435fff16,transparent 55%)}
.legal-card h2{color:#dce4ff!important}
.legal-card p,.legal-card li{color:#abb5ca!important}
.legal-card a{color:#b9d9ff!important}
.site-footer{background:linear-gradient(180deg,#090c17,#05070d)!important;border-top:1px solid var(--line)}
.footer-main .brand,.footer-group a,.footer-group button,.footer-bottom a{color:#bdc8e2!important}
.footer-group a:hover,.footer-group button:hover,.footer-bottom a:hover{color:var(--cyan)!important}
.footer-wordmark{color:#161f39!important;text-shadow:0 0 40px #6f89ff0a}
.ui-dialog{background:#0c1222!important;border-color:#8ba3ff49!important;box-shadow:0 36px 120px #000b,0 0 70px #5d75ff20!important}
.ui-dialog::backdrop{background:#02040bd9!important}
.dialog-body input,.dialog-body textarea{background:#080d19!important;border-color:#8ea4ff40!important}
.toast{background:#172341!important;border-color:#83a0ff5c!important;color:#f3f7ff!important}

/* SunoTool retains its interactive preview and licensing copy; only its skin changes. */
body:has(.studio){--bg:#070913;--text:#f2f5ff;--muted:#a1abc1;--gold:#93a5ff;--line:#bac9ff1c;--panel:#0c1120;color:var(--ink)!important}
body:has(.studio)>header{background:#080b15ef!important;border-color:var(--line)!important}
body:has(.studio) .hero .eyebrow,body:has(.studio) .hero-bottom,body:has(.studio) .product-strip{color:#a1abc1!important}
body:has(.studio) .hero-copy h1 em,body:has(.studio) .audio-heading h2 em,body:has(.studio) .section-heading h2 em{color:#aebaff!important}
body:has(.studio) .hero-copy>p,body:has(.studio) .intro,body:has(.studio) .fine{color:#a1abc1!important}
body:has(.studio) .studio{background:linear-gradient(145deg,#141f3a,#0a1020 72%)!important;border-color:#829aff55!important;border-radius:12px!important;box-shadow:0 32px 110px #000b,0 0 60px #718aff19!important;transform:rotate(.4deg)!important}
body:has(.studio) .studio::before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(110deg,transparent 35%,#91a5ff08 50%,transparent 65%);background-size:220% 100%;animation:ops-scan 8s ease-in-out infinite alternate}
body:has(.studio) .studio-tabs button[aria-selected=true]{color:#c8d5ff!important;border-color:#8aa4ff!important}
body:has(.studio) .studio-inner{position:relative}
body:has(.studio) .preview-file,body:has(.studio) .preview-values>div,body:has(.studio) .feature-grid article,body:has(.studio) .variant-stack span,body:has(.studio) .mini-track{background:#0b1222!important;border-color:#7189d23b!important}
body:has(.studio) .file-icon{background:#718aff22!important;border-color:#9badff66!important;color:var(--cyan)!important}
body:has(.studio) .studio .waveform{background:radial-gradient(ellipse,#5374e12a,transparent 70%)}
body:has(.studio) .studio .waveform>b{background:linear-gradient(180deg,var(--cyan),var(--blue))!important;box-shadow:0 0 12px #68e3f34d}
body:has(.studio) .studio-bottom{border-color:var(--line)!important;color:#aab6d0!important}
body:has(.studio) .product-strip{border-color:var(--line)!important}
body:has(.studio) .product-strip b{color:#dce5ff!important}
body:has(.studio) .audio-showcase{background:#0c1221!important;border-color:#7189d23b!important;border-radius:10px!important;box-shadow:0 24px 80px #0005}
body:has(.studio) .audio-visual{background:radial-gradient(ellipse at 50% 40%,#637fff20,transparent 62%),linear-gradient(135deg,#111a31,#090d19)!important;border-color:var(--line)!important}
body:has(.studio) .record-disc{background:repeating-radial-gradient(circle at center,#080b15 0 2px,#718aff35 2px 3px,#10172a 4px 6px)!important;border-color:#9db0ff66!important;box-shadow:0 0 45px #6d85ff2b,0 20px 50px #0009!important}
body:has(.studio) .record-disc>span{background:linear-gradient(140deg,#c6d1ff,#6e8cff)!important;color:#0b1220!important}
body:has(.studio) .record-orbit{border-color:#68e3f355!important}
body:has(.studio) .audio-files span{background:#101a30!important;border-color:#8da2f343!important;color:#cbd7fa!important}
body:has(.studio) .audio-story article{border-color:var(--line)!important}
body:has(.studio) .audio-story article>span,body:has(.studio) .number{color:var(--cyan)!important}
body:has(.studio) .audio-story article p,body:has(.studio) .audio-rights{color:#a1abc1!important}
body:has(.studio) .audio-rights a{color:#b8cbff!important}
body:has(.studio) .feature-grid article.feature-primary{background:linear-gradient(145deg,#172548,#0a1020)!important;border-color:#829aff51!important}
body:has(.studio) .feature-grid article p{color:#a1abc1!important}
body:has(.studio) .variant-stack i{background:repeating-linear-gradient(90deg,#72e2f0 0 2px,transparent 2px 5px)!important}
body:has(.studio) .license-facts,body:has(.studio) .install-note{border-color:var(--line)!important;color:#aab6d0!important}
body:has(.studio) .faq>details,body:has(.studio) .cta{border-color:var(--line)!important}
body:has(.studio) .cta{background:radial-gradient(ellipse at 78% 30%,#5576ff22,transparent 48%),#0b1020!important}
body:has(.studio) footer{background:#070a13!important;border-color:var(--line)!important}

/* Deliberate motion; every looping element is small, and all movement is transform/opacity. */
@keyframes ops-breathe{from{transform:scale(.96);opacity:.52}to{transform:scale(1.04);opacity:1}}
@keyframes ops-menu-in{from{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}
@keyframes ops-rotate{to{transform:rotate(360deg)}}
@keyframes ops-rotate-center{from{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(360deg)}}
@keyframes ops-disc{to{transform:rotate(360deg)}}
@keyframes ops-core{from{opacity:.72}to{opacity:1}}
@keyframes ops-wave{from{transform:scaleY(.42);opacity:.5}to{transform:scaleY(1);opacity:1}}
@keyframes ops-scan{from{transform:translateX(-12%);opacity:.25}to{transform:translateX(12%);opacity:.9}}
@keyframes ops-panel-in{from{opacity:.4;transform:translateY(8px) scale(.99)}to{opacity:1;transform:translateY(0) scale(1)}}
.reveal-ready{transition:opacity .75s var(--ease),transform .75s var(--ease)!important}
.reveal-pending{opacity:0!important;transform:translateY(20px)!important}
.product-feature.reveal-pending{transform:translateY(24px) scale(.99)!important}
.site-header,.main-nav,.section-heading,.product-feature,.feature-card,.download-card,.price-card,.faq-item,.product-contact{animation:none}
.product-feature,.feature-card,.download-card,.price-card{transition:transform .4s var(--ease),border-color .35s,box-shadow .4s!important}
.product-feature:hover{transform:translateY(-3px)!important}
.network-demo .power-orbit>i{animation:ops-rotate 22s linear infinite}
.network-demo .power-orbit>i+ i{animation-direction:reverse;animation-duration:15s}
.fx-out .media-art .art-orbit,.fx-out .network-art .orbit,.fx-out .suno-art-orbit,.fx-out .suno-art-disc,.fx-out .suno-art-wave i,.fx-out .power-orbit>i,.fx-out .power-switch{animation-play-state:paused!important}
.motion-off *,html.motion-off *::before,html.motion-off *::after{animation:none!important;scroll-behavior:auto!important;transition-duration:.01ms!important}

@media(max-width:760px){
  .home-hero::after,.product-hero::after,body:has(.studio) .hero::after{width:240px;height:240px;right:2%;top:31%}
  .suno-art{height:300px}
  body:has(.studio) .studio{transform:none!important}
  body:has(.studio) .studio-top small{color:#9eafd7!important}
  body:has(.studio) header{height:auto;backdrop-filter:none!important}
  body:has(.studio) header .header-inner{display:grid;height:auto;min-height:0;grid-template-columns:minmax(0,1fr) auto;grid-template-rows:34px 30px;gap:4px 12px;align-items:center;padding-block:7px}
  body:has(.studio) header nav{grid-column:1/-1;width:100%;height:30px;order:3;flex-wrap:nowrap;justify-content:space-between;align-items:center;gap:8px;overflow:visible;padding:0}
  body:has(.studio) header nav>a{flex:none;font-size:9px}
  body:has(.studio) header nav>a:first-child{display:inline-flex!important}
  body:has(.studio) header nav details{flex:none}
  body:has(.studio) header nav details summary{padding:6px 0;font-size:10px;white-space:nowrap}
  body:has(.studio) header .brand{order:1}
  body:has(.studio) header .small-button{order:2;margin-left:auto}
  body:has(.studio) header .ops-product-switch{flex-basis:auto}
  body:has(.studio) header .ops-product-menu{position:fixed;top:86px;left:auto;right:12px;transform:none;text-align:left}
}
@media(max-width:430px){
  html:has(.studio){scroll-padding-top:98px}
  body:has(.studio) .install-section{scroll-margin-top:0}
  .home-hero::before,.product-hero::before,body:has(.studio) .hero::before{background-size:38px 38px}
  .suno-art{height:260px}
  .suno-art-wave{bottom:14%;height:55px;gap:3px}
  .suno-feature .product-story{padding:25px!important}
  .suno-feature .product-kicker{font-size:6px!important}
}
@media(prefers-reduced-motion:reduce){
  *,*::before,*::after{animation:none!important;scroll-behavior:auto!important;transition:none!important}
  .reveal-pending,.reveal-ready{opacity:1!important;transform:none!important}
}
@media(prefers-reduced-motion:reduce){.ops-product-menu{animation:none}}
body:has(.studio) header{backdrop-filter:none!important}
body:has(.studio) header nav{height:54px;align-items:center;justify-content:center}
body:has(.studio) header nav>a{display:inline-flex;align-items:center;height:auto;padding-block:8px}
body:has(.studio) header nav>.ops-product-switch{height:30px;padding:0!important;margin:0;flex:0 0 auto;align-self:center}
body:has(.studio) header nav>.ops-product-switch summary{height:30px;padding:0!important;margin:0;line-height:30px}
body:has(.studio) .hero .studio[data-mode=create] .waveform,body:has(.studio) .hero .studio[data-mode=library] .waveform{filter:none!important}
@media print{body::before,.home-hero::before,.home-hero::after,.product-hero::before,.product-hero::after{display:none!important}}

/* Original product artwork gives each product a real, distinct visual identity. */
.home-hero::after{
  right:0;top:2%;width:min(68vw,1040px);height:94%;border:0;border-radius:0;box-shadow:none;
  background:url('/fedgo-home.webp') 76% center/cover no-repeat;opacity:.38;
  mask-image:linear-gradient(90deg,transparent 0%,#000 38%,#000 100%);
  animation:ops-image-breathe 12s ease-in-out infinite alternate
}
.ops-art-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;border-radius:inherit;pointer-events:none}
.media-art>.ops-art-image,.network-art>.ops-art-image{z-index:0;opacity:.76}
.media-art .art-orbit,.media-art .art-poster,.media-art>.audio-float,.media-art>.art-index,
.network-art>.orbit,.network-art>.network-core,.network-art>.network-node,.network-art>.orbit-satellite,.network-art>.art-index{z-index:1}
.media-art .art-poster{opacity:.18}
.media-art>.audio-float{opacity:.9}
.network-art>.orbit{opacity:.42}
.network-art>.network-core{opacity:.9}
.product-demo-wrap>.ops-product-backdrop{position:absolute;z-index:0;inset:-9% -5%;width:110%;height:118%;object-fit:cover;opacity:.4;mask-image:radial-gradient(ellipse at 60% 48%,#000 15%,transparent 78%);pointer-events:none}
.product-demo-wrap>.app-preview{position:relative;z-index:1}
.suno-art>.ops-art-image{z-index:0;opacity:.78;border-radius:8px;mask-image:linear-gradient(180deg,#000 35%,transparent 100%)}
.suno-art-orbit,.suno-art-disc,.suno-art-wave,.suno-art-label{z-index:1}
body:has(.studio) .hero{position:relative}
body:has(.studio) .hero>.ops-suno-hero-image{position:absolute;z-index:0;right:-4%;top:8%;width:70%;height:88%;object-fit:cover;opacity:.3;mask-image:linear-gradient(90deg,transparent 0%,#000 38%,#000 94%,transparent 100%);pointer-events:none}
body:has(.studio) .hero>.eyebrow,body:has(.studio) .hero>.hero-grid{position:relative;z-index:1}
@keyframes ops-image-breathe{from{transform:translateY(0);opacity:.32}to{transform:translateY(-7px);opacity:.42}}
@media(max-width:760px){
  .home-hero::after{right:-10%;top:23%;width:110%;height:62%;opacity:.26;mask-image:linear-gradient(90deg,transparent 0%,#000 30%,#000 100%)}
  .media-art>.ops-art-image,.network-art>.ops-art-image{opacity:.68}
  .product-demo-wrap>.ops-product-backdrop{inset:-5% -2%;width:104%;height:110%;opacity:.3}
  body:has(.studio) .hero>.ops-suno-hero-image{right:-18%;top:20%;width:115%;height:66%;opacity:.22;mask-image:linear-gradient(90deg,transparent 0%,#000 25%,#000 100%)}


}
@media(prefers-reduced-motion:reduce){.home-hero::after{animation:none!important;transform:none!important}}

/* Refined product gallery: let the product artwork read before its decoration. */
.product-feature{min-height:404px!important;grid-template-columns:minmax(0,1fr) minmax(0,.92fr)!important}
.product-story{padding:30px 36px!important}
.product-story h3{margin-top:20px!important;font-size:clamp(36px,3.3vw,46px)!important}
.product-story .product-promise{font-size:clamp(23px,2vw,29px)!important;line-height:1.2}
.product-stage{min-height:360px!important}
.product-stage::before{top:18px!important;left:18px!important;right:18px!important}
.product-stage::after{bottom:18px!important;left:18px!important;right:18px!important}
.product-stage .media-art,.product-stage .network-art{width:min(370px,92%)!important;height:302px!important;transform:none!important}
.media-art,.network-art{overflow:hidden;border-radius:12px}
.media-art>.ops-art-image,.network-art>.ops-art-image{opacity:.96!important;object-fit:contain!important;object-position:center!important}
.media-art>.art-orbit,.network-art>.orbit{opacity:.24!important}
.media-art .art-poster{display:none!important}
.media-art>.audio-float{left:3%!important;bottom:5%!important;opacity:.96!important;transform:scale(.84);transform-origin:left bottom}
.network-art>.network-node{padding:7px 10px!important;font-size:9px!important}
.network-art>.node-one{left:4%!important;top:19%!important}
.network-art>.node-two{right:4%!important;top:29%!important}
.network-art>.node-three{left:7%!important;bottom:16%!important}
.orbit-satellite{background:transparent!important;box-shadow:none!important}
.orbit-satellite::before{background:var(--cyan)!important;box-shadow:0 0 12px #68e3f3b0!important}
.network-art>.orbit-satellite{opacity:.55!important}
.suno-feature .suno-art>.ops-art-image{opacity:.24!important;object-fit:contain!important;mask-image:radial-gradient(ellipse at 50% 50%,#000 15%,transparent 77%)!important}

/* SunoTool installation is part of the same product experience as the rest of FEDGO. */
body:has(.studio) .install-section{position:relative;overflow:hidden;padding:74px 0!important;scroll-margin-top:0;background:radial-gradient(ellipse at 12% 22%,#536cff12,transparent 36%),linear-gradient(145deg,#0b1020,#080b15 68%)!important;border-block:1px solid #91a6ff22!important}
body:has(.studio) .install-section::before{content:"";position:absolute;inset:0;pointer-events:none;opacity:.26;background:linear-gradient(#718aff0c 1px,transparent 1px),linear-gradient(90deg,#718aff0c 1px,transparent 1px);background-size:42px 42px;mask-image:linear-gradient(110deg,#000,transparent 75%)}
body:has(.studio) .install-section>.wrap{position:relative;display:grid;grid-template-columns:minmax(240px,.75fr) minmax(0,1.25fr);gap:20px 64px;align-items:start}
body:has(.studio) .install-section .section-heading{position:sticky;top:104px;margin:0;max-width:470px}
body:has(.studio) .install-section .section-heading h2{font-size:clamp(36px,4vw,54px);letter-spacing:-.055em;color:#f2f5ff}
body:has(.studio) .install-section .section-heading h2 em{color:#aebaff!important}
body:has(.studio) .install-section .intro{font-size:14px;line-height:1.8;color:#a1abc1!important}
body:has(.studio) .install-section .steps{max-width:none;margin:0}
body:has(.studio) .install-section .steps article{position:relative;padding:21px 20px!important;margin:0 0 10px;border:1px solid #91a6ff20!important;border-radius:12px;background:linear-gradient(115deg,#11182a,#0c1120)!important;gap:16px;transition:transform .25s ease,border-color .25s ease,background .25s ease}
body:has(.studio) .install-section .steps article:hover{transform:translateX(3px);border-color:#91a6ff55!important;background:linear-gradient(115deg,#151e35,#0d1324)!important}
body:has(.studio) .install-section .steps article>span{flex:none;width:31px;height:31px;padding:0!important;display:grid;place-items:center;border:1px solid #91a6ff40;border-radius:9px;background:#718aff16;color:#b8c5ff!important;font:10px ui-monospace,monospace}
body:has(.studio) .install-section .steps h3{margin:2px 0 9px!important;font-size:17px;color:#eef2ff}
body:has(.studio) .install-section .steps p{font-size:12px;line-height:1.8;color:#a1abc1!important}
body:has(.studio) .install-section .steps a,body:has(.studio) .install-section .install-note a{color:#aebaff!important;text-decoration-color:#738dff;text-underline-offset:3px}
body:has(.studio) .install-section code{background:#101a30!important;color:#cbd7fa!important;border:1px solid #829aff2c}
body:has(.studio) .install-section .copy-row button{padding:8px 11px;background:#10182a!important;border:1px solid #829aff40!important;border-radius:8px;color:#d5defa!important;transition:background .2s,border-color .2s,transform .2s}
body:has(.studio) .install-section .copy-row button:hover{background:#1a2745!important;border-color:#91a6ff8a!important;transform:translateY(-1px)}
body:has(.studio) .install-section .install-note{grid-column:2;margin:0;padding:16px 19px!important;border:1px solid #91a6ff24!important;border-left:2px solid #8ea4ff!important;border-radius:10px;background:#10182a!important;color:#d5defa!important}
body:has(.studio) .install-section .install-note p{font-size:12px;line-height:1.8;color:#a1abc1!important}
body:has(.studio) .install-section>.wrap>.fine{grid-column:2;margin:0;color:#8591ad!important}
body:has(.studio) .hero>.ops-suno-hero-image{right:-3%;top:12%;width:59%;height:75%;opacity:.12;mask-image:radial-gradient(ellipse at 64% 48%,#000 10%,transparent 75%)}
.contact-section{
  position:relative;isolation:isolate;overflow:hidden;
  background:radial-gradient(ellipse at 78% 12%,#657cff19,transparent 38%),linear-gradient(180deg,#080c18,#070913)!important;
  color:#f2f5ff!important;border-top:1px solid #91a6ff20
}
.contact-section::before{content:"";position:absolute;z-index:-1;inset:0;pointer-events:none;background:radial-gradient(ellipse at 18% 100%,#6b82ff0b,transparent 45%)}
.contact-section>.wrap{position:relative;z-index:1}
.contact-top{color:#8995b1!important}
.contact-main{
  position:relative;overflow:hidden;padding:clamp(30px,4vw,52px)!important;
  border:1px solid #91a6ff2c!important;border-radius:16px!important;
  background:radial-gradient(ellipse at 100% 0%,#718aff13,transparent 52%),linear-gradient(130deg,#0e1528,#0a1020 65%,#0b1020)!important;
  box-shadow:0 24px 70px #0005,inset 0 1px #d8e0ff0b!important
}
.contact-main::after{content:"";position:absolute;right:18%;top:-75%;width:44%;aspect-ratio:1;border:1px solid #91a6ff0c;border-radius:50%;box-shadow:0 0 0 32px #91a6ff06,0 0 0 72px #91a6ff04;pointer-events:none}
.contact-main h2{position:relative;z-index:1;color:#f2f5ff!important}
.contact-main h2>span{color:#aebaff!important;text-shadow:0 0 32px #718aff25}
.contact-circle{position:relative;z-index:1;background:linear-gradient(145deg,#1d2a50,#10182d)!important;border:1px solid #91a6ff50;color:#eaf0ff!important;box-shadow:0 10px 36px #0006,0 0 32px #718aff14;transition:transform .35s var(--ease),background .3s,box-shadow .3s,border-color .3s}
.contact-circle:hover{transform:translateY(-4px) rotate(3deg);background:linear-gradient(145deg,#293b6d,#172442)!important;border-color:#91a6ff8a;box-shadow:0 16px 44px #0008,0 0 34px #718aff28}
.contact-bottom{border-color:#91a6ff24!important}
.contact-bottom>p{color:#a1abc1!important}
.contact-bottom .text-link{color:#cbd7fa!important}
.contact-bottom .text-link:hover{color:#68e3f3!important}

/* Keep product end-cards in the same dark visual system as the product pages. */
.product-contact{
  position:relative;isolation:isolate;overflow:hidden;
  background:radial-gradient(ellipse at 84% 18%,#6b82ff17,transparent 38%),linear-gradient(180deg,#0a0f1d,#080b15)!important;
  color:#f2f5ff!important;border-block:1px solid #91a6ff20
}
.product-contact::before{content:"";position:absolute;z-index:-1;inset:0;pointer-events:none;background:linear-gradient(115deg,#718aff08,transparent 38%,#68e3f306)}
.product-contact>.wrap{position:relative;z-index:1}
.product-contact .eyebrow{color:#929fbd!important}
.product-contact h2{color:#f2f5ff!important;text-wrap:balance;text-shadow:0 0 38px #718aff15}
.product-contact p{color:#a1abc1!important}
.product-contact .actions{gap:16px}
.product-contact .text-link{min-height:48px;padding:0 2px;color:#cbd7fa!important;background:transparent!important;border:0!important}
.product-contact .text-link:hover{color:#68e3f3!important}
.product-contact .text-link:focus-visible{outline-offset:5px!important}

@media(max-width:900px){
  .product-feature{min-height:0!important}
  .product-story{padding:27px!important}
  .product-stage{min-height:320px!important}
  body:has(.studio) .install-section>.wrap{grid-template-columns:minmax(210px,.72fr) minmax(0,1.28fr);gap:18px 30px}
}
@media(max-width:760px){
  .product-feature{grid-template-columns:1fr!important}
  .product-stage{min-height:286px!important}
  .product-stage .media-art,.product-stage .network-art{height:260px!important;width:min(360px,100%)!important}
  .media-art>.audio-float{transform:scale(.68);bottom:3%!important}
  .network-art>.network-node{font-size:8px!important;padding:6px 8px!important}
  body:has(.studio) .install-section{padding:56px 0!important}
  body:has(.studio) .install-section>.wrap{grid-template-columns:1fr;gap:24px}
  body:has(.studio) .install-section .section-heading{position:relative;top:auto;max-width:600px}
  body:has(.studio) .install-section .section-heading h2{font-size:clamp(37px,10vw,50px)}
  body:has(.studio) .install-section .steps article{padding:17px 14px!important;gap:12px}
  body:has(.studio) .install-section .install-note,body:has(.studio) .install-section>.wrap>.fine{grid-column:1}
  body:has(.studio) .hero>.ops-suno-hero-image{right:-24%;top:25%;width:125%;height:55%;opacity:.08}
}
@media(prefers-reduced-motion:reduce){body:has(.studio) .install-section .steps article{transition:none!important}body:has(.studio) .install-section .steps article:hover{transform:none}}

/* Keep the home product overview compact and let the artwork use the space. */
@media(min-width:761px){
  .projects-section .section-heading{margin-bottom:38px!important}
  .projects-section .product-feature{min-height:348px!important}
  .projects-section .product-story{padding:23px 30px!important}
  .projects-section .product-story h3{margin-top:15px!important;font-size:clamp(34px,3vw,40px)!important}
  .projects-section .product-story .product-promise{margin-top:11px!important;font-size:clamp(21px,1.8vw,25px)!important}
  .projects-section .product-story .product-description{margin-top:10px!important;line-height:1.6}
  .projects-section .product-story .product-spec{margin:15px 0 13px!important}
  .projects-section .product-stage{min-height:322px!important}
  .projects-section .product-stage .media-art,.projects-section .product-stage .network-art{width:min(440px,95%)!important;height:272px!important}
  .projects-section .product-stage .stage-footnote{bottom:35px!important}
}
@media(max-width:1100px) and (min-width:761px){
  .projects-section .product-story{padding:21px 23px!important}
  .projects-section .product-stage{min-height:300px!important}
  .projects-section .product-stage .media-art,.projects-section .product-stage .network-art{width:min(390px,94%)!important;height:242px!important}
  .projects-section .product-spec{gap:10px!important}
}
@media(max-width:760px){
  .projects-section .section-heading{margin-bottom:30px!important}
  .projects-section .product-story{padding:22px 20px!important}
  .projects-section .product-story h3{margin-top:15px!important;font-size:38px!important}
  .projects-section .product-story .product-promise{margin-top:10px!important;font-size:22px!important}
  .projects-section .product-story .product-description{margin-top:10px!important;line-height:1.6}
  .projects-section .product-story .product-spec{margin:16px 0!important}
  .projects-section .product-stage{min-height:245px!important}
  .projects-section .product-stage .media-art,.projects-section .product-stage .network-art{width:min(310px,94%)!important;height:215px!important}
  .projects-section .product-stage::before{top:12px!important}
  .projects-section .product-stage::after{bottom:12px!important}
  .projects-section .product-stage .stage-footnote{bottom:23px!important}
}
.projects-section .suno-feature .suno-art>.ops-art-image{
  opacity:.62!important;
  object-fit:contain!important;
  object-position:54% 48%!important;
  mask-image:linear-gradient(180deg,#000 0%,#000 72%,transparent 100%)!important
}
.projects-section .suno-feature .suno-art-disc{
  border-color:#c4d4ffab!important;
  box-shadow:0 20px 65px #000b,0 0 48px #718aff55,inset 0 0 18px #c8d9ff20!important
}
.projects-section .suno-feature .suno-art-wave i{opacity:.92!important;box-shadow:0 0 10px #68e3f36b}