:root{--b:#155eef;--bd:#0f4ed8;--soft:#f2f7ff;--ink:#0b1736;--muted:#56647a;--border:#dce7f5;--green:#12b76a;--shadow:0 10px 30px rgba(20,70,150,.08);--r:14px;--font:'DM Sans',sans-serif;--display:'Plus Jakarta Sans',sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body.product-page{margin:0;color:var(--ink);font:14px/1.45 var(--font)}a{color:inherit;text-decoration:none}.wrap{width:min(1240px,calc(100% - 64px));margin:auto}.product-header{position:sticky;top:0;z-index:10;background:#fffffff2;border-bottom:1px solid #edf2fa;backdrop-filter:blur(12px)}.nav{min-height:72px;display:flex;align-items:center;gap:28px}.brand img{width:132px;display:block}.desktop-nav{display:flex;gap:30px;margin:auto;font-size:13px;color:#34415d}.button{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid transparent;border-radius:9px;padding:12px 18px;font-weight:700;font-size:13px;cursor:pointer}.primary{background:linear-gradient(135deg,#155eef,#245cf5);color:#fff;box-shadow:0 5px 14px #155eef33}.primary:hover{background:var(--bd)}.outline{border-color:#7da7ff;background:#fff;color:var(--b)}.light{background:#fff;color:var(--b)}.menu-button,.mobile-nav{display:none}.hero{background:radial-gradient(circle at 80% 32%,#edf5ff 0,transparent 45%),linear-gradient(#fff,#f4f9ff);padding:48px 0 28px}.hero-grid{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:34px}.eyebrow{display:inline-block;background:#eaf2ff;color:var(--b);border-radius:20px;padding:7px 12px;font-size:12px;font-weight:700;margin-bottom:18px}.hero h1,.section h2{font-family:var(--display);letter-spacing:-.045em;line-height:1.08}.hero h1{font-size:clamp(38px,4.1vw,58px);max-width:600px;margin:0 0 16px}.hero h1 em,.section h2 em{color:var(--b);font-style:normal}.lead{font-size:16px;color:var(--muted);max-width:510px;margin:0 0 14px}.hero-price{font-size:18px;margin:0 0 16px}.hero-price b{color:var(--b)}.actions{display:flex;gap:10px;flex-wrap:wrap}.note{font-size:12px;color:var(--muted);margin:20px 0 8px}.mini{font-size:11px;color:#45526b;word-spacing:5px}.dashboard{background:#fff;border:1px solid #bdd2f2;border-radius:16px;box-shadow:0 22px 45px #2165c02e;display:grid;grid-template-columns:115px 1fr;overflow:hidden;transform:rotate(-1deg)}.dashboard aside{background:#f7faff;padding:14px 10px;display:flex;flex-direction:column;gap:8px;font-size:9px;color:#52627b}.dashboard aside b{font-size:10px;color:var(--b);margin-bottom:9px}.dashboard aside a{padding:6px;border-radius:5px}.dashboard aside .sel{background:#102758;color:#fff}.dash-main{position:relative;padding:18px 16px;min-height:270px}.dash-top{display:flex;justify-content:space-between}.dash-top h3{font:700 15px var(--display);margin:0}.dash-top p{font-size:9px;color:var(--muted);margin:2px 0}.live{color:var(--green);background:#ecfbf4;border-radius:10px;padding:3px 7px;height:max-content;font-size:9px}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin:18px 0}.metrics div{border:1px solid #e4ecf7;border-radius:7px;padding:7px}.metrics b{display:block;font-size:15px}.metrics small{display:block;color:#74829a;font-size:7px;line-height:1.2}.dash-main h4{font-size:10px;margin:0 0 7px}.activity{list-style:none;padding:0;margin:0;display:grid;gap:6px;font-size:8px;color:#34415d}.activity li{color:var(--green)}.activity time{float:right;color:#8490a5}.assistant{position:absolute;right:12px;bottom:10px;width:125px;background:#eef6ff;border-radius:10px;padding:7px;font-size:8px;color:#1c376c;display:flex;gap:8px;align-items:center}.assistant p{margin:0}.assistant b{color:var(--green);font-size:7px}.mascot{width:38px;height:31px;flex:none;border-radius:45%;background:linear-gradient(135deg,#fff,#a8d4ff);border:2px solid #78aff5;position:relative;box-shadow:0 4px 10px #73a8eb66}.mascot:before{content:'';position:absolute;left:7px;right:7px;top:8px;height:12px;background:#102856;border-radius:8px}.mascot i{position:absolute;z-index:1;top:12px;width:4px;height:4px;border-radius:50%;background:#55d8ff}.mascot i:first-child{left:12px}.mascot i:last-child{right:12px}.benefits{padding:16px 0;border-bottom:1px solid #e7effa}.benefit-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.benefit-grid article{border:1px solid var(--border);border-radius:10px;padding:12px 16px;display:flex;gap:12px;align-items:center;box-shadow:var(--shadow)}.benefit-grid strong{font-size:25px;color:var(--b);background:#edf4ff;border-radius:50%;padding:4px 10px}.benefit-grid h3{font-size:13px;color:var(--b);margin:0}.benefit-grid p,.sub{font-size:10px;color:var(--muted);margin:2px 0}.section{padding:45px 0;background:linear-gradient(180deg,#f7fbff,#fff)}.section h2{font-size:28px;margin:0}.config-grid{display:grid;grid-template-columns:2.1fr .85fr;gap:14px;margin-top:22px}.skill-panel,.summary,.core,.addons,.lower>article{background:#fff;border:1px solid var(--border);border-radius:12px;box-shadow:var(--shadow)}.panel-title,.collapsed{padding:14px 17px;border-bottom:1px solid #e5edf8;font-size:13px;display:flex;gap:9px;align-items:center}.collapsed{justify-content:space-between}.skill-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;padding:12px}.skill{border:1px solid #d8e5f7;border-radius:9px;padding:10px;min-height:83px;cursor:pointer}.skill.active{border-color:#70a0ff;box-shadow:0 0 0 2px #eaf2ff inset}.skill h3{font-size:11px;margin:0 0 4px}.skill p{font-size:9px;color:var(--muted);margin:0}.skill small{float:right;color:var(--b);border:1px solid #bdd2ff;border-radius:10px;padding:2px 5px}.summary{padding:17px}.person{display:flex;gap:10px;align-items:center}.avatar,.round{width:34px;height:34px;border-radius:50%;background:#e5f1ff;color:var(--b);display:grid;place-items:center}.summary h3{font-size:15px;margin:0}.summary small{font-size:10px;color:var(--muted)}.summary ul,.checks{list-style:none;padding:0;margin:14px 0}.summary li{font-size:10px;padding:8px 0;border-bottom:1px solid #e7eff8}.summary li:before,.checks li:before{content:'✓';color:var(--green);font-weight:800;margin-right:8px}.add{border:1px solid #8eb2ff;color:var(--b);background:#fff;border-radius:7px;width:100%;padding:8px;font-size:10px}.prices{border-top:1px solid #e6eef8;margin-top:14px;padding-top:10px;display:grid;gap:7px;font-size:10px}.prices span{display:flex;justify-content:space-between}.prices b{font-size:18px}.full{width:100%;margin-top:12px}.checks li{border:0!important;padding:3px 0!important;color:var(--muted)}.white{background:#fff}.heading-row{display:flex;justify-content:space-between;align-items:end}.heading-row small{color:var(--muted);font-size:11px}.integration-grid{display:grid;grid-template-columns:repeat(10,1fr);gap:8px;margin-top:18px}.integration-grid span{border:1px solid var(--border);border-radius:8px;padding:10px 7px;text-align:center;font-size:10px}.blue{background:#f7fbff}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:20px}.steps article{background:#fff;border:1px solid var(--border);padding:13px;border-radius:9px}.steps b{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:var(--b);color:#fff;float:left;margin-right:9px}.steps h3{font-size:11px;margin:0}.steps p{font-size:10px;color:var(--muted);clear:both;padding-top:7px}.pricing-grid{display:grid;grid-template-columns:.72fr 1.28fr;gap:14px}.core,.addons{padding:18px}.core>span{color:var(--b);background:#edf4ff;border-radius:20px;padding:5px 9px;font-size:10px}.core h2,.addons h2{font-size:20px;margin:12px 0 0}.core p,.addons>p{color:var(--muted);font-size:11px;margin:3px 0}.big-price{color:var(--b);font-size:21px;font-weight:800;margin:12px 0}.big-price small{font-size:10px;color:var(--muted)}.addon-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.addon-grid article{border:1px solid var(--border);border-radius:9px;padding:12px}.addon-grid b{color:var(--b);font-size:12px}.addon-grid h3{font-size:11px;margin:11px 0 3px}.addon-grid p{font-size:9px;color:var(--muted);margin:0}.voice{margin-top:13px;background:linear-gradient(100deg,#f0f7ff,#dce9ff);border-radius:10px;padding:13px;display:flex;align-items:center;gap:12px}.voice h3{font-size:13px;margin:0}.voice mark{color:#673de6;background:#eaddff;border-radius:10px;padding:3px 7px;font-size:9px}.voice p{font-size:10px;color:var(--muted);margin:3px 0}.voice button{margin-left:auto;white-space:nowrap}.lower{display:grid;grid-template-columns:1fr 1fr;gap:14px}.lower>article{padding:18px}.lower h2,.faq h2{font-size:18px}.lower p{font-size:11px;color:var(--muted)}.faq-head{display:flex;justify-content:space-between;align-items:center}.faq-head a{font-size:10px;color:var(--b)}.faq-item{border-top:1px solid #e5edf8}.faq-item button{width:100%;border:0;background:none;padding:8px 0;text-align:left;font:inherit;font-size:11px;cursor:pointer}.faq-item button span{float:right}.faq-item p{display:none;font-size:10px;color:var(--muted);margin:0 0 9px}.faq-item.open p{display:block}.final{background:linear-gradient(110deg,#205ae5,#1769f5);color:#fff;padding:22px 0}.final .wrap{display:flex;align-items:center;gap:22px}.final h2{font:700 21px var(--display);margin:0}.final p{font-size:11px;margin:4px 0}.final .button{margin-left:auto}footer{padding:18px 0}footer .wrap{display:flex;gap:18px;align-items:center;font-size:10px;color:var(--muted)}footer .brand img{width:108px}footer nav{display:flex;gap:18px;margin:auto}footer small{font-size:9px}@media(max-width:900px){.wrap{width:min(100% - 36px,680px)}.desktop-nav,.header-cta{display:none}.menu-button{display:block;margin-left:auto;border:0;background:none;font-size:22px;color:var(--b)}.mobile-nav{padding:0 18px 18px;gap:13px;flex-direction:column;background:#fff}.mobile-nav.open{display:flex}.hero-grid,.config-grid,.pricing-grid,.lower{grid-template-columns:1fr}.benefit-grid,.steps{grid-template-columns:1fr}.integration-grid{grid-template-columns:repeat(3,1fr)}.heading-row{display:block}.addon-grid{grid-template-columns:1fr}.final .wrap{flex-wrap:wrap}.final .button{margin-left:0}footer .wrap{flex-wrap:wrap}footer nav{order:3;width:100%;justify-content:space-between}.skill-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:520px){.hero h1{font-size:36px}.dashboard{transform:none;grid-template-columns:82px 1fr}.metrics{grid-template-columns:repeat(2,1fr)}.assistant{position:relative;right:auto;bottom:auto;margin-top:14px;width:100%}.integration-grid{grid-template-columns:repeat(2,1fr)}.voice{align-items:flex-start;flex-wrap:wrap}.voice button{margin-left:0}footer nav{gap:8px;font-size:9px}}
:root{--category-bg:#fbfdff}.category-title{width:100%;display:flex;align-items:center;gap:9px;padding:14px 17px;border:0;border-bottom:1px solid #e5edf8;background:#fff;color:var(--ink);font:inherit;font-size:13px;text-align:left;cursor:pointer}.category-title span:last-child{margin-left:auto;color:var(--muted)}.category-skills{display:none;padding:12px;border-bottom:1px solid #e5edf8;grid-template-columns:repeat(3,1fr);gap:8px}.category-skills.expanded{display:grid}.category-skills .skill{min-height:83px}.summary li{display:flex;align-items:center;gap:5px}.summary li small{margin-left:auto;color:var(--b);font-size:9px}.remove-skill{border:0;background:transparent;color:#8793a8;font-size:16px;cursor:pointer;padding:0 0 0 3px}.summary .prices b{color:var(--b)}
:root{--category-bg:#fbfdff}.category-title{width:100%;display:flex;align-items:center;gap:9px;padding:14px 17px;border:0;border-bottom:1px solid #e5edf8;background:#fff;color:var(--ink);font:inherit;font-size:13px;text-align:left;cursor:pointer}.category-title span:last-child{margin-left:auto;color:var(--muted)}.category-skills{display:none;padding:12px;border-bottom:1px solid #e5edf8;grid-template-columns:repeat(3,1fr);gap:8px}.category-skills.expanded{display:grid}.category-skills .skill{min-height:83px}.summary li{display:flex;align-items:center;gap:5px}.summary li small{margin-left:auto;color:var(--b);font-size:9px}.remove-skill{border:0;background:transparent;color:#8793a8;font-size:16px;cursor:pointer;padding:0 0 0 3px}.summary .prices b{color:var(--b)}@media(max-width:900px){.category-skills{grid-template-columns:repeat(2,1fr)}}@media(max-width:520px){.category-skills{grid-template-columns:1fr}}
.mini{display:flex;align-items:center;gap:12px;flex-wrap:wrap;word-spacing:normal}.app-mark{display:inline-flex;align-items:center;gap:6px;white-space:nowrap;color:#45526b;font-size:10px;font-weight:600}.app-mark svg{width:17px;height:17px;display:block;flex:none}.integration-grid .app-mark{min-height:40px;border:1px solid var(--border);border-radius:8px;padding:7px 8px;justify-content:flex-start;background:#fff;font-size:10px}.integration-grid .app-mark svg{width:19px;height:19px}.app-postgres svg{width:20px!important}.app-stripe svg{width:21px!important}
.dashboard .dash-logo{display:block;width:92px;max-width:100%;height:auto;object-fit:contain;object-position:left center;margin:0 0 9px}.dashboard aside{gap:7px}.dashboard aside a{padding:5px 6px}.tier{position:relative;min-height:210px;padding:14px!important;border-radius:12px!important;overflow:hidden}.tier:before{content:'';position:absolute;inset:0 auto 0 0;width:4px;background:var(--tier-color)}.tier-essential{--tier-color:#12b76a;background:linear-gradient(155deg,#f4fcf8,#fff 70%);border-color:#cceedd!important}.tier-advanced{--tier-color:#155eef;background:linear-gradient(155deg,#f1f6ff,#fff 70%);border-color:#cadcff!important}.tier-enterprise{--tier-color:#7357d9;background:linear-gradient(155deg,#f6f2ff,#fff 70%);border-color:#ddd3ff!important}.tier-icon{width:34px;height:34px;border-radius:10px;background:color-mix(in srgb,var(--tier-color) 12%,white);display:grid;place-items:center;margin-bottom:11px}.tier-icon svg{width:20px;height:20px;fill:none;stroke:var(--tier-color);stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.tier strong{display:block;color:var(--tier-color);font-size:15px}.tier strong small{font-size:9px;color:var(--muted);font-weight:600}.tier h3{margin:5px 0 6px!important;font-size:13px!important}.tier p{font-size:10px!important;line-height:1.5}.voice{min-height:98px;padding:13px 16px;gap:14px;background:linear-gradient(100deg,#f0f7ff,#dce6ff);border:1px solid #d2e0fa}.voice-visual{position:relative;width:64px;height:62px;flex:none;display:grid;place-items:center}.voice-visual .mascot{transform:scale(1.4)}.voice-spark{position:absolute;right:0;top:1px;color:var(--b);font-size:18px}.voice-copy{min-width:0}.voice-copy h3{font-size:15px}.voice-copy p{font-size:11px;color:#3e506f}.voice-copy small{font-size:9px;color:#71809a}.voice>a{margin-left:auto;white-space:nowrap}.final{position:relative;overflow:hidden;background:linear-gradient(105deg,#234cda 0%,#2463ed 58%,#1753df 100%);padding:24px 0;box-shadow:0 7px 22px #1f5ee933}.final .wrap{position:relative;min-height:66px}.final h2{font-size:22px}.final p{font-size:12px}.final .mascot{width:58px;height:47px;transform:scale(1.35);margin:0 14px 0 4px}.final .mascot:before{left:10px;right:10px;top:12px;height:18px;border-radius:10px}.final .mascot i{top:18px}.final .mascot i:first-child{left:17px}.final .mascot i:last-child{right:17px}.final-note{font:600 16px/1.05 Caveat,cursive;transform:rotate(-7deg);color:#fff;white-space:nowrap;margin-left:0}.final-note span{display:block;font:22px var(--font);transform:rotate(20deg);margin-top:-4px}.final+.product-footer{padding-top:18px}@media(max-width:900px){.tier{min-height:0}.voice>a{white-space:normal}.final-note{display:none}}@media(max-width:520px){.dashboard .dash-logo{width:66px}.voice{align-items:center}.voice-visual{width:48px}.voice-copy{flex:1 1 65%}.voice>a{width:100%;margin:0}.final .mascot{display:none}}
.final .button{order:2}.final .mascot{order:3}.final-note{order:4}
.human-how{background:linear-gradient(180deg,#f1f7ff,#f8fbff);padding:48px 0}.human-how .how-eyebrow{display:inline-block;color:var(--b);background:#e5efff;border-radius:20px;padding:6px 11px;font-size:11px;font-weight:700;margin-bottom:12px}.human-how h2{font-size:clamp(25px,3vw,36px);max-width:780px}.human-how .how-intro{font-size:14px;line-height:1.6;color:#455570;max-width:730px;margin:10px 0 22px}.human-how .steps{grid-template-columns:repeat(3,1fr);gap:12px}.human-how .steps article{padding:17px;border-radius:12px;min-height:148px}.human-how .steps b{float:none;margin:0 0 13px;width:30px;height:30px}.human-how .steps h3{font-size:14px;line-height:1.3}.human-how .steps p{font-size:12px;line-height:1.5;padding-top:5px;margin-bottom:0}.how-offer{margin-top:16px;padding:12px 15px;background:#fff;border:1px solid var(--border);border-radius:11px;display:flex;align-items:center;justify-content:space-between;gap:14px}.how-offer p{margin:0;color:var(--muted);font-size:13px}.how-offer p strong{color:var(--ink);font-size:16px}.config-modal{width:min(520px,calc(100% - 28px));max-height:min(90vh,820px);overflow:auto;border:1px solid var(--border);border-radius:18px;padding:0;color:var(--ink);box-shadow:0 24px 80px #0b173644}.config-modal::backdrop{background:#0b173680;backdrop-filter:blur(3px)}.modal-inner{padding:25px}.modal-top{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.modal-top h2{font:700 23px/1.2 var(--display);margin:0}.modal-top p{font-size:12px;color:var(--muted);margin:7px 0 0}.modal-close{border:0;background:#f1f5fb;width:32px;height:32px;border-radius:50%;font-size:19px;color:var(--muted);cursor:pointer;flex:none}.modal-summary{margin:18px 0;padding:14px;background:#f5f9ff;border:1px solid var(--border);border-radius:11px}.modal-summary h3{font-size:12px;margin:0 0 8px}.modal-skill-list{display:flex;flex-wrap:wrap;gap:6px}.modal-skill-list span{background:white;border:1px solid var(--border);padding:4px 8px;border-radius:16px;font-size:10px}.modal-total{display:flex;justify-content:space-between;gap:12px;border-top:1px solid var(--border);margin-top:12px;padding-top:10px;font-size:11px;color:var(--muted)}.modal-total strong{font-size:15px;color:var(--b)}.modal-form{display:grid;gap:11px}.modal-form label{display:grid;gap:5px;font-size:11px;font-weight:700}.modal-form input{width:100%;border:1px solid #cbd8e9;border-radius:8px;padding:10px 11px;font:13px var(--font);color:var(--ink)}.modal-form input:focus{outline:3px solid #155eef28;border-color:var(--b)}.modal-privacy{font-size:10px;line-height:1.5;color:var(--muted);margin:0}.modal-status{font-size:12px;color:#b42318;margin:0}.modal-success{text-align:center;padding:12px 0}.modal-success[hidden],.modal-form-step[hidden]{display:none}.modal-success h3{font:700 20px var(--display);margin:5px 0}.modal-success p{font-size:12px;color:var(--muted)}.modal-success .button{margin-top:7px}@media(max-width:900px){.human-how .steps{grid-template-columns:1fr}.human-how .steps article{min-height:0}.how-offer{align-items:flex-start;flex-direction:column}}@media(max-width:520px){.human-how{padding:34px 0}.how-offer p span{display:none}.how-offer p{line-height:1.8}.modal-inner{padding:19px}}