@font-face{font-family:Greed;src:url('/assets/GreedStandard-Regular.ttf') format('truetype');font-weight:400;font-display:swap}
@font-face{font-family:Greed;src:url('/assets/GreedStandard-Medium.ttf') format('truetype');font-weight:500;font-display:swap}
@font-face{font-family:Greed;src:url('/assets/GreedStandard-Bold.ttf') format('truetype');font-weight:700;font-display:swap}
:root{--purple:#5414b4;--deep:#310777;--ink:#27232e;--muted:#686070;--paper:#f6f5f8;--lavender:#eae4f2;--ease:cubic-bezier(.22,1,.36,1);--page:clamp(24px,5.5vw,110px)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:84px}body{margin:0;background:var(--paper);color:var(--ink);font:400 16px/1.5 Greed,Arial,sans-serif;-webkit-font-smoothing:antialiased}body:has(dialog[open]){overflow:hidden}img{display:block;max-width:100%;height:auto}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #af85f0;outline-offset:5px}::selection{color:white;background:var(--purple)}h1,h2,h3,p{margin:0}h1,h2{font-weight:700;line-height:1.04;letter-spacing:-.055em;text-wrap:balance}h2{font-size:clamp(44px,5.6vw,82px)}h2>span{color:#907ca9}h3{font-size:17px;font-weight:500;letter-spacing:-.025em}.eyebrow{font-size:10px;letter-spacing:.16em;font-weight:500;margin-bottom:24px}.skip{position:fixed;z-index:100;top:-80px;left:20px;background:white;padding:15px}.skip:focus{top:15px}
.navigation{position:fixed;z-index:30;top:14px;left:var(--page);right:var(--page);height:62px;display:flex;align-items:center;justify-content:space-between;gap:25px;padding:0 24px;border-radius:36px;color:white;background:#35106c36;border:1px solid #ffffff1a;backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px);transition:background .45s,color .45s,border-color .45s}.brand img{width:146px;filter:brightness(0) invert(1)}.navigation nav{display:flex;gap:32px;font-size:12px}.navigation nav a{opacity:.65;transition:opacity .25s}.navigation nav a:hover,.navigation nav a.active{opacity:1}.motion-toggle{display:flex;align-items:center;gap:10px;font-size:11px;border:0;background:none;padding:12px 0 12px 15px}.motion-symbol{display:grid;place-items:center;border:1px solid #ffffff36;width:27px;height:27px;border-radius:50%;font-size:13px}.navigation.light{color:var(--ink);background:#f6f5f8e6;border-color:#ffffffb3}.navigation.light .brand img{filter:none}.navigation.light .motion-symbol{border-color:#d5ccdf}.reading-progress{position:absolute;left:24px;right:24px;bottom:0;height:1px;background:#a97ce5;transform-origin:left;transform:scaleX(0)}
.hero{height:165svh;position:relative;background:var(--purple);color:white}.hero-sticky{position:sticky;top:0;height:100svh;min-height:640px;overflow:hidden;isolation:isolate}.hero-copy{position:absolute;z-index:3;top:clamp(112px,15svh,160px);left:var(--page);right:var(--page);text-align:center;transform:translateY(var(--hero-copy-y,0px));opacity:var(--hero-copy-opacity,1)}.hero-copy .eyebrow{color:#d8c5f3;margin-bottom:18px}.hero h1{font-size:clamp(58px,6.8vw,102px)}.hero h1 span{color:#c8a6f7}.hero-description{font-size:clamp(14px,1.35vw,20px);color:#e1d2f6;margin-top:22px}.hero-link{display:inline-flex;gap:20px;align-items:center;margin-top:19px;font-size:12px}.hero-link span{display:inline-grid;place-items:center;border:1px solid #ffffff4a;width:27px;height:27px;border-radius:50%;transition:transform .3s}.hero-link:hover span{transform:translateY(4px)}.hero-devices{position:absolute;z-index:2;bottom:58px;left:50%;width:min(1000px,85vw);transform:translate(-50%,var(--hero-device-y,0px)) scale(var(--hero-device-scale,1));transform-origin:50% 60%}.laptop{width:82%;position:relative}.laptop-screen{border:2px solid #8d819c;border-radius:20px 20px 4px 4px;background:#17151b;padding:12px 8px 7px;position:relative;box-shadow:0 32px 65px -15px #24064780}.laptop-screen img{width:100%;height:clamp(245px,38svh,460px);object-fit:cover;object-position:top;border-radius:9px 9px 2px 2px}.camera{position:absolute;top:2px;left:46%;width:8%;height:8px;background:#17151b;border-radius:0 0 5px 5px}.laptop-base{height:13px;width:110%;margin-left:-5%;border-radius:1px 1px 45% 45%;background:linear-gradient(#d5d0dc,#8e879b 65%,#bcb5c7)}.laptop-base:before{content:'';display:block;width:14%;height:5px;border-radius:0 0 8px 8px;background:#82798d;margin:auto}.hero-phone{position:absolute;right:0;bottom:-8px;width:21%;filter:drop-shadow(0 18px 20px #24064750);transform:translateY(var(--hero-phone-y,0px)) rotate(4deg)}.hero-bottom{position:absolute;z-index:3;bottom:20px;left:var(--page);right:var(--page);display:flex;justify-content:space-between;gap:20px;color:#d2b9ef;font-size:8px;letter-spacing:.13em}.hero-bottom>a{display:flex;gap:12px;align-items:center;letter-spacing:0;font-size:10px}.scroll-line{width:35px;height:1px;background:#b98de9;transform-origin:left;animation:scroll-pulse 2.5s ease-in-out infinite}.hero-mark{position:absolute;z-index:-1;width:125%;max-width:none;left:-10%;top:15%;opacity:.055;filter:brightness(0) invert(1);transform:translateY(var(--hero-mark-y,0px))}.hero-waves{position:absolute;inset:0;z-index:-1;transform:translateY(var(--hero-wave-y,0px))}.hero-waves i{position:absolute;width:170%;height:100%;border-radius:50%;border:1px solid #ffffff12;left:-35%;top:35%;transform:rotate(-15deg)}.hero-waves i:nth-child(2){top:42%}.hero-waves i:nth-child(3){top:49%}
.manifesto{padding:clamp(110px,16vw,240px) var(--page);max-width:1500px;margin:auto}.manifesto .eyebrow{color:var(--purple)}.word-reveal{font-size:clamp(42px,6.4vw,94px);max-width:1150px;line-height:1.13}.word-reveal span{transition:color .15s linear}.js .word-reveal span{color:#d0c8db}.manifesto-note{font-size:18px;color:var(--muted);margin-top:44px;line-height:1.6}
.overview-section{position:relative;padding:0 var(--page) 100px;scroll-margin-top:0}.overview-pin{min-height:calc(100svh - 80px);display:grid;grid-template-columns:minmax(230px, .8fr) minmax(0,2.8fr);gap:clamp(30px,4vw,70px);align-items:center;max-width:1600px;margin:auto}.overview-copy{padding:25px 0}.overview-copy .eyebrow{color:var(--purple)}.overview-copy h2{font-size:clamp(42px,4.4vw,66px);margin-bottom:25px}.story-step{display:flex;gap:15px;width:100%;border:0;border-top:1px solid #ddd5e7;background:none;padding:18px 0;text-align:left;opacity:1;transition:opacity .4s,color .4s}.story-step>span:first-child{font-size:10px;padding-top:4px;color:var(--purple)}.story-description{font-size:12px;line-height:1.6;margin-top:7px;color:var(--muted)}.story-step.active,.story-step:hover,.story-step:focus-visible{opacity:1}.story-step.active .story-title{color:var(--purple)}.overview-visual{min-width:0;transform:translateY(var(--overview-y,0px))}.screen-shell{padding:6px;background:#e4dced;border:1px solid #d8cde4;border-radius:19px;overflow:hidden;box-shadow:0 25px 65px -48px #34174e80}.screen-top{display:flex;justify-content:space-between;align-items:center;gap:15px;font-size:10px;padding:8px 12px;height:39px;color:#6e5b7b}.screen-top>span:nth-child(2){font-size:9px;opacity:1}.expand{border:0;background:#ffffffa8;display:grid;place-items:center;width:25px;height:25px;border-radius:50%;font-size:16px;transition:background .25s,transform .25s}.expand:hover{background:white;transform:scale(1.12)}.desktop-viewport{overflow:hidden;border-radius:12px;background:white;aspect-ratio:1600/1100}.desktop-viewport img{width:100%;height:100%;object-fit:contain;transform:translate(var(--screen-x,0%),var(--screen-y,0%)) scale(var(--screen-scale,1));transform-origin:50% 50%;will-change:transform}.screen-bottom{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-top:18px;color:#796585;font-size:9px;letter-spacing:.08em}.scene-track{width:70px;height:2px;background:#ded5e8;overflow:hidden}.scene-track i{display:block;width:100%;height:100%;background:var(--purple);transform-origin:left;transform:scaleX(var(--overview-progress,.05))}.text-button{display:inline-flex;gap:20px;align-items:center;border:0;background:none;padding:8px 0;color:var(--purple);font-size:12px;margin-top:20px}.text-button span{font-size:18px;transition:transform .3s}.text-button:hover span{transform:translate(3px,-3px)}
.makker-section{position:relative;background:#3c0d80;color:white;padding:110px var(--page) 80px;overflow:hidden;isolation:isolate}.makker-watermark{position:absolute;width:125%;max-width:none;left:-10%;top:15%;z-index:-1;opacity:.06;filter:brightness(0) invert(1);transform:translateY(var(--makker-mark-y,0px))}.makker-heading{text-align:center}.mark-tile{display:grid;place-items:center;width:68px;height:68px;border-radius:23px 23px 5px 23px;background:#ac87dd25;border:1px solid #c4a5ef30;margin:0 auto 24px}.mark-tile img{filter:brightness(0) invert(1);width:42px}.makker-heading .eyebrow{color:#c3a6e6}.makker-heading>p:last-child{font-size:17px;color:#cfb9e8;margin-top:24px;line-height:1.65}.makker-stage{max-width:1140px;margin:55px auto 0;transform:translateY(var(--makker-y,60px)) scale(var(--makker-scale,.92));opacity:var(--makker-opacity,1);transform-origin:50% 20%}.browser-frame{background:#e6deee;padding:6px;border:1px solid #b399ce7a;border-radius:20px;box-shadow:0 40px 75px -30px #1b023b70;overflow:hidden}.browser-frame>img{width:100%;height:auto;border-radius:12px}.makker-caption{font-size:17px;color:#bda0db;text-align:center;margin-top:45px}.makker-caption span{color:#fff}
.app-section{position:relative;background:var(--paper);padding:0 var(--page);scroll-margin-top:0}.app-pin{min-height:100svh;display:grid;grid-template-columns:1.25fr 1fr;align-items:center;gap:clamp(40px,7vw,130px);max-width:1400px;margin:auto}.app-copy{padding:75px 0}.app-copy .eyebrow{color:var(--purple)}.app-copy h2{font-size:clamp(46px,5.6vw,80px)}.app-description{font-size:18px;color:var(--muted);margin-top:24px}.app-features{margin-top:30px}.app-feature{border-top:1px solid #ded7e6;display:flex;gap:20px;padding:17px 0;opacity:1;transition:opacity .4s}.app-feature.active{opacity:1}.app-feature>span{font-size:10px;color:var(--purple);padding-top:4px}.app-feature p{font-size:12px;color:var(--muted);max-width:310px}.app-feature b{display:block;font-size:16px;font-weight:500;color:var(--ink);margin-bottom:5px}.phone-duo{height:min(730px,86svh);position:relative;isolation:isolate;min-width:0}.phone-front,.phone-back{position:absolute;height:85%;width:auto;max-width:58%;object-fit:contain;filter:drop-shadow(0 25px 18px #38204d25)}.phone-front{right:0;top:4%;z-index:2;transform:translate(var(--app-front-x,0px),var(--app-front-y,0px)) rotate(var(--app-front-rotate,5deg))}.phone-back{left:0;top:11%;z-index:1;transform:translate(var(--app-back-x,0px),var(--app-back-y,0px)) rotate(var(--app-back-rotate,-6deg))}.phone-disc{position:absolute;top:22%;left:-8%;width:110%;aspect-ratio:1;border-radius:50%;background:#e9e0f3;z-index:0;transform:scale(var(--app-disc-scale,.85))}
.esim-section{position:relative;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:80px;min-height:950px;padding:100px var(--page);background:#e9e2f2;overflow:hidden}.esim-copy{justify-self:center;position:relative;z-index:2}.esim-copy .eyebrow{color:var(--purple)}.esim-copy h2{font-size:clamp(56px,6.4vw,95px)}.esim-copy h2 span{color:var(--purple)}.esim-copy>p:not(.eyebrow){font-size:16px;color:var(--muted);line-height:1.7;margin-top:30px}.esim-visual{position:relative;height:750px;display:grid;place-items:center;isolation:isolate}.esim-visual>img{height:100%;width:auto;max-width:100%;object-fit:contain;filter:drop-shadow(0 30px 25px #40235e25);transform:translateY(var(--esim-y,50px)) rotate(var(--esim-rotate,3deg))}.esim-rings{position:absolute;inset:0;z-index:-1;display:grid;place-items:center;transform:scale(var(--esim-rings-scale,.8))}.esim-rings i{position:absolute;width:95%;aspect-ratio:1;border:1px solid #c9b5df;border-radius:50%}.esim-rings i:nth-child(2){width:135%;opacity:.65}.esim-rings i:nth-child(3){width:175%;opacity:.35}
.closing{position:relative;background:var(--purple);color:white;overflow:hidden;isolation:isolate;text-align:center;padding:135px var(--page) 35px}.closing .eyebrow{color:#d0b9ee}.closing h2{font-size:clamp(60px,9vw,140px)}.closing h2>span{color:#c8a6f7}.closing-mark{position:absolute;z-index:-1;width:110%;max-width:none;left:-5%;top:15%;filter:brightness(0) invert(1);opacity:.06;transform:translateY(var(--closing-mark-y,0px))}.closing-actions{display:flex;gap:30px;justify-content:center;align-items:center;margin-top:45px;font-size:13px}.button{display:flex;gap:40px;justify-content:space-between;align-items:center;background:white;color:var(--purple);padding:15px 24px;border-radius:30px;transition:transform .3s,box-shadow .3s}.button:hover{transform:translateY(-4px);box-shadow:0 10px 25px #24064730}.closing-app-link{display:flex;gap:20px;color:#e1d0f5}.closing footer{display:flex;justify-content:space-between;align-items:center;gap:25px;border-top:1px solid #ffffff25;padding-top:30px;margin-top:130px;color:#c4a7e8;font-size:11px}.closing footer img{filter:brightness(0) invert(1);width:146px}.closing footer b{color:white;font-weight:500}
dialog{width:100vw;max-width:none;height:100dvh;max-height:none;border:0;margin:0;padding:0;background:#f6f5f8f5;backdrop-filter:blur(25px);color:var(--ink);overflow:hidden}dialog::backdrop{background:#21083a80}.viewer-top{height:75px;display:flex;justify-content:space-between;align-items:center;gap:20px;padding:20px 32px;border-bottom:1px solid #ded5e7;font-size:13px}.viewer-top button{display:flex;gap:25px;align-items:center;background:white;border:0;padding:10px 20px;border-radius:25px;font-size:12px}.viewer-top button span{font-size:20px}.viewer-content{height:calc(100dvh - 75px);display:flex;align-items:center;justify-content:center;padding:30px;overflow:auto}.viewer-content img{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;border-radius:10px}.viewer-content img.portrait{height:100%;border-radius:0}dialog[open]{animation:dialog-in .4s var(--ease)}
.js .reveal{opacity:0;transform:translateY(35px);transition:opacity .9s var(--ease),transform 1.1s var(--ease)}.js .reveal.visible{opacity:1;transform:none}.entrance{animation:entrance 1.3s var(--ease) both}.hero-copy>.entrance:nth-child(2){animation-delay:.08s}.hero-copy>.entrance:nth-child(3){animation-delay:.16s}.hero-copy>.entrance:nth-child(4){animation-delay:.24s}.hero-devices.entrance{animation:device-entrance 1.6s var(--ease) .15s both}
@keyframes entrance{from{opacity:0;translate:0 25px}to{opacity:1;translate:0 0}}@keyframes device-entrance{from{opacity:0;translate:0 75px}to{opacity:1;translate:0 0}}@keyframes scroll-pulse{0%,100%{scale:.5 1;opacity:.5}50%{scale:1 1;opacity:1}}@keyframes dialog-in{from{opacity:0;translate:0 15px}to{opacity:1;translate:0 0}}
@media(min-width:901px) and (min-height:640px){.js:not(.motion-reduced) .overview-section{height:230svh;padding-bottom:0}.js:not(.motion-reduced) .overview-pin{position:sticky;top:80px;height:calc(100svh - 80px)}.js:not(.motion-reduced) .app-section{height:200svh}.js:not(.motion-reduced) .app-pin{position:sticky;top:0;height:100svh}}
@media(min-width:901px) and (max-height:800px){.hero h1{font-size:clamp(60px,6vw,84px)}.hero-copy{top:108px}.hero-description{margin-top:16px;font-size:15px}.hero-copy .eyebrow{margin-bottom:14px}.hero-link{margin-top:13px}.hero-devices{width:min(850px,80vw)}.laptop-screen img{height:35svh}.hero-phone{width:20%}.overview-copy h2{font-size:44px;margin-bottom:20px}.overview-copy .eyebrow{margin-bottom:17px}.story-step{padding:13px 0}.story-description{font-size:11px}.overview-copy .text-button{font-size:11px;margin-top:10px}.app-copy{padding:90px 0 30px}.app-copy h2{font-size:57px}.app-description{font-size:16px;margin-top:17px}.app-features{margin-top:20px}.app-feature{padding:13px 0}.app-copy .eyebrow{margin-bottom:17px}.app-copy .text-button{margin-top:10px}}
@media(max-width:1100px){.overview-pin{grid-template-columns:240px minmax(0,1fr);gap:25px}.overview-copy h2{font-size:44px}.app-pin{gap:40px}.phone-duo{height:70svh}.esim-section{gap:40px;min-height:800px}.esim-visual{height:650px}.screen-top>span:nth-child(2){display:none}}
@media(max-width:900px){.hero{height:145svh}.hero-sticky{min-height:670px}.hero h1{font-size:clamp(55px,8vw,78px)}.hero-copy{top:135px}.hero-devices{width:86vw;bottom:70px}.laptop-screen img{height:34svh;min-height:220px}.hero-bottom>span{max-width:220px;line-height:1.8}.overview-section{padding-top:70px;padding-bottom:90px}.overview-pin{min-height:0;grid-template-columns:1fr;gap:30px}.overview-copy h2 br{display:none}.overview-copy h2{font-size:clamp(44px,7vw,66px)}.overview-copy{padding:0}.overview-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.story-step{opacity:1}.story-step.active .story-title{color:var(--ink)}.overview-copy .text-button{margin-top:5px}.overview-visual{transform:none}.desktop-viewport img{transition:transform 1s var(--ease)}.app-pin{min-height:0;grid-template-columns:1fr 1fr;gap:35px}.app-copy{padding:85px 0}.app-copy h2{font-size:48px}.app-description{font-size:16px}.phone-duo{height:580px}.app-feature{opacity:1}.esim-section{min-height:0;padding-top:80px;padding-bottom:80px;gap:35px}.esim-copy h2{font-size:60px}.esim-visual{height:570px}}
@media(max-width:600px){:root{--page:24px}.navigation{left:14px;right:14px;top:12px;height:55px;padding:0 18px}.brand img{width:128px}.navigation nav{gap:18px;font-size:11px}.navigation nav a:first-child{display:none}.motion-toggle{padding-left:0}.motion-label{display:none}.motion-symbol{width:25px;height:25px}.hero{height:125svh}.hero-sticky{height:100svh;min-height:660px}.hero-copy{top:120px;left:18px;right:18px}.hero h1{font-size:clamp(49px,11.8vw,70px)}.hero-copy .eyebrow{font-size:8px;letter-spacing:.12em;margin-bottom:20px}.hero-description{font-size:14px;max-width:280px;line-height:1.6;margin:22px auto 0}.hero-link{font-size:11px;margin-top:17px}.hero-devices{width:91vw;bottom:95px}.laptop{width:87%}.laptop-screen{padding:7px 4px 4px;border-radius:10px 10px 2px 2px;border-width:1.5px}.laptop-screen img{height:auto;min-height:0;aspect-ratio:1.47;border-radius:5px 5px 0 0}.laptop-base{height:8px}.laptop-base:before{height:3px}.camera{height:4px;top:1px}.hero-phone{width:27%;right:-1%;bottom:-14px}.hero-bottom{bottom:22px;left:24px;right:24px}.hero-bottom>span{font-size:7px;max-width:150px}.hero-bottom>a{font-size:9px;gap:8px}.scroll-line{width:18px}.hero-mark{width:200%;left:-50%;top:35%}.manifesto{padding:95px 24px}.manifesto .eyebrow{font-size:8px;letter-spacing:.11em}.word-reveal{font-size:42px}.manifesto-note{font-size:15px;margin-top:30px}.overview-section{padding:10px 24px 80px}.overview-copy h2{font-size:46px}.overview-steps{display:block;margin-top:25px}.story-step{padding:16px 0}.story-title{font-size:17px}.story-description{font-size:12px;margin-top:4px}.overview-visual{margin:0 -10px}.screen-shell{padding:4px;border-radius:12px}.screen-top{height:32px;font-size:9px;padding:5px 9px}.desktop-viewport{border-radius:7px}.screen-bottom{font-size:7px;gap:10px;padding:0 5px}.scene-track{width:45px}.makker-section{padding:80px 24px 60px}.mark-tile{width:58px;height:58px;border-radius:20px 20px 5px 20px}.mark-tile img{width:35px}.makker-heading h2{font-size:46px}.makker-heading>p:last-child{font-size:14px;margin-top:24px}.makker-stage{margin:35px -10px 0}.browser-frame{padding:4px;border-radius:12px}.browser-frame>img{border-radius:7px}.makker-caption{font-size:13px;margin-top:28px}.app-section{padding:0 24px}.app-pin{display:flex;flex-direction:column-reverse;gap:20px}.app-copy{padding:75px 0 0;width:100%}.app-copy h2{font-size:53px}.app-description{font-size:16px}.app-features{margin-top:30px}.app-feature{padding:15px 0}.app-feature p{font-size:12px;max-width:none}.app-feature b{font-size:16px}.phone-duo{width:100%;max-width:450px;height:590px;margin:10px auto 45px}.phone-front,.phone-back{height:83%;max-width:59%}.phone-front{right:1%;top:5%}.phone-back{left:0;top:13%}.phone-disc{top:25%;left:-5%;width:110%}.esim-section{grid-template-columns:1fr;padding:75px 24px 60px;gap:40px}.esim-copy{justify-self:start}.esim-copy h2{font-size:65px}.esim-copy>p:not(.eyebrow){font-size:14px;margin-top:24px}.esim-visual{height:590px;max-width:320px;width:100%;justify-self:center}.esim-visual>img{max-width:95%}.esim-rings i{width:110%}.esim-rings i:nth-child(2){width:150%}.esim-rings i:nth-child(3){width:190%}.closing{padding:85px 24px 30px}.closing h2{font-size:clamp(48px,12vw,72px)}.closing-actions{gap:22px;flex-direction:column;margin-top:35px;font-size:12px}.button{width:220px;padding:14px 22px}.closing footer{flex-wrap:wrap;justify-content:space-between;margin-top:85px;font-size:9px;gap:20px}.closing footer img{width:120px}.closing footer>span:nth-child(2){order:3;width:100%;text-align:left}.closing-mark{width:200%;left:-50%;top:25%}.viewer-top{height:65px;padding:15px;font-size:11px}.viewer-top button{font-size:11px;padding:9px 13px;gap:12px}.viewer-content{height:calc(100dvh - 65px);padding:16px}.eyebrow{font-size:9px}}
@media(max-width:380px){.hero h1{font-size:46px}.navigation nav{gap:13px}.brand img{width:116px}.phone-duo{height:540px}.word-reveal{font-size:37px}.hero-bottom>span{max-width:125px}}
html.motion-reduced{scroll-behavior:auto}.motion-reduced .hero{height:auto}.motion-reduced .hero-sticky{position:relative}.motion-reduced .reveal{opacity:1!important;transform:none!important}.motion-reduced .word-reveal span{color:var(--ink)}.motion-reduced *,.motion-reduced *:before,.motion-reduced *:after{animation:none!important;transition:none!important}.motion-reduced .hero-copy,.motion-reduced .hero-devices,.motion-reduced .hero-mark,.motion-reduced .hero-waves,.motion-reduced .hero-phone,.motion-reduced .makker-stage,.motion-reduced .makker-watermark,.motion-reduced .phone-front,.motion-reduced .phone-back,.motion-reduced .phone-disc,.motion-reduced .esim-visual>img,.motion-reduced .esim-rings,.motion-reduced .closing-mark{translate:none;opacity:1}.motion-reduced .makker-stage{transform:none}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.js .reveal{opacity:1;transform:none}.hero{height:auto}.hero-sticky{position:relative}.js .word-reveal span{color:var(--ink)}}
@media print{.navigation,.hero-bottom,dialog,.hero-waves,.expand,.motion-toggle{display:none}.hero,.overview-section,.app-section{height:auto!important}.hero-sticky{position:relative;height:800px}.overview-pin,.app-pin{position:relative!important;min-height:0}.reveal,.js .reveal{opacity:1;transform:none}.word-reveal span{color:var(--ink)!important}.hero,.makker-section,.closing{print-color-adjust:exact}.makker-stage{transform:none}}

/* Reserve room for the toolbar and progress caption inside the pinned viewport. */
@media(min-width:901px) and (min-height:640px){.overview-visual{width:min(100%,calc((100svh - 185px)*1.4545));margin-inline:auto}}
.desktop-viewport.manual-focus img{transition:transform .9s var(--ease)}

@media(min-width:901px){.phone-front{top:10%}.phone-back{top:15%}}

/* A 16:10 display, sized from its height, keeps the laptop proportions natural. */
.hero-devices{width:min(85vw,calc(51.2svh + 145px))}
.hero-devices .laptop{width:80%}
.hero-devices .laptop-screen img{height:auto;min-height:0;aspect-ratio:16/10;object-fit:contain;background:var(--paper)}
.hero-devices .hero-phone{width:30%}
@media(max-width:600px){.hero-devices{width:91vw}.hero-devices .laptop{width:87%}.hero-devices .hero-phone{width:27%}}

.story-body,.story-title,.story-description{display:block}.story-title{font-size:17px;font-weight:500;letter-spacing:-.025em}.story-step.active{border-top-color:var(--purple)}.app-feature.active{border-top-color:var(--purple)}.app-feature.active b{color:var(--purple)}
.motion-reduced .app-feature.active,.motion-reduced .story-step.active{border-top-color:#ded7e6}.motion-reduced .app-feature.active b{color:var(--ink)}