.feature-showcase{--feature-bg:#0b0e13;--feature-border:#ffffff12;isolation:isolate;background:var(--feature-bg);color:#f3f5f7;padding:7.5rem 0 6.5rem;scroll-margin-top:87px;position:relative;overflow:hidden}.feature-showcase:before{content:"";z-index:-1;pointer-events:none;background:radial-gradient(at 22% 31%,#2258eb0f,#0000 46%),radial-gradient(at 87% 55%,#7a8ca208,#0000 35%);position:absolute;inset:0}.feature-particles{z-index:-1;pointer-events:none;opacity:.75;width:100%;height:100%;position:absolute;inset:0}.feature-horizon{background:linear-gradient(90deg,#0000,#aac3ff60,#0000);height:1px;position:absolute;top:0;left:18%;right:18%;box-shadow:0 0 65px 9px #547fef13}.feature-content{position:relative}.feature-kicker{justify-content:space-between;align-items:center;gap:1.5rem;margin-bottom:2.4rem;display:flex}.feature-kicker>p{letter-spacing:.12em;color:#aab6c7;align-items:center;gap:.8rem;margin:0;font-size:.75rem;font-weight:500;display:flex}.feature-kicker>p>span{background:#759dfd;border-radius:50%;width:7px;height:7px;box-shadow:0 0 15px #4d87ff70}.motion-control{color:#9ba8b8;cursor:pointer;background:0 0;border:0;align-items:center;gap:.5rem;padding:.3rem 0;font-size:.75rem;display:inline-flex}.motion-control:hover{color:#fff}.motion-symbol{border:1px solid #ffffff24;border-radius:50%;place-items:center;width:22px;height:22px;font-size:.6rem;display:grid}.feature-heading{grid-template-columns:1.45fr 1fr;align-items:end;gap:5rem;margin-bottom:4.4rem;display:grid}.feature-heading h2{letter-spacing:-.055em;margin:0;font-size:clamp(2.75rem,4.7vw,4.45rem);font-weight:500;line-height:1.09}.feature-heading h2>span{color:#8e9aae}.feature-heading>p{color:#9ca8ba;max-width:380px;margin:0 0 .15rem;font-size:1.0625rem;line-height:1.8}.feature-stories{grid-template-columns:repeat(3,minmax(0,1fr));gap:1.2rem;display:grid}.feature-story{--accent:125,155,255;color:inherit;isolation:isolate;background:linear-gradient(158deg,#181d26,#10141c 65%);border:1px solid #ffffff16;border-radius:16px;flex-direction:column;transition:border-color .35s,box-shadow .35s,transform .35s;display:flex;position:relative;overflow:hidden;text-decoration:none!important}.feature-story:before{content:"";z-index:2;pointer-events:none;opacity:0;background:radial-gradient(360px circle at var(--pointer-x,50%) var(--pointer-y,15%),rgba(var(--accent),.075),transparent 80%);transition:opacity .4s;position:absolute;inset:0}.feature-story:hover,.feature-story:focus-visible{border-color:#aac3ff55;transform:translateY(-5px);box-shadow:0 18px 48px #0004}.feature-story:hover:before,.feature-story:focus-visible:before{opacity:1}.feature-story:focus-visible{outline-color:#9bb8ff}.story-custom{--accent:180,160,255}.story-reports{--accent:120,201,194}.feature-visual{perspective:1000px;background:radial-gradient(ellipse at 50% 55%,rgba(var(--accent),.06),transparent 70%);border-bottom:1px solid #ffffff09;flex-shrink:0;height:292px;position:relative;overflow:hidden}.feature-visual:after{content:"";pointer-events:none;background:linear-gradient(#0000,#121720);height:65px;position:absolute;inset:auto 0 0}.feature-story-copy{flex-direction:column;flex:1;padding:1.6rem 1.65rem 1.8rem;display:flex;position:relative}.feature-caption{letter-spacing:.1em;color:#8190a7;justify-content:space-between;align-items:center;gap:.5rem;margin-bottom:1rem;font-size:.6875rem;display:flex}.feature-arrow{color:#a6b8d4;border:1px solid #ffffff19;border-radius:50%;place-items:center;width:28px;height:28px;font-size:1rem;transition:color .2s,background .2s,transform .3s;display:grid}.feature-story:hover .feature-arrow{color:#fff;background:#ffffff10;transform:rotate(45deg)}.feature-story-copy h3{letter-spacing:-.035em;margin-bottom:.8rem;font-size:1.3rem;font-weight:500;line-height:1.25}.feature-story-copy>p{color:#99a6b8;margin-bottom:1.75rem;font-size:1rem;line-height:1.7}.feature-explore{color:#c1cde0;align-items:center;gap:.6rem;margin-top:auto;font-size:.8125rem;display:flex}.feature-explore>span{transition:transform .25s}.feature-story:hover .feature-explore>span{transform:translate(4px)}.planner-panel{background:#151c28;border:1px solid #93b8ff30;border-radius:8px;width:420px;transition:transform .6s;position:absolute;top:44px;left:24px;overflow:hidden;transform:rotateX(8deg)rotateY(-9deg)rotate(-3deg);box-shadow:-8px 18px 35px #0005}.feature-story:hover .planner-panel{transform:rotateX(0)rotateY(-3deg)rotate(-1deg)}.preview-toolbar{color:#c6d2e3;border-bottom:1px solid #ffffff0b;justify-content:space-between;align-items:center;gap:.5rem;padding:13px 14px;font-size:.75rem;display:flex}.preview-toolbar>span{white-space:nowrap}.preview-symbol{color:#7b91ae;margin-right:.3rem}.preview-pill{color:#93a3b8;border:1px solid #ffffff18;border-radius:4px;padding:2px 8px;font-size:.65rem}.planner-days{color:#63758e;text-align:center;border-bottom:1px solid #ffffff0a;grid-template-columns:66px repeat(5,1fr);padding:9px 0;font-size:.55rem;display:grid}.planner-days>span:nth-child(3){color:#a8bdff}.planner-grid{background:repeating-linear-gradient(90deg,#0000 0 calc(16.666% - 1px),#ffffff08 calc(16.666% - 1px) 16.666%);height:132px;margin-left:66px;position:relative}.team-label{color:#96a5bb;flex-direction:column;align-items:center;gap:5px;font-size:.53rem;display:flex;position:absolute;left:-58px}.team-a{top:14px}.team-b{top:79px}.team-label i,.config-value i{color:#e0e9ff;background:#40577b;border-radius:50%;place-items:center;width:21px;height:21px;font-size:.5rem;font-style:normal;display:inline-grid}.team-b i{background:#4b456a}.job{color:#c4d5f7;white-space:nowrap;background:#314a7f55;border:1px solid #93b5ff40;border-left:2px solid #93b5ff;border-radius:4px;padding:7px 10px;font-size:.65rem;line-height:1.45;position:absolute;box-shadow:0 4px 18px #0001}.job small{color:#89a1c3;margin-top:3px;font-size:.55rem;display:block}.job-one{z-index:2;width:134px;top:8px;left:5px}.job-two{color:#c7bee4;background:#4d447742;border-color:#ab95e144;width:124px;top:8px;left:176px}.job-two small{color:#938caf}.job-three{color:#aecfc8;background:#2b5b5840;border-color:#6baca750;width:123px;top:74px;left:93px}.job-three small{color:#80a39f}.planning-line{background:#86a9ff70;width:1px;height:132px;position:absolute;top:0;left:143px;box-shadow:0 0 13px #6b93ff45}.planning-line:before{content:"";background:#9cb7ff;border-radius:50%;width:7px;height:7px;position:absolute;top:0;left:-3px}.preview-toast{z-index:1;backdrop-filter:blur(10px);color:#c2d0e5;background:#1d293cef;border:1px solid #779acc33;border-radius:8px;align-items:center;gap:.7rem;padding:12px 16px;font-size:.7rem;display:flex;position:absolute;bottom:23px;left:44px;transform:rotate(-3deg);box-shadow:0 10px 26px #0006}.toast-check{color:#a7c2ff;background:#324c79;border:1px solid #789bdc44;border-radius:50%;place-items:center;width:24px;height:24px;display:grid}.preview-toast small{color:#7d91af;margin-top:2px;font-size:.57rem;display:block}.toast-avatar{background:#496186;border:2px solid #1d293c;border-radius:50%;margin-left:.9rem;padding:6px;font-size:.6rem}.config-panel,.config-back{background:#191f2b;border:1px solid #9baac629;border-radius:9px;width:calc(100% - 64px);position:absolute;left:32px;box-shadow:0 16px 30px #0005}.config-back{height:196px;top:42px}.config-back-one{opacity:.55;background:#1b2334;transform:rotate(-11deg)translate(-6px,4px)}.config-back-two{opacity:.65;background:#252939;transform:rotate(7deg)translate(7px,-6px)}.config-panel{transition:transform .6s,border-color .4s;top:39px;transform:rotate(-3deg)}.feature-story:hover .config-panel{border-color:#c9c4ff55;transform:rotate(0)translateY(-4px)}.config-tabs{color:#7e8ba2;border-bottom:1px solid #ffffff0b;gap:17px;padding:10px 13px 0;font-size:.65rem;display:flex}.config-tabs>span{padding-bottom:8px}.config-tabs>.active{color:#d0ceff;border-bottom:1px solid #a39ded}.config-row{color:#a7b3c7;border-bottom:1px solid #ffffff08;align-items:center;gap:7px;margin:0 13px;padding:10px 0;font-size:.63rem;display:flex}.field-symbol{text-align:center;color:#7788a2;width:13px;font-size:.75rem}.config-value{align-items:center;gap:5px;margin-left:auto;font-size:.56rem;display:flex}.priority-value{color:#dbc3a0;background:#a4783730;border-radius:4px;padding:2px 6px}.priority-value>span{opacity:.5;padding-left:7px}.status-value{color:#a8b6ff;background:#6c78c42b;border-radius:4px;padding:2px 6px}.config-add{color:#7d8aa1;gap:7px;padding:10px 13px;font-size:.65rem;display:flex}.config-value i{width:16px;height:16px;font-size:.4rem}.report-sheet{background:linear-gradient(145deg,#222b35,#181f29);border:1px solid #a0b7c533;border-radius:5px;width:236px;min-height:271px;padding:20px 20px 13px;transition:transform .6s;position:absolute;top:27px;left:50%;transform:translate(-50%)rotate(6deg);box-shadow:0 15px 30px #0006}.feature-story:hover .report-sheet{transform:translate(-50%)rotate(2deg)translateY(-4px)}.report-top{color:#b3bfca;letter-spacing:.08em;align-items:center;gap:7px;font-size:.48rem;display:flex}.report-top small{color:#596d7e;font-size:.32rem}.report-mark{color:#d3e6e4;font-size:1.5rem;font-weight:650;line-height:1;position:relative}.report-mark>span{color:#77a4a4;font-size:12px;position:absolute;top:0;left:10px}.report-file{color:#6e8e96;border:1px solid #80a7b230;border-radius:3px;margin-left:auto;padding:2px 4px;font-size:.48rem}.report-name{letter-spacing:-.025em;font-weight:500;line-height:1.25;color:#ced8df!important;margin:22px 0 12px!important;font-size:.88rem!important}.report-rule{background:#ffffff12;height:1px;margin-bottom:14px}.report-subtitle{color:#7f8e9f;letter-spacing:.03em;font-size:.52rem}.report-checks{gap:9px;margin:10px 0 17px;display:grid}.report-checks>div{color:#a6b8c0;align-items:center;gap:7px;font-size:.6rem;display:flex}.report-checks>div>span{color:#9bc8bc;background:#59817d30;border:1px solid #719c9040;border-radius:3px;place-items:center;width:12px;height:12px;font-size:.5rem;display:grid}.report-signature{border-top:1px solid #ffffff12;flex-direction:column;padding-top:8px;display:flex}.report-signature>span{color:#768b9a;font-size:.5rem}.report-signature svg{color:#8ca3b5;width:108px;height:30px;margin-top:2px}.report-badge{z-index:1;white-space:nowrap;color:#b4d0cd;background:#223431f2;border:1px solid #73a39b33;border-radius:6px;align-items:center;gap:9px;padding:10px 15px;font-size:.65rem;display:flex;position:absolute;bottom:28px;left:50%;transform:translate(-50%)rotate(-3deg);box-shadow:0 8px 24px #0007}.report-badge>span:first-child{border:1px solid #80b4a650;border-radius:50%;place-items:center;width:17px;height:17px;font-size:.55rem;display:grid}.badge-dot{background:#9ac2b5;border-radius:50%;width:5px;height:5px;margin-left:7px}.connected-heading{align-items:center;gap:1.4rem;margin:3.5rem 0 2.7rem;display:flex}.connected-heading>p{color:#8492a7;white-space:nowrap;margin:0;font-size:.8125rem}.connection-line{background:linear-gradient(90deg,#0000,#ffffff16);flex:1;height:1px}.connection-line:last-child{transform:rotate(180deg)}.connected-features{grid-template-columns:repeat(3,minmax(0,1fr));gap:2.5rem 2.75rem;display:grid}.connected-feature{color:#8496b3;align-items:flex-start;gap:1rem;display:flex;text-decoration:none!important}.connected-feature>svg{flex-shrink:0;width:22px;height:22px;margin-top:1px;transition:color .2s}.connected-feature>div{flex:1}.connected-feature h3{letter-spacing:-.02em;color:#cbd4e2;justify-content:space-between;gap:.6rem;margin:0 0 .4rem;font-size:.9375rem;font-weight:500;line-height:1.4;display:flex}.connected-feature h3>span{color:#60728c;opacity:0;transition:opacity .2s,transform .2s;transform:translate(-3px,3px)}.connected-feature:hover h3>span,.connected-feature:focus-visible h3>span{opacity:1;transform:none}.connected-feature:hover>svg{color:#b4caff}.connected-feature p{color:#8694a9;max-width:30ch;margin:0;font-size:.875rem;line-height:1.6}.feature-showcase.is-animating .planning-line{animation:9s ease-in-out infinite alternate planning-sweep}.feature-showcase.is-animating .preview-toast{animation:7s ease-in-out infinite toast-float}.feature-showcase.is-animating .report-badge{animation:8s ease-in-out infinite badge-float}.feature-showcase.is-animating .report-checks>div>span{animation:6s ease-in-out infinite check-glow;animation-delay:calc(var(--check-order) * .45s)}@keyframes planning-sweep{0%,15%{opacity:.45;transform:translate(-65px)}80%,to{opacity:1;transform:translate(95px)}}@keyframes toast-float{0%,to{transform:rotate(-3deg)translateY(0)}50%{transform:rotate(-2deg)translateY(-7px)}}@keyframes badge-float{0%,to{transform:translate(-50%)rotate(-3deg)}50%{transform:translate(-50%)rotate(-1deg)translateY(-6px)}}@keyframes check-glow{0%,60%,to{box-shadow:none}30%{background:#59817d66;box-shadow:0 0 10px #7cc6a735}}@media (width<=1100px){.feature-heading{grid-template-columns:1.35fr 1fr;gap:3rem}.feature-story-copy{padding:1.3rem}.feature-story-copy h3{font-size:1.2rem}.feature-caption{letter-spacing:.07em;font-size:.625rem}.config-panel,.config-back{width:calc(100% - 36px);left:18px}.config-tabs{gap:12px}.config-row{margin:0 10px;font-size:.56rem}.config-value{font-size:.5rem}.preview-toolbar{padding:13px 10px;font-size:.65rem}.feature-visual{height:272px}.report-sheet{width:215px}.connected-features{gap:2rem}}@media (width<=850px){.feature-showcase{padding:5rem 0}.feature-heading{grid-template-columns:1fr;gap:1.5rem;margin-bottom:3rem}.feature-heading>p{max-width:560px}.feature-stories{gap:.85rem}.feature-story-copy{padding:1.25rem}.feature-caption{font-size:.6rem}.feature-arrow{width:24px;height:24px}.feature-story-copy h3{font-size:1.15rem}.feature-story-copy>p{font-size:.9375rem}.feature-visual{height:245px}.planner-panel{transform-origin:0 0;top:29px;left:18px;transform:scale(.91)rotate(-3deg)}.preview-toast{gap:.5rem;padding:9px 11px;font-size:.6rem;bottom:19px;left:18px}.toast-avatar{display:none}.config-panel,.config-back{transform-origin:0 0;width:240px;top:29px;left:16px;transform:scale(.86)rotate(-3deg)}.config-back-one{transform:scale(.86)rotate(-10deg)}.config-back-two{transform:scale(.86)rotate(7deg)}.feature-story:hover .config-panel{transform:scale(.86)rotate(0)}.config-row{font-size:.65rem}.config-value{font-size:.56rem}.report-sheet{transform-origin:top;width:204px;padding:16px;top:24px;transform:translate(-50%)scale(.93)rotate(6deg)}.feature-story:hover .report-sheet{transform:translate(-50%)scale(.93)rotate(2deg)}.report-badge{padding:8px 10px;font-size:.6rem;bottom:19px}.connected-features{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=650px){.feature-showcase{padding:3.75rem 0 4rem;scroll-margin-top:73px}.feature-kicker{gap:.5rem;margin-bottom:2rem}.feature-kicker>p{letter-spacing:.08em;gap:.6rem;font-size:.6875rem}.motion-control{font-size:.6875rem}.motion-symbol{width:20px;height:20px}.feature-heading h2{font-size:clamp(2.7rem,9vw,3.4rem)}.feature-heading>p{font-size:1rem}.feature-stories{grid-template-columns:1fr;gap:1.35rem}.feature-story-copy{padding:1.4rem 1.5rem 1.65rem}.feature-story-copy h3{font-size:1.35rem}.feature-story-copy>p{margin-bottom:1.4rem;font-size:1rem}.feature-caption{font-size:.6875rem}.feature-visual{height:280px}.planner-panel{top:38px;left:30px;transform:rotateX(8deg)rotateY(-9deg)rotate(-3deg)}.preview-toast{padding:12px 16px;font-size:.7rem;bottom:23px;left:45px}.toast-avatar{display:block}.config-panel,.config-back{width:calc(100% - 90px);min-width:240px;max-width:320px;top:33px;left:50%;transform:translate(-50%)rotate(-3deg)}.config-back-one{transform:translate(-50%)rotate(-10deg)}.config-back-two{transform:translate(-50%)rotate(7deg)}.feature-story:hover .config-panel{transform:translate(-50%)rotate(0)}.config-row{margin:0 14px;padding:11px 0;font-size:.68rem}.config-value{font-size:.6rem}.preview-toolbar{padding:13px 14px;font-size:.75rem}.config-tabs{gap:18px;padding:10px 14px 0;font-size:.68rem}.report-sheet{width:236px;padding:20px;top:26px;transform:translate(-50%)rotate(6deg)}.feature-story:hover .report-sheet{transform:translate(-50%)rotate(2deg)}.report-badge{padding:10px 15px;font-size:.65rem;bottom:22px}.connected-heading{gap:.7rem;margin:2.75rem 0 2rem}.connected-heading>p{font-size:.75rem}.connected-features{grid-template-columns:1fr;gap:1.6rem}.connected-feature{gap:1rem}.connected-feature h3{font-size:1rem}.connected-feature h3>span{opacity:1;transform:none}.connected-feature p{max-width:none;font-size:.875rem}}@media (prefers-reduced-motion:reduce){.feature-showcase *,.feature-showcase :before{transition:none!important;animation:none!important}.feature-story:hover{transform:none}}