@font-face{font-family:Poppins;src:url('assets/poppins-regular.ttf') format('truetype');font-style:normal;font-weight:400;font-display:swap}@font-face{font-family:Poppins;src:url('assets/poppins-semibold.ttf') format('truetype');font-style:normal;font-weight:600;font-display:swap}@font-face{font-family:Poppins;src:url('assets/poppins-bold.ttf') format('truetype');font-style:normal;font-weight:700;font-display:swap}
:root{color-scheme:dark;--gradient:linear-gradient(100deg,#82ace3 0%,#e7cde8 55%,#cde1ee 100%);--gutter:clamp(24px,5.208vw,100px);--body:clamp(16px,1.302vw,25px);--heading:clamp(36px,4.427vw,85px)}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:#000;color:#fff;font-family:Poppins,Arial,sans-serif;font-size:var(--body);line-height:1.5}main,.header{max-width:1920px;margin-inline:auto}h1,h2,h3,p{margin:0}h1,h2{font-size:var(--heading);line-height:1.25;font-weight:700;letter-spacing:-.025em}h3{font-size:clamp(20px,1.823vw,35px);font-weight:600;line-height:1.5}p{letter-spacing:.055em}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}button,input{font:inherit}button,a,input{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,input:focus-visible,.table-scroll:focus-visible{outline:3px solid #82ace3;outline-offset:6px}.gradient{background:var(--gradient);background-clip:text;-webkit-background-clip:text;color:transparent}.button{display:inline-flex;align-items:center;justify-content:center;padding:11px 35px;border:1px solid #fff;border-radius:100px;background:rgba(255,255,255,.15);color:#fff;text-transform:uppercase;font-size:14px;letter-spacing:.1em;cursor:pointer;transition:background .2s,transform .2s}.button:hover{background:rgba(205,225,238,.27);transform:translateY(-2px)}.header{position:absolute;z-index:5;top:0;left:0;right:0;display:flex;align-items:center;justify-content:space-between;gap:30px;padding:clamp(28px,5.1vw,98px) var(--gutter) 0}.logo{width:clamp(100px,7.064vw,136px);height:auto}.header nav{display:flex;gap:clamp(20px,2vw,40px)}.header nav a{text-transform:uppercase;letter-spacing:.1em;font-size:14px;color:#ece9de}.header nav a:hover{color:#aaccff}.menu-button{display:none}.hero{position:relative;min-height:clamp(680px,76vw,1460px);overflow:hidden}.hero-image{position:absolute;right:0;top:5.2vw;width:93.75%;height:auto}.hero-copy{position:relative;padding-top:20vw;padding-left:var(--gutter);z-index:1}.eyebrow{margin-bottom:26px}.intro{padding:20px var(--gutter) 5vw}.section-heading{text-align:center}.section-heading p{margin-top:24px}.section-pad{padding-inline:var(--gutter)}.experience-stage{position:relative;height:min(329.167vw,6320px);overflow:hidden}.experience-art{position:absolute;top:0;left:0;width:100%;height:auto}.experience-intro{position:absolute;top:24.97%;left:0;right:0;text-align:center}.feature{position:absolute;left:var(--gutter);right:var(--gutter)}.feature p{margin-top:20px}.switch{top:34.446%}.always{top:62.532%;left:56.458%;right:24px}.always h2{white-space:nowrap}.no-extra{top:88.94%}.comparison{padding-top:4vw;padding-bottom:12vw}.comparison .section-heading{margin-bottom:70px}.table-scroll{overflow:auto;border:1px solid #cde1ee;border-radius:28px}table{width:100%;border-collapse:collapse;text-align:left;font-size:clamp(14px,1.302vw,25px)}td,th{padding:22px 24px;border-bottom:1px solid #788493;border-right:1px solid #788493;font-weight:400}th{font-weight:600}tr:last-child>*{border-bottom:0}tr>*:last-child{border-right:0;background:rgba(180,192,229,.19)}thead tr>*:last-child{background:#8ca7d3}tbody tr:nth-child(1)>*:last-child{background:#9caed4}tbody tr:nth-child(2)>*:last-child{background:#abaed0}tbody tr:nth-child(3)>*:last-child{background:#9e8fa8}thead img{width:110px;height:auto}tbody th{width:23%}.everything{position:relative;overflow:hidden}.uses{display:grid;grid-template-columns:repeat(4,1fr);text-align:center;padding:60px var(--gutter) 0;gap:24px}.uses p{margin-top:12px}.giant-3d{font-size:clamp(220px,52vw,1000px);font-weight:700;text-align:center;line-height:1.1;letter-spacing:-.055em;margin-top:-.04em}.phone-scene{position:relative;margin-top:-12vw;height:36.2vw;max-height:695px;overflow:hidden}.phone-scene img{position:absolute;top:-58.56%;width:100.02%;height:179.42%;object-fit:cover}.phone-glow{mix-blend-mode:plus-lighter}.engineering{padding-top:5vw}.technology-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5.729vw;margin-top:70px}.technology-grid article{display:flex;flex-direction:column}.technology-grid p{margin-top:20px;margin-bottom:30px;flex:1}.technology-grid img{width:100%;height:auto;aspect-ratio:500/469;object-fit:cover}.spec-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:30px}.spec-grid img{width:100%;height:auto;aspect-ratio:1;object-fit:contain}.spec-grid p{margin-top:14px}.reactions{padding-top:7vw}.reaction-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px;margin-top:55px}.reaction-grid img{border-radius:20px;width:100%;height:auto;aspect-ratio:540/302;object-fit:cover}
.video-card{position:relative;display:block;border-radius:20px;overflow:hidden;aspect-ratio:540/302;background:#111}
.video-card img{width:100%;height:100%;object-fit:cover;transition:transform .3s}
.video-card:hover img{transform:scale(1.04)}
.play-badge{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:64px;height:64px;border-radius:50%;background:rgba(0,0,0,.55);border:2px solid #fff;color:#fff;display:flex;align-items:center;justify-content:center;font-size:22px;padding-left:4px}
.setup{padding-top:10vw}.setup-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5.729vw;margin-top:70px}.setup-grid h3{font-size:var(--heading);line-height:1.25;white-space:nowrap}.setup-grid p{margin-top:24px}.compatibility{padding-top:10vw}.pixel{width:58%;height:auto;margin-inline:auto}.closing{position:relative;padding-top:9vw;overflow:hidden}.closing .section-heading{position:relative;z-index:1}.closing img{width:100%;height:auto;margin-top:-5vw}.skip-link{position:fixed;top:0;left:20px;transform:translateY(-120%);background:white;color:#000;padding:14px;z-index:100}.skip-link:focus{transform:translateY(0)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(min-width:1921px){.hero-copy{padding-top:384px}.hero-image{top:100px}.phone-scene{margin-top:-230px}.technology-grid,.setup-grid{gap:110px}.closing img{margin-top:-96px}}
@media(max-width:1000px){.header{gap:18px}.header nav{gap:16px}.header nav a{font-size:12px}.header .button{padding:10px 20px}.eyebrow{max-width:490px;font-size:16px}.hero{min-height:80vw}.hero-copy{padding-top:23vw}.technology-grid,.setup-grid{gap:28px}.spec-grid{gap:20px}.spec-grid h3{font-size:19px}.table-scroll{border-radius:20px}td,th{padding:16px}.always h2{white-space:normal}.setup-grid h3{font-size:36px}}
@media(max-width:900px){:root{--heading:clamp(30px,7.7vw,48px)}html{scroll-padding-top:20px}.header{padding-top:24px;gap:16px}.logo{width:100px}.menu-button{display:flex;gap:8px;align-items:center;order:3;color:white;background:transparent;border:0;font-size:14px;padding:8px 0;cursor:pointer}.header nav{display:none;position:absolute;top:80px;left:24px;right:24px;padding:24px;background:#111820f5;border:1px solid #485365;border-radius:16px;flex-direction:column;gap:22px}.header nav.open{display:flex}.header nav a{font-size:14px}.hero{min-height:0;height:calc(105vw + 265px)}.hero-copy{padding:130px 24px 0}.eyebrow{font-size:14px;max-width:320px;letter-spacing:.05em;margin-bottom:17px}.hero h1{font-size:clamp(32px,8.1vw,54px)}.hero-image{top:220px;width:125%;max-width:none;right:-8%}.intro{padding:35px 24px 50px}.section-heading p{margin-top:20px}.section-heading br+p{margin-top:20px}.experience-stage{height:365vw}.experience-art{width:112%;max-width:none;left:-6%}.experience-intro{top:25.3%;padding:0 24px;font-size:14px}.feature h2{font-size:clamp(26px,6.9vw,46px)}.feature p{font-size:14px;max-width:190px;margin-top:12px;letter-spacing:.02em}.switch{top:35%;left:24px;right:auto}.always{top:63%;left:52%;right:18px}.always h2{font-size:clamp(25px,6vw,40px)}.no-extra{top:89.1%;left:24px;right:auto}.comparison{padding-top:50px;padding-bottom:90px}.comparison .section-heading{margin-bottom:35px}.table-scroll{margin-right:-8px}table{min-width:740px;font-size:14px}td,th{padding:17px}.uses{grid-template-columns:repeat(2,1fr);gap:28px 12px;padding-top:35px}.uses h3{font-size:18px}.uses p{font-size:14px;margin-top:6px}.giant-3d{font-size:65vw;margin-top:15px}.phone-scene{height:40vw;margin-top:-14vw}.engineering{padding-top:65px}.technology-grid{grid-template-columns:1fr;gap:45px;margin-top:40px}.technology-grid p{margin-top:12px;margin-bottom:10px}.technology-grid img{aspect-ratio:1.4;width:100%}.spec-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:30px 20px}.spec-grid h3{font-size:18px}.spec-grid p{font-size:14px;margin-top:8px}.reactions{padding-top:80px}.reaction-grid{grid-template-columns:1fr;gap:22px;margin-top:30px}.setup{padding-top:80px}.setup-grid{grid-template-columns:1fr;gap:35px;margin-top:40px}.setup-grid h3{font-size:34px}.setup-grid p{margin-top:12px}.compatibility{padding-top:80px}.compatibility h2{max-width:500px;margin:auto}.pixel{width:100%}.closing{padding-top:80px}.closing .section-heading{padding-inline:24px}.closing h2{font-size:clamp(28px,7vw,42px)}.closing img{width:130%;max-width:none;margin-left:-15%;margin-top:0}.closing p{font-size:14px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}