/* Alternate opening: a foreground portal, dimensional screens and a scroll-controlled crossing. */
html,body{overflow-x:clip}main{overflow-x:clip}.hero{overflow:clip}
@media(min-width:761px){.world-bottom{padding-right:205px}.world-bottom button{text-align:right}.hero .world-gates{bottom:90px}}
.hero{height:185svh;min-height:0;max-height:none;--travel:0;padding:0 4.5vw;background:radial-gradient(ellipse at 74% 30%,#a6ff7b0d,transparent 60%)}
.hero-inner{position:sticky;top:0;height:100svh;min-height:650px;padding-top:138px;perspective:1000px;isolation:isolate}
.hero-title{display:block;width:52%;margin-top:22px;transform:translate3d(calc(var(--travel)*-180px),calc(var(--travel)*-55px),calc(var(--travel)*100px));opacity:clamp(0,calc(1 - var(--travel)*2.2),1);will-change:transform,opacity;position:relative;z-index:8}
.hero h1{font-size:clamp(51px,6.5vw,108px);letter-spacing:-4.5px;line-height:.98;font-weight:500}.hero h1 em{color:#e7ffcb;text-shadow:0 0 35px #ccffb010}
.hero-side{width:100%;margin:23px 0 0}.hero-side p{font-size:11px;line-height:1.8;margin:0 0 16px;color:#c3d5bc}.hero-side .text-link{font-size:10px}
.hero-inner>.eyebrow{position:relative;z-index:10;opacity:clamp(0,calc(1 - var(--travel)*2),1)}
.hero-floor{position:absolute;inset:25% -50% -20%;background-image:linear-gradient(#c9ffb32b 1px,transparent 1px),linear-gradient(90deg,#c9ffb32b 1px,transparent 1px);background-size:75px 75px;transform:rotateX(74deg) translateZ(-170px) translateY(calc(var(--travel)*-350px));transform-origin:center bottom;mask-image:radial-gradient(ellipse at 50% 55%,#000 5%,transparent 65%);opacity:.55;pointer-events:none}
.hero-horizon{position:absolute;left:-5%;right:-5%;height:1px;top:62%;background:linear-gradient(90deg,transparent,#c5ffaa70 30%,#d8ffc8 65%,transparent);box-shadow:0 0 22px 4px #c2ff9e2a,0 0 90px 24px #baff9e12;transform:translateY(calc(var(--travel)*-140px));opacity:calc(1 - var(--travel));pointer-events:none}
.holo-stage{position:absolute;left:47%;right:0;top:136px;bottom:190px;perspective:1000px;transform-style:preserve-3d;pointer-events:none;z-index:5;opacity:clamp(0,calc(1 - var(--travel)*1.9),1);transform:translateZ(calc(var(--travel)*350px)) scale(calc(1 + var(--travel)*1.8));will-change:transform,opacity}
.portal-caption{position:absolute;left:23%;top:50%;transform:translateY(-50%);text-align:center;z-index:1;animation:portalCaption 8s ease-in-out infinite}.portal-caption>span{display:block;font-family:Manrope;font-size:32px;letter-spacing:7px;font-weight:600;color:#f3ffe3;text-shadow:0 0 22px #d5ffb870}.portal-caption small{font-size:5px;letter-spacing:3px;color:#d3ffc0;display:block;margin-top:11px}
.holo-panel{position:absolute;overflow:hidden;border:1px solid #e3ffd6a0;border-radius:5px;box-shadow:0 25px 70px #0006,0 0 30px #a9ff6415;background:#dceddf;transform-style:preserve-3d;backdrop-filter:blur(15px)}
.holo-web{width:84%;height:53%;left:13%;top:-2%;transform:rotateY(-18deg) rotateX(10deg) rotateZ(7deg);animation:holoWeb 9s ease-in-out infinite;z-index:3}
.holo-bar{height:23px;padding:0 10px;display:flex;align-items:center;gap:5px;color:#537346;background:#eff8e8;font-size:5px;letter-spacing:1.3px}.holo-bar i{height:4px;width:4px;display:block;background:#67ad4c;border-radius:50%}.holo-bar>span{margin-left:auto;font-size:10px}.holo-web img{width:100%;height:calc(100% - 23px);object-fit:cover;object-position:center 60%}.holo-web-text{position:absolute;bottom:15px;left:20px;font-family:Georgia,serif;font-size:21px;line-height:1.1;letter-spacing:-.7px;color:white;text-shadow:0 2px 15px #0008}
.holo-app{width:180px;height:200px;left:-3%;bottom:-2%;transform:rotateY(18deg) rotateZ(-9deg);animation:holoApp 7s ease-in-out infinite;z-index:4}.holo-app-ui{padding:14px 15px;color:#173723}.holo-app-ui>span{font-size:5px;letter-spacing:1px;color:#5b8151}.holo-app-ui>strong{font-family:Manrope;font-size:24px;line-height:1.05;letter-spacing:-1px;display:block;margin:10px 0 16px}.holo-app-ui>div:not(.holo-bars){display:flex;gap:8px;align-items:center}.holo-app-ui>div>i{font-style:normal;font-size:10px;color:#6fab49;background:#cde6bc;border-radius:50%;width:20px;height:20px;display:grid;place-items:center}.holo-app-ui b{font-size:6px;font-weight:600}.holo-app-ui small{display:block;font-size:4px;margin-top:4px;font-weight:400;color:#7b936c}.holo-bars{display:flex;gap:5px;align-items:flex-end;height:25px;margin-top:13px}.holo-bars i{width:22%;height:55%;background:#b3d59f;border-radius:2px}.holo-bars i:nth-child(2){height:78%;background:#a1c98b}.holo-bars i:nth-child(3){height:65%}.holo-bars i:nth-child(4){height:92%;background:#72a555}.holo-bars i:nth-child(5){height:100%;background:#477b35}
.holo-signal{position:absolute;right:0;bottom:2%;padding:13px 17px;background:#e8ffdb;color:#284921;border:1px solid #e3ffd6;border-radius:4px;box-shadow:0 0 35px #d6ffad20,0 20px 50px #0005;transform:rotateY(-18deg) rotateZ(6deg);animation:holoSignal 8s ease-in-out infinite;z-index:5}.holo-signal>i{width:5px;height:5px;background:#5fa341;display:inline-block;border-radius:50%;margin-right:5px}.holo-signal>span{font-size:5px;letter-spacing:1.3px}.holo-signal>b{display:block;font-size:12px;letter-spacing:-.2px;margin-top:7px;font-weight:500}.orbital-tag{position:absolute;color:#d8ffbe;font-size:5px;letter-spacing:1.7px}.tag-a{top:-13%;right:10%;transform:rotate(7deg)}.tag-b{bottom:-15%;right:12%;transform:rotate(-5deg)}
.crossing-title{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;pointer-events:none;z-index:9;text-align:center;opacity:clamp(0,calc((var(--travel) - .35)*3),1);transform:translateZ(calc(var(--travel)*80px)) scale(calc(.8 + var(--travel)*.2))}.crossing-title>span{font-size:8px;letter-spacing:5px;color:#d9ffbf;margin-bottom:25px}.crossing-title>strong{font-family:Manrope;font-size:clamp(45px,6.5vw,105px);font-weight:500;line-height:1.03;letter-spacing:-4px}.crossing-title em{color:#e4ffd3;text-shadow:0 0 50px #baff9850}
.world-gates{bottom:68px;gap:8px;border:0;background:none;opacity:clamp(.2,calc(1 - var(--travel)*1.15),1);transform:translateY(calc(var(--travel)*90px));will-change:transform,opacity;z-index:12}.world-gates a{background:linear-gradient(125deg,#e3ffd222,#cbffb00d);border:1px solid #c8ffad50;border-radius:4px;padding:18px 18px 20px;box-shadow:inset 0 1px #e6ffce33,0 10px 35px #0003;backdrop-filter:blur(25px)}.world-gates a:hover{background:#d8ffbf30}.world-gates strong{font-size:19px;margin:15px 0 8px}.world-gates small{color:#bfd3b4;font-size:6px}.world-gates p{color:#b6c9ab;font-size:10px}.hero-foot{bottom:30px;font-size:7px;opacity:calc(1 - var(--travel)*1.5)}
@keyframes holoWeb{0%,100%{transform:translateY(0) rotateY(-18deg) rotateX(10deg) rotateZ(7deg)}50%{transform:translateY(-14px) rotateY(-10deg) rotateX(4deg) rotateZ(4deg)}}
@keyframes holoApp{0%,100%{transform:translateY(0) rotateY(18deg) rotateZ(-9deg)}50%{transform:translateY(12px) rotateY(8deg) rotateZ(-5deg)}}
@keyframes holoSignal{0%,100%{transform:translateY(0) rotateY(-18deg) rotateZ(6deg)}50%{transform:translateY(-10px) rotateY(-7deg) rotateZ(2deg)}}
@keyframes portalCaption{0%,100%{filter:drop-shadow(0 0 0 #daffc5);transform:translateY(-50%) scale(1)}50%{filter:drop-shadow(0 0 10px #daffc5);transform:translateY(-50%) scale(1.03)}}
.world-sticky{background:radial-gradient(ellipse at 70% 45%,#9bff7420,transparent 65%),linear-gradient(180deg,#13221966,transparent 30%,transparent 85%,#0e1a1290)}.film-section{background:radial-gradient(ellipse at top,#375b3a88,transparent 75%),#12251bd9}.own-proof{background:#14291ce8}.floating-detail,.app-float{background:#264632dc;border-color:#d8ffc947}.workflow .flow-node{background:#1f3a2be8;border-color:#c6ffaa38}.flow-node.lit{background:#3c6243;border-color:#c6ffaaa0;box-shadow:0 0 40px #baff8e25}.auto-mode>div{background:#193323d9}.ad-explanation{background:#182b20e3}
.reference-gallery{padding:80px 7vw 45px;background:radial-gradient(ellipse at 50% 45%,#e9ffcf,#dce9d6 70%);color:#183a26;position:relative;overflow:hidden;isolation:isolate;border-top:1px solid #e9ffca;border-bottom:1px solid #9cbd8d;--rp:0}
.gallery-grid{position:absolute;inset:0;z-index:-1;background-image:linear-gradient(#6c955214 1px,transparent 1px),linear-gradient(90deg,#6c955214 1px,transparent 1px);background-size:55px 55px;mask-image:linear-gradient(transparent,#000 20%,#000 70%,transparent)}.reference-gallery:before,.reference-gallery:after{content:'+';font-family:monospace;color:#5c904c;font-size:20px;position:absolute;top:32px;left:3vw}.reference-gallery:after{left:auto;right:3vw;top:auto;bottom:22px}.gallery-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:30px;margin-bottom:55px}.gallery-heading .eyebrow{color:#4a7d3a;font-size:8px;letter-spacing:1.7px}.gallery-heading h3{font-size:clamp(35px,4.6vw,70px);font-weight:500;line-height:1.07;letter-spacing:-3px;margin-top:22px}.gallery-heading em{color:#50873b}.gallery-heading>p{font-size:11px;line-height:1.9;color:#667f5a;margin-bottom:5px}.reference-portals{display:grid;grid-template-columns:1fr 1fr;gap:45px;perspective:1400px}.reference-portal{display:block;min-width:0;position:relative;transform-style:preserve-3d;transition:transform .6s!important}.reference-portal:first-child{transform:rotateY(7deg) rotateZ(-1deg) translateY(calc(var(--rp)*-15px))}.reference-portal:last-child{transform:rotateY(-7deg) rotateZ(1deg) translateY(calc(25px - var(--rp)*45px))}.reference-portal:hover{transform:rotateY(0) rotateZ(0) translateY(-10px)}.reference-id{display:flex;align-items:center;gap:12px;font-size:6px;letter-spacing:1.3px;margin-bottom:13px;color:#6c8d5d}.reference-id i{height:1px;background:#99b98a;flex:1}.reference-screen{border:1px solid #89ac78;border-radius:5px;overflow:hidden;background:#fff;aspect-ratio:1.7;box-shadow:0 24px 50px #314e2d30;position:relative}.reference-screen-top{height:25px;padding:0 12px;background:#f4faee;display:flex;align-items:center;justify-content:space-between;font-size:6px;color:#718766;border-bottom:1px solid #d7e2d0}.reference-screen-top>span:first-child{font-size:5px;letter-spacing:3px;color:#afc29f}.reference-screen-top b{font-size:6px;font-weight:400;letter-spacing:1px}.reference-screen>img{width:100%;height:calc(100% - 25px);object-fit:cover;object-position:top}.reference-scan{position:absolute;inset:-100% 0 0;height:100%;background:linear-gradient(transparent 70%,#c3ffa32b 96%,#9fd77c99);pointer-events:none;animation:refScan 9s ease-in-out infinite}.reference-portal:last-child .reference-scan{animation-delay:-4s}.reference-meta{display:flex;justify-content:space-between;gap:20px;margin-top:22px;padding:0 4px}.reference-meta small{font-size:6px;letter-spacing:1.5px;color:#5e8050}.reference-meta h4{font-size:23px;letter-spacing:-.8px;font-weight:600;margin:9px 0}.reference-meta p{font-size:9px;color:#718566;line-height:1.7}.reference-arrow{height:35px;width:35px;border:1px solid #7ea56c;border-radius:50%;display:grid;place-items:center;flex-shrink:0;color:#50873b;font-size:20px;margin-top:10px}.gallery-next{margin-top:65px;padding-top:24px;border-top:1px solid #77976650;display:flex;justify-content:space-between;gap:20px}.gallery-next>span{font-size:6px;letter-spacing:1.5px;color:#79916c}.gallery-next a{font-size:10px;font-weight:500}.gallery-next b{margin-left:30px;color:#53863e;font-size:16px;font-weight:400}@keyframes refScan{0%,30%{transform:translateY(0);opacity:0}40%{opacity:1}65%,100%{transform:translateY(210%);opacity:0}}
.reduced .hero{height:auto}.reduced .hero-inner{position:relative}.reduced .crossing-title{display:none}.reduced .reference-portal{transform:none}
@media(min-width:1500px){.hero-inner{padding-top:175px}.holo-stage{top:180px;bottom:250px}.holo-app{width:240px;height:270px}.holo-app-ui{padding:20px}.holo-app-ui>strong{font-size:36px;margin:18px 0 25px}.holo-app-ui>span{font-size:7px}.holo-app-ui b{font-size:9px}.holo-app-ui small{font-size:7px}.holo-bars{height:50px}.hero-side p{font-size:14px}.hero-side .text-link{font-size:12px}.portal-caption>span{font-size:45px}.world-gates{bottom:90px}.world-gates a{padding:25px}.world-gates strong{font-size:24px}.world-gates small{font-size:8px}.world-gates p{font-size:12px}.hero-foot{bottom:40px}}
@media(min-width:761px) and (max-height:800px){.hero-inner{padding-top:130px;min-height:0}.hero-title{margin-top:18px}.hero h1{font-size:clamp(46px,6.2vw,85px)}.hero-side{margin-top:18px}.hero-side p{font-size:9px;margin-bottom:12px}.hero-side .text-link{font-size:9px}.world-gates{bottom:70px}.world-gates a{padding:16px 14px}.world-gates strong{font-size:16px;margin:12px 0 7px}.world-gates p{font-size:8px}.world-gates small{font-size:5px}.holo-stage{top:140px;bottom:195px}.holo-app{width:150px;height:180px;left:-2%;bottom:-2%}.holo-app-ui{padding:12px}.holo-app-ui>strong{font-size:22px;margin:9px 0 12px}.holo-bars{margin-top:10px;height:23px}.holo-signal{right:-3%;padding:11px 12px;bottom:-4%}.holo-signal b{font-size:10px}.portal-caption>span{font-size:25px;letter-spacing:5px}.portal-caption{left:24%}.holo-web-text{font-size:18px;left:15px}.hero-foot{font-size:6px}}
@media(max-width:760px){.hero{height:160svh;min-height:0;padding:0 6vw}.hero-inner{height:100svh;min-height:790px;padding-top:125px;position:sticky;top:0}.hero-inner>.eyebrow{font-size:6px;letter-spacing:1px}.hero-title{width:100%;margin-top:20px}.hero h1{font-size:clamp(43px,11vw,70px);letter-spacing:-3px;line-height:.98}.hero h1 br:nth-of-type(2){display:none}.hero h1 em{display:block}.hero-side{margin-top:15px;max-width:260px}.hero-side p{font-size:8px;line-height:1.7;margin-bottom:12px}.hero-side .text-link{font-size:9px}.holo-stage{left:16%;right:-4%;top:350px;bottom:265px}.holo-web{width:71%;left:27%;height:70%;top:-7%;max-height:170px}.holo-bar{height:17px;font-size:4px;letter-spacing:.7px}.holo-web img{height:calc(100% - 17px)}.holo-web-text{font-size:15px;bottom:10px;left:14px}.holo-app{width:115px;height:146px;left:0;bottom:0}.holo-app .holo-bar{font-size:3px;padding:0 7px}.holo-app-ui{padding:9px}.holo-app-ui>span{font-size:3px}.holo-app-ui>strong{font-size:18px;margin:7px 0 10px}.holo-app-ui b{font-size:4px}.holo-app-ui small{font-size:3px}.holo-app-ui>div>i{width:14px;height:14px;font-size:7px}.holo-bars{height:18px;margin-top:9px;gap:3px}.holo-signal{right:0;bottom:-1%;padding:9px 10px}.holo-signal>span{font-size:3px}.holo-signal>b{font-size:8px;margin-top:5px}.holo-signal>i{width:4px;height:4px}.portal-caption{top:50%;left:32%}.portal-caption>span{font-size:18px;letter-spacing:3px}.portal-caption small{font-size:3px;letter-spacing:1.5px;margin-top:7px}.orbital-tag{font-size:3px;letter-spacing:1px}.tag-a{top:-15%;right:10%}.tag-b{bottom:-15%;right:0}.hero-floor{inset:40% -60% -10%;background-size:40px 40px}.hero-horizon{top:62%}.world-gates{bottom:72px;gap:6px;grid-template-columns:1fr 1fr}.world-gates a{padding:12px 12px 13px}.world-gates strong{font-size:14px;margin:10px 0 6px}.world-gates p{font-size:8px}.world-gates small{font-size:4px;letter-spacing:.8px}.hero-foot{bottom:24px;font-size:5px;letter-spacing:.5px;line-height:1.5}.hero-foot a{margin-top:5px}.crossing-title>span{font-size:6px;letter-spacing:2px}.crossing-title>strong{font-size:38px;letter-spacing:-2px}.reference-gallery{padding:60px 6vw 35px}.gallery-heading{display:block;margin-bottom:30px}.gallery-heading h3{font-size:35px;letter-spacing:-1.8px;margin-top:20px}.gallery-heading .eyebrow{font-size:6px}.gallery-heading>p{font-size:10px;margin-top:20px}.reference-portals{grid-template-columns:1fr;gap:40px}.reference-portal:first-child{transform:rotateY(4deg) rotateZ(-1deg)}.reference-portal:last-child{transform:rotateY(-4deg) rotateZ(1deg)}.reference-screen{aspect-ratio:1.65}.reference-meta h4{font-size:21px}.reference-meta p{font-size:8px}.reference-id{font-size:5px}.gallery-next{display:block;margin-top:40px}.gallery-next a{display:block;margin-top:12px;font-size:9px;line-height:1.7}.gallery-next b{margin-left:10px}.reference-gallery:before,.reference-gallery:after{font-size:15px}.reduced .hero-inner{min-height:790px}}