@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--ink:#19142c;--muted:#68627a;--purple:#603ee3;--purple-dark:#4324b5;--purple-soft:#f2efff;--line:#e9e4f4;--surface:#fff;--radius:22px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:#fff;font:500 16px/1.55 'DM Sans',system-ui,sans-serif;overflow-x:hidden}button,a{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:Manrope,'DM Sans',sans-serif;line-height:1.14;letter-spacing:-.05em}h1{font-size:clamp(3.25rem,5.5vw,5.8rem);font-weight:800}h2{font-size:clamp(2.45rem,4vw,4.1rem);font-weight:800}h3{font-size:1.32rem;font-weight:800}p{color:var(--muted)}em{font-style:normal;color:var(--purple)}.section-wrap{max-width:1320px;margin:auto;padding-left:30px;padding-right:30px}.skip-link{position:absolute;top:-100px;left:15px;background:#fff;padding:12px;z-index:100}.skip-link:focus{top:10px}.site-header{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.93);backdrop-filter:blur(20px);border-bottom:1px solid rgba(233,228,244,.9)}.nav-shell{max-width:1380px;margin:auto;height:78px;padding:0 30px;display:flex;align-items:center;justify-content:space-between;gap:30px}.brand{display:inline-flex;align-items:center;gap:10px;font-family:Manrope,sans-serif;font-size:1.43rem;font-weight:800;letter-spacing:-.08em;white-space:nowrap}.brand>span>span{color:var(--purple)}.brand img{border-radius:10px}.desktop-nav,.nav-actions{display:flex;align-items:center;gap:29px}.desktop-nav a,.login-link{font-size:.9rem;font-weight:700;color:#565063}.desktop-nav a:hover,.login-link:hover,.footer-inner a:hover{color:var(--purple)}.nav-actions{gap:19px}.button{display:inline-flex;align-items:center;justify-content:center;gap:13px;padding:15px 23px;border-radius:14px;font-size:.95rem;font-weight:800;transition:transform .25s,box-shadow .25s,background .25s;white-space:nowrap}.button:hover{transform:translateY(-3px)}.button-primary{background:var(--purple);color:#fff;box-shadow:0 12px 24px rgba(96,62,227,.2)}.button-primary:hover{background:var(--purple-dark);box-shadow:0 16px 30px rgba(96,62,227,.27)}.button-outline{background:#fff;border:1px solid #d8d0ec;color:var(--ink)}.button-outline:hover{border-color:var(--purple)}.button.small{padding:11px 16px;font-size:.84rem;border-radius:12px}.menu-toggle{display:none;width:42px;height:42px;background:#f3efff;border:0;border-radius:11px;align-items:center;justify-content:center;flex-direction:column;gap:4px}.menu-toggle span{height:2px;width:18px;background:var(--purple);border-radius:2px}.mobile-menu{display:none}.hero{min-height:690px;display:grid;grid-template-columns:.84fr 1.16fr;align-items:center;gap:30px;padding-top:80px;padding-bottom:100px}.hero-copy{position:relative;z-index:2}.eyebrow,.section-label{display:inline-flex;align-items:center;color:var(--purple);font-size:.72rem;letter-spacing:.15em;font-weight:800}.eyebrow{background:#f3efff;border:1px solid #e5ddff;padding:9px 15px;border-radius:99px;margin-bottom:25px}.hero h1{margin-bottom:26px}.hero-copy>p{max-width:590px;font-size:1.17rem;line-height:1.7;margin-bottom:29px}.hero-actions{display:flex;flex-wrap:wrap;gap:12px}.hero-note{color:#847d96;font-size:.83rem;margin-top:28px;padding-left:20px;position:relative}.hero-note:before{content:"";position:absolute;left:0;top:10px;width:10px;height:2px;background:#8b72e7}.hero-visual{position:relative;min-width:0;padding:35px 0 40px 25px}.visual-halo{position:absolute;inset:4% -12% 1% 4%;border-radius:50%;background:radial-gradient(circle,#d8ceff 0,#ece9ff 49%,#fff 72%);filter:blur(4px)}.product-window{position:relative;border:1px solid #ddd4f6;border-radius:24px;background:#fff;box-shadow:0 35px 90px rgba(64,34,133,.18),0 5px 14px rgba(57,31,109,.06);transform:perspective(1200px) rotateY(-5deg) rotateX(2deg);overflow:hidden;animation:window-in 1s both}.window-top{height:52px;background:#fff;display:flex;align-items:center;gap:14px;border-bottom:1px solid #eee9f5;padding:0 15px}.window-logo{display:flex;align-items:center;gap:5px;color:#3f246f;font-weight:800;font-size:.72rem}.window-search{margin:auto;background:#f7f6fb;color:#a7a0b4;border-radius:7px;padding:5px 13px;font-size:.63rem;width:36%}.window-avatar{background:#eae3ff;color:#6746b5;border-radius:50%;height:25px;width:25px;display:grid;place-items:center;font-size:.55rem;font-weight:800}.window-body{display:grid;grid-template-columns:125px 1fr;min-height:360px}.window-rail{padding:18px 8px;background:#fbfaff;border-right:1px solid #f0eafd;display:flex;flex-direction:column;gap:8px}.window-rail span{font-size:.63rem;color:#9188a7;padding:8px;border-radius:7px;white-space:nowrap}.window-rail .rail-active{color:var(--purple);background:#eee8ff;font-weight:700}.window-main{padding:24px 24px 22px;overflow:hidden}.preview-kicker{font-size:.55rem;letter-spacing:.12em;font-weight:800;color:#987fda}.window-main h2{font-size:1.15rem;letter-spacing:-.04em;margin:8px 0 4px}.window-main h2 span{color:#7155d9}.window-main>p{font-size:.63rem;margin:0 0 17px}.preview-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.preview-metrics>div{background:#faf9fd;border:1px solid #eee9f6;border-radius:11px;padding:11px 10px;min-width:0}.preview-metrics small,.preview-metrics i{display:block;color:#9a93a8;font-size:.55rem;font-style:normal;white-space:nowrap}.preview-metrics strong{font-size:1.1rem}.preview-metrics i{color:#279b75}.preview-lower{display:grid;grid-template-columns:1.6fr 1fr;gap:8px;margin-top:10px}.preview-board,.preview-calendar{border:1px solid #eee9f6;border-radius:11px;padding:10px;background:#fff;min-width:0}.preview-title{display:flex;justify-content:space-between;font-size:.62rem}.preview-title span{color:var(--purple);font-size:.53rem}.mini-task{display:flex;align-items:center;gap:7px;border:1px solid #eeeaf6;border-radius:7px;margin-top:7px;padding:7px 6px;animation:task-pop 4.5s ease-in-out infinite}.mini-task:nth-child(3){animation-delay:1s}.task-color{height:22px;width:3px;flex:none;border-radius:4px}.task-color.amber{background:#f5ab44}.task-color.purple{background:#6d47e5}.mini-task div{min-width:0;flex:1}.mini-task b,.mini-task small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mini-task b{font-size:.54rem}.mini-task small{font-size:.47rem;color:#9b94a8}.mini-task em{font-size:.43rem;background:#f2edff;border-radius:5px;padding:3px;color:#7152ce}.preview-calendar strong{font-size:.61rem}.calendar-bars{display:flex;align-items:end;gap:6px;height:75px;margin:8px 0}.calendar-bars span{width:20%;height:var(--size);background:#b8a6ff;border-radius:5px 5px 2px 2px;animation:bar-rise 1.1s ease-out both}.calendar-bars span:nth-child(2){animation-delay:.2s;background:#ddc9ff}.calendar-bars span:nth-child(3){animation-delay:.4s;background:#6c49e4}.calendar-bars span:nth-child(4){animation-delay:.6s;background:#ccbaff}.preview-calendar small{font-size:.49rem;color:#938ba2;white-space:nowrap}.floating-card{position:absolute;z-index:3;display:flex;align-items:center;gap:9px;background:#fff;box-shadow:0 13px 30px rgba(43,30,96,.16);padding:11px 15px;border-radius:12px;border:1px solid #efeafa;animation:float 5s ease-in-out infinite}.floating-card>span{height:28px;width:28px;display:grid;place-items:center;border-radius:9px;background:#ddf8ec;color:#26a076;font-size:.73rem}.floating-card b,.floating-card small{display:block;white-space:nowrap}.floating-card b{font-size:.67rem}.floating-card small{font-size:.54rem;color:#8c849c}.float-one{right:-20px;top:2%}.float-two{left:-14px;bottom:1%;animation-delay:2s}.float-two>span{background:#f2e9ff;color:#6a45e1}.flow-strip{border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:#fcfbff}.flow-inner{max-width:1200px;min-height:90px;margin:auto;padding:18px 30px;display:flex;align-items:center;justify-content:space-between;gap:16px}.flow-inner span{font-size:.8rem;letter-spacing:.14em;font-weight:800;color:#817795}.flow-inner i{height:1px;flex:1;background:linear-gradient(90deg,#d5c8fa,#eee9fa);position:relative}.flow-inner i:after{content:"";position:absolute;right:0;top:-3px;border-top:4px solid transparent;border-bottom:4px solid transparent;border-left:6px solid #d5c8fa}.why,.modules,.plans,.faq{padding-top:125px;padding-bottom:130px}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:40px;margin-bottom:48px}.section-heading h2{margin:13px 0 0}.section-heading>p{max-width:390px;line-height:1.75;margin:0 0 7px}.value-grid{display:grid;grid-template-columns:1.45fr 1fr 1fr;gap:17px}.value-card{position:relative;min-height:330px;padding:28px;border:1px solid var(--line);border-radius:25px;background:#fff;overflow:hidden;transition:transform .25s,box-shadow .25s}.value-card:hover,.module-grid article:hover{transform:translateY(-6px);box-shadow:0 20px 45px rgba(63,34,133,.09)}.value-card.large{background:#f5f1ff;border-color:#e4dcff}.value-icon{font-size:.76rem;font-weight:800;color:var(--purple);margin-bottom:46px}.value-card h3{max-width:340px}.value-card p{max-width:400px;margin-bottom:25px}.value-pill{position:absolute;bottom:25px;left:28px;background:#f3efff;color:var(--purple);border-radius:8px;padding:8px 11px;font-size:.75rem;font-weight:700}.micro-kanban{display:flex;gap:7px}.micro-kanban span{flex:1;background:#fff;border:1px solid #e4dcf9;border-radius:10px;padding:10px;min-width:0}.micro-kanban b,.micro-kanban i{display:block;font-style:normal;font-size:.62rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.micro-kanban b{color:var(--purple)}.micro-kanban i{color:#817b8e;margin-top:7px;font-size:.55rem}.walkthrough{background:#1e1538;color:#fff;padding:115px 0 85px;position:relative;overflow:hidden}.walkthrough:before{content:"";position:absolute;right:-20%;top:-70%;width:800px;height:800px;background:radial-gradient(circle,rgba(114,73,228,.28),transparent 70%)}.walkthrough .section-heading{position:relative}.walkthrough .section-label{color:#cab9ff}.walkthrough h2 em{color:#cdb7ff}.walkthrough .section-heading p{color:#bdb3d0}.tour-layout{display:grid;grid-template-columns:300px 1fr;gap:20px;position:relative}.tour-menu{display:flex;flex-direction:column;gap:10px}.tour-tab{width:100%;text-align:left;background:rgba(255,255,255,.05);border:1px solid #45375f;border-radius:17px;padding:19px;color:#c9bedf;transition:background .25s,border .25s,transform .25s}.tour-tab:hover{transform:translateX(4px)}.tour-tab.active{background:#6546db;border-color:#8b6cff;color:#fff}.tour-tab span{display:block;font-size:.82rem;color:inherit}.tour-tab b{font-size:1.04rem;margin-left:12px}.tour-tab small{display:block;font-size:.77rem;opacity:.72;margin:6px 0 0 36px}.tour-screen{min-height:440px;background:#fbfaff;color:var(--ink);border-radius:21px;box-shadow:0 25px 60px rgba(0,0,0,.21);overflow:hidden;display:flex;flex-direction:column}.tour-topline{display:flex;justify-content:space-between;padding:14px 21px;border-bottom:1px solid #eae4f6;font-size:.68rem;font-weight:800;letter-spacing:.11em;color:#8b81a1}.record-dot{display:inline-block;background:#7d61eb;width:7px;height:7px;border-radius:50%;margin-right:8px}.tour-stage{flex:1;padding:22px 30px;display:grid;grid-template-columns:.7fr 1.3fr;gap:22px;align-items:center;animation:stage-in .35s ease both}.tour-caption .step-label{font-size:.72rem;color:var(--purple);font-weight:800;letter-spacing:.1em}.tour-caption h3{font-size:1.8rem;line-height:1.25;margin:13px 0}.tour-caption p{font-size:.9rem;line-height:1.7}.tour-mock{min-height:235px;background:#fff;border:1px solid #e9e4f4;border-radius:15px;box-shadow:0 10px 25px rgba(57,29,110,.06);padding:17px}.mock-header{display:flex;justify-content:space-between;align-items:center;font-size:.8rem;font-weight:800;border-bottom:1px solid #eee9f6;padding-bottom:11px;margin-bottom:13px}.mock-header span{font-size:.68rem;color:var(--purple)}.mock-label{font-size:.68rem;font-weight:700;color:#847b92;margin:9px 0 5px}.mock-field{border:1px solid #ded5f4;background:#fbfaff;border-radius:8px;padding:8px 11px;color:#463860;font-size:.78rem;min-height:34px}.mock-field.active{border-color:var(--purple);box-shadow:0 0 0 3px #ece5ff}.mock-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.mock-options{display:flex;gap:7px;flex-wrap:wrap;margin-top:11px}.mock-options span{font-size:.63rem;padding:5px 9px;border:1px solid #ddd3f6;border-radius:6px;color:#706680}.mock-options span.selected{background:#6242dd;border-color:#6242dd;color:#fff}.mock-action{display:inline-block;margin-top:13px;background:#6242dd;color:#fff;padding:8px 12px;border-radius:7px;font-size:.7rem;font-weight:800}.mock-task-row,.mock-stat{display:flex;justify-content:space-between;gap:10px;border:1px solid #eee9f6;border-radius:9px;padding:10px;margin-top:9px;font-size:.72rem}.mock-task-row b,.mock-stat b{font-weight:800}.mock-task-row em{color:#6546db;font-size:.62rem}.mock-counters{display:flex;gap:8px}.mock-counters span{flex:1;background:#f7f4ff;border-radius:8px;padding:10px}.mock-counters small{display:block;color:#827890;font-size:.59rem}.mock-counters b{display:block;font-size:1.2rem}.mock-calendar{display:grid;grid-template-columns:repeat(7,1fr);gap:5px;margin-top:11px}.mock-calendar span{background:#f6f3fd;border-radius:5px;text-align:center;padding:6px 0;font-size:.63rem}.mock-calendar span.marked{background:#704fe3;color:#fff}.mock-bars{display:flex;align-items:end;gap:8px;height:95px;margin:8px 0}.mock-bars span{background:#bba9f7;border-radius:6px 6px 0 0;flex:1;height:var(--bar)}.mock-bars span:nth-child(3){background:#6847e1}.tour-controls{border-top:1px solid #eae4f6;padding:12px 18px;display:flex;align-items:center;gap:9px}.icon-button,.play-control{border:1px solid #e2d9f4;background:#fff;color:#5f47aa;border-radius:9px;height:35px;min-width:35px;font-weight:800}.play-control{padding:0 10px;display:flex;align-items:center;gap:6px;font-size:.68rem}.tour-dots{display:flex;justify-content:center;align-items:center;gap:6px;flex:1}.tour-dots button{border:0;padding:0;width:6px;height:6px;border-radius:99px;background:#d6cdec}.tour-dots button.active{width:25px;background:#6844e5}.tour-disclaimer{color:#a99cbf;font-size:.76rem;text-align:right;margin:12px 0 0}.module-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.module-grid article{padding:26px;min-height:255px;background:#fff;border:1px solid var(--line);border-radius:20px;transition:transform .25s,box-shadow .25s}.module-icon{height:45px;width:45px;display:grid;place-items:center;border-radius:12px;font-size:1.2rem;margin-bottom:33px}.module-icon.purple{background:#eee8ff;color:#6040d9}.module-icon.blue{background:#e5f3ff;color:#277cb4}.module-icon.yellow{background:#fff2d4;color:#af7525}.module-icon.pink{background:#ffeafa;color:#bc4f95}.module-icon.mint{background:#e5faee;color:#269d65}.module-icon.slate{background:#edf0f8;color:#62718f}.module-grid h3{margin-bottom:8px}.module-grid p{font-size:.9rem;line-height:1.65}.quote-band{background:#f3efff;padding:63px 0}.quote-inner{position:relative;display:flex;align-items:center;gap:25px}.quote-symbol{color:#8f72e5;font:800 6rem/1 Georgia,serif}.quote-inner p{font-family:Manrope,sans-serif;font-size:clamp(1.35rem,2.5vw,2.3rem);font-weight:800;letter-spacing:-.04em;color:#3b2c66;max-width:840px;margin:0}.quote-ident{align-self:end;color:#8b75c1;font-size:.6rem;white-space:nowrap;letter-spacing:.1em;font-weight:800}.quote-ident span{display:block;font-size:1.4rem;text-align:right}.plan-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}.plan-card{padding:27px;border:1px solid var(--line);border-radius:22px;display:flex;flex-direction:column}.plan-card.featured{border:2px solid var(--purple);box-shadow:0 20px 45px rgba(96,62,227,.12);transform:translateY(-9px)}.plan-top>span{font-size:.7rem;letter-spacing:.11em;font-weight:800;color:var(--purple)}.plan-top h3{font-size:1.65rem;margin:17px 0 6px}.plan-top p{min-height:55px;font-size:.87rem}.plan-capacity{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;background:#f7f4ff;padding:12px;border-radius:12px;margin:14px 0 20px}.plan-capacity strong,.plan-capacity span{display:block}.plan-capacity strong{font-size:1.05rem;letter-spacing:-.04em}.plan-capacity span{font-size:.62rem;color:#867e96}.plan-card ul{list-style:none;padding:0;margin:0}.plan-card li{position:relative;padding:9px 0 9px 23px;border-bottom:1px solid #f1edf7;font-size:.86rem;color:#534b62}.plan-card li:before{content:"✓";position:absolute;left:0;top:10px;color:var(--purple);font-weight:800}.plan-note{text-align:center;font-size:.75rem;margin:27px 0 0}.faq{padding-top:15px}.faq-list{max-width:850px;margin-left:auto}.faq details{border-bottom:1px solid var(--line);padding:23px 0}.faq summary{font-weight:800;font-size:1rem;cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:20px}.faq summary::-webkit-details-marker{display:none}.faq summary:after{content:"＋";color:var(--purple);font-size:1.3rem;font-weight:500}.faq details[open] summary:after{content:"−"}.faq details p{margin:15px 45px 0 0;line-height:1.7}.final-cta{background:#603ee3;color:#fff;padding:87px 0}.final-inner{display:flex;align-items:end;justify-content:space-between;gap:30px}.final-inner span{font-size:.7rem;font-weight:800;letter-spacing:.15em;color:#cbbcff}.final-inner h2{margin:16px 0}.final-inner h2 em{color:#d6c9ff}.final-inner p{color:#e4ddff;max-width:550px;margin-bottom:0}.button-white{background:#fff;color:#4a2fb9}.site-footer{padding:38px 0 55px;background:#19142c;color:#fff}.footer-inner{display:flex;align-items:center;justify-content:space-between;gap:25px}.footer-inner p{font-size:.8rem;color:#a9a2b8;margin:0}.footer-inner div{display:flex;gap:18px;font-size:.8rem}.footer-inner small{color:#a9a2b8}
@keyframes window-in{from{opacity:0;transform:perspective(1200px) rotateY(-15deg) translateY(25px)}to{opacity:1;transform:perspective(1200px) rotateY(-5deg) rotateX(2deg)}}@keyframes float{50%{transform:translateY(-11px)}}@keyframes task-pop{50%{transform:translateX(3px)}}@keyframes bar-rise{from{height:0}}@keyframes stage-in{from{opacity:0;transform:translateY(9px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:1300px){.nav-shell{gap:16px}.desktop-nav,.nav-actions{gap:15px}.hero{grid-template-columns:.9fr 1.1fr}.hero-visual{transform:scale(.83);transform-origin:center left;margin-right:-85px}.float-one{right:0}}
@media(max-width:1100px){.desktop-nav{gap:15px}.nav-actions{gap:10px}.hero{grid-template-columns:1fr 1fr;min-height:600px}.hero-visual{transform:scale(.9);transform-origin:center left}.float-one{right:0}.window-body{grid-template-columns:100px 1fr}.window-main{padding:18px}.preview-calendar{display:none}.preview-lower{grid-template-columns:1fr}.tour-layout{grid-template-columns:240px 1fr}}
@media(max-width:850px){.desktop-nav,.login-link,.nav-actions .small{display:none}.menu-toggle{display:flex}.mobile-menu:not([hidden]){display:flex;flex-direction:column;padding:12px 30px 25px;gap:13px;border-top:1px solid var(--line);font-weight:800}.hero{grid-template-columns:1fr;padding-top:65px;padding-bottom:60px;gap:20px}.hero-copy{text-align:center}.hero-copy>p{margin-left:auto;margin-right:auto}.hero-actions{justify-content:center}.hero-note{display:inline-block}.hero-visual{max-width:720px;margin:auto;transform:none}.section-heading{align-items:start;flex-direction:column;gap:12px}.value-grid{grid-template-columns:1fr 1fr}.value-card.large{grid-column:span 2}.module-grid,.plan-grid{grid-template-columns:repeat(2,1fr)}.plan-card.featured{transform:none}.tour-layout{grid-template-columns:1fr}.tour-menu{flex-direction:row}.tour-tab{padding:13px}.tour-tab b{display:block;margin:4px 0}.tour-tab small{margin:0}.quote-inner{flex-wrap:wrap}.quote-ident{margin-left:auto}.footer-inner{flex-wrap:wrap}.footer-inner p{width:100%}}
@media(max-width:850px){.hero-visual{margin-right:auto}}
@media(max-width:600px){body{font-size:16px}.section-wrap{padding-left:20px;padding-right:20px}.nav-shell{height:65px;padding:0 20px}.hero{padding-top:55px}.hero h1{font-size:clamp(2.8rem,12vw,4.2rem)}.hero-copy>p{font-size:1.02rem}.hero-actions{flex-direction:column}.button{width:100%}.hero-visual{width:100%;padding:15px 0 30px}.product-window{transform:none;border-radius:15px}.window-body{grid-template-columns:49px 1fr;min-height:300px}.window-rail{padding:8px 4px}.window-rail span{font-size:.7rem;text-align:center}.window-rail b{display:none}.window-main{padding:14px 10px}.window-main h2{font-size:.94rem}.window-main>p{font-size:.57rem}.preview-metrics{gap:3px}.preview-metrics>div{padding:6px 4px}.preview-metrics small,.preview-metrics i{font-size:.4rem}.preview-metrics strong{font-size:.9rem}.preview-title{font-size:.54rem}.floating-card{padding:7px 8px}.floating-card b{font-size:.52rem}.floating-card small{font-size:.42rem}.float-one{top:-8px}.float-two{left:0;bottom:9px}.flow-inner{gap:5px;min-height:72px;padding:12px 20px}.flow-inner span{font-size:.51rem}.flow-inner i{min-width:6px}.why,.modules,.plans,.faq{padding-top:80px;padding-bottom:80px}.value-grid,.module-grid,.plan-grid{grid-template-columns:1fr}.value-card.large{grid-column:auto}.value-card{min-height:265px}.micro-kanban{gap:4px}.micro-kanban span{padding:7px 5px}.micro-kanban b,.micro-kanban i{font-size:.5rem}.walkthrough{padding:80px 0 65px}.tour-menu{display:grid;grid-template-columns:repeat(3,1fr);gap:5px}.tour-tab{padding:10px 6px;text-align:center}.tour-tab span{font-size:.58rem}.tour-tab b{font-size:.71rem}.tour-tab small{display:none}.tour-stage{grid-template-columns:1fr;gap:3px;padding:17px}.tour-caption h3{font-size:1.3rem;margin:5px 0}.tour-caption p{font-size:.76rem;margin-bottom:7px}.tour-mock{min-height:200px}.tour-screen{min-height:480px}.tour-disclaimer{text-align:left}.plan-capacity strong{font-size:.95rem}.quote-band{padding:40px 0}.quote-symbol{font-size:4rem}.quote-inner{gap:7px}.quote-inner p{width:calc(100% - 75px)}.final-inner{flex-direction:column;align-items:stretch}.faq-list{margin:0}.footer-inner{align-items:start;flex-direction:column}.footer-inner p{width:auto}}
@media(max-width:600px){.value-card{min-height:0}.value-card .value-icon{margin-bottom:35px}.value-pill{position:static;display:inline-block;margin-top:4px}.value-card p{margin-bottom:14px}}
@media(max-width:600px){.hero-visual .visual-halo{right:0}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}
.desktop-nav a[aria-current="page"]{color:var(--purple)}.detail-hero{padding-top:105px;padding-bottom:78px;background:radial-gradient(circle at 85% 20%,#f3efff 0,transparent 40%)}.detail-hero h1{max-width:920px;margin:19px 0 24px}.detail-hero>p{max-width:790px;font-size:1.16rem;line-height:1.75}.detail-hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:30px}.module-index{display:flex;gap:9px;flex-wrap:wrap;padding-top:20px;padding-bottom:35px;border-bottom:1px solid var(--line)}.module-index a{padding:9px 13px;border:1px solid #e4dcfa;background:#faf9ff;border-radius:999px;color:#6244b5;font-size:.77rem;font-weight:800;transition:.2s}.module-index a:hover{background:#ede7ff;border-color:#b8a5f4}.feature-sections{padding-top:30px;padding-bottom:95px}.feature-block{padding:62px 0;border-bottom:1px solid var(--line)}.feature-group-title{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:25px}.feature-group-title h2{font-size:clamp(2rem,3vw,3rem);margin:0}.feature-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.feature-detail{scroll-margin-top:100px;display:grid;grid-template-columns:54px 1fr;gap:16px;padding:30px;background:#fff;border:1px solid var(--line);border-radius:22px;box-shadow:0 10px 35px rgba(57,29,110,.035)}.feature-detail.highlight{background:#f9f7ff;border-color:#d9ccff}.feature-detail.pending{background:#faf9fc}.feature-number{width:50px;height:50px;border-radius:15px;background:#ede7ff;color:var(--purple);display:grid;place-items:center;font-weight:800}.feature-detail h3{font-size:1.35rem;letter-spacing:-.035em;margin:2px 0 11px}.feature-detail p{font-size:.91rem;line-height:1.75;margin-bottom:16px}.feature-example{background:#f5f2ff;border-left:3px solid #8c6af1;border-radius:0 11px 11px 0;padding:12px 14px;color:#51436f;font-size:.84rem;line-height:1.6}.feature-example b{display:block;color:var(--purple);margin-bottom:3px}.feature-detail .feature-caveat{font-size:.79rem;color:#786887;background:#fff9ef;border:1px solid #f3e6cd;padding:10px 12px;border-radius:10px;margin:15px 0 0}.status-badge{display:inline-block;vertical-align:middle;background:#fff0d2;color:#8c6125;padding:5px 9px;border-radius:999px;font:800 .62rem 'DM Sans',sans-serif;letter-spacing:0;margin-left:6px}.detail-cta{padding:80px 0;background:#603ee3;color:white}.detail-cta h2{margin:16px 0}.detail-cta h2 em{color:#d6c9ff}.detail-cta p{max-width:610px;color:#e6dcff}.detail-cta .button{margin-top:13px}.pricing-hero{padding-bottom:58px}.pricing-content{padding-bottom:110px}.pricing-notice{display:flex;gap:17px;align-items:start;background:#f3efff;border:1px solid #ddd2ff;border-radius:18px;padding:22px;margin:0 0 42px}.pricing-notice>span{font-size:1.6rem;color:var(--purple)}.pricing-notice strong{display:block;margin-bottom:5px}.pricing-notice p{margin:0;font-size:.9rem}.pricing-content .plan-card{background:#fff;min-height:390px}.pricing-footnote{max-width:850px;margin:65px auto 0;text-align:center}.pricing-footnote h2{font-size:2rem}.pricing-footnote p{line-height:1.8}.pricing-footnote .button{margin-top:10px}.modules-more{margin-top:26px;text-align:center}.modules-more .button{width:auto}
@media(max-width:850px){.feature-group-title{display:block}.feature-group-title h2{margin-top:9px}.feature-list{grid-template-columns:1fr}.detail-hero{padding-top:72px}.pricing-content .plan-grid{grid-template-columns:1fr}}
@media(max-width:600px){.detail-hero{padding-top:60px;padding-bottom:50px}.detail-hero>p{font-size:1rem}.detail-hero-actions{display:grid}.module-index{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:thin}.module-index a{white-space:nowrap}.feature-block{padding:44px 0}.feature-detail{grid-template-columns:1fr;padding:22px}.feature-number{width:40px;height:40px;border-radius:11px}.feature-detail h3{font-size:1.2rem}.pricing-notice{padding:17px}.pricing-footnote{text-align:left}}
.demo-global-note{font-size:.78rem!important;color:#8a809b;margin-top:20px!important}.feature-list{grid-template-columns:1fr;gap:26px}.feature-detail{grid-template-columns:44px minmax(0,.84fr) minmax(0,1.16fr);gap:22px;align-items:start;padding:26px;min-height:360px;overflow:hidden}.feature-detail>div:nth-child(2){padding-top:4px}.feature-detail h3{font-size:1.55rem}.feature-detail p{font-size:.93rem}.feature-detail .feature-number{width:43px;height:43px;font-size:.82rem}.feature-demo{min-width:0;background:#f8f7fc;border:1px solid #e7e2f1;border-radius:18px;overflow:hidden;box-shadow:0 15px 35px rgba(58,28,122,.075);align-self:stretch;display:flex;flex-direction:column}.feature-demo-top{height:40px;background:#fff;border-bottom:1px solid #ebe6f5;display:flex;align-items:center;justify-content:space-between;padding:0 16px;color:#8b7da8;font-size:.64rem;font-weight:800;letter-spacing:.08em}.feature-demo-brand{display:flex;align-items:center;gap:6px;color:#6144cc}.feature-demo-brand small{color:#a09ab0;font-size:.58rem;letter-spacing:.06em}.feature-demo-spark{font-size:1rem;color:#744fe6}.feature-demo-body{padding:18px 19px 6px;flex:1;display:flex;flex-direction:column;justify-content:center}.feature-demo-screen{min-height:203px}.feature-demo-screen.demo-enter{animation:demo-screen-in .48s cubic-bezier(.2,.8,.2,1) both}.feature-demo-caption{font-size:.79rem!important;line-height:1.45!important;color:#665b7b!important;text-align:center;margin:9px 5px 12px!important;min-height:34px}.feature-demo-controls{display:flex;align-items:center;gap:12px;justify-content:space-between;padding:7px 15px 12px}.feature-demo-controls>button{width:33px;height:33px;display:grid;place-items:center;border:1px solid #ded5f1;border-radius:10px;background:#fff;color:#5f3ed8;font-size:1rem;font-weight:800;transition:transform .2s,background .2s}.feature-demo-controls>button:hover{background:#eee8ff;transform:translateY(-2px)}.feature-demo-dots{display:flex;gap:7px;justify-content:center}.feature-demo-dot{border:0;background:#d8d0ea;width:7px;height:7px;border-radius:20px;padding:0;transition:width .25s,background .25s}.feature-demo-dot.active{width:26px;background:#6442e3}.feature-demo-progress{height:3px;background:#eae4f6}.feature-demo-progress span{display:block;width:100%;height:100%;background:#7554e8;transform-origin:left;animation:demo-progress 4.8s linear infinite}.demo-box{background:#fff;border:1px solid #e5def2;border-radius:14px;padding:14px;min-height:195px;box-shadow:0 8px 25px rgba(75,47,128,.055)}.demo-box.ai{background:linear-gradient(145deg,#fff,#f8f5ff)}.demo-box-head{display:flex;align-items:center;gap:7px;border-bottom:1px solid #f0ecf6;margin-bottom:13px;padding-bottom:10px;color:#332655;font-size:.74rem}.demo-box-head>span:last-child{margin-left:auto;color:#ada4bc;letter-spacing:2px}.demo-box-dot{width:8px;height:8px;border-radius:50%;background:#845ef0;box-shadow:0 0 0 4px #f0eaff}.demo-stat-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin:5px 0 10px}.demo-stat{background:#f3efff;border-radius:10px;padding:10px 8px;min-width:0}.demo-stat small,.demo-stat strong{display:block}.demo-stat small{font-size:.59rem;color:#817494;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.demo-stat strong{color:#4d2ca9;font-size:1.09rem;line-height:1.5}.demo-stat.mint{background:#e9f8ef}.demo-stat.mint strong{color:#218b5c}.demo-stat.orange{background:#fff4e5}.demo-stat.orange strong{color:#bf7427}.demo-row{display:flex;align-items:center;justify-content:space-between;gap:9px;padding:8px 9px;border-bottom:1px solid #f0ebf7;font-size:.69rem;color:#5c526b}.demo-row:last-child{border-bottom:0}.demo-row b{font-size:.66rem;color:#6041ca;text-align:right;white-space:nowrap}.demo-row.success{background:#edf9f1;border-radius:7px}.demo-row.success b{color:#249a61}.demo-row.orange{background:#fff5e8;border-radius:7px}.demo-row.orange b{color:#ba6f1a}.demo-row.yellow{background:#fffbe9;border-radius:7px}.demo-row.yellow b{color:#a68122}.demo-row.red{background:#fff0f0;border-radius:7px}.demo-row.red b{color:#d65458}.demo-row.spotlight{outline:2px solid #a88cf1;border-radius:7px;animation:demo-highlight 2.2s ease-in-out infinite}.demo-pill{display:inline-flex;align-items:center;margin:3px 4px 7px 0;padding:5px 9px;border:1px solid #e1d8f5;border-radius:7px;font-size:.63rem;font-weight:800;color:#77668d;background:#fff}.demo-pill.purple{background:#6743df;border-color:#6743df;color:#fff;box-shadow:0 4px 8px rgba(95,61,211,.2)}.demo-pill.mint{background:#e9f8ef;color:#258755;border-color:#d2eedf}.demo-pill.orange{background:#fff1de;color:#a66b28;border-color:#f1dcbd}.demo-field{display:flex;flex-direction:column;gap:3px;border:1px solid #e4def0;border-radius:8px;padding:6px 9px;margin-bottom:7px;background:#fff}.demo-field small{font-size:.58rem;color:#91869e}.demo-field span{font-size:.7rem;color:#322749;font-weight:700}.demo-field.active{border-color:#8c69ea;box-shadow:0 0 0 3px #efe8ff}.demo-person{display:flex;align-items:center;gap:8px;margin:8px 0;font-size:.7rem;color:#36274e}.demo-person i{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:#eee7ff;color:#6846cf;font-style:normal;font-weight:800;border:2px solid #d2befd}.demo-person b,.demo-person small{display:block;line-height:1.3}.demo-person small{font-size:.58rem;color:#8a7e98}.demo-flow{display:flex;align-items:center;gap:4px;flex-wrap:wrap;margin:22px 0}.demo-flow span{background:#ede7ff;color:#5839b1;padding:7px 9px;border-radius:8px;font-size:.65rem;font-weight:800;animation:demo-flow-pulse 3.6s infinite}.demo-flow span:nth-of-type(2){animation-delay:.8s}.demo-flow span:nth-of-type(3){animation-delay:1.6s}.demo-flow span:nth-of-type(4){animation-delay:2.4s}.demo-flow i{color:#aa9bbb;font-style:normal;font-size:.7rem}.demo-kanban{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin:16px 0}.demo-kanban span{min-height:90px;padding:9px 6px;background:#f5f2fa;border:1px solid #ebe5f2;border-radius:9px;color:#817293;font-size:.62rem;font-weight:800}.demo-kanban span.active{background:#efe8ff;border-color:#a98af3;color:#4c309d;transform:translateY(-4px);box-shadow:0 8px 15px #a587e02b}.demo-kanban small{display:block;margin-top:17px;color:#6b5a80;font-size:.56rem}.demo-week{display:grid;grid-template-columns:repeat(5,1fr);gap:5px;margin:15px 0}.demo-week span{text-align:center;border:1px solid #e3dcf3;border-radius:8px;padding:7px 3px;color:#7a6c92;font-size:.65rem;font-weight:800}.demo-week span.active{background:#6240df;color:white;border-color:#6240df;box-shadow:0 8px 16px #6542d039}.demo-week small{display:block;font-size:.56rem}.demo-calendar{display:grid;grid-template-columns:repeat(7,1fr);gap:6px;margin-top:15px}.demo-calendar span{height:54px;padding:6px 4px;border:1px solid #e8e1f3;border-radius:8px;font-size:.7rem;color:#786a8a}.demo-calendar span.marked{background:#f0eaff;border-color:#bda8f7;color:#5b3eb6;animation:demo-highlight 2.4s infinite}.demo-calendar small{display:block;font-size:.48rem;font-weight:800}.demo-bars{height:103px;display:flex;align-items:end;gap:10px;padding:10px 14px 2px;border-bottom:1px solid #ded7ec}.demo-bars span{height:var(--h);flex:1;background:#bca6f4;border-radius:5px 5px 0 0;animation:demo-bar-rise .65s ease-out both}.demo-bars span:nth-child(even){background:#704ee0}.demo-chat-user,.demo-chat-reply{max-width:82%;padding:9px 11px;border-radius:12px;font-size:.67rem;line-height:1.45;margin:10px 0}.demo-chat-user{margin-left:auto;background:#6642dd;color:#fff;border-bottom-right-radius:3px}.demo-chat-reply{background:#f0ecf8;color:#4f3e6f;border-bottom-left-radius:3px}.demo-typing{display:flex;gap:4px;padding:8px 10px;width:max-content;background:#eee9f8;border-radius:11px}.demo-typing i{width:5px;height:5px;background:#856ab4;border-radius:50%;animation:demo-bounce 1s infinite}.demo-typing i:nth-child(2){animation-delay:.15s}.demo-typing i:nth-child(3){animation-delay:.3s}.demo-inline-note{font-size:.61rem!important;line-height:1.35!important;color:#8c779c!important;margin:10px 0 0!important}.feature-detail.pending .feature-demo{background:#faf9fc}
@keyframes demo-screen-in{from{opacity:.1;transform:translateY(12px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes demo-progress{from{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes demo-highlight{50%{box-shadow:0 0 0 4px #e8dcff}}@keyframes demo-flow-pulse{20%{background:#6441db;color:white;transform:translateY(-2px)}}@keyframes demo-bar-rise{from{height:0}}@keyframes demo-bounce{50%{transform:translateY(-4px)}}
@media(max-width:1050px){.feature-detail{grid-template-columns:42px minmax(0,1fr)}.feature-demo{grid-column:2}.feature-detail{min-height:0}.feature-demo-screen{min-height:190px}}
@media(max-width:600px){.feature-detail{grid-template-columns:1fr;gap:15px;padding:19px}.feature-demo{grid-column:1}.feature-detail>div:nth-child(2){padding-top:0}.feature-demo-body{padding:14px 12px 4px}.feature-demo-screen{min-height:195px}.demo-stat small{font-size:.53rem}.demo-stat strong{font-size:.96rem}.feature-detail h3{font-size:1.35rem}}
@media(prefers-reduced-motion:reduce){.feature-demo-progress span,.demo-flow span,.demo-row.spotlight,.demo-calendar span.marked,.demo-typing i{animation:none!important}}
.demo-box-head{font-size:.81rem}.demo-row{font-size:.76rem;padding:9px 10px}.demo-row b{font-size:.73rem}.demo-field small{font-size:.64rem}.demo-field span{font-size:.78rem}.demo-pill{font-size:.69rem}.demo-person{font-size:.77rem}.demo-person small{font-size:.63rem}.demo-stat small{font-size:.63rem}.demo-stat strong{font-size:1.2rem}.demo-chat-user,.demo-chat-reply{font-size:.74rem}.feature-demo-caption{font-size:.84rem!important}.demo-inline-note{font-size:.67rem!important}
.landing-hero{display:grid;grid-template-columns:.82fr 1.18fr;align-items:center;gap:45px;padding-top:100px;padding-bottom:115px;min-height:770px}.landing-hero-copy{align-self:center}.landing-hero-copy h1{font-size:clamp(3.3rem,5.2vw,5.8rem);margin:0 0 26px;max-width:650px}.landing-hero-copy>p{font-size:1.18rem;line-height:1.7;max-width:550px}.landing-hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:30px}.hero-truth{display:block;margin-top:21px;color:#8e859f;font-size:.78rem}.landing-hero-visual{position:relative;min-width:0;padding-top:24px}.landing-hero-visual:before{content:"";position:absolute;inset:0 -35px 65px 30px;border-radius:45%;background:radial-gradient(circle,#ded4ff 0,#f4f0ff 47%,transparent 73%);filter:blur(15px)}.showcase-window{position:relative;min-height:405px;background:#fff;border:1px solid #dfd5f5;border-radius:20px;box-shadow:0 26px 70px rgba(57,29,111,.16);overflow:hidden;transform:perspective(1200px) rotateY(-3deg);animation:showcase-enter .8s both}.showcase-top{height:43px;background:#f8f6ff;border-bottom:1px solid #ebe5f4;display:flex;align-items:center;gap:10px;padding:0 14px;color:#a99bb8;font-size:.62rem}.showcase-brand{display:flex;align-items:center;gap:5px;color:#4b2ca4}.showcase-top>span{margin:auto}.showcase-top>i{width:18px;height:18px;background:#e6ddfa;border-radius:50%}.showcase-content{display:grid;grid-template-columns:51px 1fr;min-height:362px}.showcase-rail{padding:14px 8px;background:#faf9fe;border-right:1px solid #eee9f8;display:flex;flex-direction:column;gap:8px}.showcase-rail span{display:grid;place-items:center;height:32px;color:#9e8bbb;border-radius:9px;font-size:1.1rem}.showcase-rail span.active{background:#eae3ff;color:#6643d4}.showcase-main{min-width:0;padding:23px 25px}.showcase-kicker{color:#8d70d7;font-size:.65rem;font-weight:800;letter-spacing:.13em}.showcase-main h2{font-size:1.35rem;letter-spacing:-.03em;margin:7px 0 4px}.showcase-main>p{font-size:.78rem;line-height:1.5;margin-bottom:12px;max-width:500px}.hero-module-preview{min-height:202px;max-width:485px}.hero-module-preview .demo-box{min-height:194px}.hero-picker-panel{position:relative;z-index:2;width:min(91%,560px);margin:-48px auto 0;background:#fff;border:1px solid #e7e0f4;border-radius:18px;box-shadow:0 24px 45px rgba(37,21,88,.15);padding:16px 18px 18px}.picker-panel-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:11px;font-size:.9rem;font-weight:800}.picker-panel-head small{font-size:.65rem;color:#9e91af}.hero-module-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}.hero-module-button{min-height:59px;border:1px solid #e8e3f1;background:#fff;border-radius:10px;color:#594e69;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;padding:5px;transition:transform .22s,border-color .22s,background .22s,box-shadow .22s}.hero-module-button:hover{transform:translateY(-2px);border-color:#b7a5ed;box-shadow:0 5px 14px rgba(74,43,148,.1)}.hero-module-button[aria-pressed=true]{background:#f0eaff;color:#5331b7;border-color:#a589f1;box-shadow:inset 0 0 0 1px #a589f1}.hero-module-button span{font-size:1.1rem;line-height:1}.hero-module-button b{font-size:.6rem;line-height:1.15;text-align:center;letter-spacing:-.02em}.showcase-swap{animation:showcase-swap .45s cubic-bezier(.2,.8,.2,1) both}.usecases{padding:96px 0 108px;background:#f8f7fd;overflow:hidden}.usecases-header{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:32px}.usecases-header h2{max-width:810px;margin:9px 0 12px}.usecases-header p{margin:0}.carousel-controls{display:flex;gap:9px;flex:none}.carousel-controls button,.theater-nav,.theater-step-controls>button{width:43px;height:43px;border:1px solid #d9d0e9;background:#fff;border-radius:50%;display:grid;place-items:center;color:#5136ae;font-size:1.2rem;transition:transform .2s,background .2s}.carousel-controls button:hover,.theater-nav:hover,.theater-step-controls>button:hover{transform:scale(1.07);background:#eee8ff}.usecase-track{display:flex;gap:17px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:thin;padding:0 1px 12px}.usecase-card{scroll-snap-align:start;flex:0 0 clamp(255px,27vw,315px);height:305px;border-radius:20px;padding:23px;color:#fff;display:flex;flex-direction:column;overflow:hidden;position:relative;transition:transform .25s,box-shadow .25s}.usecase-card:hover{transform:translateY(-6px);box-shadow:0 17px 30px rgba(43,23,90,.15)}.usecase-card h3{font-size:1.55rem;color:inherit;margin:10px 0 8px}.usecase-card p{font-size:.83rem;color:rgba(255,255,255,.88);line-height:1.55;margin:0}.usecase-icon{width:39px;height:39px;border-radius:10px;background:rgba(255,255,255,.18);display:grid;place-items:center;font-size:1.25rem}.usecase-card.purple{background:#6540cf}.usecase-card.blue{background:#326db2}.usecase-card.peach{background:#d87558}.usecase-card.mint{background:#23856b}.usecase-card.indigo{background:#51539f}.usecase-card.violet{background:#8e5ebd}.usecase-card.ink{background:#2d2653}.usecase-card.lilac{background:#8a67ba}.usecase-card.teal{background:#2b7b87}.usecase-card.sand{background:#9a7551}.usecase-visual{margin-top:auto;display:flex;gap:5px;align-items:end;min-height:84px;opacity:.92}.usecase-visual>span{background:rgba(255,255,255,.2);border:1px solid rgba(255,255,255,.25);border-radius:7px;padding:7px 9px;min-width:0;font-size:.64rem}.usecase-visual:not(.calendar):not(.numbers):not(.people):not(.chat):not(.bars){flex-direction:column;align-items:stretch;justify-content:end}.usecase-visual:not(.calendar):not(.numbers):not(.people):not(.chat):not(.bars)>span{display:flex;justify-content:space-between}.usecase-visual>span i{display:inline-block;background:#fff;border-radius:50%;width:5px;height:5px;margin-left:5px}.usecase-visual.calendar>span{flex:1;text-align:center;height:72px}.usecase-visual.calendar>span.selected{background:#fff;color:#4273b3;transform:translateY(-10px)}.usecase-visual.numbers>span{flex:1}.usecase-visual.numbers b{display:block;font-size:1.2rem}.usecase-visual.bars{align-items:end;padding:0 15px}.usecase-visual.bars i{flex:1;height:40%;background:rgba(255,255,255,.65);border-radius:5px 5px 0 0;animation:usecase-bar 3s ease-in-out infinite alternate}.usecase-visual.bars i:nth-child(2){height:75%;animation-delay:.2s}.usecase-visual.bars i:nth-child(3){height:58%;animation-delay:.4s}.usecase-visual.bars i:nth-child(4){height:95%;animation-delay:.6s}.usecase-visual.bars i:nth-child(5){height:67%;animation-delay:.8s}.usecase-visual.people>span{height:44px;width:44px;border-radius:50%;display:grid;place-items:center;font-weight:800}.usecase-visual.people>span+span{margin-left:-15px}.usecase-visual.chat{flex-direction:column;align-items:stretch;justify-content:end}.usecase-visual.chat>span:nth-child(2){margin-left:30px;background:rgba(255,255,255,.36)}.feature-theater{background:#11101d;color:white;padding:108px 0 115px;overflow:hidden}.theater-heading{text-align:center;max-width:950px;margin:0 auto 42px}.theater-heading h2{font-size:clamp(2.5rem,4vw,4.8rem);margin:13px 0}.theater-heading h2 em{color:#bdabff}.theater-heading p{color:#b6afc6;margin:0}.theater-selector{display:grid;grid-template-columns:45px minmax(0,1fr) 45px;align-items:center;gap:15px;margin-bottom:46px}.theater-nav{background:#211c33;color:white;border-color:#443957}.theater-tabs{display:flex;overflow-x:auto;gap:9px;scrollbar-width:none;scroll-snap-type:x proximity}.theater-tabs::-webkit-scrollbar{display:none}.theater-tab{flex:0 0 99px;min-height:89px;border:1px solid transparent;background:transparent;color:#a79eb9;border-radius:14px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:5px;padding:7px;scroll-snap-align:center;transition:.25s}.theater-tab span{font-size:1.5rem;width:38px;height:38px;display:grid;place-items:center;border-radius:10px}.theater-tab b{font-size:.7rem;line-height:1.15;text-align:center}.theater-tab:hover{color:white;background:#242037}.theater-tab.selected{color:white}.theater-tab.selected span{background:#6d4ae0;box-shadow:0 9px 20px #7353e455}.theater-content{display:grid;grid-template-columns:.72fr 1.28fr;gap:47px;align-items:center}.theater-text>span{color:#b7a1ff;letter-spacing:.14em;font-weight:800;font-size:.72rem}.theater-text h3{font-size:clamp(2rem,3vw,3.25rem);margin:15px 0}.theater-text>p{color:#c8c1d5;font-size:1.02rem;line-height:1.75}.theater-step-copy{border-left:3px solid #8d6af0;padding:4px 0 4px 17px;margin:30px 0}.theater-step-copy small{display:block;color:#bda7ff;font-size:.7rem;letter-spacing:.12em;font-weight:800}.theater-step-copy strong{display:block;color:#fff;font-size:1.14rem;margin:8px 0}.theater-step-copy p{color:#bcb4cb;font-size:.85rem;line-height:1.55;margin:0}.theater-step-controls{display:flex;align-items:center;gap:13px;margin-bottom:24px}.theater-step-controls>button{border-color:#4a3b65;background:#241e36;color:#fff;width:36px;height:36px}.theater-step-controls>div{display:flex;gap:6px}.theater-step-controls>div button{border:0;width:7px;height:7px;border-radius:99px;background:#645878;padding:0;transition:.2s}.theater-step-controls>div button.active{width:24px;background:#9878ff}.theater-detail-link{font-size:.87rem;font-weight:800;color:#c5b5ff;border-bottom:1px solid #8d70eb;padding-bottom:5px}.theater-detail-link:hover{color:white}.theater-display{background:#f9f8fe;color:#211930;border-radius:20px;border:1px solid #453853;box-shadow:0 30px 60px rgba(0,0,0,.35);overflow:hidden;min-width:0;transform:perspective(1400px) rotateY(-2deg)}.theater-window-bar{height:44px;background:#eeeaf7;border-bottom:1px solid #ddd6ec;display:flex;align-items:center;justify-content:space-between;padding:0 17px;color:#93869f;font-size:.66rem;letter-spacing:.1em;font-weight:800}.theater-window-bar>div{display:flex;gap:5px}.theater-window-bar i{width:7px;height:7px;border-radius:50%;background:#bea9ed}.theater-window-bar b{color:#7951dd;font-size:1.2rem}.theater-window-body{display:grid;grid-template-columns:54px minmax(0,1fr);min-height:390px}.theater-window-rail{display:flex;flex-direction:column;gap:9px;padding:17px 8px;background:#f4f1fa;border-right:1px solid #e4ddec}.theater-window-rail span{height:35px;display:grid;place-items:center;color:#9c88be;border-radius:8px;font-size:1.2rem}.theater-window-rail span.selected{background:#e9e0ff;color:#6c47d4}.theater-screen{display:grid;align-items:center;padding:27px;min-width:0}.theater-screen .demo-box{width:100%;min-height:310px;padding:22px;border-radius:15px}.theater-screen .demo-box-head{font-size:.98rem;padding-bottom:15px;margin-bottom:19px}.theater-screen .demo-row{font-size:.86rem;padding:13px 12px}.theater-screen .demo-row b{font-size:.8rem}.theater-screen .demo-field{padding:11px 13px}.theater-screen .demo-field small{font-size:.72rem}.theater-screen .demo-field span{font-size:.91rem}.theater-screen .demo-stat{padding:15px 12px}.theater-screen .demo-stat small{font-size:.71rem}.theater-screen .demo-stat strong{font-size:1.5rem}.theater-screen .demo-pill{font-size:.77rem;padding:7px 12px}.theater-screen .demo-chat-user,.theater-screen .demo-chat-reply{font-size:.87rem}.theater-disclaimer{display:block;padding:8px 15px;text-align:right;color:#8f849d;font-size:.65rem;border-top:1px solid #ebe5f3}.landing-end{display:flex;align-items:center;justify-content:space-between;gap:35px;padding-top:92px;padding-bottom:85px}.landing-end h2{max-width:750px;margin:13px 0}.landing-end p{max-width:680px}.landing-end .button{flex:none}.faq{padding-top:25px;padding-bottom:105px}
@keyframes showcase-enter{from{opacity:0;transform:perspective(1200px) rotateY(-9deg) translateY(18px)}to{opacity:1;transform:perspective(1200px) rotateY(-3deg) translateY(0)}}@keyframes showcase-swap{from{opacity:0;transform:translateY(12px) scale(.99)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes usecase-bar{to{height:26%}}
@media(max-width:1180px){.landing-hero{gap:18px;grid-template-columns:.85fr 1.15fr}.landing-hero-copy h1{font-size:clamp(3rem,5vw,4.9rem)}.hero-module-button b{font-size:.55rem}.theater-content{gap:25px}.theater-screen{padding:18px}}
@media(max-width:900px){.landing-hero{grid-template-columns:1fr;padding-top:75px;gap:25px}.landing-hero-copy{max-width:720px}.landing-hero-visual{max-width:740px;width:100%;margin:auto}.theater-content{grid-template-columns:1fr}.theater-text{max-width:750px}.theater-display{max-width:820px}.landing-end{flex-direction:column;align-items:start}.usecases-header{align-items:start}}
@media(max-width:600px){.landing-hero{padding-top:52px;padding-bottom:80px}.landing-hero-copy h1{font-size:clamp(2.75rem,11vw,4rem)}.landing-hero-copy>p{font-size:1rem}.landing-hero-actions{flex-direction:column}.landing-hero-visual{padding:0}.showcase-window{transform:none;min-height:350px}.showcase-content{min-height:310px;grid-template-columns:38px 1fr}.showcase-rail{padding:10px 3px}.showcase-main{padding:17px 12px}.showcase-main>p{font-size:.73rem}.showcase-main h2{font-size:1.2rem}.hero-picker-panel{width:100%;margin:13px 0 0;padding:13px}.hero-module-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:5px}.hero-module-button{min-height:65px;padding:4px}.hero-module-button b{font-size:.56rem}.hero-module-button span{font-size:1rem}.usecases{padding:70px 0}.usecases-header{align-items:start;flex-direction:column}.usecases-header h2{font-size:2.5rem}.usecase-track{margin-right:-20px}.usecase-card{flex-basis:270px}.feature-theater{padding:72px 0 84px}.theater-heading h2{font-size:2.55rem}.theater-selector{grid-template-columns:34px minmax(0,1fr) 34px;gap:5px}.theater-nav{width:33px;height:33px;font-size:1rem}.theater-tab{flex-basis:75px;min-height:78px}.theater-tab b{font-size:.63rem}.theater-content{gap:26px}.theater-window-body{grid-template-columns:35px minmax(0,1fr);min-height:335px}.theater-window-rail{padding:11px 3px}.theater-window-rail span{font-size:.9rem}.theater-screen{padding:10px}.theater-screen .demo-box{padding:12px;min-height:280px}.theater-screen .demo-box-head{font-size:.82rem}.theater-screen .demo-row{font-size:.72rem;padding:9px 7px}.theater-screen .demo-row b{font-size:.68rem}.theater-screen .demo-stat{padding:8px 6px}.theater-screen .demo-stat small{font-size:.55rem}.theater-screen .demo-stat strong{font-size:1rem}.theater-screen .demo-field{padding:7px 9px}.theater-screen .demo-field span{font-size:.75rem}.theater-disclaimer{font-size:.56rem}.landing-end{padding-top:75px;padding-bottom:45px}.landing-end h2{font-size:2.4rem}.landing-end .button{width:100%}}
@media(prefers-reduced-motion:reduce){.showcase-window,.showcase-swap,.usecase-visual.bars i{animation:none!important}}

/* Tiny product-demo interactions and readable module choices. */
.demo-box{position:relative;overflow:hidden}
.demo-cursor{position:absolute;right:18%;bottom:22%;width:15px;height:20px;pointer-events:none;filter:drop-shadow(0 2px 2px #3a286b55);animation:demo-pointer 4.8s ease-in-out infinite;z-index:2}
.demo-cursor:before{content:"";display:block;width:0;height:0;border-left:12px solid #5d3ce4;border-bottom:15px solid transparent;transform:rotate(-16deg)}
.demo-cursor:after{content:"";display:block;width:9px;height:9px;border:2px solid #6d4ce0;border-radius:50%;position:absolute;top:-9px;left:-8px;animation:demo-tap 4.8s ease-out infinite}
.demo-kanban-moving .demo-drag-card{background:#fff;border:1px solid #b79df0;padding:8px 4px;border-radius:7px;box-shadow:0 6px 18px #5d3ce433;animation:demo-drag 4.8s ease-in-out infinite;position:relative;z-index:1}
.hero-module-button b{font-size:.8rem;line-height:1.2}
.theater-tab b{font-size:.76rem}
@keyframes demo-pointer{0%,14%{transform:translate(0,0);opacity:0}20%,48%{transform:translate(-35px,-22px);opacity:1}55%,70%{transform:translate(-35px,-22px) scale(.85);opacity:1}85%,100%{transform:translate(10px,4px);opacity:0}}
@keyframes demo-tap{0%,48%,75%,100%{opacity:0;transform:scale(.3)}56%{opacity:.75;transform:scale(1)}72%{opacity:0;transform:scale(2.1)}}
@keyframes demo-drag{0%,15%{transform:translateX(-28px) rotate(-4deg)}55%,100%{transform:translateX(0) rotate(0)}}
@media(max-width:600px){.hero-module-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hero-module-button{min-height:52px;flex-direction:row;gap:6px;justify-content:flex-start;text-align:left;padding:6px 9px}.hero-module-button b{font-size:.8rem}.hero-module-button span{font-size:1.1rem}.theater-tab b{font-size:.7rem}}
@media(prefers-reduced-motion:reduce){.demo-cursor,.demo-cursor:after,.demo-kanban-moving .demo-drag-card{animation:none!important}.demo-cursor{display:none}}

/* Whole-page previews: overview first, then close-up, auto-playing walkthroughs. */
.showcase-content{display:block;min-height:0}.showcase-rail{display:none}.showcase-main{padding:14px 17px 22px}.showcase-main h2{font-size:1.18rem}.showcase-main>p{margin-bottom:8px}.hero-module-preview{max-width:none;min-height:0}.showcase-window{min-height:0}.hero-module-preview .product-page-preview{height:273px}
.product-page-preview{height:100%;min-height:0;overflow:hidden;border:1px solid #e3dded;border-radius:12px;background:#f4f6fb;color:#23243b;position:relative;box-shadow:0 8px 20px #25194512}
.pp-app{height:100%;display:grid;grid-template-columns:19% minmax(0,1fr);transform:scale(1);transform-origin:60% 40%;transition:transform .7s cubic-bezier(.2,.8,.2,1);min-width:0}
.product-page-preview.is-focused .pp-app{transform:scale(1.28);transform-origin:62% 48%}
.pp-sidebar{background:#fff;border-right:1px solid #e7e9f1;padding:12px 8px;min-width:0;display:flex;flex-direction:column;gap:16px}.pp-mark{font-size:.55rem;color:#5938d1;display:flex;align-items:center;gap:3px;white-space:nowrap}.pp-mark b{font-size:.6rem}.pp-nav{display:grid;gap:3px}.pp-nav span{padding:5px 4px;border-radius:5px;color:#707b90;font-size:.52rem;display:flex;gap:4px;white-space:nowrap;overflow:hidden}.pp-nav span:first-child{background:#eee9ff;color:#5e3ed5}.pp-nav b{font-weight:600;overflow:hidden;text-overflow:ellipsis}.pp-sidebar>small{margin-top:auto;font-size:.39rem;color:#a2a8b3;letter-spacing:.08em}
.pp-main{min-width:0;overflow:hidden}.pp-topbar{height:25px;background:#fff;border-bottom:1px solid #e7e9f1;display:flex;align-items:center;justify-content:space-between;padding:0 10px;font-size:.48rem;color:#8a93a4}.pp-topbar>div{display:flex;gap:6px;align-items:center}.pp-topbar i{font-style:normal}.pp-topbar i:last-child{border-radius:50%;width:15px;height:15px;display:grid;place-items:center;background:#eee6ff;color:#6438d3;font-size:.42rem;font-weight:800}
.pp-heading{display:flex;align-items:center;justify-content:space-between;gap:7px;padding:10px 12px 7px}.pp-heading small{color:#7655d9;font-size:.42rem;font-weight:800;letter-spacing:.11em}.pp-heading h4{font-size:.84rem;letter-spacing:-.03em;margin:2px 0}.pp-heading p{font-size:.48rem;color:#8d98a7;margin:0}.pp-action{background:#6141df;color:#fff;padding:5px 7px;border-radius:5px;white-space:nowrap;font-size:.46rem;font-weight:800;animation:pp-action-pulse 5s ease-in-out infinite}
.pp-kpis{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;padding:0 12px 8px}.pp-kpis>div{border:1px solid #e6e9f2;border-radius:6px;background:#fff;padding:6px 7px;display:flex;justify-content:space-between;align-items:center;min-width:0}.pp-kpis small{font-size:.45rem;color:#7d8799;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pp-kpis b{font-size:.69rem;color:#5132b9;white-space:nowrap}
.pp-body{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:7px;padding:0 12px 12px;height:calc(100% - 115px)}.pp-primary,.pp-secondary{background:#fff;border:1px solid #e6e9f2;border-radius:7px;min-width:0;min-height:0;overflow:hidden;padding:8px}.pp-card-heading{display:flex;justify-content:space-between;gap:4px;border-bottom:1px solid #eceef5;padding-bottom:5px;margin-bottom:7px;font-size:.51rem;white-space:nowrap}.pp-card-heading b{overflow:hidden;text-overflow:ellipsis}.pp-card-heading span{color:#a1a9b7}.pp-list-row{display:flex;justify-content:space-between;gap:5px;padding:6px 1px;border-bottom:1px solid #f0f1f6;font-size:.46rem;color:#5c6476}.pp-list-row span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pp-list-row b{color:#6849cd;white-space:nowrap}
.pp-dashboard{display:grid;grid-template-columns:1fr 1fr;gap:6px}.pp-dashboard>div{min-width:0;border-radius:6px;padding:8px;background:#f7f5ff;display:flex;flex-direction:column;gap:6px}.pp-dashboard b,.pp-dashboard strong{font-size:.51rem}.pp-dashboard strong{color:#5d3cce}.pp-dashboard small,.pp-dashboard span{font-size:.44rem;color:#737b90}.pp-dashboard span{display:flex;justify-content:space-between;gap:2px}.pp-dashboard em{font-style:normal;color:#7252db}
.pp-board,.pp-week{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;height:calc(100% - 4px)}.pp-board>div,.pp-week>div{background:#f7f7fb;border-radius:5px;padding:5px;overflow:hidden}.pp-board b,.pp-week b{font-size:.49rem;display:block;color:#5d4c85;border-bottom:2px solid #9c80ed;padding-bottom:4px}.pp-board span,.pp-week span{display:block;margin-top:5px;background:white;border:1px solid #e9e6f4;border-radius:4px;padding:5px 3px;font-size:.44rem;color:#6c6380;box-shadow:0 2px 5px #25194508}.pp-week{grid-template-columns:repeat(5,1fr)}.pp-week small{display:block;color:#7453d5;margin-top:5px}
.pp-calendar{display:grid;grid-template-columns:repeat(7,1fr);gap:2px}.pp-calendar span{text-align:center;min-height:16px;padding:2px;border:1px solid #edf0f7;border-radius:3px;font-size:.42rem;color:#798297}.pp-calendar span.marked{background:#eae5ff;color:#5e39d2;border-color:#c7b8ff}.pp-chart{height:82%;display:flex;gap:5px;align-items:end;padding:8px 4px 2px;border-bottom:1px solid #e8e7f1}.pp-chart i{display:block;flex:1;background:linear-gradient(#8464ef,#ccbcff);border-radius:3px 3px 0 0;animation:pp-bars 3s ease-in-out infinite alternate}
.pp-chat{display:flex;flex-direction:column;gap:5px;align-items:flex-start}.pp-chat span,.pp-chat b{font-size:.47rem;font-weight:500;border-radius:6px;padding:6px;background:#eee8ff;max-width:85%}.pp-chat b{align-self:flex-end;background:#eef7fa}.pp-notes,.pp-clients{display:grid;grid-template-columns:repeat(3,1fr);gap:4px}.pp-notes>div,.pp-clients>div{border:1px solid #ebe8f2;border-radius:5px;padding:6px;min-width:0}.pp-notes b,.pp-clients b{font-size:.46rem;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pp-notes small,.pp-clients small,.pp-notes p{font-size:.41rem;color:#9a90aa}.pp-notes p{margin:5px 0 0}.pp-clients i{width:17px;height:17px;border-radius:50%;display:grid;place-items:center;background:#eee7ff;color:#714ed2;font-size:.42rem;font-style:normal;margin-bottom:4px}
.pp-focus-content{height:calc(100% - 24px);overflow:hidden}.pp-focus-content .demo-box{width:100%;min-height:0!important;height:100%;padding:6px!important;box-shadow:none;border:0}.pp-focus-content .demo-box-head{font-size:.48rem!important;margin-bottom:3px!important;padding-bottom:3px!important}.pp-focus-content .demo-row{font-size:.43rem!important;padding:3px!important}.pp-focus-content .demo-row b{font-size:.43rem!important}.pp-focus-content .demo-field{padding:3px!important;margin-bottom:3px!important}.pp-focus-content .demo-field small,.pp-focus-content .demo-field span{font-size:.43rem!important}.pp-focus-content .demo-stat{padding:3px!important}.pp-focus-content .demo-stat small{font-size:.39rem!important}.pp-focus-content .demo-stat strong{font-size:.53rem!important}.pp-focus-content .demo-pill{font-size:.4rem!important;padding:3px 5px!important;margin:1px 2px 2px 0!important}.pp-focus-content .demo-chat-user,.pp-focus-content .demo-chat-reply,.pp-focus-content .demo-inline-note{font-size:.43rem!important;margin:3px 0!important}.pp-focus-content .demo-person{margin:2px 0;font-size:.43rem}.pp-focus-content .demo-person i{width:16px;height:16px;font-size:.4rem}.pp-focus-content .demo-person small{font-size:.39rem}.pp-focus-content .demo-flow{margin:4px 0}.pp-focus-content .demo-flow span{font-size:.4rem;padding:3px}.pp-focus-content .demo-kanban{margin:4px 0}.pp-focus-content .demo-kanban span{min-height:40px;font-size:.42rem;padding:3px}.pp-focus-content .demo-kanban small{font-size:.38rem;margin-top:3px}.pp-focus-content .demo-week{margin:3px 0}.pp-focus-content .demo-week span{font-size:.4rem;padding:3px}.pp-focus-content .demo-week small{font-size:.37rem}.pp-focus-content .demo-calendar{margin:3px 0}.pp-focus-content .demo-calendar span{height:20px;font-size:.4rem;padding:2px}.pp-focus-content .demo-bars{height:55px;margin:3px 0}.pp-focus-content .demo-gantt{margin:3px 0}
.pp-click-ring{position:absolute;width:15px;height:15px;border:2px solid #7d5bea;border-radius:50%;left:54%;top:51%;pointer-events:none;animation:pp-ring 3s ease-out infinite}.theater-window-body{display:block;min-height:0}.theater-window-rail{display:none}.theater-screen{display:block;padding:14px;height:425px}.theater-screen .product-page-preview{height:100%}.theater-page-dots{position:absolute;right:10px;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;gap:8px;padding:8px 6px;border-radius:20px;background:#161222af;z-index:5}.theater-page-dots button{width:9px;height:9px;border:0;border-radius:50%;background:#ad9bc8;padding:0;cursor:pointer;transition:.2s}.theater-page-dots button.active{background:#fff;box-shadow:0 0 0 3px #9877ff;width:10px;height:10px}.theater-play{width:auto!important;height:32px!important;border-radius:18px!important;padding:0 12px!important;font-size:.73rem!important;white-space:nowrap}
@keyframes pp-bars{to{height:38%}}@keyframes pp-ring{0%,40%{opacity:0;transform:scale(.4)}55%{opacity:.9;transform:scale(1)}100%{opacity:0;transform:scale(3)}}@keyframes pp-action-pulse{50%{box-shadow:0 0 0 4px #a68dfa44}}
@media(max-width:800px){.hero-module-preview .product-page-preview{height:240px}.theater-screen{height:360px}.pp-sidebar{padding:8px 4px}.pp-sidebar .pp-nav b{display:none}.pp-app{grid-template-columns:11% minmax(0,1fr)}.pp-mark b,.pp-sidebar>small{display:none}.pp-nav span{justify-content:center;font-size:.68rem}.theater-page-dots{right:6px}}
@media(max-width:600px){.showcase-main{padding:10px}.showcase-main>p{font-size:.8rem}.hero-module-preview .product-page-preview{height:220px}.theater-screen{height:300px;padding:7px}.pp-topbar{height:20px}.pp-heading{padding:6px}.pp-heading h4{font-size:.66rem}.pp-heading p{font-size:.42rem}.pp-kpis{gap:3px;padding:0 6px 5px}.pp-kpis>div{padding:3px}.pp-kpis small{font-size:.4rem}.pp-kpis b{font-size:.5rem}.pp-body{padding:0 6px 6px;gap:4px;height:calc(100% - 88px)}.pp-primary,.pp-secondary{padding:4px}.pp-secondary{display:none}.pp-body{grid-template-columns:1fr}.product-page-preview.is-focused .pp-app{transform:scale(1.16)}.theater-page-dots{gap:6px;padding:6px 4px}.theater-page-dots button{width:7px;height:7px}.theater-page-dots button.active{width:8px;height:8px}}
@media(prefers-reduced-motion:reduce){.pp-app,.pp-chart i,.pp-action,.pp-click-ring{animation:none!important;transition:none!important}}
.theater-content{grid-template-columns:.42fr 1.58fr;gap:25px}.theater-screen{height:490px}.product-page-preview.is-focused .pp-app{transform:scale(1.45)}#theater-step-dots{display:none}.feature-demo-screen .product-page-preview{height:255px}.feature-demo-screen{min-height:255px}.feature-demo-screen .pp-focus-content .demo-box{min-height:0!important}
@media(max-width:900px){.theater-content{grid-template-columns:1fr}.theater-screen{height:425px}}
@media(max-width:600px){.theater-screen{height:300px}.product-page-preview.is-focused .pp-app{transform:scale(1.16)}}
.pp-app{grid-template-columns:56px minmax(0,1fr);transform:none!important;transform-origin:center}.pp-rail{position:relative;z-index:4;display:flex;flex-direction:column;align-items:center;gap:9px;padding:13px 6px;background:#fbfaff;border-right:1px solid #e9e3f5}.pp-rail-button{width:40px;height:40px;display:grid;place-items:center;border:1px solid transparent;border-radius:12px;background:transparent;color:#9887c0;font-size:1.24rem;cursor:pointer;transition:background .2s,color .2s,transform .2s,box-shadow .2s}.pp-rail-button:hover,.pp-rail-button:focus-visible{background:#f0ebff;color:#6747ce;transform:translateY(-2px)}.pp-rail-button.active{background:#e9e1ff;color:#6440d4;box-shadow:inset 0 0 0 1px #d5c6fd}.pp-rail-button:focus-visible{outline:2px solid #6747ce;outline-offset:2px}.pp-main{transition:transform .55s cubic-bezier(.2,.8,.2,1);transform-origin:47% 46%}.product-page-preview.is-focused .pp-main{transform:scale(1.29)}.theater-page-dots{display:none}.pp-mini-film{height:100%;position:relative;overflow:hidden}.pp-film-scene{height:calc(100% - 23px);animation:pp-film-scene 4.8s ease-in-out infinite}.pp-film-captions{height:20px;background:#f4efff;border-radius:4px;position:relative;overflow:hidden;color:#6241c4}.pp-film-captions span{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;opacity:0;font-size:.43rem;font-weight:800;animation:pp-caption 4.8s infinite}.pp-film-captions span:nth-child(2){animation-delay:1.6s}.pp-film-captions span:nth-child(3){animation-delay:3.2s}.pp-film-progress{height:3px;background:#e9e2fa;position:absolute;bottom:0;left:0;right:0}.pp-film-progress i{display:block;height:100%;background:#7957e8;transform-origin:left;animation:demo-progress 4.8s linear infinite}.pp-film-scene .demo-box{height:100%}.pp-film-scene .demo-cursor{display:block}.theater-screen .pp-rail{padding-top:18px}.theater-screen .pp-rail-button{width:45px;height:45px;font-size:1.35rem}.hero-module-preview .pp-rail{padding:9px 3px;gap:5px}.hero-module-preview .pp-app{grid-template-columns:43px minmax(0,1fr)}.hero-module-preview .pp-rail-button{width:33px;height:33px;font-size:1.05rem;border-radius:9px}.feature-demo-screen .pp-app{grid-template-columns:43px minmax(0,1fr)}.feature-demo-screen .pp-rail-button{width:31px;height:31px;font-size:.95rem}
@keyframes pp-caption{0%,5%{opacity:0;transform:translateY(8px)}10%,28%{opacity:1;transform:translateY(0)}34%,100%{opacity:0;transform:translateY(-8px)}}@keyframes pp-film-scene{0%,15%{transform:translateY(5px);opacity:.72}25%,75%{transform:translateY(0);opacity:1}95%,100%{transform:translateY(-2px);opacity:.85}}
@media(max-width:600px){.pp-app,.feature-demo-screen .pp-app{grid-template-columns:37px minmax(0,1fr)}.pp-rail{gap:5px;padding:8px 3px}.pp-rail-button,.theater-screen .pp-rail-button{width:29px;height:32px;font-size:1rem}.product-page-preview.is-focused .pp-main{transform:scale(1.1);transform-origin:40% 50%}.hero-module-preview .pp-app{grid-template-columns:36px minmax(0,1fr)}.hero-module-preview .pp-rail-button{width:28px;height:29px;font-size:.93rem}.pp-film-captions span{font-size:.38rem}}
@media(prefers-reduced-motion:reduce){.pp-main,.pp-film-scene,.pp-film-captions span,.pp-film-progress i{animation:none!important;transition:none!important}.pp-film-captions span:first-child{opacity:1}}
.product-page-preview.is-focused .pp-main{transform:none!important}.product-page-preview.is-focused .pp-body{grid-template-columns:1fr}.product-page-preview.is-focused .pp-secondary{display:none}.theater-screen .product-page-preview.is-focused .pp-body{height:calc(100% - 120px)}.theater-screen .product-page-preview.is-focused .pp-primary{padding:15px}.theater-screen .product-page-preview.is-focused .pp-card-heading{font-size:.82rem;padding-bottom:9px}.theater-screen .pp-film-scene .demo-box{padding:13px!important}.theater-screen .pp-film-scene .demo-box-head{font-size:.91rem!important;padding-bottom:8px!important;margin-bottom:9px!important}.theater-screen .pp-film-scene .demo-row{font-size:.8rem!important;padding:8px!important}.theater-screen .pp-film-scene .demo-row b{font-size:.75rem!important}.theater-screen .pp-film-scene .demo-field{padding:7px 9px!important;margin-bottom:6px!important}.theater-screen .pp-film-scene .demo-field small,.theater-screen .pp-film-scene .demo-field span{font-size:.74rem!important}.theater-screen .pp-film-scene .demo-pill{font-size:.68rem!important;padding:6px 9px!important}.theater-screen .pp-film-scene .demo-stat{padding:9px!important}.theater-screen .pp-film-scene .demo-stat small{font-size:.63rem!important}.theater-screen .pp-film-scene .demo-stat strong{font-size:1.05rem!important}.theater-screen .pp-film-scene .demo-chat-user,.theater-screen .pp-film-scene .demo-chat-reply,.theater-screen .pp-film-scene .demo-inline-note{font-size:.72rem!important}.theater-screen .pp-film-scene .demo-person{font-size:.73rem}.theater-screen .pp-film-scene .demo-person i{width:28px;height:28px;font-size:.65rem}.theater-screen .pp-film-scene .demo-kanban span{min-height:75px;font-size:.7rem;padding:8px}.theater-screen .pp-film-scene .demo-kanban small{font-size:.62rem}.theater-screen .pp-film-scene .demo-week span{font-size:.7rem;padding:6px}.theater-screen .pp-film-scene .demo-calendar span{height:38px;font-size:.65rem}.theater-screen .pp-film-captions{height:29px}.theater-screen .pp-film-captions span{font-size:.74rem}.theater-screen .pp-film-scene{height:calc(100% - 32px)}
.pp-mini-film:before{content:"▶ KISA GÖSTERİM · 5 SN";position:absolute;right:3px;top:0;z-index:3;background:#4f36ab;color:white;border-radius:5px;padding:4px 7px;font-size:.52rem;font-weight:800;letter-spacing:.04em}.theater-screen .pp-mini-film:before{font-size:.67rem;padding:6px 9px}.pp-film-scene{padding-top:13px}.theater-screen .pp-film-scene{padding-top:22px}
@media(max-width:600px){.theater-screen .product-page-preview.is-focused .pp-body{height:calc(100% - 88px)}.theater-screen .product-page-preview.is-focused .pp-primary{padding:6px}.theater-screen .pp-film-scene .demo-box{padding:5px!important}.theater-screen .pp-film-scene .demo-row{font-size:.54rem!important;padding:3px!important}.theater-screen .pp-film-scene .demo-row b{font-size:.5rem!important}.theater-screen .pp-film-scene .demo-field small,.theater-screen .pp-film-scene .demo-field span{font-size:.5rem!important}.theater-screen .pp-film-scene .demo-pill{font-size:.46rem!important;padding:3px 5px!important}.theater-screen .pp-film-captions span{font-size:.5rem}}
.go-preview{background:#f4f8fa;color:#1e2a40}.go-preview .pp-app{display:grid;grid-template-columns:56px minmax(0,1fr)}.go-main{min-width:0;height:100%;overflow:hidden;background:#f4f8fa;font-family:inherit}.go-toolbar{min-height:60px;background:#fff;border-bottom:1px solid #dbe7ed;display:flex;align-items:center;gap:10px;padding:9px 13px;white-space:nowrap}.go-toolbar>div:first-child{display:flex;flex-direction:column;min-width:104px}.go-toolbar small{font-size:.48rem;letter-spacing:.1em;color:#2875a0;font-weight:800}.go-toolbar>div:first-child b{font-size:.7rem}.go-toolbar>div:first-child span{font-size:.46rem;color:#8297a5}.go-add{font-size:.6rem;color:#2077a4;border:1px solid #c3dce9;border-radius:6px;padding:6px 8px;background:white;flex:none}.go-summary{display:flex;gap:3px;min-width:0}.go-summary span{background:#f4f8fa;border:1px solid #dfe9ed;border-radius:50px;padding:7px 8px;font-size:.47rem;color:#6c808b}.go-summary b{font-size:.67rem;color:#1b4133}.go-summary .urgent{background:#ff7566;color:#fff}.go-summary .urgent b{color:#fff}.go-tools{margin-left:auto;display:flex;gap:4px}.go-tools span{border-radius:6px;padding:7px 6px;background:#e8f5fa;color:#22739d;font-size:.48rem}.go-tools span:last-child{background:#191326;color:#fff}.go-content{padding:10px 12px}.go-banner{background:#fff;border:1px solid #dce9ee;border-radius:10px;padding:12px 16px;min-height:95px;position:relative;overflow:hidden}.go-banner:after{content:'';position:absolute;width:100px;height:100px;border:20px solid #d9eef8;border-radius:50%;right:-35px;bottom:-75px}.go-banner small{display:block;color:#5744bb;font-size:.44rem;letter-spacing:.1em;font-weight:800}.go-banner strong{display:block;font-size:1rem;line-height:1.1;letter-spacing:-.04em;margin:8px 0 4px}.go-banner em{font-style:normal;color:#2076a4}.go-banner p{font-size:.5rem;color:#78909f;margin:0}.go-banner>span{font-size:.44rem;color:#64828f}.go-cards{display:grid;grid-template-columns:1.25fr 1fr 1fr;gap:7px;margin-top:9px}.go-card{background:#fff;border:1px solid #dce9ee;border-radius:9px;padding:9px;min-width:0;overflow:hidden}.go-card-head{display:flex;justify-content:space-between;align-items:center}.go-card-head span{font-size:.48rem;letter-spacing:.08em;color:#2076a1;font-weight:800}.go-card-head b{font-size:.65rem;color:#698393;border-radius:5px;padding:1px 4px}.go-card>strong{display:block;font-size:.7rem;margin:8px 0}.go-task{border:1px solid #e0e9ef;border-radius:8px;padding:8px;background:#f9fcfd;display:flex;flex-direction:column;gap:5px}.go-task small{font-size:.45rem;color:#25835e}.go-task b{font-size:.55rem}.go-task span{font-size:.45rem;color:#8298a4}.go-task i{height:4px;border-radius:10px;background:#e5edf1;overflow:hidden}.go-task i em{display:block;width:72%;height:100%;background:#2782aa}.go-focus footer{font-size:.49rem;color:#267ba4;border:1px dashed #a6cede;border-radius:6px;padding:5px;text-align:center;margin-top:6px}.go-middle p{font-size:.49rem;line-height:1.35;color:#8197a3}.go-middle>span{font-size:.47rem;color:#277da6}.go-activity>div:not(.go-card-head){display:flex;gap:6px;align-items:center;border-top:1px solid #ebf1f4;padding:5px 0}.go-activity>div:not(.go-card-head) span{font-size:.47rem;color:#6a9ab2}.go-activity>div:not(.go-card-head) b{font-size:.5rem;font-weight:600}.go-detail{height:100%;padding:17px 22px;overflow:hidden}.go-detail-intro small{font-size:.6rem;letter-spacing:.09em;color:#5f42d2;font-weight:800}.go-detail-intro h5{font-size:1.25rem;letter-spacing:-.04em;margin:5px 0}.go-detail-intro p{font-size:.78rem;color:#657b8a;margin:0 0 15px;line-height:1.4}.go-detail .go-toolbar{border:1px solid #dbe7ed;border-radius:10px;box-shadow:0 6px 16px #17334a0a}.go-detail .go-demo-area{position:relative;height:215px}.go-detail .go-add-menu{position:absolute;z-index:2;top:0;left:16%;background:#fff;box-shadow:0 15px 32px #203b4b27;border:1px solid #d3e3eb;border-radius:10px;width:220px;padding:13px;display:flex;flex-direction:column;gap:7px;animation:go-menu-reveal 7s infinite}.go-add-menu b{font-size:.85rem}.go-add-menu small{color:#287ca6;font-size:.65rem}.go-option{font-size:.72rem;padding:7px;border-radius:5px}.go-option.chosen{background:#e6f4f9;color:#176e9b;animation:go-option-pick 7s infinite}.go-added-card{position:absolute;left:55%;top:56px;width:33%;background:#fff;border:1px solid #cce1eb;border-radius:10px;padding:13px;display:flex;flex-direction:column;gap:8px;box-shadow:0 10px 20px #18374c14;animation:go-card-appear 7s infinite}.go-added-card small{font-size:.57rem;color:#2582aa}.go-added-card b{font-size:.86rem}.go-added-card span{font-size:.63rem;color:#79909c}.go-target{animation:go-target-pulse 7s infinite}.go-change-stage{display:grid;grid-template-columns:minmax(0,1fr) 170px 170px;gap:12px;align-items:start;position:relative}.go-change-stage>.go-card{height:205px}.go-change-stage .go-focus>strong{font-size:1rem}.go-change-stage .go-task{gap:9px}.go-change-stage .go-task b{font-size:.78rem}.go-change-stage .go-task small,.go-change-stage .go-task span{font-size:.64rem}.go-change-menu,.go-change-options{background:#fff;border:1px solid #cfdee6;border-radius:10px;box-shadow:0 12px 20px #13364717;padding:8px;display:flex;flex-direction:column;gap:3px;animation:go-menu-reveal 7s infinite}.go-change-menu span,.go-change-options span{font-size:.72rem;padding:8px;border-radius:6px}.go-change-menu .chosen,.go-change-options .chosen{background:#e9f2ff;color:#216b9b;animation:go-option-pick 7s infinite}.go-change-options{animation-delay:1.1s}.go-change-result{position:absolute;bottom:-43px;right:0;color:#267ba4;font-size:.75rem;animation:go-card-appear 7s infinite}.go-day-stage{display:grid;grid-template-columns:1.2fr 1fr;gap:11px}.go-day-stats{grid-column:1/-1;display:flex;gap:8px}.go-day-stats span{flex:1;background:#fff;border:1px solid #d9e7ed;border-radius:8px;padding:9px;font-size:.76rem;color:#6c8490;animation:go-stat-shine 7s infinite}.go-day-stats span:nth-child(2){animation-delay:1s}.go-day-stats span:nth-child(3){animation-delay:2s}.go-day-stats b{font-size:1.05rem;color:#225a76;margin-right:7px}.go-day-stage .go-card{min-height:220px}.go-day-stage .go-card>strong{font-size:1rem}.go-day-stage .go-task b{font-size:.83rem}.go-day-stage .go-task small,.go-day-stage .go-task span,.go-day-stage .go-activity>div:not(.go-card-head) b,.go-day-stage .go-activity>div:not(.go-card-head) span{font-size:.69rem}.go-day-stage .go-activity>div:not(.go-card-head){padding:11px 0;animation:go-row-highlight 7s infinite}.go-day-stage .go-activity>div:nth-of-type(3){animation-delay:1.3s}.go-day-stage .go-activity>div:nth-of-type(4){animation-delay:2.6s}
@keyframes go-target-pulse{0%,15%,100%{box-shadow:none}20%,35%{box-shadow:0 0 0 5px #73c9f766}30%{background:#e4f5ff}}@keyframes go-menu-reveal{0%,18%,95%,100%{opacity:0;transform:translateY(-8px)}25%,83%{opacity:1;transform:translateY(0)}}@keyframes go-option-pick{0%,42%,100%{box-shadow:none}48%,63%{box-shadow:inset 0 0 0 2px #229ddd}}@keyframes go-card-appear{0%,55%,100%{opacity:0;transform:translateY(12px)}65%,90%{opacity:1;transform:translateY(0)}}@keyframes go-stat-shine{0%,20%,100%{background:#fff}30%,45%{background:#e3f4fb}}@keyframes go-row-highlight{0%,20%,100%{background:transparent}30%,45%{background:#e6f5fa}}
@media(max-width:800px){.go-preview .pp-app{grid-template-columns:43px minmax(0,1fr)}.go-tools span:nth-child(2){display:none}.go-summary span:last-child{display:none}.go-detail{padding:11px}.go-detail-intro h5{font-size:1rem}.go-detail-intro p{font-size:.67rem}.go-change-stage{grid-template-columns:1fr 110px}.go-change-options{display:none}.go-change-menu span{font-size:.61rem}}
@media(max-width:600px){.go-preview .pp-app{grid-template-columns:36px minmax(0,1fr)}.go-toolbar{min-height:45px;padding:5px;gap:4px}.go-toolbar>div:first-child{min-width:75px}.go-toolbar>div:first-child b{font-size:.51rem}.go-toolbar>div:first-child span{font-size:.4rem}.go-toolbar small{font-size:.37rem}.go-add{font-size:.43rem;padding:4px}.go-summary span{font-size:.4rem;padding:4px}.go-summary b{font-size:.5rem}.go-tools{display:none}.go-content{padding:5px}.go-banner{min-height:75px;padding:7px}.go-banner strong{font-size:.68rem;margin:4px 0}.go-banner p,.go-banner>span{font-size:.39rem}.go-cards{gap:4px;margin-top:4px;grid-template-columns:1fr 1fr}.go-cards .go-activity{display:none}.go-card{padding:5px}.go-card>strong{font-size:.52rem}.go-card-head span,.go-task small,.go-task span,.go-focus footer,.go-middle p,.go-middle>span{font-size:.38rem}.go-task b{font-size:.43rem}.go-detail{padding:6px}.go-detail-intro small{font-size:.4rem}.go-detail-intro h5{font-size:.69rem;margin:2px 0}.go-detail-intro p{font-size:.5rem;margin-bottom:5px}.go-detail .go-toolbar{min-height:38px}.go-demo-area{height:120px!important}.go-detail .go-add-menu{left:10%;width:130px;padding:6px;gap:2px}.go-add-menu b{font-size:.55rem}.go-add-menu small,.go-option{font-size:.45rem;padding:3px}.go-added-card{left:58%;top:15px;padding:5px;gap:3px}.go-added-card b{font-size:.5rem}.go-added-card small,.go-added-card span{font-size:.39rem}.go-change-stage{grid-template-columns:1fr 80px;gap:4px}.go-change-stage>.go-card{height:120px}.go-change-stage .go-focus>strong{font-size:.58rem}.go-change-stage .go-task b,.go-change-stage .go-task small,.go-change-stage .go-task span{font-size:.44rem}.go-change-menu{padding:3px}.go-change-menu span{font-size:.45rem;padding:4px}.go-change-result{font-size:.4rem;bottom:-16px}.go-day-stage{gap:4px}.go-day-stats{gap:3px}.go-day-stats span{font-size:.4rem;padding:3px}.go-day-stats b{font-size:.55rem}.go-day-stage .go-card{min-height:110px}.go-day-stage .go-card>strong{font-size:.55rem}.go-day-stage .go-task b,.go-day-stage .go-task small,.go-day-stage .go-task span,.go-day-stage .go-activity>div:not(.go-card-head) b,.go-day-stage .go-activity>div:not(.go-card-head) span{font-size:.4rem}.go-day-stage .go-activity>div:not(.go-card-head){padding:3px 0}}
@media(prefers-reduced-motion:reduce){.go-preview *{animation:none!important;transition:none!important}.go-add-menu,.go-change-menu,.go-change-options,.go-added-card,.go-change-result{opacity:1!important;transform:none!important}}
.go-monthly{display:flex;align-items:center;justify-content:space-between;gap:6px;background:#eaf4f8;border:1px solid #d5e8ef;border-radius:8px;padding:7px 10px;margin-bottom:7px}.go-monthly>div{display:flex;flex-direction:column;gap:2px}.go-monthly b{font-size:.54rem}.go-monthly span{font-size:.45rem;color:#718b99}.go-monthly>span{white-space:nowrap;background:#fff;border-radius:5px;padding:5px 6px;color:#257ca2}.go-detail:before{content:'▶ 7 SN KULLANIM GÖSTERİMİ';position:absolute;right:20px;top:17px;color:#5c42c2;font-size:.58rem;font-weight:800;letter-spacing:.05em}.go-detail:after{content:'';position:absolute;bottom:0;left:0;height:4px;width:100%;background:#754de1;transform-origin:left;animation:go-video-progress 7s linear infinite}@keyframes go-video-progress{from{transform:scaleX(0)}to{transform:scaleX(1)}}@media(max-width:600px){.go-monthly{padding:4px;margin-bottom:4px}.go-monthly b,.go-monthly span{font-size:.38rem}.go-detail:before{top:5px;right:5px;font-size:.35rem}}
.hero-module-preview .go-detail,.feature-demo-screen .go-detail{padding:7px 9px}.hero-module-preview .go-detail-intro small,.feature-demo-screen .go-detail-intro small{font-size:.4rem}.hero-module-preview .go-detail-intro h5,.feature-demo-screen .go-detail-intro h5{font-size:.72rem;margin:2px 0}.hero-module-preview .go-detail-intro p,.feature-demo-screen .go-detail-intro p{font-size:.48rem;margin-bottom:5px}.hero-module-preview .go-detail:before,.feature-demo-screen .go-detail:before{font-size:.36rem;right:8px;top:5px}.hero-module-preview .go-demo-area,.feature-demo-screen .go-demo-area{height:110px!important}.hero-module-preview .go-add-menu,.feature-demo-screen .go-add-menu{width:130px;padding:6px;gap:2px}.hero-module-preview .go-add-menu b,.feature-demo-screen .go-add-menu b{font-size:.55rem}.hero-module-preview .go-add-menu small,.hero-module-preview .go-option,.feature-demo-screen .go-add-menu small,.feature-demo-screen .go-option{font-size:.43rem;padding:3px}.hero-module-preview .go-added-card,.feature-demo-screen .go-added-card{top:14px;padding:6px;gap:3px}.hero-module-preview .go-added-card b,.feature-demo-screen .go-added-card b{font-size:.55rem}.hero-module-preview .go-added-card small,.hero-module-preview .go-added-card span,.feature-demo-screen .go-added-card small,.feature-demo-screen .go-added-card span{font-size:.42rem}.hero-module-preview .go-change-stage,.feature-demo-screen .go-change-stage{grid-template-columns:1fr 90px;gap:5px}.hero-module-preview .go-change-options,.feature-demo-screen .go-change-options{display:none}.hero-module-preview .go-change-stage>.go-card,.feature-demo-screen .go-change-stage>.go-card{height:125px}.hero-module-preview .go-change-stage .go-focus>strong,.feature-demo-screen .go-change-stage .go-focus>strong{font-size:.64rem}.hero-module-preview .go-change-menu span,.feature-demo-screen .go-change-menu span{font-size:.46rem;padding:4px}.hero-module-preview .go-day-stage,.feature-demo-screen .go-day-stage{gap:4px}.hero-module-preview .go-day-stats span,.feature-demo-screen .go-day-stats span{padding:4px;font-size:.43rem}.hero-module-preview .go-day-stats b,.feature-demo-screen .go-day-stats b{font-size:.6rem}.hero-module-preview .go-day-stage .go-card,.feature-demo-screen .go-day-stage .go-card{min-height:115px}.hero-module-preview .go-day-stage .go-card>strong,.feature-demo-screen .go-day-stage .go-card>strong{font-size:.61rem}.hero-module-preview .go-day-stage .go-task b,.hero-module-preview .go-day-stage .go-task small,.hero-module-preview .go-day-stage .go-task span,.feature-demo-screen .go-day-stage .go-task b,.feature-demo-screen .go-day-stage .go-task small,.feature-demo-screen .go-day-stage .go-task span{font-size:.45rem}.hero-module-preview .go-day-stage .go-activity>div:not(.go-card-head),.feature-demo-screen .go-day-stage .go-activity>div:not(.go-card-head){padding:4px 0}
.ai-preview{background:#f5f9fb;color:#213345}.ai-preview .pp-app{display:grid;grid-template-columns:56px minmax(0,1fr)}.ai-main{min-width:0;height:100%;overflow:hidden;padding:12px 17px;background:radial-gradient(circle at 48% 32%,#eaf6fb 0,#f7fbfd 52%,#f5f9fb 100%);display:flex;flex-direction:column}.ai-topline{display:flex;align-items:center;justify-content:space-between;gap:8px;border-bottom:1px solid #dce9ef;padding-bottom:9px}.ai-topline b{font-size:.73rem;color:#17658c}.ai-topline span{font-size:.53rem;color:#8aa0aa}.ai-welcome{text-align:center;padding:8px 0 5px}.ai-welcome>span{color:#247faa;font-size:1.4rem}.ai-welcome h4{margin:1px 0 2px;font-size:1.22rem;letter-spacing:-.04em;color:#1e5671}.ai-welcome p{margin:0;font-size:.63rem;color:#738c99}.ai-welcome small{display:block;margin-top:7px;font-size:.54rem;color:#a26531}.ai-input{margin:6px 7% 9px;border:1px solid #afd0e0;border-radius:10px;background:#fff;padding:10px 12px;font-size:.57rem;color:#8ca0ab;display:flex;justify-content:space-between;align-items:center;gap:6px;box-shadow:0 5px 16px #19456109}.ai-input span{display:grid;place-items:center;background:#8fb9ce;color:#fff;border-radius:6px;width:23px;height:23px;font-size:.8rem;flex:none}.ai-examples{min-height:0;display:flex;flex-direction:column;flex:1}.ai-examples>span{font-size:.59rem;color:#2f6681;font-weight:800;margin-bottom:6px}.ai-reel{position:relative;overflow:hidden;flex:1;min-height:0;mask-image:linear-gradient(to bottom,transparent 0,#000 7%,#000 91%,transparent 100%)}.ai-reel-track{display:flex;flex-direction:column;gap:7px;animation:ai-reel-rise 27s linear infinite;will-change:transform}.ai-reel:hover .ai-reel-track{animation-play-state:paused}.ai-prompt-card{display:flex;gap:9px;align-items:center;min-height:54px;border:1px solid #d4e4ec;background:#fff;border-radius:10px;padding:7px 11px;box-shadow:0 3px 10px #1b54700b}.ai-prompt-card>span{display:grid;place-items:center;width:28px;height:28px;flex:none;border-radius:8px;background:#e8f5fa;color:#207ba5;font-size:.84rem}.ai-prompt-card>div{display:flex;flex-direction:column;gap:3px;min-width:0}.ai-prompt-card small{font-size:.48rem;color:#3b89a9;font-weight:800;letter-spacing:.08em}.ai-prompt-card b{font-size:.65rem;line-height:1.2;font-weight:600;color:#293b46}.ai-focused{display:grid;grid-template-columns:1.1fr .9fr;gap:14px;min-height:0;flex:1;padding-top:16px}.ai-action{min-height:0;overflow:hidden;display:flex;flex-direction:column}.ai-action>small{font-size:.58rem;letter-spacing:.1em;color:#357ea4;font-weight:800}.ai-action h5{font-size:1.13rem;letter-spacing:-.04em;margin:5px 0}.ai-action>p{font-size:.71rem;line-height:1.4;color:#6b8795;margin:0 0 9px}.ai-action-screen{min-height:0;flex:1;overflow:hidden}.ai-action-screen .demo-box{height:100%;min-height:0!important;padding:10px!important;box-shadow:none}.ai-action-screen .demo-box-head{font-size:.71rem!important;margin-bottom:6px!important;padding-bottom:5px!important}.ai-action-screen .demo-row{font-size:.62rem!important;padding:6px!important}.ai-action-screen .demo-row b{font-size:.59rem!important}.ai-action-screen .demo-field{padding:5px!important;margin-bottom:4px!important}.ai-action-screen .demo-field small,.ai-action-screen .demo-field span,.ai-action-screen .demo-chat-user,.ai-action-screen .demo-chat-reply,.ai-action-screen .demo-inline-note{font-size:.58rem!important}.ai-focused .ai-examples>span{font-size:.7rem}.ai-focused .ai-prompt-card{min-height:67px}.ai-focused .ai-prompt-card b{font-size:.72rem}
@keyframes ai-reel-rise{from{transform:translateY(0)}to{transform:translateY(calc(-50% - 3.5px))}}
@media(max-width:800px){.ai-preview .pp-app{grid-template-columns:43px minmax(0,1fr)}.ai-main{padding:8px 10px}.ai-welcome h4{font-size:1rem}.ai-focused{gap:7px}.ai-action h5{font-size:.9rem}.ai-action>p{font-size:.6rem}}
@media(max-width:600px){.ai-preview .pp-app{grid-template-columns:36px minmax(0,1fr)}.ai-main{padding:5px}.ai-topline{padding-bottom:3px}.ai-topline b{font-size:.48rem}.ai-topline span{font-size:.37rem}.ai-welcome{padding:3px 0}.ai-welcome>span{font-size:.78rem}.ai-welcome h4{font-size:.7rem}.ai-welcome p,.ai-welcome small{font-size:.4rem}.ai-welcome small{margin-top:3px}.ai-input{margin:3px 2% 5px;padding:5px;font-size:.39rem}.ai-input span{height:15px;width:15px;font-size:.5rem}.ai-examples>span{font-size:.42rem;margin-bottom:3px}.ai-prompt-card{min-height:43px;padding:4px 5px;gap:5px;border-radius:6px}.ai-prompt-card>span{width:19px;height:19px;font-size:.58rem}.ai-prompt-card small{font-size:.35rem}.ai-prompt-card b{font-size:.45rem}.ai-reel-track{gap:4px}.ai-focused{padding-top:5px}.ai-action>small{font-size:.39rem}.ai-action h5{font-size:.66rem;margin:2px 0}.ai-action>p{font-size:.43rem;margin-bottom:3px}.ai-action-screen .demo-box{padding:4px!important}.ai-action-screen .demo-box-head,.ai-action-screen .demo-row,.ai-action-screen .demo-row b,.ai-action-screen .demo-field small,.ai-action-screen .demo-field span,.ai-action-screen .demo-chat-user,.ai-action-screen .demo-chat-reply,.ai-action-screen .demo-inline-note{font-size:.41rem!important}.ai-focused .ai-examples>span{font-size:.42rem}.ai-focused .ai-prompt-card{min-height:43px}.ai-focused .ai-prompt-card b{font-size:.44rem}}
@media(prefers-reduced-motion:reduce){.ai-reel-track{animation:none!important}.ai-reel{overflow:auto;mask-image:none}}

/* Projects: populated product views and an illustrated task-creation loop. */
.pj-preview{background:#f4f8fa;color:#243943}.pj-preview .pp-app{grid-template-columns:56px minmax(0,1fr)}.pj-main{min-width:0;height:100%;overflow:hidden;display:flex;flex-direction:column;padding:10px 13px;gap:8px}.pj-topline{display:flex;justify-content:space-between;gap:8px;align-items:center;border-bottom:1px solid #dce8ed;padding-bottom:7px;font-size:.57rem;color:#728a96}.pj-topline b{color:#247aa4}.pj-topline small{font-size:.5rem;color:#93a6af}.pj-page-heading{display:flex;justify-content:space-between;align-items:end;gap:6px}.pj-page-heading>div{display:flex;flex-direction:column}.pj-page-heading small{font-size:.47rem;letter-spacing:.12em;color:#55a3c8;font-weight:800}.pj-page-heading b{font-size:1rem;letter-spacing:-.04em}.pj-page-heading>span{white-space:nowrap;font-size:.5rem;color:#287c9f}.pj-board{flex:1;min-height:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:7px}.pj-column{min-width:0;border:1px solid #dfe9ed;border-radius:9px;overflow:hidden;background:#f2f6f8;display:flex;flex-direction:column}.pj-column-head{display:flex;align-items:center;justify-content:space-between;gap:3px;padding:8px 7px;font-size:.62rem}.pj-column-head.green{background:#e4ebdf}.pj-column-head.orange{background:#fff0dd}.pj-column-head.yellow{background:#f8efdf}.pj-column-head.mint{background:#e2f0ea}.pj-column-head.rose{background:#f4e9ee}.pj-column-head b{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pj-column-head span{background:#fff;border-radius:5px;padding:3px 5px;color:#6d8390}.pj-column-cards{overflow:hidden;padding:7px 5px;display:flex;flex-direction:column;gap:6px}.pj-card{background:#fff;border:1px solid #e2eaf0;border-left:3px solid #8fbdd2;border-radius:8px;padding:7px 6px;display:flex;flex-direction:column;gap:5px;min-height:72px;box-shadow:0 2px 5px #12374708}.pj-column:nth-child(2) .pj-card{border-left-color:#ff9b2e}.pj-column:nth-child(3) .pj-card{border-left-color:#dfae4e}.pj-column:nth-child(4) .pj-card{border-left-color:#43b68b}.pj-column:nth-child(5) .pj-card{border-left-color:#ba7193}.pj-card small{font-size:.46rem;color:#4787b2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pj-card small em{font-style:normal;color:#8ca0a9;margin-left:3px}.pj-card>b{font-size:.61rem;line-height:1.15}.pj-card>div{display:flex;align-items:center;justify-content:space-between;gap:3px}.pj-card>div>span:last-child{font-size:.42rem;color:#8b9da6;white-space:nowrap}.pj-avatars{display:inline-flex;align-items:center;padding-left:2px;min-width:0}.pj-avatars i{width:20px;height:20px;display:grid;place-items:center;flex:none;margin-left:-3px;border-radius:50%;border:2px solid #fff;background:#e9dfff;color:#6650ba;font-size:.42rem;font-weight:800;font-style:normal}.pj-avatars i:nth-child(2){background:#dcf1fb;color:#276e92}.pj-avatars i:nth-child(3){background:#f8e8d8;color:#9a6233}.pj-add{display:block;border:1px dashed #ccdee8;border-radius:6px;padding:5px 2px;text-align:center;color:#9fb4be;font-size:.45rem}.pj-new-card{animation:pj-card-pop 8s ease-in-out infinite}.pj-form-scene{position:relative;flex:1;min-height:0;overflow:hidden;background:#fff;border:1px solid #d9e6ec;border-radius:10px;padding:9px 13px;display:flex;flex-direction:column;gap:8px}.pj-form-top,.pj-form-tabs,.pj-form-bottom{display:flex;align-items:center;justify-content:space-between;gap:8px}.pj-form-top{border-bottom:1px solid #e5edf0;padding-bottom:7px}.pj-form-top b{font-size:1rem}.pj-form-top span{font-size:.62rem;color:#2889a7}.pj-form-tabs{justify-content:flex-start;gap:0}.pj-form-tabs>*{font-size:.57rem;padding:5px 9px;background:#f8fbfc;border:1px solid #e0eaef;color:#6f8390}.pj-form-tabs>b{background:#247ba5;color:#fff;border-color:#247ba5;border-radius:15px 0 0 15px}.pj-form-tabs>span:last-child{border-radius:0 15px 15px 0}.pj-form-grid{display:grid;grid-template-columns:1.6fr 1fr 1fr;gap:7px 10px;min-height:0;flex:1}.pj-form-grid label{min-width:0;display:flex;flex-direction:column;gap:3px;color:#263944}.pj-form-grid small{font-size:.53rem;color:#68818d}.pj-form-grid label>span:not(.pj-assignees),.pj-form-grid label>b{display:flex;align-items:center;min-height:26px;border:1px solid #d8e5ec;border-radius:5px;background:#fff;padding:5px 7px;font-size:.62rem;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pj-form-grid .pj-name{grid-column:1}.pj-form-grid .pj-name>span{border-color:#82b7e9;box-shadow:0 0 0 2px #dceafa}.pj-typing{position:relative;width:max-content;max-width:100%;animation:pj-type 8s steps(23,end) infinite}.pj-typing:after{content:'';width:1px;height:1em;background:#247ba5;margin-left:1px;animation:pj-caret .7s step-end infinite}.pj-form-grid .pj-wide{grid-column:1/-1}.pj-form-grid .pj-wide>span{font-weight:400!important}.pj-form-grid label:nth-child(5){grid-column:1/3}.pj-form-grid label:nth-child(6){grid-column:3}.pj-form-grid label:nth-child(7){grid-column:1}.pj-form-grid label:nth-child(8){grid-column:2}.pj-form-grid label:nth-child(9){grid-column:3}.pj-form-grid label:nth-child(10){grid-column:1/3}.pj-assignees{display:flex;align-items:center;gap:6px;min-height:26px}.pj-assignees .pj-avatars{animation:pj-people 8s infinite}.pj-assignees em{font-size:.55rem;color:#277da5;font-style:normal}.pj-form-bottom{margin-top:auto;border-top:1px solid #e2ebf0;padding-top:6px}.pj-form-hint{font-size:.56rem;color:#61869a}.pj-submit{background:#247ba5;border-radius:6px;color:#fff;padding:6px 11px;font-size:.62rem;animation:pj-submit 8s infinite}.pj-confirm{position:absolute;right:15px;bottom:44px;padding:7px 10px;background:#e9f8f0;border:1px solid #bde5d0;border-radius:7px;color:#238451;font-size:.64rem;font-weight:800;opacity:0;animation:pj-confirm 8s infinite}.pj-gantt{flex:1;min-height:0;overflow:hidden;background:#fff;border:1px solid #dbe7ed;border-radius:10px;padding:10px;display:flex;flex-direction:column}.pj-gantt-header{display:flex;justify-content:space-between;gap:8px;padding-bottom:8px;border-bottom:1px solid #e2ebef}.pj-gantt-header b{font-size:.92rem}.pj-gantt-header span{font-size:.55rem;color:#6a8592}.pj-gantt-row{display:grid;grid-template-columns:130px 1fr;gap:7px;align-items:center;min-height:60px;border-bottom:1px solid #e7edf1}.pj-gantt-row>div:first-child{display:flex;gap:6px;align-items:center}.pj-gantt-row>div:first-child>span:last-child{display:flex;flex-direction:column}.pj-gantt-row b{font-size:.62rem}.pj-gantt-row small{font-size:.48rem;color:#8ba1ac}.pj-gantt-line{display:flex;height:34px;overflow:hidden;border-radius:6px;transform-origin:left;animation:pj-gantt-grow 8s ease-in-out infinite;background:#e8f1f6}.pj-gantt-line span{flex:1;display:flex;align-items:center;padding:0 3px;white-space:nowrap;overflow:hidden;font-size:.49rem;font-weight:700}.pj-gantt-line span:nth-child(2){flex:1.3}.pj-gantt-line span:nth-child(4){flex:1.4}.pj-gantt-line .green{background:#51bec2}.pj-gantt-line .blue{background:#23779f;color:#fff}.pj-gantt-line .coral{background:#e98181}.pj-gantt-line .sand{background:#f0dfaa}.pj-gantt-line .sky{background:#5a8ce0;color:#fff}.pj-gantt-note{font-size:.52rem;color:#849aa5;margin-top:7px}.pj-report{flex:1;min-height:0;overflow:hidden;display:flex;flex-direction:column;gap:8px}.pj-report-top{display:flex;justify-content:space-between;gap:8px;align-items:center;background:#fff;border:1px solid #dfe9ed;border-radius:9px;padding:9px}.pj-report-top>div{display:flex;flex-direction:column}.pj-report-top small{font-size:.46rem;color:#61a6c7;letter-spacing:.12em}.pj-report-top b{font-size:.9rem}.pj-report-top span{font-size:.52rem;color:#80949e}.pj-report-top em{font-style:normal;color:#237ba5;font-size:.54rem}.pj-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}.pj-stats>span{display:flex;flex-direction:column;gap:5px;background:#fff;border:1px solid #deeaee;border-radius:9px;padding:9px}.pj-stats small{font-size:.53rem;color:#81969f}.pj-stats b{font-size:1.15rem}.pj-stats em{font-size:.46rem;color:#6e9b86;font-style:normal}.pj-report-rings{flex:1;min-height:0;background:#fff;border:1px solid #dfebef;border-radius:9px;padding:10px}.pj-report-rings>b{font-size:.69rem}.pj-report-rings>div{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;margin-top:9px}.pj-report-rings>div>span{display:flex;flex-direction:column;align-items:center;gap:5px}.pj-report-rings i{height:65px;width:65px;display:grid;place-items:center;border-radius:50%;font-style:normal;background:conic-gradient(var(--ring) 0 72%,#e8e9ee 72%);animation:pj-ring 8s ease-in-out infinite}.pj-report-rings i b{width:48px;height:48px;background:#fff;border-radius:50%;display:grid;place-items:center;font-size:.94rem;color:var(--ring)}.pj-report-rings small{font-size:.54rem;color:#647e8b}
@keyframes pj-type{0%,6%{clip-path:inset(0 100% 0 0)}42%,89%{clip-path:inset(0 0 0 0)}100%{clip-path:inset(0 100% 0 0)}}@keyframes pj-caret{50%{opacity:0}}@keyframes pj-people{0%,41%{opacity:.25}50%,100%{opacity:1}}@keyframes pj-submit{0%,64%,100%{box-shadow:none;transform:none}73%,81%{box-shadow:0 0 0 6px #52bce566;transform:scale(1.04)}}@keyframes pj-confirm{0%,81%,100%{opacity:0;transform:translateY(9px)}86%,96%{opacity:1;transform:none}}@keyframes pj-card-pop{0%,10%,100%{box-shadow:0 2px 5px #12374708}16%,31%{box-shadow:0 0 0 4px #97d3e266}}@keyframes pj-gantt-grow{0%,5%{clip-path:inset(0 100% 0 0)}45%,100%{clip-path:inset(0 0 0 0)}}@keyframes pj-ring{0%,6%{transform:scale(.75);opacity:.4}36%,100%{transform:scale(1);opacity:1}}
@media(max-width:900px){.pj-preview .pp-app{grid-template-columns:43px minmax(0,1fr)}.pj-main{padding:7px}.pj-board{gap:3px}.pj-column-head{font-size:.49rem;padding:5px 3px}.pj-card{padding:5px 3px;min-height:61px}.pj-card>b{font-size:.5rem}.pj-card small,.pj-card>div>span:last-child,.pj-add{font-size:.38rem}.pj-avatars i{width:17px;height:17px;font-size:.34rem}.pj-gantt-row{grid-template-columns:90px 1fr}}
@media(max-width:600px){.pj-preview .pp-app{grid-template-columns:36px minmax(0,1fr)}.pj-main{padding:4px;gap:3px}.pj-topline{font-size:.38rem;padding-bottom:3px}.pj-topline small{display:none}.pj-page-heading small{font-size:.32rem}.pj-page-heading b{font-size:.59rem}.pj-page-heading>span{font-size:.34rem}.pj-board{gap:2px}.pj-column-head{font-size:.36rem;padding:3px 2px}.pj-column-head span{padding:1px 2px}.pj-column-cards{padding:3px 2px;gap:3px}.pj-card{min-height:41px;padding:3px 2px;gap:2px;border-radius:4px}.pj-card>b{font-size:.35rem}.pj-card small,.pj-card>div>span:last-child,.pj-add{font-size:.29rem}.pj-card small em,.pj-card>div>span:last-child,.pj-column .pj-card:nth-child(3){display:none}.pj-avatars i{width:12px;height:12px;font-size:.25rem;border-width:1px}.pj-add{padding:2px}.pj-form-scene{padding:4px;gap:3px}.pj-form-top{padding-bottom:3px}.pj-form-top b{font-size:.64rem}.pj-form-top span{font-size:.37rem}.pj-form-tabs>*{font-size:.37rem;padding:3px 5px}.pj-form-grid{gap:3px}.pj-form-grid small{font-size:.35rem}.pj-form-grid label>span:not(.pj-assignees),.pj-form-grid label>b{min-height:15px;padding:2px;font-size:.38rem}.pj-form-grid .pj-wide{display:none}.pj-form-grid label:nth-child(5){grid-column:1/3}.pj-form-grid label:nth-child(6){grid-column:3}.pj-form-grid label:nth-child(10){display:none}.pj-assignees{min-height:15px}.pj-assignees em,.pj-form-hint{font-size:.34rem}.pj-form-bottom{padding-top:2px}.pj-submit{font-size:.4rem;padding:3px 5px}.pj-confirm{font-size:.37rem;bottom:22px;padding:3px}.pj-gantt{padding:4px}.pj-gantt-header{padding-bottom:3px}.pj-gantt-header b{font-size:.55rem}.pj-gantt-header span{font-size:.34rem}.pj-gantt-row{grid-template-columns:56px 1fr;min-height:33px;gap:2px}.pj-gantt-row b{font-size:.38rem}.pj-gantt-row small{font-size:.3rem}.pj-gantt-line{height:20px}.pj-gantt-line span{font-size:.28rem;padding:0 1px}.pj-gantt-note{font-size:.33rem}.pj-report{gap:3px}.pj-report-top,.pj-stats>span,.pj-report-rings{padding:4px}.pj-report-top small,.pj-report-top span,.pj-report-top em{font-size:.32rem}.pj-report-top b{font-size:.55rem}.pj-stats{gap:3px}.pj-stats small,.pj-stats em{font-size:.3rem}.pj-stats b{font-size:.62rem}.pj-report-rings>b{font-size:.43rem}.pj-report-rings>div{gap:2px;margin-top:4px}.pj-report-rings i{width:30px;height:30px}.pj-report-rings i b{width:23px;height:23px;font-size:.5rem}.pj-report-rings small{font-size:.32rem}}
@media(prefers-reduced-motion:reduce){.pj-preview *{animation:none!important;transition:none!important}.pj-typing{clip-path:none!important}.pj-confirm{opacity:1!important;transform:none!important}}

/* Team messages with clearly marked WhatsApp and Gmail example flows. */
.msg-preview{background:#f2f8fb;color:#233743}.msg-preview .pp-app{grid-template-columns:56px minmax(0,1fr)}.msg-main{height:100%;min-width:0;overflow:hidden;padding:11px 14px;display:flex;flex-direction:column;gap:8px}.msg-topline{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #dce8ee;padding-bottom:6px}.msg-topline b{font-size:.85rem}.msg-topline span{font-size:.52rem;color:#8197a2}.msg-window{min-height:0;flex:1;background:#fff;border:1px solid #dce8ed;border-radius:10px;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 6px 18px #184a630b}.msg-channel-head{display:flex;justify-content:space-between;align-items:center;gap:7px;padding:7px 10px;border-bottom:1px solid #e2ebf0}.msg-channel-head b{font-size:.84rem;color:#207ba3}.msg-window.whatsapp .msg-channel-head b{color:#078869}.msg-window.gmail .msg-channel-head b{color:#b13d45}.msg-channel-head span{font-size:.5rem;color:#8aa0aa}.msg-notice{padding:5px 10px;background:#e7f4ef;color:#3e7966;font-size:.51rem}.msg-window.gmail .msg-notice{background:#eff7fb;color:#5b8ba2}.msg-window.team .msg-notice{background:#eff6fa;color:#5d8aa0}.msg-columns{min-height:0;flex:1;display:grid;grid-template-columns:29% 71%}.msg-columns aside{border-right:1px solid #e1eaee;padding:10px 7px;display:flex;flex-direction:column;gap:5px}.msg-columns aside>b{font-size:.68rem;margin-bottom:5px}.msg-columns aside>span{font-size:.55rem;line-height:1.2;padding:7px 5px;border-radius:6px;min-height:34px}.msg-columns aside>span.active{background:#e8f3f8}.msg-window.whatsapp .msg-columns aside>span.active{background:#e6f3ee}.msg-columns aside small{float:right;color:#8fa3ad;font-size:.42rem}.msg-columns aside em{display:block;color:#8ca0aa;font-style:normal;font-size:.43rem;margin-top:4px}.msg-conversation{min-width:0;overflow:hidden;padding:11px 14px;background:#f8fbfc;display:flex;flex-direction:column;gap:7px}.msg-window.whatsapp .msg-conversation{background:#f4f2eb}.msg-conversation>small{font-size:.48rem;color:#6d99ae;letter-spacing:.06em}.msg-conversation>b{font-size:.83rem}.msg-conversation>p{font-size:.63rem;line-height:1.4;margin:0;padding:8px;border-radius:7px;max-width:85%}.msg-conversation>.msg-in{align-self:flex-start;background:#fff;box-shadow:0 2px 4px #183b520f}.msg-conversation>.msg-out{align-self:flex-end;background:#d9f9d5}.msg-window.gmail .msg-conversation>p{max-width:100%;padding:0;background:transparent}.msg-actions{margin-top:auto;display:flex;flex-wrap:wrap;gap:5px;animation:msg-actions-in 7s ease-in-out infinite}.msg-actions>span{background:#e7f4fa;border:1px solid #c6e0ee;border-radius:6px;padding:6px;color:#247da4;font-size:.54rem;font-weight:750;animation:msg-choice 7s ease-in-out infinite}.msg-actions .msg-action-meeting{animation-delay:1.4s}.msg-actions>small{width:100%;color:#738d9b;font-size:.47rem}.msg-bottom{display:flex;justify-content:space-between;align-items:center;gap:5px;padding:7px 10px;border-top:1px solid #dfe9ed;color:#91a5ae;font-size:.54rem}.msg-bottom i{font-style:normal;background:#257ca5;color:#fff;border-radius:5px;padding:4px 7px;font-size:.5rem}.msg-window.whatsapp .msg-bottom i{background:#39a77a}@keyframes msg-actions-in{0%,21%{opacity:0;transform:translateY(10px)}32%,100%{opacity:1;transform:none}}@keyframes msg-choice{0%,32%,100%{box-shadow:none}43%,55%{box-shadow:0 0 0 4px #71bcda66}}
@media(max-width:900px){.msg-preview .pp-app{grid-template-columns:43px minmax(0,1fr)}.msg-main{padding:7px}.msg-conversation{padding:7px}.msg-columns aside{padding:6px 3px}}
@media(max-width:600px){.msg-preview .pp-app{grid-template-columns:36px minmax(0,1fr)}.msg-main{padding:4px;gap:3px}.msg-topline{padding-bottom:2px}.msg-topline b{font-size:.51rem}.msg-topline span{font-size:.32rem}.msg-channel-head{padding:3px 5px}.msg-channel-head b{font-size:.52rem}.msg-channel-head span{font-size:.3rem}.msg-notice{padding:2px 5px;font-size:.31rem}.msg-columns{grid-template-columns:31% 69%}.msg-columns aside{gap:2px;padding:4px 2px}.msg-columns aside>b{font-size:.42rem;margin-bottom:2px}.msg-columns aside>span{font-size:.34rem;min-height:20px;padding:3px 2px}.msg-columns aside small,.msg-columns aside em{font-size:.27rem}.msg-conversation{padding:5px;gap:3px}.msg-conversation>small{font-size:.3rem}.msg-conversation>b{font-size:.49rem}.msg-conversation>p{font-size:.37rem;padding:4px}.msg-actions{gap:2px}.msg-actions>span{font-size:.31rem;padding:3px}.msg-actions>small{font-size:.29rem}.msg-bottom{padding:3px 5px;font-size:.33rem}.msg-bottom i{font-size:.31rem;padding:2px}}
@media(prefers-reduced-motion:reduce){.msg-preview *{animation:none!important;transition:none!important}}

/* A populated customer cockpit; focus steps keep each card legible. */
.cl-preview{background:#f3f8fa;color:#234251}.cl-preview .pp-app{grid-template-columns:56px minmax(0,1fr)}.cl-layout{display:grid;grid-template-columns:24% minmax(0,1fr);height:100%;min-width:0}.cl-sidebar{background:#f7fbfd;border-right:1px solid #dce9ee;padding:10px;overflow:hidden;display:flex;flex-direction:column;gap:6px}.cl-side-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:4px}.cl-side-title b{font-size:.82rem;color:#1c5874}.cl-side-title span{font-size:1rem;color:#31a9dc}.cl-search,.cl-sector{border:1px solid #dce8ee;border-radius:6px;background:#fff;padding:6px;font-size:.53rem;color:#8aa1ac}.cl-filters{display:flex;gap:3px}.cl-filters span{border:1px solid #cde1ea;border-radius:20px;padding:4px 5px;font-size:.45rem;color:#447c98;white-space:nowrap}.cl-filters span.active{background:#217ba4;color:#fff}.cl-sector{color:#557d91}.cl-sector.selected{background:#e5f3fa;color:#167ba9;animation:cl-select 6s infinite}.cl-customer{display:flex;gap:6px;align-items:center;min-width:0;border-bottom:1px solid #e4edf1;padding:5px 2px}.cl-customer.active{background:#e6f5fc;border-radius:7px}.cl-customer>i,.cl-profile-head>i,.cl-filter-result>span>i{display:grid;place-items:center;flex:none;border-radius:50%;background:#306762;color:#fff;font-style:normal;font-weight:700}.cl-customer>i{width:26px;height:26px;font-size:.51rem}.cl-customer:nth-of-type(5)>i{background:#b97449}.cl-customer>div{min-width:0;display:flex;flex-direction:column;gap:2px}.cl-customer b{font-size:.54rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cl-customer small{font-size:.42rem;color:#7c929e;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cl-customer em{font-size:.39rem;color:#398573;font-style:normal}.cl-main{min-width:0;height:100%;padding:10px;overflow:hidden;display:flex;flex-direction:column;gap:7px}.cl-topline{display:flex;justify-content:space-between;gap:8px;align-items:center}.cl-topline b{font-size:.75rem}.cl-topline span{font-size:.45rem;color:#859aa5}.cl-overview{min-height:0;overflow:hidden;display:flex;flex-direction:column;gap:7px}.cl-kpis{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:5px}.cl-kpis>span{min-width:0;display:flex;flex-direction:column;gap:4px;background:#fff;border:1px solid #dce9ef;border-radius:7px;padding:7px}.cl-kpis small{font-size:.43rem;color:#8197a2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cl-kpis b{font-size:.82rem;color:#1b617f}.cl-profile,.cl-card,.cl-filter-result,.cl-form,.cl-finance,.cl-days{background:#fff;border:1px solid #dce9ef;border-radius:9px}.cl-profile{padding:9px;min-width:0}.cl-profile-head{display:flex;align-items:center;gap:7px;border-bottom:1px solid #e0ebef;padding-bottom:7px}.cl-profile-head>i{width:40px;height:40px;font-size:.85rem}.cl-profile-head>div{min-width:0;display:flex;flex-direction:column;gap:2px}.cl-profile-head small{color:#2e9870;font-size:.43rem;font-weight:800}.cl-profile-head b{font-size:.86rem}.cl-profile-head span{font-size:.46rem;color:#7a919e;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cl-profile-facts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;padding-top:6px}.cl-profile-facts>span,.cl-card>div>span{display:flex;flex-direction:column;gap:2px;min-width:0}.cl-profile-facts small,.cl-card small{font-size:.4rem;color:#859aa5}.cl-profile-facts strong{font-size:.51rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cl-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;min-height:0;overflow:hidden}.cl-card{padding:8px;min-width:0;overflow:hidden}.cl-card>b{display:block;font-size:.62rem;color:#1d6685;padding-bottom:5px;border-bottom:1px solid #e6eef1}.cl-card>div{display:flex;flex-wrap:wrap;gap:5px;margin-top:7px}.cl-card>div>span{flex:1;min-width:0}.cl-card strong{font-size:.57rem;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cl-card p{font-size:.57rem;line-height:1.4;margin:0;color:#597583}.cl-detail-head{display:flex;flex-direction:column;gap:4px;padding:8px 10px;background:#eaf5fa;border-radius:8px}.cl-detail-head small{font-size:.48rem;letter-spacing:.1em;color:#3594ba;font-weight:800}.cl-detail-head b{font-size:1rem}.cl-detail-head>span{font-size:.59rem;color:#618291}.cl-form,.cl-filter-result,.cl-big-profile,.cl-focus-grid,.cl-finance,.cl-days{margin-top:8px;min-height:0;overflow:hidden}.cl-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;padding:10px}.cl-form label{display:flex;flex-direction:column;gap:5px;color:#718b98;font-size:.53rem}.cl-form label strong{border:1px solid #d8e8ee;border-radius:5px;padding:7px;color:#315066;font-size:.62rem}.cl-form label:nth-child(5){grid-column:1/-1}.cl-form>span{justify-self:end;grid-column:1/-1;background:#237ca6;color:#fff;border-radius:5px;padding:7px 10px;font-size:.58rem;animation:cl-select 6s infinite}.cl-filter-result{padding:11px}.cl-filter-result>div{display:flex;justify-content:space-between;gap:5px;margin-bottom:6px}.cl-filter-result>div>b{font-size:.78rem}.cl-filter-result>div>small{font-size:.52rem;color:#6f8a98}.cl-filter-result>span{display:flex;gap:9px;align-items:center;border-top:1px solid #e6eef2;padding:6px 3px}.cl-filter-result>span>i{width:24px;height:24px;font-size:.48rem}.cl-filter-result>span>b{font-size:.64rem}.cl-filter-result>span>em{margin-left:auto;color:#2a9572;font-size:.52rem;font-style:normal}.cl-big-profile{display:flex;flex-direction:column;gap:7px}.cl-big-profile .cl-profile-head>i{width:55px;height:55px}.cl-big-profile .cl-profile-head b{font-size:1rem}.cl-big-profile>.cl-profile{flex:none}.cl-big-profile>div:last-child{display:grid;grid-template-columns:1fr 1fr;gap:7px}.cl-focus-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.cl-focus-grid .cl-card.wide{grid-column:1/-1}.cl-focus-grid .cl-card>b{font-size:.75rem}.cl-focus-grid .cl-card strong{font-size:.68rem}.cl-focus-grid .cl-card small{font-size:.54rem}.cl-focus-grid .cl-card p{font-size:.65rem}.cl-finance{display:grid;grid-template-columns:repeat(3,1fr);padding:18px 10px;gap:8px}.cl-finance>div{display:flex;flex-direction:column;gap:10px;border-right:1px solid #dce9ef;padding:8px}.cl-finance>div:last-child{border:0}.cl-finance small{font-size:.67rem;color:#6e8b99}.cl-finance b{font-size:1.3rem;color:#206b88}.cl-finance>div:first-child b{color:#219d72}.cl-finance>div:nth-child(2) b{color:#da8a28}.cl-finance span{font-size:.58rem;color:#7e929b}.cl-days{padding:11px}.cl-months{display:grid;grid-template-columns:repeat(6,1fr);gap:5px}.cl-months span{border:1px solid #dce9ee;border-radius:5px;text-align:center;padding:5px;color:#608092;font-size:.57rem}.cl-months .active{background:#207da9;color:#fff}.cl-day-list{display:flex;flex-direction:column;margin:9px 0}.cl-day-list span{border-bottom:1px solid #e0eaef;padding:6px;color:#355a6c;font-size:.65rem}.cl-days>small{font-size:.54rem;color:#7896a5}@keyframes cl-select{0%,18%,100%{box-shadow:none}30%,45%{box-shadow:0 0 0 4px #70c7e466}}
#musteriler .feature-demo-screen{min-height:420px}#musteriler .feature-demo-screen .cl-preview{height:420px}
@media(max-width:900px){.cl-preview .pp-app{grid-template-columns:43px minmax(0,1fr)}.cl-layout{grid-template-columns:27% minmax(0,1fr)}.cl-sidebar,.cl-main{padding:6px}.cl-cards{gap:3px}}
@media(max-width:600px){.cl-preview .pp-app{grid-template-columns:36px minmax(0,1fr)}.cl-layout{grid-template-columns:25% minmax(0,1fr)}.cl-sidebar,.cl-main{padding:3px;gap:3px}.cl-side-title{margin:0}.cl-side-title b{font-size:.46rem}.cl-side-title span{font-size:.6rem}.cl-search,.cl-sector{font-size:.31rem;padding:3px}.cl-filters{gap:1px}.cl-filters span{font-size:.27rem;padding:2px}.cl-customer{gap:2px;padding:2px 0}.cl-customer>i{width:15px;height:15px;font-size:.29rem}.cl-customer b{font-size:.33rem}.cl-customer small,.cl-customer em{font-size:.26rem}.cl-topline b{font-size:.48rem}.cl-topline span{font-size:.3rem}.cl-overview{gap:3px}.cl-kpis{gap:2px}.cl-kpis>span{padding:3px;gap:2px}.cl-kpis small{font-size:.27rem}.cl-kpis b{font-size:.44rem}.cl-profile{padding:4px}.cl-profile-head{gap:3px;padding-bottom:3px}.cl-profile-head>i{height:23px;width:23px;font-size:.45rem}.cl-profile-head small{font-size:.27rem}.cl-profile-head b{font-size:.5rem}.cl-profile-head span{font-size:.29rem}.cl-profile-facts{gap:2px;padding-top:3px}.cl-profile-facts small{font-size:.26rem}.cl-profile-facts strong{font-size:.31rem}.cl-cards{gap:2px}.cl-card{padding:3px}.cl-card>b{font-size:.36rem;padding-bottom:2px}.cl-card>div{gap:2px;margin-top:3px}.cl-card small{font-size:.26rem}.cl-card strong,.cl-card p{font-size:.31rem}.cl-detail-head{padding:4px;gap:2px}.cl-detail-head small{font-size:.3rem}.cl-detail-head b{font-size:.57rem}.cl-detail-head>span{font-size:.35rem}.cl-form,.cl-filter-result,.cl-big-profile,.cl-focus-grid,.cl-finance,.cl-days{margin-top:4px}.cl-form{gap:3px;padding:4px}.cl-form label{font-size:.33rem;gap:2px}.cl-form label strong{font-size:.38rem;padding:3px}.cl-form>span{font-size:.36rem;padding:4px}.cl-filter-result{padding:4px}.cl-filter-result>div>b{font-size:.48rem}.cl-filter-result>div>small{font-size:.32rem}.cl-filter-result>span{padding:3px}.cl-filter-result>span>i{width:15px;height:15px;font-size:.3rem}.cl-filter-result>span>b,.cl-filter-result>span>em{font-size:.38rem}.cl-big-profile .cl-profile-head>i{width:28px;height:28px}.cl-big-profile .cl-profile-head b{font-size:.58rem}.cl-big-profile>div:last-child,.cl-focus-grid{gap:3px}.cl-focus-grid .cl-card>b{font-size:.45rem}.cl-focus-grid .cl-card strong,.cl-focus-grid .cl-card p{font-size:.4rem}.cl-focus-grid .cl-card small{font-size:.32rem}.cl-finance{padding:6px;gap:3px}.cl-finance>div{gap:4px;padding:3px}.cl-finance small{font-size:.39rem}.cl-finance b{font-size:.65rem}.cl-finance span{font-size:.35rem}.cl-days{padding:4px}.cl-months{gap:2px}.cl-months span{font-size:.32rem;padding:2px}.cl-day-list{margin:4px 0}.cl-day-list span{font-size:.4rem;padding:3px}.cl-days>small{font-size:.35rem}#musteriler .feature-demo-screen{min-height:330px}#musteriler .feature-demo-screen .cl-preview{height:330px}}
@media(prefers-reduced-motion:reduce){.cl-preview *{animation:none!important;transition:none!important}}
.msg-overview{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;min-height:0;flex:1;align-content:center}.msg-channel-card{display:flex;flex-direction:column;gap:12px;padding:13px 10px;border:1px solid #dce9ef;border-radius:9px;background:#fff;min-width:0;box-shadow:0 5px 14px #1b52600b}.msg-channel-card b{font-size:.72rem;color:#21799d}.msg-channel-card.whatsapp b{color:#168467}.msg-channel-card.gmail b{color:#b4474a}.msg-channel-card strong{font-size:.65rem;line-height:1.3;color:#294453}.msg-channel-card small{font-size:.55rem;line-height:1.3;color:#6b8997}.msg-overview>p{grid-column:1/-1;margin:0;font-size:.54rem;color:#7893a0}.msg-connect{display:flex;flex-direction:column;align-items:flex-start;gap:13px;background:#fff;border:1px solid #dce9ef;border-radius:8px;padding:15px;max-width:100%;margin:auto 0}.msg-connect strong{font-size:.8rem;color:#254a5d}.msg-connect p{padding:0!important;margin:0!important;font-size:.62rem!important;color:#627f8e;line-height:1.4}.msg-connect>span{border-radius:5px;border:1px solid #cde3ed;padding:7px 10px;color:#257aa2;font-size:.58rem}.msg-connect small,.msg-mail-meta{font-size:.5rem;color:#8ba0a9}.msg-window.gmail .msg-conversation>p{padding:6px 0}.msg-window.gmail .msg-conversation>.msg-mail-meta{border-top:1px solid #e1eaf0;margin-top:3px;padding-top:8px}.msg-actions>span{animation:none}.msg-window.has-actions .msg-actions{animation:msg-actions-in 2.4s ease-out both}
.of-preview{background:#f5f9fb;color:#243b47}.of-preview .pp-app{grid-template-columns:56px minmax(0,1fr)}.of-main{min-width:0;min-height:0;height:100%;overflow:hidden;display:flex;flex-direction:column;gap:8px;padding:10px}.of-topline{display:flex;justify-content:space-between;align-items:center;gap:7px}.of-topline b{font-size:.85rem;color:#194f68}.of-topline span{font-size:.5rem;color:#8399a4}.of-board{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px;flex:1;min-height:0}.of-column{min-width:0;display:flex;flex-direction:column;overflow:hidden;border-radius:8px;background:#f0eafa}.of-column.stage-1{background:#eaf0fb}.of-column.stage-2{background:#fff3dc}.of-column.stage-3{background:#e5f6ef}.of-column.stage-4{background:#f2ebf8}.of-column header{background:#e2f5fc;padding:10px 6px;min-height:58px}.of-column header b{display:block;font-size:.59rem;line-height:1.16;white-space:nowrap}.of-column header small{color:#75929f;font-size:.47rem}.of-column-body{display:flex;flex-direction:column;gap:7px;padding:8px 5px;min-height:0}.of-offer{display:flex;flex-direction:column;gap:5px;background:#fff;border:1px solid #dfe7ee;border-left:3px solid #53a9cc;border-radius:7px;padding:8px 6px;min-height:116px;box-shadow:0 3px 7px #2347580c}.of-offer.selected{border-left-color:#f39b2b;animation:of-highlight 3s ease-in-out infinite}.of-offer small{font-size:.47rem;color:#758d9b}.of-offer b{font-size:.55rem;line-height:1.25}.of-offer strong{font-size:.63rem;color:#1f7296}.of-offer span{font-size:.44rem;color:#8da2aa}.of-add{border:1px dashed #b7d6e6;background:#ffffff90;border-radius:6px;padding:8px 2px;text-align:center;font-size:.52rem;color:#2a91c1}.of-form{background:#fff;border:1px solid #dce9ef;border-radius:9px;padding:14px;display:flex;flex-direction:column;gap:10px;min-height:0;flex:1;overflow:hidden}.of-form-head{border-bottom:1px solid #e2eaee;padding-bottom:8px;display:flex;flex-direction:column;gap:3px}.of-form-head small{font-size:.49rem;color:#2b8db9;letter-spacing:.09em}.of-form-head b{font-size:.93rem;color:#223d4c}.of-form-head span{font-size:.58rem;color:#8097a2}.of-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;align-content:start;min-height:0}.of-field{border:1px solid #dce6eb;border-radius:6px;padding:8px;display:flex;flex-direction:column;gap:5px;min-width:0}.of-field.wide{grid-column:1/-1}.of-field small{font-size:.52rem;color:#718a98}.of-field b{font-size:.66rem;color:#2a4552;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.of-form footer{margin-top:auto;border-top:1px solid #e0e8ed;padding-top:9px;display:flex;justify-content:space-between;align-items:center;gap:7px}.of-form footer span{font-size:.47rem;color:#8a9da7}.of-form footer b{background:#217da6;color:#fff;font-size:.52rem;padding:7px;border-radius:5px;white-space:nowrap}@keyframes of-highlight{50%{box-shadow:0 0 0 4px #fab46655}}#teklifler .feature-demo-screen{min-height:420px}#teklifler .feature-demo-screen .of-preview{height:420px}
@media(max-width:900px){.of-preview .pp-app{grid-template-columns:43px minmax(0,1fr)}.of-main{padding:6px}.of-board{gap:3px}.of-column header{padding:5px 3px}.of-column header b{font-size:.48rem}.of-column-body{padding:4px 2px}.of-offer{padding:5px 3px}.of-offer b{font-size:.46rem}.of-add{font-size:.42rem}}
@media(max-width:600px){.of-preview .pp-app{grid-template-columns:36px minmax(0,1fr)}.of-main{gap:3px;padding:3px}.of-topline b{font-size:.55rem}.of-topline span{font-size:.31rem}.of-board{gap:2px}.of-column header{min-height:38px;padding:4px 2px}.of-column header b{font-size:.32rem;white-space:normal}.of-column header small{font-size:.28rem}.of-column-body{gap:2px;padding:2px}.of-offer{gap:2px;min-height:75px;padding:3px 2px}.of-offer small,.of-offer span{font-size:.26rem}.of-offer b{font-size:.31rem}.of-offer strong{font-size:.37rem}.of-add{font-size:.28rem;padding:4px 1px}.of-form{padding:5px;gap:4px}.of-form-head{padding-bottom:3px}.of-form-head small{font-size:.31rem}.of-form-head b{font-size:.55rem}.of-form-head span{font-size:.34rem}.of-fields{gap:3px}.of-field{gap:2px;padding:3px}.of-field small{font-size:.3rem}.of-field b{font-size:.39rem}.of-form footer{gap:2px;padding-top:3px}.of-form footer span{font-size:.26rem}.of-form footer b{font-size:.3rem;padding:4px}#teklifler .feature-demo-screen{min-height:330px}#teklifler .feature-demo-screen .of-preview{height:330px}.msg-overview{gap:3px}.msg-channel-card{gap:4px;padding:5px 3px}.msg-channel-card b{font-size:.4rem}.msg-channel-card strong{font-size:.37rem}.msg-channel-card small,.msg-overview>p{font-size:.3rem}.msg-connect{gap:5px;padding:5px}.msg-connect strong{font-size:.47rem}.msg-connect p{font-size:.37rem!important}.msg-connect>span{font-size:.35rem;padding:4px}.msg-connect small,.msg-mail-meta{font-size:.31rem}}
@media(prefers-reduced-motion:reduce){.of-preview *{animation:none!important}.msg-window.has-actions .msg-actions{animation:none!important}}
.wk-preview{background:#f3f8fa;color:#254454}.wk-preview .pp-app{grid-template-columns:56px minmax(0,1fr)}.wk-main{height:100%;min-height:0;min-width:0;overflow:hidden;display:flex;flex-direction:column;gap:8px;padding:10px}.wk-topline{display:flex;justify-content:space-between;align-items:center;gap:8px}.wk-topline b{font-size:.83rem;color:#1e5b77}.wk-topline span{font-size:.49rem;color:#869da8}.wk-board{display:flex;flex-direction:column;gap:7px;flex:1;min-height:0}.wk-weekbar{display:flex;align-items:center;gap:7px;background:#fff;border:1px solid #dbe8ee;border-radius:8px;padding:7px}.wk-weekbar>span{display:grid;place-items:center;min-width:20px;height:22px;border:1px solid #dce7ed;border-radius:5px;font-size:.68rem;color:#2a7094}.wk-weekbar>div{display:flex;flex-direction:column;gap:2px;flex:1}.wk-weekbar small{font-size:.42rem;letter-spacing:.08em;color:#8ba1ac}.wk-weekbar b{font-size:.65rem}.wk-weekbar em{font-size:.48rem;font-style:normal;color:#2479a2;background:#edf6fb;border-radius:5px;padding:5px}.wk-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:5px}.wk-stats span{display:flex;justify-content:space-between;align-items:center;gap:4px;background:#fff;border:1px solid #deebf0;border-radius:6px;padding:7px 6px;font-size:.49rem;color:#7d95a1}.wk-stats b{font-size:.72rem;color:#245b75}.wk-days{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:4px;flex:1;min-height:0}.wk-day{min-width:0;overflow:hidden;background:#f4f7f9;border:1px solid #dce8ef;border-radius:7px;display:flex;flex-direction:column}.wk-day header{position:relative;border-top:3px solid #246c9a;background:#fff;padding:5px 3px;min-height:45px;display:flex;flex-direction:column;gap:2px}.wk-day.day-1 header{border-top-color:#5b8ce5}.wk-day.day-2 header{border-top-color:#32a18c}.wk-day.day-3 header{border-top-color:#e49b36}.wk-day.day-4 header{border-top-color:#d86e84}.wk-day.day-5 header{border-top-color:#376f91}.wk-day.day-6 header{border-top-color:#758a94}.wk-day header b{font-size:.44rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.wk-day header small{font-size:.39rem;color:#8ca0aa}.wk-day header strong{position:absolute;top:5px;right:3px;background:#f0f5f9;padding:2px 3px;border-radius:4px;color:#2780ad;font-size:.4rem}.wk-day-body{padding:4px 2px;display:flex;flex-direction:column;gap:5px;min-height:0}.wk-job{background:#fff;border:1px solid #dce8ee;border-left:2px solid #2581ac;border-radius:5px;padding:5px 3px;display:flex;flex-direction:column;gap:4px;min-height:78px}.wk-job.new{border-left-color:#26a283;animation:wk-arrive 2s both}.wk-job small{font-size:.36rem;color:#7894a2;line-height:1.2}.wk-job b{font-size:.43rem;line-height:1.2}.wk-job em{font-size:.35rem;font-style:normal;color:#29856f}.wk-add{border:1px dashed #b9d8e7;border-radius:4px;text-align:center;color:#358db4;font-size:.35rem;padding:5px 1px}.wk-form{background:#fff;border:1px solid #dce9ef;border-radius:9px;padding:13px;display:flex;flex-direction:column;gap:10px;flex:1;min-height:0;overflow:hidden}.wk-form-head{display:flex;flex-direction:column;gap:4px;border-bottom:1px solid #e3edf1;padding-bottom:9px}.wk-form-head small{font-size:.48rem;letter-spacing:.08em;color:#2985ac}.wk-form-head b{font-size:.91rem;color:#244556}.wk-form-head span{font-size:.55rem;color:#7e95a1}.wk-kind-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}.wk-kind-grid span,.wk-pick-days span{border:1px solid #d9e7ef;border-radius:6px;background:#fff;text-align:center;color:#4f7182;padding:13px 4px;font-size:.64rem}.wk-kind-grid .selected,.wk-pick-days .selected{background:#227ea6;color:#fff;border-color:#227ea6;animation:wk-pick 2.8s ease-in-out infinite}.wk-pick-days{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:5px}.wk-pick-days span{padding:13px 2px;display:flex;flex-direction:column;gap:5px}.wk-pick-days b{font-size:.62rem}.wk-pick-days small{font-size:.49rem}.wk-form-note{border-radius:6px;background:#f0f8fb;padding:10px;color:#4e7c91;font-size:.58rem}.wk-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.wk-field{border:1px solid #dce8ee;border-radius:6px;padding:8px;display:flex;flex-direction:column;gap:5px;min-width:0}.wk-field.wide{grid-column:1/-1}.wk-field small{color:#718e9b;font-size:.51rem}.wk-field b{color:#2a4a5a;font-size:.62rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.wk-form footer{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-top:auto;border-top:1px solid #e4edf0;padding-top:9px}.wk-form footer span{color:#91a4ad;font-size:.48rem}.wk-form footer b{background:#247da5;color:#fff;border-radius:5px;padding:7px 10px;font-size:.55rem;white-space:nowrap}@keyframes wk-arrive{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:none}}@keyframes wk-pick{50%{box-shadow:0 0 0 4px #6db6d066}}#haftalik .feature-demo-screen{min-height:430px}#haftalik .feature-demo-screen .wk-preview{height:430px}
@media(max-width:900px){.wk-preview .pp-app{grid-template-columns:43px minmax(0,1fr)}.wk-main{padding:6px}.wk-days{gap:2px}.wk-weekbar,.wk-stats span{padding:4px}.wk-job{padding:3px 2px}.wk-add{font-size:.3rem}}
@media(max-width:600px){.wk-preview .pp-app{grid-template-columns:36px minmax(0,1fr)}.wk-main{padding:3px;gap:3px}.wk-topline b{font-size:.52rem}.wk-topline span{font-size:.29rem}.wk-board{gap:3px}.wk-weekbar{gap:3px;padding:3px}.wk-weekbar>span{min-width:12px;height:14px;font-size:.38rem}.wk-weekbar small{font-size:.27rem}.wk-weekbar b{font-size:.4rem}.wk-weekbar em{font-size:.3rem;padding:2px}.wk-stats{gap:2px}.wk-stats span{font-size:.28rem;padding:3px 2px}.wk-stats b{font-size:.39rem}.wk-days{gap:1px}.wk-day header{min-height:28px;padding:2px 1px}.wk-day header b{font-size:.26rem}.wk-day header small,.wk-day header strong{font-size:.23rem}.wk-day header strong{padding:1px}.wk-day-body{padding:2px 1px;gap:2px}.wk-job{min-height:53px;gap:2px;padding:2px 1px}.wk-job small,.wk-job em{font-size:.22rem}.wk-job b{font-size:.25rem}.wk-add{font-size:.2rem;padding:3px 0}.wk-form{padding:5px;gap:4px}.wk-form-head{gap:2px;padding-bottom:3px}.wk-form-head small{font-size:.29rem}.wk-form-head b{font-size:.55rem}.wk-form-head span{font-size:.32rem}.wk-kind-grid,.wk-pick-days,.wk-fields{gap:2px}.wk-kind-grid span,.wk-pick-days span{font-size:.38rem;padding:6px 2px}.wk-pick-days b{font-size:.34rem}.wk-pick-days small{font-size:.28rem}.wk-form-note{font-size:.32rem;padding:5px}.wk-field{gap:2px;padding:3px}.wk-field small{font-size:.29rem}.wk-field b{font-size:.36rem}.wk-form footer{padding-top:3px;gap:2px}.wk-form footer span{font-size:.28rem}.wk-form footer b{font-size:.33rem;padding:4px}#haftalik .feature-demo-screen{min-height:330px}#haftalik .feature-demo-screen .wk-preview{height:330px}}
@media(prefers-reduced-motion:reduce){.wk-preview *{animation:none!important}}

/* Content planning, reporting, people and special-day calendar product tours. */
.cp-preview,.rp-preview,.tm-preview,.ca-preview{background:#f4f9fb;color:#233d4b}.cp-preview .pp-app,.rp-preview .pp-app,.tm-preview .pp-app,.ca-preview .pp-app{grid-template-columns:56px minmax(0,1fr)}.cp-main,.rp-main,.tm-main,.ca-main{height:100%;min-width:0;overflow:hidden;padding:10px}.cp-overview,.rp-overview,.tm-overview,.ca-overview{display:flex;flex-direction:column;gap:8px;height:100%;min-height:0}.cp-toolbar,.rp-header,.tm-overview>header,.ca-overview>header{display:flex;align-items:center;gap:10px;justify-content:space-between;padding:8px 11px;background:#fff;border:1px solid #dbeaf0;border-radius:9px}.cp-toolbar>div,.rp-header>div,.tm-overview>header>div,.ca-overview>header>div{display:flex;flex-direction:column;gap:3px}.cp-toolbar b,.rp-header b,.tm-overview>header b,.ca-overview>header b{font-size:.91rem;color:#1d4e66}.cp-toolbar small,.rp-header span,.tm-overview>header span,.ca-overview>header span{color:#8198a4;font-size:.49rem}.rp-header small,.tm-overview>header small,.ca-overview>header small{font-size:.43rem;letter-spacing:.09em;color:#3b9fca}.cp-toolbar>span{margin-left:auto;font-size:.52rem;border:1px solid #dbe9ef;border-radius:5px;padding:6px}.cp-toolbar em,.rp-header em,.tm-overview>header em,.ca-overview>header em,.cp-modal em,.tm-detail-card>em,.ca-detail-card>em{font-style:normal;background:#247fa8;color:#fff;border-radius:5px;padding:7px 9px;font-size:.51rem;white-space:nowrap}.cp-clients,.cp-rights,.cp-bottom>div,.rp-summary>div,.tm-depts,.tm-people,.ca-month,.ca-layout aside{background:#fff;border:1px solid #dbeaf0;border-radius:9px;padding:9px}.cp-clients>b,.cp-section-title b,.cp-bottom b,.rp-summary b,.tm-depts>b,.ca-layout aside>b{font-size:.62rem;color:#29536a}.cp-clients>div,.cp-tabs,.cp-kpis,.cp-bottom,.rp-platforms,.rp-pipeline,.rp-summary,.tm-kpis,.tm-depts,.ca-layout{display:flex;gap:6px}.cp-clients>div{margin-top:6px}.cp-clients span,.cp-tabs span,.tm-depts span{border:1px solid #dae9ef;border-radius:5px;padding:5px 7px;color:#507183;font-size:.48rem;background:#f8fbfd}.cp-clients span small{border-left:1px solid #dce8ed;margin-left:7px;padding-left:7px;color:#96aab3}.cp-clients .active,.cp-tabs .active{background:#e2f4fc;border-color:#8ac8e7;color:#2585b1}.cp-rights{padding-bottom:4px}.cp-section-title{display:flex;justify-content:space-between}.cp-section-title small{font-size:.45rem;color:#879fac}.cp-tabs{margin:6px 0}.cp-kpis span{flex:1;border-right:1px solid #dce9ee;font-size:.43rem;color:#809aa7}.cp-kpis b{display:block;font-size:.8rem;color:#28566c}.cp-table{margin-top:6px}.cp-table>div{display:grid;grid-template-columns:1.2fr .5fr 1fr .5fr 1fr;gap:4px;border-top:1px solid #e4edf1;align-items:center;padding:5px 3px;font-size:.48rem}.cp-table .cp-table-head{background:#f6fafc;color:#8ba2ac;font-size:.43rem}.cp-table .published{color:#2b9b70}.cp-bottom{min-height:0;flex:1}.cp-bottom>div{flex:1;display:flex;flex-direction:column;gap:5px;overflow:hidden}.cp-bottom span{font-size:.46rem;color:#597582;display:flex;justify-content:space-between;gap:4px}.cp-bottom em{font-style:normal;color:#258daf}.cp-bottom em.late{color:#d97863}.cp-detail-head,.rp-detail-head,.tm-detail-head,.ca-detail-head{display:flex;flex-direction:column;gap:4px;background:#fff;border:1px solid #dce9ef;border-radius:9px;padding:14px;margin-bottom:10px}.cp-detail-head small,.rp-detail-head small,.tm-detail-head small,.ca-detail-head small{font-size:.46rem;color:#3e9fc4;letter-spacing:.1em}.cp-detail-head b,.rp-detail-head b,.tm-detail-head b,.ca-detail-head b{font-size:1rem;color:#22526a}.cp-detail-head span,.rp-detail-head span,.tm-detail-head span,.ca-detail-head span{font-size:.53rem;color:#8aa0aa}.cp-choice,.cp-modal,.rp-detail-body,.tm-detail-card,.ca-detail-card{background:#fff;border:1px solid #dce9ef;border-radius:9px;padding:15px;display:flex;flex-direction:column;gap:10px;min-height:0}.cp-choice>b,.cp-modal>b,.rp-detail-body>b,.tm-detail-card>b,.ca-detail-card>b{font-size:.72rem;color:#27556d}.cp-choice>div:not(.cp-right-list){display:flex;gap:7px}.cp-choice>div>span,.cp-choice>p{border:1px solid #dbeaf0;background:#f9fcfd;border-radius:6px;padding:9px;font-size:.57rem;color:#567886}.cp-choice .active{border-color:#8dcbe5;background:#e5f5fc}.cp-choice small{font-size:.47rem;color:#8ba0aa}.cp-choice>div>span small{display:block}.cp-right-list{display:flex;flex-direction:column;gap:6px}.cp-right-list span{border:1px solid #e0ebf0;border-radius:6px;padding:9px;display:flex;justify-content:space-between;gap:9px}.cp-right-list span b{font-size:.59rem}.cp-right-list span.late{background:#fff4ef}.cp-modal{max-width:500px;margin:auto;box-shadow:0 9px 30px #24587224}.cp-modal>span{font-size:.53rem;color:#8ba1ac}.cp-modal>div{border:1px solid #dce8ee;border-radius:5px;padding:7px;display:flex;flex-direction:column;gap:3px}.cp-modal small{font-size:.44rem;color:#829aa6}.cp-modal strong{font-size:.61rem}.cp-modal em{align-self:flex-start}.rp-platforms{min-height:0}.rp-platforms>div{flex:1;min-width:0;background:#fff;border:1px solid #dce9ef;border-radius:8px;padding:10px 7px;display:flex;flex-direction:column;gap:7px}.rp-platforms b{font-size:.57rem}.rp-platforms strong{font-size:.64rem;color:#225d78}.rp-platforms small{font-size:.42rem;color:#2ea37b}.rp-pipeline{background:#e6f5fa;border-radius:7px;padding:8px;justify-content:space-between}.rp-pipeline span{font-size:.47rem;color:#4c7184}.rp-pipeline b{display:inline-flex;align-items:center;justify-content:center;background:#2789ae;color:#fff;border-radius:50%;width:17px;height:17px;margin-right:4px}.rp-summary{flex:1;min-height:0}.rp-summary>div{flex:1;display:flex;flex-direction:column;gap:8px}.rp-summary span{display:flex;justify-content:space-between;font-size:.51rem;color:#65818f}.rp-summary strong{font-size:.54rem;color:#2b5267}.rp-overview>p,.tm-overview>p{font-size:.45rem;color:#859ca7;margin:0}.rp-detail-body{max-width:630px;margin:auto}.rp-select-platforms,.rp-pair{display:flex;gap:7px}.rp-select-platforms span{flex:1;border:1px solid #dce9ef;border-radius:5px;padding:10px 3px;text-align:center;font-size:.54rem}.rp-select-platforms .active{background:#e5f5fb;border-color:#81cae7;color:#247fa6}.rp-pair span{flex:1;display:flex;flex-direction:column;gap:5px;border:1px solid #dce9ef;border-radius:6px;padding:10px}.rp-pair small,.rp-detail-body>small{font-size:.48rem;color:#819aa6}.rp-pair strong{font-size:.68rem}.rp-upload{border:2px dashed #8fcbe5;background:#f4fbfe;border-radius:8px;padding:25px;display:flex;align-items:center;flex-direction:column;gap:8px}.rp-upload b{font-size:.73rem}.rp-upload span,.rp-upload small,.rp-detail-body p{font-size:.54rem;color:#6c8b9b}.rp-ai-draft,.rp-share{background:#f3f8fc;border:1px solid #d9e9f1;border-radius:8px;padding:14px}.rp-ai-draft b,.rp-share b{font-size:.71rem;color:#277ca5}.rp-ai-draft span,.rp-share span{font-size:.53rem;color:#537888}.rp-check{display:flex;flex-direction:column;gap:7px}.rp-check span{font-size:.57rem;background:#f5fbf8;border:1px solid #d9eee4;border-radius:6px;padding:9px}.rp-share{display:flex;flex-direction:column;gap:9px}.rp-share em{background:#247fa8;color:#fff;font-style:normal;padding:8px;border-radius:5px;align-self:flex-start;font-size:.53rem}.tm-kpis span{flex:1;background:#fff;border:1px solid #dce9ef;border-radius:8px;padding:10px;color:#718c9a;font-size:.49rem}.tm-kpis b{display:block;font-size:.84rem;color:#275a71}.tm-depts{align-items:center}.tm-depts em{margin-left:auto;color:#278eaf;font-size:.49rem;font-style:normal}.tm-people{flex:1;overflow:hidden;padding:0}.tm-row{display:grid;grid-template-columns:1.4fr 1.2fr .7fr .7fr;align-items:center;border-top:1px solid #e3edf1;padding:8px 11px;gap:5px;color:#5a7888;font-size:.5rem}.tm-row.head{background:#f5fafc;border-top:0;color:#8ba3ae}.tm-row>span:first-child{display:flex;align-items:center;gap:7px}.tm-row i{font-style:normal;background:#e7e2fa;color:#7351cf;border-radius:50%;padding:6px;font-size:.43rem}.tm-row b{font-size:.54rem;color:#295267}.tm-row small{display:block;font-size:.42rem;color:#9aadb5}.tm-detail-card{max-width:600px;margin:auto}.tm-detail-card>span,.ca-detail-card>span{display:flex;justify-content:space-between;align-items:center;gap:7px;border:1px solid #e0ecf0;border-radius:6px;padding:11px;color:#5d7b89;font-size:.6rem}.tm-detail-card strong,.ca-detail-card strong{color:#28536a;font-size:.61rem}.tm-detail-card>small{font-size:.47rem;color:#8ba2ad}.tm-detail-card>em,.ca-detail-card>em{align-self:flex-start}.ca-layout{flex:1;min-height:0}.ca-month{flex:2;display:flex;flex-direction:column;min-width:0;padding:6px}.ca-monthbar{display:flex;align-items:center;gap:10px;padding:4px 8px;font-size:.57rem}.ca-monthbar b{font-size:.73rem;margin-right:auto}.ca-monthbar small{color:#7293a3}.ca-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));grid-template-rows:26px repeat(5,minmax(0,1fr));flex:1;border:1px solid #e3edf1;min-height:0}.ca-grid>strong,.ca-grid>span{border-right:1px solid #e3edf1;border-bottom:1px solid #e3edf1;min-width:0;padding:3px;font-size:.46rem}.ca-grid>strong{text-align:center;background:#f6fafc;color:#849ca8}.ca-grid>span.muted{background:#f7fafb}.ca-grid>span b{font-size:.48rem}.ca-grid>span small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;background:#fceefa;border-radius:3px;color:#b35d8b;padding:2px;font-size:.38rem;margin-top:3px}.ca-grid>span.marked{background:#fffafd}.ca-layout aside{flex:1;display:flex;flex-direction:column;gap:4px;min-width:0;overflow:hidden}.ca-layout aside>span{display:flex;gap:6px;align-items:center;border-bottom:1px solid #e2edf2;padding:7px 1px;font-size:.48rem;color:#4f7080}.ca-layout aside strong{color:#2c94bf;white-space:nowrap}.ca-layout aside em{margin-left:auto;color:#2a99c4;font-style:normal}.ca-layout aside>small{margin-top:auto;font-size:.42rem;color:#91a6b0}.ca-detail-card{max-width:650px;margin:auto}.ca-detail-card>span em{color:#2687ad;font-style:normal;white-space:nowrap}#planlama .feature-demo-screen,#raporlar .feature-demo-screen,#ekip .feature-demo-screen,#takvim .feature-demo-screen{min-height:440px}#planlama .feature-demo-screen .cp-preview,#raporlar .feature-demo-screen .rp-preview,#ekip .feature-demo-screen .tm-preview,#takvim .feature-demo-screen .ca-preview{height:440px}
@media(max-width:900px){.cp-preview .pp-app,.rp-preview .pp-app,.tm-preview .pp-app,.ca-preview .pp-app{grid-template-columns:43px minmax(0,1fr)}.cp-main,.rp-main,.tm-main,.ca-main{padding:6px}.ca-layout aside>span:nth-of-type(n+5){display:none}}
@media(max-width:600px){.cp-preview .pp-app,.rp-preview .pp-app,.tm-preview .pp-app,.ca-preview .pp-app{grid-template-columns:36px minmax(0,1fr)}.cp-main,.rp-main,.tm-main,.ca-main{padding:3px}.cp-overview,.rp-overview,.tm-overview,.ca-overview{gap:3px}.cp-toolbar,.rp-header,.tm-overview>header,.ca-overview>header{padding:4px}.cp-toolbar b,.rp-header b,.tm-overview>header b,.ca-overview>header b{font-size:.53rem}.cp-toolbar small,.rp-header span,.tm-overview>header span,.ca-overview>header span{font-size:.28rem}.cp-toolbar>span,.cp-toolbar em,.rp-header em,.tm-overview>header em,.ca-overview>header em{font-size:.27rem;padding:4px}.cp-clients,.cp-rights,.cp-bottom>div,.rp-summary>div,.tm-depts,.tm-people,.ca-month,.ca-layout aside{padding:4px}.cp-clients>b,.cp-section-title b,.cp-bottom b,.rp-summary b,.tm-depts>b,.ca-layout aside>b{font-size:.36rem}.cp-clients>div,.cp-tabs,.cp-kpis,.cp-bottom,.rp-platforms,.rp-pipeline,.rp-summary,.tm-kpis,.tm-depts,.ca-layout{gap:2px}.cp-clients span,.cp-tabs span,.tm-depts span{font-size:.29rem;padding:3px}.cp-clients span small{display:none}.cp-section-title small,.cp-kpis span,.cp-table .cp-table-head,.cp-bottom span,.rp-platforms small,.rp-summary span,.tm-depts em,.tm-overview>p,.rp-overview>p{font-size:.26rem}.cp-tabs{margin:3px 0}.cp-kpis b{font-size:.46rem}.cp-table{margin-top:3px}.cp-table>div{font-size:.29rem;padding:3px 1px}.cp-bottom>div{gap:2px}.cp-bottom em{display:none}.cp-detail-head,.rp-detail-head,.tm-detail-head,.ca-detail-head{padding:7px;margin-bottom:4px;gap:2px}.cp-detail-head small,.rp-detail-head small,.tm-detail-head small,.ca-detail-head small{font-size:.3rem}.cp-detail-head b,.rp-detail-head b,.tm-detail-head b,.ca-detail-head b{font-size:.61rem}.cp-detail-head span,.rp-detail-head span,.tm-detail-head span,.ca-detail-head span{font-size:.33rem}.cp-choice,.cp-modal,.rp-detail-body,.tm-detail-card,.ca-detail-card{padding:7px;gap:5px}.cp-choice>b,.cp-modal>b,.rp-detail-body>b,.tm-detail-card>b,.ca-detail-card>b{font-size:.48rem}.cp-choice>div>span,.cp-choice>p,.cp-right-list span b,.cp-modal strong,.rp-check span,.tm-detail-card>span,.ca-detail-card>span{font-size:.38rem}.cp-choice small,.cp-modal small,.rp-detail-body>small,.tm-detail-card>small{font-size:.31rem}.cp-right-list span,.tm-detail-card>span,.ca-detail-card>span{padding:5px}.cp-modal>div{padding:4px}.rp-platforms>div{padding:5px 2px;gap:3px}.rp-platforms b{font-size:.31rem}.rp-platforms strong{font-size:.32rem}.rp-pipeline{padding:4px}.rp-pipeline span{font-size:.25rem}.rp-pipeline b{width:10px;height:10px;margin-right:1px}.rp-summary>div{gap:3px}.rp-summary strong{font-size:.28rem}.rp-select-platforms span,.rp-pair strong,.rp-upload b,.rp-ai-draft b,.rp-share b{font-size:.38rem}.rp-select-platforms span,.rp-pair span{padding:5px}.rp-upload{padding:12px}.rp-upload span,.rp-upload small,.rp-detail-body p,.rp-pair small,.rp-ai-draft span,.rp-share span{font-size:.31rem}.tm-kpis span{font-size:.28rem;padding:5px}.tm-kpis b{font-size:.47rem}.tm-depts span:nth-of-type(n+3){display:none}.tm-row{font-size:.29rem;padding:5px 3px;gap:2px}.tm-row b{font-size:.3rem}.tm-row small{font-size:.25rem}.tm-row i{font-size:.25rem;padding:3px}.tm-detail-card strong,.ca-detail-card strong,.ca-detail-card>span em{font-size:.36rem}.ca-monthbar{gap:3px;padding:2px;font-size:.33rem}.ca-monthbar b{font-size:.45rem}.ca-grid{grid-template-rows:20px repeat(5,minmax(0,1fr))}.ca-grid>strong,.ca-grid>span{padding:1px;font-size:.28rem}.ca-grid>span b{font-size:.3rem}.ca-grid>span small{font-size:.23rem;padding:1px}.ca-layout aside>span{font-size:.28rem;padding:3px 0}.ca-layout aside>small{font-size:.24rem}#planlama .feature-demo-screen,#raporlar .feature-demo-screen,#ekip .feature-demo-screen,#takvim .feature-demo-screen{min-height:330px}#planlama .feature-demo-screen .cp-preview,#raporlar .feature-demo-screen .rp-preview,#ekip .feature-demo-screen .tm-preview,#takvim .feature-demo-screen .ca-preview{height:330px}}

/* Budget and equipment walkthroughs keep sample records internally consistent. */
.bu-preview,.eq-preview{background:#f4f9fb;color:#243e4b}.bu-preview .pp-app,.eq-preview .pp-app{grid-template-columns:56px minmax(0,1fr)}.bu-main,.eq-main{min-width:0;height:100%;overflow:hidden;padding:10px}.bu-overview,.eq-overview{height:100%;display:flex;flex-direction:column;gap:7px;min-height:0}.bu-head,.eq-overview>header{display:flex;align-items:center;justify-content:space-between;background:#fff;border:1px solid #dceaf0;border-radius:8px;padding:8px 10px}.bu-head>div,.eq-overview>header>div{display:flex;flex-direction:column;gap:3px}.bu-head small,.eq-overview>header small{font-size:.43rem;color:#3998c0;letter-spacing:.08em}.bu-head b,.eq-overview>header b{font-size:.88rem;color:#24536c}.bu-head>span{font-size:.5rem;color:#688898}.eq-overview>header em,.bu-card>em,.bu-form>em,.bu-category-add em,.eq-form>em,.eq-purchase em{font-style:normal;background:#227da5;color:#fff;border-radius:5px;padding:7px 9px;font-size:.5rem;white-space:nowrap}.bu-tabs,.eq-tabs{display:flex;gap:2px;border-bottom:1px solid #dce9ef;padding:0 4px}.bu-tabs span,.eq-tabs span{font-size:.5rem;color:#668493;padding:7px 9px}.bu-tabs .active,.eq-tabs .active{color:#247ca5;border-bottom:2px solid #247ca5}.eq-tabs b{font-size:.42rem;background:#edf5f8;padding:2px 4px;border-radius:4px}.bu-balance{background:#1f7098;border-radius:9px;color:#fff;padding:12px 16px;display:flex;justify-content:space-between;align-items:center}.bu-balance>div{display:flex;flex-direction:column;gap:4px}.bu-balance small{font-size:.5rem;color:#c4e8f5}.bu-balance strong{font-size:1.25rem}.bu-balance span{display:flex;gap:15px;justify-content:space-between;color:#d4eef7;font-size:.5rem}.bu-balance b{color:#fff}.bu-columns{display:flex;gap:8px;flex:1;min-height:0}.bu-card,.bu-detail-card,.eq-detail-card{background:#fff;border:1px solid #dce9ef;border-radius:9px;padding:12px;min-width:0}.bu-card{flex:1;display:flex;flex-direction:column;gap:9px}.bu-card>b,.bu-card-title b,.bu-detail-card>b,.eq-detail-card>b{font-size:.7rem;color:#284e62}.bu-card-title{display:flex;justify-content:space-between;align-items:center}.bu-card-title span{font-size:.48rem;background:#edf6fa;padding:5px;border-radius:5px;color:#2d86a8}.bu-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.bu-fields span{border:1px solid #dce9ef;border-radius:5px;padding:6px;display:flex;flex-direction:column;gap:3px;color:#7c98a5;font-size:.45rem}.bu-fields .wide{grid-column:1/-1}.bu-fields b{font-size:.56rem;color:#315469;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bu-card>em{margin-top:auto;text-align:center}.bu-moves{display:flex;flex-direction:column;gap:4px;min-height:0;overflow:hidden}.bu-moves>span{border-bottom:1px solid #e6eff2;padding:5px 0;display:flex;align-items:center;gap:7px}.bu-moves small{font-size:.45rem;color:#86a0aa;min-width:34px}.bu-moves strong{font-size:.49rem;color:#365a6b;flex:1}.bu-moves i{display:block;font-size:.4rem;font-weight:400;color:#91a6ae;font-style:normal}.bu-moves b{font-size:.52rem;white-space:nowrap}.bu-moves b.in{color:#22976d}.bu-moves b.out{color:#cf6873}.bu-overview>p,.eq-overview>p{font-size:.43rem;color:#8ea2ad;margin:0}.bu-detail-head,.eq-detail-head{display:flex;flex-direction:column;gap:4px;background:#fff;border:1px solid #dce9ef;border-radius:9px;padding:13px;margin-bottom:9px}.bu-detail-head small,.eq-detail-head small{font-size:.45rem;color:#3a98bf;letter-spacing:.08em}.bu-detail-head b,.eq-detail-head b{font-size:.99rem;color:#22526b}.bu-detail-head span,.eq-detail-head span{font-size:.51rem;color:#8ba3ae}.bu-detail-card,.eq-detail-card{max-width:680px;margin:auto;display:flex;flex-direction:column;gap:10px}.bu-detail-card>p,.eq-detail-card>p{font-size:.49rem;color:#7993a0}.bu-metrics,.eq-metrics{display:flex;gap:7px}.bu-metrics span,.eq-metrics span{flex:1;border:1px solid #dce9ef;background:#f8fbfd;border-radius:6px;padding:9px;font-size:.51rem;color:#72909e}.bu-metrics b,.eq-metrics b{display:block;font-size:.84rem;color:#245b73}.bu-bars{display:flex;flex-direction:column;gap:9px}.bu-bars span{position:relative;display:flex;justify-content:space-between;background:#f4f8fa;border-radius:5px;padding:7px 9px;font-size:.5rem;overflow:hidden;isolation:isolate}.bu-bars span:before{content:"";position:absolute;z-index:-1;left:0;top:0;bottom:0;width:var(--v);background:#b6e6f1}.bu-compare{display:flex;gap:8px}.bu-compare span{flex:1;border:1px solid #dce9ef;border-radius:7px;padding:9px;display:flex;flex-direction:column;gap:7px;font-size:.53rem}.bu-compare strong{color:#235870}.bu-compare small{color:#6e8c9a;font-size:.5rem}.bu-category-add{border:1px solid #dce9ef;border-radius:6px;padding:8px;display:flex;align-items:center;gap:8px;font-size:.5rem;color:#7594a1}.bu-category-add b{color:#31576a;flex:1}.bu-calendar{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));border:1px solid #dce9ef}.bu-calendar>strong,.bu-calendar>span{min-height:37px;border-right:1px solid #e5eef1;border-bottom:1px solid #e5eef1;padding:3px;font-size:.43rem}.bu-calendar>strong{text-align:center;min-height:20px;background:#f5fafc;color:#819ca7}.bu-calendar>span.muted{background:#f7fafb}.bu-calendar>span.marked{background:#eaf8f4}.bu-calendar small{display:block;font-size:.33rem;color:#2d876a;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.eq-layout{display:flex;gap:8px;min-height:0;flex:1}.eq-layout aside,.eq-panel{background:#fff;border:1px solid #dce9ef;border-radius:8px;padding:9px}.eq-layout aside{width:27%;display:flex;flex-direction:column;gap:3px;overflow:hidden}.eq-layout aside>b,.eq-panel-head b{font-size:.62rem;color:#2a5367}.eq-layout aside>span{display:flex;justify-content:space-between;padding:5px;font-size:.48rem;color:#688695;border-radius:5px}.eq-layout aside>span.active{background:#e4f3fa;color:#247fa6}.eq-layout aside strong{background:#f1f6f8;border-radius:4px;padding:1px 4px}.eq-panel{flex:1;min-width:0;display:flex;flex-direction:column;gap:6px}.eq-panel-head{display:flex;justify-content:space-between}.eq-panel-head small{font-size:.46rem;color:#87a0aa}.eq-table{overflow:hidden}.eq-table>div{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:5px;align-items:center;border-top:1px solid #e4edf1;padding:5px 3px;font-size:.48rem}.eq-table>div.head{background:#f5fafc;color:#8ba1ac;font-size:.43rem}.eq-table b{font-size:.51rem;color:#36576a}.eq-table em{font-style:normal;font-size:.47rem}.eq-table em.free{color:#26996e}.eq-table em.assigned{color:#2c82ab}.eq-bottom{display:flex;gap:6px;margin-top:auto}.eq-bottom>span{border:1px solid #e0edf2;border-radius:6px;padding:5px;flex:1;font-size:.43rem;color:#829aa6}.eq-bottom b{display:block;color:#365c70;font-size:.48rem}.eq-form>div{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.eq-form>div span{display:flex;flex-direction:column;gap:3px;border:1px solid #dfebef;border-radius:5px;padding:7px;font-size:.48rem;color:#839eaa}.eq-form strong{font-size:.59rem;color:#31566a}.eq-form>em{align-self:flex-start}.eq-categories{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.eq-categories span{display:flex;justify-content:space-between;border:1px solid #e0ecf0;border-radius:6px;padding:9px;color:#597b8c;font-size:.57rem}.eq-categories strong{color:#2d86ac}.eq-history{display:flex;flex-direction:column;gap:6px}.eq-history span{border:1px solid #e1edf1;border-radius:6px;padding:9px;display:flex;flex-direction:column;gap:4px}.eq-history strong{color:#2f596d;font-size:.58rem}.eq-history small{color:#869eaa;font-size:.48rem}.eq-purchase{border:1px dashed #a5d6e7;border-radius:6px;padding:8px;display:flex;justify-content:space-between;align-items:center;font-size:.48rem;color:#6e8c9a}#butce .feature-demo-screen,#ekipman .feature-demo-screen{min-height:440px}#butce .feature-demo-screen .bu-preview,#ekipman .feature-demo-screen .eq-preview{height:440px}
@media(max-width:900px){.bu-preview .pp-app,.eq-preview .pp-app{grid-template-columns:43px minmax(0,1fr)}.bu-main,.eq-main{padding:6px}.eq-layout aside{width:30%}}
@media(max-width:600px){.bu-preview .pp-app,.eq-preview .pp-app{grid-template-columns:36px minmax(0,1fr)}.bu-main,.eq-main{padding:3px}.bu-overview,.eq-overview{gap:3px}.bu-head,.eq-overview>header{padding:4px}.bu-head small,.eq-overview>header small{font-size:.28rem}.bu-head b,.eq-overview>header b{font-size:.53rem}.bu-head>span,.eq-overview>header em{font-size:.28rem;padding:3px}.bu-tabs span,.eq-tabs span{font-size:.27rem;padding:4px}.eq-tabs b{font-size:.22rem}.bu-balance{padding:5px 7px}.bu-balance small,.bu-balance span{font-size:.28rem}.bu-balance strong{font-size:.72rem}.bu-columns,.eq-layout{gap:3px}.bu-card,.eq-layout aside,.eq-panel{padding:4px;gap:3px}.bu-card>b,.bu-card-title b,.eq-layout aside>b,.eq-panel-head b{font-size:.37rem}.bu-card-title span,.bu-fields span,.bu-moves small,.bu-moves strong,.bu-moves b,.eq-layout aside>span,.eq-panel-head small,.eq-table>div,.eq-table b,.eq-table em,.eq-bottom>span,.eq-bottom b{font-size:.27rem}.bu-fields{gap:2px}.bu-fields span{padding:3px;gap:1px}.bu-fields b{font-size:.3rem}.bu-card>em{font-size:.27rem;padding:4px}.bu-moves>span{gap:2px;padding:2px 0}.bu-moves small{min-width:20px}.bu-moves i{font-size:.23rem}.bu-overview>p,.eq-overview>p{font-size:.24rem}.bu-detail-head,.eq-detail-head{padding:6px;margin-bottom:4px;gap:2px}.bu-detail-head small,.eq-detail-head small{font-size:.28rem}.bu-detail-head b,.eq-detail-head b{font-size:.6rem}.bu-detail-head span,.eq-detail-head span{font-size:.3rem}.bu-detail-card,.eq-detail-card{padding:6px;gap:5px}.bu-detail-card>b,.eq-detail-card>b{font-size:.47rem}.bu-metrics,.eq-metrics,.bu-compare{gap:3px}.bu-metrics span,.eq-metrics span{padding:5px;font-size:.31rem}.bu-metrics b,.eq-metrics b{font-size:.48rem}.bu-bars{gap:4px}.bu-bars span,.bu-compare span,.bu-compare small,.bu-category-add,.bu-detail-card>p,.eq-detail-card>p,.eq-categories span,.eq-history strong,.eq-history small,.eq-purchase{font-size:.31rem}.bu-compare span,.eq-categories span,.eq-history span{padding:5px}.bu-calendar>strong,.bu-calendar>span{min-height:24px;font-size:.27rem;padding:1px}.bu-calendar>strong{min-height:14px}.bu-calendar small{font-size:.2rem}.eq-layout aside{width:28%}.eq-layout aside>span{padding:3px 1px}.eq-table>div{padding:3px 1px}.eq-bottom{gap:2px}.eq-bottom>span{padding:3px}.eq-form>div{gap:3px}.eq-form>div span{font-size:.29rem;padding:4px}.eq-form strong{font-size:.35rem}#butce .feature-demo-screen,#ekipman .feature-demo-screen{min-height:330px}#butce .feature-demo-screen .bu-preview,#ekipman .feature-demo-screen .eq-preview{height:330px}}