:root{--blue:#064dff;--blue-dark:#000977;--pink:#ff0271;--ink:#262a38;--muted:#667085;--line:#d9e2f0;--soft:#eef5ff;--white:#fff}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Afacad,system-ui,sans-serif;color:var(--ink);background:#fff;letter-spacing:0}a{color:inherit}.site-header{height:76px;display:flex;align-items:center;gap:42px;padding:0 max(24px,calc((100vw - 1200px)/2));border-bottom:1px solid #e7edf6;background:rgba(255,255,255,.96);position:sticky;top:0;z-index:20}.brand img{display:block;width:176px}.desktop-nav{display:flex;gap:28px;margin-left:auto}.desktop-nav a,.text-link{text-decoration:none;font-weight:600;color:#444a5c}.desktop-nav a:hover,.text-link:hover{color:var(--blue)}.header-actions{display:flex;align-items:center;gap:18px}.button{display:inline-flex;align-items:center;justify-content:center;min-height:50px;padding:0 24px;border:0;border-radius:7px;background:var(--blue);color:#fff;text-decoration:none;font-weight:700;box-shadow:0 8px 20px rgba(6,77,255,.18);transition:transform .2s,background .2s}.button:hover{transform:translateY(-2px);background:#003ee0}.button-small{min-height:42px;padding:0 19px}.button-secondary{background:#fff;color:var(--ink);border:1px solid var(--line);box-shadow:none}.button-light{background:#fff;color:var(--blue-dark)}.button-full{width:100%}.menu-toggle,.mobile-nav{display:none}.section-shell{width:min(1200px,calc(100% - 48px));margin-inline:auto}.hero{min-height:680px;padding-top:72px;padding-bottom:72px;display:grid;grid-template-columns:.88fr 1.12fr;gap:70px;align-items:center}.eyebrow{display:inline-flex;align-items:center;gap:8px;color:var(--blue);font-size:13px;font-weight:800;text-transform:uppercase}.pulse{width:8px;height:8px;border-radius:50%;background:var(--pink);box-shadow:0 0 0 5px #ffe4ef}.hero h1{font-size:clamp(48px,5.4vw,76px);line-height:.98;margin:22px 0;color:#242735}.hero h1 span{color:var(--blue)}.hero-copy>p{max-width:590px;font-size:20px;line-height:1.55;color:var(--muted)}.hero-actions{display:flex;gap:12px;margin-top:30px}.play{color:var(--pink);font-size:13px;margin-right:8px}.hero-proof{display:flex;align-items:center;margin-top:32px}.avatar-stack{display:flex;margin-right:14px}.avatar-stack span{width:36px;height:36px;display:grid;place-items:center;margin-left:-7px;border:2px solid #fff;border-radius:50%;background:var(--blue-dark);color:#fff;font-size:11px;font-weight:700}.avatar-stack span:nth-child(2){background:var(--blue)}.avatar-stack span:nth-child(3){background:var(--pink)}.hero-proof p{font-size:13px;line-height:1.3;color:var(--muted)}.hero-product{position:relative}.browser-frame{padding:10px;border:1px solid #cad8ee;border-radius:10px;background:#fff;box-shadow:0 28px 60px rgba(29,48,86,.2);transform:perspective(1200px) rotateY(-3deg)}.browser-bar{height:34px;display:flex;align-items:center;gap:6px;padding:0 8px;background:#f5f7fb;border-radius:6px 6px 0 0}.browser-bar i{width:8px;height:8px;border-radius:50%;background:#c5cedc}.browser-bar i:first-child{background:var(--pink)}.browser-bar span{margin-left:10px;color:#8b96aa;font-size:10px}.product-placeholder{position:relative;min-height:415px;overflow:hidden;background:#edf4ff}.dashboard-placeholder{display:flex}.fake-sidebar{width:50px;padding:18px 10px;background:var(--blue-dark);display:flex;align-items:center;flex-direction:column;gap:25px}.fake-sidebar b{display:grid;place-items:center;width:28px;height:28px;border-radius:6px;background:#fff;color:var(--pink)}.fake-sidebar i{width:17px;height:3px;background:#7791d0}.fake-dashboard{flex:1;padding:25px}.fake-heading{display:flex;justify-content:space-between}.fake-heading span{width:145px;height:20px;background:#24304a;border-radius:2px}.fake-heading button{width:84px;height:25px;border:0;border-radius:5px;background:var(--blue)}.fake-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:24px 0}.fake-stats i{height:77px;border:1px solid #cfdaeb;border-radius:6px;background:#fff}.fake-grid{display:grid;grid-template-columns:2fr 1fr;gap:12px}.fake-grid div,.fake-grid aside{height:210px;border:1px solid #cfdaeb;border-radius:6px;background:linear-gradient(#fff 40px,transparent 40px),repeating-linear-gradient(#fff 0 33px,#e4eaf3 34px)}.placeholder-label{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:max-content;max-width:80%;padding:12px 16px;border:1px dashed #91a8cc;border-radius:6px;background:rgba(255,255,255,.94);text-align:center;box-shadow:0 8px 24px rgba(30,50,85,.1)}.placeholder-label strong,.placeholder-label span{display:block}.placeholder-label strong{color:var(--blue-dark)}.placeholder-label span{font-size:12px;color:var(--muted)}.floating-note{position:absolute;display:flex;align-items:center;gap:10px;padding:11px 15px;border:1px solid #d8e2f0;border-radius:7px;background:#fff;box-shadow:0 12px 30px rgba(18,42,84,.18)}.floating-note>span{width:31px;height:31px;display:grid;place-items:center;border-radius:50%;background:#ddf9eb;color:#087346;font-weight:800}.floating-note strong,.floating-note small{display:block}.floating-note small{color:var(--muted)}.note-one{left:-24px;bottom:35px}.note-two{right:-20px;top:64px}.note-two>span{background:#e6efff;color:var(--blue)}.trust-strip{display:flex;justify-content:center;gap:0;border-block:1px solid var(--line);background:#fafcff}.trust-strip span{padding:20px 48px;color:#596276;font-size:14px;font-weight:600}.trust-strip span+span{border-left:1px solid var(--line)}.trust-strip span:before{content:'✓';margin-right:9px;color:var(--pink);font-weight:900}.section{padding-block:110px}.section-heading h2,.workflow-copy h2,.security-section h2{font-size:clamp(38px,4vw,54px);line-height:1.05;margin:16px 0}.section-heading p{color:var(--muted);font-size:18px}.centered{text-align:center}.feature-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:54px}.feature-grid article{padding:28px;border:1px solid var(--line);border-radius:8px;background:#fff;transition:transform .2s,border-color .2s}.feature-grid article:hover{transform:translateY(-5px);border-color:var(--blue)}.feature-icon{display:grid;place-items:center;width:42px;height:42px;border-radius:7px;background:var(--soft);color:var(--blue);font-weight:800}.feature-grid h3{font-size:22px;margin:28px 0 10px}.feature-grid p{min-height:94px;color:var(--muted);line-height:1.55}.feature-grid a{color:var(--blue);font-weight:700;text-decoration:none}.workflow-section{padding-block:0;background:#f6f9fe}.workflow-row{display:grid;grid-template-columns:1fr 1fr;gap:100px;align-items:center;padding-block:105px}.workflow-row+.workflow-row{border-top:1px solid var(--line)}.workflow-row.reverse .workflow-copy{order:2}.step-number{font-size:12px;color:#929db1}.workflow-copy>p{font-size:18px;color:var(--muted);line-height:1.6}.workflow-copy ul{padding:0;list-style:none}.workflow-copy li{padding:7px 0;font-weight:600}.workflow-copy li:before{content:'✓';display:inline-grid;place-items:center;width:21px;height:21px;margin-right:10px;border-radius:50%;background:#dff5ea;color:#057145;font-size:12px}.shot-placeholder{position:relative;border:1px solid #c6d6ed;background:linear-gradient(135deg,#eaf2ff,#fff);box-shadow:0 20px 45px rgba(27,55,100,.12)}.portrait-shot{width:320px;height:570px;justify-self:center;border-radius:24px}.phone-notch{position:absolute;left:50%;top:12px;transform:translateX(-50%);width:80px;height:18px;border-radius:20px;background:#172033}.landscape-shot{height:390px;border-radius:9px}.landscape-shot:before{content:'';position:absolute;inset:18px;background:repeating-linear-gradient(#fff 0 48px,#dce6f5 49px);border-radius:4px}.compact{height:340px}.pro-section{background:#fff}.pro-panel{display:grid;grid-template-columns:1.25fr .75fr;overflow:hidden;border-radius:10px;background:var(--blue-dark);color:#fff}.pro-copy{padding:65px}.pro-copy h2{font-size:48px;line-height:1.06;margin:18px 0}.pro-copy>p{color:#cbd5ff;font-size:18px}.pro-badge{padding:5px 9px;border-radius:4px;background:var(--pink);font-size:11px;font-weight:800}.pro-features{display:grid;grid-template-columns:repeat(2,1fr);gap:11px;margin:30px 0}.pro-features span:before{content:'✓';color:#ff59a0;margin-right:8px}.pro-visual{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:24px;background:#101b9d;text-align:center}.pro-visual img{width:150px;border-radius:32px}.pro-visual strong,.pro-visual span{display:block}.pro-visual strong{font-size:30px;line-height:1.05}.pro-visual span{margin-top:8px;color:#bbc7ff}.security-section{display:grid;grid-template-columns:150px 1.3fr 1fr;gap:55px;align-items:center}.security-mark{display:grid;place-items:center;width:130px;height:130px;border:1px solid #adc2e2;border-radius:50%;color:var(--pink);font-size:70px;font-weight:800}.security-section p{color:var(--muted);font-size:17px;line-height:1.6}.security-list{display:grid;gap:15px}.security-list span{padding-bottom:15px;border-bottom:1px solid var(--line);font-weight:600}.security-list b{color:var(--blue);margin-right:10px}.pricing-section{background:var(--soft)}.pricing-card{width:min(480px,calc(100% - 40px));margin:45px auto 0;padding:42px;border:2px solid var(--blue);border-radius:9px;background:#fff;box-shadow:0 24px 55px rgba(14,54,130,.13)}.pricing-label{font-size:12px;font-weight:800;color:var(--blue)}.price{display:flex;align-items:baseline;gap:8px;margin:18px 0}.price strong{font-size:58px}.price span,.pricing-card>p,.pricing-card small{color:var(--muted)}.pricing-card ul{padding:22px 0;list-style:none;border-block:1px solid var(--line)}.pricing-card li{padding:7px 0}.pricing-card li:before{content:'✓';color:var(--pink);margin-right:10px}.pricing-card small{display:block;margin-top:14px;text-align:center}.faq-section{display:grid;grid-template-columns:.7fr 1.3fr;gap:90px}.faq-section h2{font-size:45px;margin:15px 0}.faq-section p{color:var(--muted)}details{border-top:1px solid var(--line)}details:last-child{border-bottom:1px solid var(--line)}summary{display:flex;justify-content:space-between;padding:20px 0;font-size:18px;font-weight:700;cursor:pointer;list-style:none}summary span{color:var(--blue)}details p{margin-top:-6px;padding:0 30px 20px 0;line-height:1.5}.final-cta{padding:95px 24px;background:var(--blue);color:#fff;text-align:center}.final-cta img{width:185px;filter:brightness(0) invert(1)}.final-cta h2{font-size:54px;line-height:1;margin:30px 0 15px}.final-cta p{color:#d7e1ff;font-size:18px}footer{display:grid;grid-template-columns:1fr auto;gap:40px;padding:60px max(24px,calc((100vw - 1200px)/2));background:#060b24;color:#fff}footer img{width:160px;filter:brightness(0) invert(1)}footer p,footer small{color:#9da9c3}.footer-links{display:flex;gap:22px}.footer-links a{color:#dfe6f5;text-decoration:none}footer small{grid-column:1/-1;padding-top:24px;border-top:1px solid #26304b}
@media(max-width:900px){.desktop-nav,.desktop-only{display:none}.menu-toggle{display:grid;gap:5px;width:40px;height:40px;padding:11px;border:0;background:transparent}.menu-toggle span{height:2px;background:var(--ink)}.mobile-nav{position:fixed;z-index:19;top:76px;left:0;right:0;display:none;padding:16px 24px;background:#fff;border-bottom:1px solid var(--line);box-shadow:0 10px 25px rgba(20,40,70,.12)}.mobile-nav.open{display:grid}.mobile-nav a{padding:11px 0;text-decoration:none;font-weight:700}.hero{grid-template-columns:1fr;padding-top:55px}.hero-product{width:min(680px,100%);margin:auto}.feature-grid{grid-template-columns:repeat(2,1fr)}.workflow-row{gap:50px}.security-section{grid-template-columns:120px 1fr}.security-list{grid-column:2}.trust-strip{display:grid;grid-template-columns:repeat(2,1fr)}.trust-strip span{text-align:center}.trust-strip span:nth-child(3){border-left:0;border-top:1px solid var(--line)}.trust-strip span:nth-child(4){border-top:1px solid var(--line)}}
@media(max-width:640px){.site-header{height:66px;padding-inline:16px}.brand img{width:142px}.header-actions{gap:8px}.header-actions .button-small{min-height:38px;padding:0 13px}.mobile-nav{top:66px}.section-shell{width:min(100% - 30px,1200px)}.hero{min-height:0;padding-block:48px;gap:45px}.hero h1{font-size:46px}.hero-copy>p{font-size:18px}.hero-actions{display:grid}.hero-proof{align-items:flex-start}.browser-frame{transform:none;padding:5px}.product-placeholder{min-height:285px}.fake-sidebar{width:34px;padding-inline:7px}.fake-dashboard{padding:14px}.fake-stats{grid-template-columns:repeat(2,1fr)}.fake-stats i:nth-child(n+3){display:none}.fake-grid{grid-template-columns:1fr}.fake-grid aside{display:none}.floating-note{display:none}.trust-strip span{padding:15px 8px;font-size:12px}.section{padding-block:75px}.section-heading h2,.workflow-copy h2,.security-section h2{font-size:37px}.feature-grid{grid-template-columns:1fr}.feature-grid p{min-height:0}.workflow-row,.workflow-row.reverse{grid-template-columns:1fr;gap:38px;padding-block:75px}.workflow-row.reverse .workflow-copy{order:0}.portrait-shot{width:min(300px,90vw);height:530px}.landscape-shot{height:270px}.pro-panel{grid-template-columns:1fr}.pro-copy{padding:42px 28px}.pro-copy h2{font-size:38px}.pro-features{grid-template-columns:1fr}.pro-visual{padding:45px 20px}.security-section{grid-template-columns:1fr;gap:25px}.security-mark{width:90px;height:90px;font-size:48px}.security-list{grid-column:auto}.faq-section{grid-template-columns:1fr;gap:30px}.final-cta h2{font-size:42px}footer{grid-template-columns:1fr}.footer-links{flex-wrap:wrap}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button,.feature-grid article{transition:none}}

/* Commercial offer and dedicated product flows */
.button-small{white-space:nowrap}
.mobile-diet-shot{background:linear-gradient(160deg,#eaf2ff 0 32%,#fff 32% 100%)}
.ts-shot{background:linear-gradient(135deg,#f4f8ff,#eaf2ff)}
.free-year-banner{display:flex;align-items:center;gap:20px;width:min(610px,calc(100% - 40px));margin:42px auto 18px;padding:20px 24px;border-radius:8px;background:var(--blue-dark);color:#fff;box-shadow:0 18px 40px rgba(0,9,119,.18)}
.free-year-banner>span{display:grid;place-items:center;flex:0 0 82px;height:58px;border-radius:6px;background:var(--pink);font-size:16px;font-weight:800}
.free-year-banner strong,.free-year-banner small{display:block}
.free-year-banner strong{font-size:22px}
.free-year-banner small{margin-top:3px;color:#cbd5ff}
.pricing-card{margin-top:18px}
.price strong{white-space:nowrap}
@media(max-width:900px){.menu-toggle{grid-template-rows:repeat(3,2px);align-content:center;gap:4px}.menu-toggle span{display:block;width:100%}}
@media(max-width:640px){.header-actions .button-small{font-size:14px;white-space:nowrap}.free-year-banner{align-items:flex-start;padding:18px}.free-year-banner>span{flex-basis:68px;height:52px;font-size:13px}.free-year-banner strong{font-size:19px}.price strong{font-size:50px}}