:root{--ink:#edf3ff;--muted:#aab9d5;--line:#ffffff1c;--pale:#101d3a;--white:#080f26;--pink:#ff86cb;--blue:#78b8ff;--surface:#101c38;--deep:#080f26;background:var(--deep);color:var(--ink);color-scheme:dark}
body{background:radial-gradient(ellipse at 85% 5%,#3555b629,transparent 28%),radial-gradient(ellipse at 0 24%,#ae438a15,transparent 30%),#080f26}
.header{position:relative;z-index:2;border-bottom:1px solid var(--line)}.brand-icon,.mini-brand{background:linear-gradient(145deg,#91caff,#ed9cdc);color:#09152e;box-shadow:0 3px 13px #8d8fff26}.brand-tag{color:#aab9d5}.header nav a{color:#cedaf0;transition:color .2s}.header nav a:hover{color:var(--pink)}.dark{background:#192b52;color:#edf3ff;border:1px solid #9eb8ff3d;box-shadow:inset 0 1px 0 #ffffff10}.button{position:relative;transition:transform .25s,box-shadow .25s,background .25s}.button span{transition:transform .25s}.button:hover span{transform:translate(2px,-2px)}.orange{background:linear-gradient(110deg,#ff9ed6,#e79eff);color:#17112b;box-shadow:0 8px 28px #de6ec52b,inset 0 1px 0 #ffffff70}.orange:hover{background:linear-gradient(110deg,#ffb0df,#c6b0ff);box-shadow:0 12px 36px #e07dca42}.outline{border-color:#92bbf9;color:#daeaff}.outline:hover{background:#243969}.hero{position:relative;isolation:isolate;gap:64px;padding-top:68px;padding-bottom:84px}.hero:before{content:'';position:absolute;inset:0 -5%;z-index:-1;background:radial-gradient(ellipse at 80% 45%,#2f75fa22,transparent 50%),radial-gradient(ellipse at 10% 40%,#e971c413,transparent 45%);pointer-events:none}.hero-copy{position:relative}.hero .eyebrow{color:#c5d7f9}.accent{color:#f5a0dd;background:linear-gradient(120deg,#7ab8ff 4%,#cfb4ff 42%,#ff87c9 82%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.hero-description{color:#e2eafa}.hero h1{text-shadow:0 15px 70px #809cff10}.hero-product{transform:none;background:linear-gradient(145deg,#182747,#101b33);border:1px solid #9eb8ed45;border-radius:20px;box-shadow:0 36px 80px #00000066,0 0 55px #5597ff15,inset 0 1px 0 #ffffff1f}.product-top{background:linear-gradient(120deg,#1b315a,#222946);border-bottom:1px solid #a0bfff20;padding:21px}.product-top div>span{color:#bdcbe4}.example-label{color:#c9bde7}.conversation{background:linear-gradient(145deg,#111f3c,#111a31);padding-bottom:8px}.chat-label{color:#b0c9f3;font-size:11px;letter-spacing:1.25px}.bubble{font-size:14px;line-height:1.6;box-shadow:0 5px 14px #0000000e}.customer{background:linear-gradient(120deg,#2b4678,#2c3c69);color:#f1f6ff;border:1px solid #8facdd20}.agent{background:linear-gradient(125deg,#222d49,#27253f);color:#e6edfa;border-color:#aa95cc30}.agent strong{color:#ffc1e6;font-weight:700}.reply .mini-brand{margin-top:3px}.handoff{background:linear-gradient(120deg,#192e4c,#24233f);border-color:#7eabdf30;box-shadow:inset 0 1px 0 #ffffff06}.handoff-title{color:#e4eaff}.check-icon{color:#94c5ff}.handoff-grid{font-size:12px}.handoff-grid span{color:#adbbd4}.handoff-grid strong{color:#e9d6f5}.product-bottom{background:#0c172d;color:#abb9d1;font-size:12px;line-height:1.5;padding:16px 24px}.benefit-strip{background:linear-gradient(90deg,#14254b,#1b2344,#302340);border-top:1px solid #86aaff26;border-bottom:1px solid #c197dd26;color:#dce8ff}.benefit-strip span:before{color:#f5a3d7}.eyebrow{color:#b7cced}.section-heading>p{color:#aab9d5}.capability-grid{gap:18px;border:0}.capability-grid article{border:1px solid #a7b8e221;border-radius:14px;background:linear-gradient(135deg,#142444,#101a32);box-shadow:0 14px 24px #00000016,inset 0 1px 0 #ffffff06;transition:transform .3s,border-color .3s,box-shadow .3s}.capability-grid article:nth-child(2n){background:linear-gradient(135deg,#1d2442,#121a31)}.capability-grid article:hover{transform:translateY(-5px);border-color:#b3a5f25c;box-shadow:0 21px 32px #00000033}.feature-number{color:#efacdc}.examples-section{background:linear-gradient(130deg,#111f3b,#171b35);border-block:1px solid var(--line)}.example-tabs button{color:var(--ink)}.example-tabs button[aria-selected=true]{background:linear-gradient(110deg,#24426b,#292d51);border-color:#779cc55e;box-shadow:0 10px 28px #00000026}.example-tabs button:hover{background-color:#a9c5ff09}.example-tabs button[aria-selected=true]>span,.example-tabs button[aria-selected=true] b{color:#f6a6de}.scenario-panel{background:linear-gradient(140deg,#173863,#222443);border:1px solid #86b3e447;box-shadow:0 22px 38px #00000030,inset 0 1px 0 #ffffff08}.scenario-tag{color:#b6ceef}.scenario-outcome{border-color:#97b7e52e}.scenario-outcome strong{color:#ffb4e2}.connection-row span{background:linear-gradient(130deg,#162948,#1c213e);border-color:#97b7e533;box-shadow:0 8px 20px #00000015;color:#d6e4fa}.steps article>span{color:#86baff}.steps article{position:relative}.control-note{background:linear-gradient(100deg,#172c4d,#232039);border-radius:0 12px 12px 0}.pricing-section{background:radial-gradient(ellipse at 12% 40%,#246bed26,transparent 55%),radial-gradient(ellipse at 95% 90%,#d762b82b,transparent 55%),#0c1530;border-block:1px solid var(--line)}.pricing-header .eyebrow{color:#ffb4e2}.price-card{background:linear-gradient(135deg,#182b50,#17213e);border:1px solid #8bafed3d;color:#eef4ff;box-shadow:0 20px 40px #0000002b,inset 0 1px 0 #ffffff0d}.price-card.annual{background:linear-gradient(135deg,#242b54,#362442);border-color:#ed9ad2;box-shadow:0 20px 50px #00000036,0 0 28px #eb99d10d}.price-features{border-color:#adc2ed2e}.price-features li:before{color:#ffb1de}.savings{background:#62355c;color:#ffe2f3}.plan-label{color:#ceddf8}.price span,.price-description{color:#bfcae1}.faq-list{border-color:#a4b7e32e}details{border-color:#a4b7e32e}summary span{color:var(--pink);transition:transform .2s}details[open] summary{color:#ffb6e1}.contact-box{background:radial-gradient(ellipse at 95% 15%,#da71c136,transparent 62%),linear-gradient(115deg,#183866,#282a50);border:1px solid #9eb2e442;box-shadow:0 25px 60px #00000035,inset 0 1px 0 #ffffff12}.contact-box p:not(.eyebrow){color:#c3d1e8}.contact-email{border-color:#ad9cca;color:#e9dafa}.contact-action>span{color:#c2c9df}footer{color:#aab9d5}footer .brand{color:#dceaff}footer a:last-child:hover{color:#ffc0e6}.skip{background:#163765;color:white}.section{position:relative}.hero-note,.pricing-note{color:#aebdd8}
@keyframes rise-in{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}
@keyframes message-in{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
@media(prefers-reduced-motion:no-preference){.hero-copy{animation:rise-in .7s ease-out both}.hero-product{animation:rise-in .85s .1s ease-out both}.conversation>.bubble,.conversation>.reply{animation:message-in .55s ease-out both}.conversation>:nth-child(2){animation-delay:.5s}.conversation>:nth-child(3){animation-delay:1s}.conversation>:nth-child(4){animation-delay:1.5s}.conversation>:nth-child(5){animation-delay:2s}.handoff{animation:message-in .6s 2.55s ease-out both}.reveal-ready{opacity:0;transform:translateY(20px);transition:opacity .65s ease,transform .65s ease;transition-delay:var(--reveal-delay,0ms)}.reveal-ready.revealed{opacity:1;transform:translateY(0)}.scenario-panel:not([hidden]){animation:message-in .35s ease-out}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.reveal-ready{opacity:1;transform:none}}
@media(max-width:980px){.hero{gap:30px}.handoff-grid{grid-template-columns:1fr}.handoff-grid strong{text-align:left}.capability-grid{gap:12px}.hero-product{transform:none}}
@media(max-width:720px){.hero{padding-top:36px;padding-bottom:48px;gap:38px}.hero-product{max-width:530px}.hero:before{inset:0}.capability-grid{gap:14px}.section-heading h2{letter-spacing:-1.2px}.conversation{padding:22px 17px 8px}.product-top{padding:19px 17px}.handoff{margin:8px 17px 17px}.handoff-grid{grid-template-columns:auto 1fr}.handoff-grid strong{text-align:right}.hero .eyebrow{font-size:11px}.customer{margin-left:35px}}
@media(max-width:420px){.handoff-grid{grid-template-columns:1fr}.handoff-grid strong{text-align:left}.bubble{padding:12px;font-size:14px}.product-top div>span{font-size:11px}.hero-product .example-label{font-size:9px}.capability-grid{grid-template-columns:1fr}}