:root{--bg: #f5f7fb;--surface: #ffffff;--surface-soft: #f8fafc;--surface-raised: rgba(255, 255, 255, .86);--line: rgba(17, 24, 39, .11);--line-strong: rgba(17, 24, 39, .18);--text: #111827;--muted: #596475;--muted-strong: #374151;--primary: #3b82f6;--primary-deep: #1d4ed8;--secondary: #8b5cf6;--success: #16a34a;--warning: #d97706;--danger: #dc2626;--ink: #0b1220;--shadow-soft: 0 18px 48px rgba(15, 23, 42, .08);--shadow-tight: 0 10px 28px rgba(15, 23, 42, .08);--radius: 8px;--radius-lg: 12px;--max-width: 1180px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--text);font-family:Inter,Segoe UI,sans-serif;font-size:16px;background:linear-gradient(180deg,#fffffff0,#f5f7fbfa 38%,#eef3f9),var(--bg);text-rendering:geometricPrecision}body:before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(90deg,rgba(17,24,39,.035) 1px,transparent 1px),linear-gradient(180deg,rgba(17,24,39,.035) 1px,transparent 1px);background-size:48px 48px;mask-image:linear-gradient(180deg,#000 0%,transparent 70%)}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}h1,h2,h3{margin:0;color:var(--ink);font-family:Inter,Segoe UI,sans-serif;font-weight:800;letter-spacing:0}p{margin:0}:focus-visible{outline:3px solid rgba(59,130,246,.42);outline-offset:3px}.container{width:min(var(--max-width),calc(100vw - 32px));margin:0 auto}.site-header{position:sticky;top:0;z-index:20;padding:12px 0;background:#f5f7fbc7;border-bottom:1px solid rgba(17,24,39,.06);backdrop-filter:blur(18px)}.header-inner{display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:64px}.brand{display:inline-flex;align-items:center;gap:10px;color:var(--ink);font-size:1.08rem;font-weight:800}.brand:before{content:"";width:12px;height:12px;border-radius:50%;background:linear-gradient(135deg,var(--primary),var(--secondary));box-shadow:0 0 0 5px #3b82f61f}.header-nav{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:wrap}.header-nav a:not(.btn),.footer-links a,.inline-link{color:var(--muted);font-weight:600;transition:color .16s ease,background-color .16s ease}.header-nav a:not(.btn){min-height:40px;padding:10px 12px;border-radius:var(--radius)}.header-nav a:not(.btn):hover,.footer-links a:hover,.inline-link:hover{color:var(--primary-deep)}.header-nav a:not(.btn):hover{background:#3b82f614}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 18px;border:1px solid transparent;border-radius:var(--radius);font-weight:700;white-space:nowrap;transition:transform .16s ease,box-shadow .16s ease,background-color .16s ease,border-color .16s ease}.btn:hover{transform:translateY(-1px)}.btn:active{transform:translateY(0)}.btn-primary{color:#fff;background:var(--ink);box-shadow:0 14px 28px #1118272e}.btn-primary:hover{background:#1f2937}.btn-muted{color:var(--text);background:var(--surface);border-color:var(--line)}.btn-muted:hover{border-color:var(--line-strong);box-shadow:var(--shadow-tight)}.inline-link{display:inline-flex;align-items:center;min-height:40px}.page-shell{padding-bottom:64px}.hero-section{padding:56px 0 28px}.hero-grid{display:grid;grid-template-columns:minmax(0,.92fr) minmax(420px,1.08fr);gap:56px;align-items:center;min-height:calc(100svh - 112px)}.hero-copy{display:flex;flex-direction:column;align-items:flex-start}.hero-copy h1,.page-hero h1{margin-top:18px;font-size:clamp(3rem,6.8vw,5.9rem);line-height:.96}.hero-copy p,.page-hero p,.section-heading p,.info-card p,.helps-card p,.blog-card p,.blog-list-item p,.article-header p,.article-content p,.article-content li,.final-cta-card p,.site-footer p{color:var(--muted);line-height:1.7}.hero-copy p{margin-top:24px;max-width:620px;color:var(--muted-strong);font-size:1.08rem}.landing-pill,.eyebrow,.helps-step,.tag{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;font-size:.75rem;font-weight:800;letter-spacing:0}.landing-pill,.eyebrow,.helps-step{min-height:32px;padding:0 12px;color:var(--primary-deep);background:#3b82f61a;border:1px solid rgba(59,130,246,.18)}.eyebrow{text-transform:uppercase}.cta-row{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:28px}.hero-proof{display:flex;flex-wrap:wrap;gap:8px;margin-top:22px}.hero-proof span{display:inline-flex;align-items:center;min-height:32px;padding:0 12px;border:1px solid var(--line);border-radius:999px;color:var(--muted-strong);background:#ffffffb8;font-size:.86rem;font-weight:700}.hero-interaction{position:relative;min-height:600px;padding:16px;overflow:hidden;border:1px solid var(--line);border-radius:var(--radius-lg);background:linear-gradient(90deg,rgba(59,130,246,.045) 1px,transparent 1px),linear-gradient(180deg,rgba(59,130,246,.045) 1px,transparent 1px),linear-gradient(180deg,#fffffffa,#f8fafcf5);background-size:28px 28px,28px 28px,auto;box-shadow:var(--shadow-soft)}.chat-topline{display:inline-flex;align-items:center;gap:10px;min-height:40px;padding:0 12px;border:1px solid var(--line);border-radius:999px;background:#ffffffeb;color:var(--muted-strong);font-size:.84rem;font-weight:700}.chat-avatar{display:inline-grid;place-items:center;width:24px;height:24px;border-radius:50%;color:#fff;background:linear-gradient(135deg,var(--primary),var(--secondary));font-size:.75rem}.chat-turn-stack{position:relative;min-height:528px;margin-top:18px}.chat-turn{position:absolute;inset:0;opacity:0;transform:translateY(16px)}.typing-bubble,.turn-result{border:1px solid var(--line);border-radius:var(--radius-lg);background:#fffffff5;box-shadow:var(--shadow-tight)}.typing-bubble{padding:18px}.typing-text{display:flex;flex-direction:column;gap:5px;color:var(--ink);font-weight:700}.typing-line{display:inline-block;width:fit-content}.turn-result{position:absolute;top:126px;right:22px;left:22px;overflow:hidden}.dashboard-topbar{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:16px 18px 14px;border-bottom:1px solid var(--line)}.dashboard-topbar p{color:var(--ink);font-weight:800}.dashboard-topbar span,.dashboard-topbar strong{color:var(--muted);font-size:.88rem}.dashboard-topbar strong{color:var(--success)}.dashboard-metrics,.settings-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;padding:18px}.metric-tile,.reference-list div,.workflow-steps div,.settings-grid div,.troubleshoot-card{border-radius:var(--radius);background:var(--surface-soft)}.metric-tile{min-height:96px;padding:16px}.metric-tile span,.reference-list span{color:var(--muted);font-size:.78rem;font-weight:700}.metric-tile strong{display:block;margin-top:8px;color:var(--ink);font-size:1.5rem}.reference-list,.workflow-steps,.troubleshoot-card{padding:18px}.reference-list,.workflow-steps{display:grid;gap:12px}.reference-list div,.workflow-steps div,.settings-grid div{padding:14px;color:var(--muted-strong);font-weight:700}.settings-grid span{display:inline-block;width:9px;height:9px;margin-right:8px;border-radius:50%;background:var(--success)}.troubleshoot-card p{color:var(--text);font-weight:700}.troubleshoot-card span{display:block;margin-top:10px;color:var(--muted)}.surface-section{padding:74px 0 0}.surface-section-soft{margin-top:72px;padding:72px 0 0;background:linear-gradient(180deg,#ffffffb8,#ffffff61);border-top:1px solid rgba(17,24,39,.06)}.proof-strip{padding:20px 0 0}.proof-strip-inner{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;overflow:hidden;border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--line);box-shadow:var(--shadow-tight)}.proof-strip-inner div{min-height:128px;padding:24px;background:var(--surface)}.proof-strip-inner div:nth-child(2){background:var(--ink);color:#fff}.proof-strip-inner div:nth-child(2) span{color:#ffffffb8}.proof-strip-inner strong,.proof-strip-inner span{display:block}.proof-strip-inner strong{color:inherit;font-size:1rem;line-height:1.35}.proof-strip-inner span{margin-top:8px;color:var(--muted);line-height:1.6}.section-heading{display:flex;flex-direction:column;gap:12px;max-width:840px}.section-heading-row{max-width:none;flex-direction:row;align-items:end;justify-content:space-between;gap:24px}.section-heading h2{max-width:940px;font-size:clamp(2.25rem,4.6vw,4.3rem);line-height:1}.section-heading p{max-width:760px;font-size:1.02rem}.problem-grid,.use-case-grid,.helps-grid,.blog-grid{display:grid;gap:16px;margin-top:28px}.problem-grid,.helps-grid,.blog-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.use-case-grid{grid-template-columns:repeat(6,minmax(0,1fr))}.use-case-grid .info-card{grid-column:span 2}.use-case-grid .info-card:nth-child(4),.use-case-grid .info-card:nth-child(5){grid-column:span 3}.info-card,.helps-card,.blog-card,.blog-list-item,.outcome-card,.article-container,.page-hero .container{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface-raised);box-shadow:0 12px 32px #0f172a0e}.info-card,.helps-card,.blog-card,.blog-list-item{position:relative;min-height:220px;padding:24px;overflow:hidden}.info-card:before,.helps-card:before{content:"";position:absolute;inset:0 0 auto;height:3px;background:linear-gradient(90deg,var(--primary),var(--secondary));opacity:.84}.info-card h3,.helps-card h3,.blog-card h3,.blog-list-item h2{font-size:1.28rem;line-height:1.16}.card-kicker{display:inline-flex;margin-bottom:12px;color:var(--primary-deep);font-size:.74rem;font-weight:800;letter-spacing:0;text-transform:uppercase}.info-card p,.helps-card p,.blog-card p,.blog-list-item p{margin-top:12px}.helps-flow{margin-top:24px}.helps-card .helps-step{margin-bottom:16px;font-family:JetBrains Mono,Consolas,monospace}.outcome-card{display:flex;align-items:center;gap:18px;margin-top:16px;padding:20px;border-color:#16a34a38;background:linear-gradient(135deg,#16a34a14,#fffffff5)}.outcome-card strong{color:var(--ink)}.outcome-image{width:80px;height:80px;flex:0 0 80px;overflow:hidden;border-radius:var(--radius);background:var(--surface-soft)}.blog-meta,.tag-row{display:flex;align-items:center;flex-wrap:wrap;gap:10px}.blog-meta{color:var(--muted);font-size:.9rem}.tag-row{margin-top:16px}.tag{min-height:30px;padding:0 10px;color:var(--muted-strong);background:#eef2f7}.blog-card h3,.blog-list-item h2,.article-header h1{margin-top:14px}.blog-card h3 a,.blog-list-item h2 a{color:var(--text)}.blog-list{display:grid;gap:18px}.page-hero{padding:32px 0 0}.page-hero .container,.article-container{padding:34px}.article-shell{padding-top:28px}.back-link{display:inline-flex;margin-bottom:20px}.article-header h1{font-size:clamp(2.4rem,4vw,3.8rem);line-height:1}.article-content{margin-top:28px}.article-content h2,.article-content h3{margin-top:28px;font-size:1.7rem}.article-content h3{font-size:1.3rem}.article-content p+p,.article-content ul+p,.article-content p+ul,.article-content h2+p,.article-content h3+p{margin-top:16px}.article-content ul{margin:16px 0 0;padding-left:22px}.article-content a{color:var(--primary-deep);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:2px}.article-inline-cta{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-top:36px;padding:22px;border:1px solid rgba(59,130,246,.16);border-radius:var(--radius);background:#3b82f614}.related-posts{margin-top:42px}.related-posts h2{margin-bottom:20px;font-size:1.8rem}.final-cta{padding-bottom:36px}.final-cta-card{padding:42px;border-radius:var(--radius-lg);background:linear-gradient(135deg,#0b1220fa,#1f2937f5 56%,#1d4ed8e6);color:#fff}.final-cta-card h2{margin-top:12px;color:#fff;font-size:clamp(2.4rem,5vw,4.8rem);line-height:1}.final-cta-card p{max-width:720px;margin-top:14px;color:#ffffffbd}.final-cta-card .eyebrow{color:#dbeafe;background:#ffffff1a;border-color:#ffffff2e}.final-cta-card .btn-primary{color:var(--ink);background:#fff}.final-cta-card .btn-muted{color:#fff;background:#ffffff1f;border-color:#fff3}.final-cta-card .inline-link{color:#dbeafe}.site-footer{padding:0 0 36px}.footer-grid{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:24px;padding:28px 0;border-top:1px solid var(--line)}.footer-brand{margin-bottom:10px}.footer-links{display:flex;flex-wrap:wrap;gap:16px;align-content:start;justify-content:flex-end}.chat-turn-one{animation:turnOneCycle 18s infinite}.chat-turn-two{animation:turnTwoCycle 18s infinite}.chat-turn-three{animation:turnThreeCycle 18s infinite}.chat-turn-four{animation:turnFourCycle 18s infinite}.chat-turn-five{animation:turnFiveCycle 18s infinite}@keyframes turnOneCycle{0%,18%{opacity:1;transform:translateY(0)}22%,to{opacity:0;transform:translateY(-12px)}}@keyframes turnTwoCycle{0%,19%,38%,to{opacity:0;transform:translateY(12px)}22%,35%{opacity:1;transform:translateY(0)}}@keyframes turnThreeCycle{0%,36%,56%,to{opacity:0;transform:translateY(12px)}40%,53%{opacity:1;transform:translateY(0)}}@keyframes turnFourCycle{0%,54%,74%,to{opacity:0;transform:translateY(12px)}58%,71%{opacity:1;transform:translateY(0)}}@keyframes turnFiveCycle{0%,72%{opacity:0;transform:translateY(12px)}76%,95%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-12px)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.chat-turn-one{opacity:1;transform:none}}@media(max-width:1080px){.hero-grid,.problem-grid,.helps-grid,.blog-grid,.proof-strip-inner,.footer-grid,.section-heading-row,.article-inline-cta{grid-template-columns:1fr}.hero-grid{min-height:0;gap:32px}.use-case-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.use-case-grid .info-card,.use-case-grid .info-card:nth-child(4),.use-case-grid .info-card:nth-child(5){grid-column:auto}.header-inner,.footer-grid,.article-inline-cta{display:flex;flex-direction:column;align-items:flex-start}.header-nav,.footer-links{justify-content:flex-start}}@media(max-width:820px){.container{width:min(100vw - 20px,var(--max-width))}.site-header{position:relative}.header-inner{min-height:0}.header-nav{width:100%}.header-nav .btn{flex:1 1 150px}.hero-section{padding-top:32px}.hero-grid{grid-template-columns:1fr}.hero-copy h1,.page-hero h1,.article-header h1{font-size:clamp(2.4rem,10vw,3.35rem);line-height:1}.section-heading h2,.final-cta-card h2{font-size:clamp(2rem,9vw,3rem);line-height:1.04}.use-case-grid,.dashboard-metrics,.settings-grid{grid-template-columns:1fr}.hero-interaction{min-height:680px}.turn-result{top:138px;right:14px;left:14px}.info-card,.helps-card,.blog-card,.blog-list-item,.page-hero .container,.article-container,.final-cta-card{padding:22px}.outcome-card{align-items:flex-start}}