:root{--orange:#f97316;--orange-dark:#ea580c;--orange-light:#fff7ed;--orange-mid:#ffedd5;--orange-border:#f973164d;--text:#6b7280;--text-h:#111827;--text-light:#9ca3af;--bg:#fff;--bg-subtle:#f9fafb;--border:#e5e7eb;--shadow-sm:0 1px 3px #00000014, 0 1px 2px #0000000d;--shadow:0 4px 24px #00000014, 0 1px 3px #0000000d;--shadow-lg:0 20px 60px #0000001f, 0 4px 12px #0000000f;--radius:16px;--radius-sm:8px;--radius-pill:999px;--sans:-apple-system, BlinkMacSystemFont, "SF Pro Display", "Segoe UI", system-ui, sans-serif;font:16px/1.6 var(--sans);color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility}*,:before,:after{box-sizing:border-box}body{margin:0}h1,h2,h3{color:var(--text-h);letter-spacing:-.02em;margin:0;font-weight:700;line-height:1.15}p{margin:0}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}ul{margin:0;padding:0;list-style:none}.btn{border-radius:var(--radius-pill);cursor:pointer;white-space:nowrap;font-weight:600;font-family:var(--sans);border:2px solid #0000;align-items:center;gap:8px;text-decoration:none;transition:transform .15s,box-shadow .15s,background .15s;display:inline-flex}.btn:hover{transform:translateY(-1px)}.btn:active{transform:translateY(0)}.btn-primary{background:var(--orange);color:#fff}.btn-primary:hover{background:var(--orange-dark);box-shadow:0 8px 24px #f9731659}.btn-ghost{color:var(--text-h);border-color:var(--border);background:0 0}.btn-ghost:hover{background:var(--bg-subtle)}.btn-outline{color:var(--orange);border-color:var(--orange-border);background:0 0}.btn-outline:hover{background:var(--orange-light)}.btn-sm{padding:8px 18px;font-size:14px}.btn-lg{padding:14px 28px;font-size:16px}.btn-full{justify-content:center;width:100%}.nav{z-index:100;-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--border);background:#ffffffe6;position:sticky;top:0}.nav-inner{justify-content:space-between;align-items:center;max-width:1100px;margin:0 auto;padding:14px 24px;display:flex}.nav-logo{align-items:center;gap:10px;display:flex}.nav-logo-img{object-fit:contain;border-radius:8px;width:36px;height:36px}.nav-logo-text{color:var(--text-h);letter-spacing:-.02em;font-size:18px;font-weight:700}.section-header{text-align:center;max-width:600px;margin:0 auto 64px}.section-title{margin-bottom:16px;font-size:clamp(28px,4vw,40px)}.section-title.left{text-align:left}.section-subtitle{color:var(--text);font-size:18px;line-height:1.6}.section-subtitle.left{text-align:left}.section-tag{letter-spacing:.08em;text-transform:uppercase;color:var(--orange);background:var(--orange-light);border:1px solid var(--orange-border);border-radius:var(--radius-pill);margin-bottom:20px;padding:4px 14px;font-size:13px;font-weight:600;display:inline-block}.text-orange{color:var(--orange)}.hero{grid-template-columns:1fr 1fr;align-items:center;gap:48px;max-width:1100px;margin:0 auto;padding:80px 24px 40px;display:grid}.hero-badge{letter-spacing:.08em;text-transform:uppercase;color:var(--orange);background:var(--orange-light);border:1px solid var(--orange-border);border-radius:var(--radius-pill);margin-bottom:28px;padding:5px 14px;font-size:13px;font-weight:600;display:inline-block}.hero-title{margin-bottom:20px;font-size:clamp(36px,5vw,56px)}.hero-subtitle{color:var(--text);max-width:480px;margin-bottom:40px;font-size:18px;line-height:1.65}.hero-ctas{flex-wrap:wrap;gap:12px;display:flex}.hero-image{justify-content:center;align-items:flex-end;display:flex}.phone-mockup{filter:drop-shadow(0 32px 64px #0000002e);width:280px;position:relative}.preview-img{background:#1a1a1a;border:8px solid #1a1a1a;border-radius:40px;width:100%}.features{background:var(--bg-subtle);padding:100px 24px}.features-grid{grid-template-columns:repeat(3,1fr);gap:24px;max-width:1100px;margin:0 auto;display:grid}.feature-card{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius);flex-direction:column;transition:box-shadow .2s,transform .2s;display:flex;overflow:hidden}.feature-card:hover{box-shadow:var(--shadow);transform:translateY(-4px)}.feature-card-content{padding:28px 28px 20px}.feature-icon{background:var(--orange-light);border-radius:var(--radius-sm);width:52px;height:52px;color:var(--orange);justify-content:center;align-items:center;margin-bottom:20px;display:flex}.feature-title{color:var(--text-h);margin-bottom:10px;font-size:20px;font-weight:700}.feature-desc{color:var(--text);font-size:15px;line-height:1.6}.feature-card-image{background:linear-gradient(to bottom, transparent, var(--orange-light));justify-content:center;margin-top:auto;padding:24px 28px 0;display:flex;overflow:hidden}.feature-preview{background:#1a1a1a;border:6px solid #1a1a1a;border-radius:24px;width:160px;transform:translateY(8px);box-shadow:0 8px 32px #00000026}.details{padding:100px 24px}.details-inner{grid-template-columns:1fr 1fr;align-items:center;gap:80px;max-width:1100px;margin:0 auto;display:grid}.details-list{flex-direction:column;gap:16px;margin-top:36px;display:flex}.details-item{color:var(--text);align-items:center;gap:14px;font-size:16px;display:flex}.details-emoji{background:var(--orange-light);border-radius:var(--radius-sm);flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:22px;display:flex}.details-images{height:500px;position:relative}.details-preview{width:220px;box-shadow:var(--shadow-lg);background:#1a1a1a;border:7px solid #1a1a1a;border-radius:32px;position:absolute}.details-preview-back{top:0;right:0;transform:rotate(4deg)}.details-preview-front{bottom:0;left:20px;transform:rotate(-3deg)}.sync{background:linear-gradient(135deg, var(--orange-light) 0%, #fff 100%);text-align:center;border-top:1px solid var(--orange-mid);border-bottom:1px solid var(--orange-mid);padding:80px 24px}.sync-icon{background:var(--orange);color:#fff;border-radius:var(--radius);justify-content:center;align-items:center;width:80px;height:80px;margin:0 auto 28px;display:flex;box-shadow:0 8px 24px #f973164d}.sync-title{margin-bottom:16px;font-size:clamp(28px,4vw,40px)}.sync-desc{color:var(--text);max-width:500px;margin:0 auto 48px;font-size:18px;line-height:1.65}.sync-devices{flex-wrap:wrap;justify-content:center;align-items:center;gap:16px;display:flex}.sync-device{color:var(--text);flex-direction:column;align-items:center;gap:8px;font-size:14px;font-weight:600;display:flex}.sync-cloud{color:var(--orange);flex-direction:column;align-items:center;gap:6px;font-size:14px;font-weight:700;display:flex}.sync-connector{color:var(--orange-border)}.pricing{background:var(--bg-subtle);padding:100px 24px}.pricing-cards{grid-template-columns:1fr 1fr;align-items:start;gap:24px;max-width:760px;margin:0 auto;display:grid}.pricing-card{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius);padding:32px;position:relative}.pricing-card-featured{border-color:var(--orange);box-shadow:0 0 0 1px var(--orange), var(--shadow)}.pricing-badge{background:var(--orange);color:#fff;letter-spacing:.05em;text-transform:uppercase;border-radius:var(--radius-pill);padding:4px 14px;font-size:12px;font-weight:700;position:absolute;top:-13px;left:50%;transform:translate(-50%)}.pricing-tier{text-transform:uppercase;letter-spacing:.08em;color:var(--text);margin-bottom:12px;font-size:14px;font-weight:600}.pricing-price{align-items:baseline;gap:8px;margin-bottom:28px;display:flex}.price-amount{color:var(--text-h);letter-spacing:-.03em;font-size:28px;font-weight:800}.price-period{color:var(--text-light);font-size:14px}.pricing-features{flex-direction:column;gap:12px;margin-bottom:28px;display:flex}.pricing-features li{color:var(--text);align-items:center;gap:10px;font-size:15px;display:flex}.check{color:var(--orange);flex-shrink:0}.footer{background:var(--text-h);color:#fff9}.footer-inner{text-align:center;flex-direction:column;align-items:center;gap:16px;max-width:1100px;margin:0 auto;padding:48px 24px;display:flex}.footer-logo{align-items:center;gap:10px;display:flex}.footer-logo-img{object-fit:contain;background:#fff;border-radius:8px;width:36px;height:36px;padding:2px}.footer-logo-text{color:#fff;letter-spacing:-.02em;font-size:18px;font-weight:700}.footer-tagline{max-width:400px;font-size:14px;line-height:1.6}.footer-links{gap:24px;font-size:14px;display:flex}.footer-links a{color:#ffffff80;transition:color .15s}.footer-links a:hover{color:#fff}.footer-copy{color:#ffffff59;font-size:13px}@media (width<=768px){.hero{text-align:center;grid-template-columns:1fr;padding:60px 20px 40px}.hero-subtitle{margin-inline:auto}.hero-ctas{justify-content:center}.hero-image{order:-1}.phone-mockup{width:220px}.features{padding:72px 20px}.features-grid{grid-template-columns:1fr;max-width:440px}.details{padding:72px 20px}.details-inner{grid-template-columns:1fr;gap:48px}.details-images{height:340px}.details-preview{width:160px}.section-title.left,.section-subtitle.left{text-align:center}.pricing-cards{grid-template-columns:1fr;max-width:400px}}@media (width<=480px){.hero-ctas{flex-direction:column}.btn-lg{justify-content:center;width:100%}.hero-title{font-size:32px}}.pp-main{background:var(--bg);min-height:100svh}.pp-container{max-width:760px;margin:0 auto;padding:72px 24px 96px}.pp-header{margin-bottom:40px}.pp-title{letter-spacing:-.03em;margin:16px 0 8px;font-size:clamp(32px,5vw,48px)}.pp-meta{color:var(--text-light);font-size:14px}.pp-intro{background:var(--orange-light);border:1px solid var(--orange-border);border-radius:var(--radius);color:var(--text);margin-bottom:56px;padding:20px 24px;font-size:16px;line-height:1.65}.pp-intro strong{color:var(--orange-dark)}.pp-sections{flex-direction:column;gap:0;display:flex}.pp-section{border-bottom:1px solid var(--border);padding:36px 0}.pp-section:last-child{border-bottom:none}.pp-section-title{color:var(--text-h);align-items:center;gap:14px;margin-bottom:16px;font-size:20px;font-weight:700;display:flex}.pp-section-num{color:var(--orange);background:var(--orange-light);letter-spacing:.02em;border-radius:6px;flex-shrink:0;padding:3px 8px;font-size:13px;font-weight:700}.pp-section-body{flex-direction:column;gap:14px;display:flex}.pp-section-body p{color:var(--text);font-size:16px;line-height:1.7}@media (width<=480px){.pp-container{padding:48px 20px 72px}}