
:root{--cyan:#16d9f0;--turq:#06b6cd;--blue:#087cb8;--ink:#16455c;--muted:#4b6e7c;--mist:#e8fbff;--ice:#f3feff;--white:#fff;--s1:4px;--s2:8px;--s3:12px;--s4:16px;--s5:24px;--s6:32px;--s7:48px;--s8:64px;--s9:96px;--s10:128px;--r-sm:12px;--r-md:20px;--r-lg:32px;--shadow-one:0 5px 16px #087cb81b,0 2px 6px #06b6cd10;--shadow-two:0 14px 36px #087cb82b,0 5px 14px #06b6cd16;--shadow-three:0 30px 80px #087cb838,0 9px 28px #06b6cd28;--ease:cubic-bezier(.2,.8,.2,1)}
*,*::before,*::after{box-sizing:border-box}html{scroll-behavior:smooth;scrollbar-color:#84dce9 #effcff}html,body{margin:0;overflow-x:clip}body{font:400 16px/1.75 'Plus Jakarta Sans',sans-serif;color:var(--ink);background:var(--ice);background-image:repeating-linear-gradient(135deg,transparent 0,transparent 45px,#089ac405 46px,#089ac405 47px)}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:Unbounded,sans-serif;font-weight:600;letter-spacing:-.065em;line-height:1.22;text-wrap:balance}p{text-wrap:pretty}h2{font-size:clamp(30px,4.7vw,60px)}h3{font-size:clamp(19px,2vw,25px);letter-spacing:-.045em}a{color:inherit;text-decoration:none}button{font:inherit}a:focus-visible,button:focus-visible{outline:3px solid var(--blue);outline-offset:4px}::selection{background:#6df1fc;color:#16455c}.shell{width:min(100% - 40px,1200px);margin-inline:auto}.skip-link{position:fixed;top:-90px;left:16px;z-index:100;background:white;padding:12px}.skip-link:focus{top:10px}.site-header{height:72px;position:relative;z-index:20;transition:background .2s var(--ease),box-shadow .2s var(--ease)}.home-page .site-header{background:transparent}.site-header.scrolled,.privacy-page .site-header{background:#effdffec;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:var(--shadow-one)}.header-inner{height:100%;display:flex;align-items:center;justify-content:space-between;gap:var(--s4)}.brand,.footer-brand{display:flex;align-items:center;min-width:0;gap:12px}.brand-name{font:600 clamp(12px,1.6vw,18px)/1.3 Unbounded,sans-serif;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;letter-spacing:-.05em}.logo-chip{width:48px;height:48px;border-radius:12px;display:grid;place-items:center;background:#e5faff;box-shadow:var(--shadow-one);flex:none}.logo-chip img,.footer-brand img{object-fit:contain}.header-privacy{display:inline-flex;justify-content:center;align-items:center;min-height:48px;padding:12px 24px;background:linear-gradient(120deg,var(--blue),var(--turq),var(--cyan));color:#fff;font-weight:500;border-radius:100px;white-space:nowrap;gap:8px;box-shadow:var(--shadow-one);transition:transform .2s var(--ease)}.header-privacy:hover{transform:translateY(-2px)}.hero{height:100vh;height:100svh;height:100dvh;min-height:0;display:grid;grid-template-rows:72px minmax(0,1fr);background:radial-gradient(ellipse at 50% 85%,#a0faff 0,transparent 49%),linear-gradient(135deg,#edffff 0%,#bdfff9 48%,#cfecff 100%);position:relative;isolation:isolate}.hero::before{content:'';position:absolute;inset:0;background:repeating-linear-gradient(135deg,transparent 0 35px,#087cb808 36px 37px);pointer-events:none;z-index:-1}.hero-main{min-height:0;display:flex;align-items:center;justify-content:center;padding:calc(var(--hs,1)*min(3svh,24px)) 20px}.hero-content{position:relative;width:min(100%,1120px);height:100%;min-height:0;display:flex;align-items:center;justify-content:center;--hs:1}.hero-frame{width:100%;height:calc(var(--hs)*min(69svh,650px));max-height:91%;border:calc(var(--hs)*12px) solid #ffffff98;border-radius:calc(var(--hs)*46px);box-shadow:inset 0 0 0 1px #04b2df8a,inset 0 10px 28px #ffffffa5,var(--shadow-three);background:linear-gradient(110deg,#ffffff6e,#a6f8f85c,#fff8);position:relative;display:flex;justify-content:center;align-items:flex-start;text-align:center;padding:calc(var(--hs)*min(5svh,48px)) calc(var(--hs)*20px)}.hero-copy{max-width:900px;position:relative;z-index:2}.eyebrow,.section-kicker{font-weight:500;letter-spacing:.24em;text-transform:uppercase;color:#076d91;font-size:12px}.hero h1{margin:calc(var(--hs)*12px) 0 calc(var(--hs)*12px);font-size:calc(var(--hs)*clamp(32px,min(8.2vw,10svh),110px));line-height:1.06;letter-spacing:-.083em}.hero h1 span{display:block}.gradient-text{color:#0786bc;background:linear-gradient(95deg,#027cba,#02bdd0 55%,#1fe2e2);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.hero-copy p{font-size:calc(var(--hs)*clamp(14px,min(2vw,2.5svh),19px));max-width:690px;margin:0 auto calc(var(--hs)*20px)}.hero-actions,.cta-actions{display:flex;justify-content:center;flex-wrap:wrap;gap:12px}.ticket{position:relative;display:inline-flex;justify-content:center;align-items:center;gap:8px;min-height:48px;padding:12px 28px;border-radius:12px;font-size:14px;font-weight:500;box-shadow:var(--shadow-one);transition:transform .2s var(--ease),box-shadow .2s var(--ease);-webkit-mask-image:radial-gradient(circle at left center,transparent 0 5px,#000 6px),radial-gradient(circle at right center,transparent 0 5px,#000 6px);mask-image:none}.ticket::before,.ticket::after{content:'';position:absolute;top:50%;height:12px;width:6px;background:#e9ffff;border-radius:50%;transform:translateY(-50%)}.ticket::before{left:-3px}.ticket::after{right:-3px}.ticket:hover{transform:translateY(-3px);box-shadow:var(--shadow-two)}.ticket-primary{color:white;background:linear-gradient(115deg,#087cb8,#06b6cd,#15d9ef)}.ticket-outline{background:#ffffffd9;border:1px solid #079fc550;color:#086b8a}.hero-device{position:absolute;z-index:3;bottom:calc(var(--hs)*-2svh);right:9%;transform:rotate(10deg);pointer-events:none}.phone-wrap{position:relative;width:calc(var(--hs)*min(21svh,200px));aspect-ratio: .52;filter:drop-shadow(5px 15px 19px #087cb83b);animation:breathe 7s ease-in-out infinite}.phone{width:100%;height:100%;border:5px solid #d8ffff;border-radius:27px;background:linear-gradient(130deg,#ffffff,#5bc9dc 45%,#e9ffff);box-shadow:inset 0 0 0 2px #087cb850,var(--shadow-three);padding:5px;position:relative}.phone-screen{background:#f6feff;width:100%;height:100%;border-radius:18px;overflow:hidden;padding:10px;color:#16455c;font-size:8px;line-height:1.25}.phone-status,.phone-app-head,.phone-section-label,.phone-task,.phone-bottom{display:flex;justify-content:space-between;align-items:center}.phone-status{font-weight:600;margin:0 0 14px}.phone-app-head{font-size:7px;font-weight:600;letter-spacing:.05em;margin-bottom:12px}.phone-app-head span:last-child{font-size:14px;color:var(--turq)}.phone-hero-card{display:flex;flex-direction:column;align-items:flex-start;background:linear-gradient(135deg,#0d9cc1,#00cfca);border-radius:12px;padding:12px;color:#fff;min-height:95px;justify-content:space-between}.phone-hero-card small{letter-spacing:.12em;font-size:6px}.phone-hero-card strong{font-size:16px;line-height:1.1}.phone-hero-card>span{font-size:7px}.phone-section-label{font-weight:600;margin:14px 0 8px}.phone-progress{height:5px;background:#d7eff4;border-radius:99px}.phone-progress i{display:block;width:60%;height:100%;border-radius:99px;background:#11c4d6}.phone-task{margin-top:8px;background:#e7f8fa;border-radius:6px;padding:7px 5px;gap:4px}.phone-task b{background:#0fbcbf;color:#fff;border-radius:4px;padding:2px 4px}.phone-task .unchecked{background:white;color:#2aaaba}.phone-task em{font-size:6px;color:#078fa6}.phone-bottom{position:absolute;bottom:11px;left:18px;right:18px;border-top:1px solid #d2eaf0;padding-top:8px}.phone-bottom span{text-align:center;font-size:14px;color:#078cae}.phone-bottom small{display:block;font-size:6px}.phone-glare{position:absolute;z-index:5;inset:0;border-radius:25px;background:linear-gradient(118deg,#ffffff4a,transparent 42%,#ffffff21 55%,transparent 70%);pointer-events:none}.floating-bubble{position:absolute;background:#fff;border-radius:50%;box-shadow:var(--shadow-two);color:#078ab0;display:grid;place-items:center}.bubble-a{left:-28px;top:19%;width:37px;height:37px;font-size:20px}.bubble-b{right:-20px;bottom:16%;width:29px;height:29px}.hero-badge{position:absolute;z-index:4;left:8%;bottom:6%;width:calc(var(--hs)*min(16svh,128px));aspect-ratio:1;animation:badge-spin 22s linear infinite}.circle-badge{width:100%;height:100%;filter:drop-shadow(0 5px 12px #087cb833)}.circle-badge text{font-family:Unbounded,sans-serif;font-weight:600;font-size:9px;letter-spacing:2px;fill:#067fa7}@keyframes badge-spin{to{transform:rotate(360deg)}}@keyframes breathe{50%{filter:drop-shadow(0 0 25px #33dfff9c)}}.section-pad{padding:clamp(64px,10vw,128px) 0}.section-heading{margin-bottom:48px;max-width:840px}.section-heading p{max-width:620px;color:var(--muted)}.about-section{background:#f4feff}.about-stack{display:grid;grid-template-columns:1fr 1fr;align-items:center}.about-heading{padding:48px 48px 80px;background:linear-gradient(135deg,#b6fbf7,#defbff);border-radius:32px;box-shadow:var(--shadow-two)}.about-heading h2{margin:20px 0 0}.about-heading em,.cta-card em{font-style:normal;color:#078db3}.about-story{margin-left:-48px;margin-top:80px;background:white;padding:48px;border-radius:32px;box-shadow:var(--shadow-two);border:1px solid #51cce525;position:relative}.text-link{color:#067a9e;font-weight:500;text-decoration:underline;text-underline-offset:5px}.features-section{background:linear-gradient(160deg,#dbffff,#d2edff 52%,#f5feff);clip-path:polygon(0 0,100% 3%,100% 100%,0 97%)}.bento{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:24px}.feature-tile{grid-column:span 2;position:relative;padding:40px 32px 32px;background:linear-gradient(145deg,#ffffffed,#e3ffff);border:1px solid #09b8d12c;border-radius:32px;box-shadow:var(--shadow-one);transition:transform .2s var(--ease)}.feature-tile:hover{transform:translateY(-4px) rotate(-.4deg)}.feature-1,.feature-6{grid-column:span 3;background:linear-gradient(125deg,#a9f6fb,#d9fbff)}.feature-2{grid-column:span 3}.feature-3{grid-column:span 2}.feature-4{grid-column:span 2}.feature-5{grid-column:span 2}.folder-tab{position:absolute;left:32px;top:-13px;background:#d6f8ff;border:1px solid #09b8d12c;border-bottom:0;border-radius:12px 12px 0 0;padding:2px 14px;font-size:10px;letter-spacing:.12em;color:#076f94}.icon-square{display:grid;place-items:center;width:52px;height:52px;border:1px solid #17b3cf5a;border-radius:12px;color:#007da8;background:#f8ffff;margin-bottom:24px}.feature-tile h3{margin:0 0 12px}.feature-tile p{margin:0;color:#416575}.steps-section{background:#f8ffff}.staircase{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;align-items:start;padding-bottom:96px}.step{border-left:2px solid #08c4d0;padding:24px;background:#e3fbff;border-radius:0 20px 20px 0;box-shadow:var(--shadow-one)}.step:nth-child(2){margin-top:32px}.step:nth-child(3){margin-top:64px}.step:nth-child(4){margin-top:96px}.step-number{font-family:Unbounded,sans-serif;color:#078db2;font-size:25px}.step h3{font-size:20px;margin:20px 0 8px}.step p{font-size:15px;margin:0}.trust-section{background:linear-gradient(150deg,#bbf8f8,#eafcff);text-align:center}.trust-inner{max-width:980px}.trust-inner h2{font-size:clamp(36px,6vw,78px);margin:20px auto 24px}.trust-inner h2 span{color:#048cac}.trust-inner>p{max-width:760px;margin:0 auto 32px}.proof-chips{display:flex;justify-content:center;flex-wrap:wrap;gap:12px;margin-bottom:32px}.proof-chips span{padding:8px 16px;border:1px solid #1195b34f;border-radius:99px;background:#ffffff91;font-weight:500;font-size:13px}.cta-section{background:#f6ffff;padding:0 0 96px}.cta-card{position:relative;top:-24px;max-width:1010px;margin:auto;text-align:center;background:linear-gradient(115deg,#b3fff8,#dbf1ff);border:1px solid #11bfdb54;border-radius:32px;padding:64px 48px;box-shadow:var(--shadow-three)}.cta-card h2{margin:16px 0}.cta-card p{max-width:570px;margin:0 auto 24px}.site-footer{padding:64px 0 32px;background:#e5faff;border-top:1px solid #0cb7cc33}.footer-inner,.footer-links{display:flex;align-items:center;justify-content:space-between;gap:16px}.footer-brand{font:600 14px Unbounded,sans-serif}.footer-links{font-size:13px}.footer-links a{text-decoration:underline;text-underline-offset:4px}.back-to-top{position:fixed;right:24px;bottom:24px;width:48px;height:48px;border-radius:50%;border:1px solid #3dc0d76b;background:#fff;box-shadow:var(--shadow-two);color:#067f9a;cursor:pointer;z-index:30;opacity:0;pointer-events:none;transform:translateY(12px);transition:opacity .2s var(--ease),transform .2s var(--ease)}.back-to-top.visible{opacity:1;pointer-events:auto;transform:none}.reveal{opacity:0;transform:translateY(18px) rotate(.2deg);transition:opacity .6s var(--ease),transform .6s var(--ease)}.reveal.visible{opacity:1;transform:none}.privacy-main{background:linear-gradient(155deg,#ecffff,#d2f7ff,#effdff);padding:64px 20px 128px}.privacy-container{max-width:760px;margin:auto}.privacy-title h1{font-size:clamp(34px,5vw,60px);margin:8px 0 16px}.double-rule{height:7px;border-top:1px solid #048cad;border-bottom:1px solid #048cad;margin-bottom:24px}.policy-intro{padding:0 4px 16px}.policy-intro p{margin:0 0 12px}.policy-card{background:#fff;border:1px solid #05a9c421;border-left:5px solid #04b6d1;border-radius:20px;margin:0 0 16px;padding:24px 32px;box-shadow:var(--shadow-one)}.policy-card:nth-child(3n){border-left-color:#087cb8}.policy-card h2{font-size:clamp(19px,2.2vw,24px);margin:0 0 18px}.policy-card p{margin:0 0 16px}.policy-card p:last-child{margin-bottom:0}.policy-card ul{padding-left:24px;margin:12px 0 20px}.policy-card li{padding-left:4px;margin-bottom:6px}.policy-card strong{font-weight:500}.policy-card a{text-decoration:underline}.hero--compact .secondary-action,.hero--compact .floating-bubble{display:none}
@media(min-width:768px){.shell{width:min(100% - 64px,1200px)}}@media(min-width:1280px){.shell{width:min(100% - 96px,1200px)}}
@media(max-width:1024px){.hero-device{right:4%}.hero-badge{left:4%}.about-heading{padding:32px 32px 64px}.about-story{padding:32px}.bento{gap:16px}.feature-tile{padding:36px 24px 24px}.staircase{grid-template-columns:repeat(2,1fr);padding-bottom:32px}.step:nth-child(n){margin-top:0}.step:nth-child(even){margin-top:32px}}
@media(max-width:767px){.site-header{height:64px}.hero{grid-template-rows:64px minmax(0,1fr)}.brand-name{font-size:12px}.logo-chip{width:42px;height:42px}.logo-chip img{width:36px;height:36px}.header-privacy{font-size:12px;padding:10px 14px;min-height:44px}.hero-frame{height:calc(var(--hs)*min(76svh,650px));border-width:calc(var(--hs)*8px);border-radius:24px;padding:calc(var(--hs)*min(5svh,40px)) 14px}.hero-device{right:8%;bottom:calc(var(--hs)*1svh)}.hero-badge{left:8%;bottom:6%}.hero h1{font-size:calc(var(--hs)*clamp(28px,min(9vw,7svh),62px))}.hero-copy p{max-width:360px}.hero-actions{gap:8px}.hero-actions .ticket{font-size:12px;padding:10px 16px}.about-stack{grid-template-columns:1fr}.about-heading{padding:32px 24px 72px}.about-story{margin:-48px 16px 0;padding:24px}.section-heading{margin-bottom:32px}.features-section{clip-path:none}.bento{grid-template-columns:repeat(2,minmax(0,1fr))}.feature-tile,.feature-1,.feature-2,.feature-3,.feature-4,.feature-5,.feature-6{grid-column:span 1}.feature-tile{padding:32px 20px 24px}.feature-tile p{font-size:14px}.feature-tile h3{font-size:19px}.footer-inner{flex-direction:column;align-items:flex-start}.cta-card{padding:48px 24px}.privacy-main{padding:32px 20px 80px}.policy-card{padding:24px}}
@media(max-width:480px){.brand{gap:8px}.brand-name{font-size:clamp(10px,3vw,12px);max-width:145px}.header-privacy{padding:8px 12px;gap:4px;font-size:11px}.header-privacy span{display:none}.hero-frame{padding-left:8px;padding-right:8px}.hero-device{right:9%;bottom:calc(var(--hs)*1svh)}.hero-badge{left:4%;bottom:7%}.hero-actions{flex-direction:column;align-items:center}.hero-actions .ticket{min-height:44px}.bento,.staircase{grid-template-columns:1fr}.step:nth-child(n){margin-top:0}.feature-tile,.feature-1,.feature-2,.feature-3,.feature-4,.feature-5,.feature-6{grid-column:1}.footer-links{flex-wrap:wrap;justify-content:flex-start}.proof-chips{flex-direction:column;align-items:center}.policy-card{padding:24px 16px}}
@media(max-height:600px){.hero-content{display:grid;grid-template-columns:1.2fr .8fr}.hero-frame{height:85%;max-height:100%;align-items:center;padding:12px 16px}.hero-copy{max-width:80%;margin-right:auto}.hero h1{font-size:calc(var(--hs)*clamp(25px,min(6vw,12svh),60px))}.hero-copy p{font-size:calc(var(--hs)*14px)}.hero-device{right:8%;bottom:auto;top:50%;transform:translateY(-50%) rotate(10deg)}.phone-wrap{width:calc(var(--hs)*min(19svh,115px))}.hero-badge{left:auto;right:2%;bottom:2%;width:calc(var(--hs)*min(16svh,75px))}}@media(max-height:420px){.hero-device,.hero-badge{display:none}.hero-content{display:block}.hero-frame{height:100%;align-items:center;justify-content:center}.hero-copy{max-width:100%;margin:auto}.hero h1{margin:5px 0}.hero-copy p{margin-bottom:8px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation:none!important;transition:none!important}.reveal{opacity:1;transform:none}}


/* Final approved typography-only hero */
.home-page .hero{background:radial-gradient(ellipse 62% 48% at 52% 49%,#c8ffffb8,transparent 86%),radial-gradient(ellipse 43% 55% at 12% 77%,#6dddfd80,transparent 85%),radial-gradient(ellipse 48% 65% at 96% 77%,#76cdff80,transparent 86%),linear-gradient(135deg,#efffff,#bbf9ff 51%,#c9edff);}
.home-page .hero::before{background:repeating-linear-gradient(135deg,transparent 0 90px,#058fc308 91px 93px);}
.home-page .hero::after{content:"";position:absolute;inset:auto -6% 4% -6%;height:45%;pointer-events:none;z-index:-1;background:radial-gradient(ellipse at 20% 45%,#0dc8ea28,transparent 48%),radial-gradient(ellipse at 85% 60%,#047cdb23,transparent 45%);filter:blur(35px);}
.home-page .hero-main{padding: min(4svh,32px) 20px;}
.home-page .hero-content{width:min(100%,1240px);}
.home-page .hero-frame{height:auto;min-height:min(68svh,630px);max-height:96%;display:flex;justify-content:center;align-items:center;padding:calc(var(--hs)*min(7svh,60px)) 24px;border:9px solid #ffffffae;border-radius:clamp(26px,4vw,58px);background:linear-gradient(130deg,#efffff9c,#b8ffff73 55%,#edffffad);box-shadow:inset 0 0 0 2px #10b6df80,inset 0 15px 30px #ffffff91,0 20px 75px #068ec22a,0 5px 18px #04b3d326;}
.home-page .hero-copy{max-width:1050px;width:100%;}
.home-page .eyebrow{display:inline-block;letter-spacing:.3em;font-size:calc(var(--hs)*clamp(10px,1.3vw,16px));color:#056d92;padding:0 10px;}
.home-page .hero h1{font-size:calc(var(--hs)*clamp(42px,min(9.5vw,12.5svh),132px));letter-spacing:-.085em;line-height:1.06;margin:calc(var(--hs)*20px) auto calc(var(--hs)*20px);}
.home-page .hero h1 span:first-child{color:#073f61;text-shadow:0 2px 1px #ffffff8c;}
.home-page .hero h1 .gradient-text{background:linear-gradient(100deg,#087eb6 8%,#07bae1 49%,#15dada 95%);-webkit-background-clip:text;background-clip:text;color:#079abb;}
.home-page .hero-lead{max-width:none;font-size:calc(var(--hs)*clamp(16px,2vw,25px));line-height:1.45;margin:0 auto 2px;color:#144b64;}
.home-page .hero-subline{font-size:calc(var(--hs)*clamp(14px,1.5vw,19px));margin:0 auto calc(var(--hs)*28px);color:#3a6b80;}
.home-page .hero-actions .ticket-primary{font-size:calc(var(--hs)*clamp(14px,1.45vw,18px));min-height:52px;padding:14px 36px;border-radius:20px;box-shadow:0 12px 25px #0298c137,0 4px 8px #15b7d329;}
@media(max-width:767px){.home-page .hero-frame{min-height:min(66svh,600px);padding:calc(var(--hs)*30px) 12px;border-width:6px;border-radius:28px}.home-page .hero h1{font-size:calc(var(--hs)*clamp(33px,min(10vw,10svh),70px));margin:calc(var(--hs)*14px) 0}.home-page .hero-lead{max-width:290px}.home-page .hero-subline{max-width:280px}.home-page .eyebrow{letter-spacing:.17em}}
@media(max-width:380px){.home-page .hero-main{padding:12px}.home-page .hero-frame{padding-left:8px;padding-right:8px}.home-page .hero h1{font-size:calc(var(--hs)*clamp(29px,9.6vw,38px))}}
@media(max-height:600px){.home-page .hero-content{display:flex}.home-page .hero-frame{min-height:0;height:95%;max-height:100%;padding:12px 20px}.home-page .hero-copy{max-width:100%;margin:auto}.home-page .hero h1{font-size:calc(var(--hs)*clamp(28px,min(7.4vw,14svh),68px));margin:6px auto}.home-page .hero-subline{margin-bottom:10px}.home-page .hero-lead{font-size:calc(var(--hs)*14px)}}
@media(max-height:420px){.home-page .hero-frame{height:100%}.home-page .hero h1{font-size:calc(var(--hs)*clamp(25px,min(6.8vw,13svh),56px))}.home-page .hero-lead,.home-page .hero-subline{font-size:calc(var(--hs)*13px)}.home-page .hero-actions .ticket-primary{min-height:44px;padding:9px 22px}}
