/* Motion is progressive enhancement: all content is visible without JavaScript. */
.hero-scene{position:relative;isolation:isolate;overflow:clip;background:linear-gradient(180deg,#f4f8ff 0%,#fff 55%,#f8faff 100%)}
.hero-atmosphere{position:absolute;inset:0;pointer-events:none;z-index:-1;overflow:hidden}
.hero-atmosphere:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 50% 20%,#fff 0%,#ffffffed 29%,#ffffff00 65%);z-index:2}
.light-ribbon{position:absolute;display:block;right:-30%;top:125px;width:110%;height:330px;transform:rotate(-17deg);background:linear-gradient(105deg,#e8f0ff00 10%,#93c5fd55 36%,#3b82f68c 60%,#4f46e599 83%,#1e3a8a 100%);border-top:1px solid #a9c8ff77;border-bottom:1px solid #b3ccfa66;animation:ribbonDrift 16s ease-in-out infinite alternate}
.light-ribbon:nth-child(2){top:570px;right:34%;width:96%;height:155px;opacity:.7;background:linear-gradient(90deg,#1e40af88,#3b82f670 35%,#c7d2fe66 65%,transparent);animation-delay:-7s;animation-duration:19s}
.light-ribbon:nth-child(3){top:455px;right:-39%;height:1px;width:100%;background:linear-gradient(90deg,transparent,#3b82f6aa,#4f46e5);opacity:.6;animation:none}
.a-hero{padding-top:76px;padding-bottom:46px;position:relative}.a-hero h1{letter-spacing:-.052em}.a-hero h1 span{background:linear-gradient(110deg,#1e40af 5%,#2563eb 45%,#4f46e5 96%);background-clip:text;-webkit-background-clip:text;color:transparent}.a-hero .hero-eyebrow{display:block;padding:0;border:0;border-radius:0;background:none;color:#475569;font-size:13px;font-weight:400;letter-spacing:0;text-transform:none}.a-hero .hero-eyebrow:before{content:none}
.product-section{position:relative;padding-bottom:52px}.product-tabs button{background:#ffffff8c}.app-window{border-color:#c3d4f1;box-shadow:0 0 0 6px #ffffff99,0 18px 60px #1e3a8a16;transform-origin:center 30%;transform:perspective(1500px) rotateX(var(--product-angle,0deg)) scale(var(--product-scale,1));backface-visibility:hidden}.preview-caption{color:#64748b}
.scroll-meter{position:fixed;inset:0 auto auto 0;width:100%;height:3px;background:linear-gradient(90deg,#1e3a8a,#3b82f6 55%,#4f46e5);transform:scaleX(var(--reading-progress,0));transform-origin:left;pointer-events:none;z-index:130}
.site-header{transition:background .3s,box-shadow .3s,border-color .3s}.has-scrolled .site-header{background:#ffffffed;backdrop-filter:blur(16px);box-shadow:0 4px 22px #0f172a07;border-bottom-color:#cbd8ed}.desktop-nav a{position:relative}.desktop-nav a:after{content:"";height:2px;position:absolute;bottom:-9px;left:0;right:0;background:#2563eb;transform:scaleX(0);transform-origin:left;transition:transform .25s}.desktop-nav a[aria-current=location]:after,.desktop-nav a:hover:after{transform:scaleX(1)}
.motion-toggle{display:grid;place-items:center;width:30px;height:34px;border:1px solid #dbe3f0;border-radius:5px;color:#475569;flex-shrink:0}.motion-toggle svg{width:14px;height:14px}.motion-toggle:hover{border-color:#3b82f6;color:#1d4ed8}.motion-toggle .play-symbol{display:none}.motion-toggle[aria-pressed=true] .pause-symbol{display:none}.motion-toggle[aria-pressed=true] .play-symbol{display:block}.motion-toggle[hidden]{display:none}.page-hidden .light-ribbon,.page-hidden .chrome-section:before{animation-play-state:paused!important}
.button.primary{background:linear-gradient(120deg,#1e40af,#2563eb 65%,#3b82f6);border-color:#2563eb;box-shadow:0 3px 8px #2563eb16}.button{transition:transform .22s,box-shadow .22s,background .22s,border-color .22s}.button svg{transition:transform .22s}.button:hover svg{transform:translateX(3px)}.button:active{transform:translateY(0)}.button.primary:hover{box-shadow:0 8px 22px #2563eb28}
.workflow-columns article{position:relative}.workflow-columns article:before{content:"";position:absolute;top:-1px;left:0;right:0;height:2px;background:linear-gradient(90deg,#1e40af,#3b82f6,#a5b4fc);transform:scaleX(var(--workflow-progress,0));transform-origin:left}.workflow-columns .step-id{background:#eff6ff;border:1px solid #dbeafe;display:inline-grid;place-items:center;width:32px;height:32px;border-radius:50%}
.expanded-services{background:linear-gradient(145deg,#f8fafc,#f3f7ff 55%,#fafbff)}.service-explorer{box-shadow:0 12px 42px #1e3a8a08}.service-example{box-shadow:0 9px 25px #0f172a07}.service-tabs button{transition:background .22s,color .22s}.service-tabs button svg{transition:transform .22s}.service-tabs button[aria-selected=true] svg{transform:translateX(3px)}.service-body{animation:serviceReveal .45s cubic-bezier(.2,.7,.2,1)}
.chrome-section{position:relative;isolation:isolate;overflow:clip;background:#0f172a;border-block:1px solid #22324e}.chrome-section:before{content:"";position:absolute;inset:-100px -25% -80px 30%;z-index:-1;background:linear-gradient(125deg,transparent 10%,#1e40af44 34%,#3b82f62e 50%,#4f46e544 66%,transparent 80%);transform:rotate(-8deg);animation:chromeLight 17s ease-in-out infinite alternate;pointer-events:none}.chrome-copy h2{color:#fff}.chrome-copy>.section-label{color:#93c5fd}.chrome-copy>p,.chrome-copy li{color:#d0ddf0}.chrome-copy li svg{color:#93c5fd}.chrome-copy .chrome-fine,.chrome-manual{color:#b8c8e1}.chrome-privacy{color:#c7d7ef}.chrome-section .service-caption{color:#adbfda}.chrome-section .button.primary{background:linear-gradient(115deg,#2563eb,#4f46e5);box-shadow:0 8px 25px #0002}.extension-demo{border-color:#5475a650;box-shadow:0 20px 65px #02061755;transform:translateY(var(--extension-y,0px))}.browser-example-top{background:#f4f7fd}.manual-paste{position:relative;overflow:hidden}.manual-paste:after{content:"";position:absolute;left:0;top:0;height:2px;width:100%;background:linear-gradient(90deg,#2563eb,#4f46e5);transform:scaleX(var(--extension-progress,0));transform-origin:left}
.plan-card{position:relative;transition:transform .25s,border-color .25s,box-shadow .25s;background:linear-gradient(155deg,#fff,#fdfdff);overflow:hidden}.plan-card:before{content:"";position:absolute;left:0;right:0;top:0;height:3px;background:linear-gradient(90deg,#1e40af,#3b82f6,#4f46e5);opacity:0;transition:opacity .25s}.plan-popular{background:linear-gradient(155deg,#eff6ff,#fff 65%)}.plan-popular:before{opacity:1}.plan-card:hover:before{opacity:1}.plan-card:hover{border-color:#93b4f2;box-shadow:0 12px 32px #1e3a8a13}.plan-badge{color:#1d4ed8}.faq-items details[open]>p{animation:answerReveal .25s ease-out}.a-final{background:linear-gradient(120deg,#eaf2ff,#eef0ff 75%,#e2ebff)}.a-final h2{color:#1e3a8a}
html[data-motion=off] *,html[data-motion=off] *:before,html[data-motion=off] *:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}html[data-motion=off] .app-window,html[data-motion=off] .extension-demo{transform:none!important}.effects-outside:before,.effects-outside .light-ribbon{animation-play-state:paused!important}
html:not([data-motion=on]) .light-ribbon,html:not([data-motion=on]) .chrome-section:before{animation:none}html[data-motion=off]{scroll-behavior:auto!important}
@keyframes ribbonDrift{from{transform:translate3d(-18px,-12px,0) rotate(-17deg) scale(1.03)}to{transform:translate3d(30px,24px,0) rotate(-13deg) scale(1.06)}}
@keyframes chromeLight{from{transform:translate3d(-30px,0,0) rotate(-8deg);opacity:.6}to{transform:translate3d(45px,20px,0) rotate(-3deg);opacity:1}}
@keyframes serviceReveal{from{opacity:.35;transform:translateY(9px)}to{opacity:1;transform:translateY(0)}}
@keyframes answerReveal{from{opacity:.4;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}
@media(hover:hover) and (pointer:fine){.button:hover{transform:translateY(-2px)}.plan-card:hover{transform:translateY(-5px)}}
@media(max-width:1200px){.header-actions{gap:15px}.desktop-nav{gap:18px}.header-row{gap:24px}}
@media(max-width:760px){.a-hero{padding-top:47px;padding-bottom:34px}.a-hero .hero-eyebrow{display:block;padding:0;border:0;border-radius:0;background:none;color:#475569;font-size:13px;font-weight:400;letter-spacing:0;text-transform:none}.hero-atmosphere:before{background:radial-gradient(ellipse at 35% 15%,#fff 0%,#fffffff2 28%,#ffffffbb 58%,transparent 100%)}.light-ribbon{right:-110%;top:200px;width:190%;height:200px;animation-duration:22s}.light-ribbon:nth-child(2){right:0;top:630px;animation:none;opacity:.3}.light-ribbon:nth-child(3){display:none}.motion-toggle{width:27px;height:30px}.header-actions{gap:8px}.header-row{gap:8px}.logo{font-size:16px}.logo img{width:27px;height:27px}.app-window{transform:none!important;box-shadow:0 0 0 3px #ffffff99,0 10px 35px #1e3a8a0c}.chrome-section:before{animation:none}.extension-demo{transform:none!important}.chrome-copy h2{font-size:38px}.product-section{padding-bottom:36px}}
@media(prefers-reduced-motion:reduce){.light-ribbon,.chrome-section:before{animation:none}.app-window,.extension-demo{transform:none!important}.workflow-columns article:before,.manual-paste:after{transform:scaleX(1)}}
@media print{.hero-atmosphere,.scroll-meter,.motion-toggle{display:none}.app-window,.extension-demo{transform:none!important}.chrome-section{background:white!important}.chrome-section *{color:#0f172a!important}.a-hero h1 span{background:none;color:#1e40af}.chrome-section:before{display:none}}