body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{align-items:center;background:#f7f8fa;background:var(--bgfill);color:#000;color:var(--text);display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh;padding-left:10%;padding-right:10%;text-align:center}a:link{text-decoration:none}a:link,a:visited{color:#ff6601}a:hover{color:grey}a:active{color:#ff6601}img.badge{cursor:pointer}img.icon{border-radius:20px;height:40vmin;margin:50px}img.screenshot{border-radius:20px;height:80vmin}.grid-container{grid-column-gap:50px;grid-row-gap:0;column-gap:50px;display:grid;grid-template-columns:auto auto;padding:10px;row-gap:0}.maintitle{font-size:60px;font-weight:700}.subtitle{font-size:27px;font-weight:lighter}.App-header{align-items:center;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}.featureicon{float:left;padding-bottom:10px;padding-top:10px;width:60px}.featuretitle{font-weight:700}.featurecontent,.featuretitle{font-size:20px;padding:10px;text-align:left}.featureitem{float:none;height:inherit;margin:auto auto 10px;max-width:600px}.intro{font-size:20px;margin:auto;max-width:1000px;text-align:left}.featuredetails{float:right;margin:auto;max-width:530px}.iconsvg{width:40px}h1{font-size:calc(20px + 2vmin);margin:auto;max-width:600px;padding:20px}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}:root{--bg:#eee;--bgfill:#f7f8fa;--surface:#fff;--card:#00000008;--text:#000;--muted:#222;--border:#0000001f;--shadow:0 10px 30px #0000000f;--icon:#1f2937;--soon-bg:#e7f3ff;--soon-text:#0b63b6}@media (prefers-color-scheme:dark){:root{--bg:#111;--bgfill:#282c34;--surface:#12151b;--card:#ffffff0f;--text:#e9edf1;--muted:#b7c0cc;--border:#ffffff24;--shadow:0 20px 60px #00000059;--icon:#e5e7eb;--soon-bg:#7cc7ff2e;--soon-text:#cfe7ff}}.home{background:#eee;background:var(--bg)}.home,.home-simple{color:#000;color:var(--text)}.home-simple{background:#f7f8fa;background:var(--bgfill)}.wrap{margin:0 auto;max-width:1100px;padding:24px}header{gap:16px;justify-content:space-between}.brand,header{align-items:center;display:flex}.brand{flex-direction:column;gap:8px;margin-bottom:8px;margin-left:auto;margin-right:auto}.cta{align-items:center;display:flex;flex-wrap:wrap;gap:14px;justify-content:center;margin-top:22px}.brand img{height:200px;width:200px}.brand-title{font-size:clamp(2.2rem,5vw,3.4rem);font-weight:700;letter-spacing:.2px;line-height:1.08}nav a{color:#000;color:var(--text);margin-left:16px;opacity:.9;text-decoration:none}nav a:hover{opacity:1}.hero{grid-gap:32px;align-items:center;display:grid;gap:32px;grid-template-columns:1.2fr 1fr;padding:46px 0 18px}.kicker,.phone-card-headline{color:#222;color:var(--muted);font-size:clamp(.7rem,2vw,1.1rem);letter-spacing:.12em;text-transform:uppercase}.phone-card-headline{font-weight:700}.title{font-size:clamp(1.5rem,4vw,2.4rem);line-height:1.08;margin:8px 0 10px}.subtitle{color:#000;color:var(--text);font-size:1.2rem;font-weight:300}.btn{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#00000008;background:var(--card);border:1px solid #0000001f;border:1px solid var(--border);border-radius:14px;padding:12px 16px}.btn:hover{background:color-mix(in oklab,#00000008,#000 8%);background:color-mix(in oklab,var(--card),var(--text) 8%)}.instagram img,.store img{display:block;height:52px}.pill{align-items:center;background:color-mix(in oklab,#fff,#000 2%);background:color-mix(in oklab,var(--surface),#000 2%);border:1px solid #0000001f;border:1px solid var(--border);border-radius:999px;color:#222;color:var(--muted);display:inline-flex;font-size:.9rem;gap:8px;margin-top:10px;padding:6px 10px}.phone-card{box-shadow:none;margin:0 auto}.phone,.phone-card{background:#0000;border:0}.phone{aspect-ratio:auto;display:block;overflow:visible}.phone img{display:block;height:auto;width:clamp(240px,40vw,560px)}.grid{grid-gap:18px;display:grid;gap:18px;grid-template-columns:repeat(12,1fr)}.card{background:#fff;background:var(--surface);border:1px solid #0000001f;border:1px solid var(--border);border-radius:18px;box-shadow:0 10px 30px #0000000f;box-shadow:var(--shadow);grid-column:span 6;padding:18px}.card h3{font-size:1.15rem;margin:0 0 6px}.card p{color:#222;color:var(--muted);margin:0}.featureitem{align-items:flex-start;background:#fff;background:var(--surface);border:1px solid #0000001f;border:1px solid var(--border);border-radius:16px;display:flex;gap:14px;padding:14px}.featureicon svg{stroke-width:2;color:#1f2937;color:var(--icon);height:28px;width:28px}.featuretitle{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:4px}.badge,.featuretitle{align-items:center;font-weight:600}.badge{border:1px solid color-mix(in oklab,#0b63b6,#0000 70%);border:1px solid color-mix(in oklab,var(--soon-text),#0000 70%);border-radius:999px;display:inline-flex;font-size:.72rem;gap:6px;letter-spacing:.02em;line-height:1.2;padding:2px 10px}.badge--soon{background:#e7f3ff;background:var(--soon-bg);color:#0b63b6;color:var(--soon-text);overflow:hidden;position:relative}.badge--soon:after{animation:badge-shine 2.8s ease-in-out infinite;background:linear-gradient(120deg,#0000,#ffffff8c 20%,#0000 40%);border-radius:inherit;content:"";inset:-20%;pointer-events:none;position:absolute;transform:translateX(-120%) skewX(-20deg)}@media (prefers-reduced-motion:reduce){.badge--soon:after{display:none}}@keyframes badge-shine{to{transform:translateX(120%) skewX(-20deg)}}.how{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(3,1fr);margin-top:10px}.how .step{background:#fff;background:var(--surface);border:1px solid #0000001f;border:1px solid var(--border);border-radius:16px;box-shadow:0 10px 30px #0000000f;box-shadow:var(--shadow);padding:16px}.gallery{grid-gap:14px;display:grid;gap:14px;grid-template-columns:repeat(4,1fr)}.gallery img{background:#fff;background:var(--surface);border:1px solid #0000001f;border:1px solid var(--border);border-radius:12px;width:100%}.footer{align-items:center;border-top:1px solid #0000001f;border-top:1px solid var(--border);color:#222;color:var(--muted);display:flex;flex-wrap:wrap;font-size:.875rem;gap:16px;justify-content:space-between;line-height:1.4;margin:38px 0 10px;padding-top:20px}.footer a{text-decoration:none}@media (max-width:900px){.hero{grid-template-columns:1fr}.card{grid-column:span 12}.how{grid-template-columns:1fr}.gallery{grid-template-columns:1fr 1fr}nav{display:none}}:root{--shot-w:1320px;--shot-h:2868px;--frame-w:1470px;--frame-h:3000px;--shot-radius:48px;--scale:0.3;--shot-w-s:calc(var(--shot-w)*var(--scale));--shot-h-s:calc(var(--shot-h)*var(--scale));--frame-w-s:calc(var(--frame-w)*var(--scale));--frame-h-s:calc(var(--frame-h)*var(--scale))}@media (max-width:900px){:root{--scale:0.2;--shot-radius:28px}}.phone-wrap{margin:24px auto;padding:0}.iphone-stack,.phone-wrap{width:441px;width:var(--frame-w-s)}.iphone-stack{height:900px;height:var(--frame-h-s);position:relative}.iphone-stack>img{display:block;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.iphone-stack .shot{border-radius:48px;border-radius:var(--shot-radius);height:860.4px;height:var(--shot-h-s);width:396px;width:var(--shot-w-s)}.iphone-stack .frame{height:900px;height:var(--frame-h-s);pointer-events:none;width:441px;width:var(--frame-w-s);z-index:10}.reveal-mask{-webkit-backface-visibility:hidden;backface-visibility:hidden;border-radius:48px;border-radius:var(--shot-radius,48px);contain:paint;height:860.4px;height:var(--shot-h-s,2868px);overflow:hidden;position:absolute;right:calc(50% - 198px);right:calc(50% - var(--shot-w-s, 1320px)/2);top:calc(50% - 430.2px);top:calc(50% - var(--shot-h-s, 2868px)/2);width:0;will-change:width;z-index:2}.is-wiping .reveal-mask{transition:width .8s ease-in-out;transition:width var(--wipe-duration,.8s) ease-in-out;width:396px;width:var(--shot-w-s,1320px)}.reveal-mask .shot.overlay{border-radius:inherit;display:block;right:0;top:0}.reveal-mask .shot.overlay,.screen-window{height:860.4px;height:var(--shot-h-s,2868px);position:absolute;width:396px;width:var(--shot-w-s,1320px)}.screen-window{border-radius:48px;border-radius:var(--shot-radius,48px);left:calc(50% - 198px);left:calc(50% - var(--shot-w-s, 1320px)/2);overflow:hidden;top:calc(50% - 430.2px);top:calc(50% - var(--shot-h-s, 2868px)/2);z-index:1}.slide-layer{-webkit-backface-visibility:hidden;backface-visibility:hidden;border-radius:48px 0 0 48px;border-radius:var(--shot-radius,48px) 0 0 var(--shot-radius,48px);height:100%;inset:0;overflow:hidden;position:absolute;transform:translateX(100%);width:100%;will-change:transform}@supports ((-webkit-clip-path:inset(0 round 1px)) or (clip-path:inset(0 round 1px))){.slide-layer{border-radius:0;-webkit-clip-path:inset(0 0 0 0 round 48px 0 0 48px);clip-path:inset(0 0 0 0 round 48px 0 0 48px);-webkit-clip-path:inset(0 0 0 0 round var(--shot-radius,48px) 0 0 var(--shot-radius,48px));clip-path:inset(0 0 0 0 round var(--shot-radius,48px) 0 0 var(--shot-radius,48px))}}.is-sliding .slide-layer{transform:translateX(0);transition:transform .8s ease-in-out;transition:transform var(--wipe-duration,.8s) ease-in-out}.slide-layer .shot.overlay{display:block;height:100%;inset:0;position:absolute;width:100%}.slide-layer:after{background:linear-gradient(270deg,#00000029,#0000);content:"";height:100%;left:-16px;pointer-events:none;position:absolute;top:0;width:16px}.iphone-stack .shot{-webkit-backface-visibility:hidden;backface-visibility:hidden;transform:translateZ(0)}.section-title{font-size:1.6rem;font-weight:700;margin:1.5em 0 .8em;text-align:left}.faq-item{background:#fff;background:var(--surface);border:1px solid #0000001f;border:1px solid var(--border);border-radius:12px;margin-bottom:10px;overflow:hidden}.faq-question{align-items:center;background:none;border:none;cursor:pointer;display:flex;font-size:1rem;font-weight:600;justify-content:space-between;padding:14px 16px;text-align:left;width:100%}.faq-answer{color:#222;color:var(--muted);font-size:.95rem;padding:0 16px 14px}.faq-toggle{font-size:1.2rem;font-weight:700}.faq-answer,.faq-item,.faq-question{text-align:left}
/*# sourceMappingURL=main.21f7e8b8.css.map*/