@charset "UTF-8";
:root{color-scheme:light;--paper:#f5f7fb;--ink:#111827;--muted:#647084;--line:#dce3ee;--blue:#2563eb;--dark:#101826;--radius:20px}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:105px}body{margin:0;background:var(--paper);color:var(--ink);font-family:Inter,Aptos,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.6;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #60a5fa;outline-offset:5px}img{max-width:100%;object-fit:contain}h1,h2,h3,p{margin:0}h1,h2,h3{line-height:1.05;letter-spacing:-.045em}h2{font-size:clamp(32px,4.5vw,58px);font-weight:750}h3{font-size:32px}p{color:var(--muted)}.wrap{width:min(1216px,calc(100% - 64px));margin-inline:auto}.skip{position:absolute;left:16px;top:-80px;z-index:30;background:white;padding:12px}.skip:focus{top:12px}.site-header{position:sticky;top:0;z-index:20;background:#f5f7fbf5;border-bottom:1px solid var(--line);backdrop-filter:blur(16px)}.header-inner{display:flex;align-items:center;justify-content:space-between;min-height:88px;gap:20px}.logo{display:inline-flex;align-items:center;font-size:25px;font-weight:800;letter-spacing:-1px;white-space:nowrap}.logo>span:last-child{color:var(--blue)}.logo-mark{display:inline-flex;align-items:center;justify-content:center;width:62px;height:45px;background:var(--dark);border-radius:12px;margin-right:10px}.logo-mark img{width:60px;height:40px}.site-header nav{display:flex;align-items:center;gap:28px;font-size:14px;font-weight:600}.site-header nav>a:not(.login){color:#506078}.site-header nav>a:hover{color:var(--blue)}.login{padding:10px 18px;border:1px solid #cbd5e1;border-radius:9px}.login span{margin-left:14px}.hero{display:grid;grid-template-columns:1fr 1.08fr;align-items:center;gap:38px;padding-block:88px 78px}.eyebrow{font-size:11px;font-weight:750;letter-spacing:.13em;color:var(--blue);line-height:1.6}.status-dot{display:inline-block;vertical-align:middle;width:7px;height:7px;background:#2563eb;border-radius:50%;box-shadow:0 0 0 5px #2563eb12;margin-right:10px}.hero h1{font-size:clamp(48px,5.5vw,76px);font-weight:800;margin-top:24px;line-height:1.02;letter-spacing:-.065em}.hero h1>span{color:var(--blue)}.hero-lead{font-size:20px;font-weight:650;letter-spacing:-.03em;color:var(--ink);margin-top:25px}.hero-description{font-size:16px;max-width:430px;margin-top:12px;line-height:1.8}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:30px}.button{display:inline-flex;align-items:center;justify-content:center;gap:20px;min-height:52px;padding:14px 19px;border-radius:10px;font-size:14px;font-weight:700;transition:transform .18s,box-shadow .18s,background .18s}.button:hover{transform:translateY(-2px)}.primary{background:var(--blue);color:white;box-shadow:0 8px 24px #2563eb22}.primary:hover{background:#1d4ed8;box-shadow:0 10px 28px #2563eb30}.secondary{border:1px solid var(--line);background:#fff}.micro{font-size:11px;margin-top:14px}.hero-proof{display:flex;gap:18px;font-size:11px;font-weight:650;color:#798398;margin-top:32px}.hero-proof span:before{content:"✓";color:var(--blue);margin-right:6px}.hero-visual{min-width:0;position:relative;padding-bottom:42px}.visual-label{display:flex;align-items:center;justify-content:space-between;font-size:9px;font-weight:750;letter-spacing:.15em;padding:0 2px 15px;color:#7b879b}.visual-dot{height:6px;width:6px;background:#2563eb;border-radius:50%}.product-window{border:1px solid #26354b;background:#0f1725;border-radius:16px;overflow:hidden;color:#e2e8f0;box-shadow:0 28px 70px -25px #192f5d60}.window-top{display:flex;align-items:center;gap:12px;padding:14px 13px;background:#182234;border-bottom:1px solid #26354b;font-size:9px;color:#93a1b7}.window-lights{display:flex;gap:4px}.window-lights i{display:block;width:5px;height:5px;border-radius:50%;background:#465369}.window-tag{margin-left:auto;color:#b3c6e9}.mini-workspace{display:grid;grid-template-columns:38px 39% 1fr;min-height:310px}.mini-rail{padding-top:18px;border-right:1px solid #253047;display:flex;align-items:center;gap:20px;flex-direction:column;color:#71829c;font-size:16px}.rail-selected{background:#2563eb;color:#fff;padding:1px 7px;border-radius:5px}.mini-inbox{border-right:1px solid #253047;padding:16px 10px 8px;display:flex;flex-direction:column;min-width:0}.mini-title{font-size:11px;font-weight:700;display:flex;justify-content:space-between}.mini-title b{font-size:8px;color:#8391a6}.mini-search{font-size:8px;margin:12px 0 14px;background:#172236;padding:9px 6px;border:1px solid #253047;border-radius:5px;color:#74859d}.mini-contact{display:flex;align-items:center;gap:7px;padding:13px 5px;margin-inline:-5px;border-radius:7px}.mini-contact.active{background:#1d2e49}.avatar{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;height:29px;width:29px;border-radius:10px;font-size:10px;font-weight:700}.blue{background:#254e91;color:#bfdbfe}.violet{background:#40355f;color:#ddd6fe}.gray{background:#334155;color:#e2e8f0}.mini-contact strong{display:block;font-size:9px}.mini-contact small{display:block;font-size:7px;max-width:110px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#90a1b9;margin-top:3px}.unread{margin-left:auto;background:#2563eb;border-radius:4px;font-size:7px;padding:0 4px}.inbox-foot{margin-top:auto;padding:22px 1px 3px;font-size:7px;color:#8d9cb2}.inbox-foot .status-dot{width:4px;height:4px;margin-right:5px;box-shadow:none}.mini-chat{display:flex;flex-direction:column;min-width:0}.mini-chat-head{display:flex;align-items:center;gap:7px;padding:14px 10px;border-bottom:1px solid #253047}.mini-chat-head strong{font-size:9px;display:block}.mini-chat-head small{font-size:7px;color:#899ab3;display:block}.chat-symbol{margin-left:auto;color:#71829b}.chat-bubbles{display:flex;flex-direction:column;gap:12px;padding:23px 10px;flex:1}.bubble{padding:11px 12px;border-radius:10px;max-width:90%;font-size:9px;line-height:1.7}.incoming{background:#202c40;align-self:flex-start;border-bottom-left-radius:2px}.outgoing{background:#214fa2;align-self:flex-end;border-bottom-right-radius:2px}.flow-event{font-size:7px;text-align:center;color:#7d9ccb}.mini-compose{display:flex;justify-content:space-between;padding:12px;margin:5px 9px 10px;border:1px solid #334155;border-radius:7px;font-size:8px;color:#7e8ca2}.mini-compose span{color:#60a5fa}.floating-task{position:absolute;bottom:24px;right:20px;left:54px;display:flex;align-items:center;gap:10px;padding:14px 16px;background:white;border:1px solid #dbe3ef;border-radius:12px;box-shadow:0 12px 30px #14294f12}.task-check{font-size:16px;color:var(--blue);background:#eff6ff;padding:4px 10px;border-radius:8px}.floating-task strong{font-size:11px;display:block;color:#1e293b}.floating-task small{font-size:9px;color:#78859a;display:block;margin-top:2px}.task-time{margin-left:auto;font-size:9px;color:var(--blue);background:#eff6ff;padding:5px 8px;border-radius:5px}.demo-note{font-size:10px;text-align:center;color:#8a95a6;line-height:1.5}.hero-visual>.demo-note{position:relative;top:45px}.principle{border-top:1px solid var(--line);padding-block:35px 55px;display:flex;justify-content:space-between;gap:35px;align-items:center}.principle>p{font-size:20px;line-height:1.5;letter-spacing:-.025em}.principle strong{color:#182235}.principle-detail{display:flex;gap:24px;align-items:center;max-width:450px;font-size:13px}.line-icon{color:var(--blue);font-size:38px}.demo-section{background:white;border-block:1px solid var(--line);padding:84px 0}.section-heading .eyebrow{margin-bottom:18px}.section-heading>p:last-child:not(.eyebrow){font-size:15px;margin-top:20px}.demo-tabs{margin-top:40px;display:flex;gap:8px;border-bottom:1px solid var(--line)}.demo-tabs button{background:none;border:0;border-bottom:3px solid transparent;color:#7b879a;padding:16px 30px 16px 12px;text-align:left;font-size:16px;font-weight:700}.demo-tabs button span{font-size:10px;margin-right:12px}.demo-tabs button[aria-selected=true]{color:var(--blue);border-color:var(--blue)}.demo-panel{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center;padding:45px 0 25px;min-height:410px}.demo-panel[hidden]{display:none}.pill{display:inline-block;color:var(--blue);border-radius:6px;background:#eff6ff;padding:5px 9px;font-size:9px;letter-spacing:.035em;font-weight:700}.demo-explanation h3{margin-top:20px}.demo-explanation>p{font-size:14px;margin-top:18px;max-width:400px;line-height:1.8}.check-list{list-style:none;padding:0;margin:23px 0 0;font-size:12px;color:#58677b}.check-list li{margin-top:12px;padding-left:22px;position:relative}.check-list li:before{position:absolute;left:0;content:"✓";color:var(--blue);font-weight:800}.demo-art{border:1px solid var(--line);border-radius:18px;background:#f7f9fd;padding:26px;min-width:0}.art-contact{display:flex;align-items:center;gap:10px;margin-bottom:22px}.art-contact .avatar{height:38px;width:38px;font-size:13px}.art-contact strong{display:block;font-size:13px}.art-contact small{display:block;font-size:11px;color:#7b879b}.art-note{border:1px solid #d6e3ff;border-radius:12px;background:#fff;padding:24px}.art-note>p{font-size:14px;color:#344259;margin-top:12px;line-height:1.8}.note-next{border-top:1px solid var(--line);margin-top:20px;padding-top:17px}.note-next span{display:block;font-size:10px;color:#7b879a}.note-next strong{display:block;font-size:12px;margin-top:5px;font-weight:650}.assist-bottom{display:flex;gap:12px;align-items:center;margin-top:20px;color:#748097;font-size:11px}.board-art{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;min-height:280px;padding:22px 16px}.board-column h4{font-size:9px;display:flex;justify-content:space-between;gap:5px;margin:0 0 18px}.board-column h4 span{color:#8794a8}.board-card{display:flex;flex-direction:column;align-items:flex-start;padding:12px 10px;gap:9px;border:1px solid #e0e6ef;border-radius:10px;background:#fff;box-shadow:0 4px 10px #12254205}.board-card strong{font-size:11px}.board-card small{font-size:8px;color:#7b879a}.board-card .pill{font-size:7px}.board-card.featured{border-color:#93b4ff;transform:translateY(15px);box-shadow:0 9px 25px #2563eb12}.flow-art{background-color:#101826;background-image:radial-gradient(#304159 1px,transparent 1px);background-size:18px 18px;border-color:#2c3a51;display:flex;align-items:center;flex-direction:column;padding:26px;gap:7px}.flow-box{display:flex;align-items:center;gap:12px;border:1px solid #354561;background:#1c283b;border-radius:9px;width:90%;padding:12px 15px;color:#e2e8f0}.flow-box small{display:block;color:#8299bd;font-size:8px;letter-spacing:.08em;margin-bottom:4px}.flow-box strong{font-size:11px;font-weight:600}.flow-box.trigger{display:block;border-color:#3b82f6;background:#172d51}.flow-number{border:1px solid #3a5479;border-radius:7px;padding:4px 9px;color:#8eb8ff;font-size:12px}.connector{color:#5f89c8;font-size:14px;line-height:1}.tools{padding-block:94px}.tools-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:0 38px;margin-top:50px}.tools-grid article{padding:30px 0;border-top:1px solid var(--line)}.tool-index{font-size:9px;font-weight:750;letter-spacing:.11em;color:#7c8da7}.tools-grid h3{font-size:25px;line-height:1.15;margin-top:18px}.tools-grid p{font-size:13px;line-height:1.85;margin-top:15px;max-width:320px}.control-section{background:#111b2c;color:#fff;padding-block:65px}.control-inner{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.control-section .eyebrow{color:#8ab5ff;margin-bottom:15px}.control-section h2{font-size:49px}.control-section h2 span{color:#8ab5ff}.control-list p{font-size:13px;color:#9daec6;border-top:1px solid #2a3850;padding:15px 0}.control-list p strong{color:#fff;display:block;font-size:14px;margin-bottom:3px}.pricing{display:grid;grid-template-columns:1fr .8fr;gap:100px;align-items:center;padding-block:105px}.pricing-copy h2{margin:20px 0 25px}.pricing-copy>p:not(.eyebrow){font-size:15px;line-height:1.9;margin-top:15px;max-width:420px}.text-link{display:inline-block;color:var(--blue);font-size:13px;font-weight:650;margin-top:28px}.price-card{background:white;border:1px solid #c9d9f8;border-top:4px solid #2563eb;border-radius:18px;padding:32px;box-shadow:0 20px 55px #1e3a8a08}.price-heading{display:flex;justify-content:space-between;align-items:center}.small-ninja{font-size:25px;color:var(--blue)}.price{display:flex;align-items:baseline;font-size:62px;letter-spacing:-4px;line-height:1.2;color:var(--ink);font-weight:800;margin-top:18px}.price>span{font-size:16px;letter-spacing:0;margin-right:5px}.price>small{font-size:15px;font-weight:500;color:var(--muted);letter-spacing:0;margin-left:8px}.price-card>p:not(.price){font-size:12px;margin-top:12px}.price-limits{font-size:10px;color:#6f7f97;line-height:1.8;border-block:1px solid var(--line);padding:17px 0;margin-top:23px}.price-card>.button{width:100%;margin-top:24px}.price-footnote{display:block;font-size:9px;color:#7c8a9f;line-height:1.6;text-align:center;margin-top:12px}.faq{border-top:1px solid var(--line);padding-block:75px;display:grid;grid-template-columns:.7fr 1fr;gap:80px}.faq-list details{border-bottom:1px solid var(--line);padding:19px 0}.faq-list details:first-child{padding-top:0}.faq-list summary{font-size:14px;font-weight:650;cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:24px}.faq-list summary:after{content:"+";color:var(--blue);font-size:19px}.faq-list details[open] summary:after{content:"−"}.faq-list details p{font-size:13px;line-height:1.85;margin-top:13px;padding-right:20px}.final-cta{padding:65px 36px 60px;text-align:center;border:1px solid var(--line);border-radius:24px;background:#eaf0fc;position:relative;overflow:hidden}.final-ninja{display:flex;align-items:center;justify-content:center;width:120px;height:82px;border-radius:18px;background:#101826;margin:0 auto 22px}.final-ninja img{width:114px;height:76px}.final-cta h2{margin-top:18px;font-size:clamp(30px,4vw,52px)}.final-cta>p:not(.eyebrow){font-size:14px;line-height:1.8;margin-top:20px}.final-cta>.button{margin-top:28px}.final-cta .contact-fallback{font-size:10px!important;max-width:480px;margin:20px auto 0!important}.contact-fallback a{text-decoration:underline;text-underline-offset:3px}.site-footer{padding-block:48px 30px;display:flex;gap:20px;align-items:center;flex-wrap:wrap}.site-footer>.logo{font-size:21px}.site-footer>p{font-size:11px}.site-footer>div{display:flex;gap:24px;margin-left:auto;font-size:11px}.site-footer details{width:100%;font-size:11px;border-top:1px solid var(--line);padding-top:20px}.site-footer summary{color:#5b6c87;cursor:pointer}.site-footer details>p{margin-top:15px;max-width:760px}.site-footer>small{font-size:9px;color:#94a0b3}.demo-panel:not([hidden]){animation:panel-in .25s ease-out}@keyframes panel-in{from{opacity:.5;transform:translateY(5px)}to{opacity:1;transform:none}}
@media(min-width:1450px){.hero{gap:65px;padding-block:105px}.mini-workspace{min-height:340px}.chat-bubbles{gap:17px}.bubble{font-size:10px}}
@media(max-width:1050px){.wrap{width:calc(100% - 40px)}.hero{gap:25px;padding-top:65px}.hero h1{font-size:58px}.hero-actions{gap:8px}.button{font-size:12px;padding:13px 15px}.hero-lead{font-size:18px}.mini-workspace{grid-template-columns:30px 38% 1fr;min-height:300px}.mini-contact .avatar{width:23px;height:23px;font-size:8px}.mini-contact small{max-width:75px}.mini-title{font-size:9px}.window-top{font-size:8px;gap:8px}.floating-task{left:35px;right:10px;padding:13px 10px}.floating-task strong{font-size:10px}.demo-panel{gap:38px}.pricing{gap:55px}.control-inner{gap:40px}.tools-grid{gap:0 28px}.faq{gap:40px}.principle-detail{max-width:370px}.principle>p{font-size:18px}}
@media(max-width:760px){html{scroll-padding-top:90px}.wrap{width:calc(100% - 36px)}.header-inner{min-height:72px;gap:12px}.logo{font-size:22px}.logo-mark{width:48px;height:36px;margin-right:7px}.logo-mark img{width:46px;height:32px}.site-header nav{gap:10px;font-size:12px}.site-header nav>a:not(.login){display:none}.login{padding:8px 12px}.hero{grid-template-columns:1fr;padding:48px 0 55px;gap:45px}.hero h1{font-size:clamp(46px,10vw,74px);margin-top:20px}.hero-lead{font-size:19px;margin-top:21px}.hero-description{font-size:15px;max-width:470px}.hero-actions{gap:10px;margin-top:25px}.button{font-size:13px;padding:14px 17px}.hero-proof{margin-top:25px;gap:17px;font-size:10px}.hero-visual{max-width:580px;width:100%;justify-self:center}.mini-workspace{min-height:300px;grid-template-columns:30px 38% 1fr}.mini-contact small{max-width:100px}.window-top{padding:12px}.floating-task{left:30px;right:10px}.floating-task strong{font-size:11px}.principle{flex-direction:column;align-items:flex-start;gap:20px;padding-block:27px 40px}.principle>p{font-size:20px}.principle-detail{max-width:100%;font-size:12px;gap:20px}.demo-section{padding-block:56px}.demo-tabs{gap:0;margin-top:26px}.demo-tabs button{flex:1;padding:15px 5px;font-size:13px}.demo-tabs button span{font-size:8px;margin-right:7px}.demo-panel{grid-template-columns:1fr;gap:28px;padding-top:30px}.demo-explanation h3{font-size:31px}.demo-explanation>p{max-width:none}.demo-art{padding:22px}.board-art{padding:20px 12px;gap:9px}.flow-art{padding:25px}.demo-note{font-size:9px}.tools{padding-block:60px}.tools-grid{grid-template-columns:1fr 1fr;gap:0 24px;margin-top:30px}.tools-grid h3{font-size:22px}.tools-grid p{font-size:12px}.control-section{padding-block:50px}.control-inner{grid-template-columns:1fr;gap:25px}.control-section h2{font-size:42px}.control-list p{padding:13px 0}.pricing{grid-template-columns:1fr;gap:34px;padding-block:60px}.pricing-copy>p:not(.eyebrow){max-width:none;font-size:14px}.price-card{max-width:500px;width:100%;justify-self:center;padding:26px}.faq{grid-template-columns:1fr;gap:30px;padding-block:55px}.final-cta{padding:40px 20px}.final-cta h2{font-size:34px}.final-cta>p:not(.eyebrow){font-size:13px}.final-cta .eyebrow{font-size:9px}.site-footer{padding-block:35px 25px;gap:15px}.site-footer>div{margin-left:0;width:100%;gap:20px}.site-footer>p{margin-left:auto}}
@media(max-width:390px){.hero h1{font-size:46px}.hero-actions .button{width:100%}.hero-proof{gap:11px;font-size:9px}.mini-workspace{grid-template-columns:24px 38% 1fr;min-height:295px}.mini-inbox{padding-inline:7px}.mini-title{font-size:8px}.mini-contact{gap:5px}.mini-contact small{max-width:64px}.mini-contact strong{font-size:8px}.bubble{font-size:8px;padding:9px}.mini-chat-head{padding:12px 7px}.mini-chat-head small{font-size:6px}.chat-bubbles{padding:18px 7px}.floating-task{left:17px;right:8px;gap:7px}.floating-task strong{font-size:9px}.floating-task small{font-size:8px}.task-time{font-size:8px}.tools-grid{grid-template-columns:1fr}.tools-grid h3 br{display:none}.tools-grid p{max-width:none}.board-column h4{font-size:8px}.board-card{padding:9px 7px}.board-card small{font-size:7px}.price{font-size:56px}.site-footer>p{font-size:10px}}
/* Cinematic brand: ink, cobalt light and calm, deliberate entrances. */
:root{color-scheme:dark;--paper:#070b13;--ink:#f0f4ff;--muted:#a4b1c7;--line:#243148;--blue:#75aaff;--dark:#0c1322}
body{background:var(--paper);overflow-x:clip}
.cinema-light{position:absolute;inset:0 0 auto;height:1050px;pointer-events:none;z-index:-1;overflow:hidden;background:radial-gradient(ellipse at 78% 25%,#174c9f38,transparent 48%),radial-gradient(ellipse at 12% 38%,#15396826,transparent 45%)}
.cinema-light:after{content:"";position:absolute;width:70%;height:1px;left:30%;top:340px;background:linear-gradient(90deg,transparent,#479dff80,transparent);transform:rotate(-32deg);box-shadow:0 0 75px 18px #197cff1a;animation:light-pass 4s ease-out both}
.site-header{background:#070b13db;border-color:#c5dcff16}.site-header nav>a:not(.login){color:#b2c0d6}.login{border-color:#355177;background:#0f1c30}.logo-mark{background:transparent}.logo>span:last-child{color:#80b4ff}.skip{background:#11233c;color:white}
.hero{min-height:850px;padding-block:76px 100px;position:relative;gap:48px}.hero-copy{position:relative;z-index:2}.hero h1{font-size:clamp(54px,5.8vw,82px);letter-spacing:-.065em;line-height:1.03}.hero h1>span{color:#8ec2ff;background:linear-gradient(100deg,#e3f2ff 0%,#78b9ff 50%,#467dff 100%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.hero-lead{color:#e4edfc}.hero-description{color:#a4b5cf}.hero-proof{color:#9eacc2}.hero .eyebrow{color:#98c8ff}.micro{color:#9eacc2}
.hero-copy>.eyebrow{animation:opening-in .9s .05s both}.hero h1{animation:opening-in 1.1s .15s both}.hero-lead,.hero-description{animation:opening-in 1.1s .3s both}.hero-actions,.micro,.hero-proof{animation:opening-in 1.1s .45s both}
.primary{background:linear-gradient(115deg,#347dff,#2252e3);color:#fff;border:1px solid #73acff88;box-shadow:0 0 28px #226cff30,inset 0 1px 0 #c7e0ff44;position:relative;overflow:hidden}.primary:after{content:"";position:absolute;inset:0;transform:translateX(-160%) skewX(-25deg);background:linear-gradient(90deg,transparent,#ffffff25,transparent);pointer-events:none;animation:cta-light 3s 1s 2}.primary:hover{background:#367eff;box-shadow:0 0 36px #347dff65}.secondary{background:#0d1829;border-color:#30415d;color:#d8e7ff}.button{transition:transform .25s ease,box-shadow .25s ease,background .25s ease}.button:hover{transform:translateY(-3px)}
.hero-visual{animation:opening-in 1.4s .25s both}.ninja-scene{height:235px;position:relative;display:flex;align-items:center;justify-content:center;isolation:isolate;margin-top:-55px;margin-bottom:12px;overflow:hidden}.ninja-scene:before{content:"";position:absolute;inset:12px 8%;background:radial-gradient(ellipse,#237dff25,transparent 65%);z-index:-1}.hero-ninja{width:260px;height:180px;filter:drop-shadow(0 0 23px #348dff55);animation:ninja-emerge 1.8s cubic-bezier(.16,1,.3,1) both}.ninja-orbit{position:absolute;border:1px solid #5697ff30;border-radius:50%;width:310px;height:135px;transform:rotate(-19deg);z-index:-1}.orbit-two{width:380px;height:180px;transform:rotate(18deg);border-color:#5697ff15}.scene-coordinate{position:absolute;top:40px;left:4%;font-size:8px;letter-spacing:.2em;color:#7e9dc5}.scene-caption{position:absolute;bottom:9px;font-size:8px;letter-spacing:.2em;color:#91b3dd}.visual-label{color:#a5bad7}.product-window{border-color:#4e79b355;box-shadow:0 35px 100px #0009,0 0 55px #1f69d218;transform:perspective(1200px) rotateY(-5deg) rotateX(2deg);transform-origin:center;transition:transform .7s}.hero-visual:hover .product-window{transform:perspective(1200px) rotateY(0) rotateX(0)}.floating-task{background:#111f34;border-color:#365273;box-shadow:0 20px 50px #0006}.floating-task strong{color:#e2edff}.floating-task small{color:#a1b6d2}.task-check,.task-time{background:#1c355c;color:#9ccaff}.demo-note{color:#95a8c4}
.principle{padding-block:45px 65px;border-color:#47648a44}.principle strong{color:#edf4ff}.principle-detail p{color:#a4b1c7}
.demo-section{background:linear-gradient(180deg,#0d1523,#0a111d);border-color:#26374f;padding-block:100px}.section-heading h2{max-width:850px}.demo-tabs button{color:#99abc4}.demo-tabs button[aria-selected=true]{color:#9fcbff;border-color:#69a6ff}.demo-art{background:#101c2e;border-color:#2c405e}.art-note,.board-card{background:#0b1524;border-color:#314968}.art-note>p{color:#d0def1}.note-next strong{color:#dce9fc}.note-next span,.art-contact small,.assist-bottom,.board-card small{color:#a1b4ce}.board-card.featured{border-color:#629fff;box-shadow:0 0 35px #2877ff17}.pill{background:#1a3357;color:#a8d0ff}.check-list{color:#b0bed3}.board-column h4{color:#d7e7ff}.flow-art{background-color:#0b1320}.tools-grid article{transition:border-color .4s,background .4s}.tools-grid article:hover{border-color:#72b3ff}.tool-index{color:#82a5d5}.tools-grid p{color:#a9b8cd}
.control-section{position:relative;background:radial-gradient(ellipse at 20% 50%,#17448245,transparent 65%),#0b1321;border-block:1px solid #334b70;padding-block:95px}.control-section:before{content:"";position:absolute;top:0;left:10%;right:10%;height:1px;background:linear-gradient(90deg,transparent,#6db1ff,transparent)}
.price-card{background:linear-gradient(145deg,#14243e,#0b1321);border-color:#446da5;border-top-color:#85beff;box-shadow:0 35px 90px #0005,0 0 65px #2470df12}.price-limits,.price-footnote{color:#a3b5ce}.price-card>p:not(.price){color:#b6c6dd}.text-link{color:#96c3ff}.faq-list summary{color:#dfeaff}.faq-list details p{color:#a4b5cc}.final-cta{background:radial-gradient(ellipse at 50% 0,#1b4d8e65,transparent 70%),#0e192a;border-color:#365279;box-shadow:0 25px 90px #0004}.final-ninja{background:transparent;filter:drop-shadow(0 0 18px #398bff66)}.final-cta h2{color:#eef6ff}.site-footer summary{color:#adc2df}.site-footer>small{color:#91a3be}
.cinema-reveal{opacity:0;transform:translateY(28px);transition:opacity .85s ease,transform .85s cubic-bezier(.16,1,.3,1)}.cinema-reveal.in-frame{opacity:1;transform:none}.tools-grid article:nth-child(3n+2){transition-delay:.08s}.tools-grid article:nth-child(3n+3){transition-delay:.16s}.scene-paused *,.scene-paused:before,.scene-paused:after{animation-play-state:paused!important}
@keyframes opening-in{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}
@keyframes ninja-emerge{from{opacity:0;transform:translateY(18px) scale(.88);filter:blur(10px) drop-shadow(0 0 30px #348dff)}to{opacity:1;transform:none;filter:blur(0) drop-shadow(0 0 23px #348dff55)}}
@keyframes light-pass{from{opacity:0;transform:translateX(-20%) rotate(-32deg)}to{opacity:1;transform:translateX(0) rotate(-32deg)}}
@keyframes cta-light{0%,30%{transform:translateX(-160%) skewX(-25deg)}80%,100%{transform:translateX(160%) skewX(-25deg)}}
@media(min-width:1450px){.hero{min-height:900px}}
@media(max-width:1050px){.hero{gap:28px;min-height:780px}.hero h1{font-size:62px}.ninja-scene{height:210px}.hero-ninja{width:230px}}
@media(max-width:760px){.hero{min-height:0;padding-block:65px 65px;gap:28px}.hero h1{font-size:clamp(52px,11vw,78px)}.hero-visual{margin-top:12px}.ninja-scene{margin-top:0;height:190px}.hero-ninja{width:220px;height:150px}.ninja-orbit{width:280px;height:120px}.orbit-two{width:330px;height:155px}.scene-coordinate{top:25px}.product-window{transform:none}.demo-section{padding-block:64px}.control-section{padding-block:60px}.hero-description{max-width:490px}.hero-copy{max-width:590px}.cinema-light{height:1250px;background:radial-gradient(ellipse at 70% 65%,#174c9f38,transparent 60%)}.hero-proof{flex-wrap:wrap}}
@media(max-width:390px){.hero h1{font-size:49px}.scene-caption{font-size:7px}.ninja-orbit{max-width:90%}.hero-proof{font-size:9px;gap:12px}}
/* The hero artwork owns the opening scene; the product has its own section. */
.hero{min-height:710px;grid-template-columns:1fr 1.12fr;padding-block:80px 90px;gap:12px}.hero-art{margin:0 -60px 0 -20px;position:relative;min-width:0;align-self:stretch;display:flex;align-items:center;justify-content:center;isolation:isolate;animation:opening-in 1.6s .2s both}.hero-art:before{content:"";position:absolute;inset:12% 5%;background:radial-gradient(ellipse,#1267ff22,transparent 70%);z-index:-1}.hero-art img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:contain;mask-image:radial-gradient(ellipse at 53% 47%,#000 48%,#000c 63%,transparent 78%);animation:ninja-emerge 1.8s cubic-bezier(.16,1,.3,1) both}.hero-art figcaption{position:absolute;bottom:6%;left:5%;right:0;text-align:center;color:#93b7e7;font-size:9px;letter-spacing:.2em}.product-showcase{display:grid;grid-template-columns:.7fr 1.3fr;gap:75px;align-items:center;border-top:1px solid var(--line);padding-block:75px 95px}.showcase-copy h2{font-size:clamp(32px,3.6vw,46px);margin-top:20px}.showcase-copy>p:not(.eyebrow){font-size:14px;margin-top:22px;max-width:350px}.showcase-window{width:100%;max-width:720px;margin-top:0}.showcase-window .product-window{transform:perspective(1200px) rotateY(-3deg) rotateX(1deg)}.showcase-window .mini-workspace{min-height:345px}.showcase-window .bubble{font-size:10px}.showcase-window .hero-visual>.demo-note{top:45px}
@media(min-width:1450px){.hero{min-height:780px}}
@media(max-width:1050px){.hero{min-height:670px}.hero-art{margin-inline:-15px -20px}.product-showcase{gap:35px;grid-template-columns:.65fr 1.35fr}.showcase-window .mini-workspace{min-height:315px}}
@media(max-width:760px){.hero{grid-template-columns:1fr;min-height:0;padding-block:55px 25px;gap:0}.hero-art{margin:10px -18px 0;min-height:260px;max-width:630px;width:calc(100% + 36px);justify-self:center;align-self:auto}.hero-art img{width:100%;max-height:410px}.hero-art figcaption{bottom:4%;left:0;font-size:8px}.product-showcase{grid-template-columns:1fr;padding-block:45px 75px;gap:40px}.showcase-copy>p:not(.eyebrow){max-width:480px}.showcase-copy h2{font-size:36px}.showcase-window{justify-self:center;max-width:650px}.showcase-window .product-window{transform:none}.showcase-window .mini-workspace{min-height:310px}.showcase-window .bubble{font-size:9px}}
@media(max-width:390px){.hero-art{min-height:235px}.showcase-window .bubble{font-size:8px}.showcase-copy h2{font-size:32px}}
.hero h1{font-size:clamp(44px,4.4vw,62px);line-height:1.08;max-width:620px;letter-spacing:-.055em}
.story-section{padding-block:60px 80px;border-top:1px solid var(--line)}.story-steps{list-style:none;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:35px 0 24px}.story-steps li{padding:25px 20px;border:1px solid #304360;border-radius:14px;background:#0e192b;position:relative;transition:border-color .35s,background .35s,box-shadow .35s}.story-steps li>span{font-size:12px;color:#8ebdff}.story-steps h3{font-size:20px;line-height:1.2;margin-top:20px;letter-spacing:-.025em}.story-steps p{font-size:12px;margin-top:12px;line-height:1.8}.story-steps .story-current{border-color:#90c4ff;background:#18335b;box-shadow:0 0 30px #347dff22}.story-steps .story-done{border-color:#4779b3}.story-steps .story-done>span:after{content:" ✓"}.story-controls{display:flex;align-items:center;flex-wrap:wrap;gap:16px}.story-controls p{font-size:12px;flex:1;min-width:220px}.text-button{border:0;background:transparent;color:#a7ceff;text-decoration:underline;text-underline-offset:4px;padding:12px}.text-button[hidden]{display:none}
.use-cases{padding-block:20px 75px}.use-case-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px;margin-top:38px}.use-case-grid article{border-top:1px solid #385478;padding-top:25px}.use-case-grid h3{font-size:25px;line-height:1.2;margin-top:15px}.use-case-grid p{font-size:13px;margin-top:18px;line-height:1.9}.example-keyword{display:block;font-size:11px;color:#a2cbff;margin-top:24px}
.trial-form{max-width:670px;margin:35px auto 0;text-align:left}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.form-grid label{font-size:12px;font-weight:650;color:#d8e6f9}.form-grid input,.form-grid select{display:block;width:100%;min-height:49px;border:1px solid #4b6588;background:#091322;color:#edf5ff;font:inherit;font-size:14px;padding:12px 14px;border-radius:9px;margin-top:7px}.form-grid input::placeholder{color:#9cacc4}.form-grid input:focus,.form-grid select:focus{outline:2px solid #7bb6ff;outline-offset:2px}.form-consent{display:flex;gap:10px;align-items:flex-start;margin-block:20px;font-size:11px;color:#b8c8dd;line-height:1.8}.form-consent input{accent-color:#428aff;width:17px;height:17px;flex-shrink:0;margin-top:3px}.form-consent a{text-decoration:underline}.trial-form .button{width:100%;font-size:15px}.trial-form .button:disabled{opacity:.65;cursor:wait}.form-note{font-size:10px;text-align:center;margin-top:14px;line-height:1.8}.trial-status{font-size:13px;line-height:1.8;color:#d8ebff;margin-top:18px}.trial-status:empty{display:none}.form-trap{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}
@media(max-width:1050px){.story-steps{grid-template-columns:repeat(2,minmax(0,1fr))}.use-case-grid{gap:22px}.use-case-grid h3{font-size:22px}}
@media(max-width:760px){.hero h1{font-size:clamp(42px,9vw,62px)}.story-section{padding-block:40px 55px}.story-steps{gap:10px}.story-steps li{padding:20px 16px}.story-steps h3{font-size:18px}.story-controls p{width:100%;flex:auto}.use-case-grid{grid-template-columns:1fr;gap:30px}.use-cases{padding-bottom:55px}.use-case-grid h3{font-size:25px}.use-case-grid h3 br{display:none}.use-case-grid p{margin-top:12px}.example-keyword{margin-top:14px}.form-grid{grid-template-columns:1fr;gap:16px}.final-cta h2{font-size:32px}.form-consent{font-size:12px}.trial-form{margin-top:28px}}
@media(max-width:390px){.story-steps{grid-template-columns:1fr}.hero h1{font-size:42px}}
.pricing-three{display:block}.pricing-three .pricing-copy{max-width:850px;margin-bottom:40px}.pricing-three .pricing-copy>p:not(.eyebrow){max-width:650px}.landing-plan-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;align-items:stretch}.landing-plan-grid .price-card{padding:27px 23px;display:flex;flex-direction:column}.landing-plan-grid .price{font-size:52px;letter-spacing:-3px}.landing-plan-grid .price small{font-size:13px;letter-spacing:0}.landing-plan-grid .check-list{margin-bottom:28px}.landing-plan-grid .button{margin-top:auto;gap:10px;font-size:12px;white-space:normal}.plan-featured{border-color:#78b4ff;box-shadow:0 0 55px #2674ee22}.plan-account-link{font-size:11px;text-align:center;color:#b7d7ff;margin-top:17px;text-decoration:underline;text-underline-offset:4px}.pricing-shared{max-width:1000px;margin:30px auto 0}.pricing-shared p{font-size:11px;line-height:1.85;margin-top:13px}.landing-affiliates{border-top:1px solid var(--line);padding-block:55px 70px}.landing-affiliates h2{margin-top:15px}.landing-affiliates>p:not(.eyebrow){max-width:700px;margin-top:20px}.landing-affiliates .button{margin-top:24px}.landing-affiliates .micro{font-size:11px}@media(max-width:1050px){.landing-plan-grid{gap:12px}.landing-plan-grid .price-card{padding:24px 17px}.landing-plan-grid .price{font-size:43px}.landing-plan-grid .pill{font-size:8px}}@media(max-width:760px){.landing-plan-grid{grid-template-columns:1fr;gap:24px}.landing-plan-grid .price-card{max-width:520px;width:100%;padding:28px}.landing-plan-grid .price{font-size:58px}.landing-plan-grid .button{font-size:14px}.landing-plan-grid .pill{font-size:9px}.pricing-shared p{font-size:12px}.landing-affiliates{padding-block:40px 55px}}
/* Keep the primary image painted, including Safari after backgrounding. */
.hero-art,.hero-art img{animation:none;opacity:1;visibility:visible;transform:none;filter:none}
.hero-art img{mask-image:none;-webkit-mask-image:none;border-radius:18px}
.hero-art figcaption{bottom:2%;padding:8px;background:#070b13bd;border-radius:8px;width:fit-content;margin-inline:auto}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.button:hover{transform:none}.cinema-reveal{opacity:1;transform:none}.product-window,.showcase-window .product-window{transform:none}}