.brand{font-size:22px;letter-spacing:-1.1px;font-weight:800;gap:7px;align-items:center;white-space:nowrap}.brand span{font-size:15px}.footer-name{font-size:22px;letter-spacing:-1px;gap:9px}.footer-name span{font-size:16px}
.hero{padding-top:0}.hero-grid{grid-template-columns:.95fr 1.05fr;gap:4%;padding:42px 0 30px;min-height:min(650px,calc(100svh - 190px))}.hero-bottom>.small-label{writing-mode:horizontal-tb;transform:none;max-width:90px;font-size:8px;line-height:1.7}.hero-copy{max-width:620px}.hero h1{font-size:clamp(54px,4.7vw,79px);line-height:1.015;letter-spacing:-.065em;margin-bottom:24px}.hero-copy .lead{font-size:14px;max-width:550px;line-height:1.65}.hero-copy .eyebrow{margin-bottom:22px}.hero-actions{margin-top:26px;gap:24px}
.pipeline-stage{min-width:0;position:relative;align-self:center;padding:0 0 5px;isolation:isolate}.pipeline-stage:before{content:'';position:absolute;inset:-50px -30px 30px;background:radial-gradient(ellipse,#fff 0%,#ffffff80 38%,transparent 71%);z-index:-1;pointer-events:none}.seo-console{--blue:#4566da;--mono:'Cascadia Code','Consolas',monospace;position:relative;border-radius:19px;overflow:hidden;border:1px solid #ffffff;outline:1px solid #aab1c236;background:linear-gradient(145deg,#fafbfd,#e9ecf1);box-shadow:0 28px 48px -29px #26385c50,0 4px 10px #5360790a,inset 0 0 0 4px #ffffff45;color:#303744;font-size:12px;transform:perspective(1800px) rotateY(-3deg) rotateX(1deg);transform-origin:50% 60%}
.console-bar{height:43px;display:flex;align-items:center;gap:10px;padding:0 20px;border-bottom:1px solid #cbd1dc80;background:linear-gradient(#fff,#e5e8ee);box-shadow:inset 0 1px 0 #fff}.console-symbol{font-size:21px;color:#5f6f8e;line-height:1}.console-bar strong{font-weight:600;font-size:12px;letter-spacing:-.2px}.demo-badge{margin-left:auto;font:8px var(--mono);letter-spacing:.7px;color:#758093;padding:4px 6px;border:1px solid #c5cbd6;border-radius:4px}
.console-project{padding:20px 22px 15px;display:flex;align-items:center;justify-content:space-between;gap:12px}.console-overline{font:8px var(--mono);letter-spacing:1px;color:#798498}.console-project h2{font-size:22px;line-height:1.15;letter-spacing:-.8px;font-weight:550;margin:7px 0 0}.pipeline-play{flex-shrink:0;width:33px;height:33px;border-radius:50%;background:linear-gradient(145deg,#fff,#e3e7ee);box-shadow:0 2px 6px #53607912,inset 0 1px 0 #fff;border:1px solid #c8cfdd;color:#4563b8;display:grid;place-items:center;font-size:12px}
.scenario-tabs{display:flex;gap:3px;margin:0 22px;padding:3px;background:#e3e7ee8c;border:1px solid #d1d7e0;border-radius:8px;width:fit-content;max-width:calc(100% - 44px)}.scenario-tabs button{font-size:10px;white-space:nowrap;padding:6px 11px;border-radius:5px;background:none;color:#6a7484;transition:background .2s,color .2s}.scenario-tabs button[aria-pressed=true]{background:#fff;color:#33497d;box-shadow:0 1px 4px #3343631c}
.pipeline-map{padding:15px 22px 12px;position:relative;margin-top:10px;background-image:radial-gradient(#abb8ce55 .65px,transparent .65px);background-size:12px 12px;border-top:1px solid #c9d2e24d;border-bottom:1px solid #c9d2e24d;background-color:#eef1f780}.map-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px;font:8px var(--mono);color:#8791a2;gap:10px}.map-heading>span:first-child{color:#50658f;display:flex;gap:6px;align-items:center}.map-heading i,.console-footer i{width:4px;height:4px;background:#678880;border-radius:50%;display:inline-block}.pipeline-track{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));position:relative;gap:2px}.pipeline-wire{height:1px;background:#c2cada;position:absolute;left:10%;right:10%;top:25px;overflow:visible}.pipeline-wire>span{position:absolute;left:0;top:0;height:100%;width:var(--progress,0%);background:#7994e1;box-shadow:0 0 5px #6384e77a;transition:width .6s}.pipeline-wire:after{content:'';position:absolute;height:3px;width:20%;left:0;top:-1px;background:linear-gradient(90deg,transparent,#6888e4,transparent);animation:packet-trace 3.5s linear infinite;opacity:0}.seo-console[data-playing=true] .pipeline-wire:after{opacity:1}.pipeline-node{background:none;padding:0;display:flex;align-items:center;flex-direction:column;position:relative;min-width:0;color:#768194}.node-icon{width:49px;height:49px;display:grid;place-items:center;background:linear-gradient(145deg,#fafbfd,#e3e7ee);border:1px solid #c8d0de;border-radius:12px;position:relative;box-shadow:0 3px 5px #7480970a,inset 0 1px 0 #fff;transition:background .3s,box-shadow .3s,color .3s,border-color .3s}.node-icon svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.25;stroke-linecap:round;stroke-linejoin:round}.node-icon i{position:absolute;top:-5px;right:-6px;font:7px var(--mono);font-style:normal;background:#eef1f6;color:#8b96a8;padding:1px 3px;border:1px solid #d0d7e1;border-radius:3px}.pipeline-node strong{font-size:10px;font-weight:600;color:#5a667c;margin-top:9px}.pipeline-node small{font-size:8px;color:#939cad;margin-top:3px;white-space:nowrap}.pipeline-node[aria-pressed=true] .node-icon{background:linear-gradient(140deg,#fff,#e5edff);border-color:#8ca2e1;color:#4564c7;box-shadow:0 0 0 4px #6387e50a,0 5px 15px #5075d62b,inset 0 1px 0 #fff}.pipeline-node[aria-pressed=true] strong{color:#3557bd}.pipeline-node.is-complete .node-icon{color:#5c8279;border-color:#a6beb8}.pipeline-node.is-complete .node-icon i{background:#e6efeb;color:#5e8276;border-color:#bbcfc6}.pipeline-node:hover .node-icon{border-color:#829adb;transform:translateY(-2px)}.url-packets{display:flex;gap:6px;margin-top:17px;overflow:hidden;mask-image:linear-gradient(90deg,#000 90%,transparent)}.url-packets>span{flex-shrink:0;font:8px var(--mono);color:#8b96a9;background:#f8faffb8;border:1px solid #d5ddeb;padding:4px 7px;border-radius:4px}.seo-console[data-playing=true] .url-packets>span{animation:packet-breathe 2.9s ease-in-out infinite}.url-packets>span:nth-child(2){animation-delay:.35s!important}.url-packets>span:nth-child(3){animation-delay:.7s!important}
.pipeline-inspector{margin:15px 17px 0;padding:13px 14px 10px;border:1px solid #cbd3e0;background:#fcfdffbf;border-radius:9px;box-shadow:0 3px 8px #3a516408;min-height:150px}.inspector-heading{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:13px}.inspector-title{font-size:11px;font-weight:550;letter-spacing:-.1px}.inspector-badge{font:8px var(--mono);padding:3px 6px;border-radius:4px;background:#e7eeec;color:#5c7d73;white-space:nowrap}.inspector-badge[data-tone=review]{background:#f3ede2;color:#9b7b40}.comparison{display:grid;grid-template-columns:1fr 18px 1fr;align-items:center;gap:7px}.comparison>div{min-width:0;display:flex;flex-direction:column;gap:5px}.comparison-label{font:7px var(--mono);letter-spacing:.8px;color:#8b96aa}.comparison code{font:10px/1.5 var(--mono);color:#536887;overflow-wrap:anywhere;min-height:30px;display:flex;align-items:center}.comparison>div>span:last-child{font-size:9px;color:#8790a1;line-height:1.3;min-height:24px}.comparison-arrow{color:#a6b4ce;font-size:16px}.pipeline-decision{display:flex;gap:7px;align-items:start;margin-top:9px;padding-top:9px;border-top:1px solid #dce2ec;color:#566e9d}.pipeline-decision>span{font-size:15px;line-height:1.2}.pipeline-decision p{font-size:10px;line-height:1.4;margin:0;min-height:28px}.pipeline-log{display:flex;align-items:start;gap:8px;padding:12px 20px 11px;font:8px/1.5 var(--mono);color:#8c95a6;min-height:47px}.log-prefix{color:#637aa5;font-size:7px;padding-top:1px}.log-message{flex:1}.log-cursor{width:4px;height:9px;flex-shrink:0;background:#87a0d6;margin-top:1px;opacity:.7}.seo-console[data-playing=true] .log-cursor{animation:cursor-blink 1.2s steps(1) infinite}.console-footer{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:11px 18px;border-top:1px solid #cbd2dd;background:linear-gradient(#e9ecf2,#e2e6ed);font-size:8px;color:#8994a6}.console-footer>span{display:flex;align-items:center;gap:5px}.console-footer button{padding:0;background:none;color:#546d9e;font-size:9px;white-space:nowrap}.console-footer button span{margin-left:7px}.pipeline-noscript{padding:0 20px;font-size:11px}.pipeline-author{display:flex;justify-content:center;margin-top:18px}.pipeline-author .portrait-frame{width:auto;height:auto;display:flex;align-items:center;gap:10px;padding:0;margin:0;background:none;border:0;border-radius:0;box-shadow:none;transform:none}.pipeline-author .portrait-frame>img{width:40px;height:40px;object-fit:cover;object-position:50% 35%;border-radius:50%;filter:none;border:2px solid #fafbfc}.pipeline-author .portrait-frame figcaption{position:static;background:none;padding:0;color:var(--ink);font-size:11px;gap:2px;border-radius:0}.pipeline-author .portrait-frame figcaption>span:last-child{font-size:9px;color:var(--muted)}.pipeline-author .portrait-frame i{display:none}
@keyframes packet-trace{from{left:0}to{left:80%}}@keyframes packet-breathe{50%{border-color:#9fb2df;color:#617eae}}@keyframes cursor-blink{50%{opacity:0}}
@media(min-width:1000px) and (max-height:850px){.hero-grid{min-height:0;padding:24px 0 20px;gap:4%}.hero h1{font-size:clamp(49px,4.4vw,70px);margin-bottom:19px}.hero-copy .lead{font-size:13px;line-height:1.55}.hero-copy .eyebrow{margin-bottom:18px}.hero-actions{margin-top:20px;gap:18px}.console-project{padding-top:13px;padding-bottom:10px}.console-project h2{font-size:20px}.pipeline-map{padding-top:11px;padding-bottom:9px;margin-top:8px}.map-heading{margin-bottom:12px}.url-packets{margin-top:10px}.pipeline-inspector{margin-top:10px;padding-top:10px;min-height:140px}.pipeline-log{padding-top:8px;padding-bottom:7px;min-height:38px}.pipeline-author{margin-top:13px}.pipeline-author .portrait-frame>img{width:32px;height:32px}.hero-bottom{padding:14px 0}}
@media(max-width:1100px){.site-header{gap:25px}.brand{font-size:20px}.header-right{gap:17px}.desktop-nav{gap:18px}.hero-grid{gap:3%}.hero h1{font-size:51px}.hero-copy .lead{font-size:13px}.hero-actions{gap:14px;flex-wrap:wrap}.hero-actions .text-link{font-size:12px}.console-project{padding-left:15px;padding-right:15px}.console-project h2{font-size:19px}.console-bar{padding-left:15px;padding-right:15px}.scenario-tabs{margin-left:15px;margin-right:15px}.scenario-tabs button{padding:6px 8px}.pipeline-map{padding-left:13px;padding-right:13px}.pipeline-node small{font-size:7px}.pipeline-inspector{margin-left:11px;margin-right:11px;padding-left:10px;padding-right:10px}.comparison code{font-size:9px}.demo-badge{font-size:7px;letter-spacing:0}.console-footer{padding-left:12px;padding-right:12px;font-size:7px}.console-footer button{font-size:8px}.seo-console{transform:none}.inspector-title{font-size:10px}.inspector-badge{font-size:7px}}
@media(min-width:761px) and (max-width:999px){.hero-grid{grid-template-columns:1fr;min-height:0;gap:35px}.hero-copy{max-width:680px}.hero h1{font-size:65px}.hero-copy .lead{max-width:620px}.pipeline-stage{width:min(100%,640px);justify-self:center}.console-project h2{font-size:23px}.pipeline-node small{font-size:8px}.comparison code{font-size:11px}.console-footer{font-size:9px}}
@media(max-width:760px){.brand{font-size:19px;letter-spacing:-.9px;gap:4px}.brand span{font-size:12px}.site-header{gap:10px}.header-right{gap:14px}.hero-grid{grid-template-columns:1fr;min-height:0;padding:33px 0 23px;gap:32px}.hero h1{font-size:clamp(47px,12.6vw,74px);margin-bottom:21px}.hero-copy .lead{font-size:13px;line-height:1.6}.hero-copy .eyebrow{margin-bottom:19px}.hero-actions{gap:15px;margin-top:23px}.hero-actions .text-link{font-size:11px}.pipeline-stage{width:100%;margin:0}.seo-console{border-radius:14px}.console-bar{height:39px;padding:0 12px;gap:7px}.console-bar strong{font-size:11px}.console-symbol{font-size:18px}.demo-badge{font-size:6px;letter-spacing:.3px}.console-project{padding:17px 13px 13px}.console-project h2{font-size:20px;max-width:225px}.console-overline{font-size:7px;letter-spacing:.7px}.pipeline-play{width:29px;height:29px}.scenario-tabs{margin:0 12px;max-width:calc(100% - 24px)}.scenario-tabs button{font-size:9px;padding:6px 8px}.pipeline-map{padding:13px 10px 11px}.map-heading{font-size:7px;margin-bottom:15px}.node-icon{width:39px;height:39px;border-radius:10px}.node-icon svg{width:19px;height:19px}.node-icon i{font-size:6px;right:-4px}.pipeline-wire{top:20px}.pipeline-node strong{font-size:9px}.pipeline-node small{font-size:6px}.url-packets{margin-top:13px;gap:4px}.url-packets>span{font-size:7px;padding:4px}.pipeline-inspector{margin:12px 9px 0;padding:11px 10px 10px;min-height:157px}.inspector-title{font-size:10px}.inspector-badge{font-size:7px;padding:3px 4px}.comparison{gap:5px;grid-template-columns:1fr 13px 1fr}.comparison code{font-size:9px;min-height:30px}.comparison>div>span:last-child{font-size:8px;min-height:27px}.comparison-label{font-size:6px}.pipeline-decision p{font-size:9px;min-height:26px}.pipeline-log{padding:10px 12px;font-size:7px;min-height:42px}.log-prefix{font-size:6px}.console-footer{padding:10px;font-size:6px}.console-footer button{font-size:8px}.console-footer button span{margin-left:3px}.pipeline-author{margin-top:16px}.hero-bottom{margin-top:0}.footer-name{font-size:21px}}
@media(prefers-reduced-motion:reduce){.seo-console *{animation:none!important;transition:none!important}}
.seo-console{transform:none;line-height:1.35}.console-overline{display:block}.console-project{padding-top:16px;padding-bottom:13px}.pipeline-inspector{min-height:0}.comparison code{min-height:0}.comparison>div>span:last-child{min-height:0}.pipeline-decision p{min-height:0}.pipeline-log{min-height:36px}.console-footer{padding-top:10px;padding-bottom:10px}
.hero-grid{padding-top:30px;padding-bottom:24px}.pipeline-inspector{height:145px}.pipeline-log{height:40px}
@media(min-width:1000px) and (max-height:850px){.console-bar{height:35px}.console-project{padding-top:12px;padding-bottom:10px}.console-project h2{font-size:20px;margin-top:5px}.scenario-tabs button{padding-top:5px;padding-bottom:5px}.pipeline-map{padding-top:10px;padding-bottom:8px}.map-heading{margin-bottom:10px}.node-icon{width:43px;height:43px}.pipeline-wire{top:22px}.pipeline-node strong{margin-top:6px}.pipeline-node small{margin-top:2px}.url-packets{margin-top:10px}.pipeline-inspector{margin-top:9px;padding-top:9px;padding-bottom:9px}.inspector-heading{margin-bottom:9px}.pipeline-decision{margin-top:7px;padding-top:7px}.pipeline-log{min-height:32px;padding-top:8px;padding-bottom:8px}.console-footer{padding-top:8px;padding-bottom:8px}.pipeline-author{margin-top:11px}}
@media(min-width:1000px) and (max-height:850px){.hero-grid{padding-top:16px;padding-bottom:16px}.pipeline-inspector{height:132px}.pipeline-log{height:35px}}
@media(max-width:760px){.pipeline-inspector{height:168px}.pipeline-log{height:43px}}