.section-title{text-align:center;margin-bottom:36px;font-size:2.4rem}.workflow-section{padding:60px 6vw}.workflow-section h2{text-align:center;margin-bottom:80px;font-size:2.4rem}.workflow-wrap{justify-content:center;display:flex}.workflow-svg{width:100%;max-width:1300px}.flow-line{stroke:#cbd5e1;stroke-width:2px;stroke-dasharray:6 6;fill:none}.flow-dot{fill:#2563eb}.node rect{fill:#fff;stroke:#0f172a;stroke-width:2px;transition:all .3s}.node:hover rect{filter:drop-shadow(0 14px 30px #0000002e);transform:translateY(-6px)}.node text{text-anchor:middle;fill:#0f172a;font-size:13px}.arrow-label{fill:#64748b;text-anchor:middle;font-size:13px}.arrow-label.left{text-anchor:start}
.productivity{text-align:center;padding:120px 20px}.productivity .tag{letter-spacing:.08em;color:var(--chart);margin-bottom:14px;font-size:.75rem;font-weight:700;display:inline-block}.productivity h2{margin-bottom:30px;font-size:2.6rem}.productivity .muted{color:#64748b;font-weight:400}.toggle{background:#f1f5f9;border-radius:999px;margin-bottom:40px;padding:6px;display:inline-flex}.toggle button{cursor:pointer;background:0 0;border:none;border-radius:999px;padding:10px 22px;font-weight:600}.toggle button.active{background:#fff;box-shadow:0 4px 14px #00000014}.content{grid-template-columns:1fr 1fr;align-items:center;gap:60px;max-width:1100px;margin:auto;display:grid}.points{text-align:left;padding:0;list-style:none}.points li{margin-bottom:16px;padding-left:28px;position:relative}.points li:before{content:"✓";color:var(--chart);font-weight:700;position:absolute;left:0}.chart-wrap,.pulse-chart{width:100%}@media (max-width:768px){.content{grid-template-columns:1fr}.productivity h2{font-size:2rem}}
.unlock-section{text-align:center;padding:120px 6vw}.unlock-section h2{margin-bottom:16px;font-size:2.4rem}.unlock-sub{color:#64748b;max-width:760px;margin:0 auto 70px;line-height:1.6}.unlock-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:36px;max-width:1200px;margin:0 auto;display:grid}.unlock-card{text-align:left;background:#fff;border-radius:20px;padding:32px 30px;transition:transform .35s,box-shadow .35s;box-shadow:0 20px 40px #00000014}.unlock-card:hover{transform:translateY(-10px);box-shadow:0 35px 70px #0000001f}.unlock-card h3{margin-bottom:18px;font-size:1.2rem;line-height:1.35}.unlock-card ul{padding:0;list-style:none}.unlock-card li{color:#334155;margin-bottom:14px;padding-left:32px;line-height:1.5;position:relative}.unlock-card li:before{content:"✔";color:#22c55e;font-size:18px;font-weight:700;position:absolute;top:0;left:0}.unlock-more{opacity:0;grid-column:1/-1;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:36px;max-height:0;margin-top:0;transition:max-height .7s,opacity .4s,margin-top .4s;display:grid;overflow:hidden}.unlock-more.open{opacity:1;max-height:1400px;overflow:initial;margin-top:10px}.unlock-cta{grid-column:1/-1;justify-content:center;margin-top:40px;display:flex}.unlock-cta button{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:999px;padding:14px 34px;font-size:1rem;font-weight:600;transition:transform .25s,box-shadow .25s}.unlock-cta button:hover{transform:translateY(-2px);box-shadow:0 15px 30px #2563eb66}@media (max-width:768px){.unlock-section{padding:90px 20px}.unlock-section h2{font-size:2rem}.unlock-cta{margin-top:30px}.unlock-more.open{margin-top:20px}}
.app-section{padding:30px 6vw}.app-card{background:#fff;border-radius:26px;grid-template-columns:1.2fr 1fr;align-items:center;gap:60px;max-width:1200px;margin:auto;padding:60px;display:grid;box-shadow:0 30px 80px #00000014}.app-content h2{margin-bottom:20px;font-size:2.2rem}.app-desc{color:#64748b;max-width:460px;margin-bottom:28px}.app-features{margin-bottom:34px;padding:0;list-style:none}.app-features li{gap:16px;margin-bottom:18px;display:flex}.check{color:#fff;background:#22c55e;border-radius:50%;justify-content:center;align-items:center;width:26px;height:26px;margin-top:4px;font-size:14px;display:flex}.store-buttons{gap:16px;display:flex}.store{cursor:pointer;border-radius:999px;padding:12px 22px;font-weight:600;text-decoration:none}.store.apple{color:#fff;background:#000}.store.google{color:#fff;background:#2563eb}.phone-wrap{justify-content:center;display:flex}.phone-float{animation:6s ease-in-out infinite floatPhone;transform:rotate(-8deg)}.phone{border-radius:36px;width:100%;max-width:320px;box-shadow:0 40px 80px #00000040,0 0 80px #2563eb26}@keyframes floatPhone{0%{transform:rotate(-8deg)translateY(0)}50%{transform:rotate(-8deg)translateY(-14px)}to{transform:rotate(-8deg)translateY(0)}}@media (max-width:900px){.app-card{text-align:center;grid-template-columns:1fr;padding:40px 24px}.app-features li{text-align:left;justify-content:center}.store-buttons{justify-content:center}}
.faq-section{text-align:center;padding:120px 6vw}.faq-section h2{margin-bottom:60px;font-size:2.4rem}.faq-list{text-align:left;max-width:900px;margin:0 auto}.faq-item{background:#fff;border:1px solid #e5e7eb;border-radius:14px;margin-bottom:18px;transition:box-shadow .3s;overflow:hidden}.faq-item.open{box-shadow:0 20px 40px #00000014}.faq-question{cursor:pointer;background:0 0;border:none;justify-content:space-between;align-items:center;width:100%;padding:22px 26px;font-size:1.05rem;font-weight:600;display:flex}.faq-question .icon{font-size:1.4rem;font-weight:400}.faq-answer{opacity:0;max-height:0;transition:max-height .5s,opacity .4s;overflow:hidden}.faq-item.open .faq-answer{opacity:1;max-height:300px}.faq-answer p{color:#475569;padding:0 26px 22px;line-height:1.6}@media (max-width:768px){.faq-section{padding:80px 6vw}.faq-section h2{font-size:1.9rem}}
