:root{--orange:#f24b27;--paper:#f0f0f0;--ink:#1b1c1c;--green:#d2f24f;--gutter:6vw;font-family:Inter,system-ui,sans-serif;color:var(--ink);background:var(--paper);scroll-behavior:smooth}*{box-sizing:border-box}body{margin:0}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}button,a{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,[tabindex]:focus-visible{outline:3px solid currentColor;outline-offset:6px}h1,h2,h3,p{margin:0}h1,h2,h3,.wordmark{font-family:'TikTok Sans',Inter,sans-serif}h1,h2{font-weight:400;letter-spacing:-.065em;line-height:1.02}h1 strong,h2 strong{font-weight:700}p{line-height:1.75}.skip{position:fixed;top:-100px;left:20px;z-index:100;background:var(--ink);color:white;padding:15px}.skip:focus{top:10px}.eyebrow{display:block;font-size:12px;font-weight:600;letter-spacing:.1em;line-height:1.5}.pill{display:inline-flex;align-items:center;justify-content:space-between;gap:35px;padding:17px 24px;min-height:56px;background:var(--ink);color:var(--paper);border-radius:99px;font-size:15px;font-weight:500;transition:transform .25s}.pill:hover{transform:translateY(-3px)}.pill>span{font-size:22px;line-height:1}.pill.light{background:var(--paper);color:var(--ink)}.text-link{font-size:15px;font-weight:500;display:flex;align-items:center;justify-content:space-between;gap:25px;padding:12px 0;border-bottom:1px solid currentColor}.wordmark{display:inline-flex;align-items:center;gap:12px;font-size:36px;font-weight:700;letter-spacing:-.055em;line-height:1}.connection-mark{position:relative;display:inline-block;width:31px;height:31px;flex-shrink:0;border:2px solid currentColor;border-radius:50%;transform:rotate(-30deg)}.connection-mark:before,.connection-mark:after{content:'';position:absolute;width:14px;height:33px;top:-3px;left:6px;border:2px solid currentColor;border-radius:50%;transform:rotate(55deg)}.connection-mark:after{transform:rotate(-55deg)}
/* A photographic opening. The ball and connection motif stay still as one composition. */
.site-header{position:absolute;inset:0 0 auto;z-index:10;padding:28px var(--gutter);display:flex;align-items:center;justify-content:space-between;gap:24px;color:var(--paper)}.site-header .connection-mark{color:var(--green)}.site-header nav{display:flex;gap:26px;padding:16px 24px;background:#1b1c1cc9;border:1px solid #ffffff38;border-radius:99px;font-size:14px;backdrop-filter:blur(12px)}.site-header nav a{position:relative}.site-header nav a:after{content:'';position:absolute;bottom:-5px;left:0;width:100%;height:1px;background:var(--green);transform:scaleX(0);transform-origin:left;transition:transform .25s}.site-header nav a:hover:after{transform:scaleX(1)}.intro{position:relative;isolation:isolate;overflow:hidden;min-height:800px;height:100svh;max-height:1200px;display:flex;align-items:center;padding:150px var(--gutter) 120px;background:#7e341a url('/assets/hero-clay-v1.webp') center/cover no-repeat;color:var(--paper)}.intro:before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#1b1c1cb3 0%,#1b1c1c73 42%,#1b1c1c11 100%);z-index:-1}.intro-copy{position:relative;z-index:2;width:68%}.hero-label{width:fit-content;background:#1b1c1ce6;padding:10px 15px;border-radius:99px;color:var(--paper);font-size:11px}.intro h1{font-size:clamp(64px,7.2vw,114px);margin:28px 0 38px;letter-spacing:-.06em}.intro h1 strong{position:relative}.intro h1 strong:after{content:'';position:absolute;bottom:-8px;left:3px;right:0;height:4px;background:var(--green)}.intro-bottom{display:flex;align-items:center;gap:30px}.intro-bottom p{font-size:16px;line-height:1.6}.hero-scene{position:absolute;inset:0 0 0 52%;z-index:1}.hero-ball{position:absolute;width:clamp(270px,29vw,470px);height:auto;top:32%;left:5%;filter:drop-shadow(12px 20px 12px #1b1c1c4d);transform:rotate(-10deg)}.ball-shadow{position:absolute;left:12%;width:57%;height:32px;top:76%;background:#1b1c1c55;filter:blur(20px);transform:rotate(-12deg);border-radius:50%}.orbit{position:absolute;inset:22% -20% 24% -8%;border:1px solid #f0f0f09c;border-radius:50%;transform:rotate(-36deg);opacity:.6}.orbit-two{inset:18% -3% 20% -27%;transform:rotate(38deg);border-color:#d2f24f;opacity:.5}.hero-foot{position:absolute;bottom:30px;left:var(--gutter);right:var(--gutter);display:flex;justify-content:space-between;align-items:center;gap:20px;font-size:12px;letter-spacing:.07em}.hero-foot a{background:#1b1c1cd9;color:var(--paper);padding:10px 15px;border-radius:99px;letter-spacing:0}.hero-foot a span{margin-left:15px}
/* Three words fill in as the reader moves through the connection story. */
.connection-story{height:225svh;background:var(--ink);color:var(--paper);position:relative}.connection-sticky{position:sticky;top:0;min-height:760px;height:100svh;overflow:hidden;padding:55px var(--gutter) 45px;display:flex;flex-direction:column;justify-content:space-between;background:var(--connect-bg,#1b1c1c)}.connection-top{display:flex;justify-content:space-between;gap:25px;align-items:center}.connection-top>.eyebrow{color:var(--green)}.connection-top>p{font-size:14px;line-height:1.5;color:#cecece}.scroll-words{font-size:clamp(60px,8.8vw,145px);font-weight:600;line-height:1.03;letter-spacing:-.065em;padding:25px 0}.scroll-word{position:relative;display:block;width:fit-content;transform:translateX(var(--word-x,0px));color:#797b78}.word-fill{position:absolute;inset:0;color:var(--green);clip-path:inset(0 calc((1 - var(--word-progress,1))*100%) 0 0);white-space:nowrap}.scroll-word:nth-child(2) .word-fill{color:var(--paper)}.scroll-word:nth-child(3) .word-fill{color:var(--orange)}.connection-bottom{display:grid;grid-template-columns:70px 1fr auto;align-items:center;gap:40px}.connection-bottom .connection-mark{width:43px;height:43px;color:var(--green)}.connection-bottom .connection-mark:before,.connection-bottom .connection-mark:after{width:21px;height:47px;left:8px;top:-4px}.connection-bottom p{max-width:520px;font-size:17px;line-height:1.65}.connection-bottom .text-link{color:var(--paper)}.connection-rule{position:absolute;bottom:0;left:var(--gutter);right:var(--gutter);height:3px;background:var(--green);transform:scaleX(var(--connect-progress,1));transform-origin:left}
/* The photo and its caption are a single, static card. Only the rail moves. */
.horizontal-story{position:relative;height:260svh;background:var(--orange);color:var(--paper)}.horizontal-sticky{position:sticky;top:0;height:100svh;min-height:730px;overflow:hidden;padding:40px 0 25px;display:flex;flex-direction:column;justify-content:space-between}.story-header{display:flex;align-items:flex-end;justify-content:space-between;gap:30px;padding:0 var(--gutter) 24px}.story-header .eyebrow{background:var(--ink);color:var(--paper);padding:8px 12px;border-radius:99px;width:fit-content;font-size:11px}.story-header h2{font-size:clamp(40px,4.8vw,72px);margin-top:18px}.story-navigation p{background:var(--ink);border-radius:12px;padding:12px 17px;font-size:14px;margin-bottom:12px;line-height:1.5}.story-navigation>div{display:flex;gap:15px;align-items:center}.story-navigation>div>span{font-size:14px;background:var(--paper);color:var(--ink);padding:8px 12px;border-radius:99px;min-width:76px;text-align:center}.story-arrow{width:45px;height:45px;background:var(--paper);color:var(--ink);border:0;border-radius:50%;font-size:23px}.story-arrow:disabled{opacity:.45;cursor:default}.story-viewport{overflow:hidden;width:100%;padding:3px 0;outline-offset:-4px}.story-track{display:flex;gap:28px;padding:0 var(--gutter);will-change:transform}.story-card{flex:0 0 66vw;max-width:1000px;height:clamp(330px,48svh,520px);display:grid;grid-template-columns:1.2fr 1fr;border-radius:18px;overflow:hidden;background:var(--paper);color:var(--ink)}.story-image{overflow:hidden}.story-image img{display:block;width:100%;height:100%;object-fit:cover}.story-card-copy{padding:30px;display:flex;flex-direction:column;justify-content:flex-end}.story-card-copy>span{font-size:12px;letter-spacing:.08em;margin-bottom:auto}.story-card h3{font-size:clamp(28px,3vw,44px);font-weight:600;line-height:1.05;letter-spacing:-.045em;margin:25px 0 18px}.story-card p{font-size:16px;line-height:1.65}.story-progress{height:3px;margin:20px var(--gutter) 0;background:#ffffff45;overflow:hidden}.story-progress>span{display:block;height:100%;background:var(--green);transform:scaleX(var(--story-progress,.02));transform-origin:left}.horizontal-story.is-native{height:auto}.horizontal-story.is-native .horizontal-sticky{position:relative;height:auto;min-height:0;gap:25px;padding-block:55px}.horizontal-story.is-native .story-viewport{overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:thin}.horizontal-story.is-native .story-track{width:max-content;transform:none!important}.horizontal-story.is-native .story-card{scroll-snap-align:center}
/* Each role has its own editorial section, visual rhythm and contrast. */
.role-section{padding:105px var(--gutter);position:relative;overflow:hidden}.role-heading{position:relative;z-index:1}.role-heading>.eyebrow{margin-bottom:30px}.role-heading h2{font-size:clamp(52px,7.9vw,118px);margin-bottom:35px}.title-line{display:block;overflow:hidden;padding-bottom:.06em}.title-line>span,.title-line>strong{display:block;transform:translateY(calc((1 - var(--role-enter,1))*108%));opacity:var(--role-enter,1);will-change:transform}.title-line:nth-child(2)>strong{transform:translateY(calc((1 - var(--role-enter-second,1))*108%))}.role-heading>p{font-size:20px;line-height:1.7;max-width:650px;margin-left:auto}.feature-list article{display:flex;gap:22px;padding:25px 0;border-bottom:1px solid #1b1c1c38}.feature-list article:first-child{padding-top:0}.feature-list article>span{width:38px;height:38px;display:grid;place-items:center;flex-shrink:0;background:var(--green);color:var(--ink);border-radius:50%;font-size:14px}.feature-list h3{font-size:27px;line-height:1.2;font-weight:600;letter-spacing:-.035em;margin-bottom:13px}.feature-list p{font-size:17px;line-height:1.8}.player-section{background:var(--orange);color:var(--paper)}.player-section .role-heading>.eyebrow{background:var(--ink);color:var(--paper);padding:9px 13px;border-radius:99px;width:fit-content}.player-section .role-heading>p{background:var(--ink);border-radius:16px;padding:22px 26px}.player-content{display:grid;grid-template-columns:1.1fr 1fr;align-items:center;gap:6vw;margin-top:65px}.player-content>.feature-list{background:var(--paper);color:var(--ink);border-radius:20px;padding:30px}.player-photo{align-self:start;position:relative;margin-top:35px}.player-photo img{width:100%;height:auto;display:block;border-radius:16px}.player-photo>span{display:block;background:var(--ink);color:var(--paper);padding:14px 18px;border-radius:12px;font-size:12px;letter-spacing:.05em;width:fit-content;margin-top:16px}.social-detail{display:flex;justify-content:space-between;align-items:flex-end;gap:40px;margin-top:50px;padding:25px 30px;border-radius:16px;background:var(--paper);color:var(--ink)}.social-detail p{font-size:16px;max-width:630px}.social-detail strong{display:block;font-size:20px;margin-bottom:8px}.social-detail .text-link{flex-shrink:0}.teacher-section{background:var(--paper);color:var(--ink)}.teacher-section .role-heading h2 strong{color:var(--orange)}.teacher-section .role-heading>.eyebrow{color:var(--ink)}.role-layout{display:grid;grid-template-columns:1fr 1fr;gap:6vw;margin-top:65px;align-items:center}.teacher-visual{border-radius:20px;overflow:hidden;background:var(--orange)}.teacher-visual>img{width:100%;height:auto;display:block}.image-caption{padding:30px;color:var(--paper)}.image-caption>span{font-size:12px;letter-spacing:.08em;display:block;margin-bottom:20px}.image-caption>strong{font-family:'TikTok Sans',Inter,sans-serif;font-size:clamp(32px,3.2vw,47px);line-height:1.06;font-weight:600;letter-spacing:-.04em}.role-detail>.pill{margin-top:30px}.venue-section{background:var(--ink);color:var(--paper)}.venue-section .role-heading>.eyebrow{color:var(--green)}.venue-section .role-heading h2 strong{color:var(--green)}.venue-section .role-heading>p{color:#dedede}.venue-board{display:grid;grid-template-columns:1fr 1fr;gap:6vw;align-items:center;margin-top:65px}.venue-section .feature-list article{border-color:#ffffff38}.venue-section .feature-list p{color:#d8d8d8}.venue-visual{aspect-ratio:1;position:relative;background:var(--orange);border-radius:20px;overflow:hidden;display:flex;align-items:center;justify-content:center}.flat-court{width:57%;height:83%;border:2px solid var(--paper);position:absolute;top:8%;left:22%;transform:rotate(calc(-18deg + var(--role-progress,.5)*10deg))}.flat-court:before{content:'';position:absolute;inset:0 12%;border-inline:1px solid var(--paper)}.flat-court:after{content:'';position:absolute;inset:25% 12%;border-block:1px solid var(--paper);background:linear-gradient(90deg,transparent 49.8%,#f0f0f0 49.8%,#f0f0f0 50.2%,transparent 50.2%)}.flat-court>i{position:absolute;inset:50% -2% auto;border-top:5px solid var(--ink);z-index:1}.court-number{position:absolute;left:25px;bottom:25px;background:var(--ink);padding:15px 20px;border-radius:12px;font-family:'TikTok Sans',Inter,sans-serif;font-size:36px;line-height:1.02;font-weight:600;letter-spacing:-.04em}.organizer-section{background:var(--green);color:var(--ink)}.organizer-section .role-heading h2 strong{-webkit-text-stroke:0;color:var(--ink);font-weight:700}.organizer-content{display:grid;grid-template-columns:1.2fr 1fr;gap:6vw;align-items:center;margin-top:65px}.organizer-section .feature-list article>span{background:var(--ink);color:var(--paper)}.organizer-poster{position:relative;background:var(--ink);color:var(--paper);padding:28px;border-radius:20px;overflow:hidden}.organizer-poster>span{font-size:12px;line-height:1.5;letter-spacing:.1em;display:block}.organizer-poster>.connection-mark{position:absolute;top:35px;right:35px;color:var(--green);width:65px;height:65px}.organizer-poster>.connection-mark:before,.organizer-poster>.connection-mark:after{width:31px;height:71px;top:-5px;left:15px}.organizer-poster>strong{display:block;font-family:'TikTok Sans',Inter,sans-serif;font-size:clamp(55px,6vw,92px);letter-spacing:-.06em;line-height:.98;margin:65px 0 30px}.organizer-poster>img{display:block;width:100%;height:auto;border-radius:10px}.workspace-showcase{display:grid;grid-template-columns:.75fr 1.4fr;gap:5vw;align-items:center;margin-top:85px;padding-top:50px;border-top:1px solid #1b1c1c38}.workspace-showcase h3{font-size:clamp(32px,3.6vw,54px);font-weight:500;line-height:1.05;letter-spacing:-.045em;margin:25px 0}.workspace-showcase p{font-size:17px;line-height:1.8}.workspace-showcase .pill{margin-top:25px}.demo-note{display:block;font-size:12px;line-height:1.6;margin-top:22px;color:inherit;opacity:.8}.workspace-window{border:1px solid #1b1c1c33;overflow:hidden;border-radius:16px;background:var(--paper);box-shadow:0 30px 60px #1b1c1c1a;transform:translateY(var(--workspace-y,0px));will-change:transform}.window-bar{height:42px;background:#e3e3e3;color:var(--ink);display:flex;align-items:center;gap:6px;padding:0 15px}.window-bar>i{width:7px;height:7px;border-radius:50%;background:#797b78}.window-bar>span{font-size:11px;margin-left:9px;letter-spacing:.04em}.workspace-window>iframe{width:100%;height:490px;border:0;display:block;background:var(--paper)}.venue-section .workspace-showcase{border-color:#ffffff38}.venue-section .workspace-window{border-color:#ffffff38}.venue-section .workspace-showcase p{color:#d8d8d8}
/* One app screen follows a gentle, scroll-controlled perspective. */
.product-section{display:grid;grid-template-columns:1fr 1fr;gap:7vw;align-items:center;padding:110px var(--gutter);background:var(--ink);color:var(--paper);min-height:1000px;overflow:hidden}.product-copy{max-width:520px}.product-copy>.eyebrow{color:var(--green)}.product-copy h2{font-size:clamp(60px,7vw,105px);margin:30px 0}.product-copy h2 strong{color:var(--green)}.product-copy>p{font-size:19px;max-width:440px;color:#dedede}.preview-tabs{display:flex;gap:28px;margin:35px 0 25px;border-bottom:1px solid #ffffff40}.preview-tabs button{background:none;border:0;border-bottom:2px solid transparent;color:#c4c4c4;font-size:15px;min-height:52px;padding:12px 0}.preview-tabs button[aria-selected=true]{color:var(--paper);border-color:var(--green)}.preview-description h3{font-size:24px;font-weight:600;margin-bottom:12px;letter-spacing:-.03em}.preview-description p{font-size:16px;color:#d8d8d8;min-height:90px}.device-stage{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;perspective:1300px}.device{position:relative;width:330px;height:690px;background:var(--ink);border:7px solid #51534f;padding:10px 0;border-radius:43px;box-shadow:20px 35px 65px #0006;transform:translateY(var(--device-y,0px)) rotateY(var(--device-turn,-10deg)) rotateZ(var(--device-lean,3deg));overflow:hidden;transition:opacity .3s;z-index:1}.device.switching{opacity:.35}.device iframe{width:100%;height:100%;border:0;border-radius:28px;background:var(--paper)}.device-speaker{position:absolute;top:5px;left:calc(50% - 36px);width:72px;height:14px;border-radius:0 0 12px 12px;background:var(--ink);z-index:2}.device-backplate{position:absolute;width:345px;height:600px;background:var(--orange);border-radius:40px;transform:rotate(var(--backplate-turn,-9deg))}.device-caption{font-size:11px;letter-spacing:.05em;line-height:1.7;margin-top:35px;z-index:1}.device-orbit{position:absolute;width:130%;height:45%;border:1px solid #d2f24f77;border-radius:50%;transform:rotate(-25deg);pointer-events:none}
.free-tools-section{padding:95px var(--gutter);background:var(--paper);color:var(--ink)}.free-tools-section>.eyebrow{color:var(--ink)}.free-tools-section h2{font-size:clamp(48px,7.1vw,108px);margin:30px 0 45px}.free-tools-section h2 strong{color:var(--orange)}.free-copy{display:grid;grid-template-columns:1fr 1fr;gap:5vw}.free-copy p{font-size:18px;max-width:570px}.free-roles{display:flex;flex-wrap:wrap;gap:12px;margin-top:40px}.free-roles>span{border:1px solid #aaa;padding:12px 22px;border-radius:99px;font-size:15px}.last-call{position:relative;isolation:isolate;overflow:hidden;background:var(--orange);color:var(--paper);padding:95px var(--gutter)}.last-call>.eyebrow{background:var(--ink);color:var(--paper);padding:9px 13px;border-radius:99px;width:fit-content}.last-call h2{font-size:clamp(64px,9vw,140px);margin:35px 0 50px;position:relative;z-index:1}.last-bottom{display:flex;justify-content:space-between;align-items:flex-end;gap:30px;position:relative;z-index:1}.last-bottom p{font-size:22px;line-height:1.5}.last-bottom>div{background:var(--ink);padding:20px 24px;border-radius:18px}.last-bottom small{display:block;font-size:12px;margin-top:13px;max-width:240px;line-height:1.6}.last-connection{position:absolute;right:-10%;top:12%;width:58%;height:70%;z-index:-1;transform:rotate(-30deg);opacity:.4}.last-connection i{position:absolute;inset:0;border:1px solid var(--paper);border-radius:50%}.last-connection i+ i{transform:rotate(80deg)}footer{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:28px;padding:45px var(--gutter);background:var(--paper)}footer .wordmark{width:fit-content}footer .connection-mark{color:var(--orange)}footer>p,footer>small{text-align:right}footer>p{font-size:16px}footer>div{display:flex;gap:25px;align-items:center;flex-wrap:wrap;font-size:14px}footer button{border:0;background:transparent;padding:12px 0;text-decoration:underline;color:var(--ink)}footer small{font-size:13px}
/* Content remains readable with no JS or with movement disabled. */
.motion-paused .connection-story{height:auto}.motion-paused .connection-sticky{position:relative;height:auto;min-height:0;gap:45px}.motion-paused .scroll-word{transform:none}.motion-paused .word-fill{clip-path:none}.motion-paused .title-line>span,.motion-paused .title-line>strong{opacity:1;transform:none}.motion-paused .device,.motion-paused .workspace-window{transform:none}.motion-paused .flat-court{transform:rotate(-12deg)}body[data-motion=off] *,body[data-motion=off] *:before,body[data-motion=off] *:after{transition:none!important;animation:none!important;scroll-behavior:auto!important}
@media(min-width:1700px){:root{--gutter:max(6vw,calc((100vw - 1520px)/2))}.role-heading h2{font-size:118px}}
@media(max-width:1050px){:root{--gutter:5vw}.site-header nav{gap:17px;padding:14px 20px;font-size:13px}.site-header .pill{font-size:13px;padding:14px 19px;gap:22px}.intro h1{font-size:8vw}.intro-copy{width:75%}.hero-scene{left:59%}.hero-ball{width:32vw;left:0}.connection-bottom{grid-template-columns:45px 1fr;gap:28px}.connection-bottom .text-link{grid-column:2;width:fit-content}.story-card{flex-basis:80vw}.role-heading h2{font-size:9vw}.role-heading>p{font-size:18px;max-width:580px}.player-content,.role-layout,.venue-board,.organizer-content{gap:35px}.feature-list h3{font-size:24px}.feature-list p{font-size:16px}.workspace-showcase{grid-template-columns:.8fr 1.2fr;gap:30px}.workspace-window>iframe{height:500px}.product-section{gap:30px}.device{width:300px;height:645px}.device-backplate{width:315px;height:570px}.product-copy h2{font-size:72px}.product-copy>p{font-size:18px}.social-detail{align-items:flex-start;flex-direction:column;gap:18px}}
@media(max-width:700px){:root{--gutter:24px}.eyebrow{font-size:11px;letter-spacing:.06em}.site-header{padding:24px var(--gutter);gap:15px}.site-header .wordmark{font-size:30px}.site-header .connection-mark{width:27px;height:27px}.site-header .connection-mark:before,.site-header .connection-mark:after{height:29px;width:12px;left:5px}.site-header nav{display:none}.site-header .pill{font-size:12px;gap:16px;padding:12px 16px;min-height:47px}.intro{height:100svh;min-height:900px;max-height:1100px;padding:150px var(--gutter) 350px;align-items:flex-start;background-position:61% center}.intro:before{background:linear-gradient(180deg,#1b1c1c99,#1b1c1c66 55%,#1b1c1c11)}.intro-copy{width:100%}.intro .eyebrow{font-size:10px;letter-spacing:.03em;padding:9px 11px}.intro h1{font-size:clamp(46px,10.8vw,76px);margin:30px 0}.intro-bottom{gap:17px;flex-wrap:wrap}.intro-bottom .pill{font-size:14px;padding:14px 20px;min-height:52px;gap:25px}.intro-bottom p{font-size:14px;background:#1b1c1cbb;border-radius:12px;padding:10px 14px}.hero-scene{inset:520px 0 70px 14%}.hero-ball{width:220px;top:10%;left:20%}.ball-shadow{top:81%;width:60%;left:25%}.orbit{inset:4% -17% 5% -10%}.orbit-two{inset:5% -12% 3% -8%}.hero-foot{font-size:10px;letter-spacing:.03em;bottom:25px;gap:12px;align-items:flex-end}.hero-foot>span{max-width:150px;line-height:1.6}.hero-foot a{font-size:12px;padding:9px 13px;white-space:nowrap}.hero-foot a span{margin-left:8px}.connection-story{height:190svh}.connection-sticky{height:100svh;min-height:650px;padding:45px var(--gutter) 32px}.connection-top{display:block}.connection-top>p{font-size:14px;margin-top:18px}.connection-top>p br{display:none}.scroll-words{font-size:clamp(39px,10vw,65px);line-height:1.15;padding:25px 0}.connection-bottom{grid-template-columns:32px 1fr;gap:23px}.connection-bottom .connection-mark{width:28px;height:28px}.connection-bottom .connection-mark:before,.connection-bottom .connection-mark:after{width:12px;height:30px;left:5px;top:-3px}.connection-bottom p{font-size:16px}.connection-bottom .text-link{grid-column:2;font-size:14px}.horizontal-story{height:auto}.horizontal-sticky{height:auto;position:relative;min-height:0;padding:50px 0;gap:25px}.story-header{display:block;padding:0 var(--gutter)}.story-header h2{font-size:47px;margin:20px 0 28px}.story-header .eyebrow{font-size:10px}.story-navigation{display:flex;gap:15px;justify-content:space-between;align-items:center;flex-wrap:wrap}.story-navigation p{margin:0;font-size:12px;padding:10px 12px}.story-navigation>div{gap:8px}.story-navigation>div>span{min-width:60px;font-size:12px;padding:7px 9px}.story-arrow{width:39px;height:39px;font-size:21px}.story-viewport{overflow-x:auto;scroll-snap-type:x mandatory}.story-track{width:max-content;gap:18px;transform:none!important}.story-card{display:block;flex-basis:auto;width:83vw;max-width:410px;height:auto;scroll-snap-align:center}.story-image{height:245px}.story-image img{object-position:center}.story-card-copy{padding:25px;min-height:240px}.story-card-copy>span{font-size:11px}.story-card h3{font-size:34px;margin:25px 0 16px}.story-card p{font-size:16px}.story-progress{margin:0 var(--gutter)}.role-section{padding:75px var(--gutter)}.role-heading>.eyebrow{margin-bottom:26px}.role-heading h2{font-size:clamp(39px,10.8vw,68px);letter-spacing:-.06em;margin-bottom:27px}.role-heading>p{font-size:18px;margin-left:0}.player-section .role-heading>p{padding:20px}.player-content,.role-layout,.venue-board,.organizer-content{grid-template-columns:1fr;gap:35px;margin-top:40px}.player-content>.feature-list{padding:25px}.feature-list article{gap:16px;padding:25px 0}.feature-list article>span{width:32px;height:32px;font-size:12px}.feature-list h3{font-size:25px}.feature-list p{font-size:16px}.player-photo{margin-top:0}.player-photo>span{font-size:10px;padding:12px 15px;letter-spacing:.04em}.social-detail{margin-top:32px;padding:23px}.social-detail p{font-size:16px}.social-detail .text-link{font-size:14px;max-width:100%}.image-caption{padding:25px}.image-caption>span{font-size:11px}.image-caption>strong{font-size:37px}.role-layout .role-detail{margin-top:4px}.venue-visual{max-height:460px}.court-number{font-size:32px;left:20px;bottom:20px}.organizer-poster{padding:25px}.organizer-poster>strong{font-size:80px;margin-top:65px}.workspace-showcase{grid-template-columns:1fr;gap:35px;margin-top:55px;padding-top:35px}.workspace-showcase h3{font-size:42px;margin:22px 0}.workspace-showcase p{font-size:17px}.workspace-window>iframe{height:550px}.window-bar>span{font-size:10px}.demo-note{font-size:12px}.product-section{grid-template-columns:1fr;gap:55px;padding:75px var(--gutter);min-height:0}.product-copy h2{font-size:70px}.product-copy>p{font-size:18px}.preview-description h3{font-size:24px}.preview-description p{min-height:90px;font-size:16px}.device-stage{padding-top:15px}.device{width:min(300px,calc(100vw - 65px));height:640px}.device-backplate{width:min(305px,calc(100vw - 60px));height:575px}.device-caption{font-size:10px;letter-spacing:.04em}.device-orbit{width:110%}.free-tools-section{padding:70px var(--gutter)}.free-tools-section h2{font-size:clamp(39px,10.5vw,66px);margin-bottom:30px}.free-copy{grid-template-columns:1fr;gap:25px}.free-copy p{font-size:17px}.free-roles{gap:10px;margin-top:30px}.free-roles>span{font-size:14px;padding:11px 18px}.last-call{padding:70px var(--gutter)}.last-call>.eyebrow{font-size:10px}.last-call h2{font-size:clamp(60px,14vw,90px);margin:30px 0 40px}.last-bottom{flex-direction:column;align-items:flex-start;gap:30px}.last-bottom p{font-size:21px}.last-bottom>div{padding:20px}.last-bottom small{font-size:12px}.last-connection{width:100%;height:50%;top:35%;right:-45%}footer{display:flex;align-items:flex-start;flex-direction:column;padding:40px var(--gutter);gap:24px}footer>p,footer>small{text-align:left}footer>div{gap:20px;font-size:14px}footer small{font-size:12px}}
@media(prefers-reduced-motion:reduce){:root{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.connection-story{height:auto}.connection-sticky{position:relative;height:auto;min-height:0;gap:40px}.scroll-word{transform:none!important}.word-fill{clip-path:none!important}.title-line>span,.title-line>strong{transform:none!important;opacity:1!important}.horizontal-story{height:auto}.horizontal-sticky{position:relative;height:auto;min-height:0;gap:25px}.story-viewport{overflow-x:auto}.story-track{transform:none!important;width:max-content}.device,.workspace-window{transform:none!important}.flat-court{transform:rotate(-12deg)!important}}
.hero-foot>span{background:#1b1c1cde;border-radius:99px;padding:10px 14px}.image-caption>span{background:var(--ink);padding:8px 11px;width:fit-content;border-radius:99px}.last-bottom>p{background:var(--ink);padding:16px 20px;border-radius:14px}
@media(max-width:700px){.hero-foot>span{padding:8px 10px;font-size:10px}.image-caption>span{font-size:10px}}
@media(max-width:700px){.organizer-poster>strong{font-size:clamp(54px,16vw,75px)}}

/* Rapid headline sequence: Bora stays anchored throughout every phrase and the final chant. */
.intro .hero-cycle{font-size:clamp(32px,4vw,62px);line-height:1.1;margin:0 0 32px;letter-spacing:-.04em}.hero-rotator{display:block;position:relative;height:1.3em;overflow:hidden;margin-bottom:18px}.hero-phrase{position:absolute;inset:0;display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:.22em;white-space:nowrap;opacity:0;transform:translateY(8px);transition:transform 160ms cubic-bezier(.22,.8,.22,1);will-change:transform}.hero-phrase>span{font-weight:400}.hero-phrase>b{font-weight:600}.hero-phrase.was-current{transform:translateY(-8px)}.hero-phrase.is-current{opacity:1;transform:translateY(0)}.intro .hero-bora-word{display:block;width:fit-content;font-size:clamp(130px,12.5vw,190px);font-weight:700;line-height:.9;letter-spacing:-.065em;color:var(--green);padding-bottom:14px}.intro .hero-bora-word:after{height:3px;left:5px;right:3px;bottom:0;background:var(--paper)}.hero-chant{position:absolute;inset:0;display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:.22em;font-weight:700;line-height:1.1}.hero-chant>span{display:block;opacity:0;transform:translateX(-8px);transition:transform 160ms cubic-bezier(.22,.8,.22,1)}.hero-chant>span+span{color:var(--paper)}.hero-cycle[data-hero-chant="1"] .hero-chant>span:first-child,.hero-cycle[data-hero-chant="2"] .hero-chant>span,.hero-cycle[data-hero-chant="3"] .hero-chant>span{opacity:1;transform:translateX(0)}.hero-motion-toggle{display:block;width:fit-content;border:1px solid #ffffff65;border-radius:99px;background:#1b1c1cbd;color:var(--paper);font-size:12px;padding:11px 15px;min-height:44px}.intro-bottom{flex-wrap:wrap;column-gap:25px;row-gap:14px}.hero-motion-toggle:before{content:'Ⅱ';margin-right:8px;font-size:11px}.hero-motion-toggle[aria-pressed=true]:before{content:'▶'}.hero-chant{pointer-events:none}
@media(max-width:1050px){.intro .hero-cycle{font-size:4.8vw}.intro .hero-bora-word{font-size:15vw}}
@media(max-width:700px){.intro .hero-cycle{font-size:clamp(22px,7.4vw,40px);margin:0 0 25px}.hero-rotator{height:1.35em;margin-bottom:18px}.intro .hero-bora-word{font-size:clamp(103px,29vw,158px);line-height:.9;padding-bottom:12px}.intro-bottom{gap:12px 15px}.intro-bottom>p{font-size:12px;padding:9px 12px}.hero-motion-toggle{font-size:11px;padding:9px 12px;min-height:44px}.intro{padding-top:150px;min-height:880px}.hero-scene{top:470px}.hero-ball{width:210px}.hero-chant>span{transform:translateX(-8px)}}
.site-install{display:flex;align-items:center;gap:24px;padding:30px 4.5vw;background:#f6f5f0;border-bottom:1px solid #dcded4;color:#1b1c1c}
.site-install>.connection-mark{flex:none;color:#f24b27}
.site-install>div:first-of-type{flex:1;min-width:0}
.site-install h2{font:600 clamp(26px,2.5vw,36px)/1.15 'TikTok Sans',sans-serif;letter-spacing:-.04em;margin:0 0 8px}
.site-install p{font-size:13px;line-height:1.7;max-width:470px}
.site-install-actions{display:flex;align-items:center;gap:24px;flex-wrap:wrap}
.site-install .pill{background:#1b1c1c;color:#fff;white-space:nowrap;min-height:48px}
.site-install .text-link{font-size:12px}
@media(max-width:700px){.site-install{padding:28px 22px;gap:18px;flex-wrap:wrap}.site-install>.connection-mark{display:none}.site-install>div:first-of-type{flex-basis:100%}.site-install-actions{gap:20px}.site-install p{font-size:13px}}