:root{--night:#09141d;--night-soft:#112431;--ink:#15222b;--muted:#60717d;--paper:#f3f7fa;--white:#fff;--blue:#5d84a3;--blue-bright:#82b7d8;--blue-pale:#dceaf3;--cyan:#55e1d1;--line:#15222b29;--line-light:#ffffff2b}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{background:var(--paper);color:var(--ink);min-width:320px;margin:0;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Arial,sans-serif;overflow-x:hidden}a{color:inherit}button,summary{font:inherit}button,summary,a{-webkit-tap-highlight-color:transparent}img{max-width:100%;display:block}h1,h2,h3,p,figure,blockquote,ol{margin-top:0}h1,h2,h3{letter-spacing:-.045em;text-wrap:balance}h1{font-size:clamp(3rem,5vw,5.4rem);font-weight:720;line-height:.97}h2{font-size:clamp(2.45rem,4.6vw,4.9rem);font-weight:690;line-height:.98}h3{font-size:clamp(1.35rem,2.1vw,1.9rem);line-height:1.14}:focus-visible{outline:3px solid var(--cyan);outline-offset:4px}.shell{width:100%;max-width:1400px;margin-inline:auto;padding-inline:clamp(22px,4.2vw,72px)}.draft-note{background:var(--cyan);color:var(--night);letter-spacing:.14em;text-align:center;text-transform:uppercase;padding:7px 18px;font-size:.64rem;font-weight:850}.site-header{background:var(--night);border-bottom:1px solid var(--line-light);color:var(--white);z-index:30;position:sticky;top:0}.header-inner{grid-template-columns:auto 1fr auto;align-items:center;gap:34px;min-height:84px;display:grid}.brand{width:106px;display:inline-block}.brand img{filter:brightness(0)invert();width:100%;height:auto}.desktop-nav{justify-content:center;align-items:center;gap:clamp(22px,3vw,48px);display:flex}.desktop-nav a{color:#ffffffbd;font-size:.76rem;font-weight:650;text-decoration:none}.desktop-nav a:hover{color:var(--white)}.mobile-menu{display:none}.button{background:var(--cyan);border:1px solid var(--cyan);color:var(--night);text-align:center;border-radius:2px;justify-content:center;align-items:center;gap:12px;min-height:54px;padding:14px 20px;font-size:.79rem;font-weight:820;text-decoration:none;transition:background .15s,color .15s,transform .15s;display:inline-flex}.button:hover{background:var(--white);border-color:var(--white);transform:translateY(-2px)}.button--header{min-height:44px;padding:10px 16px}.button--light{background:var(--white);border-color:var(--white);color:var(--night)}.button--light:hover{background:var(--cyan);border-color:var(--cyan)}.text-link{color:var(--ink);text-underline-offset:5px;font-size:.8rem;font-weight:820;text-decoration-thickness:1px}.text-link--light{color:#fffc}.eyebrow,.micro-label,.project-type{color:var(--blue);letter-spacing:.13em;text-transform:uppercase;margin-bottom:18px;font-size:.66rem;font-weight:850}.eyebrow--light{color:var(--blue-bright)}.hero{background:var(--night);color:var(--white);padding-top:clamp(54px,5vw,80px);position:relative;overflow:hidden}.hero-grid-lines{pointer-events:none;background-image:linear-gradient(#ffffff09 1px,#0000 1px),linear-gradient(90deg,#ffffff09 1px,#0000 1px);background-size:56px 56px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000,#0000 88%);mask-image:linear-gradient(#000,#0000 88%)}.hero:before{content:"";background:radial-gradient(circle,#55e1d12e,#0000 68%);width:660px;height:660px;position:absolute;top:-260px;right:-220px}.hero-grid{grid-template-columns:minmax(0,1.15fr) minmax(410px,.7fr);align-items:center;gap:clamp(54px,7vw,112px);display:grid;position:relative}.hero-copy{max-width:900px}.hero h1{color:var(--white);margin-bottom:30px}.hero h1 span{color:var(--blue-bright);margin-top:13px;display:block}.hero-lead{color:#ffffffbf;max-width:780px;margin-bottom:0;font-size:clamp(1.08rem,1.55vw,1.35rem);line-height:1.6}.hero-actions{flex-wrap:wrap;align-items:center;gap:22px;margin-top:34px;display:flex}.work-demo{background:#112431f2;border:1px solid #82b7d85c;min-width:0;box-shadow:30px 34px #5d84a317}.work-demo__head{border-bottom:1px solid var(--line-light);padding:22px 24px}.work-demo__head span,.work-demo__head strong{display:block}.work-demo__head span{color:var(--blue-bright);letter-spacing:.14em;text-transform:uppercase;margin-bottom:7px;font-size:.58rem;font-weight:850}.work-demo__head strong{font-size:.92rem}.work-demo ol{margin:0;padding:0;list-style:none}.work-demo li{border-bottom:1px solid var(--line-light);grid-template-columns:28px 1fr 20px;align-items:center;gap:15px;padding:18px 24px;display:grid}.work-demo li>span{color:#ffffff5c;font-size:.6rem;font-weight:800}.work-demo li small{color:#ffffff75;margin-bottom:4px;font-size:.58rem;display:block}.work-demo li p{margin-bottom:0;font-size:.72rem;line-height:1.4}.work-demo li i{color:#ffffff5c;text-align:right;font-size:.8rem;font-style:normal}.work-demo li.is-done i{color:var(--cyan)}.work-demo li.is-active{box-shadow:inset 3px 0 0 var(--cyan);background:#55e1d114}.work-demo li.is-active small,.work-demo li.is-active i{color:var(--cyan)}.work-demo__foot{color:#ffffff94;align-items:center;gap:9px;margin:0;padding:17px 24px;font-size:.62rem;display:flex}.work-demo__foot span{background:var(--cyan);border-radius:50%;width:6px;height:6px;box-shadow:0 0 0 5px #55e1d11a}.trust-rail{grid-template-columns:repeat(4,minmax(0,1fr));margin-top:clamp(76px,8vw,120px);display:grid;position:relative}.trust-rail p{border-left:1px solid var(--line-light);margin:0;padding:24px clamp(16px,2.5vw,34px)}.trust-rail p:last-child{border-right:1px solid var(--line-light)}.trust-rail span,.trust-rail strong{display:block}.trust-rail span{color:var(--blue-bright);margin-bottom:6px;font-size:.57rem}.trust-rail strong{font-size:.72rem}.problem-section,.sport-story,.project-gallery,.collaboration{padding-block:clamp(92px,10vw,154px)}.problem-section{background:var(--white)}.section-head{max-width:930px;margin-bottom:clamp(48px,6vw,82px)}.section-head h2{margin-bottom:22px}.section-head>p:last-child,.section-head--split>p{color:var(--muted);margin-bottom:0;font-size:clamp(1rem,1.35vw,1.15rem);line-height:1.65}.section-head--split{grid-template-columns:minmax(0,1.15fr) minmax(310px,.56fr);align-items:end;gap:clamp(44px,7vw,110px);max-width:none;display:grid}.section-head--split h2{margin-bottom:0}.section-head--compact{max-width:960px}.problem-finder{border:1px solid var(--line)}.problem-tabs{grid-template-columns:repeat(5,minmax(0,1fr));display:grid}.problem-tabs button{background:var(--white);border:0;border-bottom:1px solid var(--line);border-right:1px solid var(--line);color:var(--ink);cursor:pointer;text-align:left;min-height:100px;padding:18px;font-size:.72rem;font-weight:720}.problem-tabs button:last-child{border-right:0}.problem-tabs button span{color:var(--blue);margin-bottom:17px;font-size:.56rem;display:block}.problem-tabs button[aria-selected=true]{background:var(--night);color:var(--white);box-shadow:inset 0 -4px 0 var(--cyan)}.problem-tabs button[aria-selected=true] span{color:var(--cyan)}.problem-result{grid-template-columns:minmax(0,1fr) minmax(0,1fr);min-height:410px;display:grid}.problem-result__situation,.problem-result__answer{padding:clamp(34px,5vw,68px)}.problem-result__situation{border-right:1px solid var(--line)}.problem-result__situation h3{max-width:650px;margin-bottom:24px;font-size:clamp(1.8rem,3.2vw,3.15rem)}.problem-result__situation>p:last-child,.problem-result__answer>div p:last-child{color:var(--muted);margin-bottom:0;font-size:.9rem;line-height:1.65}.problem-result__answer{background:var(--paper);align-content:start;gap:28px;display:grid}.problem-result__answer>div{border-bottom:1px solid var(--line);padding-bottom:24px}.problem-result__answer .micro-label{margin-bottom:10px}.proof-chip{border:1px solid var(--blue);color:var(--ink);justify-self:start;margin:0;padding:9px 12px;font-size:.65rem;font-weight:760}.problem-result__answer>a{color:var(--ink);text-underline-offset:5px;justify-self:start;font-size:.76rem;font-weight:820;text-decoration-thickness:1px}.ai-section{background:var(--night-soft);color:var(--white);padding-block:clamp(88px,9vw,138px)}.ai-layout{grid-template-columns:minmax(0,.76fr) minmax(470px,1fr);gap:clamp(60px,8vw,130px);display:grid}.ai-heading{position:sticky;top:130px}.ai-heading h2{color:var(--white);margin-bottom:28px}.ai-heading>p:last-child{color:#ffffffb3;max-width:620px;margin-bottom:0;font-size:.92rem;line-height:1.7}.agent-list{border-top:1px solid var(--line-light)}.agent-list article{border-bottom:1px solid var(--line-light);padding:clamp(30px,5vw,54px) 0}.agent-list article>div{color:#ffffff75;letter-spacing:.08em;text-transform:uppercase;align-items:center;gap:8px;font-size:.58rem;display:flex}.agent-list article>div span{color:var(--blue-bright);margin-right:auto}.status-dot{background:var(--cyan);border-radius:50%;width:6px;height:6px;box-shadow:0 0 0 5px #55e1d114}.agent-list h3{color:var(--white);margin:20px 0 12px;font-size:clamp(1.7rem,3vw,2.7rem)}.agent-list p{color:#ffffffb8;max-width:680px;margin-bottom:16px;font-size:.88rem;line-height:1.65}.agent-list small{color:var(--cyan);font-size:.63rem}.sport-story{background:var(--paper)}.sport-visual{min-height:500px;position:relative;overflow:hidden}.sport-visual>img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.sport-visual:after{content:"";background:linear-gradient(90deg,#09141de6,#09141d1a 70%);position:absolute;inset:0}.sport-visual__label{color:var(--white);z-index:2;max-width:390px;position:absolute;top:50%;left:clamp(28px,5vw,70px);transform:translateY(-50%)}.sport-visual__label img{filter:brightness(0)invert();object-fit:contain;object-position:left center;width:160px;height:90px;margin-bottom:22px}.sport-visual__label p{letter-spacing:-.035em;margin-bottom:0;font-size:clamp(1.4rem,2.5vw,2.3rem);font-weight:680;line-height:1.2}.sales-flow{grid-template-columns:repeat(6,minmax(0,1fr));margin:0;padding:0;list-style:none;display:grid}.sales-flow li{border-bottom:1px solid var(--line);border-left:1px solid var(--line);min-height:230px;padding:24px 20px;position:relative}.sales-flow li:last-child{border-right:1px solid var(--line)}.sales-flow li:not(:last-child):after{background:var(--cyan);color:var(--night);content:"→";z-index:2;place-items:center;width:24px;height:24px;font-size:.75rem;display:grid;position:absolute;top:42px;right:-12px}.sales-flow span,.sales-flow strong{display:block}.sales-flow span{color:var(--blue);margin-bottom:44px;font-size:.57rem}.sales-flow strong{margin-bottom:10px;font-size:.82rem}.sales-flow p{color:var(--muted);margin-bottom:0;font-size:.69rem;line-height:1.52}.sport-note{background:var(--white);grid-template-columns:1fr auto;align-items:center;gap:36px;padding:26px 30px;display:grid}.sport-note p{color:var(--muted);max-width:900px;margin-bottom:0;font-size:.78rem;line-height:1.6}.sport-note strong{color:var(--ink)}.project-gallery{background:var(--white)}.project-grid{grid-template-columns:repeat(12,minmax(0,1fr));gap:20px;display:grid}.project-card{background:var(--paper);border:1px solid var(--line);flex-direction:column;min-width:0;display:flex}.project-card--eventify{grid-column:span 7}.project-card--offer{grid-column:span 5}.project-card--yuncto,.project-card--praxis,.project-card--casefile{grid-column:span 4}.project-media{background:var(--night);overflow:hidden}.project-media img{aspect-ratio:16/10;object-fit:cover;width:100%;height:auto;transition:transform .3s}.project-card:hover .project-media img{transform:scale(1.02)}.project-card--casefile .project-media img{object-position:top center}.project-copy{flex-direction:column;flex:1;padding:clamp(26px,4vw,46px);display:flex}.project-type{margin-bottom:18px;font-size:.58rem}.project-logo{object-fit:contain;object-position:left center;width:auto;height:32px;margin-bottom:28px}.project-copy h3{margin-bottom:20px}.project-copy p:not(.project-type){color:var(--muted);margin-bottom:22px;font-size:.78rem;line-height:1.62}.project-copy a{text-underline-offset:5px;margin-top:auto;font-size:.72rem;font-weight:820}.yuncto-stage{background:radial-gradient(circle at 90% 5%, #55e1d133, transparent 35%), var(--night);min-height:320px;padding:clamp(30px,5vw,58px)}.yuncto-stage>img{filter:brightness(0)invert();object-fit:contain;object-position:left center;width:min(100%,280px);height:62px;margin-bottom:54px}.yuncto-stage>div{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.yuncto-stage span{color:#ffffffb8;border:1px solid #fff3;padding:12px;font-size:.58rem}.collaboration{background:var(--blue-pale)}.collaboration-grid{grid-template-columns:minmax(340px,.8fr) minmax(0,1fr);align-items:center;gap:clamp(58px,8vw,124px);display:grid}.collaboration figure{border-bottom:14px solid var(--blue);margin:0;position:relative}.collaboration figure:after{content:"";pointer-events:none;border:1px solid #15222b59;position:absolute;inset:18px -18px -32px 18px}.collaboration figure img{aspect-ratio:3/2;object-fit:cover;object-position:center;z-index:1;width:100%;height:auto;position:relative}.collaboration-copy h2{margin-bottom:26px}.collaboration-copy>p:not(.eyebrow){color:var(--muted);max-width:720px;margin-bottom:34px;font-size:.98rem;line-height:1.66}.collaboration-copy ol{border-top:1px solid var(--line);margin:0;padding:0;list-style:none}.collaboration-copy li{border-bottom:1px solid var(--line);grid-template-columns:36px 1fr;gap:20px;padding:20px 0;display:grid}.collaboration-copy li>span{color:var(--blue);padding-top:4px;font-size:.58rem;font-weight:850}.collaboration-copy strong{margin-bottom:6px;font-size:.82rem;display:block}.collaboration-copy li p{color:var(--muted);margin-bottom:0;font-size:.72rem;line-height:1.52}.contact{background:var(--blue);color:var(--white);padding-block:clamp(84px,9vw,138px)}.contact-grid{grid-template-columns:minmax(0,1.05fr) minmax(400px,.7fr);align-items:end;gap:clamp(58px,9vw,140px);display:grid}.contact h2{color:var(--white);margin-bottom:0}.contact .eyebrow{color:var(--night)}.contact-copy>p{margin-bottom:26px;font-size:1rem;line-height:1.65}.contact-actions{flex-wrap:wrap;align-items:center;gap:20px;display:flex}.contact-actions>a:not(.button){text-underline-offset:5px;font-size:.82rem;font-weight:760}.contact-copy small{opacity:.75;margin-top:18px;font-size:.62rem;display:block}.site-footer{background:var(--night);color:#ffffffb3;padding-top:72px}.footer-main{grid-template-columns:1.2fr 1fr 1fr .6fr;gap:46px;padding-bottom:60px;display:grid}.footer-logo{width:106px}.footer-logo img{filter:brightness(0)invert();width:100%}.footer-main p{margin-bottom:0;font-size:.7rem;line-height:1.65}.footer-main a{text-underline-offset:4px}.footer-legal{border-top:1px solid var(--line-light);justify-content:space-between;padding-block:24px;font-size:.59rem;display:flex}@media (max-width:1120px){.desktop-nav,.button--header{display:none}.header-inner{grid-template-columns:auto 1fr auto}.mobile-menu{grid-column:3;display:block;position:relative}.mobile-menu summary{color:var(--white);cursor:pointer;font-size:.72rem;font-weight:760;list-style:none}.mobile-menu summary::-webkit-details-marker{display:none}.mobile-menu nav{background:var(--night-soft);border:1px solid var(--line-light);min-width:250px;padding:10px;display:grid;position:absolute;top:34px;right:0}.mobile-menu nav a{border-bottom:1px solid var(--line-light);padding:13px;font-size:.76rem;text-decoration:none}.mobile-menu nav a:last-child{color:var(--cyan);border-bottom:0}.hero-grid,.ai-layout,.collaboration-grid,.contact-grid{grid-template-columns:1fr}.hero-copy{max-width:940px}.work-demo{max-width:720px}.ai-heading{position:static}.problem-tabs{grid-template-columns:repeat(3,minmax(0,1fr))}.problem-tabs button:nth-child(3){border-right:0}.problem-tabs button:nth-child(n+4){border-top:1px solid var(--line)}.problem-tabs button:last-child{border-right:1px solid var(--line)}.sales-flow{grid-template-columns:repeat(3,minmax(0,1fr))}.sales-flow li:nth-child(3){border-right:1px solid var(--line)}.sales-flow li:nth-child(3):after{display:none}.project-card--eventify,.project-card--offer,.project-card--yuncto,.project-card--praxis{grid-column:span 6}.project-card--casefile{grid-column:span 12;grid-template-columns:1.2fr .8fr;display:grid}.footer-main{grid-template-columns:repeat(2,1fr)}}@media (max-width:760px){h1,h2,h3{-webkit-hyphens:none;hyphens:none;overflow-wrap:normal;word-break:normal}h1{font-size:clamp(2.55rem,12.5vw,4.3rem)}h2{font-size:clamp(2.15rem,10.5vw,3.45rem)}.header-inner{min-height:72px}.brand,.footer-logo{width:90px}.hero{padding-top:66px}.hero-actions{flex-direction:column;align-items:stretch}.hero-actions .button{width:100%}.work-demo{box-shadow:12px 14px #5d84a317}.trust-rail{grid-template-columns:repeat(2,minmax(0,1fr))}.trust-rail p:nth-child(2){border-right:1px solid var(--line-light)}.trust-rail p:nth-child(n+3){border-top:1px solid var(--line-light)}.section-head--split,.problem-result,.sport-note{grid-template-columns:1fr}.section-head--split{align-items:start;gap:24px}.problem-tabs{scroll-snap-type:x mandatory;display:flex;overflow-x:auto}.problem-tabs button,.problem-tabs button:nth-child(n){border-right:1px solid var(--line);scroll-snap-align:start;border-top:0;flex:0 0 185px}.problem-result__situation{border-bottom:1px solid var(--line);border-right:0}.sport-visual{min-height:430px}.sport-visual:after{background:linear-gradient(#09141d1a 20%,#09141de6)}.sport-visual__label{inset:auto 26px 34px;transform:none}.sales-flow{grid-template-columns:1fr}.sales-flow li,.sales-flow li:nth-child(3),.sales-flow li:last-child{border-left:1px solid var(--line);border-right:1px solid var(--line);min-height:0;padding:22px 24px 22px 76px}.sales-flow li:not(:last-child):after,.sales-flow li:nth-child(3):after{display:grid;inset:auto auto -12px 24px;transform:rotate(90deg)}.sales-flow span{margin:0;position:absolute;top:25px;left:24px}.sport-note{align-items:start}.project-grid{grid-template-columns:1fr}.project-card--eventify,.project-card--offer,.project-card--yuncto,.project-card--praxis,.project-card--casefile{grid-column:auto}.project-card--casefile{display:flex}.collaboration figure{margin-right:18px}.contact-actions{flex-direction:column;align-items:stretch}.footer-main{grid-template-columns:1fr}.footer-legal{flex-direction:column;align-items:flex-start;gap:8px}}@media (max-width:420px){.shell{padding-inline:18px}.work-demo li{padding-inline:17px}.problem-result__situation,.problem-result__answer,.project-copy{padding:26px 22px}.yuncto-stage{padding:34px 24px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important}}