:root{--bg:#f8f9fa;--surface:#fff;--text:#202124;--muted:#5f6368;--blue:#1a73e8;--blue-soft:#e8f0fe;--green:#188038;--green-soft:#e6f4ea;--yellow:#f9ab00;--yellow-soft:#fef7e0;--red:#d93025;--line:#dadce0;--shadow:0 1px 2px #3c40431f, 0 4px 12px #3c404314;--radius:24px;--header-bg:#fff;--hero-bg:#fff;--card-bg:#fff;--footer-bg:#fff;--center-logo-bg:#fff;--ring-color-1:#1a73e826;--ring-color-2:#4fc3f733;--ring-color-3:#1880381f;--ring-color-4:#1a73e814;--float-card-1-bg:#c8e6c9;--float-card-1-border:#81c784;--float-card-2-bg:#bbdefb;--float-card-2-border:#64b5f6;--float-card-3-bg:#ffe0b2;--float-card-3-border:#ffb74d;--float-card-4-bg:#ffcdd2;--float-card-4-border:#ef9a9a;--float-card-5-bg:#e1bee7;--float-card-5-border:#ce93d8}[data-theme=dark]{--bg:#1a1d27;--surface:#242836;--text:#e8eaed;--muted:#9aa0a6;--blue:#8ab4f8;--blue-soft:#1e2a4a;--green:#81c995;--green-soft:#1a3a2e;--yellow:#fdd663;--yellow-soft:#3a3220;--red:#f28b82;--line:#3c4043;--shadow:0 1px 3px #0000004d, 0 4px 12px #0003;--header-bg:#1a1d27;--hero-bg:#202124;--card-bg:#242836;--footer-bg:#202124;--center-logo-bg:#242836;--ring-color-1:#8ab4f81f;--ring-color-2:#8ab4f826;--ring-color-3:#81c9951a;--ring-color-4:#8ab4f812;--float-card-1-bg:#1a3a2e;--float-card-1-border:#2d5a44;--float-card-2-bg:#1e2a4a;--float-card-2-border:#2d3c6a;--float-card-3-bg:#3a3220;--float-card-3-border:#5a4a30;--float-card-4-bg:#3a1a1a;--float-card-4-border:#5a2a2a;--float-card-5-bg:#2a1a3a;--float-card-5-border:#4a2a5a}*{box-sizing:border-box}html{scroll-behavior:smooth}body{color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;margin:0;font-family:Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}.container{width:min(1200px,100% - 48px);margin:0 auto}header{background:var(--header-bg);border-bottom:1px solid var(--line);z-index:20;height:72px;position:sticky;top:0}.nav{justify-content:space-between;align-items:center;gap:32px;height:72px;line-height:0;display:flex}.nav-links{align-items:center;gap:28px;line-height:0;display:flex}.brand{letter-spacing:-.02em;color:#fff;align-items:center;gap:6px;height:34px;font-size:21px;font-weight:500;display:inline-flex}.brand svg{flex:none;display:block}.nav-links a{color:var(--text);font-size:14px;font-weight:500}.nav-links a:hover{color:var(--blue)}.theme-toggle{border:1px solid var(--line);background:var(--surface);width:40px;height:40px;color:var(--muted);cursor:pointer;border-radius:50%;flex:none;place-items:center;transition:all .2s;display:grid;position:relative}.theme-toggle:hover{border-color:var(--blue);color:var(--blue);background:var(--blue-soft)}.center-icon{z-index:2;color:#388e3c;display:block}[data-theme=dark] .theme-toggle:hover{border-color:var(--blue);color:var(--blue);background:var(--blue-soft)}.theme-icon{color:var(--muted);display:block}.hero{background:var(--hero-bg);border-bottom:1px solid var(--line);padding:92px 0 90px}.hero-grid{grid-template-columns:1.08fr .92fr;align-items:center;gap:70px;display:grid}.eyebrow{color:var(--blue);align-items:center;gap:9px;margin-bottom:22px;font-size:14px;font-weight:600;display:inline-flex}h1{letter-spacing:-3.5px;max-width:730px;margin:0;font-size:clamp(48px,6.5vw,76px);font-weight:500;line-height:1.03}.google-blue{color:var(--blue)}.google-green{color:var(--green)}.hero-copy{max-width:650px;color:var(--muted);margin:28px 0 0;font-size:19px;line-height:1.6}.actions{flex-wrap:wrap;align-items:center;gap:12px;margin-top:32px;display:flex}.button{border-radius:24px;justify-content:center;align-items:center;min-height:46px;padding:0 22px;font-size:14px;font-weight:600;transition:all .2s;display:inline-flex}.button-primary{color:#fff;background:var(--blue);box-shadow:0 1px 2px #0000001f}.button-primary:hover{background:#1769d1;box-shadow:0 2px 7px #1a73e84d}[data-theme=dark] .button-primary:hover{background:#669df6}.button-secondary{color:var(--blue);background:var(--blue-soft)}.button-secondary:hover{background:#dce8fb}[data-theme=dark] .button-secondary:hover{background:#2a3a5a}.hero-visual{justify-content:center;align-items:center;width:100%;height:390px;display:flex;position:relative}.hero-visual-inner{justify-content:center;align-items:center;width:0;height:0;display:flex;position:relative}.wave-ring{border:1.5px solid var(--ring-color-1);border-radius:50%;width:120px;height:120px;animation:4s ease-out infinite wavePulse;position:absolute}.wave-ring.two{border-color:var(--ring-color-2);width:200px;height:200px;animation-delay:1s}.wave-ring.three{border-color:var(--ring-color-3);width:280px;height:280px;animation-delay:2s}.wave-ring.four{border-color:var(--ring-color-4);width:360px;height:360px;animation-delay:3s}@keyframes wavePulse{0%{opacity:1;transform:scale(.5)}to{opacity:0;transform:scale(1.8)}}.center-logo{background:var(--center-logo-bg);border:1px solid var(--line);width:90px;height:90px;box-shadow:var(--shadow);z-index:2;border-radius:50%;place-items:center;animation:.7s both fadeUp;display:grid;position:absolute;top:-45px;left:-45px}.float-card{min-width:118px;box-shadow:var(--shadow);z-index:3;text-align:center;border:1px solid #0000;border-radius:16px;padding:10px 13px;transition:transform .35s cubic-bezier(.25,.46,.45,.94),box-shadow .35s;position:absolute}.float-card:hover{transform:scale(1.1);box-shadow:0 8px 24px #00000024}[data-theme=dark] .float-card:hover{box-shadow:0 8px 24px #ffffff14}.float-card strong{color:var(--text);margin-bottom:2px;font-size:12px;display:block}.float-card span{color:var(--muted);font-size:11px}.float-card.one{background:var(--float-card-1-bg);border-color:var(--float-card-1-border);top:-180px;left:-60px}.float-card.two{background:var(--float-card-2-bg);border-color:var(--float-card-2-border);top:-40px;right:-230px}.float-card.three{background:var(--float-card-3-bg);border-color:var(--float-card-3-border);bottom:-180px;left:-160px}.float-card.four{background:var(--float-card-4-bg);border-color:var(--float-card-4-border);bottom:-180px;right:-160px}.float-card.five{background:var(--float-card-5-bg);border-color:var(--float-card-5-border);top:-40px;left:-230px}.apps{padding:92px 0 105px}.section-title{text-align:center;max-width:720px;margin:0 auto 40px}.kicker{color:var(--blue);margin-bottom:12px;font-size:13px;font-weight:600}h2{letter-spacing:-1.7px;margin:0;font-size:clamp(34px,4vw,48px);font-weight:500;line-height:1.12}.section-subtitle{color:var(--muted);margin:16px 0 0;font-size:17px;line-height:1.6}.app-grid{grid-template-columns:repeat(2,1fr);gap:22px;display:grid}.app-card{background:var(--card-bg);border:1px solid var(--line);border-radius:var(--radius);min-height:365px;padding:30px;transition:all .22s;position:relative;overflow:hidden}.app-card:hover{box-shadow:var(--shadow);transform:translateY(-3px)}.app-card:after{content:"";opacity:.8;border-radius:50%;width:220px;height:220px;position:absolute;bottom:-90px;right:-90px}.card-calories:after{background:var(--green-soft)}.card-file:after{background:var(--blue-soft)}.app-icon{z-index:1;border-radius:18px;place-items:center;width:62px;height:62px;margin-bottom:82px;font-size:27px;display:grid;position:relative}.icon-green{color:var(--green);background:var(--green-soft)}.icon-blue{color:var(--blue);background:var(--blue-soft)}.app-card h3{letter-spacing:-.6px;z-index:1;margin:0 0 12px;font-size:25px;font-weight:500;position:relative}.app-card p{max-width:510px;min-height:48px;color:var(--muted);z-index:1;margin:0 0 25px;font-size:15px;line-height:1.55;position:relative}.app-link{color:var(--blue);z-index:1;align-items:center;gap:8px;font-size:14px;font-weight:600;display:inline-flex;position:relative}.app-link:hover .arrow{transform:translate(4px)}.arrow{transition:all .2s}.coming{border:1px solid var(--line);border-radius:var(--radius);background:var(--card-bg);justify-content:space-between;align-items:center;gap:24px;margin-top:22px;padding:26px 30px;display:flex}.coming-icon{background:var(--yellow-soft);width:48px;height:48px;color:var(--yellow);border-radius:50%;flex:none;place-items:center;font-size:21px;display:grid}.coming-content{flex:1}.coming strong{margin-bottom:5px;font-size:16px;font-weight:500;display:block}.coming span{color:var(--muted);font-size:14px}.about{padding:0 0 100px}.about-box{background:var(--card-bg);border:1px solid var(--line);text-align:center;border-radius:30px;padding:58px}.about-box p{max-width:650px;color:var(--muted);margin:20px auto 0;font-size:17px;line-height:1.65}footer{border-top:1px solid var(--line);background:var(--footer-bg);color:var(--muted);padding:54px 0 25px;font-size:13px}.footer-grid{text-align:center;flex-direction:column;align-items:center;padding-bottom:45px;display:flex}.footer-brand p{max-width:280px;margin:12px auto 0;line-height:1.55}.footer-bottom{border-top:1px solid var(--line);justify-content:space-between;gap:20px;padding-top:22px;display:flex}@keyframes fadeUp{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}.hero>.container{animation:.7s both fadeUp}.float-card.one{animation:.7s .15s both fadeUp}.float-card.two{animation:.7s .3s both fadeUp}.float-card.three{animation:.7s .45s both fadeUp}.float-card.four{animation:.7s .6s both fadeUp}.float-card.five{animation:.7s .75s both fadeUp}.app-card{opacity:0;transition:opacity .55s,transform .55s,box-shadow .22s;transform:translateY(18px)}.app-card.visible{opacity:1;transform:translateY(0)}.coming{opacity:0;transition:opacity .55s,transform .55s;transform:translateY(16px)}.coming.visible{opacity:1;transform:translateY(0)}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.app-card,.coming{opacity:1;transform:none}}@media (width<=820px){.container{width:min(100% - 32px,1200px)}.nav-links a:not(.nav-button){display:none}.hero{padding:65px 0 70px}.hero-grid{grid-template-columns:1fr;gap:45px}.hero-visual{display:none}.wave-ring{border-width:1px}.wave-ring.two{width:160px;height:160px}.wave-ring.three{width:220px;height:220px}.wave-ring.four{width:280px;height:280px}.app-grid{grid-template-columns:1fr}.app-card{min-height:330px}.about-box{padding:40px 24px}}@media (width<=520px){header,.nav{height:64px}.brand{gap:4px;height:22px;font-size:16px}.brand svg:first-child{width:28px;height:22px}.brand svg:last-child{width:140px;height:32px;margin-bottom:1px}h1{letter-spacing:-2.5px;text-align:center;font-size:46px}.hero-copy{text-align:center;font-size:17px}.actions{justify-content:center}.hero-visual{display:none}.app-card{padding:25px}.app-icon{margin-bottom:65px}.coming{padding:22px}.footer-grid{text-align:center;grid-template-columns:1fr;gap:30px}.footer-brand{text-align:center}.footer-brand p{margin-left:auto;margin-right:auto}.footer-bottom{flex-direction:row;justify-content:center;gap:24px}}