:root{--ink:#10131e;--muted:#747682;--bg:#090c16;--lime:#b9ffc9;--violet:#b6a9ff;--line:#e5e6e7;--cream:#f8f9f6;--radius:22px;--font:'DM Sans',system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;--display:'Manrope',var(--font)}
*,*::before,*::after{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:105px}body{margin:0;font-family:var(--font);color:var(--ink);background:#f8f9f6;-webkit-font-smoothing:antialiased}body.modal-open{overflow:hidden}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.68}img,svg{max-width:100%}::selection{background:#b9ffc9;color:#10131e}.icon-library{position:absolute;overflow:hidden;width:0;height:0}.icon{height:20px;width:20px;display:inline-block;flex:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;fill:none;vertical-align:middle}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid #76d7f0;outline-offset:3px}.skip-link{position:fixed;z-index:200;top:-80px;left:16px;padding:12px 20px;border-radius:10px;background:#b9ffc9;color:#111}.skip-link:focus{top:12px}.container{width:min(1200px,calc(100% - 64px));margin:0 auto}.section-dark{background:#090c16;color:#fff;position:relative;overflow:hidden}.section-light{background:#f7f8f5;color:#141722}.announcement{min-height:34px;display:flex;align-items:center;justify-content:center;gap:14px;padding:7px 18px;font-size:11px;font-weight:700;letter-spacing:.005em;color:#c2ffde;background:#22233c}.announcement-new{background:#b9ffc9;color:#10131d;padding:3px 7px;border-radius:4px;font-size:9px;letter-spacing:.08em}.announcement a{display:inline-flex;align-items:center;gap:6px;color:#fff}.announcement a:hover{color:var(--lime)}.announcement .icon{width:12px;height:12px}.site-header{z-index:100;position:sticky;top:0;background:#0b0e18f2;color:white;border-bottom:1px solid #ffffff12;backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px)}.nav-wrap{height:77px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:inline-flex;align-items:center;gap:10px;font-family:var(--display);font-size:23px;font-weight:800;letter-spacing:-1.4px;white-space:nowrap}.brand-dot{color:#b9ffc9}.brand-symbol{position:relative;width:29px;height:26px;display:inline-flex;align-items:center;gap:3px;transform:skewX(-11deg)}.brand-symbol>span{width:7px;background:var(--lime);border-radius:9px;display:block;box-shadow:0 0 15px #a7fccc40}.brand-symbol>span:nth-child(1){height:13px}.brand-symbol>span:nth-child(2){height:26px}.brand-symbol>span:nth-child(3){height:19px}.brand-symbol.small{width:18px;height:18px;gap:2px}.brand-symbol.small>span{width:4px}.brand-symbol.small>span:nth-child(1){height:9px}.brand-symbol.small>span:nth-child(2){height:17px}.brand-symbol.small>span:nth-child(3){height:12px}.main-nav{display:flex;align-items:center;gap:29px}.main-nav a,.nav-demo{font-size:12px;font-weight:700;color:#c4c8d0;transition:color .2s}.main-nav a:hover,.nav-demo:hover{color:#b9ffc9}.nav-actions{display:flex;align-items:center;gap:23px}.button{display:inline-flex;align-items:center;justify-content:center;gap:12px;padding:14px 20px;border:1px solid transparent;border-radius:11px;font-weight:800;font-size:13px;line-height:1.2;white-space:nowrap;transition:transform .2s,background .2s,border-color .2s,box-shadow .2s}.button .icon{height:16px;width:16px;transition:transform .2s}.button:hover{transform:translateY(-2px)}.button:hover .icon:not(.play-small){transform:translateX(3px)}.button-sm{padding:11px 15px;font-size:11px}.button-lg{padding:18px 22px;font-size:13px}.button-lime{color:#0b1015;background:#b9ffc9;border-color:#b9ffc9;box-shadow:0 8px 28px #a4ffc318}.button-lime:hover{background:#d1ffdc;box-shadow:0 12px 37px #a4ffc32e}.button-ghost{color:#f3f4f9;background:#ffffff0b;border-color:#ffffff30}.button-ghost:hover{background:#ffffff18}.button-dark{background:#141826;color:white}.button-dark:hover{background:#30364b}.button-outline{background:transparent;border:1px solid #c5c8cd}.button-outline:hover{border-color:#1d2631;background:white}.nav-toggle{display:none;width:43px;height:43px;color:#fff;background:none;border:1px solid #ffffff29;border-radius:10px;align-items:center;justify-content:center}
/* HERO */
.hero{min-height:790px}.hero-grid{position:absolute;inset:0;background-image:linear-gradient(#ffffff04 1px,transparent 1px),linear-gradient(90deg,#ffffff04 1px,transparent 1px);background-size:70px 70px;mask-image:linear-gradient(to bottom,transparent 0%,black 32%,transparent 100%);pointer-events:none}.hero-orb{position:absolute;filter:blur(5px);pointer-events:none}.hero-orb-one{width:780px;height:780px;border-radius:50%;right:-290px;top:-135px;background:radial-gradient(ellipse,#443e8a6e 0%,#443e8a0d 58%,transparent 70%)}.hero-orb-two{width:650px;height:480px;border-radius:50%;left:-260px;bottom:0;background:radial-gradient(ellipse,#135e5940,transparent 71%)}.hero-inner{position:relative;display:grid;grid-template-columns:47% 53%;align-items:center;padding:110px 0 96px;min-height:690px}.hero-content{position:relative;z-index:4;padding-bottom:26px}.eyebrow{display:inline-flex;align-items:center;gap:11px;font-size:10px;letter-spacing:.16em;font-weight:800}.eyebrow-dark{color:#b6ffd1}.eyebrow-light{color:#526358}.pulse-light{width:9px;height:9px;border-radius:50%;background:#aeffcc;box-shadow:0 0 0 5px #aaffc321;animation:pulse 2.3s infinite}@keyframes pulse{0%,100%{box-shadow:0 0 0 4px #aaffc31a}50%{box-shadow:0 0 0 8px #aaffc306}}.hero h1,.section-intro h2,.how-copy h2,.try-intro h2,.pricing-header h2,.faq-grid h2,.cta-inner h2{font-family:var(--display);letter-spacing:-.062em;font-weight:800;line-height:1.09;margin:22px 0}.hero h1{font-size:clamp(52px,5.65vw,82px);white-space:nowrap}.gradient-text{background:linear-gradient(93deg,#b1ffcf 7%,#b7caff 57%,#c2abff 95%);-webkit-background-clip:text;background-clip:text;color:transparent}.hero-content>p{max-width:465px;color:#a5a9b7;font-size:16px;line-height:1.8;margin:20px 0 29px}.hero-buttons{display:flex;gap:11px;align-items:center;flex-wrap:wrap}.hero-notes{display:flex;flex-wrap:wrap;gap:19px;margin-top:28px;color:#979ea9;font-size:11px}.hero-notes span{display:inline-flex;align-items:center;gap:6px}.hero-notes .icon{width:13px;height:13px;color:var(--lime)}.play-small{width:13px!important;height:13px!important}.hero-visual{height:515px;position:relative;z-index:3;min-width:0;transform:translateX(15px)}.dashboard-shell{position:absolute;top:40px;left:9px;width:695px;height:448px;border:1px solid #6a708b73;border-radius:13px;overflow:hidden;background:#111522;box-shadow:0 24px 100px #00000099,0 0 0 7px #ffffff05;transform:rotate(-1.4deg);transform-origin:center}.dash-toolbar{height:30px;background:#202537;border-bottom:1px solid #31384b;display:flex;align-items:center;justify-content:space-between;padding:0 14px}.window-controls{display:flex;gap:6px}.window-controls span{display:block;width:7px;height:7px;border-radius:50%;background:#f98980}.window-controls span:nth-child(2){background:#e5cb78}.window-controls span:nth-child(3){background:#83d6ac}.browser-address{width:228px;height:18px;display:flex;align-items:center;justify-content:center;gap:5px;border:1px solid #ffffff13;border-radius:4px;background:#121728;color:#969bb0;font-size:8px}.browser-address .icon{width:10px;height:10px}.toolbar-more{font-size:12px;color:#838b9e}.dash-body{display:grid;grid-template-columns:145px 1fr;height:calc(100% - 30px)}.dash-sidebar{background:#141928;border-right:1px solid #ffffff0d;padding:19px 9px 10px;position:relative}.dash-logo{display:flex;align-items:center;gap:7px;font-size:15px;letter-spacing:-.5px;margin:0 9px 26px}.dash-logo b span{color:var(--lime)}.dash-side-label{font-size:7px;font-weight:800;letter-spacing:1.5px;color:#5f687f;margin:0 10px 10px}.dash-side-menu{display:grid;gap:3px}.dash-side-link{display:flex;align-items:center;text-align:left;gap:9px;height:32px;color:#7d889f;font-size:9px;border:0;background:transparent;border-radius:5px;padding:0 9px;font-weight:600}.dash-side-link.active,.dash-side-link:hover{background:#b1ffcb17;color:#b8ffca}.dash-side-link .icon{height:13px;width:13px}.dash-sidebar-bottom{position:absolute;bottom:11px;display:flex;align-items:center;gap:5px;left:12px;right:9px}.dash-sidebar-bottom b{display:block;font-size:8px}.dash-sidebar-bottom small{display:block;font-size:6px;color:#79839c;margin-top:3px}.dash-sidebar-bottom .icon{width:10px;height:10px;margin-left:auto;color:#7e8aa1}.mini-avatar,.dash-avatar{width:23px;height:23px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:#d2c4ff;color:#3d3268;font-size:8px;font-weight:800}.dash-content{padding:21px 21px 14px;min-width:0;overflow:hidden}.dash-topline{display:flex;align-items:center;justify-content:space-between;margin-bottom:17px}.dash-breadcrumb{font-size:8px;color:#6e7890;margin-bottom:8px}.dash-breadcrumb span{color:#a6adc1}.dash-breadcrumb span:first-child{padding:0 5px}.dash-topline h2{font-size:18px;font-family:var(--display);margin:0;letter-spacing:-.6px}.wave{color:#b4ffc9;font-size:16px}.dash-topline p{font-size:8px;color:#7f879e;margin:5px 0 0}.dash-avatar{width:29px;height:29px}.dash-section-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.dash-section-title b{font-size:10px}.dash-live{font-size:8px;color:#8791a4;display:flex;align-items:center;gap:5px}.dash-live i,.try-state i{width:6px;height:6px;background:#a7ffba;border-radius:50%}.dash-kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.dash-kpi{background:#1a2030;padding:12px 11px;border:1px solid #293043;border-radius:8px}.dash-kpi>span{font-size:8px;color:#919bb0}.dash-kpi strong{display:block;font-size:18px;letter-spacing:-.65px;margin:7px 0}.dash-kpi small{font-size:7px;color:#818da2;white-space:nowrap}.dash-kpi small em{font-size:8px;color:#acffcb;font-style:normal;font-weight:800}.dash-chart-card{padding:12px 12px 10px;border:1px solid #252c3d;background:#171c2b;border-radius:8px;margin-top:9px}.dash-chart-head{display:flex;justify-content:space-between}.dash-chart-head b{display:block;font-size:10px}.dash-chart-head small{font-size:7px;color:#808ba1}.range-switch{display:flex;gap:2px;background:#252b3b;border-radius:5px;padding:3px}.range-switch button{font-size:7px;font-weight:800;border:0;border-radius:3px;padding:5px 7px;color:#9ba3b6;background:transparent}.range-switch button.selected{background:#b9ffc9;color:#171c24}.chart-area{display:grid;grid-template-columns:22px 1fr;gap:6px;height:101px;margin-top:10px}.chart-y-axis{display:flex;flex-direction:column;justify-content:space-between;font-size:6px;color:#657087;text-align:right;padding-bottom:1px}.chart-area svg{height:101px;width:100%;overflow:visible}.chart-x-axis{display:flex;justify-content:space-between;padding-left:27px;font-size:7px;color:#657087;margin-top:3px}.dash-bottom-grid{display:grid;grid-template-columns:1.28fr 1fr;gap:9px;margin-top:9px}.dash-list-card,.dash-activity-card{border:1px solid #252c3d;border-radius:8px;background:#171c2b;padding:11px}.dash-list-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:9px}.dash-list-header b{font-size:9px}.dash-list-header span{font-size:7px;color:#778399}.project-row{display:grid;grid-template-columns:7px 1fr 24px 50px;align-items:center;gap:6px;padding:4px 0;border-bottom:1px solid #ffffff06}.project-row:last-child{border:0}.project-dot{width:6px;height:6px;border-radius:50%}.project-lilac{background:#b4a2ff}.project-green{background:#a6ffcb}.project-peach{background:#ffc5a9}.project-row b{font-size:8px;display:block}.project-row small{display:block;font-size:6px;color:#78849c;margin-top:2px}.project-row>span:not(.project-dot){font-size:8px;color:#a2a9bf}.mini-progress{height:4px;border-radius:4px;background:#30374a;overflow:hidden}.mini-progress i{display:block;height:100%;border-radius:4px}.activity-dot{height:6px;width:6px;border-radius:50%;background:#b9ffc9}.activity-row{display:flex;gap:7px;align-items:center;font-size:7px;color:#a6b0c2;margin-bottom:7px}.activity-row b{color:white}.activity-row small{display:block;color:#6e7a92;font-size:6px;margin-top:2px}.activity-avatar{width:20px;height:20px;border-radius:50%;display:grid;place-items:center;font-size:8px;font-weight:800;flex:none}.activity-avatar.lilac{background:#d7c6ff;color:#473067}.activity-avatar.peach{background:#ffd3ac;color:#5e4130}.activity-avatar.green{background:#b3ffcf;color:#355b41}.floating-note{position:absolute;z-index:6;display:flex;align-items:center;gap:10px;background:#fff;color:#171b25;padding:12px 14px;border-radius:11px;box-shadow:0 16px 50px #0006;white-space:nowrap;animation:float 5s ease-in-out infinite}.floating-note strong{display:block;font-size:11px;letter-spacing:-.2px}.floating-note small{display:block;color:#82878f;font-size:9px;margin-top:4px}.note-top{top:0;right:-2px;transform:rotate(2deg)}.note-bottom{bottom:0;left:-35px;transform:rotate(3deg);animation-delay:-2s}.note-icon{display:grid;place-items:center;width:33px;height:33px;border-radius:9px;background:#eeeaff;color:#7764c4}.note-icon .icon{height:17px;width:17px}.float-check{background:#e8fff0;border-radius:50%;width:22px;height:22px;display:grid;place-items:center;margin-left:12px;color:#299e6b}.float-check .icon{width:13px;height:13px}.note-avatars{display:flex;margin-left:3px}.note-avatars span{width:26px;height:26px;border:2px solid white;border-radius:50%;font-size:8px;font-weight:800;color:#55496e;background:#e0d3fc;display:grid;place-items:center;margin-left:-5px}.note-avatars span:nth-child(2){background:#ffd2b4;color:#6d4735}.note-avatars span:nth-child(3){background:#b6f8cd;color:#3e604b}.note-success{font-size:9px;font-weight:700;color:#28a468;margin-left:10px}.hero-footer{position:relative;padding:20px 0 24px;display:flex;align-items:center;justify-content:space-between;border-top:1px solid #ffffff17;gap:20px}.hero-footer>span{font-size:9px;letter-spacing:.13em;font-weight:800;color:#65707f}.who-for{display:flex;gap:48px;font-family:var(--display);font-size:11px;font-weight:800;letter-spacing:.08em;color:#5e6577}@keyframes float{0%,100%{translate:0 0}50%{translate:0 -9px}}
/* SHARED SECTIONS */
.features{padding:116px 0 125px}.section-intro,.try-intro,.pricing-header{display:flex;justify-content:space-between;align-items:end;gap:35px;margin-bottom:48px}.section-intro h2,.try-intro h2,.pricing-header h2,.faq-grid h2{font-size:clamp(38px,4.3vw,58px)}.muted-heading{color:#9ca3a1}.section-intro>p,.try-intro>p{max-width:350px;font-size:14px;line-height:1.85;color:#6d7475;margin-bottom:25px}.eyebrow-spark{font-size:17px;color:#4d7c61;line-height:0}.feature-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.feature-card{border:1px solid #e6e8e6;border-radius:22px;background:#fff;min-width:0;overflow:hidden;position:relative;box-shadow:0 8px 30px #171c1d05}.feature-text{padding:34px 36px 20px}.feature-index{font-size:10px;letter-spacing:.13em;font-weight:800;color:#778079}.feature-card h3{font-family:var(--display);font-size:clamp(22px,2.2vw,29px);letter-spacing:-.045em;line-height:1.3;margin:17px 0 10px}.feature-card p{font-size:13px;line-height:1.75;max-width:350px;margin:0;color:#79817e}.feature-large{grid-column:span 2;min-height:480px;display:grid;grid-template-columns:40% 60%;align-items:center}.feature-large .feature-text{padding:49px}.feature-large h3{font-size:clamp(32px,3.1vw,44px)}.feature-board{margin:45px -20px 30px 0;height:360px;border:1px solid #e4e9e9;border-radius:14px 0 0 14px;background:#fbfcfc;box-shadow:-16px 23px 50px #15171716;transform:rotate(-3deg);overflow:hidden}.board-header{height:60px;padding:0 23px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #ebeeee;background:#fff;font-size:11px;font-weight:800}.board-header>span{display:flex;gap:10px;align-items:center}.board-header i{width:9px;height:9px;background:#b6a6ff;border-radius:3px}.board-header>span:last-child{font-size:10px;color:#969b9c;font-weight:500}.board-header .icon{height:13px;width:13px}.board-columns{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;padding:23px 15px;min-width:550px}.board-col>small{display:flex;gap:7px;align-items:center;font-size:9px;color:#797e82;font-weight:800;letter-spacing:.06em;margin:0 0 13px 8px}.board-col>small b{background:#e9eded;padding:3px 6px;border-radius:4px}.board-task{background:white;border:1px solid #e7e9eb;padding:14px;border-radius:9px;margin-bottom:10px;box-shadow:0 4px 9px #11111104}.board-task>b{display:block;font-size:11px;margin:13px 0}.task-badge{display:inline-block;font-size:9px;font-weight:700;padding:5px 8px;border-radius:5px}.task-badge-lilac{color:#6b5fc1;background:#eeeaff}.task-badge-green{color:#3f8b65;background:#dcf6e6}.task-badge-orange{color:#b87d41;background:#fff0dd}.task-foot{display:flex;align-items:center;justify-content:space-between;color:#8b9395;font-size:9px}.tiny-avatar{display:grid;place-items:center;width:19px;height:19px;border-radius:50%;background:#c9e8ff;color:#375472;font-weight:800;font-size:7px}.tiny-avatar.alt{background:#f4d3f2;color:#74476b}.tiny-avatar.alt2{background:#ffe6b7;color:#805d3d}.board-task.faded{opacity:.7}.feature-small{min-height:475px}.feature-small .feature-text{padding-bottom:16px}.feature-automate{background:#f0ecff;border-color:#ebe5ff}.automation-visual{padding:34px 55px 40px}.auto-step{display:flex;align-items:center;gap:12px;background:white;border:1px solid #e8e6fa;border-radius:12px;padding:16px;box-shadow:0 9px 27px #6042b010}.auto-icon{height:35px;width:35px;border-radius:10px;display:grid;place-items:center;flex:none}.auto-icon.violet{color:#6b53d0;background:#e9e3ff}.auto-icon.green{color:#24784b;background:#d7f9e5}.auto-icon .icon{width:17px;height:17px}.auto-step small{display:block;font-size:8px;color:#8e8e9e;letter-spacing:.1em;font-weight:800;margin-bottom:5px}.auto-step b{font-size:11px}.auto-check{margin-left:auto;color:#289a60;font-weight:900}.auto-connector{width:2px;height:34px;background:#c9bafa;margin-left:33px;position:relative}.auto-connector::after{content:'↓';position:absolute;bottom:-9px;left:-4px;font-size:14px;color:#a08bde}.feature-reports{background:#e9f7ee;border-color:#dfefe5}.report-visual{height:190px;margin:0 44px 35px;display:flex;gap:14px;justify-content:space-between;align-items:end;padding:20px 5px 24px;border-bottom:1px solid #cadecf}.report-bar{height:var(--bar-h);flex:1;border-radius:8px 8px 0 0;background:#c2dfc9;position:relative;max-width:55px;transform-origin:bottom;animation:bar-grow .8s ease-out both;animation-delay:calc(var(--delay)*70ms)}@keyframes bar-grow{from{transform:scaleY(.2);opacity:0}to{transform:scaleY(1);opacity:1}}.report-bar.highlight-bar{background:#538c67}.report-bar span{position:absolute;bottom:-32px;left:50%;transform:translateX(-50%);font-size:9px;font-weight:800;color:#6b7c6e}.report-bar em{position:absolute;top:-35px;left:50%;transform:translateX(-50%);font-size:10px;color:#277647;background:#fff;font-weight:800;padding:6px 8px;border-radius:5px;font-style:normal}.feature-wide{grid-column:span 2;background:#192032;color:white;min-height:345px;display:grid;grid-template-columns:50% 50%;border:0}.wide-content{padding:55px 49px}.feature-wide .feature-index{color:#a3d7b9}.feature-wide p{color:#9ea9b6}.text-link{display:inline-flex;align-items:center;gap:7px;font-weight:800;font-size:12px;color:#b9ffc9;margin-top:24px}.text-link:hover{text-decoration:underline}.text-link .icon{width:15px;height:15px}.collab-art{position:relative;display:grid;place-items:center;isolation:isolate;min-height:345px}.collab-art::before{content:'';position:absolute;width:340px;height:340px;inset:auto;z-index:-1;background:radial-gradient(circle,#49716b85,transparent 70%)}.collab-ring{position:absolute;border:1px dashed #b1ffc835;border-radius:50%;width:275px;height:275px;transform:rotate(-20deg)}.ring-two{width:180px;height:180px;border-color:#a8a2e653}.collab-face{position:absolute;width:55px;height:55px;display:grid;place-items:center;border:5px solid #192032;border-radius:50%;font-size:15px;font-weight:800;box-shadow:0 15px 40px #0005}.face-one{top:36px;left:28%;background:#e8c8ff;color:#604184}.face-two{top:36%;right:15%;background:#bcffdb;color:#3a7354}.face-three{bottom:22px;left:23%;background:#ffcfaa;color:#895b43}.collab-center{width:76px;height:76px;background:#364653;border-radius:20px;display:grid;place-items:center;transform:rotate(-13deg);box-shadow:0 15px 60px #0006}.collab-center .brand-symbol{transform:scale(2.2) skewX(-11deg)}.collab-floating{position:absolute;bottom:35px;right:22px;display:flex;align-items:center;gap:7px;background:white;color:#293f30;border-radius:8px;padding:11px 13px;font-size:10px;font-weight:800;box-shadow:0 15px 40px #0005}.collab-floating .icon{width:13px;height:13px;color:#248953}
/* HOW IT WORKS */
.how-section{padding:130px 0}.how-grid{display:grid;grid-template-columns:1fr 1fr;gap:100px;align-items:center}.how-copy h2{font-size:clamp(40px,4.8vw,61px)}.how-copy>p{font-size:14px;line-height:1.85;color:#a2aabb;max-width:400px}.steps{display:grid;margin-top:38px}.step{display:flex;align-items:center;gap:20px;background:transparent;color:#7d8395;text-align:left;border:0;border-top:1px solid #ffffff20;padding:22px 10px 22px 0;transition:color .2s}.step:last-child{border-bottom:1px solid #ffffff20}.step>span:first-child{font-family:var(--display);font-size:12px;font-weight:800;color:#788095;align-self:start;margin-top:4px}.step>span:nth-child(2){flex:1}.step b{display:block;font-size:15px;margin-bottom:5px}.step small{display:block;font-size:12px;line-height:1.5}.step .icon{width:16px;height:16px}.step:hover,.step.active{color:#fff}.step.active>span:first-child,.step.active .icon{color:#b9ffc9}.step.active{border-top-color:#b9ffc9}.how-visual{position:relative;padding:50px 0}.how-glow{position:absolute;background:radial-gradient(ellipse,#6a62975a,transparent 70%);inset:-60px;pointer-events:none}.how-window{position:relative;max-width:465px;min-height:400px;border:1px solid #5b5e75;border-radius:18px;background:#1a1e2e;box-shadow:0 30px 70px #0007;overflow:hidden}.how-window-top{display:flex;align-items:center;justify-content:space-between;padding:17px 20px;border-bottom:1px solid #ffffff14;font-size:10px;font-weight:800;color:#bdc4d4}.how-window-dots{display:flex;gap:5px}.how-window-dots i{width:7px;height:7px;border-radius:50%;background:#647088}.how-window-dots i:first-child{background:#b9ffc9}.how-window-body{padding:48px 50px 40px;min-height:336px;animation:fade-up .22s ease-out}.workspace-icon{display:grid;place-items:center;width:43px;height:43px;background:#b9ffc9;color:#2a4935;border-radius:12px;font-size:23px}.how-window-body h3{font-family:var(--display);font-size:24px;letter-spacing:-.045em;margin:23px 0 6px}.how-window-body>p{color:#97a0b3;font-size:12px;margin:0 0 25px}.fake-field{border:1px solid #4b5267;border-radius:8px;display:flex;align-items:center;justify-content:space-between;padding:15px;background:#252b3c;font-size:13px}.fake-field .icon{width:15px;height:15px;color:#aaffca}.workspace-colors{display:flex;gap:8px;margin-top:17px}.workspace-colors span{width:20px;height:20px;border-radius:50%;background:#b9ffc9}.workspace-colors span:nth-child(2){background:#b7aaff}.workspace-colors span:nth-child(3){background:#ffd0ac}.workspace-colors span:nth-child(4){background:#bce4ff}.fake-button{background:#b9ffc9;color:#222b29;font-size:12px;font-weight:800;padding:14px 16px;display:flex;justify-content:center;gap:12px;align-items:center;border-radius:8px;margin-top:24px}.fake-button .icon{width:15px;height:15px}.step-preview-team{display:flex;gap:10px;flex-wrap:wrap;margin-top:20px}.team-person{display:flex;align-items:center;gap:8px;border:1px solid #454e65;border-radius:8px;padding:12px;font-size:11px;color:#d8dfed}.team-person .mini-avatar{height:26px;width:26px}.step-stat-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:20px}.step-stat{border:1px solid #434c61;background:#242b3d;border-radius:9px;padding:17px}.step-stat strong{display:block;font-size:29px;color:#b9ffc9}.step-stat span{font-size:10px;color:#abb7c8}.step-meter{height:10px;border-radius:8px;background:#3b4058;overflow:hidden;margin-top:24px}.step-meter i{height:100%;width:78%;display:block;background:linear-gradient(90deg,#b6a7ff,#b9ffc9)}
/* INTERACTIVE DEMO */
.try-section{padding:118px 0;background:#fff}.try-intro{margin-bottom:42px}.try-intro h2{font-size:clamp(40px,4.5vw,58px)}.try-panel{border:1px solid #e4e7e6;border-radius:22px;background:#f8faf8;box-shadow:0 15px 60px #0d25100a;overflow:hidden}.try-top{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:34px 40px;background:#eff3ef;border-bottom:1px solid #e0e7e2}.try-state{font-size:9px;letter-spacing:.12em;color:#4b7e59;font-weight:800;display:inline-flex;align-items:center;gap:7px}.try-top h3{font-family:var(--display);font-size:25px;margin:11px 0 5px;letter-spacing:-.04em}.try-top p{color:#7b837f;margin:0;font-size:12px}.try-layout{display:grid;grid-template-columns:1.5fr 1fr;min-height:375px}.try-task-list{padding:31px 36px}.try-task-list-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:19px}.try-task-list-title b{font-size:13px}.try-task-list-title span{font-size:11px;color:#9a9fa0}.demo-task{display:flex;align-items:center;gap:12px;padding:13px 5px;border-bottom:1px solid #e7eae7}.demo-task:last-child{border-bottom:0}.task-check{width:22px;height:22px;flex:none;border:2px solid #cdd6cf;border-radius:7px;background:white;display:grid;place-items:center;color:white}.task-check:hover{border-color:#408760}.task-check.done{border-color:#3c9669;background:#3c9669}.task-check .icon{width:14px;height:14px}.demo-task-text{flex:1;min-width:0}.demo-task-text b{display:block;font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.demo-task-text small{color:#9a9f9c;font-size:10px;margin-top:4px;display:block}.demo-task.done .demo-task-text b{text-decoration:line-through;color:#a0a8a2}.priority-chip{border-radius:5px;background:#eef0f0;font-size:9px;font-weight:800;padding:6px 8px;color:#626a64}.priority-chip.high{background:#fff0e5;color:#bb714b}.priority-chip.low{background:#e8f6ee;color:#43845e}.demo-avatar{display:grid;place-items:center;background:#dfd4f9;color:#534a72;width:28px;height:28px;border-radius:50%;font-size:9px;font-weight:800}.demo-avatar.SC{background:#f9d9eb;color:#8b4f6a}.demo-avatar.MR{background:#f7dfb4;color:#856a38}.try-control{background:#fff;padding:32px 38px;border-left:1px solid #e9ece9}.try-control-icon{width:40px;height:40px;border-radius:11px;background:#eeeaff;display:grid;place-items:center;color:#7361cd;margin-bottom:17px}.try-control-label{font-size:9px;letter-spacing:.12em;font-weight:800;color:#898b99}.try-control h4{font-family:var(--display);font-size:23px;letter-spacing:-.04em;margin:10px 0}.try-control>p{font-size:12px;color:#858b86;line-height:1.75;max-width:300px}.toggle-control{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:26px;padding:17px 0;border-top:1px solid #edf0ec;border-bottom:1px solid #edf0ec}.toggle-control>span{font-weight:800;font-size:11px}.toggle-control small{display:block;color:#6a9472;font-size:10px;font-weight:500;margin-top:5px}.switch{display:inline-flex;align-items:center;cursor:pointer;position:relative}.switch input{position:absolute;opacity:0;width:100%;height:100%;margin:0;cursor:pointer}.switch-track{width:41px;height:24px;border-radius:30px;background:#c5ccc6;display:block;position:relative;transition:background .2s}.switch-track::after{content:'';width:18px;height:18px;border-radius:50%;background:white;position:absolute;left:3px;top:3px;transition:transform .2s;box-shadow:0 1px 4px #0002}.switch input:checked + .switch-track{background:#4e956b}.switch input:checked + .switch-track::after{transform:translateX(17px)}.switch input:focus-visible + .switch-track{outline:3px solid #2c90b6;outline-offset:3px}.try-notification{display:flex;align-items:center;gap:8px;background:#edf9f1;color:#42865c;padding:12px;border-radius:7px;font-size:10px;font-weight:800;margin-top:20px}.try-notification .icon{width:14px;height:14px}.reset-demo{background:transparent;padding:0;border:0;text-decoration:underline;text-underline-offset:3px;font-size:10px;color:#7e8782;margin-top:20px}.reset-demo:hover{color:#273b2c}
/* PRICING */
.pricing-section{padding:120px 0 110px}.pricing-header>div:first-child p{font-size:12px;color:#8b9290;margin:0;max-width:400px;line-height:1.7}.billing-box{display:flex;align-items:center;gap:13px;margin-bottom:24px;white-space:nowrap;font-size:12px;font-weight:800}.billing-box b{display:inline-block;font-size:9px;background:#daf6e1;color:#2e8d52;padding:6px 8px;border-radius:5px;margin-left:4px}.pricing-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;align-items:stretch}.price-card{border:1px solid #e0e4e0;background:#fff;border-radius:19px;padding:32px 29px 37px;position:relative;display:flex;flex-direction:column;min-height:490px}.price-featured{background:#181e2a;color:white;border-color:#181e2a;box-shadow:0 25px 60px #222a341f}.featured-pill{position:absolute;right:20px;top:-15px;color:#172119;background:#b9ffc9;border-radius:7px;padding:9px 12px;font-size:9px;font-weight:900;letter-spacing:.07em}.price-top{display:flex;justify-content:space-between;align-items:center;font-size:10px;font-weight:900;letter-spacing:.15em;color:#77847e}.price-top .icon{width:22px;height:22px}.price-featured .price-top{color:#b9ffc9}.price-card h3{font-size:19px;letter-spacing:-.04em;margin:20px 0 8px;font-family:var(--display)}.price-card>p{font-size:12px;line-height:1.7;color:#868e8a;min-height:39px;margin:0}.price-featured>p{color:#9fa8b5}.price-display{display:flex;align-items:baseline;gap:3px;margin-top:22px}.price-display .currency{font-size:25px;font-weight:800;align-self:center}.price-display strong{font-family:var(--display);font-size:54px;letter-spacing:-.065em;line-height:1}.price-display>span:last-child{font-size:12px;color:#89918b;margin-left:5px}.bill-note{display:block;min-height:30px;margin:8px 0 17px;color:#98a09c;font-size:10px}.price-card .button-price{width:100%;height:44px;background:#f1f3f0;color:#1a2320;border-color:#edf0ec}.price-card .button-price:hover{background:#e1eae1}.price-card.price-featured .button-price{background:#b9ffc9;color:#141a1b;border-color:#b9ffc9}.price-card.price-featured .button-price:hover{background:#d3ffdc}.price-divider{height:1px;background:#e8ebe8;margin:25px 0}.price-featured .price-divider{background:#343b49}.price-card h4{font-size:11px;letter-spacing:.01em;margin:0 0 17px}.price-card ul{list-style:none;padding:0;margin:0;display:grid;gap:15px}.price-card li{display:flex;gap:12px;align-items:center;font-size:11px;color:#606b64}.price-featured li{color:#c2c8cf}.price-card li .icon{width:15px;height:15px;color:#4d9c70}.price-featured li .icon{color:#b9ffc9}
/* FAQ + CTA + FOOTER */
.faq-section{padding:110px 0 140px}.faq-grid{display:grid;grid-template-columns:43% 57%;gap:30px}.faq-grid h2{margin-bottom:20px}.faq-grid>div:first-child>p{font-size:13px;line-height:1.85;max-width:330px;color:#838b87;margin-bottom:28px}.faq-list{border-top:1px solid #d8ded8}.faq-list details{border-bottom:1px solid #d8ded8;padding:0}.faq-list summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:23px 0;font-size:14px;font-weight:800;cursor:pointer}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary span{height:27px;width:27px;display:grid;place-items:center;border-radius:50%;background:#e8ece8;flex:none;transition:background .2s,transform .2s}.faq-list details[open] summary span{background:#d7f3dc;transform:rotate(45deg)}.faq-list summary .icon{width:15px;height:15px}.faq-list details p{font-size:12px;line-height:1.9;margin:0 35px 24px 0;color:#6c7770;max-width:550px}.final-cta{padding:105px 0 110px;text-align:center}.cta-inner{position:relative;z-index:2}.cta-glow{position:absolute;width:900px;height:500px;z-index:-1;left:50%;top:50%;transform:translate(-50%,-50%);background:radial-gradient(ellipse,#3547568c,transparent 66%)}.cta-inner h2{font-size:clamp(42px,5.5vw,72px);margin:20px 0}.cta-inner p{color:#a1a7b1;font-size:14px;line-height:1.75;margin:0 auto;max-width:520px}.cta-actions{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:12px;margin-top:35px}.footer{background:#090c16;color:white;border-top:1px solid #ffffff1a}.footer-main{padding:66px 0 60px;display:flex;justify-content:space-between;align-items:start}.footer-main p{font-size:12px;line-height:1.8;color:#7d8597;margin-top:18px}.footer-nav{display:flex;gap:110px}.footer-nav>div{display:flex;flex-direction:column;align-items:start;gap:13px}.footer-nav b{font-size:11px;margin-bottom:7px}.footer-nav a,.footer-nav button{font-size:11px;color:#8c94a6;background:none;border:0;padding:0}.footer-nav a:hover,.footer-nav button:hover{color:var(--lime)}.footer-bottom{border-top:1px solid #ffffff15;padding:22px 0 28px;display:flex;align-items:center;justify-content:space-between;gap:16px;color:#6f778a;font-size:10px}.footer-star{color:#b9ffc9}
/* MODALS */
.modal-backdrop[hidden],.form-feedback[hidden],.form-success[hidden]{display:none!important}.modal-backdrop{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;z-index:300;background:#0a0e17c9;backdrop-filter:blur(8px);padding:20px;overflow:auto}.modal-card{position:relative;width:min(100%,570px);max-height:min(94vh,1000px);overflow:auto;border-radius:20px;background:#fff;padding:34px 39px 38px;box-shadow:0 30px 100px #0005;animation:modal-enter .25s ease-out}.modal-close{position:absolute;right:22px;top:22px;border:0;background:#f2f4f2;border-radius:50%;width:32px;height:32px;display:grid;place-items:center;color:#515d58}.modal-close:hover{background:#e3ebe5}.modal-close .icon{height:16px;width:16px}.modal-icon{width:42px;height:42px;display:grid;place-items:center;border-radius:12px;background:#e0fae6;color:#388754;margin-bottom:24px}.modal-card h2{font-family:var(--display);font-size:30px;line-height:1.2;letter-spacing:-.05em;margin:10px 0}.modal-card>p{color:#7f8782;font-size:12px;line-height:1.8;margin:0 0 22px}.modal-card form{display:grid;gap:15px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px}.modal-card form label{display:grid;gap:7px;font-size:11px;font-weight:800;color:#343b36}.modal-card form label>span,.modal-card form label b{color:#478758}.modal-card input:not([type=checkbox]),.modal-card select,.modal-card textarea{width:100%;padding:12px 13px;border:1px solid #dce3dd;border-radius:8px;color:#232c26;background:#fbfcfb;font-size:12px;outline:0}.modal-card input:focus,.modal-card select:focus,.modal-card textarea:focus{border-color:#50a471;box-shadow:0 0 0 3px #50a47119}.modal-card textarea{resize:vertical;min-height:75px}.modal-card .form-consent{display:flex;gap:10px;align-items:start;font-size:10px;line-height:1.6;font-weight:500}.form-consent input{margin:3px 0 0;accent-color:#4d9468}.form-consent span{color:#777f78!important}.form-consent a{text-decoration:underline;color:#2c7045}.form-feedback{padding:11px 12px;border-radius:8px;font-size:11px;line-height:1.6;background:#fff0e9;color:#a34728;margin:0}.form-submit{width:100%;margin-top:4px;min-height:47px}.form-small{font-size:10px;color:#939c95;text-align:center}.honeypot{position:absolute!important;left:-9999px!important;width:1px!important;height:1px!important;opacity:0!important}.form-success{text-align:center;padding:30px 0}.success-symbol{width:56px;height:56px;border-radius:50%;display:grid;place-items:center;margin:auto;background:#dcfce5;color:#2b8b4f}.success-symbol .icon{height:30px;width:30px}.form-success h3{font-size:24px;margin:18px 0 10px}.form-success p{color:#7a837e;font-size:13px;margin-bottom:20px}.task-modal-card{max-width:420px}.task-modal-card h2{margin-top:0}.toast{position:fixed;right:22px;bottom:22px;max-width:min(380px,calc(100% - 44px));padding:14px 18px;background:#142821;color:#effff4;border:1px solid #416e54;border-radius:12px;box-shadow:0 15px 35px #0003;font-size:12px;font-weight:700;z-index:400;opacity:0;transform:translateY(18px);pointer-events:none;transition:opacity .25s,transform .25s}.toast.show{opacity:1;transform:translateY(0)}.reveal{animation:fade-up .65s ease-out both;animation-delay:var(--reveal-delay,0ms)}@keyframes fade-up{from{opacity:0;translate:0 20px}to{opacity:1;translate:0 0}}@keyframes modal-enter{from{opacity:0;transform:translateY(15px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}
/* RESPONSIVE */
@media(max-width:1180px){.nav-wrap{gap:12px}.main-nav{gap:16px}.nav-actions{gap:12px}.container{width:min(1150px,calc(100% - 54px))}.hero-inner{grid-template-columns:48% 52%}.hero h1{font-size:clamp(50px,5.4vw,72px)}.hero-visual{transform:translateX(0) scale(.91);transform-origin:left center}.how-grid{gap:45px}.who-for{gap:24px}}
@media(max-width:1000px){.main-nav{display:none;position:absolute;left:0;right:0;top:100%;background:#0d111c;border-bottom:1px solid #ffffff26;padding:22px 27px;flex-direction:column;align-items:stretch;gap:0;box-shadow:0 15px 30px #0005}.main-nav.open{display:flex}.main-nav a{padding:13px 8px;font-size:13px;border-bottom:1px solid #ffffff10}.nav-toggle{display:inline-flex}.nav-actions{margin-left:auto}.hero-inner{grid-template-columns:1fr;gap:15px;padding:78px 0 72px}.hero h1{font-size:clamp(54px,8vw,76px)}.hero-content{max-width:650px;padding-bottom:0}.hero-visual{height:470px;transform:translateX(4%) scale(.95);transform-origin:left top}.dashboard-shell{left:20px}.note-top{right:12%}.note-bottom{bottom:5px}.hero-footer{flex-wrap:wrap}.feature-large .feature-text{padding:34px}.how-grid{gap:30px}.section-intro h2,.try-intro h2,.pricing-header h2,.faq-grid h2{font-size:46px}.pricing-grid{gap:10px}.price-card{padding:26px 20px}.billing-box{gap:8px}}
@media(max-width:760px){.container{width:calc(100% - 36px)}.announcement{font-size:9px;gap:7px;flex-wrap:wrap}.announcement a{display:none}.nav-wrap{height:66px}.nav-demo{display:none}.hero-inner{padding:74px 0 44px}.hero h1{font-size:clamp(49px,10vw,73px)}.hero-content>p{font-size:14px}.hero-visual{height:420px;transform:scale(.77);transform-origin:top left;width:130%}.dashboard-shell{left:15px}.note-top{right:5px}.note-bottom{left:-10px;bottom:-40px}.hero-footer{padding-top:30px}.who-for{gap:15px;flex-wrap:wrap}.who-for span{font-size:9px}.features,.try-section,.pricing-section{padding:80px 0}.section-intro,.try-intro,.pricing-header{display:block;margin-bottom:34px}.section-intro h2,.try-intro h2,.pricing-header h2,.faq-grid h2{font-size:clamp(35px,7vw,48px)}.section-intro>p,.try-intro>p{margin:15px 0 0;max-width:600px}.feature-grid{grid-template-columns:1fr}.feature-large,.feature-wide{grid-column:auto}.feature-large{display:flex;flex-direction:column;align-items:stretch;min-height:0}.feature-board{margin:5px -25px 26px 28px;height:300px}.feature-large .feature-text{padding:35px 32px 0}.feature-small{min-height:425px}.feature-wide{grid-template-columns:1fr}.wide-content{padding:40px}.collab-art{min-height:290px}.how-section{padding:85px 0}.how-grid{grid-template-columns:1fr;gap:15px}.how-copy h2{font-size:clamp(38px,7vw,52px)}.how-visual{max-width:520px;width:100%;margin:auto;padding:25px 0 0}.how-window{margin:auto}.try-layout{grid-template-columns:1fr}.try-control{border-left:0;border-top:1px solid #e9ece9}.try-top{padding:27px}.try-task-list{padding:28px}.pricing-header>div:first-child p{margin-bottom:26px}.pricing-grid{grid-template-columns:1fr;gap:24px}.price-card{min-height:0;padding:30px}.price-card>p{min-height:0}.faq-section{padding:75px 0 95px}.faq-grid{grid-template-columns:1fr}.faq-list{margin-top:15px}.footer-nav{gap:50px}.footer-main{gap:25px}.footer-bottom{flex-wrap:wrap}}
@media(max-width:520px){.announcement{min-height:32px}.announcement>span:nth-child(2){max-width:225px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.nav-wrap .brand{font-size:21px}.nav-actions .button-sm{font-size:10px;padding:10px}.nav-actions .button-sm .icon{display:none}.hero-inner{padding-top:61px}.hero h1{font-size:clamp(43px,11.4vw,58px)}.hero-content>p{font-size:13px}.hero-buttons{align-items:stretch}.hero-buttons>.button{padding:14px 15px;font-size:11px}.hero-notes{gap:12px}.hero-notes span{font-size:9px}.hero-visual{height:290px;transform:scale(.53);width:185%;margin-top:12px}.note-top{right:-10px}.note-bottom{left:-25px;bottom:-60px}.hero-footer{gap:12px}.hero-footer>span{font-size:8px}.who-for{gap:12px 17px}.feature-text{padding:28px}.feature-large .feature-text{padding:31px 28px 0}.feature-board{transform:rotate(-2deg) scale(.87);transform-origin:top left;width:116%;margin:15px -30px -28px 25px}.feature-small{min-height:0}.feature-small .feature-text{padding:29px 28px 0}.automation-visual{padding:35px 19px 38px}.report-visual{margin:20px 25px 42px}.wide-content{padding:34px}.collab-art{min-height:255px}.collab-ring{width:220px;height:220px}.ring-two{width:160px;height:160px}.collab-face{height:45px;width:45px;font-size:12px}.collab-floating{bottom:22px;right:7px}.how-window-body{padding:33px 25px}.how-window{min-height:380px}.try-top{flex-direction:column;align-items:start;gap:20px}.try-task-list{padding:22px 17px}.demo-task{gap:8px}.demo-task-text b{font-size:11px}.demo-avatar{width:25px;height:25px}.try-control{padding:28px 24px}.priority-chip{font-size:8px;padding:5px}.billing-box{flex-wrap:wrap}.pricing-header{margin-bottom:42px}.price-card{padding:27px}.faq-list summary{font-size:12px}.final-cta{padding:80px 0}.cta-inner h2{font-size:clamp(36px,8vw,49px)}.cta-inner p{font-size:12px}.footer-main{flex-direction:column}.footer-nav{width:100%;justify-content:space-between;gap:20px}.footer-bottom{font-size:9px}.modal-card{padding:29px 19px}.modal-card h2{font-size:26px}.form-grid{grid-template-columns:1fr}.modal-backdrop{padding:10px;align-items:start}.modal-card{margin:auto}.toast{right:12px;bottom:12px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}
/* Alternate dashboard screens */
.dash-alt-view{padding-top:8px;animation:fade-up .2s ease-out}.dash-alt-title{display:flex;align-items:center;justify-content:space-between;font-size:11px;font-weight:800;margin-bottom:15px}.dash-alt-title span{font-size:8px;color:#9ca6b7;font-weight:500}.dash-alt-card{background:#1a2030;border:1px solid #2a3245;border-radius:9px;margin-bottom:10px;padding:17px 13px;display:flex;align-items:center;gap:12px}.dash-alt-icon{width:34px;height:34px;display:grid;place-items:center;font-size:10px;font-weight:800;border-radius:9px}.dash-alt-icon.lilac{background:#ded4ff;color:#6d58a7}.dash-alt-icon.green{background:#caffda;color:#417f5c}.dash-alt-icon.peach{background:#ffe3bd;color:#895a40}.dash-alt-card>div{flex:1}.dash-alt-card b{display:block;font-size:11px}.dash-alt-card small{display:block;font-size:8px;color:#7f8da5;margin-top:5px}.dash-alt-card strong{font-size:9px;color:#b9ffc9}.dash-alt-foot{margin-top:20px;border:1px dashed #4e6659;background:#adffcb08;padding:14px;border-radius:8px;color:#b9ffc9;text-align:center;font-size:9px;font-weight:800}
.switch-track{pointer-events:none}
/* Keep the two FAQ columns within the container at tablet widths. */
@media(min-width:761px){.faq-grid{grid-template-columns:minmax(0,43fr) minmax(0,57fr)}}

/* ============================================================
   PULSO 2.0 — language/theme controls + complete color themes
   Explicit semantic overrides keep the original product mockup intact.
   ============================================================ */
html{color-scheme:light}html[data-theme="dark"]{color-scheme:dark}html[data-theme="light"]{color-scheme:light}
.preferences{display:flex;align-items:center;gap:8px;flex-shrink:0;margin-left:auto}
.pref-switch{display:inline-flex;align-items:center;gap:2px;border-radius:11px;padding:4px;border:1px solid #ffffff2b;background:#ffffff0e}
.pref-switch button{border:0;background:transparent;color:#a9b2c4;font-weight:800;font-size:10px;line-height:1;min-width:31px;height:29px;display:inline-flex;align-items:center;justify-content:center;border-radius:7px;transition:color .15s,background .15s}
.pref-switch button:hover{color:#fff;background:#ffffff20}
.pref-switch button.active,.pref-switch button[aria-pressed="true"]{background:#b9ffc9;color:#132219;box-shadow:0 2px 8px #0002}
.pref-switch .icon{width:15px;height:15px}
.nav-wrap{gap:15px}.nav-actions{gap:12px}.nav-wrap .preferences{margin-left:auto}
html[data-theme="dark"] body{background:#0e1320;color:#eef3f8}
html[data-theme="dark"] .section-light,html[data-theme="dark"] .try-section,html[data-theme="dark"] .pricing-section,html[data-theme="dark"] .faq-section{background:#101725;color:#edf3f7}
html[data-theme="dark"] .feature-card:not(.feature-wide){background:#182233;border-color:#293649;box-shadow:0 10px 35px #01060e18}
html[data-theme="dark"] .feature-index,html[data-theme="dark"] .muted-heading{color:#abb6c4}
html[data-theme="dark"] .section-intro p,html[data-theme="dark"] .feature-card p,html[data-theme="dark"] .try-intro p,html[data-theme="dark"] .pricing-header p,html[data-theme="dark"] .faq-grid>div:first-child>p{color:#a6b3c4}
html[data-theme="dark"] .feature-large .feature-board{box-shadow:0 14px 55px #0003}
html[data-theme="dark"] .try-panel{background:#182436;border-color:#2b3a4e;box-shadow:0 16px 45px #04091244}
html[data-theme="dark"] .try-top{background:#1d2b3e;border-bottom-color:#334356}
html[data-theme="dark"] .try-top p,html[data-theme="dark"] .try-control>p,html[data-theme="dark"] .try-task-list-title span,html[data-theme="dark"] .demo-task-text small{color:#abb8c7}
html[data-theme="dark"] .try-control{background:#182436;border-left-color:#334356}
html[data-theme="dark"] .demo-task{border-bottom-color:#344256}
html[data-theme="dark"] .task-check:not(.done){background:#182436;border-color:#63738a}
html[data-theme="dark"] .priority-chip{background:#303e51;color:#dce5ec}
html[data-theme="dark"] .priority-chip.high{background:#4d342c;color:#ffc397}
html[data-theme="dark"] .priority-chip.low{background:#254838;color:#a2e7ba}
html[data-theme="dark"] .try-control-label,html[data-theme="dark"] .reset-demo{color:#aebacd}
html[data-theme="dark"] .toggle-control{border-color:#344256}
html[data-theme="dark"] .try-notification{background:#214834;color:#b5f2c9}
html[data-theme="dark"] .try-state{color:#b1fac4}
html[data-theme="dark"] .price-card:not(.price-featured){background:#192536;border-color:#304054}
html[data-theme="dark"] .price-card>p,html[data-theme="dark"] .price-card li,html[data-theme="dark"] .price-display>span:last-child,html[data-theme="dark"] .bill-note{color:#b0bfcc}
html[data-theme="dark"] .price-divider{background:#304054}
html[data-theme="dark"] .price-card:not(.price-featured) .button-price{background:#2b3b4e;color:#f3f6f8;border-color:#3d5067}
html[data-theme="dark"] .price-card:not(.price-featured) .button-price:hover{background:#3d516a}
html[data-theme="dark"] .price-top{color:#b2c3bc}
html[data-theme="dark"] .faq-list,html[data-theme="dark"] .faq-list details{border-color:#354258}
html[data-theme="dark"] .faq-list details p{color:#aebdcb}
html[data-theme="dark"] .faq-list summary span{background:#2b3a4e;color:#dfe7ec}
html[data-theme="dark"] .faq-list details[open] summary span{background:#3c6552;color:#c9ffdb}
html[data-theme="dark"] .modal-card{background:#1b2839;color:#f0f5fa}
html[data-theme="dark"] .modal-card>p,html[data-theme="dark"] .form-small{color:#b2c0cd}
html[data-theme="dark"] .modal-card form label{color:#e2e9ee}
html[data-theme="dark"] .modal-card input:not([type=checkbox]),html[data-theme="dark"] .modal-card select,html[data-theme="dark"] .modal-card textarea{color:#f5f7fa;background:#101a2a;border-color:#455369}
html[data-theme="dark"] .modal-card input::placeholder,html[data-theme="dark"] .modal-card textarea::placeholder{color:#9cacbd}
html[data-theme="dark"] .modal-card .button-dark{background:#b9ffc9;color:#132219}
html[data-theme="dark"] .modal-close{color:#f4f7fc}
/* Light palette, including the originally dark hero, header, CTA and footer. */
html[data-theme="light"] body{background:#f7f8f5;color:#141b26}
html[data-theme="light"] .section-dark{background:#f4f6f4;color:#101b28}
html[data-theme="light"] .site-header{background:#ffffffed;color:#101b28;border-color:#dce4df;box-shadow:0 5px 18px #1b2b2510}
html[data-theme="light"] .main-nav a,html[data-theme="light"] .nav-demo{color:#42536a}
html[data-theme="light"] .main-nav a:hover,html[data-theme="light"] .nav-demo:hover{color:#28764f}
html[data-theme="light"] .announcement{background:#eaf2eb;color:#296746}
html[data-theme="light"] .announcement a{color:#1e4632}
html[data-theme="light"] .announcement a:hover{color:#2d8158}
html[data-theme="light"] .pref-switch{border-color:#dbe4dc;background:#eff3f0}
html[data-theme="light"] .pref-switch button{color:#56665c}
html[data-theme="light"] .pref-switch button:hover{background:#dfe9e1;color:#1b3926}
html[data-theme="light"] .pref-switch button.active,html[data-theme="light"] .pref-switch button[aria-pressed="true"]{background:#193626;color:#d0ffdf}
html[data-theme="light"] .hero-grid{background-image:linear-gradient(#162c2007 1px,transparent 1px),linear-gradient(90deg,#162c2007 1px,transparent 1px);mask-image:linear-gradient(to bottom,transparent 0%,black 25%,transparent 100%)}
html[data-theme="light"] .hero-orb-one{background:radial-gradient(ellipse,#c4cbfb70 0%,#e9eafd38 58%,transparent 70%)}
html[data-theme="light"] .hero-orb-two{background:radial-gradient(ellipse,#b0f0d077,transparent 71%)}
html[data-theme="light"] .eyebrow-dark{color:#37564c}
html[data-theme="light"] .hero h1 .gradient-text,html[data-theme="light"] .how-copy h2 .gradient-text,html[data-theme="light"] .cta-inner h2 .gradient-text{background:linear-gradient(90deg,#257d57,#6070a7);-webkit-background-clip:text;background-clip:text;color:transparent}
html[data-theme="light"] .hero-content>p,html[data-theme="light"] .how-copy>p,html[data-theme="light"] .cta-inner p{color:#536477}
html[data-theme="light"] .hero-notes span,html[data-theme="light"] .hero-footer>span,html[data-theme="light"] .who-for span{color:#536477}
html[data-theme="light"] .hero-footer{border-color:#c9d8cf}
html[data-theme="light"] .button-ghost{color:#21342d;border-color:#c1d3c6;background:#e9f0ea}
html[data-theme="light"] .button-ghost:hover{background:#dbe9df}
html[data-theme="light"] .how-copy h2,html[data-theme="light"] .cta-inner h2{color:#142432}
html[data-theme="light"] .how-step b,html[data-theme="light"] .how-step small{color:#243e35}
html[data-theme="light"] .how-step:not(.active) small{color:#586c63}
html[data-theme="light"] .how-step{border-color:#d9e3db}
html[data-theme="light"] .final-cta .cta-glow{background:radial-gradient(ellipse,#b3f4cf93,transparent 67%)}
html[data-theme="light"] .footer{background:#ecf2ec;color:#1b3026;border-color:#d9e3dc}
html[data-theme="light"] .footer-main p,html[data-theme="light"] .footer-nav a,html[data-theme="light"] .footer-nav button{color:#586c65}
html[data-theme="light"] .footer-nav a:hover,html[data-theme="light"] .footer-nav button:hover{color:#26704c}
html[data-theme="light"] .footer-bottom{border-color:#d4ded6;color:#62766b}
html[data-theme="light"] .brand-dot{color:#44b571}
html[data-theme="light"] .brand-symbol>span{background:#35a869}
html[data-theme="light"] .main-nav.open{background:#fff;border-color:#e0e9e1;box-shadow:0 15px 30px #1c3b2622}
html[data-theme="light"] .main-nav a{border-color:#e6eee8}
/* Privacy page: match the selected site theme without inline color overrides. */
.legal-page{background:#f7f8f5;color:#18202a}.legal-header{padding:22px 0;background:#0a0e18;color:white}.legal-bar{display:flex;justify-content:space-between;align-items:center;gap:16px}.legal-bar .preferences{margin-left:auto}.legal-main{max-width:780px;padding:75px 0 120px;line-height:1.85}.legal-muted{color:#59635d}
html[data-theme="dark"] .legal-page{background:#101725;color:#edf3f7}html[data-theme="dark"] .legal-muted{color:#b4c1d0}
html[data-theme="light"] .legal-header{background:#fff;color:#182d23;border-bottom:1px solid #d7e1d9}
@media(max-width:1180px){.nav-wrap{gap:9px}.main-nav{gap:13px}.nav-actions{gap:9px}.preferences{gap:5px}}
@media(max-width:1080px){.nav-actions .nav-demo{display:none}.nav-wrap{gap:9px}}
@media(max-width:1000px){.nav-wrap .preferences{margin-left:auto}}
@media(max-width:760px){.nav-wrap .nav-actions{display:none}.nav-wrap .preferences{margin-left:auto}.pref-switch{padding:3px}.pref-switch button{min-width:29px;height:28px}.legal-bar .brand{font-size:19px}}
@media(max-width:390px){.nav-wrap .brand{font-size:19px;gap:5px}.nav-wrap .preferences{gap:3px}.pref-switch button{min-width:26px;height:27px}.nav-toggle{padding:7px}}
/* Dashboard controls must remain pointer-accessible where hero headline overlaps. */
.hero-visual{z-index:6}
/* The demo dashboard uses its own dark UI in both site themes. */
html[data-theme="light"] .dashboard-shell,html[data-theme="light"] .dash-content,html[data-theme="light"] .dash-sidebar{color:#f2f6fa}
html[lang="en"] .hero h1{font-size:clamp(48px,5.0vw,72px)}
@media(max-width:760px){html[lang="en"] .hero h1{font-size:clamp(42px,9vw,62px)}}
/* Light-mode contrast fixes for the dark onboarding illustration. */
html[data-theme="light"] .how-window{color:#f6f7ff}
html[data-theme="light"] .how-window .fake-field{color:#eef2ff}
html[data-theme="light"] .step{border-color:#d4e2d8;color:#536b60}
html[data-theme="light"] .step.active,html[data-theme="light"] .step:hover{color:#163827}
html[data-theme="light"] .step.active{border-top-color:#2c9b64}
html[data-theme="light"] .step.active>span:first-child,html[data-theme="light"] .step.active .icon{color:#298e5c}
html[data-theme="light"] .step>span:first-child{color:#536c5d}
html[data-theme="light"] .nav-toggle{color:#1c3c2c;background:#eef5ef;border-color:#d1dfd3}
html[data-theme="light"] .nav-toggle:hover{background:#deebe0}