@font-face{font-family:Arrlo;src:url(/assets/Pacifico-Regular.ttf)}*{box-sizing:border-box}html{--page-gradient:radial-gradient(ellipse at 80% 12%, #c1dafa 0, transparent 40%), radial-gradient(ellipse at 12% 39%, #dbd0f6 0, transparent 42%), radial-gradient(ellipse at 88% 75%, #d4c9fa 0, transparent 40%), radial-gradient(ellipse at 10% 90%, #ffe4d3 0, transparent 35%), #f3f5fa;scroll-behavior:smooth;scroll-padding-top:30px}body{color:#11172d;background:#edf0f8;margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.5}body:before{content:"";pointer-events:none;z-index:-2;background:var(--page-gradient);position:fixed;inset:0}.shell{max-width:1220px;margin:auto;padding:24px 40px 0;position:relative;overflow:clip}.glass{-webkit-backdrop-filter:blur(22px)saturate(135%);background:linear-gradient(125deg,#ffffff80,#ffffff29);border:1px solid #ffffffed;box-shadow:inset 0 1px 2px #fff,inset 0 -2px 3px #fff8,0 12px 35px #52658912,0 2px 5px #52658908}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}:is(a:focus-visible,button:focus-visible){outline-offset:5px;outline:3px solid #6354c6}.brand{align-items:center;gap:10px;font-family:Arrlo;font-size:29px;display:inline-flex}.brand img{filter:brightness(0)saturate()invert(43%)sepia(25%)saturate(1248%)hue-rotate(211deg);width:36px;height:36px}header{border-radius:60px;justify-content:space-between;align-items:center;gap:20px;padding:12px 18px 12px 24px;display:flex}nav{gap:34px;font-size:14px;display:flex}nav a:hover{color:#6851ac}.button{color:#fff;background:linear-gradient(145deg,#353b55,#121a31);border:1px solid #ffffff30;border-radius:40px;justify-content:center;align-items:center;gap:18px;padding:14px 27px;font-size:15px;font-weight:550;transition:transform .2s;display:inline-flex;box-shadow:inset 0 1px 2px #ffffff40,0 5px 12px #25345315}.button:hover{transform:translateY(-2px)}header .button{padding:9px 23px;font-size:13px}.hero{grid-template-columns:46% 54%;align-items:center;min-height:650px;padding:45px 0 35px;display:grid}.eyebrow{text-transform:uppercase;letter-spacing:2.5px;color:#68728c;margin:0 0 21px;font-size:10px;font-weight:650}h1{letter-spacing:-3.5px;margin:0 0 23px;font-size:clamp(43px,5.15vw,66px);font-weight:650;line-height:1.06}.intro{color:#606b85;max-width:400px;margin:0 0 28px;font-size:19px;line-height:1.55}.note{color:#6a7490;margin-top:23px;font-size:12px}.showcase{isolation:isolate;perspective:1100px;--spread:145px;height:615px;position:relative}.screen{transform-origin:50%;will-change:transform;-webkit-backface-visibility:hidden;backface-visibility:hidden;border-radius:22px;width:250px;padding:3px;transition:transform .65s cubic-bezier(.22,.8,.22,1),opacity .55s;position:absolute;top:12px;left:50%;overflow:hidden;transform:translate(-50%)}.screen img{border-radius:18px;width:100%;height:auto;display:block}.screen[data-slot=front]{z-index:3;opacity:1;cursor:zoom-in;transform:translate(-50%)translateZ(65px)}.screen[data-slot=left]{z-index:2;opacity:.46;transform:translateX(calc(-50% - var(--spread))) translateY(26px) translateZ(-90px) rotateY(-20deg) rotateZ(-5deg) scale(.87)}.screen[data-slot=right]{z-index:2;opacity:.46;transform:translateX(calc(-50% + var(--spread))) translateY(26px) translateZ(-90px) rotateY(20deg) rotateZ(5deg) scale(.87)}.screen[data-slot=hidden]{z-index:0;opacity:0;pointer-events:none;visibility:hidden;transform:translate(-50%)translateY(35px)translateZ(-200px)scale(.72)}.screen[data-slot=left]:hover,.screen[data-slot=right]:hover{opacity:.7}.screen:focus-visible{outline-offset:4px}.carousel-controls{align-items:center;gap:15px;display:flex;position:absolute;bottom:0;left:50%;transform:translate(-50%)}.carousel-arrow{color:#505c7a;border-radius:50%;place-items:center;width:33px;height:33px;font-size:20px;display:grid}.carousel-dots{align-items:center;gap:7px;display:flex}.carousel-dot{background:#9a9db75c;border-radius:50%;width:7px;height:7px;transition:background .3s,transform .3s}.carousel-dot.active{background:#655b9d;transform:scale(1.25)}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.features{border-radius:36px;grid-template-columns:repeat(3,1fr);padding:27px 13px;display:grid}.feature{align-items:center;gap:20px;padding:0 28px;display:flex}.feature+.feature{border-left:1px solid #8390b326}.feature svg{stroke:#586380;stroke-width:1.6px;fill:none;width:31px;min-width:31px;height:31px}.feature h2{margin:0 0 4px;font-size:16px;font-weight:600}.feature p{color:#707b92;margin:0;font-size:12px;line-height:1.5}.pricing{text-align:center;padding:74px 80px 0}.pricing h2{letter-spacing:-1.5px;margin:0 0 10px;font-size:37px;font-weight:650;line-height:1.15}.pricing>p{color:#6b7490;margin:0 0 33px;font-size:16px}.plans{grid-template-columns:1fr 1fr;gap:20px;display:grid}.plan{border-radius:35px;flex-direction:column;align-items:center;min-height:345px;padding:30px 30px 25px;display:flex}.plan.paid{background:linear-gradient(140deg,#ffffff8a,#dfd6ff69)}.plan h3{margin:0 0 9px;font-size:20px;font-weight:550}.price{letter-spacing:-3px;margin:0 0 14px;font-size:65px;font-weight:650;line-height:1.2}.price small{letter-spacing:-.6px;font-size:23px}.plan p{color:#5c6781;margin:0;font-size:14px;line-height:1.8}.plan .button{width:100%;margin-top:auto}.plan.free .button{color:#172039;background:linear-gradient(145deg,#ffffffb5,#ffffff40);border-color:#fff;box-shadow:0 3px 10px #5c6a8b12}.plan.free .details{padding-top:15px}footer{text-align:center;color:#707993;padding:40px 0 26px;font-size:11px}footer .brand{margin-bottom:12px;font-size:23px}footer .brand img{width:27px;height:27px}footer .links{justify-content:center;gap:23px;display:flex}footer p{margin:8px 0 0}dialog{-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);color:#172039;background:#eff1f8e8;border:1px solid #ffffffb0;border-radius:25px;max-width:94vw;max-height:94dvh;padding:16px;box-shadow:0 30px 100px #10172955}dialog::backdrop{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#131c3766}dialog img{border-radius:14px;width:auto;max-width:82vw;max-height:76dvh;margin:auto;display:block}.dialog-head{justify-content:space-between;align-items:center;gap:24px;margin-bottom:12px;display:flex}.dialog-head h2{margin:0;font-size:17px}.close{background:#fff9;border:0;border-radius:50%;width:34px;height:34px;font-size:23px}.preview-notice{text-align:center;max-width:340px;padding:20px}.preview-notice p{color:#626d85;font-size:14px}.preview-notice .button{margin-top:10px}.skip{position:absolute;top:-100px}.skip:focus{z-index:20;background:#fff;padding:10px;top:0}@media (min-width:1400px){.shell{padding-top:30px}.hero{min-height:680px}}@media (max-width:1000px){.shell{padding:20px 25px 0}.hero{grid-template-columns:45% 55%}h1{letter-spacing:-2.5px;font-size:49px}.showcase{transform-origin:100%;margin-left:-30px;transform:scale(.86)}.feature{gap:12px;padding:0 18px}.pricing{padding-left:35px;padding-right:35px}}@media (max-width:760px){.shell{padding:16px 18px 0}header{padding:10px 12px 10px 17px}.brand{font-size:24px}.brand img{width:30px;height:30px}nav{gap:18px;font-size:12px}nav .support,header .button{display:none}.hero{flex-direction:column;gap:15px;min-height:0;padding-top:49px;display:flex}.hero-copy{text-align:center}h1{letter-spacing:-2.6px;font-size:51px}.eyebrow{margin-bottom:17px;font-size:9px}.intro{max-width:350px;margin:0 auto 23px;font-size:16px}.note{margin-top:17px}.showcase{--spread:100px;width:100%;max-width:510px;height:500px;margin:0;transform:none}.screen{width:195px;top:10px}.carousel-controls{bottom:0}.features{border-radius:27px;grid-template-columns:1fr;padding:9px 23px}.feature{gap:20px;padding:18px 0}.feature+.feature{border-top:1px solid #8390b326;border-left:0}.feature p{font-size:13px}.pricing{padding:49px 0 0}.pricing h2{font-size:31px}.pricing>p{font-size:14px}.plans{gap:14px}.plan{border-radius:26px;min-height:335px;padding:24px 13px 18px}.plan h3{font-size:16px}.price{font-size:48px}.price small{font-size:15px}.plan p{font-size:12px}.plan .button{padding:12px 9px;font-size:12px}.plan .details{padding-bottom:20px}footer{padding-top:32px}}@media (max-width:480px){.plans{grid-template-columns:1fr}.plan{min-height:300px}.plan h3{font-size:20px}.price{white-space:nowrap;font-size:58px}.price small{font-size:20px}.plan p,.plan .button{font-size:14px}}@media (max-width:380px){h1{font-size:44px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}@supports not ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){.glass{background:#f4f4fbed}}.connections{text-align:center;padding:64px 0 0}.connections h2{letter-spacing:-1px;margin:0 0 11px;font-size:29px;font-weight:600;line-height:1.2}.connections>p{color:#6b7490;margin:0 0 31px;font-size:15px}.connection-list{flex-wrap:wrap;justify-content:center;gap:24px 35px;margin:0;padding:0;list-style:none;display:flex}.connection-list li{color:#515d78;flex-direction:column;align-items:center;gap:13px;width:112px;font-size:13px;font-weight:550;display:flex}.connection-icon{border-radius:23px;place-items:center;width:76px;height:76px;transition:transform .2s;display:grid}.connection-icon img{object-fit:contain;width:43px;height:43px}.connection-list li:hover .connection-icon{transform:translateY(-4px)}@media (max-width:760px){.connections{padding-top:44px}.connections h2{font-size:26px}.connections>p{max-width:280px;margin:0 auto 27px;font-size:14px}.connection-list{gap:22px 9px}.connection-list li{width:95px;font-size:12px}.connection-icon{border-radius:20px;width:66px;height:66px}.connection-icon img{width:37px;height:37px}}@media (prefers-reduced-motion:reduce){.connection-icon{transition:none}}.theme-toggle{width:36px;height:36px;color:inherit;border-radius:50%;flex-shrink:0;place-items:center;padding:8px;display:grid}.theme-toggle svg{fill:none;stroke:currentColor;stroke-width:1.7px;stroke-linecap:round;stroke-linejoin:round;width:18px;height:18px}.theme-toggle .sun{display:none}header nav{align-items:center}html[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}html[data-theme=dark] body{color:#f0f1fc;background:#111323}html[data-theme=dark]{--page-gradient:radial-gradient(ellipse at 80% 12%, #223c62 0, transparent 40%), radial-gradient(ellipse at 12% 39%, #302746 0, transparent 42%), radial-gradient(ellipse at 88% 75%, #2b234c 0, transparent 40%), radial-gradient(ellipse at 10% 90%, #372632 0, transparent 35%), #111323}html[data-theme=dark] .glass{background:linear-gradient(125deg,#ffffff13,#ffffff05);border-color:#ffffff29;box-shadow:inset 0 1px 2px #ffffff29,inset 0 -1px 2px #ffffff10,0 12px 35px #0002}html[data-theme=dark] :is(.intro,.note,.eyebrow,.feature p,.pricing>p,.plan p,.connections>p,.connection-list li,footer){color:#b3bdd4}html[data-theme=dark] .feature svg{stroke:#bcc6e2}html[data-theme=dark] .feature+.feature{border-color:#ffffff17}html[data-theme=dark] .plan.paid{background:linear-gradient(140deg,#b1a4ff20,#a498f00b)}html[data-theme=dark] .button{color:#182039;background:linear-gradient(145deg,#e6e8ff,#cbd4f3);border-color:#fff6;box-shadow:inset 0 1px 2px #fff8,0 5px 12px #0002}html[data-theme=dark] .plan.free .button{color:#eef0ff;background:linear-gradient(145deg,#ffffff19,#ffffff09);border-color:#ffffff30}html[data-theme=dark] .carousel-arrow{color:#d6d9f0}html[data-theme=dark] .carousel-dot.active{background:#c5b9ff}html[data-theme=dark] .screen{border-color:#ffffff5c}html[data-theme=dark] .brand img{filter:brightness(0)saturate()invert(79%)sepia(18%)saturate(981%)hue-rotate(207deg)}html[data-theme=dark] nav a:hover{color:#d2c5ff}html[data-theme=dark] dialog{color:#f0f2ff;background:#1e2439ed;border-color:#ffffff30}html[data-theme=dark] .preview-notice p{color:#b3bdd4}html[data-theme=dark] .close{color:#f0f2ff;background:#ffffff17}html[data-theme=dark] .theme-toggle .moon{display:none}html[data-theme=dark] .theme-toggle .sun{display:block}@media (max-width:760px){header nav{gap:13px}.theme-toggle{width:32px;height:32px;padding:6px}}.gallery-controls{justify-content:center;align-items:center;gap:22px;padding:15px 0 0;display:flex}.gallery-controls span{font-variant-numeric:tabular-nums;text-align:center;min-width:42px;font-size:13px}#gallery #full-screen{max-height:calc(94dvh - 145px)}.plan .unlock-promise{margin-top:12px}.plan.paid{min-height:370px}.info-page{max-width:820px;margin:65px auto 0}.back-link{color:#707a92;font-size:13px}.info-page h1{letter-spacing:-2px;margin:25px 0 17px;font-size:clamp(34px,5vw,54px)}.info-intro{color:#69758e;max-width:680px;margin:0 0 32px;font-size:19px}.info-content{border-radius:32px;padding:34px 40px}.info-content section+section{border-top:1px solid #8892ae25;margin-top:30px;padding-top:26px}.info-content h2{letter-spacing:-.4px;margin:0 0 12px;font-size:21px}.info-content p,.info-content li{color:#5b6782;font-size:15px;line-height:1.8}.info-content a{color:#6956b0;text-underline-offset:3px;text-decoration:underline}.info-content li+li{margin-top:9px}.draft-notice{background:#aaa0db18;border-radius:15px;padding:15px 18px}.faq-item{border-bottom:1px solid #8892ae25;padding:19px 0}.faq-item:first-child{padding-top:0}.faq-item:last-child{border:0;padding-bottom:0}.faq-item summary{cursor:pointer;font-size:17px;font-weight:550;line-height:1.5}.faq-item p{margin-bottom:0}.close{place-items:center;display:grid}html[data-theme=dark] :is(.info-intro,.back-link,.info-content p,.info-content li){color:#b3bdd4}html[data-theme=dark] .info-content a{color:#cbbaff}@media (max-width:760px){.info-page{margin-top:40px}.info-content{border-radius:25px;padding:24px 21px}.info-intro{font-size:16px}.info-page h1{letter-spacing:-1px}header nav{gap:12px}.brand{gap:6px}}html{scroll-padding-top:100px}.header-float{z-index:20;height:70px;position:sticky;top:16px}.floating-header{border:1px solid #0000;width:100%;max-width:1140px;margin-inline:auto;position:relative}.floating-header>*{transform-origin:0 0}.header-surface{border-radius:inherit;pointer-events:none;z-index:-1;position:absolute;inset:-1px}.floating-header.compact{max-width:930px;padding:7px 16px 7px 20px}.floating-header.compact .header-surface{background:linear-gradient(125deg,#f6f7fbe8,#edf0f8b8);box-shadow:inset 0 1px 2px #fff,0 8px 28px #24345b1c}.floating-header.compact .brand{gap:8px;font-size:24px}.floating-header.compact .brand img{width:29px;height:29px}html[data-theme=dark] .floating-header.compact .header-surface{background:linear-gradient(125deg,#24283ce8,#202a41cb);box-shadow:inset 0 1px 2px #ffffff25,0 8px 28px #0003}@media (max-width:760px){.header-float{height:60px;top:10px}.floating-header.compact{padding:6px 12px 6px 15px}.floating-header.compact .brand{font-size:22px}.floating-header.compact .brand img{width:26px;height:26px}}.safari-top-tint{display:none}@supports (-webkit-touch-callout:none){.safari-top-tint{pointer-events:none;z-index:21;background-color:#edf0f8;height:8px;display:block;position:fixed;inset:0 0 auto}html[data-theme=dark] .safari-top-tint{background-color:#111323}}body:after{content:"";height:calc(165px + env(safe-area-inset-top,0px));pointer-events:none;z-index:19;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:linear-gradient(#edf0f8 0%,#edf0f8e6 25%,#edf0f880 58%,#edf0f800 100%);position:fixed;inset:0 0 auto;-webkit-mask-image:linear-gradient(#000 0%,#000d 35%,#0000 100%);mask-image:linear-gradient(#000 0%,#000d 35%,#0000 100%)}html[data-theme=dark] body:after{background:linear-gradient(#111323 0%,#111323e6 25%,#11132380 58%,#11132300 100%)}@media (max-width:760px){body:after{height:calc(135px + env(safe-area-inset-top,0px))}}.screen.glass,.theme-toggle.glass,.gallery-controls .glass{-webkit-backdrop-filter:none;backdrop-filter:none}.features.glass,.plan.glass,.info-content.glass{transform:translateZ(0)}@media (max-width:760px){.features.glass,.plan.glass{box-shadow:inset 0 1px 2px #fff,inset 0 -2px 3px #fff8,0 3px 10px #52658908}html[data-theme=dark] .features.glass,html[data-theme=dark] .plan.glass{box-shadow:inset 0 1px 2px #ffffff29,inset 0 -1px 2px #ffffff10,0 3px 10px #00000012}}.plan,.plan.paid{min-height:0}.plan .details{padding-bottom:0}.pricing>.purchase-note{margin:22px 0 0;font-size:13px}.coming-soon{width:min(420px,92vw);padding:27px}.coming-soon p{color:#5b6782;margin:16px 0 24px;font-size:16px;line-height:1.7}.coming-soon>.button{width:100%}html[data-theme=dark] .coming-soon p{color:#b3bdd4}@media (max-width:760px){body,html[data-theme=dark] body{min-height:100vh;background:var(--page-gradient);min-height:100svh}body:before{content:none}}.showcase .screen{touch-action:pan-y pinch-zoom}
