:root{color-scheme:dark;--bg:#0a0c0e;--surface:#111518;--text:#f3f5f6;--muted:#9aa5ad;--line:#293035;--accent:#65d1d3;--white:#fff;--hover:#e97b50}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--bg);color:var(--text);font-family:Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}a,button{transition:color .18s}a:hover,button:hover{color:var(--hover)}a:focus-visible,button:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--accent);outline-offset:6px}::selection{background:#246b70;color:white}.wrap{max-width:1600px;width:calc(100% - 112px);margin-inline:auto}.eyebrow{font-size:12px;letter-spacing:.16em;font-weight:600;line-height:1.5;margin:0;color:var(--muted)}.skip-link{position:fixed;top:-100px;left:16px;background:var(--bg);z-index:9999;padding:15px}.skip-link:focus{top:12px}.platform-masthead{display:flex;align-items:center;justify-content:space-between;padding:0 56px;height:80px;position:sticky;top:0;z-index:20;background:#0a0c0ef7;border-bottom:1px solid var(--line)}.platform-header-brand{font-size:22px;font-weight:700;letter-spacing:.25em}.platform-header-nav{display:flex;gap:32px;align-items:center;font-size:14px}.platform-header-nav .platform-account-link{margin-left:32px}.platform-hero{display:grid;grid-template-columns:1fr 1.04fr;gap:64px;align-items:center;padding-block:88px 76px}.hero-heading .eyebrow{display:flex;align-items:center;gap:11px}.signal-mark{display:inline-block;width:20px;height:12px;border-top:1px solid var(--accent);border-bottom:1px solid var(--accent);transform:skewY(-20deg)}h1{font-size:clamp(60px,6vw,102px);font-weight:500;line-height:1.015;letter-spacing:-.065em;margin:30px 0 28px}h1 em{font-style:normal;color:#9ba8af}.hero-definition{font-size:21px;line-height:1.5;letter-spacing:-.02em;margin:0;color:#c4cbd0}.hero-actions{display:flex;align-items:center;gap:30px;margin-top:34px;flex-wrap:wrap}.action-link{font-size:15px;font-weight:600;display:inline-flex;align-items:center;gap:28px;padding-block:12px}.action-link span{font-weight:400;font-size:21px}.quiet-link{font-size:14px;color:var(--muted);display:inline-flex;gap:20px}.hero-film{margin:0;min-width:0}.film-topline{display:flex;justify-content:space-between;gap:15px;font-size:10px;letter-spacing:.13em;color:var(--muted);margin-bottom:14px}.film-frame{position:relative;background:#101416;overflow:hidden;aspect-ratio:16/9;border-radius:2px}.film-frame video{display:block;width:100%;height:100%;object-fit:cover}.film-frame video[data-playing]{object-fit:contain}.film-play{position:absolute;inset:auto auto 28px 24px;background:none;border:0;text-shadow:0 1px 6px #000;padding:0;font-size:14px;display:flex;gap:14px;align-items:center}.film-play span{font-size:14px}.film-play[hidden]{display:none}.hero-film figcaption{display:flex;justify-content:space-between;gap:20px;border-bottom:1px solid var(--line);padding:18px 0}.hero-film figcaption strong{font-size:15px;display:block;font-weight:500}.hero-film figcaption div>span{display:block;font-size:12px;color:var(--muted);margin-top:8px}.film-length{font-size:12px;font-variant-numeric:tabular-nums;color:var(--muted)}.platform-bridge{border-top:1px solid var(--line);border-bottom:1px solid var(--line);display:grid;grid-template-columns:1fr auto 1fr auto 1fr;gap:36px;align-items:center;padding-block:28px}.platform-bridge p{margin:0;font-size:16px;line-height:1.5}.platform-bridge p span{display:block;font-size:10px;letter-spacing:.14em;color:var(--muted);margin-bottom:8px}.bridge-arrow{color:#56636a}.products-section{padding-block:100px}.section-heading{display:grid;grid-template-columns:1fr 2fr;gap:50px;margin-bottom:46px}.section-heading .eyebrow{padding-top:10px}h2{font-size:clamp(36px,4vw,60px);font-weight:400;line-height:1.08;letter-spacing:-.045em;margin:0}.section-heading p:not(.eyebrow){font-size:17px;color:var(--muted);line-height:1.6;margin:20px 0 0}.product-grid{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line)}.product-item{padding:28px 28px 10px 0;position:relative;display:flex;flex-direction:column;align-items:flex-start;min-width:0}.product-item+.product-item{border-left:1px solid var(--line);padding-left:28px}.product-top{display:flex;align-items:center;justify-content:space-between;width:100%;height:68px;margin-bottom:30px}.product-number{font-size:12px;color:#70818c}.product-top svg{width:60px;height:40px;fill:none;stroke:#a7bdc5;stroke-width:1}.product-role{letter-spacing:.14em;font-size:10px;color:var(--muted);margin:0 0 15px}.product-item h3{font-size:25px;font-weight:500;letter-spacing:-.04em;margin:0}.product-item>p:not(.product-role){font-size:15px;color:var(--muted);line-height:1.65;max-width:270px;margin:16px 0 24px;min-height:74px}.product-item>.action-link{margin-top:auto}.product-secondary{font-size:12px;color:var(--muted);margin-top:10px}.intelligence-section{padding-block:90px;background:#101417;border-block:1px solid var(--line)}.understanding-tabs{display:grid;grid-template-columns:repeat(5,1fr);margin-top:60px;border-bottom:1px solid #344047}.understanding-tabs button{position:relative;background:none;border:0;text-align:left;padding:20px 0;color:#8f9ca5;font-size:18px}.understanding-tabs button span{font-size:10px;display:block;letter-spacing:.1em;margin-bottom:12px}.understanding-tabs [aria-selected=true]{color:var(--text)}.understanding-tabs [aria-selected=true]:after{content:'';position:absolute;bottom:-1px;height:2px;background:var(--accent);left:0;right:0}.dimension-panel{display:grid;grid-template-columns:1fr 1fr;gap:100px;padding-top:54px;align-items:center;min-height:352px}.dimension-panel h3{font-size:34px;font-weight:400;line-height:1.2;letter-spacing:-.025em;margin:18px 0}.dimension-panel p:not(.eyebrow){color:var(--muted);font-size:16px;line-height:1.6;max-width:430px}.signal-diagram{min-width:0;border-left:1px solid var(--line);padding:0 0 0 48px}.diagram-input,.diagram-output{display:flex;justify-content:space-between;align-items:center;gap:20px}.diagram-input>span,.diagram-output>span{font-size:10px;letter-spacing:.1em;color:var(--muted)}.diagram-input p,.diagram-output p{font-size:13px!important;margin:0}.diagram-trace{padding:20px 0;overflow:hidden}.diagram-trace svg{width:100%;height:118px;fill:none;stroke:#b4cbd3;stroke-width:1;vector-effect:non-scaling-stroke}.diagram-trace .trace-soft{stroke:#65d1d3;stroke-width:6;opacity:.07}.diagram-note{font-size:11px!important;margin:24px 0 0!important;text-align:right;max-width:none!important;color:#687780!important}.identity-section{display:grid;grid-template-columns:1fr 1fr;gap:100px;padding-block:105px}.identity-copy h2{margin-top:26px}.identity-copy>p:not(.eyebrow){font-size:17px;color:var(--muted);line-height:1.6;max-width:400px;margin:25px 0}.identity-map>div{padding:24px 0 26px 42px;border-bottom:1px solid var(--line);position:relative}.identity-map>div:first-child{border-top:1px solid var(--line)}.identity-map span{position:absolute;left:0;top:29px;font-size:11px;color:var(--muted)}.identity-map h3{font-size:23px;font-weight:400;letter-spacing:-.02em;margin:0}.identity-map p{color:var(--muted);font-size:15px;margin:12px 0 0}.artist-callout{display:grid;grid-template-columns:1fr 2fr 1.4fr;gap:50px;border-top:1px solid var(--line);padding-block:54px 80px}.artist-callout h2{font-size:40px}.artist-callout>div>p{font-size:16px;line-height:1.6;color:var(--muted);margin:0 0 14px}.platform-home-footer{margin:0!important;border-top:1px solid var(--line);padding:48px 56px!important;display:grid!important;grid-template-columns:1.5fr 1fr 1fr!important;align-items:start!important}.platform-home-footer .platform-footer-brand{font-size:22px;letter-spacing:.25em;font-weight:700}.platform-home-footer p{font-size:13px;color:var(--muted);margin-top:18px}.platform-home-footer nav{display:flex!important;flex-direction:column!important;align-items:flex-start!important;gap:15px!important;font-size:13px}.platform-home-footer nav:last-child{align-items:flex-end!important}.platform-home-footer nav span{color:#76828b;font-size:12px;margin-top:16px}
@media(min-width:1700px){.platform-hero{padding-top:105px;gap:95px}.film-frame{aspect-ratio:16/9}}
@media(max-width:1100px){.wrap{width:calc(100% - 64px)}.platform-masthead{padding-inline:32px}.platform-header-nav{gap:20px}.platform-header-nav .platform-account-link{margin-left:0}.platform-hero{gap:30px;padding-top:62px}h1{font-size:64px}.hero-definition{font-size:18px}.hero-actions{gap:12px}.hero-actions .action-link{font-size:14px;gap:16px}.film-topline{font-size:9px}.film-topline span:last-child{display:none}.platform-bridge{gap:22px}.platform-bridge p{font-size:14px}.product-grid{grid-template-columns:repeat(2,1fr);row-gap:36px}.product-item:nth-child(3){border-left:0;padding-left:0;border-top:1px solid var(--line)}.product-item:nth-child(4){border-top:1px solid var(--line)}.product-item>p:not(.product-role){min-height:48px}.dimension-panel{gap:40px}.signal-diagram{padding-left:24px}.diagram-input,.diagram-output{align-items:flex-start;flex-direction:column;gap:8px}.artist-callout{grid-template-columns:1fr 1.3fr}.artist-callout>.eyebrow{grid-column:1/-1}.section-heading{grid-template-columns:1fr 2fr;gap:28px}.platform-home-footer{padding-inline:32px!important}}
@media(max-width:700px){.wrap{width:calc(100% - 40px)}.platform-masthead{height:auto;min-height:72px;flex-wrap:wrap;padding:18px 20px 12px;gap:18px;position:relative}.platform-header-brand{font-size:20px}.platform-header-nav{width:100%;gap:24px;overflow-x:auto;white-space:nowrap;padding:4px 0 8px;font-size:13px}.platform-hero{grid-template-columns:1fr;gap:42px;padding-block:44px}.hero-heading .eyebrow{font-size:10px}h1{font-size:clamp(54px,11vw,76px);margin-block:24px}.hero-definition{font-size:18px}.hero-actions{gap:28px;margin-top:24px}.film-frame{aspect-ratio:16/9}.film-topline span:last-child{display:block}.platform-bridge{grid-template-columns:1fr;gap:22px;padding-block:26px}.bridge-arrow{display:none}.platform-bridge p{display:flex;justify-content:space-between;align-items:center;font-size:13px;gap:14px}.platform-bridge p span{font-size:9px;max-width:110px;flex-shrink:0;margin:0}.products-section{padding-block:58px}.section-heading{grid-template-columns:1fr;gap:20px;margin-bottom:32px}h2{font-size:38px}.section-heading p:not(.eyebrow){font-size:16px}.product-grid{column-gap:20px}.product-item{padding-right:0}.product-item+.product-item{padding-left:0;border-left:0}.product-item h3{font-size:22px}.product-item>p:not(.product-role){font-size:14px;min-height:90px}.product-item .action-link{font-size:13px;gap:14px}.product-top svg{width:42px}.product-top{margin-bottom:24px}.product-secondary{font-size:11px;line-height:1.5}.intelligence-section{padding-block:58px}.understanding-tabs{margin-top:36px}.understanding-tabs button{font-size:13px;letter-spacing:-.025em}.understanding-tabs button span{font-size:10px}.dimension-panel{grid-template-columns:1fr;gap:30px;padding-top:32px;min-height:0}.dimension-panel h3{font-size:31px}.signal-diagram{border-left:0;border-top:1px solid var(--line);padding:28px 0 0}.diagram-input,.diagram-output{flex-direction:row;align-items:center}.diagram-input p,.diagram-output p{font-size:11px!important}.diagram-input>span,.diagram-output>span{font-size:9px}.diagram-trace svg{height:85px}.identity-section{grid-template-columns:1fr;gap:36px;padding-block:62px}.artist-callout{grid-template-columns:1fr;gap:25px;padding-block:40px 55px}.artist-callout h2{font-size:38px}.platform-home-footer{grid-template-columns:1fr 1fr!important;padding:36px 20px!important;gap:36px}.platform-home-footer>div{grid-column:1/-1}.platform-home-footer nav:last-child{align-items:flex-start!important}.desktop-break{display:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}

@media(max-width:700px){.platform-masthead .platform-account-link{position:absolute!important;top:13px!important;right:20px!important;min-height:28px!important;font-size:12px!important}}

/* Five experiences, one product vocabulary. */
@media(min-width:1101px){.product-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.product-item{padding-right:22px}.product-item+.product-item{padding-left:22px}.product-item h3{font-size:24px;line-height:1.15}.product-item>p:not(.product-role){min-height:100px}.product-top svg{width:48px}}
@media(max-width:1100px){.product-item:nth-child(n+3){border-top:1px solid var(--line)}.product-item:nth-child(odd){border-left:0;padding-left:0}.product-item:last-child:nth-child(odd){grid-column:1/-1}.product-item:last-child:nth-child(odd)>p:not(.product-role){min-height:0;max-width:440px}}

/* Five explanatory illustrations share the live page palette. */
.product-visual{width:100%;height:210px;max-height:220px;margin:0 0 22px;position:relative;flex-shrink:0}
.product-visual .product-number{position:absolute;left:0;top:0;font-size:11px;z-index:1}
.product-art{display:block;width:100%;height:100%;max-width:280px;margin-inline:auto;overflow:visible;fill:none;stroke:var(--platform-text,var(--text));stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round}
.product-art .art-paper{fill:var(--platform-bg,var(--bg))}
.product-art .art-panel{fill:var(--platform-surface,var(--surface))}
.product-art .art-muted{stroke:var(--platform-muted,var(--muted))}
.product-art .art-accent{stroke:var(--platform-accent,var(--accent))}
.product-art .art-tint{fill:var(--platform-accent,var(--accent));fill-opacity:.12;stroke:none}
.product-art .art-edge{stroke:var(--platform-accent,var(--accent))}
.product-art .art-solid,.product-art .art-dot{fill:var(--platform-text,var(--text));stroke:none}
.product-art .art-accent-fill{fill:var(--platform-accent,var(--accent));stroke:none}
.product-art .art-shadow{fill:var(--platform-text,var(--text));fill-opacity:.06;stroke:none}
@media(min-width:1101px){.product-item>p:not(.product-role){min-height:84px}.product-item h3{font-size:23px}}
@media(min-width:601px){.product-item{padding-bottom:44px}.product-secondary{position:absolute;bottom:10px;left:0}}
@media(max-width:1100px){.product-visual{height:210px;aspect-ratio:auto}.product-art{max-width:310px;margin-inline:auto}}
@media(max-width:600px){
 .product-grid{grid-template-columns:1fr;row-gap:0;column-gap:0}
 .product-item,.product-item+.product-item{display:grid;grid-template-columns:minmax(104px,35%) minmax(0,1fr);align-items:start;column-gap:20px;padding:26px 0;border-left:0}
 .product-item+.product-item{border-top:1px solid var(--line)}
 .product-visual{grid-column:1;grid-row:1/span 5;height:auto;aspect-ratio:1.12;margin:4px 0 0;align-self:start}
 .product-item>.product-role,.product-item>h3,.product-item>p,.product-item>a{grid-column:2}
 .product-item>.product-role{margin:0 0 9px;font-size:9px}
 .product-item>h3{font-size:22px;line-height:1.15}
 .product-item>p:not(.product-role){min-height:0;margin:12px 0;font-size:14px;line-height:1.55}
 .product-item>.action-link{margin:0;justify-self:start;gap:16px;padding-block:6px}
 .product-item>.product-secondary{margin-top:8px}
}

/* DJ MADICE leads the homepage with a quiet, clickable performance preview. */
.home-dj{position:relative;isolation:isolate;height:clamp(510px,72svh,760px);overflow:hidden;--platform-text:#f8f8fb;--platform-muted:#d2d7e1;--platform-accent:#b1eef0;--platform-hover:#fff}
.home-dj-link{display:block;position:relative;width:100%;height:100%;background:#080d17;overflow:hidden}
.home-dj-video{position:absolute;inset:0 0 0 auto;width:82%;height:100%;object-fit:cover;object-position:52% 43%;pointer-events:none}
.home-dj-shade{position:absolute;inset:0;background:linear-gradient(90deg,#080d17 1%,rgba(8,13,23,.95) 17%,rgba(8,13,23,.69) 35%,rgba(8,13,23,.08) 61%,transparent 82%),linear-gradient(0deg,rgba(8,13,23,.65),transparent 28%);pointer-events:none}
.home-dj-copy{position:absolute;left:max(56px,calc((100% - 1600px)/2));top:50%;transform:translateY(-46%);z-index:1}
.home-dj-kicker{margin:0 0 26px;font-size:10px;font-weight:500;letter-spacing:.22em;line-height:1.5}
.home-dj-copy h2{font-size:clamp(54px,6.1vw,100px);letter-spacing:-.055em;line-height:1.02;font-weight:400;margin:0 0 26px}
.home-dj-description{font-size:clamp(18px,1.5vw,23px);line-height:1.55;font-weight:400;margin:0;opacity:.87}
.home-dj-cta{display:inline-flex;align-items:center;gap:44px;margin-top:36px;border-bottom:1px solid rgba(248,248,251,.55);padding:12px 0;font-size:17px;font-weight:500}
.home-dj-cta>span{font-size:24px;line-height:1;transition:transform .2s}
.home-dj-link:hover .home-dj-cta>span{transform:translate(3px,-3px)}
.home-dj-link:focus-visible{outline-offset:-6px!important}
.home-dj-caption{position:absolute;right:max(110px,calc((100% - 1600px)/2 + 56px));bottom:30px;font-size:10px;letter-spacing:.1em;opacity:.75}
.home-dj-motion{position:absolute;right:max(56px,calc((100% - 1600px)/2));bottom:20px;display:grid;place-items:center;width:38px;height:38px;padding:0;border:1px solid rgba(248,248,251,.42);border-radius:50%;background:rgba(8,13,23,.55);z-index:2;font-size:11px}
.home-dj-motion[hidden]{display:none}
@media(min-width:1900px){.home-dj-copy{left:max(76px,calc((100% - 1600px)/2))}}
@media(max-width:1100px){.home-dj-copy{left:32px}.home-dj-motion{right:32px}.home-dj-caption{right:86px}.home-dj-video{width:95%;object-position:55% 45%}.home-dj-copy h2{font-size:65px}}
@media(max-width:700px){
 .home-dj{height:650px;max-height:calc(100svh - 80px);min-height:560px}
 .home-dj-video{inset:0;width:100%;height:77%;object-position:52% 35%}
 .home-dj-shade{background:linear-gradient(0deg,#080d17 4%,rgba(8,13,23,.98) 16%,rgba(8,13,23,.55) 40%,transparent 68%)}
 .home-dj-copy{left:24px;right:24px;top:auto;bottom:35px;transform:none}
 .home-dj-kicker{font-size:9px;letter-spacing:.18em;margin-bottom:14px}
 .home-dj-copy h2{font-size:clamp(45px,11vw,66px);margin-bottom:13px}
 .home-dj-description{font-size:16px;line-height:1.45}
 .home-dj-cta{margin-top:14px;font-size:16px;gap:35px;padding:9px 0}
 .home-dj-caption{display:none}.home-dj-motion{right:20px;bottom:33px}
}

/* Master narrative: long-form brand copy, kept away from functional controls. */
.madice-platform-home .hero-purpose{display:block;margin-top:20px;font-size:17px;color:var(--platform-muted,var(--muted))}
.brand-narrative{display:grid;grid-template-columns:1fr 2fr;gap:50px;padding-block:88px;border-bottom:1px solid var(--platform-line,var(--line))}
.brand-narrative>.eyebrow{padding-top:10px}
.brand-narrative-body{max-width:800px}
.brand-narrative-body>p{font-size:18px;line-height:1.7;color:var(--platform-muted,var(--muted));max-width:650px;margin:24px 0 0}
.brand-narrative-body>.brand-prelude{font-size:23px;line-height:1.5;margin:0 0 22px;color:var(--platform-text,var(--text))}
.brand-narrative-body>h2+.brand-prelude{margin:24px 0 0}
.daily-life{padding-block:85px;border-bottom:1px solid var(--platform-line,var(--line))}
.daily-moments{list-style:none;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:0;margin:42px 0 0;padding:0}
.daily-moments li{padding:20px 0;border-top:1px solid var(--platform-line,var(--line));font-size:17px;color:var(--platform-muted,var(--muted))}
@media(max-width:700px){.brand-narrative{grid-template-columns:1fr;gap:24px;padding-block:50px}.brand-narrative-body>p{font-size:16px}.brand-narrative-body>.brand-prelude{font-size:19px}.daily-life{padding-block:50px}.daily-moments{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:25px}.daily-moments li{font-size:15px;padding:16px 0}.madice-platform-home .hero-purpose{font-size:16px}}