/* One animated opening. Everything after it follows normal document flow. */
@font-face{font-family:'Anton SC';font-style:normal;font-weight:400;font-display:swap;src:url('/assets/fonts/anton-sc-latin-ext.woff2') format('woff2');unicode-range:U+0100-02BA,U+0300-036F,U+1E00-1EFF,U+2000-206F,U+20A0-20AB}
@font-face{font-family:'Anton SC';font-style:normal;font-weight:400;font-display:swap;src:url('/assets/fonts/anton-sc-latin.woff2') format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122}
html{scrollbar-gutter:stable;scroll-padding-top:96px;scroll-behavior:auto}
.simple-site.home-experience{background:#061010}
.simple-site.home-experience:before{content:'';position:fixed;inset:0;z-index:-1;pointer-events:none;background:url('/assets/monitors/first-frame-desktop.webp') center/cover;opacity:.18}
.simple-site.home-experience main>[id]{scroll-margin-top:0}
.simple-site :is(.swipe-heading h2,.idea-guide-heading h2,.idea-result h3,.opening-center h1){color:#f2faf5}
.simple-site .studio-universe,.simple-site .story-step-navigation{display:none!important}
.simple-site main>:not(.intro-journey) *,.simple-site .reference-footer *{animation:none!important;transition:none!important}
.simple-site dialog[open]{animation:none}
.simple-site :is(.partner-glass-card,.marketplace-card,.pixel-service-card,.partner-card,.corporate-card):hover{transform:none}
.simple-site .site-header.is-scroll-hidden{transform:none!important;opacity:1!important;visibility:visible!important}
.simple-site .intro-journey{position:relative;height:190svh;isolation:isolate}
.simple-site .intro-stage{position:sticky;top:0;height:100svh;overflow:hidden}
.simple-site .intro-stage .story-viewport{height:100%;min-height:0;position:relative;width:100%;background:#061010;border:0;border-radius:0}
.simple-site .intro-stage #immersive-root{position:absolute;inset:0}
.intro-stage .monitor-poster{position:absolute;inset:0;z-index:0}
.intro-stage .monitor-poster img{width:100%;height:100%;object-fit:cover}
.intro-stage .story-viewport[data-scene=ready]:not(.webgl-lost) .monitor-poster{opacity:0}
.intro-shade{position:absolute;inset:0;z-index:2;pointer-events:none;background:radial-gradient(ellipse at center,#020a0755,#020a07a3 90%)}
.opening-center{position:absolute;inset:100px 6vw 85px;z-index:3;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;pointer-events:none}
.intro-brand{font-size:12px;color:#d3e7de;line-height:1.5;margin:0 0 22px;letter-spacing:.08em}
.simple-site .opening-center h1{font-family:'Anton SC',Impact,sans-serif!important;font-weight:400!important;font-size:clamp(70px,9.3vw,148px)!important;line-height:1.04!important;letter-spacing:-.01em!important;margin:0;max-width:100%;text-transform:none;overflow-wrap:normal}
.intro-typeset,.intro-line{display:block}
.intro-line{padding:0 .04em .04em;white-space:nowrap}
.intro-line [data-intro-char]{display:inline-block}
.intro-line:not(:first-child) [data-intro-char]{opacity:0}
.intro-description{font-size:14px;line-height:1.7;margin-top:20px;color:#d1dfd9;opacity:0}
.intro-journey[data-complete=true] .intro-description{opacity:1}
.intro-bottom{position:absolute;z-index:4;bottom:90px;left:6vw;right:6vw;display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:12px;color:#d4e8dc}
.intro-bottom a{border-bottom:1px solid #b5dcc670;padding:10px 0;display:flex;gap:16px;align-items:center}
.swipe-section{padding:88px 0 55px;scroll-margin-top:100px}
.swipe-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:35px;padding:0 6vw;margin-bottom:30px}
.simple-site .swipe-heading h2{font-size:clamp(32px,4vw,58px);margin:0;line-height:1.2!important}
.swipe-heading p{color:#bdd0c5;font-size:15px;line-height:1.7;margin:20px 0 0}
.simple-text-link{font-size:12px;display:flex;gap:16px;align-items:center;white-space:nowrap;padding:10px 0;border-bottom:1px solid #c0dfca50;color:#d3eadb}
.swipe-track{--card-width:min(38vw,520px);display:flex;position:relative;gap:24px;overflow-x:auto;overflow-y:hidden;padding:8px calc((100% - var(--card-width))/2) 12px;scroll-padding-inline:calc((100% - var(--card-width))/2);scroll-snap-type:x mandatory;overscroll-behavior-x:contain;scrollbar-width:none;touch-action:pan-x pan-y;cursor:grab;}
.swipe-track::-webkit-scrollbar{display:none}
.swipe-card{flex:0 0 var(--card-width);min-width:0;scroll-snap-align:center;scroll-snap-stop:always;}
.swipe-cover{position:relative;display:block;aspect-ratio:4/5;border:1px solid #bedcca5e;border-radius:22px;overflow:hidden;isolation:isolate;background:#122a23;user-select:none;-webkit-user-drag:none}
.swipe-cover>img{display:block;width:100%;height:100%;object-fit:cover;pointer-events:none}
.swipe-cover:after{content:'';position:absolute;inset:24% 0 0;z-index:1;background:linear-gradient(transparent,#04110ccf 58%,#04110cfa);pointer-events:none}
.swipe-caption{position:absolute;z-index:2;bottom:0;left:0;right:0;padding:28px;color:#f1faf4}
.simple-site .swipe-caption h3{font-size:clamp(23px,2.3vw,34px);line-height:1.2!important;margin:0;overflow-wrap:break-word}
.swipe-caption>p{font-size:14px;line-height:1.7;color:#d4e1d8;margin:15px 0 0;max-width:44ch}
.swipe-caption .swipe-sector{font-size:12px;margin:0 0 12px}
.swipe-action{display:flex;justify-content:space-between;align-items:center;gap:18px;font-size:12px;line-height:1.5;margin-top:22px;padding-top:18px;border-top:1px solid #e1f3e64a}
.swipe-action>span{font-size:21px}
.swipe-logo{position:absolute;top:20px;left:20px;display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr);width:116px;height:66px;padding:10px;background:white;border-radius:10px;overflow:hidden;z-index:2}
.swipe-logo img{width:100%;height:100%;min-height:0;min-width:0;object-fit:contain;object-position:center}
.swipe-controls{display:flex;justify-content:space-between;align-items:center;padding:20px 6vw 0;gap:20px;color:#d3eadb}
.swipe-controls>p{font-size:12px;color:#b4ccbd}
.swipe-controls>div{display:flex;align-items:center;gap:14px}
.swipe-controls [data-swipe-position]{font-size:12px;font-variant-numeric:tabular-nums;min-width:52px;text-align:center}
.swipe-controls button{display:grid;place-items:center;width:44px;height:44px;border:1px solid #b1d8c45c;border-radius:50%;background:#122e23dc;color:#e6f4e9;font-size:21px}
.swipe-controls button:disabled{opacity:.35;cursor:default}
.simple-site .partner-track{scroll-snap-type:x mandatory;scroll-behavior:auto}
.simple-site .partner-track>article{scroll-snap-stop:always}
.simple-site .partner-story{padding-top:70px;padding-bottom:50px}
.simple-site .partner-story-heading>*{min-width:0}
.simple-site .partner-story-bottom{margin-bottom:0}
.simple-site .partner-story-heading h2{font-size:clamp(30px,3.7vw,52px)}
.idea-guide{padding:70px 6vw;display:grid;grid-template-columns:.85fr 1.15fr;gap:8vw;scroll-margin-top:110px;background:#0c211bcf;border-block:1px solid #bddcc329}
.idea-guide-heading>p{font-size:13px;line-height:1.7;margin-bottom:22px;color:#c5d9cb}
.simple-site .idea-guide-heading h2{font-size:clamp(32px,3.7vw,54px);line-height:1.2!important;margin:0}
.idea-options{display:grid;gap:10px}
.idea-options button{display:flex;justify-content:space-between;align-items:center;gap:20px;text-align:left;font-size:16px;line-height:1.6;border:1px solid #b3d5c147;border-radius:12px;padding:18px 20px;background:#0c1e19;color:#d6e7da}
.idea-options button[aria-pressed=true]{background:#cee8d6;color:#10271c;border-color:#d6efdd}
.idea-options button>span{font-size:23px;flex-shrink:0}
.idea-result{padding:25px 0 0;min-height:210px}
.simple-site .idea-result h3{font-family:var(--studio-body)!important;font-size:24px;line-height:1.3!important;margin:0 0 15px}
.idea-result>p{font-size:14px;line-height:1.8;color:#bdd0c3;max-width:60ch}
.idea-result>div{display:flex;flex-wrap:wrap;gap:16px 28px;margin-top:22px}
.idea-result a{font-size:12px;line-height:1.6;border-bottom:1px solid #c8e1ce66;padding-bottom:8px;color:#d3eadb}
.wa-floating{position:fixed;right:24px;bottom:24px;z-index:60;display:flex;align-items:center;justify-content:center;gap:10px;background:#cef2d8;color:#092418;border:1px solid #c3e7ce;border-radius:50px;min-height:52px;padding:12px 20px;box-shadow:0 5px 22px #0004;font:500 13px var(--studio-body)}
body:has(dialog[open]) .wa-floating{display:none}
.simple-site .reference-footer{padding-bottom:95px}
.boot-screen{position:fixed;inset:0;z-index:300;background:#040c0c;display:grid;place-items:center;padding:28px;overflow:auto;isolation:isolate}
.boot-screen:before{content:'';position:absolute;inset:0;z-index:-1;background:radial-gradient(ellipse at 50% 45%,#135c435c,transparent 65%)}
.boot-monitor{width:min(600px,100%);border:1px solid #c0dec64d;border-radius:22px;padding:10px;background:#18372c59;box-shadow:inset 0 0 20px #c7ebcc0c,0 0 90px #27754b12}
.boot-top,.boot-bottom{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:14px 16px;color:#c4dacc;font-size:11px}
.boot-light{width:7px;height:7px;border-radius:50%;background:#b8efc6;box-shadow:0 0 15px #9bffb7}
.boot-display{background:#071711;border:1px solid #8dbda444;border-radius:12px;padding:30px clamp(20px,6vw,55px);box-shadow:inset 0 4px 35px #0007}
.boot-display>p:first-child{font-size:14px;line-height:1.5;color:#c9e2cf}
.boot-count{display:flex;align-items:baseline;font-family:'Anton SC',Impact,sans-serif;font-size:clamp(88px,16vw,160px);line-height:1.2;color:#d7f7dd;margin:20px 0}
.boot-count>span{font-family:var(--studio-body);font-size:22px;margin-left:8px}
.boot-progress{height:5px;background:#3a604447;overflow:hidden}
.boot-progress>span{display:block;height:100%;background:#b9e9c9;transform:scaleX(0);transform-origin:left}
.boot-status{font-size:11px;line-height:1.7;color:#91ac9c;margin-top:20px;min-height:20px}
.boot-bottom button{background:none;color:#e2f3e6;padding:8px 0;line-height:1.5;font-size:11px}
.boot-screen.is-complete{opacity:0;transition:opacity .2s}
@media(max-width:1000px){.idea-guide{gap:5vw}.simple-site .swipe-caption h3{font-size:26px}.swipe-caption{padding:23px}.swipe-caption>p{font-size:13px}.swipe-track{--card-width:52vw}}
@media(max-width:700px){
 .simple-site.home-experience:before{background-image:url('/assets/monitors/first-frame-mobile.webp')}
 .simple-site .intro-journey{height:185svh}
 .opening-center{inset:100px 5vw 100px}
 .simple-site .opening-center h1{font-size:clamp(60px,16vw,104px)!important;line-height:1.1!important}
 .intro-brand{font-size:10px;letter-spacing:.04em;margin-bottom:18px}
 .intro-description{font-size:12px;margin-top:16px}
 .intro-bottom{bottom:90px;font-size:10px;gap:15px;left:6vw;right:6vw}
 .intro-bottom>a{gap:10px}
 .swipe-section{padding:55px 0 38px;scroll-margin-top:100px}
 .swipe-heading{display:block;padding:0 6vw;margin-bottom:22px}
 .simple-site .swipe-heading h2{font-size:clamp(27px,7vw,36px)}
 .swipe-heading p{font-size:13px;margin-top:14px;max-width:30ch}
 .swipe-heading .simple-text-link{display:inline-flex;margin-top:16px;font-size:11px}
 .swipe-track{--card-width:84vw;gap:16px}
 .swipe-cover{border-radius:18px;aspect-ratio:4/5;min-height:400px}
 .swipe-caption{padding:22px}
 .simple-site .swipe-caption h3{font-size:clamp(22px,6vw,28px)}
 .swipe-caption>p{font-size:13px;line-height:1.65;margin-top:13px}
 .swipe-action{margin-top:18px;padding-top:15px;font-size:11px}
 .swipe-caption .swipe-sector{font-size:11px}
 .swipe-logo{top:16px;left:16px;width:104px;height:58px;padding:9px}
 .swipe-controls{padding-top:12px;padding-right:84px;gap:14px}
 .swipe-controls>p{font-size:10px;max-width:78px;line-height:1.6;flex:1}
 .swipe-controls>div{gap:9px;flex-shrink:0}
 .swipe-controls [data-swipe-position]{font-size:11px;min-width:45px}
 .simple-site .partner-story{padding-top:40px;padding-bottom:36px}
 .simple-site .partner-story-heading h2{font-size:clamp(25px,6.8vw,34px)}
 .idea-guide{grid-template-columns:minmax(0,1fr);gap:30px;padding:45px 6vw}
 .idea-guide-heading>p{font-size:12px;margin-bottom:15px}
 .simple-site .idea-guide-heading h2{font-size:clamp(28px,7vw,36px)}
 .idea-guide-heading h2 br{display:none}
 .idea-options button{font-size:14px;padding:15px;gap:14px}
 .simple-site .idea-result h3{font-size:23px}
 .idea-result{min-height:245px}
 .wa-floating{right:16px;bottom:calc(16px + env(safe-area-inset-bottom));width:52px;height:52px;padding:12px}
 .wa-floating>span{display:none}
 .boot-screen{padding:20px}.boot-display{padding:26px 22px}.boot-top,.boot-bottom{padding:12px 8px;font-size:10px}.boot-bottom{gap:12px}
}
@media(max-height:600px) and (orientation:landscape){.opening-center{inset:85px 5vw 50px}.simple-site .opening-center h1{font-size:clamp(34px,9vh,60px)!important}.intro-brand{margin-bottom:8px}.intro-description{display:none}.intro-bottom{bottom:12px}.boot-display{padding:10px 20px}.boot-count{font-size:65px;margin:5px 0}.boot-top,.boot-bottom{padding:7px 12px}}
@media(prefers-reduced-motion:reduce){.simple-site .intro-journey{height:100svh}.intro-line [data-intro-char]{opacity:1!important}.intro-description{opacity:1}.boot-screen.is-complete{transition:none}}
html:not(.js) .intro-line [data-intro-char]{opacity:1!important}
html:not(.js) .intro-description{opacity:1}
html:not(.js) .simple-site .intro-journey{height:100svh}
/* Opening identity, then a scroll-written message. */
.intro-welcome{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:30px;opacity:var(--welcome-opacity,1)}
.intro-wordmark{display:flex;flex-direction:column;align-items:center;font-family:Unbounded,var(--studio-body);font-weight:800;font-size:clamp(38px,7.2vw,108px);line-height:1.04;letter-spacing:-.07em;color:#f2faf5;margin:0;transform:skewX(-6deg)}
.intro-wordmark>span:last-child{font-family:var(--studio-body);font-size:.25em;letter-spacing:.58em;padding-left:.58em;line-height:2.3;font-weight:400}
.intro-scroll-cue{display:flex;flex-direction:column;align-items:center;gap:16px;color:#d5eade;font-size:13px;line-height:1.5;margin:0}
.intro-scroll-cue>span{font-size:30px;font-weight:300}
.intro-line [data-intro-char]{opacity:0}
.simple-site .opening-center h1{font-size:clamp(78px,12vw,185px)!important;line-height:1.06!important}
.intro-journey:not([data-started=true]) .intro-bottom{visibility:hidden}
:is(#yaklasim,#one-cikanlar) .swipe-track{padding-block:40px 65px;isolation:isolate}
:is(#yaklasim,#one-cikanlar) .swipe-card{transform-origin:50% 50%;position:relative;will-change:transform}
:is(#yaklasim,#one-cikanlar) .swipe-cover{box-shadow:0 22px 45px #0005}
.idea-guide-visual{display:block;padding-block:75px}
.idea-guide-visual .idea-guide-heading{display:flex;align-items:end;justify-content:space-between;gap:28px;margin-bottom:34px}
.idea-guide-visual .idea-guide-heading>p{order:2;max-width:24ch;margin:0 0 6px}
.idea-guide-visual .idea-guide-heading h2 br{display:none}
.idea-guide-visual .idea-options{grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.idea-guide-visual .idea-options button{position:relative;display:block;isolation:isolate;overflow:hidden;aspect-ratio:1/1.1;padding:26px;border-radius:20px;border:1px solid #bdddc54d;background:#122a23;min-width:0}
.idea-guide-visual .idea-options button>img{position:absolute;inset:0;z-index:-2;width:100%;height:100%;object-fit:cover;pointer-events:none}
.idea-guide-visual .idea-options button:before{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(transparent 10%,#04120ad9 65%,#04120a)}
.idea-guide-visual .idea-options button[aria-pressed=true]{border-color:#c7f5d4;box-shadow:inset 0 0 0 2px #c7f5d4}
.idea-guide-visual .idea-card-copy{position:absolute;bottom:28px;left:26px;right:26px;display:grid;gap:12px;color:#f2faf5;font-size:14px;line-height:1.6}
.idea-guide-visual .idea-card-copy strong{font-family:var(--studio-body);font-size:clamp(20px,2vw,30px);line-height:1.25;font-weight:600;max-width:18ch}
.idea-guide-visual .idea-card-copy>span{font-size:12px;color:#c8dfd0}
.idea-guide-visual .idea-card-arrow{position:absolute;top:20px;right:20px;width:36px;height:36px;display:grid;place-items:center;border-radius:50%;border:1px solid #d3f2db77;background:#09231da6;color:#e6faec;font-size:20px}
.idea-guide-visual .idea-options button[aria-pressed=true] .idea-card-arrow{background:#cee8d6;color:#10271c}
.idea-guide-visual .idea-result{display:grid;grid-template-columns:1fr 1fr;gap:12px 6vw;min-height:0;margin-top:30px;padding:24px 0 0;border-top:1px solid #bdddc544}
.idea-guide-visual .idea-result h3{margin:0}
.idea-guide-visual .idea-result>p{margin:0}
.idea-guide-visual .idea-result>div{grid-column:1/-1;margin-top:8px}
@media(max-width:700px){
 .simple-site .opening-center h1{font-size:clamp(60px,17vw,112px)!important}
 .intro-wordmark{font-size:clamp(38px,11.8vw,76px)}
 .intro-scroll-cue{font-size:12px}
 :is(#yaklasim,#one-cikanlar) .swipe-track{padding-block:32px 50px}
 .idea-guide-visual{padding-block:48px}
 .idea-guide-visual .idea-guide-heading{display:block;margin-bottom:24px}
 .idea-guide-visual .idea-guide-heading>p{margin-bottom:15px}
 .idea-guide-visual .idea-options{grid-template-columns:minmax(0,1fr);gap:16px}
 .idea-guide-visual .idea-options button{aspect-ratio:auto;min-height:210px;padding:22px}
 .idea-guide-visual .idea-options button>img{object-position:50% 43%}
 .idea-guide-visual .idea-card-copy{bottom:24px;left:22px;right:60px;gap:8px}
 .idea-guide-visual .idea-card-copy strong{font-size:23px;max-width:19ch}
 .idea-guide-visual .idea-result{grid-template-columns:minmax(0,1fr);gap:16px}
}
@media(max-height:600px) and (orientation:landscape){.simple-site .opening-center h1{font-size:clamp(36px,13vh,70px)!important}.intro-wordmark{font-size:clamp(30px,10vh,50px)}.intro-welcome{gap:12px}.intro-scroll-cue{flex-direction:row}.intro-scroll-cue>span{font-size:20px}}
@media(prefers-reduced-motion:reduce){.intro-welcome{display:none}:is(#yaklasim,#one-cikanlar) .swipe-card{will-change:auto}}
html:not(.js) .intro-welcome{display:none}
.intro-wordmark{font-size:clamp(32px,6.4vw,96px)}
.intro-wordmark>span:first-child{white-space:nowrap}
.intro-wordmark>span:last-child{font-size:.5em;letter-spacing:.6em;padding-left:.6em;line-height:2.1}
@media(max-width:700px){.intro-wordmark{font-size:clamp(22px,7.2vw,48px)}}
@media(max-height:600px) and (orientation:landscape){.intro-wordmark{font-size:clamp(24px,7vh,42px)}}

.simple-site .opening-center h1{font-size:clamp(42px,6.3vw,104px)!important;max-width:1150px;line-height:1.14!important}
.intro-word{display:inline-block;white-space:nowrap}
.intro-line{white-space:normal}
@media(max-width:700px){.simple-site .opening-center h1{font-size:clamp(32px,10.5vw,66px)!important;max-width:100%;line-height:1.14!important}.intro-line{display:contents}.intro-word{margin-inline:.06em}}
@media(max-height:600px) and (orientation:landscape){.simple-site .opening-center h1{font-size:clamp(24px,7vh,42px)!important}.intro-line{display:block}}
@media(max-width:700px){.intro-line{display:block}}

/* Show the next marketplace card while keeping the current card fully readable. */
.simple-site .marketplace-story .marketplace-track{margin-inline:0;padding-inline:5vw;scroll-padding-inline:5vw}
@media(max-width:700px){
 .simple-site .marketplace-story .marketplace-track{margin-inline:0;padding-inline:6vw;scroll-padding-inline:6vw}
 .simple-site .marketplace-story .marketplace-card{flex-basis:82vw;min-width:0}
}
.contact-honeypot{position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;clip-path:inset(50%)!important;white-space:nowrap!important}