.how-section>.section-heading{max-width:880px;margin-bottom:34px}.how-section>.section-heading h2{font-size:clamp(30px,3.4vw,46px)}.how-section .section-description{margin-top:12px;font-size:18px}.steps-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;list-style:none;display:grid}.step{background:linear-gradient(140deg,#0d1222,#090f1c 65%,#101329) padding-box padding-box,linear-gradient(130deg,#6951cf70,#436de5a6 50%,#7147dd85) border-box;border:1px solid #0000;border-radius:20px;min-width:0;padding:23px 18px 20px;position:relative}.step-heading{grid-template-columns:32px 24px minmax(0,1fr);align-items:start;gap:12px;display:grid}.step-number{color:#8ec5ff;background:linear-gradient(140deg,#1f6bff4d,#16408f33);border:1px solid #4d9bff80;border-radius:50%;place-items:center;width:32px;height:32px;font-size:14px;font-weight:750;display:grid}.step-heading>svg{color:#bca9f3;margin-top:3px}.step h3{font-size:21px;font-weight:var(--font-weight-subheading);letter-spacing:-.6px;line-height:1.35}.step-heading p{color:var(--muted-foreground);margin-top:5px;font-size:13px;line-height:1.65}.step-preview{align-items:center;min-height:276px;margin-top:22px;display:flex}.step-connector{color:#aa9be8;position:absolute;top:48%;left:calc(100% + 4px)}.step-describe,.step-window{background:linear-gradient(145deg,#171d30,#0b1120 80%);border:1px solid #6771a538;border-radius:14px;width:100%;min-width:0;box-shadow:inset 0 1px #ffffff05}.step-describe{padding:14px}.step-prompt{color:#d8def1;background:#070c1680;border:1px solid #5e688966;border-radius:10px;min-height:78px;padding:14px 12px;font-size:13px;line-height:1.7}.step-caret{vertical-align:-3px;background:#a389fa;width:2px;height:15px;margin-left:5px;display:inline-block}.step-prompt-tools{align-items:center;gap:7px;margin-top:12px;display:flex}.step-tag{color:#cdd5ed;background:#ffffff04;border:1px solid #4d547055;border-radius:10px;align-items:center;gap:6px;padding:8px 9px;font-size:10px;display:inline-flex}.step-tag svg{color:#ae83ff}.step-tag-blue svg{color:#5fb7f7}.step-send{color:#c8b3ff;background:#3220634d;border:1px solid #9778ee80;border-radius:10px;place-items:center;min-width:34px;min-height:36px;margin-left:auto;display:grid}.step-window{overflow:hidden}.step-window-header{color:#cdd4ef;letter-spacing:.5px;background:#7670ce0b;border-bottom:1px solid #ffffff06;align-items:center;gap:8px;min-height:41px;padding:10px 13px;font-size:12px;display:flex}.step-window-header>svg:last-child{color:#a4add1;margin-left:auto}.step-window-body{padding:9px 13px 12px}.step-caption{color:#aab7d6;align-items:center;gap:5px;margin-bottom:5px;font-size:11px;display:flex}.step-channel{color:#c4cee8;border-radius:5px;align-items:center;gap:7px;min-height:29px;padding:4px 6px;font-size:12px;display:flex}.step-channel>svg{color:#8697bd}.step-channel.is-current{background:#a69adc14}.step-generated .step-channel.is-current{box-shadow:inset 3px 0 #9862ff}.step-check{color:#0e3f34;background:#74d5ae;border-radius:50%;flex-shrink:0;place-items:center;width:16px;height:16px;margin-left:auto;display:grid}.step-roles-label{margin-top:14px}.step-role-row{align-items:center;gap:8px;padding:4px 6px;display:flex}.step-role{color:#c7a4ff;background:#7450c333;border-radius:20px;align-items:center;gap:6px;padding:4px 9px;font-size:11px;display:inline-flex}.step-role>svg{color:#e0b47c}.step-role-member{color:#86c9ff;background:#1e69a533}.step-role-member>svg{color:inherit}.step-launched{grid-template-columns:41px minmax(0,1fr);min-height:276px;display:grid;position:relative}.step-server-rail{background:#070c1880;border-right:1px solid #70779733;flex-direction:column;align-items:center;gap:12px;padding-block:12px;display:flex}.step-server-rail .brand-mark{width:30px;height:30px}.step-server-rail>span:not(.brand){color:#b9c4e7;background:#8390c91a;border-radius:50%;place-items:center;width:27px;height:27px;display:grid}.step-server-main{min-width:0}.step-server-main .step-window-body{padding-inline:8px}.step-launch-status{background:linear-gradient(140deg,#0e2c2c,#10182a 65%);border:1px solid #66daba80;border-radius:12px;padding:13px 12px 12px;position:absolute;inset:auto 10px 11px;box-shadow:0 8px 22px #0005}.step-launch-status>div{align-items:center;gap:10px;display:flex}.step-success{color:#0b4b3f;background:#7ae2c1;border-radius:50%;flex-shrink:0;place-items:center;width:32px;height:32px;display:grid;box-shadow:0 0 20px #70e5c633}.step-launch-status strong{font-size:12px;line-height:1.5;display:block}.step-launch-status p>span{color:#b7c9df;margin-top:4px;font-size:10px;line-height:1.6;display:block}.step-launch-action{background:linear-gradient(var(--cta-surface), var(--cta-surface)) padding-box, var(--cta-border) border-box;border:1px solid #0000;border-radius:7px;justify-content:center;align-items:center;gap:10px;min-height:35px;margin-top:12px;font-size:12px;font-weight:650;display:flex;position:relative;overflow:hidden}.comparison{background:linear-gradient(120deg,#10132980,#070d1899);border:1px solid #7560cc70;border-radius:20px;grid-template-columns:1.08fr .95fr 1.14fr;gap:22px;margin-top:26px;padding:22px;display:grid}.comparison-copy{border-right:1px solid #a59acc14;align-self:center;min-width:0;padding:5px 22px 5px 2px}.comparison-copy h3{font-size:28px;font-weight:var(--font-weight-heading);letter-spacing:-1px;white-space:pre-line;line-height:1.18}.comparison-copy>p:not(.eyebrow){color:var(--muted-foreground);margin-top:15px;font-size:14px;line-height:1.7}.comparison-copy .eyebrow{letter-spacing:1.2px;margin-bottom:14px;font-size:9px;line-height:1.7}.comparison-copy .button{margin-top:24px;padding-inline:17px;font-size:14px}.comparison-manual,.comparison-ultiz{background:linear-gradient(140deg,#1c213566,#10162480);border:1px solid #7c83b12b;border-radius:14px;min-width:0;padding:17px}.comparison-label{color:#c7d0e9;align-items:center;gap:10px;margin-bottom:15px;font-size:15px;font-weight:650;display:flex}.comparison-label svg{color:#989fc8}.comparison-manual li{color:#f0a3a8;border-bottom:1px solid #929ac31c;align-items:center;gap:10px;min-height:39px;padding-block:8px;font-size:12px;line-height:1.6;-webkit-text-decoration:line-through #ff5a64;text-decoration:line-through #ff5a64;text-decoration-thickness:1.5px;display:flex}.comparison-manual li:last-child{border:0}.comparison-manual{border-color:#ff5a6433}.comparison-manual li svg{color:#ff5a64;flex:none}.comparison-ultiz{background:radial-gradient(at 100% 0,#7b42d619,#0000 70%),#0c1121;border-color:#9b73fa;box-shadow:inset 0 0 22px #8150e910,0 0 18px #8958f712}.comparison-ultiz .comparison-label,.comparison-ultiz .comparison-label svg{color:#c6acff}.comparison-prompt{color:#c8d2eb;background:#ffffff04;border:1px solid #6c648270;border-radius:8px;justify-content:space-between;align-items:center;gap:12px;padding:10px;font-size:12px;line-height:1.5;display:flex}.comparison-prompt>svg{color:#c2a3ff}.comparison-done{color:#8de4c9;background:#2fc4930a;border:1px solid #61cbae60;border-radius:8px;align-items:center;gap:8px;margin-block:10px 14px;padding:8px 10px;font-size:12px;line-height:1.5;display:flex}.comparison-results{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px 10px;display:grid}.comparison-results>span{color:#c5cee6;align-items:center;gap:7px;font-size:12px;line-height:1.5;display:flex}.comparison-results svg{color:#fff;background:linear-gradient(135deg,#648ced,#9766df);border-radius:50%;width:18px;height:18px;padding:3px}@media (prefers-reduced-motion:no-preference){.step[data-reveal-state=visible] .step-check{animation:companion-in .5s var(--ease-out) .25s both}.step[data-reveal-state=visible] .step-launch-status{animation:reveal-in .6s var(--ease-out) .25s both}.step{transition:transform .3s var(--ease-out), box-shadow .3s ease}.step-caret{animation:1s step-end infinite step-blink}.step-send{animation:2.4s ease-in-out infinite step-pulse}.step-generated .step-channel{animation:4.5s ease-in-out infinite step-scan}.step-generated .step-channel:nth-child(3){animation-delay:.5s}.step-generated .step-channel:nth-child(4){animation-delay:1s}.step-success{animation:2.6s ease-out infinite step-ring}.step-launch-action:after{content:"";border-radius:inherit;pointer-events:none;background:linear-gradient(105deg,#0000 35%,#ffffff2e 50%,#0000 65%);animation:3.2s ease-in-out infinite step-sweep;position:absolute;inset:0}.step-connector{animation:2s ease-in-out infinite step-nudge}}@media (hover:hover) and (prefers-reduced-motion:no-preference){.step:hover{transform:translateY(-4px);box-shadow:0 18px 50px -24px #4d6bff80}}@keyframes step-blink{50%{opacity:0}}@keyframes step-pulse{0%,to{box-shadow:0 0 #9778ee00}50%{box-shadow:0 0 16px #9778ee66}}@keyframes step-scan{0%,30%,to{box-shadow:inset 0 0 0 100px #4d6bff00}12%{box-shadow:inset 0 0 0 100px #4d6bff2e}}@keyframes step-ring{0%{box-shadow:0 0 20px #70e5c633,0 0 #7ae2c166}70%,to{box-shadow:0 0 20px #70e5c633,0 0 0 12px #7ae2c100}}@keyframes step-sweep{0%,20%{translate:-100%}60%,to{translate:100%}}@keyframes step-nudge{0%,to{translate:0}50%{translate:4px}}@media (max-width:1100px){.step{padding:20px 13px 16px}.step-heading{grid-template-columns:30px 20px minmax(0,1fr);gap:8px}.step-heading>svg{width:21px}.step h3{font-size:20px}.step-prompt-tools{flex-wrap:wrap}.comparison{gap:16px;padding:18px}.comparison-copy{padding-right:14px}.comparison-copy h3{font-size:25px}}@media (max-width:900px){.steps-grid{grid-template-columns:1fr;gap:32px;max-width:550px;margin-inline:auto}.step{padding:24px}.step-heading{grid-template-columns:32px 26px minmax(0,1fr);gap:14px}.step h3{font-size:23px}.step-heading p{font-size:14px}.step-preview{max-width:370px;min-height:0;margin-inline:auto}.step-connector{top:auto;bottom:-27px;left:calc(50% - 10px);rotate:90deg}.comparison{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.comparison-copy{border-bottom:1px solid #a59acc22;border-right:0;grid-column:1/-1;padding:5px 4px 25px}}@media (max-width:600px){.how-section{width:calc(100% - 36px)}.how-section .section-description{font-size:16px}.step{padding:22px 18px}.step-heading{grid-template-columns:32px 23px minmax(0,1fr);gap:10px}.step h3{font-size:22px}.comparison{grid-template-columns:1fr;gap:16px;padding:18px}.comparison-copy{padding:5px 0 25px}.comparison-copy h3{font-size:28px}.comparison-copy .button{width:100%}.comparison-manual,.comparison-ultiz{padding:18px 16px}}
.platform-section{border-bottom:1px solid var(--border);grid-template-columns:1.15fr 1fr;align-items:center;gap:65px;padding-block:70px;display:grid}.platform-section .section-heading{margin-bottom:0}.platform-section h2{font-size:34px}.platform-section .section-description{font-size:var(--text-body)}.platform-visual{--platform-motion:paused;isolation:isolate;width:100%;min-width:0;position:relative}.platform-visual[data-motion=running]{--platform-motion:running}.platform-visual:before{content:"";z-index:-1;pointer-events:none;background:radial-gradient(at 55%,#7455d612,#0000 70%);position:absolute;inset:10% -4%}.platform-scene{width:100%;height:290px;position:relative;overflow:clip}.tool-cloud{width:65%;position:absolute;inset:14px auto 14px 0}.tool-position{--drift-x:5px;--drift-y:-7px;--drift-turn:1.5deg;--drift-duration:7s;--drift-delay:-1s;z-index:1;translate:var(--drag-x,0px) var(--drag-y,0px);position:absolute}.floating-tool{color:#bbc4df;white-space:nowrap;cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;min-height:38px;transform:rotate(var(--tilt,0deg));background:linear-gradient(145deg,#151427,#0b0e1a);border:1px solid #8871bd45;border-radius:7px;align-items:center;gap:6px;padding:9px 12px;font-size:12px;display:flex;box-shadow:0 7px 20px #00000025}.floating-tool:disabled{opacity:1;cursor:default}.floating-tool>svg{color:#b0a0e2}.floating-tool:is(:hover,:focus-visible){border-color:#b59bdf99}.tool-position[data-dragging]{z-index:3}.tool-position:has(:focus-visible){z-index:3}.tool-position[data-dragging] .floating-tool{cursor:grabbing;border-color:#ba9afa;box-shadow:0 8px 30px #8764d42b}.tool-0{--tilt:-5deg;top:0;left:15%}.tool-1{--tilt:-8deg;--drift-x:-4px;--drift-y:6px;--drift-duration:8.5s;--drift-delay:-4s;top:53px;left:2%}.tool-2{--tilt:6deg;--drift-x:6px;--drift-y:-5px;--drift-turn:-2deg;--drift-duration:7.5s;--drift-delay:-2.5s;top:49px;left:47%}.tool-3{--tilt:2deg;--drift-x:-3px;--drift-y:-6px;--drift-duration:9s;--drift-delay:-6s;top:107px;left:21%}.tool-4{--tilt:-4deg;--drift-x:7px;--drift-y:5px;--drift-turn:-1.5deg;--drift-duration:8s;--drift-delay:-1.5s;top:164px;left:43%}.tool-5{--tilt:9deg;--drift-x:-5px;--drift-y:7px;--drift-turn:-2deg;--drift-duration:9.5s;--drift-delay:-3s;top:161px;left:3%}.tool-6{--tilt:-5deg;--drift-x:4px;--drift-y:-5px;--drift-duration:8s;--drift-delay:-5s;top:218px;left:17%}.tool-7{--tilt:7deg;--drift-x:7px;--drift-y:-7px;--drift-turn:-1deg;--drift-duration:10s;--drift-delay:-7s;top:104px;left:58%}.convergence{pointer-events:none;position:absolute;inset:0}.convergence svg{fill:none;stroke-width:1px;width:100%;height:100%}.connection-track{stroke:#a389d93b}.connection-pulse{stroke:#ba9afa;stroke-width:1.6px;stroke-linecap:round;stroke-dasharray:5 100;opacity:0}.platform-connection{--signal-delay:0s;--signal-duration:5s}.platform-connection:nth-child(2n) .connection-pulse{stroke:#74ceee}.connection-1{--signal-delay:-3.2s;--signal-duration:6s}.connection-2{--signal-delay:-1.5s;--signal-duration:5.5s}.connection-3{--signal-delay:-4s;--signal-duration:6.5s}.connection-4{--signal-delay:-2s;--signal-duration:5.8s}.connection-5{--signal-delay:-4.5s;--signal-duration:7s}.connection-6{--signal-delay:-.5s;--signal-duration:6.2s}.connection-7{--signal-delay:-3s;--signal-duration:5.3s}.platform-destination{pointer-events:none;isolation:isolate;place-items:center;width:76px;height:76px;display:grid;position:absolute;top:50%;right:36px;translate:0 -50%}.platform-destination .brand-mark{filter:drop-shadow(0 0 15px #8a58d63d);width:70px;height:70px}.platform-destination:after{content:"";z-index:-1;pointer-events:none;background:radial-gradient(#a779ee24,#0000 70%);border-radius:50%;position:absolute;inset:-24px}@keyframes module-drift{0%,to{translate:0;rotate:none}50%{translate:calc(var(--drift-x) * 2.2) calc(var(--drift-y) * 2.2);rotate:calc(var(--drift-turn) * 1.8)}}@keyframes module-signal{0%{stroke-dashoffset:12px;opacity:0}14%,80%{opacity:.85}to{stroke-dashoffset:-100px;opacity:0}}@keyframes platform-glow{0%,to{opacity:.45;scale:.95}50%{opacity:1;scale:1.1}}@media (prefers-reduced-motion:no-preference){.floating-tool{animation:module-drift calc(var(--drift-duration) * .6) ease-in-out var(--drift-delay) infinite;animation-play-state:var(--platform-motion)}.floating-tool:is(:hover,:focus-visible),[data-dragging] .floating-tool{animation-play-state:paused}.connection-pulse{animation:module-signal calc(var(--signal-duration) * .5) linear var(--signal-delay) infinite;animation-play-state:var(--platform-motion)}.platform-destination:after{animation:5s ease-in-out infinite platform-glow;animation-play-state:var(--platform-motion)}}@media (prefers-reduced-motion:reduce),(scripting:none),print{.connection-pulse{display:none}}@media (max-width:1100px){.platform-section{gap:36px}.platform-section h2{font-size:29px}.floating-tool{padding:8px 9px;font-size:11px}.floating-tool>svg{width:13px;height:13px}}@media (max-width:950px){.platform-section{grid-template-columns:1fr;gap:24px}.platform-section .section-heading{text-align:center;grid-row:1;max-width:500px;margin-inline:auto}.platform-visual{max-width:550px;margin-inline:auto}}@media (max-width:600px){.platform-section{gap:16px;padding-block:48px}.platform-section h2{font-size:29px}.platform-scene{height:290px}.tool-cloud{width:70%}.floating-tool{gap:4px;min-height:40px;padding:9px 8px;font-size:10px}.tool-0{left:13%}.tool-2{left:49%}.tool-3{left:17%}.tool-7{left:56%}.platform-destination{width:58px;height:58px;right:28px}.platform-destination .brand-mark{width:56px;height:56px}}