/*
Theme Name: Calorie Camera Studio
Theme URI: https://caloriecamera.fit
Author: Calorie Camera
Description: Diseño editorial oscuro en español, inspirado en la app. Autónomo y sin constructores de páginas.
Version: 1.0.0
Requires at least: 6.0
Requires PHP: 7.4
Text Domain: calorie-camera
*/
@font-face{font-family:Manrope;src:url('assets/manrope.woff2') format('woff2');font-style:normal;font-weight:200 800;font-display:swap}
:root{--bg:#080a0f;--surface:#11141c;--text:#f4f6fa;--muted:#a3a8b7;--line:#ffffff15;--blue:#65b8fa;--violet:#bb9afa;--coral:#ff8c8e;--yellow:#eecb63;--gradient:linear-gradient(110deg,#369de8,#9355db);color-scheme:dark}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:110px}
body{margin:0;background:var(--bg);color:var(--text);font-family:Manrope,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:16px;line-height:1.7;-webkit-font-smoothing:antialiased}
body::before{content:"";position:absolute;top:0;left:0;right:0;height:950px;pointer-events:none;z-index:-1;background:radial-gradient(ellipse at 77% 32%,#14244770,transparent 55%)}
a{color:inherit;text-decoration:none}button{font:inherit}button,a,summary{-webkit-tap-highlight-color:transparent}button{color:inherit}
a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid var(--blue);outline-offset:6px;border-radius:6px}
::selection{background:#7456b7;color:#fff}
img{display:block;max-width:100%;height:auto}svg{flex-shrink:0}.icon{display:inline-block;vertical-align:middle;width:24px;height:24px}
h1,h2,h3,p,figure{margin:0}h1,h2,h3{font-weight:800;line-height:1.12;letter-spacing:-.05em}h2{font-size:clamp(34px,4vw,52px)}h3{font-size:25px;letter-spacing:-.035em}p{color:var(--muted)}strong{color:var(--text);font-weight:600}
.container{width:min(1200px,calc(100% - 96px));margin-inline:auto}.section{padding-block:102px}.eyebrow{display:block;font-size:11px;font-weight:800;letter-spacing:.17em;line-height:1.6;color:#b9bfce;margin-bottom:20px}.muted{color:#9299ac}.gradient-text{background:linear-gradient(100deg,#75c5ff 5%,#84a5ff 50%,#c39cf7 95%);-webkit-background-clip:text;background-clip:text;color:transparent}.blue-text{color:var(--blue)}.violet-text{color:var(--violet)}.blue{color:var(--blue)}.coral{color:var(--coral)}.yellow{color:var(--yellow)}
.skip-link{position:fixed;top:-100px;left:16px;z-index:100;background:white;color:black;padding:12px 20px}.skip-link:focus{top:12px}
.site-header{position:sticky;top:0;z-index:50;background:#080a0fe8;border-bottom:1px solid var(--line);backdrop-filter:blur(20px)}.admin-bar .site-header{top:32px}.header-inner{height:90px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:inline-flex;align-items:center;gap:10px;font-size:21px;font-weight:800;letter-spacing:-1px;white-space:nowrap}.brand img{border-radius:11px;width:36px;height:36px}.brand-light{font-weight:500}.brand-dot{color:var(--blue)}
.main-nav{display:flex;align-items:center;gap:27px;font-size:12px;font-weight:600}.main-nav a{color:#bbc0cc;transition:color .2s}.main-nav a:hover,.main-nav a[aria-current]{color:white}.app-cta{display:inline-flex;align-items:center;justify-content:center;gap:13px;padding:17px 23px;border-radius:12px;background:var(--text);color:#0b0d14;font-size:14px;line-height:1.5;font-weight:800;box-shadow:0 4px 24px #0002;transition:transform .2s,background .2s,box-shadow .2s}.app-cta:hover{transform:translateY(-3px);background:white;box-shadow:0 8px 30px #7c9ee92a}.app-cta>.icon:first-child{width:25px;height:25px}.app-cta>.icon:last-child{width:18px;height:18px;margin-left:9px}.nav-cta{padding:11px 15px;font-size:12px;border-radius:9px;gap:7px}.nav-cta>.icon:first-child{width:21px;height:21px}.nav-cta>.icon:last-child{display:none}.menu-toggle{display:none}.cta-caption{display:block;font-size:11px;color:#a5aab8;margin-top:15px}
.hero{display:grid;grid-template-columns:1.02fr 1fr;gap:20px;align-items:center;min-height:780px;padding-block:60px 65px}.hero-copy{position:relative;z-index:2}.release-pill{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border:1px solid #6688b334;border-radius:100px;font-size:8px;letter-spacing:.1em;font-weight:800;background:#14203260;color:#cbd7e8;margin-bottom:29px}.status-dot{display:inline-block;width:6px;height:6px;border-radius:100%;background:#72dbb1;box-shadow:0 0 10px #72dbb133;flex-shrink:0}.pill-divider{height:11px;width:1px;background:#ffffff30;margin-inline:3px}.hero h1{font-size:clamp(54px,5.6vw,79px);line-height:1.055;letter-spacing:-.065em;white-space:nowrap}.hero-description{font-size:16px;line-height:1.9;max-width:450px;margin:27px 0 30px}.hero-description strong{color:#c4c9d5;font-weight:500}.hero-benefits{display:flex;gap:20px;margin-top:33px;font-size:10px;color:#b2b9c8}.hero-benefits span{display:inline-flex;align-items:center;gap:5px}.hero-benefits .icon{width:13px;height:13px;color:var(--blue)}
.hero-visual{position:relative;height:640px;isolation:isolate;margin-right:-20px}.visual-glow{position:absolute;width:500px;height:500px;max-width:100%;background:radial-gradient(ellipse,#4a52d135,#21498322 42%,transparent 67%);top:90px;left:10px;z-index:-2}.orbit{position:absolute;inset:60px -25px 15px 15px;border:1px solid #638bc512;border-radius:50%;transform:rotate(-27deg);z-index:-1}.orbit-two{inset:95px 15px 50px 55px;transform:rotate(20deg)}
.phone{position:absolute;top:10px;right:23px;width:306px;height:601px;padding:8px;background:#050608;border:1px solid #6d788d;border-radius:44px;box-shadow:0 0 0 4px #131821,0 0 0 5px #31394c,24px 35px 60px #0009;transform:rotate(5deg);overflow:hidden}.phone-status{height:44px;padding:7px 15px;display:flex;align-items:center;justify-content:space-between;font-size:10px;font-weight:800;position:relative}.dynamic-island{width:81px;height:22px;background:#000;border-radius:20px;position:absolute;left:50%;transform:translateX(-50%);top:4px}.phone-content{padding:8px 11px}.phone-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:17px}.phone-heading b{display:block;font-size:23px;letter-spacing:-1px}.phone-heading>div>span{display:block;font-size:9px;color:#9ca4b6;margin-top:1px}.small-icon{display:flex;align-items:center;justify-content:center;background:#112336;border-radius:11px;width:34px;height:34px;color:var(--blue);flex-shrink:0}.small-icon .icon{width:18px;height:18px}.dashboard-card{padding:19px 13px 14px;border:1px solid #6476ae19;border-radius:19px;background:linear-gradient(135deg,#12233375,#291b374f)}.calorie-total{display:flex;align-items:center;justify-content:space-between;gap:5px}.calorie-total strong{font-size:37px;font-weight:800;letter-spacing:-2px}.calorie-total>div>span{font-size:10px;color:#a3aab8}.progress-circle{display:flex;align-items:center;justify-content:center;width:43px;height:43px;border-radius:50%;background:#102a43;color:var(--blue);font-size:13px;font-weight:800}.progress-circle span{font-size:9px}.progress-track{height:6px;border-radius:9px;background:#ffffff0c;margin-top:14px;overflow:hidden}.progress-track>span{display:block;height:100%;width:62.4%;background:var(--gradient);border-radius:9px}.remaining{font-size:8px;margin:7px 0 13px;color:#9ca6bb}.macro-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.macro{background:#ffffff04;border-radius:11px;text-align:center;padding:10px 2px}.macro i{display:flex;width:29px;height:29px;align-items:center;justify-content:center;border-radius:9px;margin:0 auto 5px;background:currentColor}.macro i .icon{width:17px;height:17px;color:#162033}.macro.coral i .icon{color:#3c1a20}.macro.yellow i .icon{color:#342d1b}.macro b{display:block;color:white;font-size:19px}.macro b span{font-size:10px;margin-left:2px}.macro small{display:block;font-size:7px;color:#b2b9c8;margin-top:1px}.log-title{display:flex;align-items:center;justify-content:space-between;margin:19px 0 10px}.log-title b{font-size:14px}.log-title>span{font-size:8px;color:#9da6b5}.food-row{display:flex;align-items:center;gap:7px;padding:10px 8px;background:#10141a;border:1px solid #ffffff05;border-radius:12px;margin-top:6px}.food-row .small-icon{width:27px;height:30px;border-radius:7px}.food-row .small-icon .icon{width:15px;height:15px}.food-row>div{flex:1}.food-row b{display:block;font-size:9px;font-weight:700}.food-row small{display:block;font-size:6.5px;color:#a8aeba;margin-top:3px}.food-row>strong{font-size:15px;color:var(--blue);text-align:right;font-weight:700}.food-row>strong small{font-size:7px;margin-top:0}.phone-add{display:flex;align-items:center;justify-content:center;gap:7px;background:var(--gradient);padding:9px;margin-top:13px;border-radius:10px;font-size:10px;font-weight:700}.phone-add .icon{width:14px;height:14px}.phone-add>span{margin-left:auto}.phone-nav{position:absolute;bottom:16px;left:12px;right:12px;display:flex;justify-content:space-around;border-top:1px solid #ffffff0a;padding:9px 0 0;background:#050608}.phone-nav>span{font-size:7px;color:#919bad;display:flex;align-items:center;flex-direction:column;gap:4px}.phone-nav .icon{width:18px;height:18px}.phone-nav>span.active{color:var(--blue)}.home-indicator{position:absolute;bottom:5px;left:50%;width:92px;height:3px;background:white;border-radius:4px;transform:translateX(-50%)}
.photo-float{position:absolute;top:131px;left:-5px;width:227px;height:257px;transform:rotate(-9deg);border:5px solid #19202d;border-radius:22px;box-shadow:0 20px 45px #0008;overflow:hidden;z-index:2}.photo-float>img{width:100%;height:100%;object-fit:cover;filter:brightness(.86)}.scan-corners{position:absolute;inset:23px;border:1px solid #ffffff22;border-radius:12px}.scan-corners::before,.scan-corners::after{content:"";position:absolute;width:30px;height:30px;border:3px solid #76c9ff}.scan-corners::before{top:-2px;left:-2px;border-right:0;border-bottom:0;border-radius:10px 0 0}.scan-corners::after{bottom:-2px;right:-2px;border-left:0;border-top:0;border-radius:0 0 10px}.photo-label{position:absolute;bottom:15px;left:12px;right:12px;padding:8px 5px;text-align:center;font-size:9px;font-weight:700;border-radius:9px;background:#101620cf;backdrop-filter:blur(10px)}.photo-label .icon{width:13px;height:13px;margin-right:4px}.result-float{position:absolute;left:4px;bottom:92px;z-index:3;display:flex;gap:11px;align-items:center;background:linear-gradient(130deg,#202837f5,#131923f5);border:1px solid #52617e77;padding:17px;border-radius:17px;box-shadow:0 15px 50px #0007;transform:rotate(-4deg)}.result-check{display:grid;place-items:center;width:34px;height:34px;background:#244437;border-radius:50%;color:#8febbe}.result-check .icon{width:19px;height:19px}.result-float>div>span{font-size:8px;display:block;color:#91dbb6;margin-bottom:3px}.result-float strong{font-size:12px;display:block;font-weight:700;line-height:1.5}.result-float>.icon{color:var(--blue);width:18px;height:18px;margin-left:7px}.hero-visual figcaption{position:absolute;bottom:0;right:40px;font-size:8px;letter-spacing:.02em;color:#929bad}
.feature-strip{border-block:1px solid var(--line);background:#ffffff02}.feature-strip>.container{display:flex;justify-content:space-between;gap:20px;padding-block:25px}.feature-strip span{display:flex;align-items:center;gap:11px;font-size:12px;font-weight:600;color:#b7becd}.feature-strip .icon{width:20px;height:20px;color:#879dbd}
.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:40px;margin-bottom:43px}.section-heading>p{max-width:325px;font-size:14px;line-height:1.85;padding-bottom:4px}.section-heading h2{line-height:1.17}.steps-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:19px}.step-card{padding:30px;border:1px solid var(--line);background:linear-gradient(140deg,#141923,#0e1118);border-radius:20px;position:relative}.step-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:40px}.step-icon{display:grid;place-items:center;width:44px;height:44px;border:1px solid #427eb338;border-radius:13px;background:#152b4055;color:var(--blue)}.step-number{font-size:35px;font-weight:500;letter-spacing:-2px;color:#535d71}.step-card h3{font-size:22px;margin-bottom:16px}.step-card p{font-size:13px;line-height:1.85}.step-note{display:block;border-top:1px solid var(--line);padding-top:17px;margin-top:28px;color:#949fb4;font-size:10px;letter-spacing:.04em}
.app-section{padding-top:25px}.bento-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.bento{border:1px solid #ffffff13;border-radius:24px;background:#10131b;overflow:hidden;display:flex;flex-direction:column}.bento-copy{padding:36px 36px 25px;position:relative;z-index:2}.bento-copy .eyebrow{font-size:9px;margin-bottom:18px}.bento h3{font-size:31px;line-height:1.18;margin-bottom:16px}.bento p{font-size:13px;max-width:390px;line-height:1.85}.bento-photo{background:radial-gradient(ellipse at 100% 100%,#23426375,transparent 60%),#10141c}.bento-photo-visual{height:280px;margin:8px 36px 0;position:relative;overflow:hidden;border-radius:20px 20px 0 0;background:#202b36}.bento-photo-visual>img{width:100%;height:100%;object-fit:cover;object-position:center 45%;filter:brightness(.85)}.bento-photo-visual>.scan-corners{inset:22px 25px 40px}.analysis-chip{position:absolute;bottom:21px;left:22px;right:22px;display:flex;align-items:center;gap:13px;border:1px solid #ffffff30;background:#0c131de8;border-radius:15px;padding:14px 18px;backdrop-filter:blur(14px)}.analysis-chip>.icon{color:var(--blue);width:29px;height:29px}.analysis-chip>span{font-size:9px;color:#c5cbda}.analysis-chip strong{display:block;font-size:27px;line-height:1.4;font-weight:800;letter-spacing:-1px}.analysis-chip small{font-size:12px;font-weight:400;letter-spacing:0;color:#a5afc1}.analysis-chip .chip-check{margin-left:auto;color:#8be0b5;background:#1c3a2e;border-radius:50%;width:27px;height:27px;display:grid;place-items:center}.chip-check .icon{width:17px;height:17px}
.bento-text{background:radial-gradient(ellipse at 100% 100%,#61308338,transparent 65%),#11131d}.text-demo{margin:auto 36px 36px;background:#161923;border:1px solid #ffffff14;border-radius:19px;padding:23px;box-shadow:0 20px 40px #0002;transform:rotate(-2deg)}.demo-label{display:flex;align-items:center;gap:8px;font-size:11px;color:#c1c7d6;margin-bottom:19px}.demo-label .icon{width:17px;height:17px;color:var(--violet)}.chat-bubble{padding:20px;background:linear-gradient(135deg,#263d61,#47315f);border:1px solid #687bac45;border-radius:4px 15px 15px;font-size:17px;line-height:1.8;font-weight:500}.typing-cursor{display:inline-block;width:1px;height:17px;vertical-align:middle;margin-left:4px;background:#b9c7ed}.text-demo-bottom{display:flex;gap:20px;align-items:center;justify-content:space-between;margin-top:20px;font-size:9px;color:#a5adc2}.text-demo-bottom .icon{color:var(--violet);width:20px;height:20px}.bento-macros,.bento-progress{min-height:455px}.macro-bars{margin:auto 36px 36px;border:1px solid #ffffff0b;border-radius:16px;background:#080c1480;padding:20px 24px}.macro-bars>div{display:grid;grid-template-columns:1fr auto;align-items:center;gap:10px;font-size:10px;margin-bottom:15px}.macro-bars>div:last-child{margin:0}.macro-bars span{display:flex;align-items:center;gap:8px}.macro-bars .icon{width:16px;height:16px}.macro-bars b{font-size:11px;color:#dbe3ef}.macro-bars i{grid-column:1/-1;height:5px;border-radius:10px;background:#ffffff09}.macro-bars em{display:block;width:70%;height:100%;background:currentColor;border-radius:10px}.macro-bars .coral em{width:55%}.macro-bars .yellow em{width:38%}.history-demo{margin:auto 36px 30px;padding:20px 22px 14px;border:1px solid #ffffff0b;background:#0a0e17;border-radius:17px}.history-demo>div:first-child{display:flex;align-items:center;justify-content:space-between;font-size:11px;color:#b3bfd4}.history-demo .icon{color:var(--violet);width:18px;height:18px}.chart-bars{display:flex;align-items:flex-end;gap:17px;height:100px;border-bottom:1px solid #ffffff14;margin-top:12px;background:repeating-linear-gradient(0deg,transparent 0 31px,#ffffff06 32px 33px)}.chart-bars i{flex:1;max-width:45px;height:var(--bar);border-radius:5px 5px 0 0;background:linear-gradient(0deg,#29568d,#689bdc);margin-inline:auto}.chart-bars i:nth-child(6){background:linear-gradient(0deg,#7246a4,#b69ae9)}.chart-labels{display:flex;justify-content:space-around;margin-top:5px;font-size:8px;color:#9ba6b9}.history-demo>small{display:block;font-size:8px;color:#9ba6b9;margin-top:10px}.section-footnote{font-size:10px;margin-top:23px;text-align:center;color:#8f99ad}
.manifesto{text-align:center;padding:67px 0 105px;border-bottom:1px solid var(--line)}.manifesto h2{font-size:clamp(34px,4.5vw,58px);line-height:1.18}.manifesto p{max-width:585px;margin:25px auto 30px;font-size:15px;line-height:1.9}.outline-cta{background:#111823;border:1px solid #46546f;color:var(--text);font-size:12px;padding:14px 20px}.outline-cta:hover{background:#1c2635}.outline-cta>.icon:first-child{width:20px;height:20px}
.faq-section{display:grid;grid-template-columns:.85fr 1.15fr;gap:75px}.faq-heading p{font-size:13px;margin-top:24px}.faq-heading h2{line-height:1.17}.faq-list{border-top:1px solid var(--line)}.faq-list details{border-bottom:1px solid var(--line)}.faq-list summary{display:flex;gap:20px;align-items:center;justify-content:space-between;cursor:pointer;padding:24px 0;font-size:13px;font-weight:700;list-style:none}.faq-list summary::-webkit-details-marker{display:none}.faq-list details>div{padding:0 35px 23px 0}.faq-list details p{font-size:12px;line-height:1.9}.faq-plus{position:relative;flex-shrink:0;width:20px;height:20px;border:1px solid #374158;border-radius:50%;color:#b7c5dc}.faq-plus::before,.faq-plus::after{content:"";position:absolute;top:8px;left:5px;width:8px;height:1px;background:currentColor}.faq-plus::after{transform:rotate(90deg)}details[open] .faq-plus::after{transform:rotate(0)}details[open] summary{color:var(--blue)}
.closing-section{padding-bottom:95px}.closing-card{position:relative;isolation:isolate;overflow:hidden;text-align:center;border:1px solid #5c73b93b;border-radius:28px;padding:62px 25px 53px;background:radial-gradient(ellipse at 50% 140%,#46377980,transparent 65%),radial-gradient(ellipse at 0 0,#15334c70,transparent 65%),#10141e}.closing-card::before,.closing-card::after{content:"";position:absolute;border:1px solid #b5bfff0b;width:760px;height:760px;left:50%;top:50%;transform:translate(-50%,-50%);border-radius:50%;z-index:-1}.closing-card::after{width:1000px;height:1000px}.closing-card h2{font-size:clamp(48px,5.3vw,72px);line-height:1.06}.closing-card p{font-size:14px;line-height:1.8;margin:22px 0 29px}.closing-card .eyebrow{font-size:9px}.closing-card .cta-caption{font-size:9px;margin-top:18px}.closing-orb{display:grid;place-items:center;width:52px;height:52px;border:1px solid #a1c6ff33;border-radius:16px;transform:rotate(-9deg);background:linear-gradient(140deg,#32668d77,#56347788);margin:0 auto 23px;box-shadow:0 4px 25px #3e80ff20}.closing-orb .icon{width:25px;height:25px;color:#a9d2fc}
.site-footer{border-top:1px solid var(--line);background:#07090d}.footer-top{display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:55px;padding-block:55px 50px}.footer-top p{font-size:12px;margin:18px 0 20px;line-height:1.85}.footer-top .brand{font-size:22px}.locale-label{font-size:9px;color:#9aa5b8}.locale-label .status-dot{width:5px;height:5px;margin-right:6px}.footer-links{display:flex;flex-direction:column;align-items:flex-start;gap:11px;font-size:11px;color:#a7afbe}.footer-links .eyebrow{font-size:9px;color:#b6c0d3;margin-bottom:8px}.footer-links a:hover{color:var(--blue)}.footer-bottom{border-top:1px solid var(--line);padding-block:21px;display:flex;justify-content:space-between;gap:20px;font-size:9px;color:#8e9aad}
.inner-page{padding-block:75px 85px}.page-heading{max-width:850px;margin-bottom:50px}.page-heading h1{font-size:clamp(45px,5.5vw,74px);margin-bottom:25px}.page-intro{font-size:17px;line-height:1.9;max-width:725px}.page-intro a{color:var(--blue);text-decoration:underline}.page-content{line-height:1.85}.page-content h2{font-size:28px;line-height:1.3;margin-bottom:18px;letter-spacing:-.035em}.page-content h3{font-size:18px;line-height:1.5;margin:25px 0 12px;letter-spacing:-.02em}.page-content p{font-size:14px;margin-bottom:18px}.page-content a{color:#84c5fa;text-decoration:underline;text-underline-offset:4px;overflow-wrap:anywhere}.page-content a:hover{color:#c4a7ff}.support-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:24px}.support-card{padding:38px;background:linear-gradient(140deg,#142032,#13141f);border:1px solid #ffffff1a;border-radius:22px}.support-card.secondary{background:#11141b}.support-card .eyebrow{color:var(--blue)}.support-email{display:inline-block;font-size:clamp(15px,2vw,23px);font-weight:700;letter-spacing:-.025em;margin:5px 0 20px}.support-card ul,.legal-content ul{padding-left:20px;color:#aeb7c8;font-size:13px}.support-card li,.legal-content li{padding:4px 0}.support-note{border-left:2px solid #677bc0;background:#131a28;padding:22px 25px;border-radius:0 12px 12px 0;margin-top:25px}.support-note p:last-child{margin-bottom:0}.info-steps{counter-reset:info;list-style:none;padding:0!important}.info-steps>li{counter-increment:info;position:relative;padding:0 0 25px 47px;margin-top:20px}.info-steps>li::before{content:counter(info,decimal-leading-zero);position:absolute;left:0;top:2px;width:30px;height:30px;border:1px solid #6798d345;border-radius:9px;color:var(--blue);font-size:11px;display:grid;place-items:center}.info-steps strong{display:block;font-size:15px;margin-bottom:7px}.legal-content{max-width:800px}.legal-content>section{padding:30px 0 20px;border-bottom:1px solid var(--line)}.legal-content>section:first-child{padding-top:0}.legal-content h2{font-size:24px}.legal-content .legal-updated{font-size:11px;color:#aeb7c8;padding:13px 18px;border:1px solid var(--line);border-radius:8px;display:inline-block;margin-bottom:30px}.legal-content .legal-toc{display:flex;flex-wrap:wrap;gap:10px 24px;margin-bottom:30px;font-size:12px}.mini-cta{margin-top:65px;background:linear-gradient(115deg,#132537,#231930);padding:34px 38px;border:1px solid #6986b02b;border-radius:20px;display:flex;align-items:center;justify-content:space-between;gap:25px}.mini-cta h2{font-size:27px;line-height:1.3}.mini-cta .eyebrow{font-size:9px;margin-bottom:10px}.mini-cta .app-cta{font-size:12px;flex-shrink:0;padding:15px 18px}
@media(min-width:1500px){.hero{min-height:810px}.hero h1{font-size:82px}}
@media(max-width:1100px){.container{width:calc(100% - 64px)}.main-nav{gap:18px;font-size:11px}.header-inner{gap:18px}.brand{font-size:19px}.hero{min-height:710px}.hero h1{font-size:clamp(49px,5.8vw,67px)}.hero-visual{height:585px;margin-right:0;transform:scale(.88);transform-origin:right center;margin-left:-40px}.hero-description{font-size:14px;max-width:380px}.release-pill{font-size:7px;gap:6px}.hero-benefits{gap:13px;font-size:9px}.section{padding-block:80px}.app-section{padding-top:20px}.step-card{padding:25px}.step-card h3{font-size:20px}.section-heading>p{max-width:285px;font-size:13px}.bento-copy{padding:30px 28px 24px}.bento h3{font-size:28px}.bento-photo-visual{margin-inline:28px}.text-demo,.macro-bars{margin: auto 28px 28px}.history-demo{margin: auto 28px 28px}.faq-section{gap:45px}.feature-strip span{font-size:10px;gap:8px}}
@media(max-width:900px){.header-inner{height:76px;gap:17px}.brand{margin-right:auto}.menu-toggle{display:flex;flex-direction:column;justify-content:center;gap:5px;align-items:center;border:1px solid #ffffff24;background:#141924;width:40px;height:40px;border-radius:10px;order:3;cursor:pointer}.menu-toggle span{display:block;width:16px;height:1px;background:white;transition:transform .2s}.menu-toggle[aria-expanded=true] span:first-child{transform:translateY(3px) rotate(45deg)}.menu-toggle[aria-expanded=true] span:last-child{transform:translateY(-3px) rotate(-45deg)}.main-nav{display:none;position:absolute;top:calc(100% + 1px);left:0;right:0;padding:18px 32px 25px;background:#10151f;border-bottom:1px solid #ffffff20;box-shadow:0 20px 30px #0006}.main-nav.is-open{display:flex;flex-direction:column;align-items:stretch;gap:0}.main-nav a{padding:13px 7px;font-size:14px}.hero{grid-template-columns:1fr 1fr;min-height:670px;gap:0;padding-block:30px 40px}.hero h1{font-size:51px}.hero-description{max-width:345px;font-size:13px}.hero-visual{transform:scale(.74);margin-left:-130px;margin-right:-15px}.hero .release-pill{font-size:7px;letter-spacing:.035em;padding:7px 9px}.hero-benefits{flex-wrap:wrap;gap:7px 13px;max-width:270px}.hero .app-cta{font-size:12px;padding:15px 18px;gap:8px}.hero .app-cta .icon:last-child{margin-left:2px}.steps-grid{gap:12px}.step-card{padding:23px 20px}.step-card h3{font-size:18px}.step-card p{font-size:12px}.section-heading{gap:30px}.section-heading h2{font-size:36px}.section-heading>p{max-width:240px;font-size:12px}.step-top{margin-bottom:30px}.bento h3{font-size:25px}.bento-copy{padding:27px 24px 20px}.bento p{font-size:12px}.bento-photo-visual{margin-inline:24px;height:250px}.text-demo{padding:18px;margin: auto 24px 28px}.chat-bubble{font-size:15px;padding:16px}.macro-bars{padding:18px;margin: auto 24px 24px}.history-demo{margin: auto 24px 24px;padding:18px}.chart-bars{gap:12px}.faq-section{grid-template-columns:.8fr 1.2fr;gap:30px}.faq-heading h2{font-size:34px}.faq-list summary{font-size:12px}.mini-cta{flex-direction:column;align-items:flex-start}.footer-top{gap:25px}.support-grid{grid-template-columns:1fr 1fr}.support-card{padding:27px}.page-heading h1{font-size:57px}.page-intro{font-size:15px}}
@media(max-width:700px){.container{width:calc(100% - 40px)}.header-inner{height:72px;gap:10px}.brand{font-size:18px;gap:7px;letter-spacing:-.8px}.brand img{width:30px;height:30px;border-radius:9px}.nav-cta{font-size:10px;padding:10px;gap:4px}.nav-cta>.icon:first-child{width:17px;height:17px}.menu-toggle{width:35px;height:35px;border-radius:8px}.hero{grid-template-columns:1fr;padding:48px 0 22px;gap:0;min-height:0}.hero-copy{text-align:center}.hero .release-pill{font-size:7px;letter-spacing:.08em;margin-bottom:24px;padding:8px 11px}.hero h1{font-size:clamp(48px,9.3vw,67px);line-height:1.06;letter-spacing:-.06em}.hero-description{font-size:14px;max-width:420px;line-height:1.85;margin:22px auto 25px}.hero .app-cta{font-size:13px;padding:15px 22px;gap:11px}.hero .cta-caption{font-size:10px;margin-top:13px}.hero-benefits{justify-content:center;max-width:none;margin-top:24px;gap:17px;font-size:9px}.hero-visual{width:460px;max-width:none;height:580px;justify-self:center;margin:15px 0 -38px;transform:scale(.85);transform-origin:center top}.phone{right:32px;top:21px}.photo-float{left:3px;top:130px;width:205px;height:240px}.result-float{left:6px;bottom:34px}.hero-visual figcaption{bottom:-54px;right:70px;font-size:9px}.orbit{inset:35px 0 -40px}.feature-strip>.container{display:grid;grid-template-columns:1fr 1fr;padding-block:21px;gap:16px 10px}.feature-strip span{font-size:9px;gap:7px}.feature-strip .icon{width:17px;height:17px}.section{padding-block:61px}.section-heading{display:block;margin-bottom:29px}.section-heading .eyebrow{font-size:9px;margin-bottom:15px}.section-heading h2{font-size:37px;line-height:1.16}.section-heading>p{max-width:430px;font-size:13px;margin-top:20px}.steps-grid{grid-template-columns:1fr;gap:14px}.step-card{padding:26px}.step-top{margin-bottom:25px}.step-card h3{font-size:23px;margin-bottom:13px}.step-card p{font-size:13px}.step-note{margin-top:20px;padding-top:13px}.step-number{font-size:34px}.step-icon{width:41px;height:41px}.bento-grid{grid-template-columns:1fr;gap:17px}.bento-copy{padding:29px 27px 22px}.bento h3{font-size:30px}.bento p{font-size:13px}.app-section{padding-top:5px}.bento-photo-visual{height:280px;margin-inline:27px}.text-demo{margin:12px 27px 32px;padding:22px}.chat-bubble{font-size:18px}.bento-macros,.bento-progress{min-height:420px}.macro-bars{margin:0 27px 29px;padding:20px}.history-demo{margin:0 27px 29px;padding:20px}.chart-bars{gap:20px}.section-footnote{font-size:10px;text-align:left;line-height:1.8}.manifesto{padding:12px 0 61px}.manifesto h2{font-size:34px}.manifesto .eyebrow{font-size:9px;margin-bottom:19px}.manifesto p{font-size:13px;padding-inline:4px;margin:22px auto 27px}.faq-section{display:block}.faq-heading{margin-bottom:30px}.faq-heading h2{font-size:37px}.faq-heading .eyebrow{font-size:9px;margin-bottom:16px}.faq-heading p{font-size:13px;margin-top:18px}.faq-list summary{font-size:13px;line-height:1.6;padding:21px 0}.faq-list details p{font-size:12px}.closing-section{padding-bottom:55px}.closing-card{padding:40px 20px;border-radius:23px}.closing-card h2{font-size:54px}.closing-card p{font-size:13px}.closing-card .eyebrow{font-size:8px;letter-spacing:.13em}.closing-card .app-cta{font-size:12px;gap:8px;padding:15px 19px}.closing-card .app-cta .icon:last-child{margin-left:2px}.closing-card .cta-caption{font-size:8px;max-width:240px;margin:17px auto 0}.footer-top{grid-template-columns:1fr 1fr;gap:32px 20px;padding-block:39px 32px}.footer-top>div:first-child{grid-column:1/-1}.footer-top p{margin-top:15px;margin-bottom:13px}.footer-top .brand{font-size:23px}.footer-top .brand img{width:35px;height:35px}.footer-links{font-size:10px;gap:12px}.footer-bottom{flex-direction:column;gap:7px;font-size:8px;padding-block:18px}.inner-page{padding-block:49px 55px}.page-heading{margin-bottom:34px}.page-heading h1{font-size:clamp(39px,9vw,58px);margin-bottom:20px}.page-heading .eyebrow{font-size:9px}.page-intro{font-size:14px}.support-grid{grid-template-columns:1fr;gap:17px}.support-card{padding:27px}.page-content h2{font-size:26px}.page-content p{font-size:13px}.support-email{font-size:22px}.support-note{padding:20px}.mini-cta{margin-top:42px;padding:27px}.mini-cta h2{font-size:28px}.mini-cta .app-cta{font-size:11px;padding:14px;gap:6px}.mini-cta .app-cta .icon:last-child{margin-left:0}.legal-content h2{font-size:23px}.legal-content .legal-toc{font-size:11px}.legal-content>section{padding-block:22px 15px}.admin-bar .site-header{top:46px}}
@media(max-width:390px){.container{width:calc(100% - 32px)}.brand{font-size:16px;gap:5px}.brand img{width:27px;height:27px}.header-inner{gap:8px}.nav-cta{font-size:9px;padding:9px 8px}.nav-cta>.icon:first-child{width:15px;height:15px}.menu-toggle{width:32px;height:32px}.hero h1{font-size:47px}.hero .release-pill{font-size:6px;gap:5px;padding:7px 9px}.hero-benefits{font-size:8px;gap:11px}.hero-visual{transform:scale(.72);height:499px;margin-bottom:-28px}.hero-visual figcaption{bottom:-130px}.result-float{bottom:-45px}.section-heading h2,.faq-heading h2{font-size:33px}.bento-copy{padding-inline:23px}.bento h3{font-size:27px}.manifesto h2{font-size:30px}.closing-card h2{font-size:49px}.closing-card .app-cta{padding-inline:14px;font-size:11px}.support-email{font-size:18px}}
/* Keep decorative layers inside the canvas and the phone's whole interface visible. */
#main{overflow:clip}.hero{grid-template-columns:minmax(0,1.02fr) minmax(0,1fr)}.hero-copy,.hero-visual{min-width:0}.orbit{transform:none;inset:50px 5px 0}.orbit-two{inset:85px 40px 35px}
.phone{line-height:1.4}.phone-status{height:38px}.phone-content{padding:3px 10px}.phone-heading{margin-bottom:12px}.phone-heading b{font-size:22px}.phone-heading>div>span{font-size:8px}.dashboard-card{padding:14px 11px 12px}.calorie-total strong{font-size:34px;line-height:1.1}.progress-circle{width:38px;height:38px}.progress-track{margin-top:11px}.remaining{font-size:7.5px;margin:6px 0 10px}.macro{padding:8px 2px}.macro i{width:26px;height:26px;margin-bottom:4px}.macro b{font-size:17px;line-height:1.3}.log-title{margin:16px 0 8px}.food-row{padding:8px 7px}.phone-add{margin-top:12px}
@media(max-width:900px) and (min-width:701px){.hero{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}}
@media(max-width:700px){.hero{grid-template-columns:minmax(0,1fr)}.hero-visual{height:640px;margin:25px 0 -96px}.hero-visual figcaption{bottom:0;right:65px}.result-float{bottom:92px}.orbit{inset:50px 5px 0}.orbit-two{inset:85px 40px 35px}}
@media(max-width:390px){.hero h1{font-size:clamp(40px,12vw,47px)}.hero-visual{height:640px;margin-bottom:-179px}.hero-visual figcaption{bottom:0}.result-float{bottom:92px}}
@media(max-width:340px){.hero-visual{transform:scale(.62);margin-bottom:-243px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.app-cta:hover{transform:none}}
@media print{body{background:white;color:black}.site-header,.site-footer,.mini-cta,.app-cta{display:none}p,.page-content a{color:#222}.container{width:100%}.page-content,.page-heading{max-width:none}.inner-page{padding:0}.legal-content>section{break-inside:avoid}}