
:root{--navy:#10283d;--navy2:#123f4b;--teal:#0a897c;--mint:#e9f8f2;--bg:#f4f7f7;--ink:#1b3040;--muted:#5e7480;--line:#dce6e7;--amber:#fff5df}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font:15px/1.72 -apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",Arial,sans-serif;background:var(--bg);color:var(--ink)}
button,a{font:inherit}button{cursor:pointer}a{color:#087c70}.wrap{max-width:1200px;margin:auto;padding:0 26px}
header{position:sticky;top:0;z-index:99;background:var(--navy);color:#fff;border-bottom:1px solid #345468}.bar{min-height:68px;display:flex;align-items:center;gap:14px;justify-content:space-between}
.brand{font-weight:830;font-size:17px;white-space:nowrap;display:flex;gap:9px;align-items:center}.logo{display:grid;place-items:center;background:#19a48c;color:white;width:32px;height:32px;border-radius:9px}
nav{display:flex;gap:15px;font-size:12px}nav a{color:#d0e2e7;text-decoration:none}nav a:hover{color:white}
.hero{background:radial-gradient(circle at 82% 10%,#21747260,transparent 39%),linear-gradient(132deg,#0f2a40,#12464c);color:#fff;padding:56px 0 67px}
.eyebrow{color:#9be6d6;text-transform:uppercase;letter-spacing:.13em;font-size:11px;font-weight:850;margin-bottom:12px}
h1,h2,h3,p{margin-top:0}h1{font-size:clamp(31px,4.3vw,54px);letter-spacing:-.035em;line-height:1.19;margin-bottom:18px}
.hero p{color:#d1e1e4;font-size:16px;max-width:940px;margin-bottom:24px}.chips{display:flex;gap:9px;flex-wrap:wrap;margin-bottom:25px}.chips span{font-size:12px;border:1px solid #a2e7db4a;background:#ffffff12;padding:5px 11px;border-radius:40px;color:#e4f4ee}
.btn{display:inline-block;border:0;border-radius:11px;padding:11px 17px;text-decoration:none;font-weight:760;font-size:13px;background:var(--teal);color:white;transition:.15s}.btn:hover{filter:brightness(1.07)}.btn.alt{background:#fff;color:#17616b}.actions{display:flex;gap:11px;flex-wrap:wrap}
section{padding:68px 0;scroll-margin-top:86px}section.white{background:#fff}.section-title{max-width:850px;margin-bottom:27px}.section-title small{font-size:12px;font-weight:850;color:var(--teal);letter-spacing:.11em}.section-title h2{font-size:clamp(25px,3vw,36px);letter-spacing:-.035em;line-height:1.3;margin:6px 0 11px}.section-title p{color:var(--muted);margin:0}
.deck{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.card{background:white;border:1px solid var(--line);border-radius:16px;padding:23px;box-shadow:0 5px 21px #294b5310}.card h3{font-size:16px;margin:7px 0 8px}.card p{color:var(--muted);font-size:13px;margin:0}.glyph{display:inline-grid;place-items:center;background:var(--mint);font-size:22px;border-radius:12px;width:44px;height:44px}
.browser{border:1px solid #aac4cb;border-radius:17px;overflow:hidden;background:white;box-shadow:0 26px 65px #0004;margin-top:36px}.chrome{display:flex;align-items:center;gap:8px;padding:11px 16px;background:#eaf0f0;color:#668088;font-size:11px;border-bottom:1px solid #ccdada}.dot{width:10px;height:10px;background:#ffb39e;border-radius:50%}.dot:nth-child(2){background:#ffd67b}.dot:nth-child(3){background:#72d7b3}.address{background:white;padding:5px 15px;border-radius:7px;color:#53727b;margin-left:16px;max-width:78%;flex:1}.steps{counter-reset:steper;list-style:none;margin:0;padding:0}.steps li{counter-increment:steper;display:flex;align-items:start;gap:13px;padding:13px 0;border-bottom:1px solid #eaf0f0;font-size:14px}.steps li:last-child{border:0}.steps li:before{content:counter(steper,decimal-leading-zero);font-size:12px;flex:0 0 30px;border-radius:8px;padding:4px 0;text-align:center;background:#dff2e9;color:#097a6d;font-weight:850}
.callout{padding:15px 17px;background:#eaf6f3;border-left:3px solid var(--teal);border-radius:9px;font-size:13px;color:#275d57;margin:18px 0}.callout.warn{background:#fff6e6;border-left-color:#d49a31;color:#755b35}.callout a{color:#08796f}
.faq{display:grid;gap:10px}.faq details{background:white;border:1px solid var(--line);border-radius:12px;padding:16px 20px}.faq summary{cursor:pointer;font-weight:760}.faq p{margin:12px 0 0;color:#526873;font-size:13px}
footer{background:#112c40;color:#b6d0d5;padding:32px 0;font-size:12px}footer p{margin:0 0 7px}footer a{color:#9aebd9}footer .support-contact{margin-top:22px;padding-top:17px;border-top:1px solid #ffffff24;font-size:14px}footer .support-contact a{font-weight:700;text-decoration:underline;text-underline-offset:3px}footer .support-contact a:hover{color:#fff}
.downloads{display:flex;flex-wrap:wrap;gap:10px;margin:0 0 24px}.downloads .btn{display:inline-flex;align-items:center}.section-title h2{overflow-wrap:anywhere}
@media(max-width:850px){.bar{flex-wrap:wrap;padding-top:12px;padding-bottom:12px}nav{order:3;overflow-x:auto;overflow-y:hidden;width:100%;-webkit-overflow-scrolling:touch}nav a{white-space:nowrap;flex-shrink:0}.deck{grid-template-columns:1fr 1fr}}
@media(max-width:590px){.wrap{padding:0 17px}.hero{padding:37px 0 45px}.deck{grid-template-columns:1fr}.section-title h2{font-size:26px}section{padding:48px 0}.browser{margin-top:26px}}
@media print{header,.actions,#reset{display:none!important}section{padding:22px 0}.hero{color:#123;background:white;padding:10px 0}.hero p{color:#345}.browser{box-shadow:none}body{background:white}}

/* Friends-guide product illustration: editorial website left, Necto panel right. */
.demo-split{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(350px,1fr);min-height:510px;background:#fff}
.swiss-page{min-width:0;background:#fff;color:#202329;font-family:Arial,"PingFang SC",sans-serif}
.swiss-topline{border-bottom:1px solid #e5e5e5;padding:9px 17px;color:#777;font-weight:700;font-size:10px;display:flex;justify-content:space-between;gap:10px}
.swiss-topline span{font-weight:400;color:#999}.swiss-header{display:flex;align-items:center;justify-content:space-between;padding:15px 20px 13px;border-bottom:1px solid #ededed;gap:5px}
.swiss-brand{font-weight:950;color:#f12634;font-size:21px;letter-spacing:-.055em}.swiss-brand strong{font-weight:750;color:#16191e;letter-spacing:-.04em}.swiss-lang{font-size:11px;color:#50545a}
.swiss-nav{display:flex;gap:13px;white-space:nowrap;overflow:hidden;border-bottom:1px solid #eee;padding:9px 18px;font-size:11px;color:#373b41}
.swiss-body{padding:17px 23px 22px}.swiss-section{font-weight:800;color:#42474d;font-size:11px;border-left:3px solid #ed3141;padding-left:10px;margin-bottom:11px}
.swiss-picture{height:112px;position:relative;display:flex;align-items:flex-end;justify-content:space-between;padding:12px 18px;overflow:hidden;background:linear-gradient(168deg,#d8e7ea 0%,#d8e6ec 42%,#6e9ba9 42.5%,#9cbcc0 61%,#597c87 61.5%,#3c6677 100%);color:#fff}
.swiss-picture:before{content:"";position:absolute;bottom:-8px;left:12%;width:130%;height:72%;background:linear-gradient(15deg,#f2f7f6 20%,#d6e2e0 50%,#82969a 90%);clip-path:polygon(0 100%,17% 58%,30% 82%,45% 16%,55% 57%,66% 41%,85% 92%,100% 48%,100% 100%)}
.swiss-mountains{position:relative;z-index:1;color:#7392a0}.swiss-picture>span{position:relative;z-index:1;font-size:9px;font-weight:800;letter-spacing:.15em}
.swiss-kicker{font-size:10px;color:#ad3140;font-weight:700;margin-top:13px}.swiss-body h3{font-size:18px;line-height:1.35;margin:6px 0;color:#202329;letter-spacing:-.025em}.swiss-body>p{font-size:11px;color:#6b7179;margin:0 0 15px}
.swiss-story{display:flex;flex-direction:column;gap:3px;border-top:1px solid #e5e5e5;padding:10px 0;font-size:11px}.swiss-story span{font-size:9px;color:#b22e3b;font-weight:700}.swiss-story strong{color:#303840}
.swiss-source{display:inline-block;font-size:10px;color:#a82d40!important}
.wmcp-demo{display:flex;flex-direction:column;min-width:0;background:#fff;border-left:1px solid #dfe3e5;color:#282d35;font-family:system-ui,-apple-system,"PingFang SC",sans-serif}
.wmcp-heading{display:flex;align-items:center;gap:8px;padding:11px 12px 7px;font-size:13px}.wmcp-icon{background:#666;color:white;font-size:10px;font-weight:bold;padding:1px 4px;border-radius:2px}.wmcp-x{margin-left:auto;color:#858b91;font-size:18px;font-weight:400}
.wmcp-tools{padding:4px 11px 10px;border-bottom:1px solid #dedee1;display:grid;grid-template-columns:1fr auto;column-gap:6px;align-items:center}
.wmcp-provider-row{grid-column:1/-1;display:flex;align-items:center;gap:5px;min-width:0;margin-bottom:11px}.wmcp-select,.wmcp-button{border:1px solid #adb0b4;border-radius:5px;padding:3px 6px;white-space:nowrap;font-size:10px;background:#fafafa}
.wmcp-status{grid-column:1/2;min-width:0;font-weight:750;font-size:11px;margin-bottom:8px;line-height:1.4;overflow-wrap:anywhere}.wmcp-connect{grid-column:2/3;align-self:start;border:1px solid #8c9399;border-radius:5px;padding:3px 9px;font-size:10px;font-weight:650;background:#f7f8f9;color:#263038;white-space:nowrap;margin-left:6px}
.wmcp-access{border:1px solid #fa3045;background:#fff3f5;color:#d91f30;border-radius:15px;padding:4px 9px;font-weight:800;display:flex;justify-content:space-between;gap:6px;font-size:10px}
.wmcp-revoke{background:#171717;color:#fff;border-radius:5px;padding:4px 6px;font-size:10px;font-weight:700}
.wmcp-meta{grid-column:1/-1;display:flex;align-items:center;gap:5px;margin-top:8px;min-width:0;font-size:9px}.wmcp-ws{background:#ededee;border-radius:5px;padding:4px 6px;white-space:nowrap;max-width:36%;overflow:hidden;text-overflow:ellipsis}.wmcp-model{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1}
.wmcp-conversation{flex:1;padding:10px 12px;display:flex;flex-direction:column;gap:14px;min-height:174px}
.wmcp-chatbar{font-size:10px;color:#444;white-space:nowrap;overflow:hidden}.wmcp-chatbar span{float:right}.wmcp-ai{font-size:11px;line-height:1.6;color:#30343a;max-width:94%;padding:8px 5px}.wmcp-user{background:#dfeffb;border-radius:15px;padding:13px 14px;font-size:11px;line-height:1.65;margin-left:19%;color:#22394d}
.wmcp-compose{border:1px solid #e4e7ea;border-radius:16px;margin:10px;padding:14px 12px 8px;box-shadow:0 3px 15px #0000000b;font-size:11px;color:#79828a}.wmcp-compose-bottom{display:flex;align-items:center;justify-content:space-between;margin-top:22px;color:#92979d}.wmcp-compose-bottom b{font-size:22px;color:#20252d;font-weight:500}.wmcp-compose-bottom strong{display:inline-grid;place-items:center;background:#327deb;border-radius:50%;width:25px;height:25px;color:#fff}
@media(max-width:850px){.demo-split{grid-template-columns:1fr}.wmcp-demo{border-left:0;border-top:1px solid #e0e3e5}.swiss-picture{height:140px}}
@media(max-width:590px){.swiss-header{padding:13px}.swiss-body{padding:13px}.swiss-topline span{display:none}}

.downloads{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-bottom:15px}
.download-card{min-width:0;padding:14px 16px;background:#fff;border:1px solid var(--line);border-radius:14px}
.download-card .btn{width:100%;justify-content:center;text-align:center}
.download-card small{display:block;color:var(--muted);font-size:11px;margin-top:9px;line-height:1.6}
.download-card code{font-size:10px;overflow-wrap:anywhere;user-select:all}
@media(max-width:590px){.downloads{grid-template-columns:1fr}}

/* China invitation beta: additions to the accepted public guide style. */

.top-links{display:flex;flex-wrap:wrap;align-items:center;gap:16px}.top-links a{color:#d0e2e7;text-decoration:none;font-size:13px}.top-links a:hover{color:#fff}
.top-links .active{color:#fff;font-weight:750}.brand a{color:#fff;text-decoration:none}.beta{display:inline-flex;padding:5px 11px;border-radius:99px;background:#e5f8f0;color:#176456;font-size:12px;font-weight:800;letter-spacing:.02em}
.hero .beta{margin:0 0 18px}.hero .btn{background:#10aa8e;padding:13px 20px;font-size:15px}.hero .secondary-link{display:inline-block;color:#dcf8f2;padding:12px 10px;text-decoration:underline;text-underline-offset:4px}
.actions{display:flex;flex-wrap:wrap;align-items:center;gap:9px}.hero-lead{max-width:800px}.micro{font-size:12px;color:var(--muted)}.hero .micro{color:#bdd8d8;margin:16px 0 0}.reading{max-width:860px}.reading p,.reading li{font-size:15px}.reading h3{font-size:19px;margin:22px 0 10px}.steps{counter-reset:step;list-style:none;padding:0;display:grid;gap:13px}.steps li{display:block;position:relative;padding:15px 17px 15px 56px;border:1px solid var(--line);border-radius:13px;background:#fff;min-width:0;overflow-wrap:anywhere}.steps li:before{counter-increment:step;content:counter(step);position:absolute;left:15px;top:16px;display:grid;place-items:center;width:27px;height:27px;border-radius:50%;background:#d7f4e9;color:#16564d;font-weight:800}
.site-card{display:flex;flex-direction:column;gap:10px}.site-card p{flex:1}.site-card .btn{align-self:flex-start}.link-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.download-label{display:block;font-weight:800;font-size:17px;margin-bottom:8px}.download-card small{font-size:12px}.price{font-size:36px;font-weight:850;color:var(--navy);line-height:1.35}.price span{font-size:13px;color:var(--muted);font-weight:500}.plan-list{list-style:none;padding:0;margin:12px 0 0;line-height:2}.plan-list li:before{content:'✓';margin-right:9px;color:var(--teal);font-weight:800}.subtle{font-size:13px;color:var(--muted)}.callout strong{color:#154c45}.notice-warning{background:#fff5df;border-left:4px solid #b98731;padding:16px 20px;border-radius:8px;margin:17px 0}.anchor-row{display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin-top:18px}.guide-steps{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.guide-steps article{background:white;border:1px solid var(--line);border-radius:13px;padding:23px;min-width:0}.guide-steps code,.steps code{overflow-wrap:anywhere;background:#f2f7f5;border-radius:4px;padding:2px 5px}.example-prompt{background:#eef7f5;border:1px solid #cee8df;border-radius:10px;padding:14px 18px;font-size:14px;line-height:1.8}.browser-note{margin:12px 0;color:var(--muted);font-size:12px}.cta-section{background:linear-gradient(120deg,#143349,#126053);color:#fff;border-radius:17px;padding:28px}.cta-section p{color:#d3ece6}.cta-section .btn{background:#16aa91}
.site-demo .wmcp-provider-row .wmcp-select{background:#f2f6f6}.site-demo .wmcp-access{color:#d91f30}.site-demo .wmcp-model{font-weight:650}.site-demo .wmcp-status{margin-top:0}.site-demo .wmcp-ai{font-size:12px}.site-demo .wmcp-user{font-size:12px}.site-demo .wmcp-conversation{min-height:160px}
@media(max-width:850px){.top-links{order:3;width:100%;overflow-x:auto;white-space:nowrap;flex-wrap:nowrap}.guide-steps{grid-template-columns:minmax(0,1fr)}}
@media(max-width:590px){.link-grid{grid-template-columns:1fr}.hero .btn{width:100%;text-align:center}.hero .secondary-link{padding:10px 0}.top-links{gap:13px}.steps li{padding-left:52px}.actions{width:100%}.cta-section{padding:22px}.section-title h2{line-height:1.3}}

/* Only shown for an explicit invitation URL, never for ordinary visitors. */
.invite-banner{max-width:770px;margin:0 0 24px;padding:20px 24px;border:1px solid #9bd8c9;border-left:5px solid #16a98c;border-radius:12px;background:#eaf8f3;color:#1d5048}.invite-banner[hidden]{display:none}.invite-banner p{margin:0 0 10px;color:#275a51;font-size:14px}.invite-banner strong{font-size:19px;color:#165248}.invite-banner code{font-weight:750;overflow-wrap:anywhere}.invite-banner .invite-action{margin-top:5px}.invite-banner.invite-error{background:#fff6e8;border-color:#e7c797;color:#725724}.invite-banner.invite-error strong,.invite-banner.invite-error p{color:#725724}
@media(max-width:590px){.invite-banner{padding:18px}.invite-banner .invite-action{width:100%}}
