:root{--bg-body: #F7F7F5;--bg-card: #FFFFFF;--color-slate-blue: #4A6C8C;--color-slate-dark: #2C3E50;--color-text-main: #1A1A1A;--color-text-sub: #555555;--color-accent-light: #E8EEF4;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 24px;--spacing-unit: 8px;--container-max: 1200px;--font-main: "Inter", sans-serif;--font-serif: "Playfair Display", serif}*{box-sizing:border-box;margin:0;padding:0;-webkit-font-smoothing:antialiased}body{font-family:var(--font-main);background-color:var(--bg-body);color:var(--color-text-main);line-height:1.6;overflow-x:hidden}.container{max-width:var(--container-max);margin:0 auto;padding:0 24px}.text-center{text-align:center}.text-slate{color:var(--color-slate-blue)}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-1{gap:8px}.gap-2{gap:16px}.gap-4{gap:32px}h1,h2,h3,h4{font-weight:700;color:var(--color-text-main);letter-spacing:-.02em}h1{font-size:clamp(48px,5vw,72px);line-height:1.1;margin-bottom:24px}h2{font-size:36px;margin-bottom:16px}h3{font-size:24px;margin-bottom:12px}p{color:var(--color-text-sub);font-size:18px}.label-caps{text-transform:uppercase;letter-spacing:.15em;font-size:12px;font-weight:600;color:var(--color-slate-blue);margin-bottom:16px;display:block}.btn{display:inline-flex;align-items:center;justify-content:center;padding:14px 28px;border-radius:var(--radius-sm);font-weight:600;text-decoration:none;transition:all .2s ease;cursor:pointer;border:none}.btn-primary{background-color:var(--color-slate-blue);color:#fff;box-shadow:0 4px 12px #4a6c8c33}.btn-primary:hover{transform:translateY(-2px);background-color:var(--color-slate-dark)}.store-badge{display:inline-flex;align-items:center;background:#000;color:#fff;padding:8px 16px;border-radius:6px;text-decoration:none;font-size:14px;gap:10px;min-width:160px;transition:transform .2s}.store-badge:hover{transform:translateY(-2px)}.store-badge svg{width:24px;height:24px;fill:#fff}.store-badge .text-col{display:flex;flex-direction:column;align-items:flex-start;line-height:1.1}.store-badge .tiny{font-size:10px;font-weight:400}.store-badge .big{font-size:16px;font-weight:600}nav{position:sticky;top:0;background:#f7f7f5e6;backdrop-filter:blur(12px);z-index:1000;padding:20px 0;border-bottom:1px solid rgba(0,0,0,.05)}.nav-inner{display:flex;justify-content:space-between;align-items:center}.logo{font-weight:800;font-size:24px;display:flex;align-items:center;gap:10px;color:var(--color-text-main)}.logo-mark{width:32px;height:32px;background:var(--color-text-main);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:18px;font-weight:900}.hero{padding:100px 0 80px;position:relative}.hero-content{max-width:800px;margin:0 auto 60px}.hero-subtitle{font-size:22px;color:var(--color-text-sub);margin-bottom:40px;max-width:600px;margin-left:auto;margin-right:auto}.badge-container{display:flex;gap:16px;justify-content:center;margin-bottom:24px}.trust-micro{font-size:12px;color:#888;letter-spacing:.5px}.phone-stage{perspective:2000px;height:600px;display:flex;justify-content:center;margin-top:-20px}.phone{width:320px;height:600px;background:#fff;border-radius:40px;border:8px solid #2d2d2d;position:relative;transform:rotateX(15deg) rotateY(-10deg) rotate(5deg);box-shadow:20px 30px 50px #0003,inset 0 0 20px #0000001a;overflow:hidden;transition:transform .5s ease-out}.phone:hover{transform:rotateX(0) rotateY(0) rotate(0)}.notch{position:absolute;top:0;left:50%;transform:translate(-50%);width:120px;height:30px;background:#2d2d2d;border-bottom-left-radius:16px;border-bottom-right-radius:16px;z-index:10}.app-header{padding:50px 20px 20px;border-bottom:1px solid #eee}.app-h1{font-size:24px;font-weight:700;margin-bottom:4px}.app-date{font-size:12px;color:#888}.app-body{padding:20px}.ui-card{background:#f8f9fa;border-radius:12px;padding:16px;margin-bottom:16px}.ui-label{font-size:10px;text-transform:uppercase;color:#888;font-weight:700;margin-bottom:8px}.ui-big-num{font-size:32px;font-weight:700;color:var(--color-slate-blue)}.ui-unit{font-size:14px;color:#666;font-weight:400}.bcs-scale{display:flex;height:40px;background:#eee;border-radius:20px;margin-top:10px;position:relative;align-items:center;padding:4px}.bcs-knob{width:32px;height:32px;background:var(--color-slate-blue);border-radius:50%;position:absolute;left:60%;box-shadow:0 2px 5px #0003}.problem-section{background:#fff;padding:120px 0}.quote-block{max-width:800px;margin:0 auto;text-align:center}.quote-text{font-family:var(--font-serif);font-size:42px;font-style:italic;line-height:1.3;color:var(--color-text-main);margin-bottom:32px}.problem-desc{max-width:500px;margin:0 auto;color:var(--color-text-sub)}.features{padding:120px 0}.feature-row{display:flex;align-items:center;gap:80px;margin-bottom:160px}.feature-row.reverse{flex-direction:row-reverse}.feature-text{flex:1}.feature-visual{flex:1;background:#fff;border-radius:20px;box-shadow:0 20px 40px #0000000d;padding:40px;position:relative;border:1px solid rgba(0,0,0,.03);min-height:400px;display:flex;flex-direction:column;justify-content:center}.graph-line{width:100%;height:4px;background:#eee;margin:40px 0;position:relative}.graph-line:after{content:"";position:absolute;top:0;left:0;width:70%;height:100%;background:var(--color-slate-blue)}.graph-dot{width:16px;height:16px;background:var(--color-slate-blue);border:3px solid #fff;border-radius:50%;position:absolute;left:70%;top:-6px;box-shadow:0 2px 4px #0000001a}.symptom-chips{display:flex;flex-wrap:wrap;gap:8px}.chip{padding:8px 16px;background:#f0f2f5;border-radius:20px;font-size:14px;color:#555}.chip.alert{background:#fce8e8;color:#c0392b;border:1px solid #F5C6CB}.pdf-doc{background:#fff;border:1px solid #ddd;width:240px;height:340px;margin:0 auto;padding:24px;box-shadow:10px 10px 30px #0000001a;position:relative;transform:rotate(-5deg)}.doc-line{height:8px;background:#eee;margin-bottom:12px;border-radius:2px}.doc-line.short{width:60%}.pricing{padding:80px 0 120px;background:var(--bg-body)}.pricing-grid{display:grid;grid-template-columns:1fr 1fr;gap:32px;max-width:900px;margin:60px auto 0}.price-card{background:#fff;padding:40px;border-radius:var(--radius-md);border:1px solid rgba(0,0,0,.05);display:flex;flex-direction:column;transition:transform .3s}.price-card:hover{transform:translateY(-5px);box-shadow:0 20px 40px #0000000d}.price-card.pro{background:#1a1a1a;color:#fff}.price-card.pro h3,.price-card.pro .price,.price-card.pro .feature-item{color:#fff}.price-card.pro .label-caps{color:#8daac9}.price{font-size:32px;font-weight:700;margin:16px 0 32px}.price span{font-size:16px;font-weight:400;color:#888}.price-card.pro .price span{color:#666}.feature-list{list-style:none;margin-bottom:32px;flex-grow:1}.feature-item{padding-left:24px;position:relative;margin-bottom:16px;color:var(--color-text-main)}.feature-item:before{content:"✓";position:absolute;left:0;color:var(--color-slate-blue);font-weight:700}footer{background:#111;color:#fff;padding:80px 0 40px}.footer-grid{display:flex;justify-content:space-between;margin-bottom:60px}.footer-left h4{color:#fff;margin-bottom:8px}.footer-left p{color:#666;font-size:14px}.footer-right a{color:#fff;text-decoration:none;margin-left:24px;font-size:14px;opacity:.7;transition:opacity .2s}.footer-right a:hover{opacity:1}.copyright{text-align:center;border-top:1px solid #333;padding-top:40px;color:#444;font-size:12px}@media(max-width:768px){h1{font-size:36px;margin-bottom:20px}h2{font-size:28px}h3{font-size:20px}.hero-subtitle{font-size:18px;line-height:1.5;margin-bottom:30px}.quote-text{font-size:28px}.hero{padding:60px 0 0}.problem-section,.features,.pricing,footer{padding:60px 0}.feature-row{flex-direction:column!important;gap:40px;margin-bottom:80px}.feature-row.reverse{flex-direction:column!important}.pricing-grid{grid-template-columns:1fr;margin-top:40px}.footer-grid{flex-direction:column;gap:40px;text-align:center}.footer-right a{margin:0 12px 12px;display:inline-block}.nav-inner{padding:0 20px}.badge-container{flex-wrap:wrap}.store-badge{width:100%;justify-content:center;max-width:200px}.phone-stage{height:auto;margin-top:40px;overflow:hidden;padding-bottom:40px;perspective:none}.phone{transform:none!important;width:90%;max-width:320px;height:auto;aspect-ratio:9/19.5;border-width:6px;margin:0 auto}.notch{width:100px;height:24px}.feature-visual{min-height:auto;padding:30px 20px}.feature-text{text-align:center}}@media(max-width:480px){.logo{font-size:20px}.logo img{height:32px!important}.btn{padding:12px 20px;font-size:14px}}