:root{--ink:#182d52;--muted:#63748f;--purple:#5845cb;--purple-dark:#4232a6;--ice:#edf5fb;--line:#dce6f1;--cyan:#dbf6fc}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:#f8fbfe;color:var(--ink);font:16px/1.65 'Avenir Next','Segoe UI',Arial,sans-serif}button,input,select,textarea{font:inherit}a{color:inherit;text-decoration:none}button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:default}button,a{touch-action:manipulation}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid #1599b9;outline-offset:4px}h1,h2,h3,p{margin:0}h1,h2,h3{line-height:1.15}h1{font-size:clamp(40px,4.7vw,66px);letter-spacing:-2.5px;font-weight:750}h1 span{color:var(--purple)}h2{font-size:clamp(30px,3.2vw,45px);letter-spacing:-1.5px}h3{font-size:21px;letter-spacing:-.4px}p{color:var(--muted)}.skip{position:fixed;top:-100px;background:white;padding:12px;z-index:100}.skip:focus{top:12px}.site-header{display:flex;justify-content:space-between;gap:24px;align-items:center;padding:20px max(24px,calc((100vw - 1160px)/2));position:sticky;top:0;z-index:20;background:#f8fbfef2;border-bottom:1px solid #e5edf4;backdrop-filter:blur(12px)}.brand{display:flex;align-items:center;gap:11px;font-size:20px;font-weight:750;line-height:1.2}.brand small{display:block;font-size:10px;font-weight:500;letter-spacing:.2px;color:var(--muted);margin-top:5px}.brand-mark{display:grid;place-items:center;width:41px;height:41px;border-radius:13px;background:var(--purple);color:white;font-size:16px}.brand-purple{color:var(--purple)}#siteNav{display:flex;gap:26px;align-items:center;font-size:13px;font-weight:600}.login-link{border:1px solid #d7d1f4;border-radius:12px;padding:10px 16px;color:var(--purple)}.nav-toggle{display:none;background:#eee9ff;color:var(--purple);border:0;border-radius:10px;width:44px;height:44px;font-size:23px}.section{max-width:1160px;margin:auto;padding:90px 24px}.hero{display:grid;grid-template-columns:1.05fr 1fr;gap:36px;align-items:center;padding-top:56px;padding-bottom:60px}.eyebrow{font-size:10px;font-weight:750;letter-spacing:1.4px;color:var(--purple);margin-bottom:20px;display:flex;gap:8px;align-items:center}.status-dot{width:7px;height:7px;background:#47b0ae;border-radius:50%}.intro{max-width:475px;margin-top:25px;font-size:17px}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}.btn{display:inline-flex;justify-content:center;align-items:center;gap:16px;padding:14px 23px;border-radius:14px;font-size:13px;font-weight:700;min-height:48px;border:1px solid transparent;transition:transform .18s,box-shadow .18s}.btn:hover{transform:translateY(-2px)}.primary{background:var(--purple);color:white;box-shadow:0 7px 20px #5845cb20}.secondary{background:transparent;border-color:#ccd9e8;color:var(--ink)}.light{background:white;color:var(--purple);margin-top:24px}.micro{font-size:11px;margin-top:12px}.hero-points{display:flex;gap:16px;flex-wrap:wrap;margin-top:28px;color:var(--muted);font-size:11px}.hero-visual{position:relative;padding:25px 28px 0;min-width:0;display:flex;flex-direction:column;align-items:center}.visual-orbit{position:absolute;width:410px;height:410px;max-width:100%;background:linear-gradient(135deg,#e9e4ff,#dff5fc);border-radius:50%;top:75px;left:50%;transform:translateX(-50%);box-shadow:0 0 0 25px #eeeafb55,0 0 0 50px #eef4fa88}.phone{position:relative;width:260px;max-width:100%;padding:10px;background:#142139;border-radius:38px;box-shadow:18px 22px 40px #334a7725;transform:rotate(3deg)}.phone-camera{position:absolute;top:17px;left:50%;transform:translateX(-50%);width:75px;height:17px;border-radius:20px;background:#142139;z-index:1}.phone-screen{background:#edf5fb;border-radius:30px;padding:13px 15px 12px;overflow:hidden}.phone-top{display:flex;justify-content:space-between;font-size:8px;font-weight:bold;margin-bottom:17px}.phone-top span{font-size:7px}.phone-brand{font-size:17px;font-weight:bold;line-height:1.3}.phone-brand span{color:var(--purple)}.phone-brand small{display:block;font-size:8px;color:var(--muted);font-weight:normal}.phone-greeting{font-size:9px;margin:16px 0 11px}.phone-hero{background:radial-gradient(circle at 90% 0,#8cedff30,transparent 40%),linear-gradient(135deg,#8566ec,#4932b2);border-radius:17px;padding:17px;color:white}.phone-hero small{font-size:7px;color:#e3dfff}.phone-hero h2{font-size:20px;letter-spacing:-.4px;margin:8px 0 9px}.phone-hero span{font-size:7px;color:#e8e3ff}.phone-stats{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:12px}.phone-stats div{background:#6755d4;border-radius:14px;padding:11px 13px;color:white}.phone-stats div:last-child{background:#8068de}.phone-stats small{display:block;color:#e2dcff;font-size:8px}.phone-stats b{font-size:22px}.phone-title{display:flex;justify-content:space-between;align-items:center;font-size:11px;font-weight:bold;margin:17px 0 12px}.phone-title span{font-size:7px;color:var(--purple)}.phone-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px 8px;text-align:center;font-size:8px}.phone-grid i{display:grid;place-items:center;margin:0 auto 6px;width:37px;height:37px;background:#e5deff;color:#5c47c4;border-radius:12px;font-style:normal;font-size:17px}.phone-grid div:nth-child(3n+2) i{background:#d6f2f8;color:#137f98}.phone-grid div:nth-child(3n) i{background:#e0eafa;color:#35557e;font-size:13px}.phone-bottom{display:flex;justify-content:space-around;margin-top:22px;padding-top:11px;border-top:1px solid #d9e2ec;color:var(--purple);font-size:15px;text-align:center}.phone-bottom small{display:block;font-size:6px}.float-label{position:absolute;z-index:2;display:flex;align-items:center;gap:10px;padding:13px 16px;background:#ffffffed;box-shadow:0 9px 30px #263d6615;border:1px solid #e4eaf4;border-radius:17px;font-size:11px;font-weight:700}.float-label>span{display:grid;place-items:center;background:#ddf5f3;color:#2d8986;border-radius:13px;width:35px;height:35px;font-size:15px}.float-label small{display:block;font-size:9px;color:var(--muted);font-weight:normal;margin-top:2px}.float-top{top:80px;left:0}.float-bottom{bottom:70px;right:0}.float-bottom>span{background:#ebe4ff;color:var(--purple);font-size:11px}.visual-caption{margin-top:30px;font-size:10px;text-align:center}.promise-strip{display:flex;justify-content:center;align-items:center;gap:28px;padding:22px 24px;background:#eaf1f8;border-top:1px solid #e0e9f3;border-bottom:1px solid #e0e9f3;font-size:12px;flex-wrap:wrap}.promise-strip span{font-weight:bold;color:#60708a}.section-head{margin-bottom:36px}.section-head>p:last-of-type{margin-top:18px;max-width:560px}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.feature{padding:27px;border:1px solid var(--line);border-radius:22px;background:#fff}.feature-icon{display:inline-grid;place-items:center;border-radius:13px;width:40px;height:40px;background:#eae6ff;color:var(--purple);font-size:12px;font-weight:bold;margin-bottom:24px}.feature h3{margin-bottom:13px}.feature p{font-size:13px}.feature small{display:block;margin-top:10px;color:#6f7185;font-size:10px}.featured{background:#ece8ff;border-color:#ddd5fc}.feature:nth-child(3) .feature-icon,.feature:nth-child(5) .feature-icon{background:#dff5fa;color:#197e99}.feature-tags{display:flex;gap:6px;flex-wrap:wrap;margin-top:22px}.feature-tags span{font-size:9px;background:#fff9;padding:5px 8px;border-radius:10px;color:#615685}.showcase{display:grid;grid-template-columns:1fr 1.1fr;gap:60px;align-items:center;background:#edf4fa;border-radius:30px;padding:60px 40px}.showcase-copy>p:not(.eyebrow){margin-top:20px;font-size:14px}.tabs{display:flex;gap:7px;flex-wrap:wrap;margin-top:26px}.tabs button,.billing-switch button{border:0;background:transparent;color:var(--muted);padding:11px 16px;border-radius:12px;font-size:12px;font-weight:bold;min-height:44px}.tabs button[aria-selected=true],.billing-switch button[aria-pressed=true]{background:var(--purple);color:white}.text-link{display:inline-block;color:var(--purple);font-size:13px;font-weight:bold;margin-top:20px}.preview-wrap{background:white;border:1px solid #dde6f2;border-radius:20px;overflow:hidden;box-shadow:0 18px 45px #233b6610}.preview-top{display:flex;align-items:center;gap:20px;padding:13px 20px;background:#f7f9fc;border-bottom:1px solid #e9edf2;font-size:9px;color:#71819b}.preview-dots{color:#c7c2ea;font-size:10px;letter-spacing:3px}#featurePreview{padding:23px}#featurePreview h3{font-size:20px}.preview-meta{display:flex;justify-content:space-between;color:#69758a;font-size:11px;margin:20px 0 6px}.preview-meta span{font-size:10px}.preview-row{display:flex;align-items:center;gap:13px;padding:16px 0;border-bottom:1px solid #e9eef5;font-size:12px}.preview-row:last-child{border:0}.preview-row>b{color:#6b59cd;font-size:11px;background:#efebff;padding:6px;border-radius:8px;min-width:26px;text-align:center}.preview-row>span{flex:1;min-width:0;font-weight:bold}.preview-row small{display:block;color:var(--muted);font-size:10px;font-weight:normal;margin-top:4px}.preview-row em{font-size:10px;font-style:normal;background:#e0f4ed;color:#2b8063;padding:5px 10px;border-radius:10px}.preview-row em.muted{background:#edf0f5;color:#6d7a91}.preview-caption{padding:12px 20px;border-top:1px solid #e8eef5;font-size:9px}.preview-money{display:flex;justify-content:space-between;padding:20px;background:#eee9ff;border-radius:15px;margin-top:20px;font-size:12px;color:#5845cb}.preview-money strong{font-size:21px}.role-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}.role-grid article{border-top:2px solid #bcb0ee;padding-top:20px}.role-grid span{font-size:10px;color:var(--purple);font-weight:bold;letter-spacing:1px}.role-grid h3{margin:17px 0 14px}.role-grid p{font-size:13px}.pricing{padding-top:20px}.pricing .section-head{text-align:center}.pricing .eyebrow{justify-content:center}.pricing .section-head>p{margin-left:auto;margin-right:auto}.billing-switch{display:inline-flex;gap:5px;padding:5px;border:1px solid #dbd8eb;border-radius:17px;margin-top:25px;background:white}.plan-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.plan{padding:27px;border:1px solid #dce5ef;border-radius:23px;background:white;position:relative;display:flex;flex-direction:column}.plan.recommended{border:2px solid var(--purple);background:#f3f0ff}.plan-badge{position:absolute;top:-14px;right:20px;background:var(--purple);color:white;border-radius:10px;font-size:9px;font-weight:bold;padding:6px 12px}.plan h3{font-size:24px}.plan .plan-sub{font-size:12px;margin-top:10px}.plan-price{font-size:21px;font-weight:bold;color:var(--ink);margin:26px 0 5px;line-height:1.4}.plan-period{font-size:11px;min-height:24px}.plan ul{list-style:none;padding:0;margin:23px 0 26px;font-size:12px;line-height:2.25}.plan li::before{content:'✓';color:var(--purple);margin-right:9px}.plan .btn{width:100%;margin-top:auto}.pricing-note{text-align:center;font-size:11px;margin-top:22px}.start-section{display:grid;grid-template-columns:1fr 1.1fr;gap:60px;padding-top:20px}.steps{list-style:none;padding:0;margin:0}.steps li{display:flex;gap:23px;padding:22px 0;border-bottom:1px solid #dee7f1}.steps li:first-child{padding-top:0}.steps li>b{display:grid;place-items:center;width:42px;height:42px;flex-shrink:0;background:#eae5ff;color:var(--purple);border-radius:14px;font-size:13px}.steps h3{font-size:20px;margin-bottom:10px}.steps p{font-size:13px}.faq{display:grid;grid-template-columns:1fr 1.5fr;gap:60px;padding-top:20px}.faq-list details{border-bottom:1px solid #dce5ef;padding:20px 0}.faq-list details:first-child{padding-top:0}.faq-list summary{font-size:14px;cursor:pointer;font-weight:650}.faq-list details p{font-size:13px;margin-top:14px}.contact{display:grid;grid-template-columns:1fr 1.05fr;gap:50px;background:linear-gradient(125deg,#6550d3,#45329e);color:white;border-radius:30px;padding:55px 40px;margin-bottom:70px}.contact .eyebrow{color:#d4caff}.contact-copy>p:not(.eyebrow){color:#ded8f9;font-size:14px;margin-top:22px}.contact h2{font-size:37px}.contact form{background:#f9fbff;color:var(--ink);padding:28px;border-radius:22px}.contact form h3{margin-bottom:22px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 14px}label{display:block;font-size:11px;font-weight:650;margin-bottom:14px}input,select,textarea{display:block;width:100%;padding:11px;border:1px solid #d5dfeb;border-radius:10px;background:white;margin-top:6px;font-size:13px;color:var(--ink);min-width:0}textarea{resize:vertical}.form-note{font-size:10px;margin-top:14px}.contact form .btn{width:100%}#contactLinks{margin-top:22px;font-size:12px;display:flex;gap:15px;flex-wrap:wrap}.site-footer{max-width:1160px;margin:auto;padding:0 24px 35px;display:flex;gap:24px;justify-content:space-between;align-items:center;flex-wrap:wrap}.site-footer p,.site-footer>a:last-child{font-size:11px}.plain{border:0;background:transparent;color:inherit;padding:8px;font-size:12px}.site-footer .plain{color:var(--muted);text-decoration:underline}dialog{color:var(--ink);width:calc(100% - 32px);max-width:570px;padding:26px;border:1px solid #d9e1ef;border-radius:22px;box-shadow:0 20px 70px #182d5230}dialog::backdrop{background:#15264680;backdrop-filter:blur(4px)}.dialog-heading{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:15px}.dialog-heading h2{font-size:24px;letter-spacing:-.6px}.dialog-heading button{min-width:44px;min-height:44px}.message-preview{white-space:pre-wrap;background:#f0f4fa;padding:18px;border-radius:14px;font-size:13px;overflow-wrap:anywhere}.dialog-actions{display:flex;gap:10px;margin-top:20px;flex-wrap:wrap}.dialog-note{font-size:12px;margin-top:14px}#portalStatus{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);background:#182d52;color:white;padding:12px 20px;border-radius:12px;font-size:13px;max-width:calc(100% - 32px);z-index:100;display:none}#portalStatus.visible{display:block}button{transition:transform 160ms ease,background-color 160ms ease}.button-motion-ring{position:fixed;width:64px;height:64px;border-radius:50%;background:currentColor;opacity:0;pointer-events:none;z-index:100;contain:strict}@keyframes portal-enter{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}dialog[open]{animation:portal-enter .18s ease-out}@media(max-width:1100px){#siteNav{gap:18px}.float-label{padding:10px;font-size:10px}.hero{gap:20px}.float-top{left:-8px}.float-bottom{right:-5px}.showcase,.contact{margin-left:20px;margin-right:20px}.promise-strip{gap:18px}.site-footer{gap:20px}}
@media(max-width:760px){html{scroll-padding-top:85px}.site-header{padding:16px 20px}.brand{font-size:18px}.nav-toggle{display:block}#siteNav{display:none;position:absolute;top:100%;left:0;right:0;padding:15px 20px 22px;background:#f8fbfe;border-bottom:1px solid #dce5ef;box-shadow:0 15px 25px #233b6610;flex-direction:column;gap:0;align-items:stretch}#siteNav.open{display:flex}#siteNav a{padding:12px 16px}.login-link{margin-top:8px}.section{padding:58px 20px}.hero{grid-template-columns:1fr;padding-top:36px;gap:28px}.hero-copy{max-width:560px}h1{font-size:clamp(39px,7.4vw,55px);letter-spacing:-1.6px}.intro{font-size:15px}.hero-points{gap:12px;font-size:10px}.hero-visual{max-width:470px;width:100%;margin:auto;padding:20px 25px 0}.phone{width:250px;transform:rotate(2deg)}.float-top{left:0;top:75px}.float-bottom{right:0}.float-label small{font-size:8px}.promise-strip{justify-content:flex-start;padding:22px 20px;gap:13px;font-size:11px}.promise-strip p{width:100%}.feature-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.feature{padding:22px}.showcase{grid-template-columns:1fr;gap:30px;padding:35px 24px;margin-left:16px;margin-right:16px;border-radius:24px}.role-grid{grid-template-columns:1fr;gap:28px}.role-grid h3{font-size:23px}.plan-grid{grid-template-columns:1fr;gap:25px;max-width:440px;margin:auto}.pricing .section-head{text-align:left}.pricing .eyebrow{justify-content:flex-start}.plan{padding:27px}.pricing-note{text-align:left}.start-section,.faq{grid-template-columns:1fr;gap:30px}.contact{grid-template-columns:1fr;margin:0 16px 45px;padding:35px 23px;gap:30px;border-radius:24px}.contact h2{font-size:32px}.contact form{padding:23px}.site-footer{padding:0 20px 28px}.site-footer p{width:100%}.feature h3{font-size:19px}.feature p{font-size:12px}}
@media(max-width:380px){h1{font-size:38px}.hero .actions{flex-direction:column}.hero .actions .btn{width:100%}.hero-visual{padding:15px 10px 0}.float-label{font-size:9px;padding:8px;gap:7px;max-width:195px}.float-label>span{width:27px;height:27px;flex-shrink:0}.float-top{top:70px;left:0}.float-bottom{bottom:55px;right:0}.float-label small{font-size:7px}.feature-grid{grid-template-columns:1fr}.feature{padding:24px}.form-grid{grid-template-columns:1fr}.contact form{padding:19px}.tabs button{padding:10px 12px}.preview-top{gap:12px}.preview-row{gap:9px}.preview-row em{padding:5px 7px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}button,.btn{transition:none!important}.btn:hover{transform:none}dialog[open]{animation:none}.button-motion-ring{display:none!important}}
@media print{.site-header,.nav-toggle,.actions,.btn,.billing-switch,.tabs,.contact form,.site-footer button,dialog,#portalStatus,.button-motion-ring{display:none!important}.section{padding:25px 0;break-inside:avoid}body{background:white}.hero{grid-template-columns:1fr}.hero-visual{display:none}.showcase,.contact{background:white;color:#182d52;border:1px solid #ddd}.contact p{color:#63748f!important}}
.plan-grid{grid-template-columns:repeat(2,minmax(0,1fr));max-width:850px;margin-left:auto;margin-right:auto}@media(max-width:760px){.plan-grid{grid-template-columns:1fr;max-width:440px}}
