:root{--background:#f6f4ef;--foreground:#1e2430;--muted:#6e7686;--card:#ffffff;--accent:#1d6b5c;--accent-strong:#144f45;--accent-soft:#dcefe7;--border:#d8dccf;--shadow:0 12px 32px rgba(30,36,48,0.08)}*{box-sizing:border-box}body,html{margin:0;padding:0;background:radial-gradient(circle at top,#fffaf0 0,var(--background) 65%);color:var(--foreground);font-family:Georgia,Times New Roman,serif}a{color:inherit;text-decoration:none}main{padding:0 24px 48px}.app-shell,main{min-height:100vh}.app-header{position:-webkit-sticky;position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:20px 24px 12px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.brand-mark{display:inline-flex;align-items:center;flex-shrink:0}.brand-mark img{display:block;width:auto;height:58px}.action-nav,.primary-nav{display:flex;flex-wrap:wrap;gap:12px}.nav-button{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:10px 16px;border:1px solid var(--border);border-radius:999px;background:var(--card);box-shadow:var(--shadow);color:var(--accent-strong);font-size:.98rem;font-weight:700;line-height:1;transition:transform .18s ease,background-color .18s ease,color .18s ease,border-color .18s ease,box-shadow .18s ease}.nav-button:focus-visible,.nav-button:hover{transform:translateY(-1px);border-color:var(--accent);background:var(--accent-soft);outline:none}.nav-button-active{border-color:var(--accent);background:var(--accent);box-shadow:none;color:#ffffff}.content-section{max-width:960px}.landing-page{display:grid;grid-gap:36px;gap:36px;padding-bottom:72px}.landing-final-cta,.landing-hero,.landing-logout-row,.landing-section,.landing-subnav{width:min(1180px,100%);margin:0 auto}.landing-subnav{position:-webkit-sticky;position:sticky;top:10px;z-index:18;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:14px 18px;border:1px solid rgba(216,220,207,.76);border-radius:999px;background:rgba(255,255,255,.82);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:0 16px 34px rgba(30,36,48,.06)}.landing-subnav-brand{display:inline-flex;align-items:center;flex-shrink:0;padding-top:14px}.landing-subnav-brand img{display:block;width:auto;height:76px}.landing-subnav-links{display:flex;align-items:center;flex-wrap:wrap;gap:8px}.landing-subnav-button,.landing-subnav-link{padding:10px 14px;border:none;border-radius:999px;background:transparent;color:var(--muted);font:inherit;font-size:.95rem;cursor:pointer;transition:background-color .18s ease,color .18s ease}.landing-subnav-button:focus-visible,.landing-subnav-button:hover,.landing-subnav-link:focus-visible,.landing-subnav-link:hover{background:rgba(220,239,231,.72);color:var(--accent-strong);outline:none}.landing-subnav-button{background:#1473e6;color:#ffffff;font-weight:700}.landing-hero{display:grid;grid-template-columns:minmax(0,.9fr) minmax(380px,1.1fr);grid-gap:12px;gap:12px;align-items:center;min-height:72vh;padding-top:4px}.landing-final-cta,.landing-hero-copy,.landing-section{border:1px solid rgba(216,220,207,.78);border-radius:32px;background:rgba(255,255,255,.74);box-shadow:0 24px 60px rgba(30,36,48,.06)}.landing-hero-copy{display:grid;grid-gap:24px;gap:24px;padding:20px 12px 20px 4px;border:none;background:transparent;box-shadow:none}.landing-eyebrow{margin:0;color:var(--accent-strong);font-size:.78rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase}.landing-title{margin:0;font-size:clamp(2.45rem,4.9vw,4.45rem);line-height:.98;letter-spacing:-.05em}.landing-benefit-card p,.landing-faq-item p,.landing-feature-card p,.landing-final-cta p,.landing-section-heading p,.landing-step-card p,.landing-subtitle{margin:0;color:var(--muted);font-size:1.15rem;line-height:1.7}.landing-final-actions{display:flex;flex-wrap:wrap;gap:14px}.landing-primary-cta{background:var(--accent);border-color:var(--accent);box-shadow:none;color:#ffffff}.landing-primary-cta:focus-visible,.landing-primary-cta:hover{background:var(--accent-strong);border-color:var(--accent-strong);color:#ffffff}.landing-preview-label,.landing-step-accent{margin:0;font-size:.86rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}.landing-device-stage{position:relative;min-height:600px}.landing-device-card{position:absolute;border:1px solid rgba(216,220,207,.84);border-radius:34px;background:rgba(255,255,255,.9);box-shadow:0 26px 60px rgba(30,36,48,.11)}.landing-device-card-primary{top:10px;right:40px;width:min(620px,92%);transform:perspective(1400px) rotateY(-18deg) rotateX(7deg);overflow:hidden}.landing-device-card-secondary{left:6%;bottom:100px;width:280px;padding:20px;transform:rotate(-11deg)}.landing-device-card-tertiary{right:4%;bottom:24px;width:220px;padding:18px;transform:rotate(8deg)}.landing-device-header{display:flex;gap:10px;padding:18px 20px;border-bottom:1px solid rgba(216,220,207,.8);background:rgba(250,249,245,.94)}.landing-device-dot{width:10px;height:10px;border-radius:999px;background:#d2d7d0}.landing-device-body{display:grid;grid-gap:18px;gap:18px;padding:30px;background:radial-gradient(circle at top right,rgba(220,239,231,.84),transparent 36%),linear-gradient(180deg,rgba(255,255,255,.96),rgba(247,248,245,.94))}.landing-device-body h2,.landing-final-cta h2,.landing-section-heading h2{margin:0;font-size:clamp(2rem,4vw,3rem);line-height:1.05;letter-spacing:-.04em}.landing-device-kicker{margin:0;color:var(--muted);font-size:.9rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.landing-device-lines{display:grid;grid-gap:12px;gap:12px}.landing-device-lines span{display:block;height:16px;border-radius:999px;background:linear-gradient(90deg,rgba(215,219,212,.92),rgba(231,234,228,.72))}.landing-device-lines span:first-child{width:72%}.landing-device-lines span:nth-child(2){width:92%}.landing-device-lines span:nth-child(3){width:58%}.landing-device-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:14px;gap:14px}.landing-device-events span,.landing-device-grid div,.landing-device-tags span{padding:16px;border-radius:20px;background:rgba(255,255,255,.88);color:var(--accent-strong);font-size:.98rem;font-weight:700;text-align:center}.landing-device-mini{display:grid;grid-gap:8px;gap:8px;margin-bottom:16px}.landing-device-mini strong{font-size:1.25rem}.landing-benefits-grid,.landing-device-events,.landing-device-tags,.landing-faq-list,.landing-features-grid,.landing-steps-grid{display:grid;grid-gap:16px;gap:16px}.landing-benefit-card,.landing-faq-item,.landing-feature-card,.landing-step-card{padding:22px;border:1px solid rgba(216,220,207,.85);border-radius:24px;background:rgba(255,255,255,.92)}.landing-benefit-card h3,.landing-feature-card h3,.landing-step-card h3{margin:10px 0 8px;font-size:1.35rem;line-height:1.2}.landing-preview-item span{color:var(--muted);font-size:1rem;line-height:1.65}.landing-section{display:grid;grid-gap:24px;gap:24px;padding:34px}.landing-section-heading{display:grid;grid-gap:12px;gap:12px;max-width:760px}.landing-benefits-grid,.landing-features-grid,.landing-steps-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.landing-problem-block{background:radial-gradient(circle at right top,rgba(255,245,222,.9),transparent 32%),rgba(255,255,255,.92)}.landing-faq-item summary{cursor:pointer;list-style:none;font-size:1.15rem;font-weight:700}.landing-faq-item summary::-webkit-details-marker{display:none}.landing-faq-item p{margin-top:14px}.landing-final-cta{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:34px}.landing-logout-row{display:flex;justify-content:flex-end}.landing-footer{width:min(1180px,100%);margin:0 auto;padding:26px 0 12px;border-top:1px solid rgba(216,220,207,.92);color:#525862}.landing-footer-columns{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));grid-gap:28px;gap:28px}.landing-footer-column h3{margin:0 0 16px;color:var(--foreground);font-size:1.05rem;line-height:1.2}.landing-footer-column ul{margin:0;padding:0;list-style:none;display:grid;grid-gap:12px;gap:12px}.landing-footer-column a{color:#626874;font-size:.98rem;line-height:1.45}.landing-footer-column a:focus-visible,.landing-footer-column a:hover,.landing-footer-legal a:focus-visible,.landing-footer-legal a:hover{color:var(--accent-strong);text-decoration:underline;outline:none}.landing-footer-bottom,.landing-footer-note{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-top:20px;margin-top:20px;border-top:1px solid rgba(216,220,207,.88)}.landing-footer-bottom p,.landing-footer-legal,.landing-footer-note p{margin:0;color:#707784;font-size:.96rem;line-height:1.65}.landing-footer-legal{display:flex;flex-wrap:wrap;gap:18px}.home-hero{display:grid;grid-gap:20px;gap:20px}.home-actions{display:grid;grid-gap:18px;gap:18px;justify-items:start}.login-trigger{min-width:132px}.login-overlay{position:fixed;inset:0;z-index:50;display:grid;place-items:center;padding:24px;background:rgba(30,36,48,.24);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.login-modal{position:relative;width:min(100%,760px)}.login-close{position:absolute;top:16px;right:18px;z-index:2;border:none;background:transparent;color:var(--muted);font-size:1.8rem;line-height:1;cursor:pointer}.login-card{display:grid;grid-gap:18px;gap:18px;padding:56px 56px 44px;border:1px solid var(--border);border-radius:36px;background:rgba(255,255,255,.98);box-shadow:0 24px 64px rgba(30,36,48,.14)}.login-title{margin:0;text-align:center;font-size:2rem;line-height:1.1}.email-login-button,.google-login-button,.login-input,.login-secondary-button{width:100%;min-height:78px;padding:18px 24px;border-radius:22px;font-family:Georgia,Times New Roman,serif;font-size:1.2rem}.google-login-button{display:inline-flex;align-items:center;justify-content:center;gap:18px;border:1px solid var(--border);background:#ffffff;color:var(--foreground);cursor:pointer}.google-mark{display:inline-grid;place-items:center;width:34px;height:34px;border-radius:999px;background:linear-gradient(135deg,#fbbc05,#34a853 48%,#4285f4 75%,#ea4335);color:#ffffff;font-size:1.1rem;font-weight:700;font-family:Arial,sans-serif}.login-divider{margin:0;color:var(--muted);text-align:center;font-size:1.2rem}.login-input{border:1px solid var(--border);background:#ffffff;color:var(--foreground)}.login-input::placeholder{color:#808080}.email-login-button{border:1px solid #151515;background:#151515;color:#ffffff;cursor:pointer}.email-login-button:disabled,.login-secondary-button:disabled{cursor:wait;opacity:.72}.login-secondary-button{border:1px solid var(--border);background:#ffffff;color:var(--accent-strong);cursor:pointer}.login-error{margin:-4px 0 0;color:#8b2e2e;line-height:1.5}.login-disclaimer,.login-error{text-align:center;font-size:.95rem}.login-disclaimer{margin:0;color:var(--muted);line-height:1.7}@media (max-width:720px){.app-header{align-items:flex-start;flex-direction:column}.brand-mark{max-width:min(68vw,220px)}.brand-mark img{height:auto;width:100%}.landing-page{gap:24px}.landing-subnav{position:static;display:grid;justify-items:stretch;border-radius:28px}.landing-subnav-links{justify-content:flex-start}.landing-final-cta,.landing-hero-copy,.landing-section{padding:24px}.landing-title{font-size:2.8rem}.landing-device-stage{min-height:420px}.landing-device-card-primary,.landing-device-card-secondary,.landing-device-card-tertiary{transform:none}.landing-device-card-primary{left:0;right:0;width:100%}.landing-device-card-secondary{left:0;bottom:96px;width:56%}.landing-device-card-tertiary{right:0;bottom:0;width:46%}.login-card{padding:52px 24px 28px}.email-login-button,.google-login-button,.login-input,.login-secondary-button{min-height:64px;font-size:1.05rem}}@media (max-width:980px){.landing-benefits-grid,.landing-features-grid,.landing-final-cta,.landing-hero,.landing-steps-grid{grid-template-columns:1fr}.landing-footer-columns{grid-template-columns:repeat(2,minmax(0,1fr))}.landing-hero-copy{padding:10px 0 0}.landing-device-stage{min-height:500px}.landing-final-cta{display:grid}.landing-footer-bottom,.landing-footer-note{align-items:flex-start;flex-direction:column}}@media (max-width:720px){.landing-footer-columns{grid-template-columns:1fr;gap:22px}}