*,:after,:before{box-sizing:border-box;margin:0;padding:0}:root{--purple-900:#2d1a6e;--purple-700:#5b35b0;--purple-500:#7c4dcd;--purple-400:#9b6de4;--purple-100:#ede8ff;--purple-50:#f5f2ff;--neutral-900:#0f0f0f;--neutral-700:#2e2e2e;--neutral-400:#8b8b8b;--neutral-100:#f4f4f4;--white:#fff;--radius:14px;--radius-sm:8px}html{scroll-behavior:smooth}body{font-family:Inter,system-ui,-apple-system,sans-serif;color:var(--neutral-900);background:var(--white);line-height:1.6;-webkit-font-smoothing:antialiased}.nav{position:-webkit-sticky;position:sticky;top:0;z-index:100;display:flex;align-items:center;justify-content:space-between;padding:0 2rem;height:64px;background:hsla(0,0%,100%,.85);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid rgba(0,0,0,.06)}.nav-logo{font-size:1.25rem;font-weight:800;letter-spacing:-.04em;color:var(--purple-700);text-decoration:none}.nav-links{display:flex;gap:2rem;list-style:none}.nav-links a{font-size:.9rem;font-weight:500;color:var(--neutral-700);text-decoration:none;transition:color .15s}.nav-links a:hover{color:var(--purple-500)}.nav-cta{display:inline-flex;align-items:center;gap:.4rem;background:var(--purple-700);color:var(--white)!important;padding:.5rem 1.2rem;border-radius:999px;font-size:.875rem;font-weight:600;text-decoration:none;transition:background .15s,transform .1s}.nav-cta:hover{background:var(--purple-500);transform:translateY(-1px)}.hero{position:relative;overflow:hidden;padding:50px 2rem 140px;text-align:center;background:linear-gradient(160deg,var(--purple-900) 0,var(--purple-700) 45%,#a56de8 100%);color:var(--white)}.hero:after{content:"";position:absolute;inset:0;background:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.04'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");pointer-events:none}.hero-icon{display:block;margin:0 auto 1.5rem;border-radius:50%;background:#fff;box-shadow:0 8px 40px rgba(0,0,0,.4)}.hero-badge{display:inline-block;padding:.3rem 1rem;background:hsla(0,0%,100%,.15);border:1px solid hsla(0,0%,100%,.25);border-radius:999px;font-size:.8rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;margin-bottom:1.5rem}.hero h1{font-size:clamp(2.5rem,7vw,5rem);font-weight:900;letter-spacing:-.04em;line-height:1.05;margin-bottom:1.25rem}.hero h1 em{font-style:normal;background:linear-gradient(90deg,#f9c7ff,#c3b0ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-sub{font-size:clamp(1rem,2.5vw,1.25rem);color:hsla(0,0%,100%,.8);max-width:540px;margin:0 auto 2.5rem}.hero-actions{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.btn-primary{display:inline-flex;align-items:center;gap:.5rem;padding:.85rem 2rem;background:var(--white);color:var(--purple-700);border-radius:999px;font-weight:700;font-size:1rem;text-decoration:none;transition:transform .15s,box-shadow .15s;box-shadow:0 4px 24px rgba(0,0,0,.2)}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 32px rgba(0,0,0,.25)}.btn-secondary{display:inline-flex;align-items:center;gap:.5rem;padding:.85rem 2rem;border:2px solid hsla(0,0%,100%,.5);color:var(--white);border-radius:999px;font-weight:600;font-size:1rem;text-decoration:none;transition:background .15s,border-color .15s}.btn-secondary:hover{background:hsla(0,0%,100%,.1);border-color:#fff}.hero-mockup{position:relative;max-width:860px;margin:80px auto -110px;z-index:1}.mockup-shell{background:hsla(0,0%,100%,.07);border:1px solid hsla(0,0%,100%,.15);border-radius:16px;overflow:hidden;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.mockup-bar{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;background:rgba(0,0,0,.2);border-bottom:1px solid hsla(0,0%,100%,.08)}.mockup-dot{width:10px;height:10px;border-radius:50%}.dot-red{background:#ff5f57}.dot-yellow{background:#febc2e}.dot-green{background:#28c840}.mockup-body{display:grid;grid-template-columns:190px 1fr 205px;min-height:310px;font-size:.78rem}.mockup-panel{padding:1.1rem;border-right:1px solid hsla(0,0%,100%,.08);overflow:hidden;text-align:left}.mockup-panel:last-child{border-right:none}.mockup-panel-title{font-size:.6rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:hsla(0,0%,100%,.4);margin-bottom:.65rem}.mockup-panel-left{display:flex;flex-direction:column;align-items:center}.mockup-panel-left .mockup-divider,.mockup-panel-left .mockup-metric,.mockup-panel-left .mockup-panel-title{width:100%}.mockup-timer-display{text-align:center;padding:.4rem 0 .7rem}.mockup-timer-time{font-size:2rem;font-weight:800;letter-spacing:-.05em;color:#fff;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.mockup-timer-label{font-size:.6rem;color:hsla(0,0%,100%,.4);margin-bottom:.7rem}.mockup-timer-ring{width:68px;height:68px;border-radius:50%;border:3px solid hsla(0,0%,100%,.12);border-top-color:#c3b0ff;margin:0 auto .55rem;animation:spin 4s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}.mockup-timer-btn{display:inline-block;padding:.25rem 1rem;background:rgba(195,176,255,.2);border:1px solid rgba(195,176,255,.35);border-radius:999px;color:#fff;font-size:.67rem;font-weight:600}.mockup-divider{height:1px;background:hsla(0,0%,100%,.08);margin:.65rem 0}.mockup-metric{display:flex;align-items:center;gap:.4rem;padding:.22rem 0;font-size:.7rem;color:hsla(0,0%,100%,.5);border-bottom:1px solid hsla(0,0%,100%,.05)}.mockup-metric:last-child{border-bottom:none}.mockup-metric span:last-child{margin-left:auto;font-weight:700;color:#fff}.mockup-panel-kanban{display:flex;flex-direction:column;align-items:flex-start}.mockup-panel-kanban .mockup-add-row,.mockup-panel-kanban .mockup-kanban{width:100%}.mockup-add-row{margin-bottom:.55rem}.mockup-add-input{background:hsla(0,0%,100%,.07);border:1px solid hsla(0,0%,100%,.12);border-radius:5px;color:hsla(0,0%,100%,.28);font-size:.68rem;padding:.27rem .5rem;font-style:italic}.mockup-kanban{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:.42rem;gap:.42rem;flex:1 1}.mockup-kanban-col{background:hsla(0,0%,100%,.03);border:1px solid hsla(0,0%,100%,.06);border-radius:6px;overflow:hidden}.mockup-kanban-header{padding:.35rem .48rem;font-size:.55rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:hsla(0,0%,100%,.32);border-bottom:1px solid hsla(0,0%,100%,.06);display:flex;align-items:center;justify-content:space-between}.mockup-kanban-count{color:hsla(0,0%,100%,.18)}.mockup-kanban-task{display:flex;align-items:center;gap:.28rem;padding:.28rem .42rem;font-size:.67rem;color:hsla(0,0%,100%,.68);border-bottom:1px solid hsla(0,0%,100%,.04)}.mockup-kanban-task:last-child{border-bottom:none}.mockup-kanban-task.doing{background:rgba(195,176,255,.08);color:#fff}.mockup-kanban-task.done{color:hsla(0,0%,100%,.28);text-decoration:line-through}.mockup-handle{color:hsla(0,0%,100%,.14);font-size:.78rem;flex-shrink:0}.mockup-profile-name{font-size:.82rem;font-weight:600;color:hsla(0,0%,100%,.9);margin-bottom:.18rem}.mockup-profile-bio{font-size:.67rem;color:hsla(0,0%,100%,.46);margin-bottom:.55rem;line-height:1.35}.mockup-friends-row{display:flex;align-items:baseline;gap:.3rem}.mockup-friends-num{font-size:.95rem;font-weight:800;color:#fff;letter-spacing:-.03em}.mockup-friends-label{font-size:.57rem;color:hsla(0,0%,100%,.36);text-transform:uppercase;letter-spacing:.06em}.mockup-feed-item{display:flex;align-items:flex-start;gap:.38rem;padding:.32rem 0;border-bottom:1px solid hsla(0,0%,100%,.05)}.mockup-feed-item:last-child{border-bottom:none}.mockup-feed-avatar{width:17px;height:17px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.52rem;font-weight:700;color:#fff;flex-shrink:0;margin-top:.06rem}.mockup-feed-body{display:flex;flex-direction:column;gap:.06rem;font-size:.66rem;color:hsla(0,0%,100%,.5);line-height:1.35}.mockup-feed-body strong{color:hsla(0,0%,100%,.85);font-weight:600}.mockup-feed-time{font-size:.57rem;color:hsla(0,0%,100%,.24)}.section{padding:120px 2rem}.section-inner{max-width:1080px;margin:0 auto}.section-tag{display:inline-block;padding:.25rem .85rem;background:var(--purple-100);color:var(--purple-700);border-radius:999px;font-size:.75rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;margin-bottom:1rem}.section-title{font-size:clamp(1.75rem,4vw,2.75rem);font-weight:800;letter-spacing:-.03em;line-height:1.15;margin-bottom:1rem}.section-sub{font-size:1.1rem;color:var(--neutral-400);max-width:520px;margin-bottom:3rem}.features-bg{background:var(--neutral-100)}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));grid-gap:1.5rem;gap:1.5rem}.feature-card{background:var(--white);border-radius:var(--radius);padding:2rem;border:1px solid #e8e2ff;transition:transform .2s,box-shadow .2s}.feature-card:hover{transform:translateY(-4px);box-shadow:0 16px 48px rgba(92,53,176,.1)}.feature-icon{width:52px;height:52px;border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:1.5rem;margin-bottom:1.25rem}.icon-purple{background:var(--purple-100)}.icon-rose{background:#fff0f5}.icon-blue{background:#eef4ff}.feature-card h3{font-size:1.2rem;font-weight:700;margin-bottom:.5rem}.feature-card p{color:var(--neutral-400);font-size:.95rem;line-height:1.65}.feature-list{list-style:none;margin-top:1rem;display:flex;flex-direction:column;gap:.4rem}.feature-list li{font-size:.875rem;color:var(--neutral-700);display:flex;align-items:center;gap:.5rem}.feature-list li:before{content:"";display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--purple-400);flex-shrink:0}.steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));grid-gap:2rem;gap:2rem;counter-reset:step}.step{position:relative;padding-top:1rem}.step-number{width:44px;height:44px;border-radius:12px;background:linear-gradient(135deg,var(--purple-700),var(--purple-400));color:#fff;font-size:1.1rem;font-weight:800;display:flex;align-items:center;justify-content:center;margin-bottom:1rem}.step h3{font-size:1.1rem;font-weight:700;margin-bottom:.4rem}.step p{font-size:.9rem;color:var(--neutral-400);line-height:1.6}.social-bg{background:var(--purple-50)}.testimonials{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));grid-gap:1.5rem;gap:1.5rem}.testimonial{background:var(--white);border-radius:var(--radius);padding:1.75rem;border:1px solid #ece6ff}.testimonial-text{font-size:.95rem;color:var(--neutral-700);line-height:1.7;margin-bottom:1.25rem;font-style:italic}.testimonial-author{display:flex;align-items:center;gap:.75rem}.author-avatar{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.8rem;font-weight:700;color:#fff;flex-shrink:0}.author-name{font-weight:700;font-size:.875rem}.author-role{font-size:.78rem;color:var(--neutral-400)}.cta-section{padding:120px 2rem;background:linear-gradient(135deg,var(--purple-900),var(--purple-700));color:#fff;text-align:center}.cta-section h2{font-size:clamp(1.75rem,4vw,2.75rem);font-weight:800;letter-spacing:-.03em;margin-bottom:1rem}.cta-section p{font-size:1.1rem;color:hsla(0,0%,100%,.75);margin-bottom:2.5rem;max-width:480px;margin-left:auto;margin-right:auto}.footer{padding:2.5rem 2rem;border-top:1px solid #ece6ff;display:flex;align-items:center;justify-content:space-between;flex-wrap:gap;gap:1rem}.footer-logo{font-size:1rem;font-weight:800;color:var(--purple-700);text-decoration:none;letter-spacing:-.03em}.footer-copy{font-size:.82rem;color:var(--neutral-400)}.footer-links{display:flex;gap:1.5rem;list-style:none}.footer-links a{font-size:.82rem;color:var(--neutral-400);text-decoration:none;transition:color .15s}.footer-links a:hover{color:var(--purple-500)}@media (max-width:768px){.nav-links{display:none}.mockup-body{grid-template-columns:1fr}.mockup-panel:not(:first-child){display:none}.footer{flex-direction:column;text-align:center}}