:root{--bg:#100b2a;--side:#211744;--panel:#291d51;--line:#c9b8ff26;--ink:#faf5ff;--muted:#bcb1d0;--mint:#a8edd2;--pink:#f0b5dc;--violet:#c9b8ff;--shadow:0 25px 70px #08041555}body{background:#100b2a;position:relative}body:before{content:"";position:absolute;inset:0;z-index:-2;background:linear-gradient(180deg,#100b2a 0%,#231641 19%,#38224f 43%,#422653 63%,#25183d 83%,#17102e 100%)}.cosmos-backdrop{position:absolute;inset:0;pointer-events:none;z-index:-1;background:radial-gradient(ellipse 80% 550px at 90% 500px,#d99ac825,transparent),radial-gradient(ellipse 90% 650px at 0 2600px,#9166c735,transparent),radial-gradient(ellipse 70% 800px at 90% 5800px,#d99ac829,transparent)}.nav{background:linear-gradient(#100b2af5,#100b2acc,transparent)}.nav-inner{background:#24183fcf;border-color:#c9b8ff27}.nav .primary,.primary{background:linear-gradient(115deg,#8053d2,#ac699f);border-color:#e0c2ff50;box-shadow:0 8px 24px #9060db22}.primary:hover{box-shadow:0 10px 30px #e1a5d833}.eyebrow{color:#cfbcec}.gradient-word{background-image:linear-gradient(100deg,#f7c2de,#d4bdff 65%,#c7c8ff)}.hero{grid-template-columns:.86fr 1.3fr;gap:42px;padding-top:62px;padding-bottom:70px;min-height:610px}.hero h1{font-size:clamp(35px,3.4vw,51px);line-height:1.35;letter-spacing:-.055em;margin-top:26px;white-space:nowrap}.hero-lead{font-size:19px}.hero-description{font-size:14px}.product-sign{display:flex;align-items:center;gap:15px}.product-sign img{height:62px;width:62px;border-radius:15px;box-shadow:0 8px 28px #07031c55}.product-sign .eyebrow{line-height:1.65;letter-spacing:.16em;font-size:12px}.compat{gap:12px;flex-wrap:wrap;font-size:11px;color:#c2b0da}.stage-label{color:#c4b0da;font-size:10px}.hero-art:before{background:#d293dd25;inset:8% -5%;filter:blur(70px)}.demo{background:linear-gradient(145deg,#9a80bc26,#1a123f77);border-color:#d6b9f947;padding:9px;border-radius:21px;box-shadow:0 30px 70px #08051d60,0 0 50px #d99ac808}.demo .scene{background:#100b2a;border-radius:13px;aspect-ratio:1200/760}.hero-demo .scene{aspect-ratio:1200/820}.demo-controls{padding:9px 3px 0;gap:5px;min-height:35px;font-size:10px}.demo-controls button{font-size:10px;background:#b28fdf15;color:#eee2ff;border:1px solid #d4c0ed30;border-radius:6px;padding:5px 8px;white-space:nowrap}.demo-controls .scene-label{font-size:10px;color:#d2c2e5;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.demo-controls .progress-track{background:#e0c3ff20;flex:0 0 35px}.progress-track i{background:#e4b4de}.under-stage{color:#b5a0c9;font-size:11px}.under-stage button{color:#e4caee;font-size:11px}.feature-nav{background:#c1a2da09}.feature-nav a:hover{background:#dab0eb12}.feature-nav span,.feature-nav b{color:#c5a9db}.statement{padding:100px 0 90px}.statement p,.feature-copy p,.final-cta p{color:var(--muted);line-height:1.95}.resource-line strong{color:#f3d6ef;background:#dc9ec612;border-color:#d3b2e23a}.resource-line small{color:#a998be}.resource-line i,.resource-line b{color:#b8a0ce}.feature-row{gap:65px;padding:78px 0}.feature-copy h2{font-size:clamp(29px,3vw,42px)}.feature-copy .feature-close{color:#bcaacc;font-size:14px}.feature-copy strong{color:#f5d1e7;font-weight:600}.surprise{display:inline-flex;border:1px solid #d8b1ec40;margin-top:14px;color:#efc6e3;background:#f0b5dc0c}.detail-section{border-top:1px solid var(--line);padding:75px 0 80px}.detail-head{display:flex;align-items:start;justify-content:space-between;gap:30px}.detail-head h2{font-size:36px;line-height:1.4;margin:0 0 35px}.control-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:30px}.control-grid article{border-top:1px solid #cbb0e533;padding-top:25px}.control-symbol{font-family:BudgieTitle,sans-serif;font-size:27px;color:#e3b4d8;display:block;height:45px}.control-grid h3{font-size:16px;margin:14px 0}.control-grid p{color:var(--muted);font-size:13px;line-height:1.9}.paired-icons{display:flex;gap:16px;align-items:center;margin:24px 0}.paired-icons img{width:53px;height:53px;border-radius:13px}.paired-icons span{font-size:22px;color:#b9a2cc}.integration-note{font-size:11px!important;color:#bca9cf!important;border-left:2px solid #c59bd7;padding-left:12px;margin:22px 0!important}.text-link{font-size:13px;color:#f2cae5;border-bottom:1px solid #e4b4de55;padding-bottom:5px}.final-cta{border-top:1px solid var(--line);padding:90px 0 100px;text-align:center}.final-icon{height:83px;width:83px;border-radius:20px;display:block;margin:0 auto 25px;box-shadow:0 18px 60px #e2a6d51a}.final-cta h2{font-size:clamp(34px,4vw,53px);line-height:1.4;margin:25px 0}.final-cta .hero-actions{justify-content:center}.release-note{font-size:11px!important;color:#aa95bc!important}.ultimate-footer{border-top:1px solid var(--line);padding:32px 0 45px;display:flex;align-items:center;justify-content:space-between;gap:24px;color:#b9a3cb;font-size:11px}.ultimate-footer .brand{font-size:16px;color:#eee2f7}.ultimate-footer .brand small{font-size:10px}.ultimate-footer .brand img{height:35px;width:35px}dialog{background:#1d1434;color:#f4eafa;border:1px solid #c5a3e660;border-radius:20px;padding:18px;max-width:1170px;width:calc(100% - 40px);box-shadow:0 30px 130px #0009}dialog::backdrop{background:#080519c9;backdrop-filter:blur(12px)}.modal-heading{display:flex;align-items:center;justify-content:space-between;padding:0 4px 15px}.modal-heading h2{font-size:15px;margin:0}.modal-close{background:#b995d51c;border-radius:8px;padding:9px 12px}.modal-open{overflow:hidden}dialog .demo{box-shadow:none}dialog .scene{max-height:72vh}svg .hit{cursor:pointer}svg .selected-outline{stroke:#ead3ff;stroke-width:2}svg text{font-family:BudgieUI,-apple-system,sans-serif}button:focus-visible,a:focus-visible{outline-color:#f0b5dc}
@media(min-width:1500px){.wrap{max-width:1320px}.hero{gap:65px}.hero h1{font-size:53px}}
@media(max-width:1050px){.hero{gap:25px}.hero h1{font-size:36px}.hero .compat{font-size:10px}.feature-row{gap:35px}.feature-copy h2{font-size:32px}.hero-actions{gap:4px}.hero-actions .primary,.hero-actions .ghost{font-size:12px;padding:12px}.ultimate-footer>span{display:none}.nav .budgie-feature-links>a:not(.primary){display:none}}
@media(max-width:760px){.wrap{width:calc(100% - 36px)}.hero{display:flex;flex-direction:column;align-items:stretch;padding-top:35px;gap:35px}.hero h1{font-size:clamp(32px,6.5vw,45px);white-space:normal}.hero-description{font-size:13px}.hero-art{width:100%}.product-sign img{height:50px;width:50px}.hero .compat{font-size:11px}.hero-actions .primary,.hero-actions .ghost{padding:13px 18px}.feature-nav{grid-template-columns:repeat(2,1fr)}.feature-nav a{padding:19px 15px;font-size:12px}.feature-nav a:nth-child(2){border-right:0}.feature-nav a:nth-child(-n+2){border-bottom:1px solid var(--line)}.statement{padding:70px 0}.statement h2{font-size:30px}.resource-line{gap:10px;flex-wrap:wrap}.resource-line>span{font-size:12px}.resource-line small{font-size:9px}.resource-line strong{font-size:12px;padding:13px}.feature-row{display:flex;flex-direction:column;align-items:stretch;padding:55px 0;gap:28px}.feature-row.reverse .feature-copy{order:0}.feature-copy h2{font-size:31px;margin:18px 0}.feature-copy p{font-size:14px}.detail-section{padding:55px 0}.detail-head{display:block}.detail-head h2{font-size:30px;margin-top:20px}.control-grid{grid-template-columns:1fr 1fr;gap:25px}.control-grid p{font-size:12px}.control-grid h3{font-size:15px}.final-cta{padding:60px 0}.final-cta p{font-size:13px}.ultimate-footer{padding:25px 0}.ultimate-footer .brand small{font-size:8px}.ultimate-footer .brand{font-size:14px}.ultimate-footer>a:last-child{font-size:10px}.nav .budgie-feature-links{display:none!important}.demo-controls{gap:4px}.demo-controls button{padding:5px 6px;font-size:9px}.demo-controls .scene-label{font-size:9px}.demo-controls .progress-track{flex-basis:22px}dialog{width:calc(100% - 18px);padding:10px}.demo{padding:6px;border-radius:15px}.demo .scene{border-radius:9px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}

@font-face{font-family:UltimateUI;src:url(product-ui.ttf) format("truetype");font-display:swap}@font-face{font-family:UltimateTitle;src:url(product-title.ttf) format("truetype");font-display:swap}.ultimate-demo svg text{font-family:UltimateUI,-apple-system,sans-serif}.ultimate-demo svg .product-title{font-family:UltimateTitle,sans-serif}.product-price-line{display:flex;align-items:baseline;gap:15px;margin:22px 0 4px}.product-price-line strong,.final-price{font-size:32px!important;font-weight:650;color:#f5d1e7!important;line-height:1.2!important}.product-price-line span{font-size:12px;color:#bcb1d0}.demo .scene{overflow:hidden}.ultimate-demo:has([viewBox="0 0 1200 820"]) .scene{aspect-ratio:1200/820}.demo-controls .scene-label{min-width:0;flex:1}.demo-controls{display:flex;align-items:center}.final-price{margin:24px 0!important}
/* 1.13.8 functional product story */
html,body{max-width:100%;overflow-x:clip}.hero{grid-template-columns:.8fr 1.35fr;min-height:690px}.hero h1{font-size:clamp(38px,4vw,60px);line-height:1.22;margin-bottom:24px}.hero-description{max-width:385px;line-height:1.95}.feature-points{list-style:none;padding:0;margin:24px 0 0;color:#d4c5e5;font-size:13px;line-height:1.9}.feature-points li{position:relative;padding:9px 0 9px 19px;border-bottom:1px solid #d7b7ee12}.feature-points li:before{content:'';position:absolute;left:0;top:18px;width:5px;height:5px;background:#eab4d7;border-radius:50%}.feature-note{font-size:11px!important;opacity:.8}.feature-row .demo{min-width:0;width:100%}.fill-shelf{margin-top:22px;border:1px solid #d8b1ec40;color:#efc6e3;background:#f0b5dc0c}.reassurance{padding:85px 0;border-top:1px solid var(--line);text-align:center}.reassurance h2,.requirements h2,.faq h2{font-size:38px;line-height:1.4;margin:22px 0}.reassurance>p{color:var(--muted);line-height:1.95}.assurance-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:35px;margin-top:45px;text-align:left}.assurance-grid>div{padding:25px;border:1px solid var(--line);background:#d9b9e705;border-radius:15px}.assurance-grid b{color:#efcbe7;font-size:16px}.assurance-grid p{font-size:13px;line-height:1.9;color:var(--muted)}.requirements{padding:80px 0;border-top:1px solid var(--line);display:grid;grid-template-columns:1fr 1.2fr;gap:60px}.requirements dl{margin:0}.requirements dl>div{display:grid;grid-template-columns:95px 1fr;padding:20px 0;border-bottom:1px solid var(--line);font-size:14px;line-height:1.8}.requirements dt{color:#efcbe7}.requirements dd{margin:0;color:var(--muted)}.faq{padding:65px 0 90px;max-width:900px}.faq details{border-bottom:1px solid var(--line);padding:24px 0}.faq summary{cursor:pointer;list-style:none;font-size:16px;display:flex;justify-content:space-between;gap:24px}.faq summary::-webkit-details-marker{display:none}.faq summary span{color:#e7b0dc}.faq details[open] summary span{transform:rotate(45deg)}.faq details p{color:var(--muted);line-height:1.9;font-size:14px;max-width:740px}.shelf-result{animation:reveal-card .6s both}@keyframes reveal-card{from{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}.scene>svg{display:block;width:100%;height:100%;overflow:hidden}.demo-controls .scene-label{flex:1;min-width:0}.demo-controls{display:flex}.hit:focus-visible{outline:none;filter:drop-shadow(0 0 5px #f0b5dc)}#random,#shelf-random{scroll-margin-top:100px}@media(max-width:1050px){.hero h1{font-size:42px}.hero{gap:30px}.feature-row{gap:30px}}@media(max-width:760px){.hero{min-height:0}.hero h1{font-size:44px}.hero-description{max-width:490px}.assurance-grid{grid-template-columns:1fr;gap:12px}.requirements{grid-template-columns:1fr;gap:20px;padding:55px 0}.reassurance h2,.requirements h2,.faq h2{font-size:30px}.faq{padding:45px 0 60px}.faq summary{font-size:14px}.reassurance{padding:55px 0}.reassurance>p{font-size:13px}.feature-points{font-size:12px}.requirements dl>div{font-size:13px;grid-template-columns:85px 1fr}.demo-controls .progress-track{display:none}.hero-art:before{inset:8% 0}.demo-controls button{padding:6px 5px}}@media(prefers-reduced-motion:reduce){.shelf-result{animation:none}}
.scene-steps{display:flex;gap:3px}.demo-controls .step-dot{padding:3px;width:19px;height:20px;font-size:9px;color:#bca5d2;background:transparent;border-color:transparent}.demo-controls .step-dot[aria-current=true]{background:#c9b8ff33;color:#fff}.demo-controls .progress-track{display:none}@media(max-width:760px){.scene-steps{gap:0}.demo-controls .step-dot{width:16px;font-size:8px}.demo-controls .scene-label{max-width:none}}
/* v5: accurate product menu flows and regional launch pricing */
.pricing{padding:90px 0;text-align:center;border-top:1px solid var(--line);scroll-margin-top:100px}.pricing h2{font-size:40px;margin:22px 0 40px}.price-grid{display:grid;grid-template-columns:1fr 1fr;max-width:800px;margin:0 auto;gap:24px}.price-grid article{border:1px solid #d2b1ee45;border-radius:20px;padding:35px;background:linear-gradient(150deg,#b87ac51d,#1d153f88);text-align:left}.price-market{font-size:13px;letter-spacing:.08em;color:#d8c2e8}.launch-label{margin-top:28px;font-size:13px;color:#f1badf}.price-value{font-size:64px;font-weight:650;line-height:1.3;letter-spacing:-.05em}.regular-price{color:#c0accf;font-size:14px}.regular-price s{margin-left:8px;color:#e4cfea}.price-product{font-size:13px;color:var(--muted);margin:28px 0}.pricing>.primary{display:inline-block}.hero-actions{flex-wrap:wrap}.scene{overflow:hidden}.demo[data-scene=presets] .scene,.demo[data-scene=shelfRandom] .scene{aspect-ratio:1200/820}@media(max-width:760px){.pricing{padding:55px 0}.pricing h2{font-size:30px}.price-grid{gap:12px}.price-grid article{padding:22px 18px}.price-value{font-size:46px}.price-market{font-size:10px}.regular-price{font-size:12px}}

.product-positioning{display:flex;align-items:flex-start;gap:12px}.product-positioning:before{content:"";width:28px;height:2px;flex:0 0 28px;margin-top:10px;background:linear-gradient(90deg,#edabd5,#bba9ee)}.product-positioning .eyebrow{font-size:12px;line-height:1.85;letter-spacing:.055em}.upcoming{display:inline-block;margin-top:6px;color:#cfbcec;font-size:.88em}

.hero-guide{display:flex;gap:16px;flex-wrap:wrap;margin:20px 0 24px;font-size:12px;color:#cbb8dc}.hero-guide a{padding:5px 0;border-bottom:1px solid #c9b8ff40}.hero-guide a:hover{color:#fff}.demo[data-scene=tracks] .scene{aspect-ratio:1200/760}@media(max-width:760px){.hero-guide{gap:12px;font-size:11px}}
