@font-face{font-family:DRUMOJOInter;src:url('/assets/fonts/inter-latin-400-normal-C38fXH4l.woff2') format('woff2');font-style:normal;font-weight:400;font-display:swap}
@font-face{font-family:DRUMOJOInter;src:url('/assets/fonts/inter-latin-700-normal-Yt3aPRUw.woff2') format('woff2');font-style:normal;font-weight:700;font-display:swap}
@font-face{font-family:DRUMOJODisplay;src:url('/assets/fonts/barlow-condensed-latin-700-normal-v1xN8_Wq.woff2') format('woff2');font-style:normal;font-weight:700;font-display:swap}
:root{color-scheme:light;--paper:#f7f4ec;--paper2:#ece7d9;--ink:#171b20;--black:#101418;--ink2:#313c47;--line:#c9c5b9;--scarlet:#c1321d;--flare:#ff5439;--blue:#274de0;--yellow:#e2fa5e;--pink:#f3abd0;--cream:#fffaf0;--white:#fff;--body:DRUMOJOInter,Inter,system-ui,-apple-system,Segoe UI,sans-serif;--display:DRUMOJODisplay,Impact,'Arial Narrow',sans-serif;--content:1440px;--edge:clamp(19px,4.5vw,84px)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:82px}body.experience{margin:0;min-width:320px;background:var(--paper);color:var(--ink);font:400 16px/1.6 var(--body);overflow-x:hidden;-webkit-font-smoothing:antialiased}button,input,textarea,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a{color:inherit}a:hover{text-decoration-color:currentColor}img{display:block;max-width:100%}h1,h2,h3,p{margin-top:0}h1,h2,h3{line-height:1}h1,h2{font-family:var(--display);font-weight:700;text-transform:uppercase}h3{font-weight:700}::selection{background:var(--yellow);color:var(--black)}:focus-visible{outline:3px solid var(--blue)!important;outline-offset:4px!important}.skip-link{position:absolute;z-index:2000;left:12px;top:-80px;background:var(--yellow);padding:12px;color:var(--black)}.skip-link:focus{top:12px}
.micro-label{font-size:.73rem;letter-spacing:.17em;color:var(--yellow);font-weight:700;display:block;line-height:1.6}.micro-label.ink{color:var(--scarlet)}.section-pad{padding:clamp(65px,8.5vw,138px) var(--edge)}.section-head{max-width:var(--content);margin:0 auto 36px}.section-heading-row{display:flex;align-items:end;justify-content:space-between;gap:25px}.section-heading-row h2,.section-head>h2{font-size:clamp(4.2rem,9vw,9.5rem);letter-spacing:-.025em;line-height:.83;margin:16px 0 0}.section-heading-row h2 em,.section-head>h2 em{color:var(--scarlet);font-style:normal}.section-heading-row p{max-width:335px;margin:0 0 4px;font-size:1.03rem;line-height:1.6;color:#454c50}.btn{min-height:50px;display:inline-flex;align-items:center;justify-content:center;gap:20px;padding:14px 22px;text-decoration:none;font-size:.82rem;line-height:1.3;font-weight:700;letter-spacing:.025em;border-radius:3px;transition:transform .18s ease,background .18s ease,border .18s ease;cursor:pointer;border:2px solid transparent}.btn>span{font-size:1.13rem}.btn:hover{transform:translateY(-3px)}.btn-primary{background:var(--scarlet);color:var(--white)}.btn-neon{background:var(--yellow);color:var(--black)}.btn-outline-light{border-color:rgba(255,255,255,.68);background:transparent;color:#fff}.btn-paper{background:var(--paper);color:var(--black);border-color:var(--black)}
/* Header: a single primary bar, accessible panel navigation, deliberate mobile overlay. */
.main-header{height:82px;position:sticky;z-index:500;top:0;background:var(--paper);border-bottom:2px solid var(--black)}.header-inner{height:100%;max-width:1700px;margin:0 auto;padding:0 var(--edge);display:flex;align-items:center;gap:clamp(16px,3vw,46px)}.brand{display:flex;align-items:center;text-decoration:none;flex-shrink:0;gap:10px;line-height:1}.brand-type{font:700 2.35rem/.75 var(--display);letter-spacing:-.04em;white-space:nowrap}.brand-type>small{display:block;font:700 .48rem/1.4 var(--body);letter-spacing:.13em;margin-top:8px}.brand-period,.footer-logo span{color:var(--scarlet)}.brand-glyph{width:37px;height:37px;border:3px solid var(--ink);border-radius:50%;position:relative;display:block;transform:rotate(-18deg);overflow:hidden}.brand-glyph i{position:absolute;left:0;right:0;top:9px;border-top:3px solid var(--ink);transform:rotate(32deg)}.brand-glyph i:nth-child(2){top:19px;transform:rotate(-34deg)}.brand-glyph i:nth-child(3){top:29px;transform:rotate(31deg)}.main-nav{display:flex;align-items:center;gap:clamp(12px,2vw,32px);margin-left:auto}.main-nav>a,.nav-drop summary{font-size:.82rem;font-weight:700;text-decoration:none;cursor:pointer;color:var(--ink);line-height:1.2;white-space:nowrap}.main-nav>a:hover,.main-nav>a[aria-current],.nav-drop summary:hover{color:var(--scarlet)}.nav-drop{position:relative}.nav-drop summary{list-style:none;padding:20px 0}.nav-drop summary::-webkit-details-marker{display:none}.nav-drop summary>span{margin-left:4px}.nav-panel{position:absolute;top:calc(100% + 6px);left:-140px;width:min(715px,88vw);background:var(--black);border:1px solid #52565b;padding:25px;box-shadow:0 35px 80px rgba(0,0,0,.25);color:#fff}.nav-panel-label{font-size:.68rem;letter-spacing:.13em;color:var(--yellow)}.nav-panel-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:15px}.nav-panel-link{text-decoration:none;border:1px solid #3e4447;padding:15px;display:flex;align-items:center;gap:13px;color:#fff}.nav-panel-link:hover{background:#31363e;border-color:var(--yellow)}.nav-panel-numeral{font:700 2rem/1 var(--display);color:var(--yellow)}.nav-panel-link strong{display:block;font-size:.9rem}.nav-panel-link small{display:block;font-size:.62rem;color:#d2d2ca;margin-top:5px}.nav-panel-link>span:last-child{margin-left:auto;color:var(--yellow)}.nav-panel-more{display:inline-block;color:var(--yellow);font-size:.78rem;margin-top:17px}.header-actions{display:flex;align-items:center;gap:17px;margin-left:auto}.nav-login{font-weight:700;text-decoration:none;font-size:.82rem;white-space:nowrap}.header-join{background:var(--black);color:white;text-decoration:none;font-weight:700;padding:13px 18px;font-size:.8rem;white-space:nowrap}.header-join:hover{background:var(--scarlet)}.header-join span{color:var(--yellow)}.menu-toggle{width:46px;height:46px;display:none;align-items:center;justify-content:center;flex-direction:column;gap:6px;border:1px solid var(--black);background:transparent}.menu-toggle span{width:21px;height:2px;background:var(--black)}.mobile-menu[hidden]{display:none!important}.mobile-menu{position:fixed;inset:82px 0 0;z-index:450;overflow:auto;background:var(--black);padding:26px var(--edge) 40px;color:white}.mobile-menu a{display:flex;justify-content:space-between;border-bottom:1px solid #41454a;align-items:center;text-decoration:none;padding:15px 3px;font:700 clamp(1.7rem,6vw,2.8rem)/1 var(--display);text-transform:uppercase}.mobile-menu a:hover{color:var(--yellow)}.mobile-nav-upper{display:flex;align-items:center;justify-content:space-between;color:var(--yellow);gap:20px;font-size:.67rem;letter-spacing:.08em;margin-bottom:15px}.mobile-nav-upper button{background:transparent;border:1px solid #626262;color:white;padding:9px}.mobile-menu .mobile-join{background:var(--yellow);color:var(--black);padding:19px 15px;margin-top:25px}
/* Home: print editorial x performance poster x game HUD without tiny unreadable type. */
.home-hero{background:var(--black);color:white;min-height:min(820px,calc(100svh - 82px));display:grid;grid-template-columns:minmax(0,1.13fr) minmax(0,.87fr);position:relative;overflow:hidden}.home-hero:after{content:'';position:absolute;left:-10%;right:0;top:34%;height:1px;background:rgba(255,255,255,.085);transform:rotate(-8deg);pointer-events:none}.hero-noise{position:absolute;inset:0;opacity:.27;background:repeating-linear-gradient(0deg,transparent 0 34px,rgba(255,255,255,.075) 35px 36px);pointer-events:none}.home-hero-content{padding:45px 20px 75px var(--edge);z-index:2;display:flex;flex-direction:column;position:relative}.hero-topline{font-size:.67rem;letter-spacing:.16em;font-weight:700;color:var(--yellow);display:flex;align-items:center;gap:11px}.dot-pulse{width:11px;height:11px;border-radius:50%;background:var(--yellow);box-shadow:0 0 0 6px rgba(226,250,94,.12)}.hero-title-wrap{position:relative;margin:auto 0}.hero-title-wrap h1{font-size:clamp(5rem,11.7vw,12.2rem);line-height:.75;letter-spacing:-.045em;margin:25px 0 28px;position:relative;z-index:1}.hero-title-wrap h1 em{font-style:normal;color:var(--yellow)}.hero-title-wrap h1 .period{color:var(--scarlet)}.hero-title-wrap p{max-width:480px;color:#dadbdb;font-size:clamp(.98rem,1.2vw,1.14rem);line-height:1.75}.vertical-note{position:absolute;left:-32px;top:32px;writing-mode:vertical-rl;color:var(--scarlet);font-size:.62rem;letter-spacing:.15em}.hero-buttons{display:flex;flex-wrap:wrap;gap:12px;align-items:center}.hero-stats{border-top:1px solid rgba(255,255,255,.28);display:flex;gap:25px;justify-content:space-between;margin-top:40px;padding-top:18px;font-size:.59rem;letter-spacing:.08em;color:#e1e1dc;max-width:620px}.hero-stats span{display:flex;gap:8px;align-items:center}.hero-stats strong{font:700 2rem/1 var(--display);color:var(--yellow)}.home-hero-image{position:relative;min-height:600px;overflow:hidden;isolation:isolate}.hero-image-hold{position:absolute;inset:0;transform:skewX(-7deg) translateX(-2%);overflow:hidden;border-left:12px solid var(--scarlet)}.hero-image-hold img{height:100%;width:113%;max-width:none;object-fit:cover;transform:skewX(7deg) translateX(-3%);filter:saturate(.76) contrast(1.18)}.hero-image-hold:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,0,0,.7),transparent 50%),linear-gradient(100deg,rgba(16,20,24,.36),transparent)}.hero-image-label{position:absolute;bottom:70px;left:16%;z-index:3;padding:15px;background:var(--paper);color:var(--black);transform:rotate(-3deg)}.hero-image-label span{display:block;font-size:.63rem;letter-spacing:.17em;font-weight:700}.hero-image-label strong{font:700 clamp(2rem,3.3vw,4rem)/.9 var(--display)}.hero-burst{position:absolute;z-index:3;right:-12%;top:1%;font-size:clamp(15rem,28vw,35rem);line-height:1;color:var(--yellow);opacity:.2;pointer-events:none}.hero-rail{position:absolute;right:0;top:50%;color:white;background:var(--scarlet);font-size:.61rem;letter-spacing:.12em;padding:8px 20px;transform-origin:top right;transform:rotate(90deg) translateY(-20px)}.scroll-cue{position:absolute;z-index:3;bottom:25px;right:var(--edge);color:white;font-size:.61rem;letter-spacing:.14em;text-decoration:none}.scan-strip{height:56px;background:var(--yellow);display:flex;justify-content:space-around;align-items:center;gap:26px;overflow:hidden;white-space:nowrap;border-top:2px solid var(--black);border-bottom:2px solid var(--black);font:700 .82rem/1 var(--body);letter-spacing:.1em}.scan-strip span:nth-child(even){font-size:2rem;color:var(--scarlet)}
.division-showcase{background:var(--paper)}.division-grid{max-width:var(--content);margin:0 auto;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:14px}.division-card{min-width:0;grid-column:span 2;text-decoration:none;background:var(--black);color:white;display:flex;flex-direction:column;border:2px solid var(--black);overflow:hidden;transition:transform .18s ease,box-shadow .18s ease}.division-card:nth-child(4),.division-card:nth-child(5){grid-column:span 3}.division-card:hover{transform:translateY(-8px);box-shadow:12px 12px 0 rgba(23,27,32,.14)}.division-top{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:13px 15px;background:var(--yellow);color:var(--black)}.division-top small{font-size:.62rem;letter-spacing:.08em;font-weight:700}.division-top>span{font-size:1.5rem;line-height:1}.division-blue .division-top{background:#b5ccff}.division-coral .division-top{background:#ff9a80}.division-pink .division-top{background:#f6b3d2}.division-violet .division-top{background:#dbc0ff}.division-card-img{height:clamp(185px,18vw,260px);overflow:hidden;position:relative}.division-card-img img{width:100%;height:100%;object-fit:cover;filter:saturate(.75) contrast(1.1);transition:transform .4s ease}.division-card:hover img{transform:scale(1.055)}.division-foot{padding:21px;display:flex;flex:1;flex-direction:column}.division-foot h3{font:700 clamp(2.4rem,3.4vw,4rem)/.96 var(--display);text-transform:uppercase;margin:0 0 10px}.division-foot p{font-size:.92rem;line-height:1.55;color:#d6d7d4;max-width:390px}.division-badge{font-size:.7rem;letter-spacing:.12em;color:var(--yellow);margin-top:auto;padding-top:16px;font-weight:700}
.journey-section{display:grid;grid-template-columns:.85fr 1.15fr;background:var(--scarlet);color:#fff;min-height:610px}.journey-intro{padding:90px var(--edge);display:flex;flex-direction:column;justify-content:center}.journey-intro .micro-label{color:#fff}.journey-intro h2{font-size:clamp(4rem,8vw,8rem);line-height:.83;margin:15px 0 25px}.journey-intro p{max-width:470px;line-height:1.75;color:#fff5e8}.journey-intro .btn{margin-top:20px;width:max-content}.journey-track{display:flex;flex-direction:column;justify-content:center;padding:40px var(--edge) 40px 25px}.journey-item{border-top:1px solid rgba(255,255,255,.55);display:grid;grid-template-columns:155px 1fr 65px 25px;align-items:center;gap:15px;padding:14px 4px;text-decoration:none;transition:padding-left .2s ease,background .2s ease}.journey-item:last-child{border-bottom:1px solid rgba(255,255,255,.55)}.journey-item:hover{padding-left:15px;background:rgba(255,255,255,.1)}.journey-item>span,.journey-item small{font-size:.66rem;letter-spacing:.06em}.journey-item strong{font:700 clamp(1.8rem,3vw,3rem)/1 var(--display);text-transform:uppercase}.journey-item b{font-size:1.3rem}
.role-lab{background:var(--paper2)}.role-lab-frame{max-width:var(--content);margin:auto;display:grid;grid-template-columns:270px 1fr;border:2px solid var(--black);background:var(--paper)}.role-tabs{display:flex;flex-direction:column;background:var(--black);padding:14px}.role-tabs button{padding:17px 15px;text-align:left;border:0;border-bottom:1px solid #444;color:white;background:transparent;font-weight:700}.role-tabs button[aria-selected="true"]{color:var(--black);background:var(--yellow)}.role-result{padding:clamp(30px,4vw,60px);min-height:305px}.role-result .micro-label{color:var(--scarlet)}.role-result h3{font:700 clamp(2.8rem,5vw,5.5rem)/.92 var(--display);max-width:680px;margin:16px 0}.role-result p{max-width:640px;color:#444b50}.role-links{display:flex;gap:12px;flex-wrap:wrap;margin-top:24px}.role-links a{padding:11px 14px;background:var(--ink);color:white;text-decoration:none;font-weight:700;font-size:.8rem}
.picture-break{display:grid;grid-template-columns:1fr 1fr;background:var(--black);min-height:640px}.picture-break-image{overflow:hidden}.picture-break-image img{width:100%;height:100%;object-fit:cover;filter:contrast(1.12) saturate(.8)}.picture-break-copy{padding:90px var(--edge);display:flex;flex-direction:column;justify-content:center;color:#fff}.picture-break-copy>span{color:var(--yellow);letter-spacing:.17em;font-size:.74rem}.picture-break-copy h2{font-size:clamp(4.7rem,8vw,9.7rem);line-height:.81;margin:26px 0}.picture-break-copy h2 em{color:var(--yellow);font-style:normal}.picture-break-copy p{color:#d9d8d1;max-width:440px}.picture-break-links{display:flex;gap:12px;flex-wrap:wrap;margin-top:20px}.picture-break-links a{border-bottom:2px solid var(--yellow);color:var(--yellow);font-size:.79rem;text-decoration:none;font-weight:700;padding:8px 0}.home-access{background:var(--paper)}.join-panel{background:var(--blue);color:white;max-width:var(--content);margin:auto;display:grid;grid-template-columns:1.25fr .75fr;position:relative;overflow:hidden}.join-panel:before{content:'◉';font-size:39rem;line-height:1;position:absolute;left:38%;top:-30%;opacity:.08;pointer-events:none}.join-panel>div:first-child{padding:clamp(34px,5vw,76px);z-index:1}.join-panel h2{font-size:clamp(4.5rem,9vw,9rem);line-height:.8;margin:22px 0}.join-panel p{max-width:490px;color:#e4eafa}.price-stack{background:var(--yellow);color:var(--black);padding:clamp(38px,5vw,76px);display:flex;flex-direction:column;justify-content:center;align-items:flex-start;z-index:1}.price-stack>span:first-child{font-size:.72rem;letter-spacing:.2em;font-weight:700}.price-stack strong{font:700 clamp(7rem,13vw,13rem)/.78 var(--display);letter-spacing:-.07em;margin:25px 0 15px}.price-stack strong small{font-size:.4em;vertical-align:top;line-height:1.5}.price-stack>span:nth-of-type(2){font-size:.85rem;font-weight:700;margin-bottom:27px}.price-stack .btn{background:var(--black);color:var(--yellow)}.price-stack>small{font-size:.73rem;margin-top:18px}.editorial-short{background:var(--paper)}.editorial-three{max-width:var(--content);display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin:auto}.editorial-three a{display:block;text-decoration:none}.editorial-three img{width:100%;height:275px;object-fit:cover;filter:saturate(.7)}.editorial-three span{font-size:.69rem;letter-spacing:.12em;color:var(--scarlet);font-weight:700;display:block;margin-top:18px}.editorial-three h3{font:700 clamp(2.1rem,3.2vw,3.4rem)/.95 var(--display);text-transform:uppercase;margin:12px 0}.editorial-three p{font-size:.92rem;color:#444;max-width:300px}.editorial-three b{font-size:.7rem;letter-spacing:.06em;border-bottom:2px solid var(--scarlet);padding-bottom:6px}
/* Generic product system: consistent components, distinct art direction for each division. */
.product-hero{background:var(--black);color:white;min-height:660px;display:grid;grid-template-columns:1.08fr .92fr;overflow:hidden}.product-hero-copy{padding:clamp(45px,6vw,95px) 35px 65px var(--edge);display:flex;flex-direction:column;justify-content:center}.eyebrow-bar{display:flex;justify-content:space-between;gap:20px;font-size:.7rem;letter-spacing:.1em;font-weight:700;color:var(--yellow);max-width:650px}.product-hero h1{font-size:clamp(5rem,8.8vw,10rem);line-height:.83;letter-spacing:-.025em;margin:32px 0 27px;max-width:780px}.product-yellow h1,.product-pink h1{color:var(--yellow)}.product-blue h1{color:#a8c8ff}.product-violet h1{color:#dcc2ff}.product-coral h1{color:#ffa68c}.product-hero .product-lead{max-width:610px;font-size:1.05rem;line-height:1.72;color:#e0e3de}.product-hero .hero-buttons{margin-top:14px}.hero-note{color:#c6cac8;margin:22px 0 0;font-size:.73rem}.product-hero-photo{position:relative;min-height:590px;background:#252525;overflow:hidden}.product-hero-photo img{width:100%;height:100%;object-fit:cover;filter:saturate(.7) contrast(1.1)}.product-hero-photo:after{position:absolute;inset:0;content:'';background:linear-gradient(0deg,rgba(0,0,0,.55),transparent 60%);pointer-events:none}.product-photo-stamp{position:absolute;z-index:1;right:8%;bottom:9%;background:var(--paper);border:3px solid var(--black);box-shadow:11px 11px 0 var(--scarlet);transform:rotate(-4deg);color:var(--black);padding:15px 24px}.product-photo-stamp span{display:block;font-size:.61rem;letter-spacing:.14em;font-weight:700}.product-photo-stamp strong{font:700 3rem/.9 var(--display);text-transform:uppercase;display:block;margin:8px 0}.product-breadcrumb{padding:16px var(--edge);display:flex;align-items:center;gap:12px;border-bottom:1px solid var(--line);font-size:.75rem;font-weight:700}.product-breadcrumb a{color:var(--scarlet)}.product-breadcrumb span:last-child{margin-left:auto;color:#666}.product-overview{background:var(--paper)}.feature-grid{max-width:var(--content);margin:auto;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.feature-tile{padding:28px 22px;background:#fff;border:1px solid var(--line);min-height:335px;display:flex;flex-direction:column}.feature-number{font-size:.69rem;letter-spacing:.09em;color:var(--scarlet);font-weight:700}.feature-tile h3{font:700 clamp(2rem,2.8vw,3.4rem)/.96 var(--display);text-transform:uppercase;margin:25px 0 14px}.feature-tile p{font-size:.89rem;color:#454b52;line-height:1.6}.feature-dash{font-size:1.5rem;margin-top:auto;color:var(--scarlet)}.workflow-section{background:var(--yellow);display:grid;grid-template-columns:1fr 1fr;gap:clamp(40px,7vw,140px)}.workflow-heading{max-width:550px}.workflow-heading .micro-label{color:var(--black)}.workflow-heading h2{font-size:clamp(4.7rem,7vw,8rem);margin:18px 0 25px}.workflow-heading h2 em{color:var(--scarlet);font-style:normal}.workflow-heading p{max-width:475px}.workflow-steps{align-self:center}.step-card{border-top:2px solid var(--black);display:grid;grid-template-columns:85px 1fr;gap:20px;padding:26px 0}.step-card:last-child{border-bottom:2px solid var(--black)}.step-card>strong{font:700 4.2rem/.8 var(--display);color:var(--scarlet)}.step-card h3{font:700 clamp(1.8rem,2.7vw,3rem)/1 var(--display);text-transform:uppercase;margin:0 0 8px}.step-card p{font-size:.9rem;line-height:1.5;margin:0}.connect-band{display:grid;grid-template-columns:1fr 1fr;gap:8vw;max-width:1700px;margin:auto}.connect-band h2{font-size:clamp(4.5rem,7.7vw,9rem);line-height:.83;margin:16px 0}.connect-band ul{padding-left:20px;max-width:530px;line-height:1.7}.connected-card{align-self:center;border:3px solid var(--black);box-shadow:12px 12px 0 var(--scarlet);background:white;padding:35px}.connected-card>span{font-size:.67rem;letter-spacing:.15em}.connected-logo{font:700 5rem/.95 var(--display);margin:18px 0 24px}.connected-logo>span{color:var(--scarlet)}.connected-card a{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding:11px 0;font-weight:700;text-decoration:none}.connected-card a[aria-current]{color:var(--scarlet)}.next-call{background:var(--blue);color:white;padding:clamp(50px,6vw,100px) var(--edge);display:flex;align-items:end;justify-content:space-between;gap:20px}.next-call>div>span{font-size:.7rem;letter-spacing:.1em}.next-call h2{font-size:clamp(3rem,6vw,7rem);line-height:.85;margin:15px 0 0}.next-call>div:last-child{display:flex;flex-wrap:wrap;gap:12px}
/* Inner editorial and task pages. */
.sub-hero{background:var(--black);color:var(--white);padding:clamp(70px,8vw,130px) var(--edge);min-height:400px;position:relative;overflow:hidden}.sub-hero:after{content:'◉';position:absolute;right:-1%;top:-30%;color:rgba(226,250,94,.12);font:700 35rem/1 var(--display);pointer-events:none}.sub-hero h1{font-size:clamp(5rem,10vw,11.5rem);line-height:.83;max-width:1100px;position:relative;z-index:1;margin:25px 0}.sub-hero h1 em{font-style:normal;color:var(--yellow)}.sub-hero p{max-width:650px;color:#e2e3df;position:relative;z-index:1;font-size:1.08rem}.sub-action{display:flex;gap:12px;flex-wrap:wrap;margin-top:24px}.pricing-hero{background:var(--scarlet);color:white;min-height:425px;padding:90px var(--edge)}.pricing-hero h1{font-size:clamp(5.5rem,11vw,12.8rem);line-height:.79;margin:25px 0}.pricing-hero h1 em{font-style:normal;color:var(--yellow)}.pricing-hero p{max-width:600px;font-size:1.1rem}.plans-section{background:var(--paper)}.plan-grid{display:grid;grid-template-columns:1.1fr 1fr 1fr;gap:16px;max-width:var(--content);margin:auto}.plan-grid article{border:2px solid var(--black);padding:clamp(25px,3.2vw,42px);display:flex;flex-direction:column;min-height:630px}.plan-featured{background:var(--black);color:white;position:relative}.plan-ribbon{background:var(--yellow);color:var(--black);font-size:.61rem;letter-spacing:.1em;padding:8px 13px;position:absolute;top:-16px;left:24px;font-weight:700}.plan-name{font-size:.75rem;letter-spacing:.16em;font-weight:700;margin-top:16px}.plan-grid h2{font-size:clamp(3.3rem,4.6vw,5.5rem);line-height:.85;margin:20px 0}.plan-price strong{font:700 clamp(5.7rem,8vw,9rem)/.85 var(--display);color:var(--yellow);display:block}.plan-price span{font-size:.68rem;letter-spacing:.12em}.plan-grid p{margin:20px 0;color:inherit;line-height:1.6;font-size:.94rem}.plan-grid ul{padding-left:20px;margin:5px 0 25px;font-size:.83rem;line-height:1.8}.plan-grid .btn{margin-top:auto}.plan-grid article>small{font-size:.7rem;color:#cfcfca;margin-top:16px;line-height:1.6}.plan-team{background:var(--paper2)}.custom-price{font:700 2.6rem/1 var(--display);color:var(--scarlet);margin:20px 0}.pricing-bottom{display:grid;grid-template-columns:.7fr 1.3fr;gap:70px}.pricing-bottom h2{font-size:clamp(4rem,6vw,6.7rem);margin:20px 0}.simple-faq details,.faq-list details{border-top:2px solid var(--black);padding:17px 0}.simple-faq details:last-child,.faq-list details:last-child{border-bottom:2px solid var(--black)}.simple-faq summary,.faq-list summary{cursor:pointer;list-style:none;font-weight:700;padding-right:40px;position:relative;font-size:1rem}.simple-faq summary::-webkit-details-marker,.faq-list summary::-webkit-details-marker{display:none}.simple-faq summary:after,.faq-list summary:after{content:'+';position:absolute;right:8px;top:-5px;font-size:1.7rem;color:var(--scarlet)}.simple-faq details[open] summary:after,.faq-list details[open] summary:after{content:'−'}.simple-faq p,.faq-list p{max-width:770px;color:#4b5054;margin:15px 0 0}.sales-layout{display:grid;grid-template-columns:1fr 1fr;gap:7vw;max-width:1600px;margin:auto}.sales-image img{width:100%;height:460px;object-fit:cover}.sales-notes{padding-top:35px}.sales-notes h2{font-size:clamp(3.5rem,5vw,6rem);margin:0 0 22px}.sales-notes p{max-width:550px}.sales-card{background:white;border:2px solid var(--black);padding:clamp(24px,4vw,50px);align-self:start;box-shadow:12px 12px 0 var(--yellow)}.sales-card h2{font-size:clamp(3.5rem,5vw,6rem);margin:18px 0 30px}.sales-card form{display:grid;gap:18px}.sales-card form label{display:grid;gap:7px;font-size:.7rem;letter-spacing:.1em;font-weight:700}.sales-card input,.sales-card select,.sales-card textarea{background:var(--paper);color:var(--black);border:1px solid #85837b;min-height:47px;padding:10px 12px;border-radius:2px;width:100%;font-size:.95rem;letter-spacing:0}.sales-card textarea{min-height:130px;resize:vertical}.sales-card form button{width:100%}.sales-card .form-disclosure{font-size:.74rem;color:#4c5458}.spam-field{position:absolute;left:-10000px;height:1px;width:1px;overflow:hidden}.system-visual{display:grid;grid-template-columns:1fr 1.2fr;gap:9vw}.system-statement h2{font-size:clamp(4rem,6vw,7.5rem);margin:19px 0}.system-statement p{max-width:450px}.system-flow a{display:grid;grid-template-columns:1fr auto;gap:5px;padding:22px 10px;border-top:2px solid var(--black);text-decoration:none}.system-flow a:last-child{border-bottom:2px solid var(--black)}.system-flow a:hover{background:var(--yellow)}.system-flow small{grid-column:1;letter-spacing:.12em;font-size:.65rem;color:var(--scarlet)}.system-flow strong{grid-column:1;font:700 clamp(2.6rem,4vw,4.7rem)/1 var(--display)}.system-flow span{grid-column:1;color:#555;font-size:.84rem}.system-flow b{grid-column:2;grid-row:1/span 3;font-size:1.8rem;align-self:center}.article-tiles{display:grid;grid-template-columns:.75fr 1.25fr;gap:7vw}.article-lede h2{font-size:clamp(4rem,6vw,7.5rem);margin:15px 0}.article-lede h2 em{font-style:normal;color:var(--scarlet)}.article-card-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.article-card-grid article{background:white;padding:28px 25px;border:1px solid var(--line);min-height:280px}.article-card-grid small{font-size:.65rem;color:var(--scarlet);letter-spacing:.1em;font-weight:700}.article-card-grid h3{font:700 clamp(2rem,3vw,3.1rem)/1 var(--display);text-transform:uppercase;margin:27px 0 16px}.article-card-grid p{font-size:.9rem;color:#4b4b4b}.faq-wrapper{max-width:1400px;margin:auto;display:grid;grid-template-columns:340px 1fr;gap:60px}.faq-filter label{display:block;font-size:.74rem;letter-spacing:.1em;font-weight:700}.faq-filter input{width:100%;margin:12px 0 16px;border:2px solid var(--black);background:#fff;padding:13px;min-height:49px}.faq-filters{display:flex;flex-wrap:wrap;gap:7px}.faq-filters button{border:1px solid var(--black);background:transparent;padding:9px 14px;font-weight:700;font-size:.75rem}.faq-filters button[aria-pressed=true]{background:var(--black);color:white}.faq-filter #faq-count{font-size:.73rem;color:#444;margin-top:24px}.faq-list details:first-child{border-top:2px solid var(--black)}.faq-list details[hidden]{display:none}.guide-grid{max-width:var(--content);margin:auto;display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.guide-card{padding:30px;border:2px solid var(--black);min-height:330px;display:flex;flex-direction:column;text-decoration:none;transition:background .2s,transform .2s}.guide-card:hover{background:var(--yellow);transform:translateY(-4px)}.guide-card>span{font-size:.69rem;color:var(--scarlet);letter-spacing:.1em;font-weight:700}.guide-card h2{font-size:clamp(3rem,4.1vw,4.8rem);margin:25px 0}.guide-card p{font-size:.9rem;line-height:1.6}.guide-card b{font-size:.73rem;margin-top:auto}.step-guide{max-width:var(--content);margin:auto;display:grid;grid-template-columns:300px 1fr;gap:60px}.guide-aside{position:sticky;top:120px;height:max-content}.guide-aside h2{font-size:clamp(3.7rem,5.5vw,6rem);margin:20px 0}.guide-aside p{color:#4c5153;font-size:.9rem}.progress-track{height:9px;background:#d5d0c4;border:1px solid var(--black)}.progress-track i{display:block;background:var(--scarlet);height:100%;width:0;transition:width .18s}.clear-progress{margin-top:16px;border:0;background:transparent;text-decoration:underline;padding:5px 0;font-size:.76rem}.guide-step{display:flex;align-items:flex-start;gap:20px;border-top:2px solid var(--black);padding:22px 0;cursor:pointer}.guide-step input{position:absolute;opacity:0}.guide-step:focus-within{outline:2px solid var(--blue)}.check-mark{flex:0 0 65px;font:700 3.6rem/.9 var(--display);color:var(--scarlet)}.guide-step input:checked+.check-mark{color:#63822e}.guide-step input:checked+.check-mark:after{content:' ✓';font:700 1.1rem/1 var(--body)}.guide-step-copy{display:grid;gap:8px}.guide-step-copy strong{font:700 clamp(2rem,3vw,3.4rem)/.92 var(--display);text-transform:uppercase}.guide-step-copy span{color:#464e54}.guide-done{border-top:2px solid var(--black);padding:30px 0}.guide-done h3{font:700 3rem/1 var(--display)}
/* Footer: a real publication-style final act, not a small column of misc links. */
.drumojo-footer{background:var(--black);color:#fff}.footer-top{padding:clamp(55px,7vw,100px) var(--edge);display:flex;align-items:flex-end;justify-content:space-between;gap:20px;border-bottom:1px solid #42474b}.footer-head h2{font-size:clamp(6rem,13vw,15rem);letter-spacing:-.04em;line-height:.75;margin:22px 0}.footer-head h2 em{font-style:normal;color:var(--yellow)}.footer-head p{max-width:550px;color:#dedbd2;margin-top:30px}.footer-cta{display:flex;flex-direction:column;gap:19px;align-items:flex-start;margin-bottom:20px}.footer-quiet-link{font-size:.83rem;color:#fff}.footer-grid{padding:60px var(--edge) 85px;display:grid;grid-template-columns:2.3fr 1fr 1fr 1fr;gap:35px;max-width:1750px;margin:auto}.footer-logo{font:700 5.5rem/.8 var(--display);letter-spacing:-.03em;text-decoration:none}.footer-brand p{color:#c4c9c8;font-size:.81rem;max-width:320px;margin:16px 0 0}.footer-line-mark{font-size:1.2rem;color:var(--yellow);display:block;margin-top:26px}.footer-grid h3{font-size:.7rem;letter-spacing:.2em;color:var(--yellow);margin-bottom:23px}.footer-grid>div:not(:first-child) a{display:block;text-decoration:none;margin:0 0 10px;font-size:.85rem;color:#e0e1dd}.footer-grid a:hover{color:var(--yellow)!important}.footer-bottom{border-top:1px solid #42474b;padding:23px var(--edge);display:flex;justify-content:space-between;gap:15px;font-size:.62rem;letter-spacing:.07em;color:#bbbdbb}.footer-bottom a{color:var(--yellow);white-space:nowrap}
/* Actual existing authenticated account renderer — new presentation, unchanged API semantics. */
body.account-route .auth-shell{display:grid;grid-template-columns:1fr 1fr;min-height:calc(100svh - 82px);background:var(--paper);color:var(--black)}body.account-route .auth-visual{background:var(--black);color:white;display:flex;flex-direction:column;justify-content:space-between;gap:25px;padding:clamp(35px,5vw,95px);min-height:620px}body.account-route .auth-visual h2{font:700 clamp(5rem,8vw,9rem)/.85 var(--display);text-transform:uppercase;margin:25px 0}body.account-route .auth-visual h2 em{color:var(--yellow);font-style:normal}body.account-route .auth-visual p{max-width:510px;line-height:1.7;color:#dee1dc}body.account-route .auth-tags{display:flex;gap:10px;flex-wrap:wrap}body.account-route .auth-tags span{border:1px solid var(--yellow);color:var(--yellow);padding:8px;font-size:.7rem;font-weight:700}body.account-route .auth-panel{padding:clamp(30px,5vw,100px);background:var(--paper);min-width:0}body.account-route .auth-panel-inner{max-width:560px;margin:0 auto}body.account-route .auth-panel h1{font:700 clamp(3.5rem,5vw,6.4rem)/.9 var(--display);text-transform:uppercase;margin:24px 0}body.account-route .auth-panel-inner>p{max-width:480px}body.account-route .auth-panel form{display:grid;gap:16px;margin-top:27px}body.account-route .form-field{display:grid;gap:6px;font-size:.76rem;font-weight:700;color:var(--black)}body.account-route .form-field input,body.account-route .form-field select,body.account-route .form-field textarea{width:100%;padding:12px;border:1px solid #717777;background:#fff;color:var(--black);min-height:48px}body.account-route .auth-panel .button-primary{background:var(--scarlet);color:#fff;min-height:48px;border-radius:2px}body.account-route .auth-links{display:flex;flex-wrap:wrap;gap:15px;margin-top:20px;font-size:.8rem}body.account-route .auth-shell .eyebrow{color:var(--scarlet);font-size:.7rem;letter-spacing:.12em}body.account-route .auth-visual .eyebrow{color:var(--yellow)}body.account-route .info-note{background:#fff6cc;border:1px solid #b8a469;padding:15px;margin:18px 0;color:#2a2721}body.account-route .form-status{font-size:.85rem;line-height:1.6}body.account-route .form-status.error{color:#ac2418}body.account-route .form-status.success{color:#17602e}
/* Dark contrast, touch targets, and motion preferences. */
@media(max-width:1250px){.main-nav{gap:15px}.header-join span{display:none}.header-inner{gap:15px}.journey-item{grid-template-columns:90px 1fr 54px 25px}.feature-grid{grid-template-columns:repeat(2,1fr)}.feature-tile{min-height:240px}.plan-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.plan-featured{grid-row:span 2}.footer-grid{grid-template-columns:1.6fr 1fr 1fr 1fr}}
@media(max-width:980px){.main-nav{display:none}.menu-toggle{display:flex}.header-actions{margin-left:auto}.home-hero{grid-template-columns:1fr;min-height:auto}.home-hero-content{padding:50px var(--edge) 35px}.hero-title-wrap{margin:40px 0 30px}.hero-title-wrap h1{font-size:clamp(6rem,17vw,12rem)}.home-hero-image{min-height:480px}.hero-image-hold{transform:none;border-left:0;border-top:10px solid var(--scarlet)}.hero-image-hold img{width:100%;transform:none}.hero-image-label{left:7%}.scroll-cue{bottom:20px}.division-grid{grid-template-columns:repeat(2,1fr)}.division-card,.division-card:nth-child(4),.division-card:nth-child(5){grid-column:span 1}.journey-section{grid-template-columns:1fr}.journey-intro{padding:65px var(--edge) 25px}.journey-track{padding:35px var(--edge) 65px}.picture-break-copy{padding:65px var(--edge)}.pricing-bottom,.article-tiles,.system-visual{grid-template-columns:1fr;gap:35px}.faq-wrapper{grid-template-columns:1fr;gap:22px}.faq-filter{max-width:650px}.footer-top{flex-wrap:wrap}.footer-grid{grid-template-columns:repeat(3,1fr)}.footer-brand{grid-column:1/-1}.product-hero{grid-template-columns:1fr}.product-hero-copy{padding:60px var(--edge)}.product-hero h1{font-size:clamp(6rem,14vw,11rem)}.product-hero-photo{min-height:400px;height:440px}.sales-layout{grid-template-columns:1fr}.sales-image img{height:360px}.workflow-section{grid-template-columns:1fr}.workflow-heading h2{max-width:800px}.connect-band{grid-template-columns:1fr}.connected-card{max-width:650px}.next-call{align-items:start;flex-direction:column}}
@media(max-width:680px){.section-pad{padding:65px 20px}.main-header{height:72px}.header-inner{padding:0 17px}.brand-type{font-size:2rem}.brand-glyph{width:32px;height:32px}.brand-type small{font-size:.39rem}.header-actions{gap:10px}.nav-login{display:none}.header-join{font-size:.7rem;padding:12px 8px}.menu-toggle{width:42px;height:42px}.mobile-menu{inset:72px 0 0}.section-heading-row{display:block}.section-heading-row p{margin:16px 0 0}.section-heading-row h2,.section-head>h2{font-size:clamp(4rem,14vw,7rem)}.home-hero-content{padding:42px 20px 35px}.hero-title-wrap{margin:40px 0 25px}.hero-title-wrap h1{font-size:clamp(6rem,23vw,10rem)}.vertical-note{display:none}.hero-title-wrap p{max-width:500px;font-size:.95rem}.hero-topline{font-size:.6rem}.hero-buttons .btn{min-height:50px;width:100%}.hero-stats{gap:8px}.hero-stats span{display:block;font-size:.52rem}.hero-stats strong{display:block;font-size:1.9rem}.home-hero-image{min-height:360px}.hero-image-label strong{font-size:2.4rem}.hero-rail{display:none}.division-grid{grid-template-columns:1fr}.division-card-img{height:220px}.division-foot h3{font-size:3.5rem}.journey-intro{padding:65px 20px 25px}.journey-track{padding:20px 20px 60px}.journey-item{grid-template-columns:1fr 30px;gap:4px 10px}.journey-item span{grid-column:1}.journey-item strong{grid-column:1}.journey-item small{grid-column:1}.journey-item b{grid-column:2;grid-row:1/span 3}.role-lab-frame{grid-template-columns:1fr}.role-tabs{display:grid;grid-template-columns:repeat(2,1fr);gap:5px;padding:10px}.role-tabs button{font-size:.76rem;padding:13px 9px;border:1px solid #52585b}.role-result{padding:27px 19px}.role-result h3{font-size:3.2rem}.picture-break{grid-template-columns:1fr}.picture-break-image{min-height:340px;height:340px}.picture-break-copy{padding:55px 20px}.picture-break-copy h2{font-size:clamp(4.8rem,14vw,8rem)}.join-panel{grid-template-columns:1fr}.join-panel>div:first-child{padding:43px 23px}.join-panel h2{font-size:clamp(5rem,16vw,9rem)}.price-stack{padding:35px 23px}.price-stack strong{font-size:9rem}.editorial-three{grid-template-columns:1fr}.editorial-three img{height:230px}.footer-top{padding:65px 20px}.footer-head h2{font-size:clamp(6rem,18vw,9rem)}.footer-grid{grid-template-columns:repeat(2,1fr);padding:50px 20px;gap:30px 15px}.footer-brand{grid-column:1/-1}.footer-bottom{padding:20px;display:grid;gap:14px}.product-hero-copy{padding:55px 20px}.product-hero h1{font-size:clamp(5.4rem,17vw,9rem)}.product-hero-photo{height:350px;min-height:350px}.product-photo-stamp strong{font-size:2rem}.product-breadcrumb{padding:13px 20px}.product-breadcrumb span:last-child{display:none}.feature-grid{grid-template-columns:1fr}.feature-tile{min-height:230px}.workflow-section{gap:35px}.workflow-heading h2{font-size:5.7rem}.step-card{grid-template-columns:60px 1fr;gap:13px}.step-card>strong{font-size:3.3rem}.step-card h3{font-size:2.4rem}.connect-band h2{font-size:5.3rem}.connected-card{padding:20px;box-shadow:7px 7px 0 var(--scarlet)}.connected-logo{font-size:4rem}.next-call{padding:55px 20px}.next-call h2{font-size:4.7rem}.next-call .btn{width:100%}.sub-hero{padding:60px 20px;min-height:320px}.sub-hero h1{font-size:clamp(5rem,16vw,9rem)}.pricing-hero{padding:60px 20px}.pricing-hero h1{font-size:clamp(5.4rem,18vw,9rem)}.plan-grid{grid-template-columns:1fr}.plan-featured{grid-row:auto}.plan-grid article{min-height:auto}.article-card-grid{grid-template-columns:1fr}.faq-wrapper{gap:25px}.guide-grid{grid-template-columns:1fr}.guide-card{min-height:250px}.step-guide{grid-template-columns:1fr;gap:24px}.guide-aside{position:static}.guide-step{gap:10px}.check-mark{flex-basis:48px;font-size:2.8rem}.guide-step-copy strong{font-size:2.2rem}.sales-card{padding:25px 18px}body.account-route .auth-shell{grid-template-columns:1fr}body.account-route .auth-visual{min-height:280px;padding:35px 20px}body.account-route .auth-visual h2{font-size:5.4rem}body.account-route .auth-panel{padding:45px 20px}body.account-route .auth-panel h1{font-size:4.5rem}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.001ms!important;transition-duration:.001ms!important}}@media(forced-colors:active){.btn,.division-top,.role-tabs button[aria-selected=true]{forced-color-adjust:auto}}
/* High-energy large-format accents preserve AA body-copy contrast. */
.hero-title-wrap h1 .period,.section-heading-row h2 em,.section-head>h2 em,.picture-break-copy h2 em{color:var(--flare)}
.hero-title-wrap h1 em,.picture-break-copy h2 em{color:var(--yellow)}
.home-hero-image:before{content:'';position:absolute;right:1%;top:0;width:140px;height:140px;z-index:2;pointer-events:none;background-image:radial-gradient(var(--yellow) 1.1px,transparent 1.1px);background-size:9px 9px;opacity:.65;mask-image:linear-gradient(115deg,transparent 8%,black 100%)}
.division-card-img:after{position:absolute;inset:0;pointer-events:none;content:'';border:10px solid transparent;border-image:linear-gradient(130deg,transparent 65%,rgba(255,255,255,.18)) 1}
.account-loading{min-height:70svh;padding:120px var(--edge);font:700 clamp(3rem,8vw,8rem)/.9 var(--display);text-transform:uppercase}
/* Mobile intrinsic sizing: no component is allowed to push a viewport wider. */
.footer-head,.footer-cta,.picture-break-image,.picture-break-copy,.sales-layout>div,.sales-card,.sales-notes,.guide-card,.pricing-hero h1,.price-stack{min-width:0}
.sales-card h2,.sales-notes h2,.guide-card h2,.pricing-hero h1{overflow-wrap:anywhere}
@media(max-width:680px){
 .footer-top{display:block}
 .footer-head{width:100%}
 .footer-head h2{font-size:clamp(4.9rem,16vw,8rem)}
 .footer-cta{margin-top:35px}
 .picture-break{grid-template-columns:minmax(0,1fr)}
 .picture-break-copy h2{font-size:clamp(3.55rem,13.7vw,7rem)}
 .guide-grid{grid-template-columns:minmax(0,1fr)}
 .guide-card h2{font-size:clamp(2.5rem,11vw,4.7rem)}
 .sales-layout{grid-template-columns:minmax(0,1fr)}
 .sales-notes h2{font-size:clamp(2.5rem,10.4vw,5rem)}
 .sales-card h2{font-size:clamp(2.8rem,11.2vw,5.3rem)}
 .pricing-hero h1{font-size:clamp(4.2rem,15.6vw,9rem)}
 .pricing-hero h1 em{display:block;font-size:.9em}
}
@media(min-width:981px){.picture-break-copy h2{font-size:clamp(4.7rem,6.2vw,8rem)}}

/* Approved DRUMOJO asset: the original mark is rendered from /brand.png. */
.drumojo-original-mark{width:40px;height:40px;flex:none;display:block;object-fit:cover;border-radius:9px}
@media(max-width:520px){.drumojo-original-mark{width:32px;height:32px}}