:root{color-scheme:dark;--bg:#090611;--surface:#14101d;--surface2:#1c1528;--line:#ffffff12;--text:#f2edf9;--muted:#a398b5;--accent:#b3a2f6}
body{background:var(--bg);color:var(--text)}p{color:var(--muted)}::selection{background:#ad81e85c;color:white}
.header{max-width:none;width:100%;margin:0;top:0;height:72px;padding:0 max(26px,calc((100% - 1130px)/2));background:#100b19f2;border:0;border-bottom:1px solid #c7a6ff21;border-radius:0;box-shadow:0 8px 30px #0002;backdrop-filter:blur(25px)}
.header nav{color:#b5a8c9;font-size:13px}.header nav a:hover{color:#efe5ff}.header-actions{font-size:13px}.brand img{width:146px}.button{background:#b3a2f6;color:#190e2b;border-radius:8px;box-shadow:0 0 24px #a485ec21;font-weight:650;transition:background .2s,box-shadow .2s,transform .2s}.button:hover{background:#c7b6ff;box-shadow:0 0 35px #ad87f43b}.button.small{font-size:13px;background:#b3a2f6}.text-button{color:#cbb6e6}.text-button:hover{color:#f5eaff}.play-icon{border-color:#866aab66;color:#d9c2f3;background:#a78ac410}.eyebrow{color:#bba1d7}.hero{background:radial-gradient(ellipse at 72% 24%,#29133b80,transparent 39%),radial-gradient(ellipse at 40% 65%,#160d2580,transparent 70%),#090611;padding-top:0}
.hero-intro{max-width:1190px;margin:auto;min-height:530px;display:grid;grid-template-columns:1.1fr 1fr;align-items:center;gap:0;position:relative;padding:64px 30px 34px}.hero-copy{text-align:left;padding:0;z-index:3}.hero .eyebrow{font-size:10px;letter-spacing:.17em;margin-bottom:26px;display:inline-flex;border:1px solid #b990ee24;background:#b584e60a;padding:9px 13px;border-radius:30px;color:#bca5d4}h1{font-size:clamp(60px,6vw,85px);line-height:1.03;font-weight:500;letter-spacing:-.055em}h1 span{color:#c7a7ef;background:linear-gradient(100deg,#e9d8fd 2%,#b184df 65%,#8e6cb7);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.hero-copy>p{font-size:17px;color:#ab9cbd;margin-top:24px;line-height:1.7}.cta-row{justify-content:flex-start;gap:24px;margin-top:30px}.cta-row .button{font-size:14px;padding:15px 21px}.cta-row .text-button{font-size:12px;white-space:nowrap}.hero-copy .micro{color:#756782;font-size:11px;margin-top:19px}.hero-orbit{position:relative;min-height:410px;display:grid;place-items:center;isolation:isolate}.hero-orbit:before{content:'';position:absolute;inset:10% -5%;background:radial-gradient(ellipse,#6f3cad25,transparent 62%);filter:blur(20px);z-index:-1}.hero-orbit canvas{display:block;position:relative;width:58.6667%;height:auto;margin:0;filter:drop-shadow(0 0 45px #a859e21f);z-index:2}.orbital-ring{position:absolute;border:1px solid #c79dff14;border-radius:50%;width:200px;height:200px;transform:rotateX(52deg) rotateZ(-25deg);pointer-events:none}.ring-two{width:246.6667px;height:246.6667px;opacity:.55;transform:rotateX(52deg) rotateZ(25deg)}.orbit-caption{position:absolute;bottom:12px;font-size:9px;letter-spacing:.19em;color:#8a709e;display:flex;align-items:center;gap:14px;z-index:3}.orbit-caption b{border:1px solid #c798fd35;color:#c8a4e9;padding:6px 9px;border-radius:5px;font-weight:500;letter-spacing:.06em}.hero-product{margin:10px auto 0;height:550px;max-width:1120px;padding:0 45px}.hero-product .ambient{background:radial-gradient(ellipse,#8c4eab25,transparent 67%);inset:5% -2% -10%;filter:blur(35px)}.app-window{width:95%;height:485px;background:#121017;border:1px solid #b698ce38;border-radius:12px;box-shadow:0 0 0 6px #b284e904,0 30px 110px #0008,0 0 60px #9c6acd0c;transform:perspective(2000px) rotateX(5deg)}.window-bar{background:#17121f;border-color:#b39acd19;color:#776b86}.window-dots i{background:#423447}.window-dots i:first-child{background:#a78bc6}.window-avatar,.initials{background:#332544;color:#c6a5e5}.app-sidebar{background:#100d17;border-color:#b58ad41a}.sidebar-group{color:#8f7da0}.sidebar-group .selected{background:#241a31;color:#cfb0ed}.sidebar-bottom{color:#796686}.sidebar-bottom b{color:#b5a2c3}.tiny-label{color:#867197}.app-heading h3{color:#e4d5ef}.mock-add{background:#b3a2f6;color:#21132e;font-weight:600}.app-stats>div{background:linear-gradient(125deg,#21192b,#17111f);border-color:#ac80d01b}.app-stats span{color:#8f799f}.app-stats b{color:#e0cbee;font-weight:400}.app-stats small{color:#b896d3}.app-subheading h4{color:#d7c2e5}.app-subheading>span{color:#8d70a4}.task-card{background:linear-gradient(125deg,#261a36,#191222);border-color:#a574d72b}.project-tag{color:#b78ad7}.task-card h4{color:#e0cbea}.task-card p{color:#8c749f}.date{background:#48305d;color:#c5a1e1}.date.muted{background:#291d37;color:#9f83b3}.initials.alt{background:#29263e;color:#aaa5d7}.project-row{border-color:#9f76bb1b;color:#957aa7}.project-row b{color:#c2aad5}.project-square{background:#2e1d40;color:#b489d2}.project-square.gold{background:#322719;color:#c1a272}.progress{background:#2f213d}.progress i{background:#a779cb}.progress.second i{background:#a38550}.hero-mobile{background:#120c1c;border-color:#35243f;box-shadow:0 0 0 1px #a980c955,0 30px 60px #0009;transform:rotate(6deg);right:5px;bottom:15px}.mobile-island{background:#030105}.mobile-status{color:#b096c6}.hero-mobile h3{color:#e5cef5}.phone-task{background:#271934;border-color:#6942864d}.phone-task>span{color:#a67bc3}.phone-task b{color:#dac0ec}.phone-task small{color:#9a78b1}.phone-check{background:#3c2450;color:#d4b0ef}.phone-task.faded{background:#1a1025;color:#8a729a}.phone-nav{color:#a67fc0}.py-hero{display:none}.feature-strip{border-color:#a879d11b;color:#857096;font-size:11px;letter-spacing:.02em;padding:26px;background:#130b1a50}.feature-strip i{background:#68457f}.section{padding-top:105px;padding-bottom:105px}.section-top h2{font-weight:500}.section-top p{color:#9d8cac}.benefit-grid{gap:16px;margin-top:50px}.benefit-grid article{padding:30px;background:linear-gradient(145deg,#18102080,#100a1800);border:1px solid #b78bd51a;border-radius:14px;transition:border-color .3s,transform .3s}.benefit-grid article:hover{border-color:#a779ca55;transform:translateY(-4px)}.benefit-grid h3{color:#e5d4f0;font-size:19px}.benefit-grid p{color:#95829f;font-size:14px}.feature-icon{background:#b084d414;border:1px solid #b889dd25;color:#bd96da;border-radius:10px}.demo-section{background:radial-gradient(ellipse at 50% 65%,#25133080,transparent 65%),#0c0812;border-top:1px solid #bd8de316;border-bottom:1px solid #bd8de316}.video-shell{border-color:#a777cc35;background:#100918;box-shadow:0 35px 90px #0007,0 0 60px #9d6dcc0c;border-radius:14px}.video-cover{background:linear-gradient(0deg,#050109bd,transparent 72%)}.large-play{background:#d7b9f6;color:#1b0a2e;box-shadow:0 0 45px #ac76df50}.video-cover b{font-weight:400;color:#f0e3ff}.video-cover>span:last-child{color:#c5a9dc}.demo-steps{color:#a68bb7}.demo-steps b{color:#cfaae8}.py-section{padding-top:125px;padding-bottom:125px}.py-stage{background:radial-gradient(ellipse at 50% 35%,#30113f,#130b1c 60%,#0e0915);border-color:#a476c329;box-shadow:inset 0 0 80px #0003;border-radius:16px}.orbit-label{color:#a786b8;position:relative;z-index:1}.py-stage canvas{width:88%;margin:20px auto 24px;filter:drop-shadow(0 0 30px #a04de414)}.py-example{background:#1a1024c9;border-color:#c190e522;backdrop-filter:blur(20px);box-shadow:0 10px 45px #0003}.py-example>span{color:#946cb1}.py-example p{color:#b295c4}.py-example b{color:#e1c7f5}.py-copy h2{font-weight:500}.py-copy>p{color:#a48caf}.py-copy ul{color:#bfa6cf}.py-copy li:before{color:#c191e1}.plan-note{color:#81648f}.py-copy .text-button{color:#d4b7e8}#py-answer{background:#1e112a;border:1px solid #aa79c92d;color:#bea1d0}.mobile-section{border-color:#ad7bcc1b}.mobile-section h2{font-weight:500}.mobile-section h2 span{color:#b693d8}.mobile-section p{color:#a48aac}.device-tabs{background:#1c1027;border:1px solid #ad7cc729}.device-tabs button{color:#9f7ab6}.device-tabs .active{background:#47305e;color:#e1c4f7;box-shadow:none}.device-showcase{background:radial-gradient(ellipse,#2d163f,#140b1d 68%);border:1px solid #a576c826;border-radius:16px}.device-preview{background:#160d20;border-color:#7d509d66;box-shadow:0 20px 65px #0007}.preview-header{color:#a77abc}.device-preview h3{color:#ead1fa}.preview-task{background:linear-gradient(125deg,#291737,#1d122a);border-color:#a472c72b}.preview-task h4{color:#e1c4f1}.preview-task p{color:#a481b7}.preview-check{color:#c29ddb}.preview-bottom{color:#94719f}.device-preview.mobile{border-color:#483050;box-shadow:0 0 0 1px #b57ed444,0 30px 60px #0007}.final-cta{background:radial-gradient(ellipse at 50% 100%,#3b1b5080,#140b2060 56%,#090611);border-top:1px solid #b480d819;padding:100px 25px 110px}.final-cta h2{font-weight:500;font-size:80px}.final-cta p{color:#ad90bf}.final-cta .micro{color:#866698}footer{background:#090611;border-top:1px solid #c391e515;color:#7d648e}.footer-link{color:#9c7caf}footer .brand img{width:135px}.skip{background:#1e102b;color:#e5d2f3}
dialog{background:linear-gradient(150deg,#1c1128,#100a19);border-color:#a77ec33b;color:#e6d3f3;box-shadow:0 35px 100px #0009}dialog::backdrop{background:#050208a8;backdrop-filter:blur(15px)}dialog h2{font-weight:500}.close{color:#9a78b1}.close:hover{color:#ecd3ff}.provider{background:#20152c;border-color:#a77dcc35;color:#d4bce5}.provider:hover{background:#332040}.google-g{color:#b1b9ff}.divider{border-color:#a87eca2b}.divider span{background:#160d20;color:#9f7eb5}form label{color:#b298c7}input{background:#0e0915;border-color:#9b72b447;color:#e6cef7}input::placeholder{color:#765c87}.preview-note{color:#9575aa}.actual-register{color:#c9a3e5}.success-icon{background:#402652;color:#d7b4f6}.created-task{background:#24162f;color:#c1a1d5}
@media(min-width:1500px){.header{padding:0 max(26px,calc((100% - 1200px)/2))}.hero-product{max-width:1190px}.app-window{height:515px}.hero-intro{max-width:1260px;min-height:560px}}
@media(max-width:1100px){.header{width:100%;padding:0 20px}.header nav{gap:20px}.hero-intro{padding:58px 38px 35px;min-height:500px}.hero-copy h1{font-size:69px}.hero-orbit{min-height:360px}.orbital-ring{width:180px;height:180px}.ring-two{width:220px;height:220px}.hero-product{height:520px;margin-top:0}.hero-copy>p{font-size:15px}.cta-row{gap:16px}.cta-row .button{font-size:12px;padding:14px 17px}.cta-row .text-button{font-size:11px}.hero .eyebrow{font-size:8px;padding:8px 11px}.app-window{height:465px}.benefit-grid article{padding:23px}.benefit-grid h3{font-size:17px}.benefit-grid p{font-size:13px}}
@media(max-width:760px){.header{width:100%;height:62px;top:0;margin:0;border-radius:0;padding:0 20px;gap:8px}.brand img{width:115px}.header-actions{gap:13px}.button.small{padding:9px 11px;min-height:34px;font-size:11px}.header-actions .login{font-size:11px}.menu{color:#bba1d7}.header nav{top:100%;left:0;right:0;background:#130c1ef5;border:0;border-bottom:1px solid #b590d62b;border-radius:0 0 12px 12px;font-size:14px;box-shadow:0 15px 45px #0008}.hero-intro{grid-template-columns:1fr;padding:45px 26px 0;gap:0;min-height:0}.hero-copy{text-align:center;max-width:480px;margin:auto}.hero-copy h1{font-size:54px;font-weight:500}.hero .eyebrow{font-size:8px;letter-spacing:.11em;margin-bottom:22px;padding:8px 12px}.hero-copy>p{font-size:14px;line-height:1.75;max-width:340px;margin:23px auto 0}.cta-row{flex-direction:column;align-items:center;gap:9px;margin-top:25px}.cta-row .button{font-size:14px;padding:14px 23px}.cta-row .text-button{font-size:12px}.hero-copy .micro{font-size:10px;color:#7e658e;margin-top:14px;max-width:270px}.hero-orbit{height:235px;min-height:235px;margin:0 auto -4px;width:100%;max-width:420px}.hero-orbit canvas{width:54.6667%;margin:0}.orbital-ring{width:126.6667px;height:126.6667px}.ring-two{width:163.3333px;height:163.3333px}.orbit-caption{bottom:6px;font-size:7px;gap:10px;letter-spacing:.15em}.orbit-caption b{padding:4px 6px;font-size:8px}.hero-product{height:360px;margin-top:16px;padding:0 16px}.app-window{height:306px;width:92%;border-radius:8px;box-shadow:0 0 0 3px #a87cce07,0 20px 55px #0008}.hero-mobile{right:13px;bottom:15px;border-radius:18px;box-shadow:0 0 0 1px #9772b444,0 20px 40px #0009}.feature-strip{font-size:9px;padding:20px;gap:12px 20px}.section{padding:65px 23px}.benefit-grid{grid-template-columns:1fr;gap:15px;margin-top:35px}.benefit-grid article{padding:23px;gap:0 16px}.benefit-grid h3{font-size:17px}.benefit-grid p{font-size:13px}.feature-icon{width:40px;height:40px;font-size:22px}.py-section{padding-top:75px;padding-bottom:75px}.py-stage{border-radius:14px}.demo-section{padding-top:65px}.video-shell{border-radius:10px}.demo-steps{font-size:10px}.demo-steps b{font-size:11px}.py-copy h2{font-size:43px}.py-copy>p{font-size:14px}.py-copy ul{font-size:13px}.mobile-section h2{font-size:40px}.mobile-section p{font-size:14px}.device-tabs button{font-size:13px}.device-showcase{min-height:370px}.final-cta{padding:75px 25px 80px}.final-cta h2{font-size:59px}.final-cta p{font-size:14px}.final-cta .micro{font-size:10px}footer{font-size:10px}.footer-link{font-size:10px}dialog h2{font-size:34px}}
@media(max-width:380px){.header{padding:0 11px}.brand img{width:106px}.header-actions{gap:9px}.hero-copy h1{font-size:51px}.hero-intro{padding-left:20px;padding-right:20px}.hero .eyebrow{font-size:7px;letter-spacing:.09em}.hero-copy>p{font-size:13px}.hero-product{height:332px}.app-window{height:282px}.hero-mobile{bottom:12px}}
@media(prefers-reduced-motion:reduce){.hero-orbit canvas{filter:none}.orbital-ring{display:none}}

/* Scale both dark landing mascots to two thirds of their previous size. */
body[data-landing-mode="dark"] .hero-orbit canvas{width:39.1111%}
body[data-landing-mode="dark"] .py-stage canvas{width:58.6667%}
@media(max-width:760px){body[data-landing-mode="dark"] .hero-orbit canvas{width:36.4445%}}