@font-face{font-family:Nunito;src:url('../fonts/Nunito.ttf') format('truetype');font-weight:200 1000;font-display:swap}
@font-face{font-family:Inter;src:url('../fonts/Inter.ttf') format('truetype');font-weight:100 900;font-display:swap}
:root{--blue:#0f4c81;--ink:#102a43;--teal:#08675d;--mint:#a7d7c5;--coral:#ff8f7e;--cream:#fff8ed;--muted:#4e6574;--border:#dce6df}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:108px}body{margin:0;background:#fffcf7;color:var(--ink);font-family:Inter,system-ui,sans-serif;font-size:16px;line-height:1.65}img{max-width:100%;height:auto}a{color:var(--teal);text-underline-offset:4px}a:focus-visible,button:focus-visible,summary:focus-visible,video:focus-visible{outline:3px solid var(--blue);outline-offset:5px;border-radius:4px}h1,h2,h3,.brand{font-family:Nunito,system-ui,sans-serif}h1,h2,h3{line-height:1.15;letter-spacing:-.035em;margin:0 0 20px}h1{font-size:clamp(3rem,5vw,4.65rem);font-weight:850}h2{font-size:clamp(2rem,3.3vw,3rem);font-weight:800}h3{font-size:1.3rem;letter-spacing:-.02em;font-weight:800}p{margin:0 0 18px}svg{display:block;width:100%;height:100%}.container{width:min(1200px,calc(100% - 80px));margin:auto}.section{padding:100px 0}.eyebrow{display:block;font-size:.73rem;font-weight:750;letter-spacing:.15em;color:var(--teal);margin-bottom:18px}.small-text{font-size:.85rem;color:var(--muted)}
.skip-link{position:fixed;top:-100px;left:16px;z-index:30;background:var(--ink);color:white;padding:14px 20px}.skip-link:focus{top:12px}.site-header{position:sticky;top:0;z-index:10;background:#fffcf7f5;border-bottom:1px solid #e6eae3;backdrop-filter:blur(12px)}.header-inner{height:94px;display:flex;align-items:center;gap:28px;justify-content:space-between}.brand{display:inline-flex;align-items:center;gap:9px;font-size:1.8rem;font-weight:850;color:var(--blue);text-decoration:none;letter-spacing:-.055em}.brand-accent{color:var(--teal)}.site-header nav{display:flex;gap:28px}.site-header nav a{font-size:.875rem;text-decoration:none;font-weight:600;color:var(--ink);padding:10px 0}.site-header nav a:hover,.site-footer a:hover{text-decoration:underline}
.button{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:54px;padding:14px 23px;border-radius:10px;font-weight:650;font-size:.95rem;background:var(--teal);color:white;text-decoration:none;border:1px solid var(--teal);transition:background .15s,transform .15s}.button:hover{background:#064f48;transform:translateY(-1px)}.button-small{min-height:44px;font-size:.8rem;padding:10px 16px}.button-outline{background:transparent;color:var(--teal)}.button-outline:hover{background:#e5f3ed}.text-link{display:inline-flex;gap:14px;align-items:center;font-weight:650;font-size:.9rem;text-decoration:none;min-height:44px}.text-link:hover{text-decoration:underline}
.hero{background:var(--cream);padding:68px 0 76px;overflow:hidden}.hero-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:54px;align-items:center}.status-pill{display:inline-flex;align-items:center;gap:8px;letter-spacing:.01em;font-size:.78rem;border:1px solid #c7dfd2;background:#eef5e7;border-radius:99px;padding:7px 13px;margin-bottom:28px}.status-dot{width:7px;height:7px;border-radius:50%;background:var(--teal)}.hero h1{color:var(--ink);margin-bottom:25px}.hero h1 span{color:var(--teal)}.hero-description{font-size:1.05rem;max-width:500px;color:var(--muted);line-height:1.75}.hero-actions{display:flex;align-items:center;gap:22px;flex-wrap:wrap;margin-top:30px}.hero-notes{display:flex;flex-wrap:wrap;gap:16px;margin-top:28px;font-size:.74rem;color:var(--muted)}.hero-notes span span{color:var(--teal);margin-right:4px}
.hero-visual{position:relative;display:flex;align-items:center;justify-content:center;min-height:570px}.visual-orbit{position:absolute;width:475px;height:475px;border-radius:50%;background:#dcecdf;transform:translate(5px,15px)}.visual-orbit:after{content:"";position:absolute;inset:-20px;border:1px dashed #b8d2be;border-radius:50%}.phone-preview{position:relative;width:276px;margin:0;transform:rotate(3deg);border:7px solid #193e39;border-radius:35px;background:#193e39;box-shadow:0 22px 46px #173e3929}.phone-preview img{display:block;width:100%;border-radius:27px}.phone-preview figcaption{position:absolute;bottom:-42px;left:-25px;right:-25px;font-size:.72rem;text-align:center;color:var(--muted);transform:rotate(-3deg)}.floating-note{position:absolute;z-index:2;display:flex;gap:12px;align-items:center;background:#fffcf7;border:1px solid #dee8df;border-radius:14px;padding:15px 18px;box-shadow:0 10px 25px #304b3812;font-size:.78rem;line-height:1.5}.floating-note strong{font-weight:700}.note-care{top:38px;left:-7px}.note-routine{bottom:37px;right:-6px}.note-check{width:36px;height:36px;border-radius:50%;background:#e2f1e5;color:var(--teal);display:grid;place-items:center;font-size:1.3rem}
.principles-strip{background:var(--teal);color:white}.principles-inner{display:flex;justify-content:space-around;gap:24px;padding:21px 0;font-size:.8rem;font-weight:500}.principles-inner span:before{content:"✦";color:var(--mint);margin-right:12px}.section-heading{display:grid;grid-template-columns:1.3fr 1fr;gap:70px;align-items:end;margin-bottom:40px}.section-heading h2{margin:0}.section-heading>p{max-width:420px;color:var(--muted);margin:0}.feature-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.feature-card{border:1px solid var(--border);border-radius:16px;padding:27px 23px;background:white}.feature-icon{display:block;width:48px;height:48px;border-radius:14px;padding:11px;margin-bottom:23px}.feature-card h3{font-size:1.17rem;margin-bottom:12px}.feature-card p{font-size:.875rem;line-height:1.65;color:var(--muted);margin:0}.coral .feature-icon{background:#ffe1d9;color:#a93a36}.blue .feature-icon{background:#e0effb;color:#0f4c81}.mint .feature-icon{background:#def0e2;color:#17654c}.lavender .feature-icon{background:#ede5fb;color:#5e4294}.sand .feature-icon{background:#faeecf;color:#875509}
.report-callout{display:flex;align-items:center;gap:24px;padding:28px 30px;border:1px solid #e6d8b5;background:#fff6e1;border-radius:16px;margin-top:22px}.report-icon{color:#875509;min-width:42px;width:42px;height:42px}.report-callout h3{font-size:1.25rem;margin-bottom:9px}.report-callout p{font-size:.87rem;margin:0;color:var(--muted)}.callout-label{color:#765115;background:#f7e7bf;border-radius:99px;font-size:.68rem;font-weight:650;padding:8px 12px;white-space:nowrap}.steps-section{background:#f0f5ee}.center-heading{text-align:center;max-width:680px;margin:0 auto 48px}.center-heading p{color:var(--muted)}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:50px;list-style:none;margin:0;padding:0}.step-number{display:inline-block;font-family:Nunito,sans-serif;font-size:2rem;font-weight:750;color:var(--teal);border-bottom:2px solid #bad2c5;padding-bottom:7px;margin-bottom:24px}.steps h3{margin-bottom:14px}.steps p{color:var(--muted);font-size:.9rem;margin:0}
.demo-section{background:var(--ink);color:#fffaf2}.demo-grid{display:grid;grid-template-columns:1fr .8fr;gap:100px;align-items:center}.demo-copy{max-width:500px}.demo-copy .eyebrow{color:var(--mint)}.demo-copy>p{color:#d0dedf;max-width:470px}.demo-points{list-style:none;padding:0;margin:30px 0}.demo-points li{font-size:.93rem;padding:9px 0;display:flex;gap:12px}.demo-points li:before{content:"✓";color:var(--mint)}.demo-copy .small-text{font-size:.82rem}.video-panel{max-width:320px;width:100%;margin:0 auto;padding:8px;background:#244356;border-radius:24px;border:1px solid #526a75;box-shadow:0 16px 40px #0003}.video-panel video{display:block;width:100%;height:auto;aspect-ratio:9/16;border-radius:17px;background:#0a1e2a}.video-panel figcaption{text-align:center;padding:12px 9px 7px;font-size:.7rem;color:#d0dedf}.video-summary{border-top:1px solid #526a75;margin-top:23px}.video-summary summary{min-height:48px;cursor:pointer;padding:14px 0;font-size:.85rem;font-weight:600}.video-summary p{color:#d0dedf;font-size:.85rem}
.story-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:86px;align-items:center}.story-art{background:#e6f1e6;border-radius:50% 50% 18px 18px;min-height:360px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px}.story-art img{width:145px}.story-art span{text-align:center;font:750 1.55rem/1.3 Nunito,sans-serif;color:var(--teal)}.story-grid p{color:var(--muted);font-size:.95rem}.story-grid .story-signature{font-weight:700;color:var(--ink);margin-top:25px;font-size:.88rem}.story-signature span{font-weight:400;color:var(--muted)}.privacy-section{background:#eef6f3}.privacy-grid{display:grid;grid-template-columns:1fr 1.1fr;gap:85px}.privacy-items article{padding:0 0 20px;margin-bottom:22px;border-bottom:1px solid #cbded6}.privacy-items article:last-child{border:0;margin:0;padding:0}.privacy-items h3{font-size:1.2rem;margin-bottom:10px}.privacy-items p{color:var(--muted);font-size:.9rem;margin:0}
.faq-grid{display:grid;grid-template-columns:.7fr 1.3fr;gap:70px}.faq-list details{border-bottom:1px solid var(--border)}.faq-list summary{cursor:pointer;min-height:60px;padding:18px 26px 18px 0;font-size:.98rem;font-weight:600}.faq-list p{font-size:.9rem;color:var(--muted);padding:0 15px 0 0}.availability-section{background:var(--teal);color:#fffaf2;padding:70px 0}.availability-inner{display:flex;align-items:center;flex-direction:column;text-align:center}.availability-inner img{margin-bottom:24px;background:var(--cream);border-radius:20px;padding:9px}.availability-inner .eyebrow{color:#d6eae2}.availability-inner h2{font-size:clamp(2rem,3.5vw,3rem)}.availability-inner p{max-width:560px;color:#d6eae2}.release-status{font-size:.8rem;margin:6px 0 26px;padding:8px 16px;border:1px solid #77aaa0;border-radius:99px;color:#fff}.button-light{background:var(--cream);color:var(--teal);border-color:var(--cream)}.button-light:hover{background:#e4f0e5}
.site-footer{padding:46px 0 22px}.footer-top{display:flex;justify-content:space-between;gap:30px;align-items:center;margin-bottom:30px}.footer-top .brand{font-size:1.5rem}.footer-top p{font-size:.8rem;margin:8px 0 0;color:var(--muted)}.footer-top nav{display:flex;gap:26px;flex-wrap:wrap}.footer-top nav a{font-size:.8rem;color:var(--ink);text-decoration:none;min-height:44px;display:flex;align-items:center;gap:8px}.footer-bottom{border-top:1px solid var(--border);padding-top:22px;display:flex;justify-content:space-between;gap:20px;font-size:.7rem;color:var(--muted)}.legal-page{max-width:800px;padding-top:64px;padding-bottom:80px}.legal-page>.text-link{margin-bottom:32px;display:flex}.legal-page h1{font-size:clamp(2.2rem,4vw,3.4rem)}.legal-page h2{font-size:1.5rem;margin-top:35px}.legal-page p{color:var(--muted)}.legal-intro{font-size:1.1rem}.loading-screen{max-width:660px;margin:15vh auto;padding:30px;text-align:center}.loading-screen img{width:72px;margin-bottom:22px}.loading-screen h1{font-size:2.6rem}.loading-screen p{color:var(--muted)}.loading-screen .button{margin-top:20px}#blazor-error-ui{background:#fff0de;color:var(--ink);border-top:2px solid var(--blue);bottom:0;display:none;left:0;padding:16px;position:fixed;width:100%;z-index:50;font-size:.9rem}
@media(min-width:1500px){.hero{padding:86px 0 94px}}
@media(max-width:1100px){.container{width:calc(100% - 48px)}.header-action{display:none}.hero-grid{gap:20px}.floating-note{padding:12px}.note-care{left:-10px}.note-routine{right:-8px}.feature-grid{grid-template-columns:repeat(2,1fr)}.hero-visual{min-height:540px}.visual-orbit{width:350px;height:350px}.hero h1{font-size:3.65rem}.callout-label{display:none}.demo-grid,.story-grid,.privacy-grid{gap:48px}}
@media(max-width:760px){.container{width:calc(100% - 40px)}.section{padding:64px 0}.header-inner{height:auto;min-height:82px;flex-wrap:wrap;justify-content:center;gap:8px;padding:12px 0}.site-header nav{gap:24px;justify-content:center;width:100%}.site-header nav a{font-size:.78rem;min-height:40px}.brand{font-size:1.65rem}.hero{padding:42px 0 50px}.hero-grid{grid-template-columns:1fr;gap:24px}.hero h1{font-size:clamp(2.8rem,9vw,4rem)}.hero-copy{max-width:560px}.hero-description{font-size:1rem}.hero-actions{gap:12px;margin-top:24px}.hero-notes{gap:10px;font-size:.69rem}.hero-visual{min-height:480px;max-width:440px;width:100%;margin:0 auto}.phone-preview{width:232px}.note-care{left:0;top:22px}.note-routine{right:0;bottom:32px}.floating-note{font-size:.7rem}.note-care img{width:34px}.visual-orbit{width:310px;height:310px}.principles-inner{flex-direction:column;align-items:center;gap:6px;padding:18px 0;font-size:.74rem}.section-heading{grid-template-columns:1fr;gap:18px;margin-bottom:30px}.section-heading>p{max-width:none;font-size:.9rem}.feature-grid{gap:12px}.feature-card{padding:21px 17px}.feature-card h3{font-size:1.08rem}.feature-card p{font-size:.81rem}.feature-icon{margin-bottom:17px}.report-callout{padding:24px 18px;gap:16px;align-items:flex-start}.report-icon{min-width:30px;width:30px;height:30px}.report-callout h3{font-size:1.12rem}.steps{grid-template-columns:1fr;gap:28px}.steps li{padding-left:64px;position:relative}.step-number{position:absolute;left:0;top:0;font-size:1.6rem}.center-heading{text-align:left;margin-bottom:35px}.demo-grid,.story-grid,.privacy-grid,.faq-grid{grid-template-columns:1fr;gap:35px}.demo-copy{max-width:none}.video-panel{max-width:300px}.story-art{min-height:280px;max-width:390px;width:100%;margin:auto}.story-art img{width:115px}.footer-top{flex-direction:column;align-items:flex-start;gap:22px}.footer-top nav{gap:18px}.footer-bottom{flex-direction:column;gap:8px}.availability-section{padding:54px 0}.availability-inner .button{font-size:.82rem}.legal-page{padding-top:44px}}
@media(max-width:360px){.feature-grid{grid-template-columns:1fr}.hero-actions .button{font-size:.83rem;padding:13px 17px}.floating-note{padding:9px;gap:6px}.hero-notes{flex-direction:column}.site-header nav{gap:18px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button{transition:none}.button:hover{transform:none}}
h1:focus,main:focus{outline:none}
.availability-inner .download-note{font-size:.8rem;margin:18px 0 10px}.download-help{color:#fffaf2;font-size:.85rem;min-height:44px;display:inline-flex;align-items:center}
@media(max-width:760px){html{scroll-padding-top:145px}.site-header nav a{min-height:44px}.feature-card p{font-size:.9rem}}
