@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--ink:#172138;--muted:#727d91;--accent:#5552e8;--line:#e7eaf2;--soft:#f6f8fc}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:#fff;color:var(--ink);font-family:Manrope,Arial,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #8f96fa;outline-offset:5px}.wrap{width:min(1180px,calc(100% - 80px));margin:auto}.nav{height:106px;display:flex;align-items:center;gap:18px}.nav img,footer img{width:119px;height:auto}.divider{height:24px;width:1px;background:#d8dce7}.nav-label{font-size:14px;font-weight:700;letter-spacing:1px}.nav nav{margin-left:auto;display:flex;gap:32px;font-size:13px;color:#5e687c}.status{margin-left:34px;font-size:11px;padding:9px 12px;border:1px solid var(--line);border-radius:30px;display:flex;align-items:center;gap:7px}.status i,.scene-top i{width:6px;height:6px;border-radius:50%;background:#30b997}.hero{display:grid;grid-template-columns:1fr 1fr;gap:52px;padding:62px 0 96px;align-items:center}.eyebrow{font-size:10px;letter-spacing:1.8px;font-weight:800;color:#69738b;display:block}.hero .eyebrow{color:var(--accent);display:flex;align-items:center;gap:9px}.spark{font-size:21px}h1{font-size:clamp(44px,4.8vw,66px);line-height:1.1;letter-spacing:-3px;font-weight:800;margin:25px 0}h1>span{color:var(--accent)}.intro{font-size:15px;line-height:1.9;color:var(--muted)}.hero-actions{display:flex;gap:25px;align-items:center;margin-top:30px}.button{border-radius:8px;padding:16px 19px;font-size:12px;font-weight:700;display:inline-flex;align-items:center;gap:27px;transition:transform .2s,background .2s}.primary{background:var(--accent);color:#fff;box-shadow:0 6px 16px #5552e822}.primary:hover{background:#4340d2;transform:translateY(-2px)}.text-link{font-size:12px;font-weight:700}.text-link span{margin-left:8px}.account-note{font-size:10px;color:#929bae;margin-top:21px}.scene{height:493px;border-radius:20px;background:linear-gradient(145deg,#f3f5ff,#f2fafb 70%,#edf2ff);position:relative;overflow:hidden;border:1px solid #e8ebf9;display:flex;align-items:center;flex-direction:column}.scene-grid{position:absolute;inset:0;background-image:linear-gradient(#a6afd615 1px,transparent 1px),linear-gradient(90deg,#a6afd615 1px,transparent 1px);background-size:32px 32px;mask-image:linear-gradient(transparent,#000)}.orbit{position:absolute;width:420px;height:420px;border:1px solid #b8c4e330;border-radius:50%;top:100px;left:65px}.orbit-two{width:500px;height:500px;top:60px;left:25px}.scene-top{display:flex;justify-content:space-between;width:100%;padding:25px;color:#8892a7;font-size:9px;position:relative}.scene-top>span:first-child{display:flex;align-items:center;gap:7px}.chat-card{position:relative;background:#fff;border:1px solid #e7eaf3;border-radius:12px;padding:16px 23px;width:330px;box-shadow:0 12px 30px #4753830a;transform:rotate(-3deg);margin-top:17px;animation:arrive .7s both}.tiny-label{font-size:8px;letter-spacing:1px;font-weight:800;color:#9299ae;display:flex;align-items:center;gap:9px}.user-icon{width:21px;height:21px;display:grid;place-items:center;background:#f0f1ff;border-radius:50%;color:var(--accent);letter-spacing:0}.chat-card p{font-size:13px;line-height:1.6;margin:11px 0 0}.connection{position:relative;height:66px;display:flex;align-items:center;gap:7px;color:#8b8ded}.connection span{width:45px;height:1px;background:#cfd4ef}.connection b{font-size:20px;font-weight:400}.connection small{position:absolute;top:48px;width:120px;text-align:center;left:0;font-size:7px;letter-spacing:2px;color:#8b94b0}.lesson-card{position:relative;width:366px;display:flex;border-radius:12px;background:white;border:1px solid #e1e6f2;box-shadow:0 20px 50px #586fa61a;margin-top:16px;transform:rotate(2deg);overflow:hidden;min-height:176px;animation:arrive .9s both}.lesson-art{width:115px;flex-shrink:0;background:linear-gradient(160deg,#e6f6f0,#cfece4);position:relative;overflow:hidden}.sun{width:33px;height:33px;position:absolute;top:18px;right:18px;border-radius:50%;background:#ffeaa3;box-shadow:0 0 0 9px #fff2bf40}.stem{position:absolute;bottom:40px;left:56px;width:3px;height:65px;background:#348a72;transform:rotate(-3deg)}.leaf{position:absolute;width:30px;height:16px;background:linear-gradient(45deg,#23866c,#68b99a);border-radius:1px 90% 1px 90%;left:29px;bottom:73px;transform:rotate(8deg)}.l2{left:57px;bottom:91px;transform:scaleX(-1) rotate(-8deg)}.l3{left:57px;bottom:61px;transform:scaleX(-1) rotate(-4deg)}.ground{position:absolute;left:15px;bottom:32px;width:90px;height:10px;background:#95cbb644;border-radius:50%}.lesson-art>span{position:absolute;bottom:17px;left:18px;font-size:6px;font-weight:700;letter-spacing:1px;color:#4b8f7a}.lesson-body{padding:20px 18px;width:100%}.lesson-meta{font-size:6px;font-weight:800;color:#7d88a1;letter-spacing:.7px;display:flex;justify-content:space-between}.lesson-meta span{background:#f2f4fa;border-radius:4px;padding:3px 5px;margin-top:-3px;letter-spacing:0}.lesson-body h2{font-size:19px;line-height:1.2;letter-spacing:-.7px;margin:13px 0 7px}.lesson-body p{font-size:7px;color:#939bb0;margin:0}.lesson-bottom{border-top:1px solid #f0f1f6;display:flex;justify-content:space-between;margin-top:15px;padding-top:10px;font-size:7px;color:#8590a8;align-items:center}.lesson-bottom b{color:var(--accent)}.lesson-arrow{font-size:16px;color:var(--accent)}.scene-caption{position:absolute;bottom:22px;font-size:8px;color:#959fb3}.setup{padding:64px 0 75px;border-top:1px solid var(--line)}.section-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:30px}.section-heading h2,.faq h2{font-size:30px;letter-spacing:-1.1px;margin:13px 0 0}.section-heading>p{font-size:12px;line-height:1.8;color:var(--muted)}.setup-grid{display:grid;grid-template-columns:1.65fr 1fr;gap:28px}.setup-panel{border:1px solid var(--line);border-radius:14px;padding:27px 30px 10px}.tabs{display:flex;gap:7px;border-bottom:1px solid var(--line);margin-bottom:25px;padding-bottom:13px}.tabs button{border:0;border-radius:6px;background:none;color:#818a9e;padding:9px 13px;font-size:11px;font-weight:700}.tabs button.selected{background:#efefff;color:var(--accent)}.field-label{font-size:8px;font-weight:800;letter-spacing:1px;color:#8991a5;display:flex;justify-content:space-between;margin-bottom:11px}.field-label>span{font-weight:500;letter-spacing:0}.copy-row{border:1px solid #e4e8f2;background:#f8f9fc;display:flex;justify-content:space-between;align-items:center;border-radius:7px;padding:13px 15px;gap:10px}code,pre{font-family:ui-monospace,SFMono-Regular,Consolas,monospace}.copy-row code{font-size:12px;color:#4b536b;overflow-wrap:anywhere}.copy{border:0;background:transparent;color:var(--accent);font-size:10px;font-weight:700;white-space:nowrap}.copy span{margin-left:7px;font-size:15px}.steps{list-style:none;margin:26px 0;padding:0;display:grid;gap:21px}.steps li{display:flex;gap:15px}.steps li>span{width:26px;height:26px;border-radius:50%;background:#f0f2fa;color:#8b92b0;display:grid;place-items:center;font-size:8px;flex-shrink:0}.steps b{font-size:12px;font-weight:700}.steps p{font-size:10px;line-height:1.7;color:var(--muted);margin:4px 0 0}.notice{display:flex;gap:12px;background:#f6f7fc;border-radius:7px;padding:13px}.notice>span{color:#7e85bb;font-size:20px}.notice p{font-size:9px;line-height:1.8;color:#8b93a6;margin:0}.notice b{color:#606b85}.copy-feedback{height:22px;font-size:10px;padding-top:5px;color:#388c79}.prompt-panel{border-radius:14px;background:linear-gradient(140deg,#f0f1ff,#f6f9ff);padding:34px}.prompt-panel h3{font-size:28px;line-height:1.2;letter-spacing:-1px;margin:19px 0 24px}.prompt-chip{border:1px solid #e1e5f5;border-radius:7px;background:#ffffffc9;padding:13px 14px;font-size:10px;line-height:1.8;margin:10px 0;box-shadow:0 3px 8px #394b8910}.prompt-panel>p{font-size:10px;line-height:1.9;color:#8b93a8;margin-top:24px}.terminal{border-radius:8px;background:#20283c;color:#ecedf8;padding:16px;position:relative}.terminal>div{display:flex;gap:4px;align-items:center}.terminal i{width:6px;height:6px;background:#68718b;border-radius:50%}.terminal>div span{font-size:8px;margin-left:auto;color:#9ba6c0}.terminal pre{font-size:10px;line-height:2;white-space:pre-wrap;overflow-wrap:anywhere;margin:20px 0 18px}.terminal .copy{color:#bac0ff;padding:0}.terminal-note{font-size:10px;line-height:1.8;color:var(--muted);margin:21px 0}.tools{padding:50px 0 75px}.tool-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.tool-grid article{border:1px solid var(--line);padding:25px;border-radius:12px;display:flex;align-items:flex-start;flex-direction:column}.tool-icon{display:grid;place-items:center;width:35px;height:35px;background:#f0f0ff;border-radius:9px;color:var(--accent);font-size:22px;margin-bottom:22px}.tool-type{font-size:8px;letter-spacing:1.4px;color:#9299ad;font-weight:800}.tool-grid h3{font-size:17px;letter-spacing:-.5px;margin:10px 0}.tool-grid p{font-size:11px;line-height:1.9;color:var(--muted);margin:0 0 24px}.tool-grid code{font-size:9px;color:var(--accent);background:#f4f4ff;padding:7px 9px;border-radius:4px;margin-top:auto}.tool-grid .principle{background:#f8fafc}.principle .tool-icon{color:#369a84;background:#e9f4f0}.principle-note{font-size:9px;color:#84948e;margin-top:auto}.scope-note{font-size:10px;color:#99a1b2;margin-top:19px}.faq{border-top:1px solid var(--line);padding:66px 0 85px;display:grid;grid-template-columns:1fr 1.3fr;gap:65px}.faq-list details{border-bottom:1px solid var(--line);padding:17px 0}.faq-list details:first-child{padding-top:0}.faq-list summary{font-size:12px;font-weight:700;cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:20px}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary span{color:#929ab2}.faq-list details[open] summary span{transform:rotate(45deg)}.faq-list p{font-size:11px;line-height:1.8;color:var(--muted);max-width:440px;margin:12px 0 0}footer{border-top:1px solid var(--line);padding:26px 0 35px;display:flex;align-items:center;gap:20px}footer img{width:90px}footer>span{font-size:10px;color:#929aad}footer>a{font-size:10px;margin-left:auto}.footer-label{font-size:7px!important;letter-spacing:1px;margin-left:20px}[hidden]{display:none!important}@keyframes arrive{from{opacity:0;translate:0 12px}to{opacity:1;translate:0 0}}@media(min-width:1500px){.hero{padding-top:90px;padding-bottom:120px}}@media(max-width:1000px){.wrap{width:calc(100% - 48px)}.hero{gap:25px}.hero-actions{gap:16px}.button{gap:14px}.scene{height:450px}.chat-card{width:280px}.lesson-card{width:310px}.lesson-art{width:95px}.lesson-body{padding:19px 13px}.lesson-body h2{font-size:17px}.scene-top{padding:20px 15px}.setup-grid{grid-template-columns:1.4fr 1fr}.setup-panel{padding:22px 20px 8px}.prompt-panel{padding:26px}.status{margin-left:8px}.nav nav{gap:20px}}@media(max-width:740px){.wrap{width:calc(100% - 36px)}.nav{height:80px;gap:12px}.nav img{width:100px}.nav nav{display:none}.status{margin-left:auto;font-size:8px}.hero{grid-template-columns:1fr;padding:34px 0 50px;gap:30px}.hero-copy{padding:0 4px}h1{font-size:52px;letter-spacing:-2.5px}.intro{font-size:13px}.scene{height:445px}.chat-card{width:285px}.lesson-card{width:310px}.hero-actions{gap:23px}.section-heading{align-items:flex-start;flex-direction:column;gap:6px}.section-heading h2,.faq h2{font-size:26px}.setup{padding:40px 0}.setup-grid,.tool-grid,.faq{grid-template-columns:1fr}.prompt-panel{padding:27px}.prompt-panel h3 br{display:none}.prompt-panel h3{font-size:24px}.tool-grid{gap:15px}.tool-grid article{padding:24px}.tools{padding:30px 0 40px}.faq{padding:40px 0;gap:25px}footer{flex-wrap:wrap;gap:12px}footer>a{margin-left:auto}.footer-label{width:100%;margin:5px 0 0}.copy-row{padding:12px 10px}.copy-row code{font-size:10px}.hero .eyebrow{font-size:8px;letter-spacing:1.3px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}
.showcase{border-top:1px solid var(--line);padding:60px 0 70px}.showcase-switch{display:flex;gap:10px;margin:25px 0 18px;flex-wrap:wrap}.showcase-switch button{font-size:11px;border:1px solid var(--line);border-radius:8px;background:#fff;padding:12px 16px;color:#858fa4}.showcase-switch .active{background:#efefff;color:var(--accent);border-color:#d4d3ff}.showcase-frame{border:1px solid var(--line);border-radius:15px;overflow:hidden;box-shadow:0 15px 50px #343d7510;background:white}.showcase-frame iframe{display:block;width:100%;height:790px;border:0}.lesson-frame{display:grid;grid-template-columns:1.4fr 1fr}.lesson-frame iframe{height:580px}.lesson-frame aside{padding:48px 36px}.lesson-frame h3,.flow-frame h3{font-size:28px;letter-spacing:-1px;line-height:1.25}.lesson-frame aside p,.lesson-frame ul{font-size:12px;line-height:1.9;color:var(--muted)}.lesson-frame ul{padding-left:18px}.example-label{display:block;color:#989eb1;font-size:9px;line-height:1.6;margin-top:24px}.flow-frame{border:1px solid var(--line);border-radius:15px;padding:45px;background:#f7f9ff}.flow-nodes{display:flex;gap:15px;align-items:center;margin:40px 0}.flow-nodes article{background:white;border:1px solid var(--line);border-radius:10px;padding:20px;flex:1;align-self:stretch}.flow-nodes article>span{font-size:11px;color:var(--accent)}.flow-nodes h4{font-size:14px;margin:20px 0 10px}.flow-nodes p{font-size:10px;line-height:1.8;color:var(--muted)}.flow-nodes>b{color:#a0a5db}.capability-grid{display:grid;grid-template-columns:1fr 1fr;gap:25px;margin:30px 0 55px}.capability-grid article{padding:30px;border:1px solid var(--line);border-radius:12px}.capability-grid h3,.mcp-grid h3{font-size:21px;letter-spacing:-.7px}.capability-grid p,.mcp-grid p{font-size:12px;line-height:1.8;color:var(--muted)}.tags{display:flex;gap:7px;flex-wrap:wrap;margin:20px 0}.tags span{font-size:9px;color:#777bab;background:#f4f4fe;border-radius:5px;padding:7px 9px}.capability-grid .minor{font-size:10px}.mcp-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.mcp-grid article{border:1px solid var(--line);border-radius:12px;padding:27px;display:flex;flex-direction:column;align-items:flex-start}.mcp-state{font-size:8px;letter-spacing:1px;font-weight:800;color:#7774bb}.mcp-state.local{color:#2f9e91}.mcp-state.internal{color:#8993a9}.mcp-grid code{display:block;padding:7px 9px;background:#f5f5ff;font-size:10px;color:var(--accent);border-radius:5px;margin-bottom:7px}.mcp-grid small{font-size:9px;color:#9199af;margin-top:auto;padding-top:18px;line-height:1.6}@media(max-width:1000px){.showcase-frame iframe{height:690px}.lesson-frame iframe{height:590px}.flow-frame{padding:25px}.flow-nodes{gap:7px}.flow-nodes article{padding:13px}}@media(max-width:740px){.showcase{padding:40px 0}.showcase-frame iframe{height:420px}.lesson-frame{grid-template-columns:1fr}.lesson-frame iframe{height:550px}.lesson-frame aside{padding:28px}.capability-grid,.mcp-grid{grid-template-columns:1fr}.flow-nodes{flex-direction:column;align-items:stretch}.flow-nodes>b{align-self:center;rotate:90deg}.capability-grid{margin-bottom:35px}.showcase-switch button{padding:10px 11px;font-size:9px}}
.scenario-result{border:1px solid var(--line);border-radius:15px;padding:40px;background:linear-gradient(130deg,#f6f7ff,#f9fcff)}.result-heading{display:flex;justify-content:space-between;align-items:center;gap:15px}.result-badge{font-size:9px;color:#8b95ac;border:1px solid #dfe5f3;padding:8px;border-radius:20px}.scenario-result>h3{font-size:34px;letter-spacing:-1.2px;line-height:1.2;margin:27px 0 15px}.scenario-result>p{font-size:12px;color:var(--muted);line-height:1.8}.result-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin:30px 0}.result-grid article{border:1px solid var(--line);border-radius:10px;padding:25px;background:white}.result-grid article>span{font-size:9px;letter-spacing:1px;color:var(--accent)}.result-grid h4{font-size:19px}.result-grid p,.result-grid li{font-size:12px;line-height:1.9;color:var(--muted)}.result-grid ol{padding-left:18px}.result-grid li{margin:12px 0}@media(max-width:740px){.scenario-result{padding:25px}.scenario-result>h3{font-size:27px}.result-grid{grid-template-columns:1fr}.result-heading{align-items:flex-start;flex-direction:column}}
.hero .lesson-card{width:88%;min-height:280px;margin-top:60px;transform:rotate(-2deg)}.hero .lesson-art{width:33%}.hero .lesson-body{padding:32px 23px}.hero .lesson-body h2{font-size:27px;margin-top:24px}.hero .lesson-body p{font-size:10px;line-height:1.8}.hero .lesson-bottom{font-size:10px;margin-top:27px}.hero .lesson-art .stem{left:50%;height:110px;bottom:65px}.hero .lesson-art .leaf{width:45px;height:25px;left:calc(50% - 44px);bottom:126px}.hero .lesson-art .l2{left:50%;bottom:151px}.hero .lesson-art .l3{left:50%;bottom:96px}.hero .lesson-art .ground{bottom:55px;left:15%;width:70%}.hero .lesson-art>span{bottom:28px}@media(max-width:740px){.hero .lesson-body{padding:22px 16px}.hero .lesson-body h2{font-size:22px}.hero .lesson-bottom{font-size:8px}}
.showcase-frame>video{width:100%;aspect-ratio:16/9;display:block;background:#f5f7ff}.film-heading{display:flex;justify-content:space-between;align-items:center;padding:22px 25px}.film-heading>span:last-child{font-size:10px;color:#8b95ac}.film-caption{padding:20px 25px;display:flex;justify-content:space-between;gap:20px;align-items:center}.film-caption p{margin:0;font-size:12px;line-height:1.9;color:#606d85}.film-caption small{font-size:9px;color:#a0a7b6}.film-caption a{font-size:11px;color:var(--accent);white-space:nowrap}@media(max-width:740px){.film-heading,.film-caption{padding:16px}.film-heading .eyebrow{font-size:8px}.film-caption{align-items:flex-start;flex-direction:column}}
.platform-shot{border:1px solid var(--line);border-radius:15px;overflow:hidden;background:white;box-shadow:0 15px 50px #343d7510}.platform-shot>img{display:block;width:100%;height:auto}.platform-shot .film-heading{border-bottom:1px solid var(--line)}

.live-platform-stage{position:relative;overflow:hidden}.live-platform-stage>img{display:block;width:100%;height:auto}.live-diagram-window{position:absolute;left:3.5659%;top:36.6667%;width:41.8605%;height:48.3333%;overflow:hidden;background:#f7fafc}.live-diagram-window iframe{display:block;width:540px;height:522px;border:0;transform-origin:top left}

.interview-platform-stage{position:relative}.interview-platform-stage>img{display:block;width:100%;height:auto}.demo-camera-label{position:absolute;left:63.5714%;top:37.2%;width:8.869%;padding:3px 0;background:#111827d9;color:white;text-align:center;font-size:clamp(5px,.65vw,9px);line-height:1.4}

.showcase-switch button{border-radius:999px;padding:13px 22px}.platform-shot{border-radius:24px}.live-platform-stage,.interview-platform-stage{border-radius:20px;overflow:hidden;margin:0 12px}.live-diagram-window{border-radius:0 0 12px 12px}

.demo-camera-label{border-radius:0 0 10px 10px;overflow:hidden}

.mcp-capabilities{display:grid;grid-template-columns:1fr 1fr;gap:24px}.mcp-capabilities article{border:1px solid var(--line);border-radius:24px;padding:32px;background:linear-gradient(145deg,#fff,#f7f8ff);display:flex;flex-direction:column;align-items:flex-start}.capability-icon{display:grid;place-items:center;width:44px;height:44px;border-radius:14px;background:#eeedff;color:var(--accent);font-size:25px;margin-bottom:24px}.mcp-capabilities h3,.mcp-practice-types h3{font-size:24px;letter-spacing:-.7px}.mcp-capabilities p,.mcp-connection-note p,.internal-mcp p{font-size:13px;line-height:1.8;color:var(--muted)}.mcp-capabilities blockquote{margin:15px 0 24px;padding:16px;background:white;border:1px solid var(--line);border-radius:14px;font-size:13px;line-height:1.7;width:100%;box-sizing:border-box}.mcp-capabilities code{font-size:11px;color:var(--accent)}.capability-result{font-size:11px;color:#39867c;margin-top:12px}.mcp-practice-types{margin-top:24px;padding:30px;border:1px solid var(--line);border-radius:24px}.mcp-practice-types .tags{margin-bottom:0}.mcp-practice-types .tags span{font-size:11px;padding:10px 14px;border-radius:999px}.mcp-connection-note{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-top:24px;background:#f1f7fc;border-radius:20px;padding:24px 30px}.mcp-connection-note strong{font-size:14px}.mcp-connection-note p{margin:8px 0 0}.mcp-connection-note a{font-size:12px;white-space:nowrap;color:var(--accent)}.internal-mcp{font-size:12px;color:var(--muted);margin-top:20px}.internal-mcp summary{cursor:pointer}@media(max-width:740px){.mcp-capabilities{grid-template-columns:1fr}.mcp-capabilities article{padding:24px}.mcp-connection-note{align-items:flex-start;flex-direction:column}}

.scoreboard-showcase{margin-top:50px}.scoreboard-showcase .platform-shot{max-width:940px;margin:24px auto 50px}.scoreboard-showcase .platform-shot>img{border-radius:16px}

.connection-guide{padding:30px;border:1px solid #e3e3ef;border-radius:28px;background:#fff}.connection-guide .tabs{margin:28px 0;display:flex;gap:8px;flex-wrap:wrap}.guide-layout{display:grid;grid-template-columns:1fr 1fr;gap:36px;align-items:start}.guide-layout h3{font-size:27px;letter-spacing:-.7px;margin:12px 0}.guide-figure{margin:0;overflow:hidden;border:1px solid #e5e5ee;border-radius:20px;background:#f8f8fc}.guide-figure img{width:100%;display:block}.guide-figure figcaption{padding:18px;font-size:12px;line-height:1.8;color:#747888}.guide-note{font-size:13px;line-height:1.8;color:#777b89}.guide-source{display:inline-block;margin-top:16px;color:#6753dc;font-size:14px}.guide-result{margin-top:30px;padding:24px;border-radius:20px;background:#f4f1ff}.guide-result p{font-size:23px;letter-spacing:-.5px;margin:12px 0}.guide-result>span:last-child{font-size:14px;color:#747888}@media(max-width:800px){.guide-layout{grid-template-columns:1fr}.connection-guide{padding:20px}.guide-result p{font-size:20px}}

.ai-product-shot{margin:30px 0;border:1px solid #e4e4ee;border-radius:26px;overflow:hidden;background:white}.ai-product-shot>.film-heading{padding:20px 26px}.ai-product-shot img{display:block;width:100%;height:auto}.ai-product-shot figcaption{display:flex;justify-content:space-between;gap:24px;align-items:center;padding:24px 28px}.ai-product-shot strong{font-size:20px}.ai-product-shot p{font-size:14px;color:#777b89;margin:10px 0}.ai-product-shot small{font-size:11px;color:#8f92a2}.ai-product-shot figcaption>a{color:#6753dc;white-space:nowrap;font-size:14px}@media(max-width:700px){.ai-product-shot figcaption{align-items:start;flex-direction:column;padding:20px}}

.minimal-connect{max-width:800px;margin:0 auto}.minimal-connect .tabs{margin-top:0}.minimal-connect h3{font-size:27px;margin:22px 0}.minimal-connect .steps{margin-bottom:28px}.minimal-connect a{color:#6753dc}.simple-ai-connect{display:flex;justify-content:space-between;align-items:center;gap:24px;padding:28px;border:1px solid #e4e4ee;border-radius:24px;margin:28px 0}.simple-ai-connect p{margin:0;font-size:18px}.simple-ai-connect a{color:#6753dc;white-space:nowrap}@media(max-width:700px){.simple-ai-connect{flex-direction:column;align-items:start}}

.ai-company-list{margin-bottom:32px}.ai-company-list h3{font-size:28px;letter-spacing:-.8px;margin:12px 0 24px}.ai-company-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.ai-company-grid article{padding:24px;border:1px solid #e4e4ef;border-radius:20px;background:#fff}.ai-company-grid .company-name{display:block;font-size:12px;color:#777b89;margin-bottom:10px}.ai-company-grid strong{display:block;font-size:21px;letter-spacing:-.5px}.ai-company-grid small{display:block;font-size:11px;color:#85899b;margin-top:12px;line-height:1.6}@media(max-width:700px){.ai-company-grid{grid-template-columns:repeat(2,1fr)}.ai-company-grid article{padding:18px}}@media(max-width:420px){.ai-company-grid{grid-template-columns:1fr}}

.direct-connection-links{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:24px 0 12px}.direct-connection-links a{display:flex;flex-direction:column;gap:10px;padding:22px;border:1px solid #ded9f4;border-radius:18px;background:#f8f6ff;color:#211d35;text-decoration:none}.direct-connection-links a:hover{background:#f0ebff;border-color:#806bd9}.direct-connection-links strong{font-size:18px}.direct-connection-links span{font-size:13px;color:#6753dc}@media(max-width:600px){.direct-connection-links{grid-template-columns:1fr}}

/* Focused connection section */
.connect-heading{align-items:center;margin-bottom:28px}.connect-heading h2{margin-bottom:12px}.connect-heading p{margin:0;font-size:16px;line-height:1.7;color:#7a7f91}.connect-status{display:inline-flex;padding:8px 14px;border-radius:100px;background:#f2efff;color:#7863cf;font-size:12px;white-space:nowrap}.setup .minimal-connect{max-width:none;padding:32px 40px;background:linear-gradient(135deg,#fff 60%,#faf9ff);border-radius:26px}.setup .minimal-connect .tabs{padding-bottom:18px;border-bottom:1px solid #eeedf5;gap:8px}.setup .minimal-connect .tabs button{padding:12px 20px;border-radius:12px;font-size:14px}.setup .minimal-connect h3{font-size:24px;letter-spacing:-.6px;margin-top:28px}.setup .minimal-connect .steps{max-width:760px}.setup .minimal-connect .steps li{padding:14px 0}.setup .minimal-connect .steps b{font-size:15px}.setup .minimal-connect .steps p{font-size:14px;line-height:1.7}.setup .minimal-connect .copy-row{max-width:760px}.other-ai-apps{margin:20px 4px 0;color:#858a9b;font-size:13px}.other-ai-apps summary{cursor:pointer}.other-ai-apps p{margin:16px 0 8px}.other-ai-apps small{font-size:12px}.connection-footnote{font-size:12px!important;margin-bottom:0}@media(max-width:700px){.setup .minimal-connect{padding:24px 20px}.setup .minimal-connect .tabs button{padding:10px 12px}.connect-heading{align-items:start}.connect-heading p{font-size:14px}}

.account-connect{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:4px 0 22px;border-bottom:1px solid #e6e8ed;margin-bottom:12px}.account-connect h3{margin:8px 0}.account-connect p{color:#656d7c;font-size:15px;line-height:1.6;margin:0}.account-connect .button{white-space:nowrap}.account-connect+.guide-note{margin-bottom:28px}@media(max-width:680px){.account-connect{align-items:flex-start;flex-direction:column;gap:16px}.account-connect .button{width:100%;justify-content:center}}
.account-connect a.button.primary{color:#fff}