@charset "UTF-8";
:root{--ink:#171b24;--muted:#767980;--accent:#8babec;--dark:#111419;--paper:#f4f5f8;--border:#dcdfe4;--font:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px;scrollbar-gutter:stable}body{margin:0;font-family:var(--font);color:var(--ink);background:var(--paper);-webkit-font-smoothing:antialiased}button,input,select,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,summary:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,[tabindex]:focus-visible{outline:3px solid #4b68a3;outline-offset:5px}button{border:0}svg{width:22px;height:22px;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;fill:none;vertical-align:middle;flex-shrink:0}em{font-style:normal;color:var(--accent)}h1,h2,h3,p{margin:0}.wrap{max-width:1240px;width:calc(100% - 96px);margin:0 auto}.skip{position:fixed;top:-80px;left:20px;z-index:100;padding:12px;background:var(--accent)}.skip:focus{top:12px}.header{height:88px;background:#111419f5;backdrop-filter:blur(18px);position:sticky;top:0;z-index:20;border-bottom:1px solid #ffffff0d;color:#fff}.header-inner{height:100%;display:flex;align-items:center;gap:38px}.brand{display:inline-flex;align-items:center;gap:10px;font-size:24px;font-weight:650;letter-spacing:-1px;white-space:nowrap}.brand-im{font-weight:450;letter-spacing:-.8px}nav{display:flex;gap:30px;margin:auto}nav a{font-size:13px;color:#c4c6cb;transition:color .2s}nav a:hover{color:var(--accent)}.button{display:inline-flex;align-items:center;justify-content:center;gap:28px;background:var(--accent);color:#1b212d;border:1px solid transparent;border-radius:5px;padding:17px 24px;font-size:14px;font-weight:650;min-height:54px;transition:background .2s,transform .2s;white-space:nowrap}.button:hover{background:#adc4f2;transform:translateY(-2px)}.button>span{font-size:20px;font-weight:400}.button-small{font-size:12px;padding:10px 17px;min-height:40px;gap:24px}.button-outline{background:transparent;border-color:#585b62;color:#eef0f3;gap:11px}.button-outline:hover{background:#262b36}.button-outline svg{width:20px;height:20px}.menu{display:none;background:none;padding:10px}.menu span{width:21px;height:2px;background:white;display:block;margin:5px}.hero{background:var(--dark);color:white;overflow:hidden;position:relative}.hero-grid{display:grid;grid-template-columns:1fr 1.08fr;align-items:center;min-height:673px;padding-top:40px;padding-bottom:55px;gap:26px}.eyebrow{font-size:10px;letter-spacing:1.8px;line-height:1.8;color:#a6abb5;display:flex;gap:10px;align-items:center;font-weight:550}.live-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 4px #8babec10;flex-shrink:0}h1{font-size:clamp(40px,4.1vw,60px);font-weight:620;letter-spacing:-2px;line-height:1.22;margin:25px 0 23px}.hero-description{font-size:14px;color:#aaaeb5;line-height:1.95}.hero-actions{display:flex;gap:14px;margin-top:31px}.hero-assurances{display:flex;gap:21px;margin-top:26px;color:#b4b7be;font-size:11px}.hero-assurances span:before{content:'✓';color:var(--accent);margin-right:5px}.hero-art{position:relative;isolation:isolate;padding:33px 0 44px;min-width:0;transform:translateX(5px)}.orbit{position:absolute;border:1px solid #8babec10;border-radius:50%;z-index:-1;left:50%;top:48%;transform:translate(-50%,-50%);pointer-events:none}.orbit-one{width:680px;height:680px}.orbit-two{width:850px;height:850px;border-style:dashed}.hero-art:before{content:"";position:absolute;inset:-90px;background:radial-gradient(ellipse,#576e9d33,transparent 66%);z-index:-2}.environment{display:flex;align-items:center;gap:9px;font-size:8px;letter-spacing:1.6px;color:#b6bbc5;margin-bottom:18px}.environment-cn{margin-left:auto;font-size:10px;letter-spacing:0;color:#8f95a2}.im-window{border-radius:10px;background:#f7f8fa;box-shadow:0 24px 90px #0005,0 0 0 1px #ffffff24;overflow:hidden;transform:perspective(1500px) rotateY(-5deg) rotateX(2deg);color:#2e323a}.window-bar{height:37px;display:flex;align-items:center;justify-content:space-between;padding:0 13px;background:#e7e9ee;font-size:8px;color:#7f838a;border-bottom:1px solid #dadde2}.traffic{display:flex;gap:4px}.traffic i{height:6px;width:6px;background:#b6bac1;border-radius:50%}.traffic i:first-child{background:#d0ab9a}.window-lock svg{width:12px;height:12px}.im-body{height:340px;display:flex}.im-rail{width:50px;background:#e2e5eb;display:flex;align-items:center;flex-direction:column;gap:22px;padding:17px 0;flex-shrink:0}.im-rail span svg{width:18px;height:18px;color:#7f8590}.im-rail .rail-active{background:#bfc7d7;padding:6px;margin-top:-5px;margin-bottom:-5px;border-radius:5px}.im-rail .rail-active svg{color:#323e57}.rail-bottom{margin-top:auto}.conversations{width:177px;background:#eef0f4;border-right:1px solid #dcdfe6;position:relative;flex-shrink:0}.list-title{display:flex;justify-content:space-between;padding:18px 13px 10px;font-size:13px;font-weight:600}.list-title span{font-weight:400;color:#727883}.search-mock{background:#e2e5eb;margin:0 10px 13px;padding:7px;border-radius:4px;font-size:8px;color:#878d98;display:flex;align-items:center;gap:5px}.search-mock svg{width:10px;height:10px}.conversation{display:flex;position:relative;gap:8px;padding:12px 10px;align-items:center}.conversation.selected{background:#d6ddeb}.avatar{width:31px;height:31px;display:flex;align-items:center;justify-content:center;border-radius:8px;font-size:11px;flex-shrink:0}.avatar.brand-avatar{background:#9cadce;color:#33405a}.avatar.purple{background:#e1dded;color:#817293}.avatar.orange{background:#eddfcc;color:#977949}.avatar.blue{background:#dae5ed;color:#7290a4}.conversation strong{display:block;font-size:9px;font-weight:600}.conversation small{display:block;font-size:7px;color:#868b95;margin-top:6px}.unread{position:absolute;right:10px;top:12px;border-radius:20px;background:#546a96;color:white;padding:2px 4px;font-size:7px}.instance-tag{position:absolute;bottom:15px;left:13px;font-size:7px;color:#777e8b;display:flex;align-items:center;gap:7px}.instance-tag .live-dot{width:4px;height:4px;background:#5e77a9}.chat{flex:1;min-width:0;background:#fafbfd;display:flex;flex-direction:column}.chat-title{padding:14px 16px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #e4e7ec}.chat-title strong{font-size:10px;display:block}.chat-title small{font-size:7px;color:#9398a3;display:block;margin-top:5px}.chat-content{padding:11px 13px;flex:1}.chat-day{text-align:center;color:#9fa4ad;font-size:7px;margin:0 0 18px}.message{display:flex;gap:7px;font-size:8px;align-items:flex-start}.message .avatar{width:25px;height:25px;font-size:9px;border-radius:6px}.message small{font-size:7px;color:#9ca1ac;display:block;margin-bottom:5px}.message p{background:#e9ecf2;border-radius:0 6px 6px;padding:9px;font-size:8px;line-height:1.7}.file-message{display:flex;align-items:center;gap:8px;border:1px solid #e3e6ec;background:white;padding:9px;margin:9px 0 15px 32px;border-radius:6px}.file-icon{background:#eae2d6;color:#a58e6b;font-size:8px;padding:11px 5px;border-radius:4px}.file-message strong{font-size:8px;display:block}.file-message small{font-size:6px;color:#9399a4;margin-top:5px;display:block}.message.sent{justify-content:flex-end}.sent p{background:#c0ceeb;border-radius:6px 0 6px 6px}.sent small{text-align:right;margin-top:5px;color:#838ea3}.chat-input{padding:14px;color:#9fa5b0;font-size:8px;border-top:1px solid #e2e5eb;display:flex;justify-content:space-between;align-items:center}.chat-input svg{width:12px;height:12px}.floating-protection{position:absolute;bottom:15px;left:56px;right:-9px;display:flex;align-items:center;gap:12px;padding:18px 20px;border:1px solid #8babec2d;border-radius:9px;background:#232730f5;box-shadow:0 15px 30px #0003;transform:rotate(-2deg)}.shield-circle{height:42px;width:42px;display:flex;align-items:center;justify-content:center;background:#8babec15;border-radius:50%;color:var(--accent)}.shield-circle svg{width:25px;height:25px}.floating-protection strong{display:block;font-size:13px;font-weight:500;letter-spacing:.5px}.floating-protection div>span{display:block;color:#959dae;font-size:9px;margin-top:6px}.check-round{color:var(--accent);font-size:14px;margin-left:auto;border:1px solid #8babec66;border-radius:50%;width:22px;height:22px;text-align:center;line-height:20px}.art-footnote{position:absolute;bottom:-21px;left:6px;right:0;font-size:8px;color:#6f7581;display:flex;justify-content:space-between}.art-footnote span{font-size:7px;letter-spacing:1px}.hero-bottom{border-top:1px solid #ffffff13;padding:24px 0;display:flex;justify-content:space-between;font-size:11px;color:#a7abb4}.hero-bottom a{color:#d5dae4;display:flex;gap:35px}.section{padding:94px 0}.section-top{display:flex;justify-content:space-between;gap:24px;align-items:flex-end;margin-bottom:39px}.dark-label{color:#697182;font-size:10px;letter-spacing:1.6px;margin-bottom:19px}h2{font-size:33px;line-height:1.5;letter-spacing:-1.2px;font-weight:600}.muted{color:#7c818b}.section-intro{font-size:12px;color:#7a7f88;line-height:1.9;padding-bottom:5px}.advantage-grid{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--border);border-radius:9px;overflow:hidden;background:#fff}.advantage-card{padding:30px 27px 26px;position:relative;border-right:1px solid var(--border)}.advantage-card:last-child{border:0}.line-icon{display:inline-flex;color:#4a5469;background:#e9edf4;border-radius:8px;padding:11px;margin-bottom:28px}.line-icon svg{width:24px;height:24px}.number{position:absolute;top:34px;right:24px;color:#a7adb8;font-size:10px;font-family:monospace}.advantage-card h3{font-size:23px;font-weight:560;line-height:1.5;letter-spacing:-.7px}.advantage-card p{font-size:12px;color:#797e88;line-height:1.95;margin:16px 0 25px;min-height:70px}.card-tag{font-size:10px;color:#5b6374;border-top:1px solid #e5e7ec;padding-top:15px;display:block}.card-tag:before{content:'↗';margin-right:8px}.control{background:#e9ebf0;border-top:1px solid #e1e4e9;border-bottom:1px solid #dcdfe5}.control-layout{display:grid;grid-template-columns:.77fr 1.23fr;gap:56px;align-items:center}.control-tabs{display:flex;flex-direction:column;gap:10px}.control-tab{display:flex;align-items:center;text-align:left;padding:22px 20px;border:1px solid transparent;border-radius:7px;background:transparent;color:#5e6470;width:100%;gap:20px;transition:background .2s}.control-tab.active{background:#fff;border-color:#d0d6e2;box-shadow:0 5px 20px #1a223204;color:#1f2635}.tab-num{font-family:monospace;color:#7b8394;font-size:11px;align-self:flex-start;padding-top:5px}.control-tab h3{font-size:17px;font-weight:550}.control-tab p{font-size:12px;color:#8b909a;margin-top:9px}.tab-arrow{margin-left:auto;font-size:20px;opacity:.35}.active .tab-arrow{opacity:1}.control-caption{display:flex;align-items:flex-start;gap:7px;font-size:10px;line-height:1.8;color:#838996;margin-top:15px;padding:0 12px}.control-caption svg{width:13px;height:13px;margin-top:2px}.control-panel{height:384px;background:#f6f8fb;border-radius:10px;border:1px solid #d1d6e0;overflow:hidden;box-shadow:0 15px 30px #202b4106}.panel-top{height:48px;border-bottom:1px solid #dadfe8;display:flex;align-items:center;gap:9px;padding:0 21px;font-size:11px;color:#5b6374;background:#fff}.panel-top svg{width:15px;height:15px}.panel-top .preview-label{margin-left:auto;font-size:9px;color:#8c93a1}.diagram{padding:22px 28px}.device-row{display:flex;justify-content:center;gap:28px;font-size:9px;color:#798191;margin-bottom:15px}.device-row span{display:flex;align-items:center;gap:5px}.device-row svg{width:15px;height:15px}.diagram-line{height:21px;width:1px;background:#b6bfd2;margin:auto;position:relative}.diagram-line:after{content:'⌄';position:absolute;bottom:-5px;left:-3px;color:#7f8aa1;font-size:12px}.private-boundary{border:1px dashed #94a3c1;border-radius:8px;padding:17px;background:#e7ecf5}.boundary-title{display:flex;justify-content:space-between;align-items:center;font-size:11px;color:#303e5b;margin-bottom:17px}.boundary-title span{font-size:8px;color:#6e7c99}.service-row{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.service{background:#fff;border:1px solid #d0d7e6;border-radius:6px;padding:13px 6px;display:flex;flex-direction:column;align-items:center;gap:9px;font-size:10px;color:#505b72}.storage-row{display:flex;gap:8px;justify-content:center;margin-top:12px}.storage-row span{font-size:9px;border-radius:3px;background:#d6ddeb;color:#616e87;padding:5px 14px}.panel-bottom{font-size:10px;color:#808898;text-align:center;margin-top:16px}.manage-content{padding:22px}.manage-title{display:flex;justify-content:space-between;margin-bottom:18px;font-size:12px}.status-pill{font-size:9px;color:#546484;background:#e5e9f2;border-radius:4px;padding:4px 7px}.permission-table{width:100%;border-collapse:collapse;font-size:11px}.permission-table th{font-weight:400;color:#838a98;background:#ebeef4;padding:12px 10px;text-align:left}.permission-table td{padding:17px 10px;border-bottom:1px solid #e2e6ed;color:#6a7180}.permission-table td:first-child{color:#2d3647;font-weight:500}.permission-check{color:#4a6293;font-weight:600}.permission-note{margin-top:16px;display:flex;align-items:center;gap:7px;font-size:10px;color:#7f8695}.permission-note svg{width:13px;height:13px}.clean-content{padding:22px}.custom{background:#171b23;color:white;position:relative;overflow:hidden}.custom:after{content:'';position:absolute;inset:0;background-image:radial-gradient(#9cb2dd18 1px,transparent 1px);background-size:18px 18px;pointer-events:none;mask-image:linear-gradient(to right,transparent,#000)}.custom-layout{display:grid;grid-template-columns:1fr 1fr;gap:85px;align-items:center;position:relative;z-index:1}.custom-copy .eyebrow{font-size:9px;margin-bottom:24px}.custom h2{font-size:34px;line-height:1.5}.custom-copy>p{margin-top:22px;font-size:13px;color:#9ea4b0;line-height:2}.text-link{display:inline-flex;align-items:center;gap:37px;padding:0 0 10px;border-bottom:1px solid #8598bf50;color:var(--accent);background:none;font-size:13px;margin-top:28px}.text-link span{font-size:20px}.text-link:hover{gap:44px}.custom-copy>small{display:block;font-size:9px;color:#6d7585;margin-top:19px}.custom-options{display:flex;flex-direction:column}.custom-options article{display:flex;align-items:flex-start;padding:27px 0;gap:21px;border-bottom:1px solid #ffffff15}.custom-options article:first-child{padding-top:0}.custom-options article:last-child{border-bottom:none;padding-bottom:0}.custom-icon{padding:11px;background:#8babec10;border:1px solid #8babec16;border-radius:6px;color:#8399c5}.custom-options article>span:last-child{margin-left:auto;color:#636c7f;font-size:10px;font-family:monospace;padding-top:4px}.micro-label{font-size:8px;letter-spacing:1.5px;color:#727d94}.custom-options h3{font-size:19px;font-weight:500;margin:7px 0 9px}.custom-options p{font-size:11px;line-height:1.8;color:#979fae;max-width:285px}.capabilities{padding-bottom:85px}.capability-grid{display:grid;grid-template-columns:repeat(4,1fr);margin-top:45px}.capability-grid article{padding-left:29px;border-left:1px solid var(--border)}.capability-grid article:first-child{padding-left:0;border:0}.capability-grid svg{width:25px;height:25px;color:#5e6b85}.capability-grid h3{font-size:17px;font-weight:550;margin:17px 0 10px}.capability-grid p{color:#838994;font-size:11px;line-height:2}.faq-section{border-top:1px solid var(--border);padding-top:80px}.faq-layout{display:grid;grid-template-columns:1fr 1.1fr;gap:75px}.faq-layout h2{font-size:28px}.faq-subtitle{font-size:12px;color:#7f8592;line-height:2;margin-top:18px}.dark-link{color:#3b4b6b;border-color:#abb4c7}.faqs details{border-bottom:1px solid #d5dae3}.faqs details:first-child{border-top:1px solid #d5dae3}.faqs summary{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:22px 0;font-size:13px;font-weight:550;cursor:pointer;list-style:none;line-height:1.6}.faqs summary::-webkit-details-marker{display:none}.faqs summary>span{font-size:20px;font-weight:300;color:#6e7a91;flex-shrink:0;transition:transform .2s}.faqs details[open] summary>span{transform:rotate(45deg)}.faqs details p{font-size:11px;line-height:1.95;color:#7a818f;padding:0 25px 22px 0}.contact-section{background:#cbd5ea;padding:65px 0;overflow:hidden}.contact-inner{display:flex;justify-content:space-between;align-items:center;position:relative}.contact-inner .eyebrow{color:#606c84;font-size:9px;margin-bottom:19px}.contact-inner h2{font-size:38px;line-height:1.4}.contact-inner p{color:#5f6b84;font-size:12px;margin-top:17px}.contact-action{display:flex;flex-direction:column;align-items:flex-start;gap:17px;z-index:1}.contact-action .button{background:#1c212a;color:#c8d6f1;gap:48px}.contact-action .button:hover{background:#30394a}.contact-action>span{font-size:10px;color:#6c778e}.contact-orbit{width:470px;height:470px;border:1px solid #a7b4cd70;position:absolute;border-radius:50%;right:-110px;top:-133px;pointer-events:none}.contact-orbit:after{content:'';position:absolute;inset:38px;border:1px solid #a7b4cd70;border-radius:50%}footer{background:#111419;color:#dfe2e9}.footer-top{display:flex;align-items:center;gap:38px;padding:34px 0}.footer-top .brand{font-size:21px}.footer-top>span{font-size:11px;color:#7d8390}.footer-top>a:last-child{margin-left:auto;font-size:11px;color:#afb5c2}.footer-bottom{display:flex;justify-content:space-between;border-top:1px solid #ffffff10;padding:20px 0;color:#5e6677;font-size:9px}.footer-bottom>span:last-child{letter-spacing:.5px}dialog{width:min(520px,calc(100% - 32px));max-height:calc(100dvh - 40px);overflow:auto;padding:30px;border:1px solid #d3d9e5;border-radius:12px;background:#f5f7fa;color:var(--ink);box-shadow:0 20px 100px #0005}dialog::backdrop{background:#080b11cc;backdrop-filter:blur(6px)}.dialog-heading{display:flex;align-items:center;justify-content:space-between;gap:20px}.dialog-heading .eyebrow{margin:0}.dialog-close{font-size:27px;background:transparent;color:#6b7384;padding:0 4px}dialog h2{font-size:24px;margin-top:18px;line-height:1.4}.dialog-description{font-size:12px;line-height:1.8;color:#747d90;margin:12px 0 20px}form{display:flex;flex-direction:column;gap:17px}form>label{font-size:12px;display:block;font-weight:550}select,textarea{width:100%;background:white;border:1px solid #ced4e0;color:#363f52;padding:11px;border-radius:5px;display:block;margin-top:7px;font-size:12px}textarea{resize:vertical}fieldset{border:0;padding:0;margin:0}legend{font-size:12px;font-weight:550;margin-bottom:12px}.checkboxes{display:grid;grid-template-columns:1fr 1fr;gap:11px;font-size:12px;color:#646d80}.checkboxes label{display:flex;align-items:center;gap:7px}input[type=checkbox]{accent-color:#405683;width:15px;height:15px;margin:0}.optional{font-weight:400;color:#8f96a5;font-size:10px;margin-left:5px}.form-status{font-size:11px;color:#506182;line-height:1.7;min-height:0}.form-status:empty{display:none}.contact-link{margin-top:15px}.contact-link[hidden]{display:none}body.modal-open{overflow:hidden}
@media(min-width:1500px){.hero-grid{min-height:720px;gap:55px}h1{font-size:63px}.im-body{height:370px}.chat-content{padding-top:18px}.message p{font-size:9px}.hero-art{padding-top:35px}.floating-protection{bottom:10px}.hero-description{font-size:15px}}
@media(max-width:1150px){.wrap{width:calc(100% - 64px)}nav{gap:20px}.header-inner{gap:22px}.hero-grid{gap:25px;grid-template-columns:1fr 1.06fr;min-height:630px}h1{font-size:45px}.hero-actions{gap:10px}.hero-actions .button{padding:15px 14px;gap:12px;font-size:12px}.conversations{width:146px}.im-rail{width:43px}.conversation{gap:6px;padding:12px 8px}.conversation .avatar{width:26px;height:28px}.conversation strong{font-size:8px}.conversation small{font-size:6px}.unread{right:7px;top:8px}.chat-content{padding:12px 9px}.message p{font-size:7px;padding:8px}.file-message{padding:8px;margin-left:0}.chat-title{padding:14px 10px}.floating-protection{left:25px;right:-5px}.hero-assurances{gap:12px;font-size:10px}.advantage-card{padding:25px 20px}.advantage-card h3{font-size:21px}.advantage-card p{min-height:91px}.control-layout{gap:30px;grid-template-columns:.85fr 1.15fr}.section-top h2{font-size:29px}.section-intro{font-size:11px}.custom-layout{gap:45px}.custom h2{font-size:30px}.faq-layout{gap:45px}.section{padding:78px 0}}
@media(max-width:900px){.wrap{width:calc(100% - 48px)}nav{gap:15px}nav a{font-size:11px}.header-inner{gap:18px}.brand{font-size:21px}.button-small{padding:9px 12px;gap:10px;font-size:11px}.hero-grid{grid-template-columns:1fr;max-width:700px;padding-top:55px;padding-bottom:55px;gap:46px}.hero-copy{text-align:center}.hero-copy .eyebrow,.hero-actions,.hero-assurances{justify-content:center}h1{font-size:56px;line-height:1.17}h1 br:nth-of-type(2){display:none}.hero-description br.desktop-break{display:none}.hero-art{width:580px;max-width:100%;margin:auto;transform:none}.hero-art .im-window{transform:none}.hero-bottom{font-size:10px}.im-body{height:345px}.conversations{width:185px}.conversation strong{font-size:10px}.conversation small{font-size:8px}.message p{font-size:9px}.file-message{margin-left:30px}.section-top{align-items:flex-start;flex-direction:column;gap:15px}.section-top h2{font-size:31px}.section-intro br{display:none}.advantage-grid{grid-template-columns:repeat(2,1fr)}.advantage-card:nth-child(2){border-right:0}.advantage-card:nth-child(-n+2){border-bottom:1px solid var(--border)}.advantage-card p{min-height:0}.advantage-card h3 br{display:none}.advantage-card h3{font-size:21px}.control-layout{grid-template-columns:1fr;gap:24px}.control-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.control-tab{padding:17px 12px;gap:8px;align-items:flex-start}.control-tab h3{font-size:13px;line-height:1.5}.control-tab p{font-size:9px;line-height:1.6}.tab-arrow{display:none}.tab-num{font-size:9px;padding-top:2px}.control-caption{grid-column:1/-1;margin-top:5px}.control-panel{height:384px}.diagram{max-width:590px;margin:auto}.manage-content,.clean-content{max-width:650px;margin:auto}.custom-layout{grid-template-columns:1fr;gap:42px}.custom-copy>p br{display:none}.custom-copy>p{max-width:540px}.custom-options{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.custom-options article{display:block;padding:0;border:0}.custom-options article>span:last-child{display:none}.custom-icon{display:inline-flex;margin-bottom:17px}.custom-options h3{font-size:17px}.custom h2{font-size:34px}.capability-grid{gap:20px}.capability-grid article{padding-left:20px}.capability-grid p{font-size:10px}.capability-grid h3{font-size:15px}.faq-layout{grid-template-columns:1fr;gap:35px}.contact-inner h2{font-size:30px}.contact-action .button{gap:20px;padding:15px 20px}.contact-action>span{font-size:8px}.contact-inner{gap:25px}.footer-top{gap:22px}.footer-top>span{font-size:9px}}
@media(max-width:620px){html{scroll-padding-top:83px}.wrap{width:calc(100% - 40px)}.header{height:70px}.header-inner{gap:12px}.brand{font-size:21px;gap:8px}.brand img{width:30px;height:30px}.header-inner>.button-small{margin-left:auto;font-size:10px;min-height:35px;padding:7px 10px;gap:7px}.button-small>span{font-size:15px}.menu{display:block;padding:7px 0 7px 7px}nav{display:none;position:absolute;top:69px;left:0;right:0;background:#171b23;padding:18px 24px 25px;border-bottom:1px solid #ffffff20;flex-direction:column;gap:0}nav.open{display:flex}nav a{font-size:13px;padding:13px 0}.hero-grid{padding-top:42px;gap:37px;padding-bottom:45px}.hero-copy{text-align:left}.hero-copy .eyebrow{justify-content:flex-start;font-size:9px;letter-spacing:1px}h1{font-size:clamp(37px,9.6vw,52px);letter-spacing:-1.7px;line-height:1.22;margin:23px 0 21px}.hero-description{font-size:12px;line-height:2}.hero-description br.desktop-break{display:block}.hero-actions{justify-content:flex-start;gap:10px;margin-top:26px}.hero-actions .button{padding:13px 14px;min-height:48px;font-size:11px;gap:13px}.hero-actions .button-outline{gap:7px}.hero-actions .button-outline svg{width:16px;height:16px}.hero-assurances{justify-content:flex-start;gap:15px;margin-top:20px;font-size:9px}.hero-art{padding-top:7px;padding-bottom:41px}.environment{font-size:6px;letter-spacing:1.1px;margin-bottom:13px}.environment-cn{font-size:8px}.im-body{height:280px}.im-rail{width:34px;gap:21px;padding-top:13px}.im-rail img{width:24px;height:24px}.im-rail span svg{width:15px;height:15px}.im-rail .rail-active{padding:4px}.conversations{width:116px}.list-title{font-size:11px;padding:14px 9px 9px}.search-mock{font-size:6px;margin:0 6px 7px;padding:6px 4px;gap:3px}.conversation{gap:5px;padding:10px 6px}.conversation .avatar{width:23px;height:25px;font-size:8px;border-radius:5px}.conversation strong{font-size:7px}.conversation small{font-size:5px;margin-top:5px}.unread{font-size:5px;right:5px;top:8px;padding:1px 3px}.instance-tag{font-size:5px;left:9px;bottom:12px;gap:5px}.chat-title{padding:12px 8px}.chat-title strong{font-size:8px}.chat-title small{font-size:6px}.chat-content{padding:9px 7px}.chat-day{font-size:6px;margin-bottom:12px}.message{gap:5px}.message .avatar{width:20px;height:20px;font-size:7px}.message small{font-size:6px}.message p{font-size:6px;padding:6px;line-height:1.7}.file-message{margin:8px 0 13px 0;padding:7px;gap:6px}.file-icon{font-size:6px;padding:8px 4px}.file-message strong{font-size:6px}.file-message small{font-size:5px}.window-bar{height:29px;font-size:6px;padding:0 10px}.chat-input{padding:11px 8px;font-size:6px}.chat-input svg{width:10px;height:10px}.floating-protection{left:20px;right:-3px;bottom:12px;padding:12px 13px;gap:9px}.shield-circle{width:32px;height:32px}.shield-circle svg{width:21px;height:21px}.floating-protection strong{font-size:11px}.floating-protection div>span{font-size:7px;margin-top:5px}.check-round{font-size:10px;width:18px;height:18px;line-height:16px}.art-footnote{font-size:7px;bottom:-10px}.art-footnote span{font-size:5px;letter-spacing:.5px}.hero-bottom{padding:19px 0;font-size:9px;align-items:center;gap:20px}.hero-bottom>span{max-width:195px;line-height:1.8}.hero-bottom a{gap:9px;white-space:nowrap}.section{padding:58px 0}.dark-label{font-size:8px;letter-spacing:1.2px;margin-bottom:15px}.section-top{margin-bottom:25px;gap:12px}.section-top h2,h2{font-size:25px;line-height:1.5;letter-spacing:-.8px}.section-intro{font-size:11px;line-height:1.85}.advantage-grid{border-radius:7px}.advantage-card{padding:21px 16px}.line-icon{padding:8px;margin-bottom:21px;border-radius:6px}.line-icon svg{width:21px;height:21px}.number{top:27px;right:15px;font-size:9px}.advantage-card h3{font-size:18px;letter-spacing:-.5px}.advantage-card h3 br{display:block}.advantage-card p{font-size:10px;line-height:1.9;margin-top:12px;margin-bottom:19px;min-height:77px}.card-tag{font-size:9px;padding-top:12px}.control-layout{gap:18px}.control-tab{padding:12px 8px;gap:5px}.tab-num{display:none}.control-tab h3{font-size:11px;line-height:1.6;font-weight:600}.control-tab p{font-size:8px;margin-top:5px}.control-caption{padding:0;font-size:9px}.control-panel{height:357px;border-radius:7px}.panel-top{padding:0 14px;height:43px;font-size:10px}.panel-top .preview-label{font-size:8px}.diagram{padding:20px 14px}.device-row{gap:16px;font-size:8px}.device-row svg{width:12px;height:12px}.private-boundary{padding:13px 10px}.boundary-title{font-size:10px}.boundary-title span{font-size:7px}.service-row{gap:7px}.service{font-size:9px;padding:12px 4px}.service svg{width:19px;height:19px}.storage-row span{font-size:8px;padding:5px 10px}.panel-bottom{font-size:8px;line-height:1.7;margin-top:16px}.manage-content,.clean-content{padding:17px 13px}.permission-table{font-size:9px}.permission-table th,.permission-table td{padding:15px 8px}.permission-note{font-size:8px;line-height:1.7}.custom-layout{gap:32px}.custom-copy .eyebrow{font-size:7px;margin-bottom:19px}.custom h2{font-size:27px}.custom-copy>p{font-size:12px;margin-top:17px;line-height:1.9}.custom-copy>small{font-size:8px}.text-link{font-size:12px;margin-top:23px;gap:28px}.custom-options{display:flex;gap:0}.custom-options article{display:flex;padding:21px 0;border-bottom:1px solid #ffffff15;gap:17px}.custom-options article>span:last-child{display:block;padding-top:4px}.custom-icon{padding:10px;margin:0}.custom-options h3{font-size:17px;margin:5px 0 7px}.custom-options p{font-size:10px;max-width:245px}.micro-label{font-size:7px}.capability-grid{grid-template-columns:repeat(2,1fr);gap:30px 20px;margin-top:31px}.capability-grid article{padding-left:17px}.capability-grid article:nth-child(3){border:0;padding:0}.capability-grid h3{margin-top:12px}.capability-grid p{font-size:10px}.faq-layout{gap:27px}.faq-layout h2{font-size:25px}.faq-subtitle{font-size:11px}.faqs summary{font-size:12px;padding:20px 0}.faqs details p{font-size:10px}.contact-section{padding:46px 0}.contact-inner{display:block}.contact-inner .eyebrow{font-size:7px;letter-spacing:1.5px;margin-bottom:17px}.contact-inner h2{font-size:29px;position:relative;z-index:1}.contact-inner p{font-size:11px;position:relative;z-index:1}.contact-action{margin-top:27px;position:relative}.contact-action .button{font-size:12px;gap:40px;min-height:49px}.contact-action>span{font-size:8px}.contact-orbit{width:380px;height:380px;right:-230px;top:0}.footer-top{padding:26px 0;flex-wrap:wrap;gap:14px}.footer-top>span{order:3;flex-basis:100%;font-size:10px}.footer-top .brand{font-size:20px}.footer-top>a:last-child{font-size:10px}.footer-bottom{font-size:8px;gap:12px;line-height:1.7}.footer-bottom>span:last-child{text-align:right;font-size:7px}dialog{padding:24px}dialog h2{font-size:22px}.dialog-description{font-size:11px}.checkboxes{font-size:11px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}

.mobile-break{display:none}@media(max-width:620px){.mobile-break{display:block}}
@media(max-width:900px){.hero-grid{grid-template-columns:minmax(0,1fr)}.hero-art{width:100%;max-width:580px}.hero-copy{min-width:0}}
@media(max-width:620px){h1 br:nth-of-type(2){display:block}}
@media(max-width:360px){h1{font-size:31px}.hero-assurances{gap:10px;font-size:8px}.hero-actions .button{padding:12px 10px;font-size:10px;gap:8px}.section-top h2,h2{font-size:22px}.advantage-card{padding:20px 12px}.advantage-card h3{font-size:15px}.advantage-card p{min-height:95px}.control-tab{padding:11px 7px}.control-tab h3{font-size:10px}.control-tab p{font-size:7px}.custom h2{font-size:24px}.contact-inner h2{font-size:25px}.header-inner{gap:8px}.brand{font-size:19px}}

/* Original xg.douliang.pro palette — brand theme, not IM security status. */
:root {
  --bg: #070c14;
  --bg-deep: #050911;
  --surface: #0c1422;
  --surface-2: #101b2d;
  --surface-3: #142238;
  --line: rgba(148, 163, 184, 0.13);
  --line-strong: rgba(148, 163, 184, 0.22);
  --text: #f7f9ff;
  --text-soft: #cbd5e1;
  --muted: #8e9bb0;
  --primary: #4d82ff;
  --primary-strong: #2f6cf4;
  --cyan: #31c9ff;
  --ink: var(--text);
  --accent: var(--primary);
  --dark: var(--bg);
  --paper: var(--bg);
  --border: var(--line-strong);
}
::selection { color: #fff; background: #2f6cf4; }
.header { background: rgba(7,12,20,.95); border-color: var(--line); }
nav a { color: var(--text-soft); }
.hero { background: radial-gradient(ellipse at 80% 45%,#142c5c70,transparent 57%),var(--bg); }
.hero-art:before { background: radial-gradient(ellipse,#2f6cf435,transparent 66%); }
.orbit { border-color: #4d82ff18; }
.hero-description { color: var(--text-soft); }
.eyebrow,.environment { color: #9fadc4; }
.environment-cn { color: var(--muted); }
.live-dot { background: var(--primary); box-shadow: 0 0 0 4px #4d82ff14; }
.hero h1 em,.custom h2 em {
  color: #7fa8ff;
  background: linear-gradient(90deg,var(--primary),var(--cyan));
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.button { color: #fff; background: linear-gradient(135deg,var(--primary),var(--primary-strong)); box-shadow: 0 8px 28px #2f6cf41c; }
.button:hover { background: linear-gradient(135deg,#6493ff,#3978ff); }
.button-outline { color: var(--text); background: #ffffff03; border-color: var(--line-strong); box-shadow: none; }
.button-outline:hover { background: #ffffff09; }
.hero-assurances { color: #a9b7cc; }
.hero-assurances span:before { color: #7fa8ff; }
.hero-bottom { border-color: var(--line); color: var(--muted); }
.hero-bottom a { color: var(--text-soft); }
.floating-protection { background: #101b2df5; border-color: #4d82ff45; }
.floating-protection strong { color: var(--text); }
.floating-protection div>span { color: #9badcc; }
.shield-circle { color: #75a3ff; background: #4d82ff18; }
.check-round { color: #8ab1ff; border-color: #4d82ff66; }
.art-footnote { color: #71839f; }
.dark-label { color: #82a8ee; }
.muted { color: #a0aec4; }
.section-intro { color: #9eabc0; }
.advantage-grid { background: var(--surface); }
.advantage-card { border-color: var(--line); }
.line-icon { background: #4d82ff14; color: #79a5ff; }
.number { color: #6f83a3; }
.advantage-card p { color: #a0aec4; }
.card-tag { color: #91b5ff; border-color: var(--line); }
.control { background: #09111d; border-color: var(--line); }
.control-tab { color: #a4b2c8; }
.control-tab.active { color: var(--text); background: var(--surface-2); border-color: #4d82ff42; box-shadow: 0 5px 24px #0001; }
.control-tab p { color: #96a6be; }
.tab-num,.tab-arrow { color: #80a7f3; }
.control-caption { color: #8c9db6; }
/* The product panels intentionally remain light, like the original site's UI previews. */
.control-panel { color: #243856; border-color: #33435b; }
.custom { background: linear-gradient(120deg,#0c1422,#101d34); }
.custom:after { background-image: radial-gradient(#4d82ff20 1px,transparent 1px); }
.custom-copy>p,.custom-options p { color: #a4b2c8; }
.custom-icon { background: #4d82ff14; border-color: #4d82ff24; color: #80aaff; }
.custom-options article { border-color: var(--line); }
.custom-options article>span:last-child,.micro-label { color: #7a94b9; }
.custom-copy>small { color: #8b9cb6; }
.text-link,.dark-link { color: #8bb0ff; border-color: #4d82ff55; }
.capabilities { background: var(--bg); }
.capability-grid article { border-color: var(--line-strong); }
.capability-grid svg { color: #78a2fa; }
.capability-grid p { color: #9daec7; }
.faq-section { background: var(--surface); border-color: var(--line); }
.faq-subtitle,.faqs details p { color: #a0aec4; }
.faqs details,.faqs details:first-child { border-color: var(--line-strong); }
.faqs summary>span { color: #7fa8ff; }
.contact-section { background: radial-gradient(ellipse at 85% 50%,#204b9255,transparent 62%),#101b2d; }
.contact-inner .eyebrow { color: #89a8d8; }
.contact-inner p,.contact-action>span { color: #a4b5d0; }
.contact-action .button { color: #fff; background: linear-gradient(135deg,var(--primary),var(--primary-strong)); }
.contact-action .button:hover { background: #467ffc; }
.contact-orbit,.contact-orbit:after { border-color: #4d82ff22; }
footer { background: var(--bg-deep); color: var(--text); }
.footer-top>span,.footer-bottom { color: #8294b0; }
.footer-top>a:last-child { color: #a7bbd9; }
.footer-bottom { border-color: var(--line); }
dialog { background: var(--surface); border-color: var(--line-strong); color: var(--text); }
dialog::backdrop { background: #030710cc; }
.dialog-description,.dialog-close { color: #a0aec4; }
#consultation-form select,#consultation-form textarea { background: var(--surface-2); border-color: var(--line-strong); color: var(--text-soft); }
#consultation-form textarea::placeholder { color: #8194b2; }
.checkboxes,.optional { color: #a6b5cd; }
input[type=checkbox] { accent-color: var(--primary); }
.form-status { color: #8eb2ff; }
button:focus-visible,a:focus-visible,summary:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,[tabindex]:focus-visible { outline-color: #4d82ff; }
.skip { color: #fff; }
@media(max-width:620px) {
  nav { background: var(--surface); border-color: var(--line-strong); }
  .custom-options article { border-color: var(--line); }
}

/* Page rhythm: concise overview, large control visual, customization, capabilities. */
.section { padding:84px 0; }
.benefit-overview { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:0; padding:30px 0 4px; }
.benefit-overview article { padding:0 28px; border-left:1px solid var(--line-strong); }
.benefit-overview article:first-child { padding-left:0; border-left:0; }
.benefit-overview article:last-child { padding-right:0; }
.benefit-icon { display:inline-flex; color:#83adff; margin-bottom:20px; }
.benefit-icon svg { width:29px; height:29px; }
.benefit-overview h3 { font-size:20px; font-weight:600; margin:0 0 12px; }
.benefit-overview p { font-size:13px; line-height:1.9; color:#a4b4cd; margin:0; max-width:235px; }
.control .section-top { margin-bottom:36px; }
.value-layout { display:grid; grid-template-columns:minmax(220px,.65fr) minmax(0,1.65fr); gap:58px; align-items:center; }
.value-list { display:flex; flex-direction:column; gap:14px; }
.value-choice { width:100%; display:flex; gap:16px; align-items:center; text-align:left; color:var(--text); background:transparent; border:1px solid transparent; border-bottom-color:var(--line); border-radius:8px; padding:24px 20px; cursor:pointer; transition:background .2s,border-color .2s; font:inherit; }
.value-choice:hover { background:#101d32; }
.value-choice[aria-pressed="true"] { background:linear-gradient(120deg,#14294a,#101b2d); border-color:#4d82ff70; box-shadow:inset 3px 0 #4d82ff; }
.value-choice strong { font-size:16px; font-weight:500; }
.value-number { font:11px monospace; color:#85aaff; }
.value-arrow { margin-left:auto; color:#82abff; font-size:18px; }
.value-showcase { min-width:0; border:1px solid #ffffff24; border-radius:13px; background:#f2f6fc; color:#20314e; overflow:hidden; box-shadow:0 25px 70px #0003; display:flex; flex-direction:column; }
.showcase-bar { background:#e6edf7; border-bottom:1px solid #d6e0ed; display:flex; align-items:center; justify-content:space-between; padding:17px 25px; font-size:12px; gap:10px; }
.showcase-bar>span:first-child { display:flex; align-items:center; gap:8px; font-weight:600; }
.showcase-bar svg { width:15px; height:15px; color:#4274cf; }
.showcase-label { font-size:10px; border:1px solid #c5d4e9; border-radius:4px; padding:3px 7px; color:#61748e; white-space:nowrap; }
.value-visual { flex:1; padding:24px 32px 12px; display:flex; flex-direction:column; }
.value-visual[hidden] { display:none; }
.visual-heading>span { font-size:9px; color:#4d76b4; letter-spacing:1.7px; font-weight:600; }
.visual-heading h3 { font-size:21px; margin:0 0 8px; line-height:1.5; letter-spacing:-.4px; }
.visual-heading p { font-size:12px; line-height:1.8; color:#718198; margin:0; }
.deployment-map,.access-map,.records-map { margin:24px 0; }
.endpoint-row { display:flex; justify-content:center; gap:32px; }
.endpoint-row>span { display:flex; align-items:center; gap:7px; font-size:11px; color:#5c718e; }
.endpoint-row svg { width:18px; height:18px; }
.connection-line { height:48px; display:flex; align-items:center; justify-content:center; position:relative; }
.connection-line:before { content:""; position:absolute; top:4px; bottom:4px; left:50%; border-left:1px dashed #85a8df; }
.connection-line span { z-index:1; background:#f2f6fc; font-size:9px; letter-spacing:1px; padding:4px 9px; color:#6080ac; }
.enterprise-boundary { border:1px dashed #8eafe2; border-radius:9px; padding:18px; background:#e8f0fc; }
.boundary-heading { display:flex; align-items:center; justify-content:space-between; gap:8px; margin-bottom:17px; }
.boundary-heading strong { display:flex; align-items:center; gap:7px; font-size:12px; color:#315c9e; }
.boundary-heading svg { width:16px; height:16px; }
.boundary-heading>span { font-size:9px; color:#6e89af; }
.service-tiles { display:grid; grid-template-columns:1fr 1fr; gap:13px; }
.service-tiles>div { background:#fff; border:1px solid #d7e3f5; border-radius:7px; padding:17px 8px; text-align:center; }
.service-tiles svg { width:27px; height:27px; color:#4b7ddd; }
.service-tiles strong,.service-tiles small { display:block; }
.service-tiles strong { font-size:12px; margin:8px 0 6px; }
.service-tiles small { font-size:10px; color:#8190a5; }
.access-map { border:1px solid #dae3ef; background:#fff; border-radius:8px; overflow:hidden; }
.access-head { display:flex; justify-content:space-between; background:#eaf0f9; color:#788da9; padding:10px 18px; font-size:10px; }
.access-row { display:flex; align-items:center; gap:13px; padding:17px 18px; border-bottom:1px solid #edf1f7; }
.access-avatar { display:grid; place-items:center; width:34px; height:34px; border-radius:8px; background:#edf3fd; color:#5583ce; flex-shrink:0; }
.access-avatar svg { width:18px; height:18px; }
.access-row strong { font-size:12px; display:block; }
.access-row small { font-size:9px; color:#8b99ac; display:block; margin-top:5px; }
.access-row>span:last-child { margin-left:auto; font-size:10px; color:#6681a7; }
.access-note { display:flex; align-items:center; gap:8px; padding:12px 18px; font-size:10px; color:#8292a8; }
.access-note svg { width:13px; height:13px; }
.records-summary { display:flex; align-items:center; gap:13px; padding:20px; background:#e7effd; border:1px solid #d3e0f6; border-radius:8px; }
.records-summary svg { width:29px; height:29px; color:#5682d2; }
.records-summary strong { display:block; font-size:13px; }
.records-summary small { display:block; margin-top:8px; color:#7b8eac; font-size:10px; }
.record-options { margin-top:14px; }
.record-options>div { display:grid; grid-template-columns:26px 85px 1fr; gap:10px; align-items:center; padding:17px 10px; border-bottom:1px solid #dfe6f0; }
.record-options b { font-size:10px; color:#7c9cc9; font-weight:400; }
.record-options strong { font-size:12px; }
.record-options p { font-size:11px; color:#7186a3; margin:0; line-height:1.7; }

.value-showcase { min-height:460px; }
.visual-heading h3 { font-size:20px; }
.deployment-map,.access-map,.records-map { width:100%; max-width:600px; align-self:center; margin:20px 0; }
.custom-layout { display:block; }
.custom h2 { font-size:38px; line-height:1.55; }
.custom-copy .eyebrow { font-size:10px; }
.custom-options { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:24px; margin-top:38px; }
.custom-options article,.custom-options article:first-child,.custom-options article:last-child { display:flex; align-items:flex-start; padding:30px; gap:22px; border:1px solid #6b96db30; background:linear-gradient(125deg,#162843c9,#0d192cc9); border-radius:12px; }
.custom-icon { display:inline-flex; flex-shrink:0; margin:0; padding:13px; border-radius:10px; }
.custom-icon svg { width:25px; height:25px; }
.custom-options h3 { font-size:21px; margin:10px 0 12px; }
.custom-options p { font-size:13px; max-width:390px; line-height:1.9; margin:0; }
.micro-label { font-size:9px; letter-spacing:1.4px; }
.custom-scope { margin:22px 0 0; color:#91a5c3; font-size:12px; }
.capabilities .section-top { margin-bottom:42px; }
.capabilities h2 { font-size:32px; }
.capability-grid { margin-top:0; gap:24px; }
.capability-grid article { display:block; padding-left:28px; }
.capability-grid svg { width:28px; height:28px; }
.capability-grid h3 { margin:23px 0 13px; font-size:18px; }
.capability-grid p { font-size:13px; line-height:2; margin:0; }
.faqs summary { font-size:15px; }
.faqs details p { font-size:13px; line-height:1.9; }
#faq-clean { scroll-margin-top:110px; }
@media(max-width:1100px) {
  .benefit-overview article { padding:0 19px; }
  .benefit-overview h3 { font-size:18px; }
  .value-layout { gap:30px; grid-template-columns:minmax(210px,.75fr) minmax(0,1.6fr); }
  .value-choice { padding:23px 14px; gap:12px; }
  .value-choice strong { font-size:15px; }
  .custom-options article,.custom-options article:first-child,.custom-options article:last-child { padding:26px; gap:18px; }
}
@media(max-width:900px) {
  .section { padding:68px 0; }
  .benefit-overview { grid-template-columns:repeat(2,minmax(0,1fr)); row-gap:32px; padding-top:12px; }
  .benefit-overview article { padding:0 25px; }
  .benefit-overview article:nth-child(3) { padding-left:0; border-left:0; }
  .benefit-overview p { max-width:290px; }
  .value-layout { grid-template-columns:minmax(0,1fr); gap:24px; }
  .value-list { flex-direction:row; gap:10px; }
  .value-choice { flex:1; min-width:0; justify-content:center; padding:18px 10px; }
  .value-arrow { display:none; }
  .custom h2 { font-size:34px; }
  .custom-options article,.custom-options article:first-child,.custom-options article:last-child { display:block; padding:26px; }
  .custom-icon { margin-bottom:22px; }
  .capability-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:36px 24px; }
  .capability-grid article:nth-child(3) { padding-left:0; border:0; }
}
@media(max-width:620px) {
  .section { padding:54px 0; }
  .benefit-overview { gap:28px 0; padding-top:8px; }
  .benefit-overview article { padding:0 14px; }
  .benefit-icon { margin-bottom:16px; }
  .benefit-icon svg { width:25px; height:25px; }
  .benefit-overview h3 { font-size:17px; line-height:1.6; margin-bottom:8px; }
  .benefit-overview p { font-size:12px; }
  .control .section-top { margin-bottom:25px; }
  .value-list { gap:6px; }
  .value-choice { padding:15px 7px; min-height:58px; }
  .value-number { display:none; }
  .value-choice strong { font-size:12px; line-height:1.6; }
  .value-showcase { min-height:434px; }
  .value-visual { padding:22px 16px 10px; }
  .showcase-bar { padding:14px 16px; font-size:11px; }
  .visual-heading h3 { font-size:17px; }
  .endpoint-row { gap:18px; }
  .endpoint-row>span { font-size:10px; }
  .enterprise-boundary { padding:13px; }
  .boundary-heading strong { font-size:11px; }
  .boundary-heading>span { font-size:8px; }
  .access-row { padding:16px 10px; gap:8px; }
  .access-row strong { font-size:11px; }
  .access-row>span:last-child { font-size:9px; }
  .access-note { padding:12px 10px; font-size:9px; }
  .record-options>div { grid-template-columns:18px 60px 1fr; gap:7px; padding:15px 0; }
  .record-options p { font-size:10px; }
  .record-options strong { font-size:11px; }
  .records-summary { padding:16px 12px; }
  .custom h2 { font-size:27px; }
  .custom-copy .eyebrow { font-size:8px; }
  .custom-options { grid-template-columns:minmax(0,1fr); gap:16px; margin-top:28px; }
  .custom-options article,.custom-options article:first-child,.custom-options article:last-child { display:flex; padding:23px 20px; gap:16px; }
  .custom-icon { padding:10px; margin:0; }
  .custom-icon svg { width:22px; height:22px; }
  .custom-options h3 { font-size:18px; margin:8px 0 10px; }
  .custom-options p { font-size:12px; }
  .custom-scope { font-size:11px; line-height:1.9; }
  .capabilities h2 { font-size:24px; }
  .capabilities .section-top { margin-bottom:30px; }
  .capability-grid { gap:30px 16px; }
  .capability-grid article { padding-left:16px; }
  .capability-grid h3 { margin-top:16px; font-size:16px; }
  .capability-grid p { font-size:11px; }
  .faq-layout h2 { font-size:25px; }
  .faqs summary { font-size:14px; }
  .faqs details p { font-size:12px; }
}
@media(max-width:360px) {
  .choice-suffix { display:block; }
  .value-choice { padding:12px 5px; }
  .benefit-overview h3 { font-size:15px; }
  .custom h2 { font-size:23px; }
  .custom-options article,.custom-options article:first-child,.custom-options article:last-child { padding:20px 15px; gap:12px; }
  .custom-icon { padding:8px; }
  .custom-options h3 { font-size:16px; }
}

/* Keep the shared header steady when moving between long and short pages. */
@supports not (scrollbar-gutter:stable){html{overflow-y:scroll}}

/* Consultation shares one contact flow, while entry labels retain their context. */
#consultation-dialog .dialog-heading{justify-content:flex-end}
#consultation-dialog{width:min(400px,calc(100% - 32px));text-align:center;padding:28px}
.consultation-code{width:232px;max-width:100%;aspect-ratio:1;margin:24px auto;background:#fff;border-radius:12px;padding:16px;color:#51617b}
#consultation-qr{width:100%;height:100%;object-fit:contain}
#consultation-placeholder{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;background:#f2f5fa;border:1px dashed #bdc9dc;border-radius:6px}
#consultation-placeholder strong{font-size:17px;font-weight:500}
#consultation-placeholder>span:last-child{font-size:12px;color:#7e8da4}
.placeholder-corners{width:42px;height:42px;border:3px solid #9eafc9;border-radius:8px;margin-bottom:4px}
.consultation-caption{font-size:12px;line-height:1.8;color:#9cacc4}
#consultation-dialog [hidden]{display:none!important}

/* Restore the original desktop perspective and upward-tilted foreground card. */
.hero-art{transform:none;padding-bottom:28px}
.home-desktop-preview{display:block;width:100%;height:auto;position:relative;border-radius:20px;box-shadow:0 22px 65px #0004;transform:perspective(1500px) rotateY(-5deg) rotateX(2deg);filter:none;opacity:1}
.hero-art .floating-protection{position:absolute;inset:auto -8px 0 48px;z-index:2;transform:rotate(-2deg);margin:0;padding:16px 20px;background:linear-gradient(120deg,#263e60b8,#101b2da8);border:1px solid #afccff40;box-shadow:0 16px 40px #0003,inset 0 1px 0 #ffffff14;-webkit-backdrop-filter:blur(16px) saturate(140%);backdrop-filter:blur(16px) saturate(140%)}
@media(max-width:480px){.hero-art{padding-bottom:34px}.home-desktop-preview{border-radius:10px}.hero-art .floating-protection{left:16px;right:0;padding:12px 14px}}


/* Match the product illustrations: pale-blue desktop frame, white canvas,
   soft role colours and consistent outline icons. These remain diagrams. */
#control .value-showcase{position:relative;border:10px solid #d5e3ff;border-radius:22px;background:#fff;box-shadow:0 24px 64px #0003,0 0 40px #347aff0a;min-height:480px}
#control .showcase-bar{position:relative;z-index:1;flex-shrink:0;height:38px;padding:0 14px;background:#f2f6fc;border:0;border-bottom:1px solid #edf1f7;gap:12px}
#control .showcase-dots{display:flex;gap:6px;flex-shrink:0}
#control .showcase-dots i{width:7px;height:7px;border-radius:50%;background:#ff746c}
#control .showcase-dots i:nth-child(2){background:#ffca59}
#control .showcase-dots i:nth-child(3){background:#60cf9a}
#control .showcase-title{position:absolute;left:64px;right:42px;justify-content:center;text-align:center;color:#75849b;font-size:11px;font-weight:400}
#control .showcase-lock{margin-left:auto;color:#8496b0}
#control .showcase-lock svg{width:13px;height:13px;color:inherit}
#control .showcase-rail{position:absolute;top:38px;bottom:0;left:0;width:48px;background:#edf4ff;display:flex;flex-direction:column;align-items:center;gap:25px;padding-top:20px;border-right:1px solid #e8effb}
#control .showcase-rail img{width:28px;height:28px}
#control .showcase-rail i{width:18px;height:5px;border-radius:4px;background:#c9daf6}
#control .value-visual{padding:25px 28px 24px 76px;min-width:0}
#control .visual-heading{padding-bottom:15px;border-bottom:1px solid #edf1f7}
#control .visual-heading h3{font-size:19px;font-weight:600;color:#283955;margin:0;letter-spacing:0}
#control .deployment-map,#control .access-map,#control .records-map{margin:22px 0 0;max-width:600px}
#control .endpoint-row{gap:12px}
#control .endpoint-row>span{flex:1;justify-content:center;padding:12px 8px;background:#f4f7fc;border:1px solid #e7edf7;border-radius:10px;color:#526988}
#control .endpoint-row svg{color:#347aff}
#control .connection-line span{background:#fff;color:#7b8da8}
#control .enterprise-boundary{background:#f1f6ff;border-color:#b0c8f0;border-radius:12px;padding:16px}
#control .boundary-heading strong{color:#3b64ad}
#control .service-tiles>div{border-color:#e1e9f6;border-radius:10px;padding:14px 8px}
#control .service-tiles svg{width:25px;height:25px;color:#347aff}
#control .access-map{border:1px solid #e4ebf6;border-radius:12px;box-shadow:0 6px 20px #30466a05}
#control .access-head{background:#f5f8fd;color:#8393aa;padding:12px 18px}
#control .access-row{padding:20px 18px;gap:14px;border-color:#edf1f7}
#control .access-row:last-child{border-bottom:0}
#control .access-avatar{width:38px;height:38px;border-radius:11px;background:#e8f0ff;color:#347aff}
#control .access-avatar svg{width:20px;height:20px}
#control .access-row:nth-child(3) .access-avatar{background:#eee8ff;color:#8870c6}
#control .access-row:nth-child(4) .access-avatar{background:#dff2ef;color:#458e83}
#control .access-row strong{color:#283955;font-weight:600;font-size:13px}
#control .access-row small{font-size:10px;color:#8b99ac}
#control .access-row>span:last-child{border-radius:6px;padding:6px 9px;background:#f3f6fb;color:#6f83a1;line-height:1.6;text-align:center}
#control .records-summary{background:#f1f6ff;border-color:#e1eafb;border-radius:12px;padding:19px}
#control .records-summary>span{display:grid;place-items:center;width:40px;height:40px;border-radius:11px;background:#dfeaff;color:#347aff;flex-shrink:0}
#control .records-summary svg{width:23px;height:23px;color:inherit}
#control .record-options{border:1px solid #e4ebf6;border-radius:12px;overflow:hidden;background:#fff;margin-top:15px}
#control .record-options>div{padding:17px 15px;grid-template-columns:28px 78px 1fr;border-color:#edf1f7}
#control .record-options>div:last-child{border:0}
#control .record-options b{display:grid;place-items:center;background:#edf3ff;color:#5080d5;width:25px;height:25px;border-radius:7px}
@media(max-width:620px){
  #control .value-showcase{border-width:6px;border-radius:16px;min-height:470px}
  #control .showcase-bar{height:32px;padding:0 10px}
  #control .showcase-dots{gap:4px}
  #control .showcase-dots i{width:5px;height:5px}
  #control .showcase-title{left:37px;right:25px;font-size:9px}
  #control .showcase-rail{top:32px;width:30px;padding-top:17px;gap:23px}
  #control .showcase-rail img{width:20px;height:20px}
  #control .showcase-rail i{width:12px;height:4px}
  #control .value-visual{padding:19px 12px 22px 42px}
  #control .visual-heading h3{font-size:15px;line-height:1.7}
  #control .endpoint-row{gap:5px}
  #control .endpoint-row>span{padding:10px 2px;gap:4px;font-size:9px;flex-direction:column}
  #control .enterprise-boundary{padding:12px 8px}
  #control .boundary-heading{gap:5px;flex-wrap:wrap}
  #control .service-tiles{gap:7px}
  #control .service-tiles small{font-size:9px}
  #control .access-head{padding:10px}
  #control .access-row{display:grid;grid-template-columns:30px minmax(0,1fr);padding:13px 10px;gap:7px 9px}
  #control .access-avatar{width:30px;height:30px;border-radius:9px;grid-row:1/3}
  #control .access-avatar svg{width:17px;height:17px}
  #control .access-row strong{font-size:12px}
  #control .access-row>span:last-child{grid-column:2;justify-self:start;margin-left:0;padding:3px 6px;font-size:9px}
  #control .records-summary{padding:13px 10px;gap:9px}
  #control .records-summary>span{width:30px;height:30px}
  #control .records-summary strong{font-size:11px}
  #control .records-summary small{font-size:9px;line-height:1.6}
  #control .record-options>div{grid-template-columns:23px minmax(0,1fr);padding:12px 10px;gap:5px 8px}
  #control .record-options b{grid-row:1/3;width:23px;height:23px}
  #control .record-options p{grid-column:2;font-size:10px}
}

/* Keep the control illustrations secondary to the section content. */
@media(min-width:621px){
  #control .value-showcase{width:90%;max-width:740px;justify-self:center;min-height:420px;border-width:8px;border-radius:19px}
  #control .value-visual{padding:20px 24px 20px 70px}
  #control .visual-heading{padding-bottom:12px}
  #control .deployment-map,#control .access-map,#control .records-map{margin-top:17px}
  #control .access-row{padding:15px 16px}
  #control .access-head{padding:10px 16px}
  #control .records-summary{padding:14px 16px}
  #control .record-options>div{padding:13px 12px}
  #control .enterprise-boundary{padding:13px}
  #control .service-tiles>div{padding:11px 8px}
}