.activity-page main{overflow:clip}.activity-page .eyebrow{font-size:11px}.breadcrumbs{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding-top:27px;font-size:12px;color:var(--muted)}.breadcrumbs a:hover{color:var(--white)}.breadcrumbs span[aria-hidden]{color:var(--red)}
.universe-hero{display:grid;grid-template-columns:1.1fr 1fr;align-items:center;gap:80px;padding-top:54px;padding-bottom:82px}.universe-hero h1{font-size:clamp(66px,7.8vw,112px);line-height:.92}.universe-hero h1 span{color:var(--red)}.universe-tagline{font-family:var(--display);font-size:29px;line-height:1.15;margin-top:23px}.universe-intro{color:var(--muted);font-size:18px;line-height:1.7;margin-top:22px;max-width:570px}.universe-hero .hero-actions{gap:23px}.universe-label{display:flex;align-items:center;gap:9px;font-size:11px;color:var(--muted);margin-top:24px}.universe-label:before{content:'';width:23px;height:1px;background:var(--red)}
.universe-art{position:relative;min-width:0;height:515px;border:1px solid var(--line);background:var(--surface)}.recos-art{background:linear-gradient(135deg,#5a1020,#1b171b 65%);overflow:hidden}.recos-art .photo-one{position:absolute;left:10%;top:42px;width:45%;height:410px;object-fit:cover;transform:rotate(-7deg);border:5px solid #f5f1e9;box-shadow:0 20px 40px #0006}.recos-art .photo-two{position:absolute;right:5%;top:98px;width:43%;height:390px;object-fit:cover;transform:rotate(8deg);border:5px solid #f5f1e9;box-shadow:0 20px 40px #0006}.recos-art .universe-logo{position:absolute;right:24px;top:21px;width:112px;height:auto;z-index:1;filter:drop-shadow(0 8px 16px #0005)}.art-caption{position:absolute;bottom:0;left:0;right:0;padding:21px 24px;background:linear-gradient(transparent,#111e);font-size:10px;letter-spacing:.13em;z-index:2}
.behype-art-panel{background:#007bfc;overflow:hidden}.behype-art-panel .universe-logo{position:absolute;left:32px;top:34px;width:175px;height:auto}.behype-art-panel .app-art{position:absolute;width:330px;right:-10px;bottom:-28px;transform:rotate(7deg);box-shadow:0 20px 65px #003b9b70}.behype-art-type{position:absolute;left:32px;top:145px;font-family:var(--display);font-size:52px;line-height:.95;z-index:1;text-shadow:0 2px 15px #0065d560}.behype-art-type span{display:block;color:#b8e2ff}.behype-art-panel .art-caption{background:none;bottom:4px;max-width:190px;line-height:1.6}
.klap-art-panel{overflow:hidden;background:radial-gradient(ellipse at 100% 100%,#6c1023 0,transparent 65%),#070708}.klap-art-panel .universe-logo{position:absolute;left:34px;right:34px;top:58px;width:calc(100% - 68px);height:auto}.klap-art-type{position:absolute;top:190px;left:34px;font-family:var(--display);font-size:62px;line-height:.96}.klap-art-type span{color:var(--red);display:block}.platform-tags{position:absolute;left:34px;bottom:78px;display:flex;gap:10px;flex-wrap:wrap}.platform-tags span{border:1px solid #ffffff40;padding:8px 13px;font-size:12px;letter-spacing:.08em}.klap-art-panel:after{content:'↗';position:absolute;right:18px;bottom:83px;font-size:200px;line-height:1;color:#ffffff0a;pointer-events:none}
.universe-overview{border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:#191b1e}.overview-layout{display:grid;grid-template-columns:.75fr 1.25fr;gap:80px;align-items:start}.overview-layout h2{font-size:clamp(40px,4.3vw,58px)}.prose>p{color:var(--muted);font-size:17px;line-height:1.8;margin-bottom:20px}.prose>p:last-child{margin-bottom:0}.prose strong{color:var(--white);font-weight:400}.overview-list{display:grid;grid-template-columns:repeat(3,1fr);gap:0;margin-top:46px;border-top:1px solid var(--line)}.overview-list>div{padding:27px 25px 0 0}.overview-list>div+div{padding-left:25px;border-left:1px solid var(--line)}.overview-list span{font-family:var(--display);font-size:20px;color:var(--red)}.overview-list h3{font-size:28px;margin-top:15px;line-height:1.05}.overview-list p{font-size:14px;line-height:1.7;color:var(--muted);margin-top:13px;max-width:330px}
.detail-heading{display:flex;justify-content:space-between;align-items:end;gap:35px;margin-bottom:36px}.detail-heading h2{font-size:clamp(42px,4.6vw,62px)}.detail-heading>p{max-width:390px;font-size:15px;line-height:1.7;color:var(--muted)}.reco-examples{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.reco-example{min-width:0}.reco-example video{display:block;width:100%;aspect-ratio:9/16;background:#080808;object-fit:cover;border-radius:12px;border:1px solid var(--line)}.reco-example h3{font-size:29px;margin-top:21px}.reco-example p{font-size:13px;color:var(--muted);margin-top:7px;line-height:1.6}.examples-bottom{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-top:30px;color:var(--muted);font-size:13px}.examples-bottom .text-link{color:var(--white)}
.audience-panels{display:grid;grid-template-columns:1fr 1fr;gap:24px}.audience-panel{border:1px solid var(--line);padding:35px;position:relative}.audience-panel h3{font-size:38px;margin:22px 0 18px}.audience-panel p{color:var(--muted);font-size:16px;line-height:1.8}.audience-panel .micro{color:var(--red)}.audience-panel ul{padding-left:19px;margin:22px 0 0;color:var(--muted);font-size:15px;line-height:1.8}.audience-panel li+li{margin-top:8px}.audience-panel .text-link{margin-top:25px;white-space:normal}.store-buttons{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}.store-buttons .button{border:1px solid var(--line);background:#1b1d20;font-size:13px}.source-link{color:var(--muted);font-size:12px;line-height:1.7;margin-top:22px}.source-link a{color:var(--white);text-decoration:underline;text-underline-offset:4px}
.method-section{background:#191b1e;border-block:1px solid var(--line)}.method-steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:38px}.method-steps li{padding-top:25px;border-top:1px solid var(--line)}.method-steps .step-no{font-family:var(--display);font-size:43px;color:var(--red);line-height:1}.method-steps h3{font-size:28px;margin-top:23px;line-height:1.05}.method-steps p{font-size:15px;color:var(--muted);line-height:1.8;margin-top:15px}
.faq-layout{display:grid;grid-template-columns:.75fr 1.25fr;gap:80px}.faq-layout h2{font-size:clamp(42px,4.3vw,58px)}.universe-faq details{border-top:1px solid var(--line);padding:21px 0}.universe-faq details:last-child{border-bottom:1px solid var(--line)}.universe-faq summary{font-size:17px;cursor:pointer;list-style:none;display:flex;gap:20px;justify-content:space-between;align-items:center}.universe-faq summary::-webkit-details-marker{display:none}.universe-faq summary:after{content:'+';font-size:27px;color:var(--red);line-height:1;flex-shrink:0}.universe-faq details[open] summary:after{content:'−'}.universe-faq summary:focus-visible{outline:2px solid #ffbc28;outline-offset:6px}.universe-faq details p{font-size:15px;line-height:1.8;color:var(--muted);padding-top:17px;max-width:630px}
.universe-contact{border:1px solid var(--line);background:linear-gradient(115deg,#41121c,#1b1d20 65%);padding:45px;display:grid;grid-template-columns:1fr auto;gap:40px;align-items:center;margin-bottom:85px}.universe-contact h2{font-size:clamp(36px,4.2vw,58px)}.universe-contact p{font-size:16px;color:var(--muted);margin-top:18px;line-height:1.7;max-width:580px}.universe-contact .eyebrow{margin-top:0;margin-bottom:17px}.universe-contact-actions{display:flex;flex-direction:column;gap:16px;align-items:start}.universe-contact-actions .text-link{font-size:15px}.universe-contact-actions .contact-phone{font-size:13px;color:var(--muted)}
.related-universes{padding-bottom:80px}.related-universes>.micro{display:block;color:var(--muted);margin-bottom:23px}.related-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.related-grid a{display:flex;justify-content:space-between;align-items:center;gap:25px;border-top:1px solid var(--line);padding-top:22px}.related-grid a:hover{color:var(--red)}.related-grid strong{display:block;font-family:var(--display);font-size:30px;line-height:1.1}.related-grid small{display:block;font-size:13px;color:var(--muted);margin-top:9px}.related-grid svg{color:var(--red)}.activity-page .footer-bottom>div{flex-wrap:wrap}.activity-page .mobile-contact a:last-child{font-size:12px}.activity-page .footer-top>p{max-width:600px}
@media(max-width:1100px){.universe-hero{gap:45px}.universe-art{height:455px}.universe-hero h1{font-size:83px}.universe-intro{font-size:16px}.recos-art .photo-one{height:350px}.recos-art .photo-two{height:340px}.behype-art-type{font-size:45px}.behype-art-panel .app-art{width:290px;right:-25px}.klap-art-type{font-size:52px}.overview-layout,.faq-layout{gap:45px}.universe-contact{padding:35px;gap:25px}.universe-contact .button{font-size:13px;padding:16px;gap:15px}}
@media(max-width:800px){.universe-hero{gap:32px}.universe-hero h1{font-size:66px}.universe-tagline{font-size:24px}.universe-art{height:420px}.recos-art .photo-one{left:7%;height:325px;top:35px}.recos-art .photo-two{right:4%;top:80px;height:310px}.recos-art .universe-logo{width:88px;top:17px;right:16px}.behype-art-panel .universe-logo{left:22px;top:27px;width:145px}.behype-art-type{left:22px;top:130px;font-size:38px}.behype-art-panel .app-art{width:250px;right:-38px;bottom:-10px}.behype-art-panel .art-caption{font-size:8px;max-width:145px;padding-left:22px}.klap-art-panel .universe-logo{left:25px;top:65px;width:calc(100% - 50px)}.klap-art-type{top:175px;left:25px;font-size:42px}.platform-tags{left:25px;bottom:70px;gap:7px}.platform-tags span{font-size:10px;padding:8px}.overview-layout,.faq-layout{grid-template-columns:1fr;gap:33px}.overview-layout h2 br,.faq-layout h2 br{display:none}.overview-list h3{font-size:25px}.detail-heading{display:block}.detail-heading>p{margin-top:23px;max-width:600px}.reco-examples{gap:17px}.reco-example h3{font-size:24px}.audience-panel{padding:27px}.audience-panel h3{font-size:31px}.method-steps{gap:25px}.method-steps h3{font-size:24px}.method-steps p{font-size:14px}.universe-contact{grid-template-columns:1fr;gap:27px}.universe-contact-actions{flex-direction:row;align-items:center;flex-wrap:wrap;gap:21px}}
@media(max-width:640px){.breadcrumbs{padding-top:22px;font-size:11px;gap:9px}.universe-hero{grid-template-columns:1fr;padding-top:35px;padding-bottom:58px;gap:35px}.universe-hero h1{font-size:clamp(65px,17.5vw,105px)}.universe-tagline{font-size:27px}.universe-intro{font-size:16px;margin-top:20px}.universe-hero .eyebrow{font-size:9px;letter-spacing:.1em;margin-bottom:21px}.universe-hero .button{font-size:13px;padding:16px 18px;gap:15px}.universe-hero .hero-actions{gap:19px}.universe-hero .text-link{font-size:13px}.universe-label{font-size:10px}.universe-art{height:420px;width:100%;max-width:430px;justify-self:center}.recos-art .photo-one{left:9%;width:43%;height:330px}.recos-art .photo-two{right:6%;width:43%;height:315px}.recos-art .universe-logo{width:95px;right:24px;top:18px}.behype-art-panel .universe-logo{width:160px;left:26px}.behype-art-type{font-size:46px;left:26px;top:125px}.behype-art-panel .app-art{width:285px;right:-30px;bottom:-23px}.behype-art-panel .art-caption{font-size:9px;max-width:180px;padding-left:26px}.klap-art-panel .universe-logo{left:27px;width:calc(100% - 54px);top:48px}.klap-art-type{left:27px;top:160px;font-size:54px}.platform-tags{left:27px;bottom:70px}.platform-tags span{font-size:11px;padding:8px 12px}.art-caption{font-size:9px}.overview-layout h2,.faq-layout h2{font-size:43px}.prose>p{font-size:16px}.overview-list{grid-template-columns:1fr;margin-top:30px}.overview-list>div,.overview-list>div+div{padding:24px 0;border-left:0}.overview-list>div+div{border-top:1px solid var(--line)}.overview-list h3{font-size:29px;display:inline;margin-left:15px}.overview-list p{font-size:15px;max-width:none}.detail-heading h2{font-size:44px}.reco-examples{grid-template-columns:1fr;gap:36px}.reco-example{max-width:360px;width:100%;justify-self:center}.reco-example video{max-height:70dvh;object-fit:contain}.reco-example h3{font-size:30px}.reco-example p{font-size:14px}.examples-bottom{align-items:start;flex-direction:column}.audience-panels{grid-template-columns:1fr;gap:20px}.audience-panel{padding:28px 25px}.audience-panel h3{font-size:35px}.audience-panel p{font-size:15px}.store-buttons{gap:10px}.store-buttons .button{font-size:12px;padding:16px;gap:12px;flex:1}.method-steps{grid-template-columns:1fr;gap:28px}.method-steps li{position:relative;padding:24px 0 0 57px}.method-steps .step-no{position:absolute;left:0;top:25px;font-size:35px}.method-steps h3{font-size:29px;margin-top:0}.method-steps p{font-size:15px;margin-top:13px}.universe-faq summary{font-size:16px;gap:13px}.universe-contact{padding:28px 24px;width:calc(100% - 40px);margin-bottom:55px}.universe-contact h2{font-size:40px}.universe-contact p{font-size:15px}.universe-contact-actions{display:flex;flex-direction:column;align-items:stretch;gap:20px}.universe-contact-actions .button{justify-content:space-between}.related-universes{padding-bottom:60px}.related-grid{grid-template-columns:1fr;gap:27px}.related-grid strong{font-size:29px}.activity-page .footer-bottom>div{gap:13px 20px}.activity-page .footer-top>p{font-size:17px}.activity-page .footer-top>p>span{font-size:13px}}
.universe-hero>div{min-width:0}.page-behype .universe-hero h1{font-size:clamp(57px,6.2vw,88px)}
@media(max-width:1100px) and (min-width:641px){.page-behype .universe-hero h1{font-size:clamp(44px,6vw,66px)}}
@media(max-width:640px){.page-behype .universe-hero h1{font-size:clamp(47px,14.1vw,83px)}}
@media(max-width:359px){.universe-hero h1{font-size:60px}.universe-art{height:365px}.recos-art .photo-one{height:290px}.recos-art .photo-two{height:275px}.behype-art-type{font-size:39px}.behype-art-panel .app-art{width:240px}.klap-art-type{font-size:47px}.universe-contact h2{font-size:35px}.store-buttons{flex-direction:column}}
