/*! tailwindcss v4.2.1 | MIT License | https://tailwindcss.com */
@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--spacing:.25rem;--radius-lg:.5rem;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.visible{visibility:visible}.absolute{position:absolute}.relative{position:relative}.start{inset-inline-start:var(--spacing)}.block{display:block}.grid{display:grid}.hidden{display:none}.inline{display:inline}.table{display:table}.grow{flex-grow:1}.resize{resize:both}}*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--canvas);overflow-x:clip}body{background:var(--canvas);color:var(--ink);text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;margin:0;font-family:Inter,PingFang SC,Microsoft YaHei,Noto Sans CJK SC,Arial,sans-serif;overflow-x:clip}body.menu-open{overflow:hidden}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}img,svg{display:block}img{max-width:100%}h1,h2,h3,p{margin:0}h1,h2,h3,.fit-title{white-space:nowrap;text-wrap:nowrap;max-width:100%;overflow:visible}h1,h2,h3,strong,b{font-weight:700}::selection{color:var(--navy-950);background:#0eaa9138}.site-root{background:radial-gradient(circle at 6% 7%, #0eaa910f, transparent 23rem), var(--canvas);min-height:100vh}.site-container{width:min(calc(100% - 48px), var(--container));margin-inline:auto}.reveal{opacity:1;transition:opacity .72s,transform .72s cubic-bezier(.2,.72,.2,1);transform:translateY(0)}.reveal.visible{opacity:1;transform:translateY(0)}@keyframes reveal-scroll{0%{opacity:.82;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@supports (animation-timeline:view()){.reveal{animation:linear both reveal-scroll;animation-timeline:view();animation-range:entry 4% cover 24%}.reveal.visible{animation:none}}.eyebrow{color:var(--teal-dark);letter-spacing:.14em;text-transform:uppercase;align-items:center;gap:10px;margin-bottom:18px;font-size:12px;font-weight:800;display:flex}.eyebrow>span{background:linear-gradient(90deg, var(--teal), var(--coral));border-radius:2px;width:27px;height:2px}.eyebrow-light{color:#8ce5d6}.section-heading{grid-template-columns:minmax(0,1.3fr) minmax(270px,.7fr);align-items:end;gap:72px;min-width:0;margin-bottom:clamp(44px,5vw,74px);display:grid}.section-heading>div{width:100%;min-width:0}.section-heading h2{color:var(--navy-950);letter-spacing:-.045em;font-size:clamp(28px,3.25vw,50px);line-height:1.1}.section-heading>p{max-width:520px;color:var(--muted);font-size:16px;line-height:1.8}.section-heading-light h2{color:#fff}.section-heading-light>p{color:#b9cad5}.button{cursor:pointer;border:0;border-radius:16px;justify-content:center;align-items:center;gap:10px;min-height:50px;padding:0 23px;font-size:14px;font-weight:750;transition:transform .25s,box-shadow .25s,background .25s,color .25s;display:inline-flex}.button:hover{transform:translateY(-2px)}.button-primary{color:#fff;background:linear-gradient(135deg, var(--teal), #0b8f7c);box-shadow:0 14px 30px #0eaa913d}.button-quiet{border:1px solid var(--line);color:var(--ink);background:#ffffffc7}.button-coral{color:#fff;background:linear-gradient(135deg, var(--coral), #ef584c);box-shadow:0 14px 30px #ff6f613d}.button-small{border-radius:13px;min-height:42px;padding-inline:18px;font-size:13px}.action-row{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.text-link{color:var(--teal-dark);align-items:center;gap:9px;font-size:14px;font-weight:750;display:inline-flex}.text-link svg{transition:transform .25s}.text-link:hover svg{transform:translate(4px)}.text-link.light{color:#8ce5d6}.site-header{z-index:100;height:var(--header-height);-webkit-backdrop-filter:blur(20px)saturate(1.3);backdrop-filter:blur(20px)saturate(1.3);background:#fafcf9e6;border-bottom:1px solid #dae6e5d9;position:sticky;top:0}.header-inner{align-items:center;gap:28px;height:100%;display:flex}.brand-link{flex:none}.brand-lockup{align-items:center;gap:11px;display:inline-flex}.brand-mark{color:#fff;background:linear-gradient(145deg, var(--teal), var(--navy-800));border-radius:14px 14px 14px 5px;place-items:center;width:42px;height:42px;display:grid;box-shadow:0 8px 18px #0c77672e}.brand-mark svg{fill:none;stroke:currentColor;stroke-width:1.7px;stroke-linecap:round;stroke-linejoin:round;width:31px;height:31px}.brand-copy{flex-direction:column;gap:2px;display:flex}.brand-copy strong{color:var(--navy-950);letter-spacing:-.02em;white-space:nowrap;font-size:15px}.brand-copy>span{color:#72818a;letter-spacing:.15em;text-transform:uppercase;font-size:9px;font-weight:800}.desktop-nav{flex:1;justify-content:center;align-items:center;gap:clamp(14px,1.6vw,27px);height:100%;display:flex}.desktop-nav>a,.nav-cluster>a{color:#405665;white-space:nowrap;align-items:center;gap:4px;height:100%;font-size:13px;font-weight:650;transition:color .2s;display:flex;position:relative}.desktop-nav>a:after,.nav-cluster>a:after{content:"";background:var(--teal);border-radius:2px;width:0;height:2px;transition:width .25s;position:absolute;bottom:12px;left:50%;transform:translate(-50%)}.desktop-nav>a:hover,.nav-cluster:hover>a,.desktop-nav>a.active,.nav-cluster>a.active{color:var(--navy-950)}.desktop-nav>a:hover:after,.nav-cluster:hover>a:after,.desktop-nav>a.active:after,.nav-cluster>a.active:after{width:20px}.nav-chevron{color:#819099;font-size:16px;line-height:1;transform:translateY(-1px)}.nav-cluster{height:100%;position:relative}.nav-dropdown{border:1px solid var(--line);opacity:0;visibility:hidden;background:#fffffffa;border-radius:22px;grid-template-columns:.85fr 1.25fr;gap:15px;width:550px;padding:20px;transition:opacity .2s,transform .2s,visibility .2s;display:grid;position:absolute;top:calc(100% - 4px);left:50%;transform:translate(-50%,12px);box-shadow:0 22px 60px #08243729}.nav-cluster:hover .nav-dropdown,.nav-cluster:focus-within .nav-dropdown{opacity:1;visibility:visible;transform:translate(-50%)}.nav-dropdown-intro{color:#fff;background:radial-gradient(circle at 80% 20%, #5ca8ff61, transparent 50%), linear-gradient(145deg, var(--navy-800), var(--navy-950));border-radius:16px;flex-direction:column;justify-content:flex-end;gap:8px;padding:20px;display:flex}.nav-dropdown-intro small{color:#9fded4;letter-spacing:.1em;font-size:10px}.nav-dropdown-intro strong{font-size:17px;line-height:1.35}.nav-dropdown-links{grid-template-columns:1fr 1fr;gap:5px;display:grid}.nav-dropdown-links a{color:#405665;border-radius:12px;justify-content:space-between;align-items:center;min-height:54px;padding:10px 12px;font-size:12px;font-weight:650;transition:color .2s,background .2s;display:flex}.nav-dropdown-links a:hover{color:var(--teal-dark);background:var(--teal-soft)}.header-actions{align-items:center;gap:12px;margin-left:auto;display:flex}.language-switch{color:#506672;white-space:nowrap;align-items:center;gap:7px;font-size:12px;font-weight:800;display:flex}.language-dot{border:2px solid var(--teal);border-radius:50%;width:8px;height:8px}.menu-toggle,.mobile-panel{display:none}.phone-shell{width:246px;color:var(--ink);background:#091b2b;border:1px solid #fff3;border-radius:36px;padding:7px;box-shadow:0 30px 60px #03131e52}.phone-top{background:#f8fbfa;border-radius:29px 29px 0 0;height:15px;position:relative}.phone-top>span{background:#071824;border-radius:8px;width:58px;height:7px;position:absolute;top:4px;left:50%;transform:translate(-50%)}.phone-screen{background:linear-gradient(#f8fbfa,#edf6f3);border-radius:0 0 29px 29px;min-height:468px;padding:7px 11px 13px;overflow:hidden}.phone-nav{justify-content:space-between;align-items:center;height:28px;display:flex}.phone-nav strong{font-size:11px}.phone-nav span{color:#829099;letter-spacing:1px;font-size:10px}.phone-welcome{flex-direction:column;gap:4px;padding:13px 4px 8px;display:flex}.phone-welcome small{color:var(--teal-dark);letter-spacing:.12em;font-size:7px;font-weight:850}.phone-welcome strong{letter-spacing:-.04em;font-size:17px}.phone-welcome span{color:#6d7b84;font-size:8px}.member-card{color:#fff;background:radial-gradient(circle at 85% 5%, #5ca8ff80, transparent 35%), linear-gradient(135deg, var(--navy-800), #0b6d66);border-radius:18px;flex-direction:column;justify-content:flex-end;min-height:105px;padding:14px;display:flex;position:relative;overflow:hidden;box-shadow:0 12px 22px #0b324f2e}.member-card:after{content:"";border:1px solid #ffffff26;border-radius:50%;width:105px;height:105px;position:absolute;bottom:-31px;right:-24px}.member-card-mark{color:#ffcf66;background:#ffffff1f;border-radius:50%;place-items:center;width:31px;height:31px;display:grid;position:absolute;top:12px;right:12px}.member-card small{color:#9fe0d4;letter-spacing:.12em;font-size:7px}.member-card strong{margin-block:3px;font-size:12px}.phone-shortcuts{grid-template-columns:repeat(4,1fr);gap:5px;padding:13px 2px;display:grid}.phone-shortcuts>span{flex-direction:column;align-items:center;gap:5px;display:flex}.phone-shortcuts i{width:31px;height:31px;color:var(--teal-dark);background:#fff;border-radius:11px;place-items:center;display:grid;box-shadow:0 4px 12px #0b324f14}.phone-shortcuts small{color:#526773;white-space:nowrap;font-size:7px}.phone-event{background:#fff;border-radius:14px;grid-template-columns:67px 1fr;align-items:center;gap:10px;padding:9px;display:grid;box-shadow:0 6px 18px #0b324f14}.event-thumb{color:#fff;background:linear-gradient(0deg, #071a2d73, transparent), linear-gradient(135deg, var(--coral), var(--sky));border-radius:10px;align-items:flex-end;height:54px;padding:7px;display:flex}.event-thumb span{letter-spacing:.08em;font-size:6px;font-weight:800}.phone-event>div:last-child{flex-direction:column;gap:6px;min-width:0;display:flex}.phone-event strong{max-width:100%;color:var(--navy-950);white-space:nowrap;font-size:9px;line-height:1.25}.phone-event small{color:#7e8b93;white-space:nowrap;font-size:7px}.phone-bottom{background:#fff;border-radius:14px;justify-content:space-around;align-items:center;height:45px;margin-top:11px;display:flex}.phone-bottom span{border:2px solid #b3c3c8;border-radius:5px;width:15px;height:15px}.phone-bottom span:first-child{border-color:var(--teal);background:var(--teal-soft)}.dashboard{aspect-ratio:1.55;width:100%;min-height:340px;color:var(--ink);background:#f2f6f6;border:1px solid #ffffff42;border-radius:21px;grid-template-columns:56px 1fr;display:grid;overflow:hidden;box-shadow:0 24px 54px #0315214d}.dashboard aside{color:#76909d;background:var(--navy-950);flex-direction:column;align-items:center;gap:9px;padding:15px 9px;display:flex}.dash-logo{grid-template-columns:1fr 1fr;gap:3px;width:29px;height:29px;margin-bottom:7px;display:grid;transform:rotate(45deg)scale(.72)}.dash-logo span{background:var(--teal);border-radius:3px}.dash-logo span:last-child{background:var(--coral)}.dashboard aside i{border-radius:10px;place-items:center;width:34px;height:34px;font-style:normal;display:grid}.dashboard aside i.selected{color:#fff;background:#0eaa9147}.dash-main{min-width:0;padding:16px 18px 17px}.dash-head{justify-content:space-between;align-items:center;display:flex}.dash-head>div:first-child{flex-direction:column;gap:2px;display:flex}.dash-head small{color:var(--teal-dark);letter-spacing:.14em;font-size:7px;font-weight:850}.dash-head strong{white-space:nowrap;font-size:clamp(12px,1.5vw,18px)}.dash-user{align-items:center;gap:7px;display:flex}.dash-user span:first-child{background:#d3dddd;border-radius:6px;width:45px;height:8px}.dash-user span:last-child{background:linear-gradient(135deg, var(--sky), var(--teal));border-radius:50%;width:25px;height:25px}.dash-summary{grid-template-columns:repeat(4,1fr);gap:8px;margin-top:14px;display:grid}.dash-summary>div{background:#fff;border:1px solid #e0e9e9;border-radius:11px;flex-direction:column;gap:3px;min-width:0;padding:10px;display:flex}.dash-summary small{color:#71838d;text-overflow:ellipsis;white-space:nowrap;font-size:7px;overflow:hidden}.dash-summary strong{color:var(--navy-950);font-size:clamp(12px,1.5vw,18px)}.dash-content{grid-template-columns:1.55fr .8fr;gap:8px;margin-top:9px;display:grid}.dash-chart,.dash-side-list{background:#fff;border:1px solid #e0e9e9;border-radius:12px;min-width:0;padding:10px;overflow:hidden}.dash-block-title{justify-content:space-between;align-items:center;gap:8px;display:flex}.dash-block-title strong{text-overflow:ellipsis;white-space:nowrap;max-width:70%;font-size:9px;overflow:hidden}.dash-block-title small{color:#98a8ae;white-space:nowrap;font-size:6px}.chart-area{height:135px;margin-top:5px;position:relative}.chart-area svg{width:100%;height:116px}.chart-area .grid-line{fill:none;stroke:#e7eeee;stroke-width:1px}.chart-area .line{fill:none;stroke:var(--teal);stroke-width:3px}.chart-labels{color:#9aabad;justify-content:space-between;font-size:6px;display:flex}.dash-side-list{flex-direction:column;gap:8px;display:flex}.chapter-row{background:#f4f7f7;border-radius:7px;grid-template-columns:1fr 22px;align-items:center;gap:5px;min-height:25px;display:grid;position:relative;overflow:hidden}.chapter-row i{background:linear-gradient(90deg,#0eaa912b,#0eaa910a);border-radius:7px;position:absolute;inset:0 auto 0 0}.chapter-row span,.chapter-row b{z-index:1;font-size:6px;position:relative}.chapter-row span{text-overflow:ellipsis;white-space:nowrap;padding-left:7px;overflow:hidden}.chapter-row em{display:none}.home-hero{min-height:min(820px, calc(100vh - var(--header-height)));background:linear-gradient(115deg,#f7f9f6 0%,#f7f9f6f7 42%,#e5f6f1d1 100%);align-items:center;padding-block:clamp(58px,7vw,98px) clamp(70px,8vw,112px);display:flex;position:relative;overflow:hidden}.home-hero:before{content:"";opacity:.42;background-image:radial-gradient(#99b9b1 .65px,#0000 .65px);background-size:19px 19px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(90deg,#000,#0000 62%);mask-image:linear-gradient(90deg,#000,#0000 62%)}.hero-orb{filter:blur(1px);border-radius:50%;position:absolute}.hero-orb-one{border:1px solid #0eaa912e;width:620px;height:620px;top:-260px;right:-180px}.hero-orb-two{border:1px solid #5ca8ff33;width:430px;height:430px;bottom:-210px;right:25%}.home-hero-grid{z-index:1;grid-template-columns:minmax(0,.88fr) minmax(540px,1.12fr);align-items:center;gap:clamp(40px,5.8vw,90px);display:grid;position:relative}.hero-copy{min-width:0}.hero-trust{flex-wrap:wrap;gap:10px 16px;margin-top:27px;display:flex}.hero-trust span,.detail-proof span{color:#657984;align-items:center;gap:5px;font-size:11px;font-weight:650;display:inline-flex}.hero-trust svg,.detail-proof svg{color:var(--teal)}.hero-stage{height:clamp(520px,44vw,630px);position:relative}.hero-photo-frame{box-shadow:var(--shadow);border:8px solid #ffffffd9;border-radius:34px 34px 90px;position:absolute;inset:0 0 52px 48px;overflow:hidden}.hero-photo-frame:after{content:"";background:linear-gradient(90deg,#081c2b38,#0000 30% 76%,#081c2b14);position:absolute;inset:0}.hero-photo-frame img{object-fit:cover;object-position:55% center;width:100%;height:100%}.hero-phone{transform-origin:0 100%;position:absolute;bottom:0;left:0;transform:rotate(-1.3deg)scale(.87)}.hero-live-card{color:#fff;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#071a2de0;border:1px solid #ffffff8c;border-radius:19px;flex-direction:column;gap:4px;width:176px;padding:16px;display:flex;position:absolute;bottom:42px;right:-13px;box-shadow:0 18px 40px #06192747}.hero-live-card>span{color:#a8e6da;letter-spacing:.1em;text-transform:uppercase;align-items:center;gap:6px;font-size:9px;font-weight:800;display:flex}.hero-live-card>span i{background:#3ae4aa;border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 5px #3ae4aa1f}.hero-live-card strong{margin-top:4px;font-size:27px}.hero-live-card small{color:#bdcbd3;font-size:10px}.hero-live-card em{color:#8399a6;margin-top:3px;font-size:8px;font-style:normal}.hero-data-chip{min-height:41px;color:var(--navy-950);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffffe0;border:1px solid #fff9;border-radius:14px;align-items:center;gap:9px;padding:0 14px;display:flex;position:absolute;top:31px;left:24px;box-shadow:0 10px 26px #08243724}.hero-data-chip svg{color:var(--teal)}.hero-data-chip span{font-size:10px;font-weight:750}.buyer-ribbon{grid-template-columns:repeat(4,1fr);gap:18px;display:grid}.buyer-ribbon article{border:1px solid var(--line);background:linear-gradient(160deg,#fff,#f5f9f8);border-radius:28px 28px 28px 8px;min-height:245px;padding:24px;transition:transform .3s,box-shadow .3s,border-color .3s;position:relative;overflow:hidden}.buyer-ribbon article:hover{z-index:1;border-color:#0eaa9157;transform:translateY(-6px);box-shadow:0 22px 50px #0932411c}.buyer-ribbon article.buyer-offset{transform:translateY(24px)}.buyer-ribbon article.buyer-offset:hover{transform:translateY(18px)}.buyer-ribbon article>span{color:#d7e2e1;letter-spacing:-.05em;font-size:42px;font-weight:800;position:absolute;top:14px;right:19px}.buyer-ribbon svg{color:var(--teal);margin:24px 0 27px}.buyer-ribbon article:nth-child(2) svg,.buyer-ribbon article:nth-child(4) svg{color:var(--coral)}.buyer-ribbon h3{letter-spacing:-.035em;font-size:clamp(17px,1.6vw,22px)}.lifecycle-section{background:linear-gradient(180deg, var(--canvas), #eef5f3);overflow:hidden}.lifecycle-track{grid-template-columns:repeat(7,1fr);gap:0;display:grid}.lifecycle-track article{border-left:1px solid #cfdddd;min-width:0;padding:0 13px;position:relative}.lifecycle-track article:first-child{border-left:0;padding-left:0}.lifecycle-track article>div{justify-content:space-between;align-items:center;height:62px;display:flex}.lifecycle-track article>div>span{color:#fff;background:var(--navy-800);border-radius:16px 16px 16px 5px;place-items:center;width:46px;height:46px;font-size:12px;font-weight:850;display:grid}.lifecycle-track article:nth-child(2n)>div>span{background:var(--teal)}.lifecycle-track article:nth-child(4)>div>span,.lifecycle-track article:nth-child(7)>div>span{background:var(--coral)}.lifecycle-track article>div>i{color:#9db0b2;font-style:normal}.lifecycle-track h3{letter-spacing:-.03em;margin-top:19px;font-size:clamp(13px,1.15vw,17px)}.terminal-section:before{content:"";opacity:.12;background-image:linear-gradient(#ffffff40 1px,#0000 1px),linear-gradient(90deg,#ffffff40 1px,#0000 1px);background-size:45px 45px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(90deg,#0000,#000 70%,#0000);mask-image:linear-gradient(90deg,#0000,#000 70%,#0000)}.terminal-layout{grid-template-columns:minmax(330px,.72fr) minmax(0,1.28fr);align-items:stretch;gap:clamp(30px,5vw,74px);display:grid}.terminal-tabs{flex-direction:column;gap:8px;display:flex}.terminal-tabs button{color:#a9bbc5;text-align:left;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:17px;grid-template-columns:34px 1fr 22px;align-items:center;gap:14px;width:100%;min-height:87px;padding:15px 18px;transition:color .25s,border-color .25s,background .25s,transform .25s;display:grid}.terminal-tabs button[aria-selected=true]{color:#fff;background:linear-gradient(90deg,#0eaa9129,#ffffff09);border-color:#76e0cd40;transform:translate(8px)}.terminal-tabs button>span{color:#65808f;font-size:11px;font-weight:850}.terminal-tabs button>div{min-width:0}.terminal-stage{background:linear-gradient(145deg,#ffffff16,#ffffff06);border:1px solid #ffffff1a;border-radius:32px;place-items:center;min-height:584px;padding:42px;display:grid;position:relative;overflow:hidden}.terminal-glow{filter:blur(70px);background:#0eaa9129;border-radius:50%;width:460px;height:350px;position:absolute;bottom:-140px;left:50%;transform:translate(-50%)}.terminal-stage>.terminal-panel>.phone-shell{z-index:1;position:relative;transform:scale(1.03)}.terminal-stage>.terminal-panel>.dashboard{z-index:1;width:min(100%,690px);position:relative}.terminal-stage>.terminal-panel>.portal-preview,.terminal-stage>.terminal-panel>.checkin-preview,.terminal-stage>.terminal-panel>.api-preview{z-index:1;border-radius:20px;width:min(100%,690px);min-width:0;position:relative;overflow:hidden;box-shadow:0 28px 65px #00000042}.portal-preview{min-height:446px;color:var(--navy-950);background:#f5f8f7}.portal-browser{color:#768b96;background:#e8eeec;align-items:center;gap:5px;height:28px;padding:0 12px;display:flex}.portal-browser>span{background:#ff7d70;border-radius:50%;width:6px;height:6px}.portal-browser>span:nth-child(2){background:#f5ca55}.portal-browser>span:nth-child(3){background:#52c9aa}.portal-browser>i{text-align:center;background:#ffffffb3;border-radius:5px;min-width:120px;margin-left:10px;padding:4px 16px;font-size:6px;font-style:normal}.portal-nav{color:#5d727d;background:#fff;align-items:center;gap:20px;min-height:51px;padding:0 22px;font-size:8px;display:flex}.portal-nav>div{color:var(--navy-950);align-items:center;gap:8px;margin-right:auto;display:flex}.portal-nav>div svg{color:var(--teal)}.portal-nav>div strong{font-size:10px}.portal-nav>b{color:#fff;background:var(--teal);border-radius:7px;padding:7px 10px;font-size:7px}.portal-hero-ui{color:#fff;background:radial-gradient(circle at 80% 40%,#6fdcca4d,#0000 12rem),linear-gradient(135deg,#0b2b43,#0f5f68);grid-template-columns:1.05fr .95fr;align-items:center;gap:24px;min-height:224px;padding:32px 38px;display:grid}.portal-hero-ui small{color:#78ddcc;letter-spacing:.14em;font-size:6px;font-weight:800}.portal-hero-ui strong{max-width:330px;margin-top:10px;font-size:clamp(17px,2vw,26px);line-height:1.2;display:block}.portal-hero-ui p{color:#b7cdd4;margin-top:8px;font-size:7px}.portal-hero-action{color:var(--navy-950);background:#76dfcd;border-radius:8px;margin-top:17px;padding:8px 12px;font-size:7px;font-weight:750;display:inline-block}.portal-map{background:radial-gradient(circle at 63% 32%,#6fe0ccb3 0 3px,#0000 4px),radial-gradient(circle at 35% 48%,#6fe0ccb3 0 3px,#0000 4px),radial-gradient(circle at 70% 72%,#5ca8ffcc 0 3px,#0000 4px),linear-gradient(35deg,#ffffff0f,#ffffff03);border:1px solid #ffffff1f;border-radius:50% 44% 47% 40%;height:145px;position:relative}.portal-map>i{border:1px dashed #76dfcd40;border-radius:50%;position:absolute;inset:22% 12%;transform:rotate(18deg)}.portal-map>i:nth-child(2){inset:11% 27%;transform:rotate(74deg)}.portal-map>i:nth-child(3){inset:38% 8%;transform:rotate(-12deg)}.portal-map>i:nth-child(4){inset:8% 40%;transform:rotate(98deg)}.portal-map>span,.portal-map>small{position:absolute;top:44%;left:50%;transform:translate(-50%,-50%)}.portal-map>span{font-size:20px;font-weight:800}.portal-map>small{color:#a7c1ca;font-size:6px;top:62%}.portal-cards{grid-template-columns:repeat(3,1fr);gap:11px;padding:15px 22px 20px;display:grid}.portal-cards article{background:#fff;border:1px solid #dce7e4;border-radius:11px;min-width:0;padding:14px}.portal-cards small,.portal-cards span{color:#7b909a;font-size:6px;display:block}.portal-cards strong{margin:7px 0;font-size:9px;display:block}.checkin-preview,.api-preview{min-height:438px;color:var(--navy-950);background:#f4f7f6}.checkin-head,.api-head{color:#fff;background:var(--navy-950);justify-content:space-between;align-items:center;min-height:64px;padding:0 22px;display:flex}.checkin-head>div,.api-head>div{align-items:center;gap:10px;display:flex}.checkin-head>div>svg,.api-head>div>svg{color:#75dfcd}.checkin-head span,.api-head span{flex-direction:column;gap:3px;display:flex}.checkin-head small,.api-head small{color:#7894a2;letter-spacing:.12em;font-size:6px}.checkin-head>b,.api-head>b{color:#9edccd;align-items:center;gap:6px;font-size:7px;display:flex}.checkin-head>b i,.api-head>b i{background:#43d6a6;border-radius:50%;width:6px;height:6px;box-shadow:0 0 0 4px #43d6a61a}.checkin-body{grid-template-columns:1.1fr .9fr;gap:20px;min-height:374px;padding:28px;display:grid}.checkin-stats,.checkin-scan,.api-grid>aside,.api-main{background:#fff;border:1px solid #dae6e3;border-radius:15px;min-width:0}.checkin-stats>small{color:#78909a;font-size:7px;font-weight:800}.checkin-stats>strong{color:var(--teal-dark);margin-top:7px;font-size:38px;display:block}.checkin-stats>span{color:#82959d;font-size:7px;display:block}.checkin-stats>div{gap:7px;margin-top:24px;display:grid}.checkin-stats p{background:#f4f8f7;border-radius:8px;grid-template-columns:42px 1fr 45px;gap:9px;padding:9px 10px;font-size:7px;display:grid}.checkin-stats p i{color:#83969e;font-style:normal}.checkin-stats p span{color:var(--teal-dark);text-align:right}.checkin-scan{text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:24px;display:flex}.scan-frame{border:2px solid var(--teal);background:#f4fbf9;border-radius:16px;grid-template-columns:repeat(3,1fr);gap:6px;width:126px;height:126px;padding:20px;display:grid;box-shadow:0 0 0 7px #0eaa9114}.scan-frame>*{background:var(--navy-900);border-radius:3px}.checkin-scan>strong{margin-top:20px;font-size:10px}.checkin-scan>small{color:#82959d;margin-top:6px;font-size:7px}.checkin-action{color:var(--teal-dark);background:#fff;border:1px solid #cde1dc;border-radius:8px;margin-top:16px;padding:8px 11px;font-size:7px}.api-grid{grid-template-columns:.72fr 1.28fr;gap:16px;min-height:374px;padding:22px;display:grid}.api-grid>aside{padding:17px}.api-grid>aside>small{color:#83969e;font-size:6px;font-weight:800}.api-grid>aside>div{background:#f4f8f7;border-radius:9px;grid-template-columns:28px 1fr 14px;align-items:center;gap:8px;margin-top:10px;padding:9px;display:grid}.api-grid>aside>div>i{width:28px;height:28px;color:var(--teal-dark);background:var(--teal-soft);border-radius:8px;place-items:center;font-style:normal;display:grid}.api-grid>aside>div>span{flex-direction:column;gap:2px;display:flex}.api-grid>aside>div strong{font-size:7px}.api-grid>aside>div small{color:#84969d;font-size:6px}.api-grid>aside>div>b{color:var(--teal);font-size:8px}.api-main{padding:17px}.api-summary{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.api-summary>span{background:#f2f8f6;border-radius:9px;padding:12px}.api-summary small{color:#83969e;font-size:6px;display:block}.api-summary strong{margin-top:6px;font-size:13px;display:block}.api-table{gap:7px;margin-top:14px;display:grid}.api-table>div{border:1px solid #e0e9e7;border-radius:9px;grid-template-columns:54px 1fr 64px;align-items:center;gap:8px;padding:11px;display:grid}.api-table span{color:var(--teal-dark);font-size:6px;font-weight:850}.api-table b{color:#344e5b;text-overflow:ellipsis;min-width:0;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:7px;overflow:hidden}.api-table small{color:#83969e;text-align:right;font-size:6px}.terminal-floating-note{color:#d6e8ec;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#071a2d9e;border:1px solid #ffffff29;border-radius:13px;align-items:center;gap:8px;min-height:40px;padding:0 13px;display:flex;position:absolute;top:27px;right:28px}.terminal-floating-note span{font-size:9px;font-weight:750}.capability-bento{grid-template-rows:repeat(2,minmax(245px,auto));grid-template-columns:1.05fr .95fr 1fr;gap:18px;display:grid}.capability-card{border:1px solid var(--line);background:var(--canvas);border-radius:28px;min-width:0;padding:27px;transition:transform .3s,box-shadow .3s,border-color .3s;position:relative;overflow:hidden}.capability-card>span{color:#c9d9d8;font-size:12px;font-weight:800;position:absolute;top:21px;right:24px}.capability-icon{width:49px;height:49px;color:var(--teal-dark);background:var(--teal-soft);border-radius:16px 16px 16px 5px;place-items:center;display:grid}.capability-card:nth-child(2n) .capability-icon{color:#dc5f53;background:var(--coral-soft)}.capability-card:nth-child(3n) .capability-icon{color:#397dc7;background:var(--sky-soft)}.capability-card h3{color:var(--navy-950);letter-spacing:-.035em;margin-top:28px;font-size:clamp(17px,1.7vw,23px)}.capability-card p{max-width:350px;color:var(--muted);margin-top:12px;font-size:13px;line-height:1.75}.capability-card b{color:var(--teal-dark);align-items:center;gap:8px;font-size:12px;display:flex;position:absolute;bottom:24px;left:27px}.capability-1{background:radial-gradient(circle at 85% 85%,#0eaa9126,#0000 12rem),linear-gradient(160deg,#f4fbf8,#fff);grid-row:span 2;padding-top:50px}.capability-1 h3{margin-top:60px;font-size:clamp(23px,2.4vw,34px)}.capability-4{background:linear-gradient(90deg,#fff,#fff0ecd9);grid-column:span 2}.ops-section{color:#fff;background:radial-gradient(circle at 16% 10%, #5ca8ff29, transparent 28rem), linear-gradient(145deg, var(--navy-950), #0b2e45);overflow:hidden}.ops-grid{grid-template-rows:auto auto;grid-template-columns:.9fr .72fr;align-items:center;gap:34px clamp(34px,5vw,74px);display:grid}.ops-photo{border:1px solid #ffffff21;border-radius:30px 30px 90px;height:380px;position:relative;overflow:hidden}.ops-photo img{object-fit:cover;width:100%;height:100%}.ops-photo:after{content:"";background:linear-gradient(#0000 55%,#071a2db8);position:absolute;inset:0}.ops-photo-label{z-index:1;flex-direction:column;gap:5px;display:flex;position:absolute;bottom:22px;left:24px}.ops-photo-label span{color:#84dece;letter-spacing:.12em;font-size:9px;font-weight:800}.ops-photo-label strong{font-size:15px}.ops-copy h2{color:#fff;letter-spacing:-.045em;font-size:clamp(28px,3vw,45px);line-height:1.1}.ops-copy>p:not(.eyebrow){color:#aec0ca;margin-top:21px;font-size:15px;line-height:1.8}.ops-copy ul{grid-template-columns:1fr 1fr;gap:12px;margin:27px 0 26px;padding:0;list-style:none;display:grid}.ops-copy li{color:#d6e1e5;align-items:center;gap:8px;font-size:12px;display:flex}.ops-dashboard{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:28px;grid-column:1/-1;margin-top:-5px;padding:18px}.ops-dashboard .dashboard{aspect-ratio:auto;min-height:470px}.scenario-list a{border-bottom:1px solid #cedddb;grid-template-columns:62px 1.25fr .68fr 49px;align-items:center;gap:26px;min-height:137px;transition:color .25s,padding .25s,background .25s;display:grid}.scenario-list a:hover{color:var(--teal-dark);background:#ffffffa6;padding-inline:18px}.scenario-list>a>span{color:#9aacae;font-size:13px;font-weight:800}.scenario-list h3{letter-spacing:-.04em;font-size:clamp(20px,2.1vw,30px)}.scenario-list p{color:var(--muted);margin-top:9px;font-size:13px;line-height:1.6}.scenario-list b{color:#536b75;background:#fff;border-radius:10px;justify-self:start;padding:9px 13px;font-size:10px;font-weight:750}.scenario-list>a>i{width:46px;height:46px;color:var(--teal-dark);border:1px solid #c6d7d5;border-radius:50%;place-items:center;font-style:normal;transition:color .25s,background .25s,transform .25s;display:grid}.scenario-list a:hover>i{color:#fff;background:var(--teal);transform:rotate(-8deg)}.security-layout{border-radius:var(--radius-lg);background:radial-gradient(circle at 75%,#0eaa9121,#0000 20rem),linear-gradient(135deg,#eef8f5,#edf4fb);grid-template-columns:.78fr 1.22fr;align-items:center;gap:60px;min-height:500px;padding:clamp(35px,5vw,70px);display:grid;overflow:hidden}.security-copy h2{color:var(--navy-950);letter-spacing:-.045em;font-size:clamp(28px,3vw,44px);line-height:1.12}.security-copy>p:not(.eyebrow){color:var(--muted);margin:21px 0 25px;font-size:14px;line-height:1.8}.security-visual{min-height:350px;position:relative}.security-core{width:192px;height:192px;color:var(--teal-dark);background:#ffffffd1;border:1px solid #0eaa914d;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;gap:8px;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 22px 50px #0e584f24,0 0 0 32px #ffffff47,0 0 0 66px #0eaa910d}.security-core strong{color:var(--navy-950);font-size:14px}.security-core small{color:#819197;font-size:9px}.security-visual>span{color:#45606c;background:#ffffffd6;border:1px solid #0eaa912e;border-radius:12px;align-items:center;min-height:40px;padding:0 13px;font-size:10px;font-weight:700;display:flex;position:absolute;box-shadow:0 9px 22px #08243714}.security-visual>span:first-of-type{top:16%;left:2%}.security-visual>span:nth-of-type(2){top:13%;right:3%}.security-visual>span:nth-of-type(3){top:49%;left:0}.security-visual>span:nth-of-type(4){top:47%;right:0}.security-visual>span:nth-of-type(5){bottom:10%;left:9%}.security-visual>span:nth-of-type(6){bottom:9%;right:9%}.security-visual>span:nth-of-type(7){bottom:-3%;left:50%;transform:translate(-50%)}.faq-layout{grid-template-columns:.62fr 1.38fr;align-items:start;gap:clamp(50px,8vw,110px);display:grid}.faq-title{top:calc(var(--header-height) + 34px);position:sticky}.faq-title h2{color:var(--navy-950);letter-spacing:-.045em;font-size:clamp(28px,3vw,43px)}.faq-title>p:not(.eyebrow){color:var(--muted);margin-top:19px;font-size:13px;line-height:1.75}.faq-list{border-top:1px solid #cddbd9}.faq-item{border-bottom:1px solid #cddbd9}.faq-item button{width:100%;min-height:84px;color:var(--ink);text-align:left;cursor:pointer;background:0 0;border:0;justify-content:space-between;align-items:center;gap:24px;padding:15px 4px;display:flex}.faq-item button>span{font-size:15px;font-weight:720}.faq-item button i{width:33px;height:33px;color:var(--teal-dark);border:1px solid #bdcecb;border-radius:50%;flex:none;place-items:center;font-size:20px;font-style:normal;display:grid}.faq-answer{padding:0 58px 24px 4px}.faq-answer p{color:var(--muted);font-size:13px;line-height:1.8}.contact-section{color:#fff;background:radial-gradient(circle at 15% 20%, #5ca8ff2e, transparent 26rem), radial-gradient(circle at 90% 80%, #0eaa912b, transparent 30rem), var(--navy-950);position:relative;overflow:hidden}.contact-section:after{content:"";border:1px solid #ffffff1a;border-radius:50%;width:440px;height:440px;position:absolute;top:-160px;right:-120px;box-shadow:0 0 0 50px #ffffff06,0 0 0 100px #ffffff05}.contact-shell{z-index:1;grid-template-columns:.88fr 1.12fr;align-items:center;gap:clamp(42px,7vw,100px);display:grid;position:relative}.contact-copy h2{color:#fff;letter-spacing:-.045em;font-size:clamp(28px,3.35vw,48px);line-height:1.1}.contact-copy>p:not(.eyebrow){color:#b2c4cd;max-width:520px;margin-top:22px;font-size:15px;line-height:1.8}.contact-route{align-items:center;gap:10px;margin-top:36px;display:flex}.contact-route>span{color:#c4d1d7;flex-direction:column;gap:6px;font-size:9px;display:flex}.contact-route b{color:#6bd6c4;font-size:12px}.contact-route i{background:#ffffff38;width:23px;height:1px}.lead-form{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffff13;border:1px solid #ffffff26;border-radius:30px;padding:clamp(25px,3vw,40px);box-shadow:0 24px 60px #0000002e}.form-grid{grid-template-columns:1fr 1fr;gap:16px;display:grid}.lead-form label:not(.consent){flex-direction:column;gap:8px;margin-bottom:15px;display:flex}.lead-form label>span{color:#d6e1e6;font-size:11px;font-weight:650}.lead-form input:not([type=checkbox]),.lead-form textarea{color:#fff;background:#ffffff12;border:1px solid #ffffff26;border-radius:12px;outline:0;width:100%;transition:border-color .2s,background .2s}.lead-form input:not([type=checkbox]){height:48px;padding:0 13px}.lead-form textarea{resize:vertical;padding:12px 13px}.lead-form input:focus,.lead-form textarea:focus{background:#ffffff1a;border-color:#75e6d3a6}.lead-form textarea::placeholder{color:#78909d}.consent{align-items:flex-start;gap:9px;margin:4px 0 20px;display:flex}.consent input{width:15px;height:15px;accent-color:var(--teal);margin:1px 0 0}.consent span{line-height:1.5;color:#9fb1bb!important;font-size:10px!important}.form-disclosure{color:#9fb7c1;background:#0eaa910f;border:1px solid #75e6d329;border-radius:11px;align-items:flex-start;gap:8px;margin:-7px 0 18px;padding:10px 12px;font-size:9px;line-height:1.55;display:flex}.form-disclosure svg{color:#72d8c7;flex:none;margin-top:1px}.lead-form .button{width:100%}.form-message{color:#9fe4d7;opacity:0;max-height:0;margin-top:0;font-size:10px;line-height:1.6;transition:max-height .3s,margin .3s,opacity .3s;overflow:hidden}.form-message.show{opacity:1;max-height:60px;margin-top:12px}.site-footer{color:#b6c4ca;background:#051421;padding-block:70px 26px}.site-footer .brand-copy strong{color:#fff}.footer-top{grid-template-columns:minmax(0,1.35fr) minmax(360px,.65fr);align-items:start;gap:clamp(72px,6vw,104px);display:grid}.footer-brand{min-width:0}.footer-brand h2{color:#fff;letter-spacing:-.045em;width:100%;max-width:760px;margin-top:35px;font-size:clamp(26px,2.2vw,40px);line-height:1.12}.lang-zh .footer-brand h2{letter-spacing:-.052em;font-size:clamp(26px,1.9vw,36px)}.footer-brand>p{color:#8096a2;max-width:550px;margin-top:18px;font-size:13px;line-height:1.75}.footer-links{grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(30px,3vw,54px);min-width:0;display:grid}.footer-links>div{flex-direction:column;gap:13px;display:flex}.footer-links strong{color:#fff;margin-bottom:7px;font-size:12px}.footer-links a{color:#8298a3;font-size:11px;transition:color .2s}.footer-bottom{color:#637b87;border-top:1px solid #ffffff17;justify-content:space-between;align-items:center;gap:20px;margin-top:60px;padding-top:22px;font-size:9px;display:flex}.footer-bottom>div{gap:18px;display:flex}.footer-bottom a{transition:color .2s}.footer-bottom a:hover{color:#84dece}@media (width<=1060px){.footer-top{grid-template-columns:minmax(0,1fr);gap:44px}.footer-links{width:min(100%,560px)}}.mobile-cta{display:none}.detail-hero{background:linear-gradient(135deg,#f5faf8,#edf5fb);align-items:center;min-height:720px;padding-block:clamp(70px,7vw,104px) clamp(78px,8vw,120px);display:flex;position:relative;overflow:hidden}.detail-hero-grid-bg{opacity:.35;background-image:linear-gradient(#bdd2d2 1px,#0000 1px),linear-gradient(90deg,#bdd2d2 1px,#0000 1px);background-size:46px 46px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(90deg,#000,#0000 65%);mask-image:linear-gradient(90deg,#000,#0000 65%)}.detail-hero:after{content:"";border:1px solid #0eaa9121;border-radius:50%;width:540px;height:540px;position:absolute;top:-160px;right:-140px;box-shadow:0 0 0 60px #0eaa9106,0 0 0 120px #5ca8ff05}.detail-hero-grid{z-index:1;grid-template-columns:minmax(0,.78fr) minmax(540px,1.22fr);align-items:center;gap:clamp(44px,6vw,90px);display:grid;position:relative}.detail-hero-copy h1{color:var(--navy-950);letter-spacing:-.055em;font-size:clamp(34px,4vw,60px);line-height:1.08}.lang-en .detail-hero-copy h1{font-size:clamp(30px,3.35vw,52px)}.detail-hero-copy>p:not(.eyebrow){color:#566c78;max-width:620px;margin-block:24px 29px;font-size:clamp(15px,1.45vw,18px);line-height:1.8}.detail-proof{flex-wrap:wrap;gap:12px 18px;margin-top:25px;display:flex}.detail-visual{height:540px;position:relative}.detail-visual>img{object-fit:cover;width:calc(100% - 32px);height:calc(100% - 45px);box-shadow:var(--shadow);border:7px solid #fff;border-radius:30px 30px 78px;position:absolute;inset:0 0 45px 32px}.detail-phone{transform-origin:0 100%;position:absolute;bottom:0;left:0;transform:scale(.8)}.detail-dashboard{width:min(80%,590px);position:absolute;bottom:0;right:-20px}.detail-dashboard .dashboard{aspect-ratio:1.6;min-height:315px}.detail-visual-platform .detail-dashboard{width:72%;bottom:10px;right:-26px}.detail-visual-platform .detail-phone,.detail-visual-event-management .detail-phone,.detail-visual-dues-and-giving .detail-phone{z-index:2}.detail-visual-member-experience .detail-phone,.detail-visual-solutions .detail-phone{transform-origin:100% 100%;left:auto;right:20px;transform:scale(.85)}.detail-visual-chip{min-height:41px;color:var(--navy-950);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffe0;border:1px solid #ffffffb3;border-radius:13px;align-items:center;gap:8px;padding:0 13px;font-size:9px;font-weight:750;display:flex;position:absolute;top:20px;left:12px;box-shadow:0 9px 24px #0824371f}.detail-visual-chip svg{color:var(--teal)}.detail-value{background:#fff;padding-top:clamp(54px,5vw,76px)}.detail-bento{grid-template-rows:repeat(2,minmax(230px,auto));grid-template-columns:1.1fr .9fr 1fr;gap:17px;display:grid}.detail-feature{border:1px solid var(--line);background:linear-gradient(155deg,#f8faf9,#f0f6f4);border-radius:26px;min-width:0;padding:25px;transition:transform .3s,box-shadow .3s;position:relative;overflow:hidden}.detail-feature:hover{z-index:2;transform:translateY(-5px);box-shadow:0 22px 46px #0824371a}.detail-feature>div:first-child{justify-content:space-between;align-items:center;display:flex}.detail-feature>div:first-child>span{color:#a4b7b6;font-size:11px;font-weight:850}.detail-feature>div:first-child>i{width:42px;height:42px;color:var(--teal-dark);background:var(--teal-soft);border-radius:13px;place-items:center;font-style:normal;display:grid}.detail-feature>small{color:var(--teal-dark);letter-spacing:.08em;text-transform:uppercase;margin-top:27px;font-size:9px;font-weight:850;display:inline-block}.detail-feature h3{color:var(--navy-950);letter-spacing:-.035em;margin-top:8px;font-size:clamp(16px,1.5vw,21px)}.detail-feature p{max-width:390px;color:var(--muted);margin-top:11px;font-size:12px;line-height:1.7}.detail-feature-1{background:radial-gradient(circle at 80% 90%,#0eaa912e,#0000 12rem),linear-gradient(155deg,#f0faf7,#f7fbfa);grid-row:span 2;padding-top:35px}.detail-feature-1 h3{margin-top:13px;font-size:clamp(22px,2.25vw,31px)}.feature-mini-ui{background:linear-gradient(145deg, var(--navy-800), var(--navy-950));border-radius:20px;grid-template-columns:1fr 1fr 1fr;align-items:end;gap:11px;height:150px;margin-top:34px;padding:20px;display:grid}.feature-mini-ui span{background:linear-gradient(#62dcc5,#0c9d87);border-radius:8px 8px 3px 3px;height:45%;display:block}.feature-mini-ui span:nth-child(2){background:linear-gradient(#79b8ff,#397fcc);height:80%}.feature-mini-ui span:nth-child(3){background:linear-gradient(#ff9e8f,#ec6155);height:62%}.feature-mini-ui b{border:1px solid #ffffff1f;border-radius:50%;width:68px;height:68px;position:absolute;transform:translate(238px,-57px)}.detail-feature-4{background:linear-gradient(90deg, #f8faf9, var(--sky-soft));grid-column:span 2}@media (width>=1061px){.detail-variant-editorial .detail-bento{grid-template-rows:auto;grid-template-columns:1fr 1fr}.detail-variant-editorial .detail-feature-1{grid-area:auto/span 2;min-height:350px}.detail-variant-editorial .detail-feature-4{grid-column:auto}.detail-variant-editorial .detail-feature-6{grid-column:span 2}.detail-variant-operational .detail-bento{grid-template-rows:repeat(4,minmax(175px,auto));grid-template-columns:.9fr 1.1fr}.detail-variant-operational .detail-feature-1{grid-area:1/1/span 2}.detail-variant-operational .detail-feature-2{grid-area:1/2}.detail-variant-operational .detail-feature-3{grid-area:2/2}.detail-variant-operational .detail-feature-4{grid-area:3/1}.detail-variant-operational .detail-feature-5{grid-area:3/2}.detail-variant-operational .detail-feature-6{grid-area:4/span 2}.process-variant-editorial .process-grid{grid-template-columns:1fr}.process-variant-editorial .process-intro{max-width:720px}.process-variant-editorial .process-steps{grid-template-columns:1fr 1fr;gap:28px 54px;margin-top:48px;display:grid}.process-variant-editorial .process-steps article{min-height:118px}.process-variant-editorial .process-steps article>i{display:none}.process-variant-operational .process-grid{grid-template-columns:1fr}.process-variant-operational .process-intro{max-width:760px}.process-variant-operational .process-steps{grid-template-columns:repeat(4,1fr);gap:24px;margin-top:50px;display:grid}.process-variant-operational .process-steps article{background:#ffffff09;border:1px solid #75e0cc24;border-radius:22px;min-height:150px;padding:24px;display:block}.process-variant-operational .process-steps article>div{margin-top:22px}.process-variant-operational .process-steps article>i{display:none}.scene-variant-editorial .scene-media{order:2}.scene-variant-editorial .scene-copy{order:1}.scene-variant-editorial .scene-grid{grid-template-columns:minmax(380px,.87fr) minmax(0,1.13fr)}.scene-variant-operational .scene-grid{grid-template-columns:minmax(440px,.96fr) minmax(0,1.04fr)}.scene-variant-operational .scene-interface{background:radial-gradient(circle at 78% 18%, #ff6f6124, transparent 17rem), radial-gradient(circle at 20% 80%, #0eaa9133, transparent 18rem), var(--navy-950);border-radius:34px 82px 34px 34px}}.terminal-panel{z-index:1;place-items:center;width:100%;min-width:0;display:grid;position:relative}.terminal-panel>.dashboard,.terminal-panel>.portal-preview,.terminal-panel>.checkin-preview,.terminal-panel>.api-preview{width:min(100%,780px)}.terminal-panel>.portal-preview,.terminal-panel>.checkin-preview,.terminal-panel>.api-preview{border-radius:20px;min-width:0;overflow:hidden;box-shadow:0 28px 65px #1028412e}.terminal-panel>.phone-shell{transform:scale(1.08)}.feature-proof-row{border-top:1px solid #dce4ee;flex-wrap:wrap;gap:8px;width:100%;margin-top:auto;padding-top:20px;display:flex}.feature-proof-row span{color:#35516e;background:#edf3fa;border-radius:5px;align-items:center;gap:5px;min-height:28px;padding:0 10px;font-size:10px;font-weight:750;display:inline-flex}.feature-proof-row svg{color:#0d8f83}@media (width<=600px){.terminal-panel>.phone-shell{transform:scale(.88)}.terminal-panel>.dashboard{min-height:310px}.terminal-panel>.portal-preview,.terminal-panel>.checkin-preview,.terminal-panel>.api-preview{width:100%}}.detail-process{color:#fff;background:radial-gradient(circle at 15% 30%, #0eaa912e, transparent 25rem), var(--navy-950);overflow:hidden}.process-grid{grid-template-columns:.7fr 1.3fr;gap:clamp(45px,7vw,110px);display:grid}.process-intro h2{color:#fff;letter-spacing:-.045em;font-size:clamp(28px,3.1vw,46px);line-height:1.12}.process-intro>p:not(.eyebrow){color:#a8bac4;margin-top:21px;font-size:14px;line-height:1.8}.process-steps{flex-direction:column;display:flex}.process-steps article{grid-template-columns:53px 1fr;align-items:start;gap:25px;min-height:124px;display:grid;position:relative}.process-steps article>span{z-index:1;color:#8ce5d6;background:#0eaa911c;border:1px solid #75e0cc59;border-radius:16px 16px 16px 5px;place-items:center;width:48px;height:48px;font-size:11px;font-weight:850;display:grid;position:relative}.process-steps article>i{background:linear-gradient(#42616d,#0000);width:1px;position:absolute;top:48px;bottom:0;left:23px}.process-steps h3{color:#fff;letter-spacing:-.035em;font-size:clamp(17px,1.7vw,23px)}.process-steps p{color:#9eb0ba;margin-top:8px;font-size:12px;line-height:1.7}.scene-grid{grid-template-columns:minmax(0,1.13fr) minmax(380px,.87fr);align-items:center;gap:clamp(45px,7vw,100px);display:grid}.scene-media{min-height:620px;position:relative}.scene-interface{min-height:590px;box-shadow:var(--shadow);background:radial-gradient(circle at 18% 22%,#0eaa912e,#0000 18rem),radial-gradient(circle at 85% 78%,#5ca8ff29,#0000 17rem),linear-gradient(145deg,#0b253b,#071a2d);border:1px solid #0eaa9124;border-radius:34px 34px 86px;place-items:center;padding:clamp(24px,4vw,48px);display:grid;position:relative;overflow:hidden}.scene-interface:before{content:"";opacity:.16;background-image:linear-gradient(#ffffff3d 1px,#0000 1px),linear-gradient(90deg,#ffffff3d 1px,#0000 1px);background-size:42px 42px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(145deg,#000,#0000 72%);mask-image:linear-gradient(145deg,#000,#0000 72%)}.scene-interface>.dashboard,.scene-interface>.portal-preview,.scene-interface>.checkin-preview,.scene-interface>.api-preview{z-index:1;width:min(100%,690px);position:relative}.scene-interface>.phone-shell{z-index:1;position:relative;transform:scale(1.04)}.scene-interface-badge{z-index:3;color:#d4e8ec;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#071a2dad;border:1px solid #ffffff2e;border-radius:12px;align-items:center;gap:7px;min-height:38px;padding:0 12px;font-size:8px;font-weight:750;display:flex;position:absolute;top:20px;right:20px}.scene-interface-badge svg{color:#72d8c7}.scene-media>img{object-fit:cover;width:90%;height:450px;box-shadow:var(--shadow);border:7px solid #fff;border-radius:30px 30px 80px}.scene-ui{width:84%;position:absolute;bottom:0;right:0}.scene-ui .dashboard{min-height:320px}.scene-copy h2{color:var(--navy-950);letter-spacing:-.045em;font-size:clamp(27px,3vw,44px);line-height:1.12}.scene-copy>p:not(.eyebrow){color:var(--muted);margin-top:20px;font-size:14px;line-height:1.8}.scene-copy ul{grid-template-columns:1fr 1fr;gap:12px;margin:27px 0 28px;padding:0;list-style:none;display:grid}.scene-copy li{color:#48616d;align-items:center;gap:8px;min-width:0;font-size:11px;display:flex}.scene-copy li svg{color:var(--teal);flex:none}@media (width<=1180px){.desktop-nav{gap:14px}.desktop-nav>a,.nav-cluster>a{font-size:12px}.home-hero-grid,.detail-hero-grid{grid-template-columns:minmax(0,.84fr) minmax(470px,1.16fr);gap:45px}.hero-stage{height:560px}.buyer-ribbon{gap:13px}.buyer-ribbon article{padding:20px}.lifecycle-track{grid-template-columns:repeat(4,1fr);gap:28px 0}.lifecycle-track article:nth-child(5){border-left:0;padding-left:0}.terminal-layout{grid-template-columns:340px 1fr;gap:35px}.terminal-stage{padding-inline:28px}}@media (width<=1060px){:root{--header-height:70px}.desktop-nav,.header-actions>.button{display:none}.menu-toggle{border:1px solid var(--line);cursor:pointer;background:#fff;border-radius:13px;flex-direction:column;justify-content:center;align-items:center;gap:6px;width:42px;height:42px;padding:0;display:flex}.menu-toggle span{background:var(--navy-900);border-radius:2px;width:17px;height:2px;transition:transform .2s}.menu-toggle[aria-expanded=true] span:first-child{transform:translateY(4px)rotate(45deg)}.menu-toggle[aria-expanded=true] span:last-child{transform:translateY(-4px)rotate(-45deg)}.mobile-panel{z-index:99;inset:var(--header-height) 0 0;visibility:hidden;opacity:0;background:#f7faf8fa;transition:opacity .25s,transform .25s,visibility .25s;display:block;position:fixed;overflow:auto;transform:translateY(-12px)}.mobile-panel.open{visibility:visible;opacity:1;transform:translateY(0)}.mobile-panel-inner{width:min(100% - 48px,760px);margin:0 auto;padding:32px 0 70px}.mobile-panel-inner>a:not(.button){border-bottom:1px solid var(--line);min-height:60px;color:var(--navy-950);justify-content:space-between;align-items:center;font-size:17px;font-weight:700;display:flex}.mobile-products{grid-template-columns:1fr 1fr;gap:8px;padding:16px 0 22px;display:grid}.mobile-products a{color:#536a75;background:#fff;border-radius:11px;padding:12px 13px;font-size:11px}.mobile-panel .button{width:100%}.home-hero{min-height:auto}.home-hero-grid,.detail-hero-grid{grid-template-columns:1fr;gap:60px}.hero-copy,.detail-hero-copy{max-width:780px}.hero-stage,.detail-visual{width:min(100%,780px);height:570px;margin-inline:auto}.buyer-ribbon{grid-template-columns:1fr 1fr;gap:16px}.buyer-ribbon article.buyer-offset,.buyer-ribbon article.buyer-offset:hover{transform:none}.terminal-layout{grid-template-columns:1fr}.terminal-tabs{grid-template-columns:1fr 1fr;display:grid}.terminal-tabs button[aria-selected=true]{transform:none}.terminal-stage{min-height:560px}.ops-grid{grid-template-columns:1fr 1fr;gap:28px}.ops-dashboard .dashboard{min-height:400px}.security-layout{grid-template-columns:1fr}.security-visual{min-height:410px}.scene-grid{grid-template-columns:1fr}.scene-copy{max-width:760px}}@media (width<=820px){.site-container{width:min(calc(100% - 36px), var(--container))}.section-pad{padding-block:72px}.section-heading{grid-template-columns:1fr;gap:18px;margin-bottom:42px}.section-heading>p{max-width:680px}.lifecycle-track{grid-template-columns:1fr 1fr;gap:28px 0}.lifecycle-track article:nth-child(odd){border-left:0;padding-left:0}.lifecycle-track article:nth-child(5){border-left:0}.capability-bento,.detail-bento{grid-template-rows:auto;grid-template-columns:1fr 1fr}.capability-card,.detail-feature,.capability-1,.capability-4,.detail-feature-1,.detail-feature-4{grid-area:auto;min-height:250px}.capability-1 h3,.detail-feature-1 h3{margin-top:28px;font-size:22px}.feature-mini-ui{display:none}.ops-grid{grid-template-columns:1fr}.ops-photo{height:360px}.ops-dashboard{grid-column:auto}.scenario-list a{grid-template-columns:45px 1fr 42px;gap:18px}.scenario-list b{display:none}.faq-layout,.contact-shell,.footer-top,.process-grid{grid-template-columns:1fr}.faq-title{position:static}.footer-links{min-width:0;max-width:560px}.process-steps{margin-top:8px}.detail-hero{min-height:auto}.detail-visual{height:530px}.detail-dashboard{width:82%;right:0}}@media (width<=600px){:root{--header-height:64px}.site-container{width:min(calc(100% - 28px), var(--container))}.brand-mark{border-radius:12px 12px 12px 4px;width:38px;height:38px}.brand-mark svg{width:28px;height:28px}.brand-copy strong{font-size:13px}.brand-copy>span{font-size:7px}.language-switch{font-size:10px}.language-dot{display:none}.header-inner{gap:12px}.header-actions{gap:8px}.menu-toggle{width:39px;height:39px}.mobile-panel-inner{width:calc(100% - 28px);padding-top:22px}.mobile-panel-inner>a:not(.button){min-height:54px;font-size:15px}.home-hero,.detail-hero{padding-block:55px 68px}.hero-orb-one{width:300px;height:300px;top:-115px;right:-135px}.hero-orb-two{width:230px;height:230px;bottom:-100px;left:auto;right:-55px}.home-hero-grid,.detail-hero-grid{gap:42px}.hero-title{letter-spacing:-.055em;font-size:clamp(22px,7.2vw,40px)}.lang-en .hero-title{font-size:clamp(20px,6.3vw,35px)}.detail-hero-copy h1,.lang-en .detail-hero-copy h1{font-size:clamp(20px,6.6vw,36px)}.section-heading h2,.ops-copy h2,.security-copy h2,.faq-title h2,.contact-copy h2,.footer-brand h2,.process-intro h2,.scene-copy h2{font-size:clamp(20px,6.4vw,33px)}.hero-description,.detail-hero-copy>p:not(.eyebrow){margin-block:19px 24px;font-size:14px;line-height:1.72}.action-row{align-items:stretch}.action-row .button{flex:140px;min-width:0;padding-inline:14px;font-size:11px}.hero-trust,.detail-proof{gap:9px 12px}.hero-trust span,.detail-proof span{font-size:9px}.hero-stage{height:440px}.hero-photo-frame{border-width:5px;border-radius:24px 24px 58px;inset:0 0 35px 18px}.hero-phone{transform:rotate(-1deg)scale(.58)}.hero-live-card{border-radius:15px;width:137px;padding:12px;bottom:24px;right:-3px}.hero-live-card strong{font-size:20px}.hero-data-chip{min-height:36px;top:15px;left:8px}.hero-data-chip span{font-size:8px}.section-pad{padding-block:66px}.section-heading{margin-bottom:34px}.section-heading>p{font-size:13px;line-height:1.72}.buyer-ribbon,.capability-bento,.detail-bento{grid-template-columns:1fr}.buyer-ribbon article{min-height:210px}.lifecycle-track{grid-template-columns:1fr;gap:0}.lifecycle-track article,.lifecycle-track article:nth-child(odd),.lifecycle-track article:nth-child(5){border-bottom:1px solid #cfdddd;border-left:0;grid-template-rows:auto auto;grid-template-columns:58px 1fr;gap:0 14px;min-height:116px;padding:17px 0;display:grid}.lifecycle-track article>div{grid-row:1/3;height:auto}.lifecycle-track article>div>i{display:none}.lifecycle-track h3{align-self:end;margin-top:7px}.lifecycle-track p{margin-top:6px}.terminal-tabs{grid-template-columns:1fr}.terminal-tabs button{min-height:78px}.terminal-stage{border-radius:24px;min-height:480px;padding:30px 15px}.terminal-stage>.terminal-panel>.phone-shell{transform:scale(.86)}.terminal-stage>.terminal-panel>.dashboard{min-height:270px}.portal-preview,.checkin-preview,.api-preview{border-radius:15px;min-height:390px}.portal-nav{gap:10px;padding-inline:14px}.portal-nav>span{display:none}.portal-hero-ui{grid-template-columns:1.18fr .82fr;gap:12px;min-height:205px;padding:27px 22px}.portal-hero-ui strong{font-size:16px}.portal-map{height:110px}.portal-cards{grid-template-columns:1fr 1fr;padding:13px}.portal-cards article:nth-child(3){display:none}.checkin-body{grid-template-columns:.9fr 1.1fr;gap:10px;min-height:326px;padding:15px}.checkin-stats,.checkin-scan{padding:15px}.checkin-stats>strong{font-size:28px}.checkin-stats>div{display:none}.scan-frame{width:100px;height:100px;padding:15px}.api-grid{grid-template-columns:.65fr 1.35fr;gap:9px;min-height:326px;padding:14px}.api-grid>aside,.api-main{padding:10px}.api-grid>aside>div{grid-template-columns:24px 1fr;padding:7px}.api-grid>aside>div>i{width:24px;height:24px}.api-grid>aside>div>b,.api-grid>aside>div:nth-of-type(n+4){display:none}.api-summary{grid-template-columns:1fr 1fr}.api-summary>span:nth-child(3){display:none}.api-table>div{grid-template-columns:42px 1fr;padding:9px}.api-table small{display:none}.terminal-floating-note{top:14px;right:14px}.dashboard{border-radius:15px;grid-template-columns:41px 1fr;min-height:250px}.dashboard aside{gap:5px;padding:9px 5px}.dashboard aside i{width:28px;height:28px}.dashboard aside i svg{width:14px;height:14px}.dash-logo{width:22px;height:22px}.dash-main{padding:11px}.dash-summary{gap:4px;margin-top:9px}.dash-summary>div{padding:6px}.dash-summary>div:nth-child(4){display:none}.dash-summary{grid-template-columns:repeat(3,1fr)}.dash-content{grid-template-columns:1fr}.dash-side-list{display:none}.chart-area{height:102px}.chart-area svg{height:85px}.capability-card,.detail-feature,.capability-1,.capability-4,.detail-feature-1,.detail-feature-4{min-height:235px}.ops-photo{border-radius:24px 24px 58px;height:290px}.ops-copy ul,.scene-copy ul{grid-template-columns:1fr}.ops-dashboard{padding:9px}.ops-dashboard .dashboard{min-height:270px}.scenario-list a{grid-template-columns:34px 1fr 36px;gap:12px;min-height:124px}.scenario-list h3{font-size:18px}.scenario-list p{font-size:11px}.scenario-list>a>i{width:36px;height:36px}.security-layout{border-radius:24px;gap:28px;min-height:auto;padding:31px 19px 40px}.security-visual{min-height:385px}.security-core{width:148px;height:148px;box-shadow:0 18px 38px #0e584f21,0 0 0 24px #ffffff40,0 0 0 47px #0eaa910d}.security-visual>span{min-height:34px;padding-inline:9px;font-size:8px}.security-visual>span:first-of-type{left:0}.security-visual>span:nth-of-type(2){right:0}.security-visual>span:nth-of-type(3){left:-4px}.security-visual>span:nth-of-type(4){right:-4px}.faq-item button{min-height:73px}.faq-item button>span{font-size:13px}.contact-route{gap:6px}.contact-route i{width:12px}.form-grid{grid-template-columns:1fr;gap:0}.lead-form{border-radius:23px;padding:22px}.footer-links{grid-template-columns:1fr 1fr}.footer-bottom{flex-direction:column;align-items:flex-start}.mobile-cta{z-index:70;color:#fff;background:linear-gradient(135deg, var(--coral), #ed5a50);border:1px solid #ffffff80;border-radius:15px;align-items:center;gap:8px;min-height:44px;padding:0 16px;font-size:11px;font-weight:780;display:flex;position:fixed;bottom:14px;right:14px;box-shadow:0 13px 28px #3d1d1c3b}.detail-visual{height:420px}.detail-visual>img{border-width:5px;border-radius:23px 23px 55px;width:calc(100% - 11px);height:calc(100% - 25px);inset:0 0 25px 11px}.detail-phone,.detail-visual-member-experience .detail-phone,.detail-visual-solutions .detail-phone{transform-origin:0 100%;left:0;right:auto;transform:scale(.56)}.detail-dashboard,.detail-visual-platform .detail-dashboard{width:84%;bottom:0;right:0}.detail-dashboard .dashboard{min-height:220px}.detail-visual-chip{min-height:34px;font-size:8px;top:12px;left:2px}.process-steps article{grid-template-columns:45px 1fr;gap:17px;min-height:112px}.process-steps article>span{border-radius:14px 14px 14px 5px;width:42px;height:42px}.process-steps article>i{top:42px;left:20px}.scene-media{min-height:440px}.scene-interface{border-radius:24px 24px 58px;min-height:430px;padding:14px}.scene-interface>.phone-shell{transform:scale(.82)}.scene-interface-badge{min-height:32px;font-size:7px;top:12px;right:12px}}@media (width<=390px){.brand-copy>span{display:none}.brand-copy strong{font-size:12px}.language-switch{font-size:9px}.hero-stage{height:405px}.hero-phone{transform:rotate(-1deg)scale(.51)}.hero-live-card{width:124px}.terminal-stage{min-height:445px}.security-visual>span:nth-of-type(7){bottom:-1%}}@media (width>=1061px){.hero-copy{z-index:8;width:min(690px,52vw);position:relative}.hero-title{width:100%;font-size:clamp(39px,3.15vw,48px)}.lang-en .hero-title{font-size:clamp(27px,2.45vw,37px)}.hero-dashboard{width:82%;height:400px}.hero-dashboard .dashboard{transform-origin:100% 100%;width:128%;min-height:520px;transform:scale(.78)}.hero-photo-frame{bottom:240px}.hero-photo-frame img{object-position:88% center}.hero-photo-frame{display:none}.hero-stage:before{content:"";z-index:0;background:url(../images/hero-alumni-event.webp) 88%/cover no-repeat;border:1px solid #fff3;border-radius:20px;position:absolute;inset:0 0 240px 54px;box-shadow:0 35px 90px #00000057}.hero-stage:after{content:"";z-index:1;pointer-events:none;background:linear-gradient(#06172e05,#06172e7a),linear-gradient(90deg,#06172e61,#0000 42%);border-radius:20px;position:absolute;inset:0 0 240px 54px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.reveal{opacity:1;transform:none}}:root{--navy-950:#06172e;--navy-900:#0a2342;--navy-800:#123a6d;--ink:#101828;--muted:#536174;--teal:#19b6a5;--teal-dark:#0d8f83;--teal-soft:#e5f8f5;--coral:#246bfd;--coral-soft:#eaf0ff;--sky:#4d8dff;--sky-soft:#edf4ff;--lemon:#d7a64a;--paper:#fff;--canvas:#f4f7fb;--canvas-strong:#eaf0f7;--line:#d9e2ee;--shadow:0 28px 90px #05193429;--container:1400px;--radius-lg:24px;--radius-md:16px;--header-height:78px}body{color:var(--ink);background:#f4f7fb;font-family:HarmonyOS Sans SC,Inter,PingFang SC,Microsoft YaHei,Noto Sans CJK SC,Arial,sans-serif}.section-heading h2{letter-spacing:-.045em;font-size:clamp(34px,3.4vw,56px);font-weight:720;line-height:1.08}.eyebrow{color:#2b62ae;letter-spacing:.18em;margin-bottom:20px;font-size:11px}.eyebrow>span{background:linear-gradient(90deg,#246bfd,#19b6a5);width:34px}.button{border-radius:10px;min-height:52px;padding-inline:25px;font-size:14px}.button-quiet{color:#fff;background:#ffffff14;border-color:#ffffff40}.button-coral{background:linear-gradient(135deg,#246bfd,#1859d8);box-shadow:0 14px 30px #246bfd3d}.site-header{height:var(--header-height);-webkit-backdrop-filter:blur(22px)saturate(1.25);backdrop-filter:blur(22px)saturate(1.25);background:#fffffff0;border-bottom:1px solid #d9e2eee6}.brand-mark{background:linear-gradient(145deg,#246bfd,#123a6d);border-radius:11px;width:44px;height:44px;box-shadow:0 10px 25px #123a6d38}.brand-copy strong{color:#0b2442;font-size:16px}.brand-copy>span{color:#637084;letter-spacing:.17em;font-size:8px}.language-dot{background:#19b6a5}.home-hero{min-height:min(900px, calc(100vh - var(--header-height)));color:#fff;background:radial-gradient(circle at 82% 18%,#246bfd3d,#0000 32rem),radial-gradient(circle at 18% 86%,#19b6a51f,#0000 27rem),linear-gradient(128deg,#06172e 0%,#0a2342 56%,#123a6d 100%);padding-block:clamp(66px,7vw,98px) clamp(78px,8vw,116px)}.home-hero:before{opacity:.22;background-image:linear-gradient(#ffffff12 1px,#0000 1px),linear-gradient(90deg,#ffffff12 1px,#0000 1px);background-size:48px 48px;-webkit-mask-image:linear-gradient(90deg,#000,#0000 82%);mask-image:linear-gradient(90deg,#000,#0000 82%)}.hero-orb-one{border-color:#5e97ff3d;top:-260px;right:-140px}.hero-orb-two{border-color:#19b6a52e}.home-hero-grid{grid-template-columns:minmax(0,.8fr) minmax(650px,1.2fr);gap:clamp(46px,5vw,84px)}.hero-copy{align-self:center}.hero-title{color:#fff;letter-spacing:-.055em;max-width:720px;font-size:clamp(48px,5.1vw,78px);font-weight:720;line-height:1.05}.hero-description{color:#bfccda;max-width:660px;margin-block:30px 34px;font-size:clamp(16px,1.45vw,19px);line-height:1.85}.hero-trust span{color:#c5d1df;font-size:12px}.hero-stage{height:clamp(650px,48vw,720px)}.hero-photo-frame{border:1px solid #ffffff38;border-radius:20px;inset:0 0 175px 54px;box-shadow:0 35px 90px #00000057}.hero-photo-frame:after{background:linear-gradient(#06172e05,#06172e7a),linear-gradient(90deg,#06172e61,#0000 42%)}.hero-photo-frame img{object-position:56% center}.hero-dashboard{z-index:3;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#ffffff17;border:1px solid #ffffff29;border-radius:18px;width:86%;padding:10px;position:absolute;bottom:0;right:-18px;overflow:hidden;box-shadow:0 30px 80px #010c1d73}.hero-dashboard .dashboard{min-height:400px}.hero-phone{z-index:5;bottom:-3px;left:0;transform:rotate(-1deg)scale(.69)}.hero-live-card{z-index:6;background:#06172ee6;border-radius:12px;width:190px;padding:18px;top:114px;bottom:auto;right:-12px}.hero-live-card strong{font-size:30px}.hero-data-chip{z-index:4;color:#fff;background:#06172ec7;border-radius:10px;min-height:44px;top:22px;left:78px}.phone-shell{background:#07182d;border:1px solid #ffffff52;border-radius:37px;width:272px;height:584px;padding:7px;box-shadow:0 30px 70px #010d1e61}.phone-top{color:#1a2b3c;background:#fff;justify-content:space-between;height:27px;padding:0 15px}.phone-top time,.phone-top i{color:#16273b;font-size:8px;font-style:normal;font-weight:750;display:block}.phone-top>span{width:76px;height:18px;top:5px;left:50%;transform:translate(-50%)}.phone-screen{background:#f4f7fb;border-radius:0 0 29px 29px;height:calc(100% - 27px)}.phone-nav{background:#fff;height:39px;padding:0 14px}.phone-nav strong{color:#172b45;font-size:10px}.phone-nav>span{color:#66768b;align-items:center;gap:5px;font-size:9px;display:flex}.phone-welcome{background:linear-gradient(130deg,#123a6d,#246bfd);min-height:74px;padding:13px 16px 11px}.phone-welcome small{color:#9fd6ff;font-size:6px}.phone-welcome strong{color:#fff;margin-top:5px;font-size:13px}.phone-welcome span{color:#cfdef2;margin-top:4px;font-size:6px}.member-card{background:radial-gradient(circle at 86% 18%,#d7a64a38,#0000 6rem),linear-gradient(135deg,#0a2342,#123a6d);border:1px solid #ffffff47;border-radius:13px;min-height:105px;margin:10px 11px 0;padding:14px}.member-card strong{color:#fff;max-width:210px;margin-top:16px;font-size:11px}.member-card span{color:#aebfd2;font-size:6px}.member-card span b{color:#8aeadc;background:#19b6a524;border-radius:3px;margin-left:7px;padding:2px 4px;font-size:5px}.phone-shortcuts{background:#fff;border-radius:11px;margin:10px 11px 0;padding:10px 8px 8px}.phone-shortcuts i{color:#246bfd;background:#edf3ff;border-radius:8px;width:28px;height:28px}.phone-status-line{background:#fff;border:1px solid #e3eaf3;border-radius:8px;justify-content:space-between;align-items:center;min-height:32px;margin:8px 11px 0;padding:0 10px;display:flex}.phone-status-line>span{align-items:center;gap:6px;display:flex}.phone-status-line i{background:#19b6a5;border-radius:50%;width:6px;height:6px;box-shadow:0 0 0 3px #19b6a51a}.phone-status-line b,.phone-status-line em{color:#607087;font-size:6px;font-style:normal}.phone-status-line em{color:#246bfd}.phone-event{background:#fff;border:1px solid #e1e9f2;border-radius:11px;gap:0;min-height:98px;margin:8px 11px 0;padding:0;overflow:hidden}.event-thumb{background-image:linear-gradient(#071b342e,#071b3485),url(../images/v140/terminal-checkin.webp);background-position:50%;background-size:cover;border-radius:0;align-self:stretch;width:82px}.event-thumb-member{background-image:linear-gradient(#071b341a,#071b3473),url(../images/v140/terminal-app.webp)}.event-thumb-giving{background-image:linear-gradient(#071b341a,#071b3473),url(../images/v140/detail-giving-hero.webp)}.event-thumb span{font-size:5px}.phone-event>div:last-child{padding:10px}.phone-event>div:last-child>small:first-child{color:#246bfd;font-size:5px;font-weight:800}.phone-event strong{color:#152941;margin-top:3px;font-size:7px;line-height:1.35}.phone-event span{color:#7b899b;margin-top:3px;font-size:5px;display:block}.phone-event button{color:#fff;background:#246bfd;border:0;border-radius:4px;margin-top:6px;padding:4px 7px;font-size:5px}.phone-bottom{background:#fff;border-top:1px solid #e3eaf3;height:42px;padding:4px 10px 3px}.phone-bottom span,.phone-bottom span:first-child{color:#8b98a9;background:0 0;border-radius:0;flex-direction:column;align-items:center;gap:2px;width:auto;height:auto;display:flex}.phone-bottom span.active{color:#246bfd}.phone-bottom small{font-size:5px}.dashboard{aspect-ratio:auto;color:#17263a;background:#f4f7fb;border:1px solid #dbe4ef;border-radius:14px;grid-template-columns:142px minmax(0,1fr);min-height:520px;overflow:hidden;box-shadow:0 24px 64px #06172e33}.dashboard aside{color:#94a8c0;background:linear-gradient(#071a34,#0b2748);align-items:stretch;gap:4px;padding:17px 11px 14px}.dash-logo{align-items:center;gap:8px;min-height:38px;margin-bottom:18px;padding:0 7px;display:flex}.dash-logo>span,.dash-logo>span:first-child{color:#fff;background:linear-gradient(135deg,#246bfd,#19b6a5);border-radius:7px;place-items:center;width:28px;height:28px;display:grid}.dash-logo strong{color:#fff;font-size:9px;line-height:1.2}.dash-nav-label{color:#627b97;letter-spacing:.12em;padding:0 8px 7px;font-size:6px;font-weight:800}.dashboard aside>i{border-radius:6px;align-items:center;gap:8px;width:100%;height:32px;padding:0 8px;font-size:7px;font-style:normal;display:flex}.dashboard aside>i span{white-space:nowrap;flex:1}.dashboard aside>i em{color:#fff;text-align:center;background:#246bfd;border-radius:7px;min-width:17px;padding:2px 4px;font-size:5px;font-style:normal}.dashboard aside>i.selected{color:#fff;background:linear-gradient(90deg,#246bfd57,#19b6a51f);box-shadow:inset 2px 0 #52d7c8}.dash-aside-foot{color:#6f88a3;border-top:1px solid #ffffff14;align-items:center;gap:6px;margin-top:auto;padding:10px 7px 0;font-size:6px;display:flex}.dash-main{padding:18px 20px 19px}.dash-head{min-height:39px}.dash-head>div:first-child{gap:4px}.dash-head small{color:#7d8ca1;font-size:6px}.dash-head strong{color:#12263f;font-size:15px}.dash-user{gap:7px}.dash-user button{color:#246bfd;background:#fff;border:1px solid #dbe4ef;border-radius:6px;min-height:29px;padding:0 11px;font-size:6px;font-weight:750}.dash-user>span:first-of-type{color:#fff;background:linear-gradient(135deg,#246bfd,#19b6a5);border-radius:50%;place-items:center;width:28px;height:28px;display:grid}.dash-user>span:last-child{background:0 0;border-radius:0;flex-direction:column;align-items:flex-start;gap:2px;width:auto;height:auto;display:flex}.dash-user b{color:#243852;font-size:7px}.dash-user small{color:#8492a5;font-size:5px}.dash-filterbar{background:#fff;border:1px solid #e0e7f0;border-radius:7px;align-items:center;gap:7px;min-height:31px;margin-top:11px;padding:0 10px;display:flex}.dash-filterbar>span{color:#54647a;background:#f5f7fa;border-radius:5px;padding:5px 7px;font-size:6px}.dash-filterbar>em{color:#7c899a;align-items:center;gap:5px;margin-left:auto;font-size:5px;font-style:normal;display:flex}.dash-filterbar>em i{background:#19b6a5;border-radius:50%;width:5px;height:5px}.dash-summary{gap:8px;margin-top:11px}.dash-summary>div{background:#fff;border:1px solid #e0e7f0;border-radius:8px;min-height:69px;padding:10px 11px;position:relative}.dash-summary small{color:#748298;font-size:6px}.dash-summary strong{color:#132942;letter-spacing:-.03em;margin-top:6px;font-size:17px}.dash-summary span{color:#0d9a83;font-size:6px}.dash-summary span.attention{color:#d18a20}.dash-summary>div>i{color:#246bfd;background:#edf3ff;border-radius:7px;place-items:center;width:25px;height:25px;display:grid;position:absolute;top:10px;right:10px}.dash-content{grid-template-columns:minmax(0,1.55fr) minmax(165px,.65fr);gap:8px;margin-top:9px}.dash-chart,.dash-side-list,.dash-table{background:#fff;border:1px solid #e0e7f0;border-radius:8px}.dash-chart,.dash-side-list{min-height:145px;padding:10px 12px}.dash-block-title strong{color:#273b55;font-size:7px}.dash-block-title small{color:#8290a3;align-items:center;gap:4px;font-size:5px;display:flex}.dash-block-title small i{background:#246bfd;border-radius:50%;width:5px;height:5px;display:inline-block}.dash-block-title small i:nth-of-type(2){background:#19b6a5;margin-left:4px}.chart-area{min-height:101px;margin-top:7px}.chart-area svg{height:90px}.chart-area .grid-line{stroke:#e8edf4}.chart-area .line{stroke:#246bfd;stroke-width:2.1px}.chart-area .line-secondary{stroke:#19b6a5;stroke-dasharray:4 3;fill:none}.chart-labels{color:#9aa6b5;font-size:5px}.chapter-row{grid-template-columns:1fr 24px;min-height:20px;font-size:6px}.chapter-row i{background:linear-gradient(90deg,#246bfd24,#19b6a52e);border-radius:4px;height:100%}.chapter-row b{color:#246bfd}.dash-table{margin-top:9px;padding:9px 11px 8px}.dash-table-head,.dash-table-row{grid-template-columns:.95fr .72fr 1.55fr .72fr .52fr;align-items:center;gap:7px;min-height:21px;display:grid}.dash-table-head{color:#8b98a9;background:#f5f7fa;margin-top:6px;font-size:5px}.dash-table-head span,.dash-table-row span{text-overflow:ellipsis;white-space:nowrap;min-width:0;padding-inline:4px;overflow:hidden}.dash-table-row{color:#4a5c73;border-bottom:1px solid #edf1f6;font-size:5px}.dash-table-row:last-child{border-bottom:0}.dash-table-row .status{color:#0c8e7a;background:#e6f8f4;border-radius:5px;width:max-content;padding:3px 5px}.portal-preview,.checkin-preview,.api-preview{border:1px solid #dce5ef;border-radius:14px;box-shadow:0 26px 70px #03132a38}.portal-preview{background:#f4f7fb;min-height:470px}.portal-browser{background:#edf1f6;height:30px}.portal-nav{color:#52627a;gap:24px;min-height:58px;padding-inline:24px;font-size:8px}.portal-nav>div strong{color:#12304f;font-size:10px}.portal-nav>b{background:#246bfd;border-radius:5px;padding:8px 12px;font-size:7px}.portal-hero-ui{background:linear-gradient(90deg,#06172ef5,#0a2342d1),url(../images/hero-alumni-event.webp) 50%/cover;grid-template-columns:1fr .86fr;min-height:226px;padding:32px 38px}.portal-hero-ui strong{font-size:clamp(19px,2vw,28px)}.portal-hero-ui p{font-size:8px}.portal-hero-action{color:#fff;background:#246bfd;border-radius:5px;font-size:7px}.portal-insight{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#06172ea8;border:1px solid #ffffff29;border-radius:10px;padding:18px}.portal-insight>div{grid-template-columns:1fr auto;align-items:end;display:grid}.portal-insight>div small{color:#87a7c6;grid-column:1/-1;font-size:6px}.portal-insight>div strong{color:#fff;margin:5px 0 0;font-size:26px}.portal-insight>div span{color:#64dfcf;font-size:8px}.portal-insight p{color:#b9cadd;grid-template-columns:44px 1fr 24px;align-items:center;gap:7px;margin-top:10px;font-size:6px;display:grid}.portal-insight p i{background:#ffffff1f;border-radius:4px;height:5px;overflow:hidden}.portal-insight p b{border-radius:inherit;background:linear-gradient(90deg,#246bfd,#19b6a5);height:100%;display:block}.portal-insight p em{text-align:right;font-style:normal}.portal-insight footer{color:#a8bdd2;border-top:1px solid #ffffff1a;align-items:center;gap:6px;margin-top:13px;padding-top:10px;font-size:6px;display:flex}.portal-cards{gap:10px;padding:15px 22px 19px}.portal-cards article{border-radius:8px;padding:0 11px 11px;overflow:hidden}.portal-card-media{background-position:50%;background-size:cover;height:48px;margin:0 -11px 9px}.portal-card-event{background-image:linear-gradient(#06172e0d,#06172e59),url(../images/v140/terminal-checkin.webp)}.portal-card-chapter{background-image:linear-gradient(#06172e0d,#06172e59),url(../images/v140/detail-crm-hero.webp)}.portal-card-service{background-image:linear-gradient(#06172e0d,#06172e59),url(../images/v140/detail-member-hero.webp)}.portal-cards small,.portal-cards span{font-size:6px}.portal-cards strong{font-size:8px;line-height:1.35}.checkin-preview,.api-preview{background:#f3f6fa;min-height:460px}.checkin-head,.api-head{background:linear-gradient(90deg,#071a34,#123a6d);min-height:67px;padding-inline:24px}.checkin-head strong,.api-head strong{font-size:11px}.checkin-body{grid-template-columns:1.15fr .85fr;gap:15px;min-height:393px;padding:22px}.checkin-stats,.checkin-scan,.api-grid>aside,.api-main{border-radius:10px}.checkin-stats{padding:20px}.checkin-stats>strong{color:#123a6d;font-size:38px}.checkin-stats>strong em{color:#8b99aa;font-size:16px;font-style:normal}.checkin-stats>div{gap:5px;margin-top:17px}.checkin-stats p{background:#f8fafc;border:1px solid #e8edf4;border-radius:6px;grid-template-columns:38px 1fr 43px 46px;align-items:center;min-height:32px;padding:7px 9px;font-size:6px}.checkin-stats p em{color:#0b977f;text-align:right;font-size:5px;font-style:normal}.checkin-stats footer{gap:9px;margin-top:13px;display:flex}.checkin-stats footer span{color:#6c7c91;align-items:center;gap:4px;font-size:5px;display:flex}.checkin-stats footer i{background:#19b6a5;border-radius:50%;width:5px;height:5px}.checkin-scan{border-top:4px solid #246bfd;padding:20px}.checkin-scan>small:first-child{color:#246bfd;letter-spacing:.08em;margin:0 0 13px;font-size:6px;font-weight:800}.scan-frame{border-color:#246bfd;border-radius:10px;width:116px;height:116px;box-shadow:0 0 0 6px #246bfd14}.scan-frame>:nth-child(2n){background:#246bfd}.checkin-scan>p,.checkin-scan>em{color:#7d8a9c;font-size:6px;font-style:normal}.checkin-scan>em{border-top:1px solid #e5ebf2;margin-top:12px;padding-top:10px}.checkin-action{color:#246bfd;border-color:#cddaf1;border-radius:5px}.api-grid{min-height:393px;padding:18px}.api-summary>span,.api-grid>aside>div,.api-table>div{border-radius:6px}.api-summary>span{background:#edf3ff}.api-table span{color:#246bfd}.buyer-ribbon{border-top:1px solid #dce4ee;border-bottom:1px solid #dce4ee;grid-template-columns:repeat(4,1fr);gap:0}.buyer-ribbon article,.buyer-ribbon article.buyer-offset{min-height:236px;box-shadow:none;background:0 0;border:0;border-right:1px solid #dce4ee;border-radius:0;padding:30px 30px 32px;transform:none}.buyer-ribbon article:first-child{border-left:1px solid #dce4ee}.buyer-ribbon article:hover,.buyer-ribbon article.buyer-offset:hover{color:#fff;box-shadow:none;background:linear-gradient(145deg,#123a6d,#246bfd);transform:translateY(-6px)}.buyer-ribbon article>span{color:#9aa9ba;font-size:11px}.buyer-ribbon svg{color:#246bfd}.buyer-ribbon article:hover svg,.buyer-ribbon article:hover>span,.buyer-ribbon article:hover h3,.buyer-ribbon article:hover p{color:#fff}.buyer-ribbon h3{color:#152b45;margin-top:34px;font-size:clamp(18px,1.7vw,24px)}.buyer-ribbon p{color:#647286;margin-top:14px;font-size:14px;line-height:1.7}.lifecycle-track{border-top:1px solid #ffffff29;grid-template-columns:repeat(7,1fr)}.lifecycle-track article,.lifecycle-track article:first-child{background:0 0;border:0;border-right:1px solid #ffffff1a;border-radius:0;min-height:252px;padding:28px 18px 24px}.lifecycle-track article:first-child{border-left:1px solid #ffffff1a}.lifecycle-track article>div>span,.lifecycle-track article:nth-child(2n)>div>span,.lifecycle-track article:nth-child(4)>div>span,.lifecycle-track article:nth-child(7)>div>span{color:#66d7c8;background:0 0;width:auto;height:auto;font-size:34px;font-weight:540}.lifecycle-track p{color:#91a4ba;font-size:12px;line-height:1.65}.terminal-section:before{opacity:.28;background-image:linear-gradient(#123a6d21 1px,#0000 1px),linear-gradient(90deg,#123a6d21 1px,#0000 1px)}.terminal-tabs{border-top:1px solid #d3deea;gap:0}.terminal-tabs button{color:#647388;border:0;border-bottom:1px solid #d3deea;border-radius:0;min-height:82px}.terminal-tabs button[aria-selected=true]{color:#102841;background:#fff;border-color:#d3deea;transform:none;box-shadow:inset 4px 0 #246bfd}.terminal-tabs button>svg{color:#8290a3}.terminal-glow{background:#246bfd1c}.terminal-stage>.terminal-panel>.dashboard,.terminal-stage>.terminal-panel>.portal-preview,.terminal-stage>.terminal-panel>.checkin-preview,.terminal-stage>.terminal-panel>.api-preview{width:min(100%,780px)}.capability-bento{border-top:1px solid #dce4ee;border-left:1px solid #dce4ee;grid-template-rows:repeat(3,minmax(210px,auto));grid-template-columns:repeat(2,1fr);gap:0}.capability-card,.capability-1,.capability-4{background:#fff;border:1px solid #dce4ee;border-top:0;border-left:0;border-radius:0;grid-area:auto;min-height:220px;padding:30px 34px 34px}.capability-card:first-child,.capability-card:nth-child(4){background:linear-gradient(145deg,#f0f5ff,#f8fbff)}.capability-card:hover{z-index:2;border-color:#dce4ee;transform:translateY(-4px);box-shadow:0 24px 70px #1028411f}.capability-icon{color:#246bfd;background:#eaf0ff;border-radius:9px;width:44px;height:44px}.capability-card:nth-child(2n) .capability-icon,.capability-card:nth-child(3n) .capability-icon{color:#0d8f83;background:#e6f8f4}.capability-card p{color:#647286;max-width:520px;font-size:14px}.ops-photo{border-radius:18px;height:450px}.ops-copy h2{font-size:clamp(34px,3.5vw,54px)}.ops-copy>p:not(.eyebrow){color:#b3c2d1;font-size:16px}.ops-dashboard{border-radius:18px;padding:13px}.scenario-list a{border-bottom-color:#cfdae7;grid-template-columns:70px minmax(0,1fr) minmax(170px,.42fr) 48px;min-height:130px}.scenario-list a:hover{background:#fff}.security-layout{background:linear-gradient(135deg,#f7faff,#eef4fb);border-color:#d9e3ee;border-radius:18px}.security-core{background:linear-gradient(145deg,#123a6d,#246bfd);border-radius:18px}.security-visual>span{background:#fff;border-radius:7px}.detail-hero{color:#fff;background:radial-gradient(circle at 78% 12%,#246bfd38,#0000 29rem),linear-gradient(125deg,#06172e,#0a2342 62%,#123a6d);min-height:760px}.detail-hero-grid-bg{opacity:.13;background-image:linear-gradient(#ffffff1a 1px,#0000 1px),linear-gradient(90deg,#ffffff1a 1px,#0000 1px);background-size:48px 48px}.detail-hero:after{background:linear-gradient(90deg,#19b6a52e,#246bfd2e)}.detail-hero-copy h1{color:#fff;font-size:clamp(42px,4.4vw,68px)}.detail-hero-copy>p:not(.eyebrow){color:#bdcada;font-size:17px}.detail-proof span{color:#b8c8d9}.detail-visual>img{border:1px solid #ffffff2e;border-radius:18px;width:calc(100% - 25px);height:calc(100% - 78px);box-shadow:0 32px 80px #00000052}.detail-dashboard{width:80%;bottom:0;right:-18px}.detail-dashboard .dashboard{min-height:390px}.detail-phone{z-index:4;transform:scale(.72)}.detail-visual-chip,.scene-interface-badge{border-radius:7px}.detail-bento{border-top:1px solid #dce4ee;border-left:1px solid #dce4ee;grid-template-columns:repeat(2,1fr);grid-auto-rows:minmax(205px,auto);gap:0}.detail-feature,.detail-feature-1,.detail-feature-4{background:#fff;border:1px solid #dce4ee;border-top:0;border-left:0;border-radius:0;grid-area:auto;min-height:205px;padding:28px 32px}.detail-feature:first-child,.detail-feature:nth-child(4){background:linear-gradient(145deg,#f0f5ff,#f8fbff)}.detail-feature:hover{transform:translateY(-3px);box-shadow:0 20px 60px #1028411f}.detail-feature:nth-child(2n)>div:first-child>i{color:#0d8f83;background:#e6f8f4}.detail-feature p{color:#637287;max-width:560px;font-size:14px}.feature-mini-ui{display:none}.process-intro h2{font-size:clamp(34px,3.4vw,52px)}.scene-copy>p:not(.eyebrow){font-size:16px}.contact-shell{background:linear-gradient(135deg,#0b2a4d,#123a6d);border-radius:18px}@media (width<=1240px){.site-container{width:min(calc(100% - 48px), var(--container))}.home-hero-grid{grid-template-columns:minmax(0,.76fr) minmax(560px,1.24fr);gap:42px}.hero-title{font-size:clamp(42px,4.6vw,66px)}.hero-stage{height:650px}.hero-dashboard{width:91%}.dashboard{grid-template-columns:126px minmax(0,1fr)}.dashboard aside>i{padding-inline:6px}.terminal-stage{padding-inline:25px}}@media (width<=1060px){.site-container{width:min(calc(100% - 44px), var(--container))}.home-hero{min-height:auto}.home-hero-grid,.detail-hero-grid{grid-template-columns:1fr}.hero-copy,.detail-hero-copy{max-width:830px}.hero-title{max-width:830px;font-size:clamp(46px,7vw,72px)}.lang-en .hero-title{font-size:clamp(39px,6.3vw,64px)}.hero-stage{width:min(100%,940px);height:720px;margin-inline:auto}.hero-photo-frame{left:104px}.hero-dashboard{width:84%}.buyer-ribbon{grid-template-columns:repeat(2,1fr)}.buyer-ribbon article:nth-child(2){border-right:1px solid #dce4ee}.buyer-ribbon article:nth-child(-n+2){border-bottom:1px solid #dce4ee}.lifecycle-track{grid-template-columns:repeat(4,1fr)}.lifecycle-track article:nth-child(-n+4){border-bottom:1px solid #ffffff1a}.terminal-layout{grid-template-columns:1fr}.terminal-tabs{grid-template-columns:repeat(2,1fr);display:grid}.terminal-tabs button:nth-child(odd){border-right:1px solid #d3deea}.terminal-stage{min-height:690px}.ops-grid,.scene-grid{grid-template-columns:1fr}.ops-photo{height:520px}.ops-copy{max-width:760px}.ops-dashboard{grid-column:auto}.detail-hero{min-height:auto;padding-block:80px 100px}.detail-visual{width:min(100%,930px);min-height:650px;margin-inline:auto}.scene-copy{max-width:780px}}@media (width<=820px){.section-pad{padding-block:72px}.section-heading{grid-template-columns:1fr;gap:22px}.section-heading>p{max-width:720px}.hero-stage{height:650px}.hero-photo-frame{bottom:200px;left:66px}.hero-dashboard{width:91%}.dashboard{grid-template-columns:116px minmax(0,1fr)}.dash-main{padding:14px}.dash-user>span:last-child{display:none}.dash-table-head,.dash-table-row{grid-template-columns:.9fr .7fr 1.3fr .65fr .5fr}.capability-bento,.detail-bento{grid-template-columns:1fr}.capability-card,.capability-1,.capability-4,.detail-feature,.detail-feature-1,.detail-feature-4{min-height:190px}.ops-photo{height:440px}.scenario-list a{grid-template-columns:54px minmax(0,1fr) 42px}.scenario-list b{display:none}.detail-visual{min-height:590px}.detail-dashboard{width:87%}.scene-media,.scene-interface{min-height:600px}}@media (width<=600px){:root{--header-height:68px}.site-container{width:calc(100% - 28px)}.section-pad{padding-block:54px}.section-heading{gap:15px;margin-bottom:32px}.section-heading h2{font-size:clamp(25px,7vw,34px)}.section-heading>p{font-size:14px;line-height:1.7}.button{min-height:48px;padding-inline:18px}.home-hero{padding-block:48px 62px}.home-hero-grid{gap:42px}.hero-title,.lang-en .hero-title{font-size:clamp(31px,9.5vw,42px);line-height:1.08}.hero-description{margin-block:22px 26px;font-size:15px;line-height:1.72}.hero-trust{gap:9px 13px;margin-top:25px}.hero-trust span{font-size:10px}.hero-stage{height:520px}.hero-photo-frame{border-radius:14px;inset:0 0 188px}.hero-photo-frame img{object-position:65% center}.hero-dashboard{border-radius:11px;width:100%;padding:5px;right:0}.hero-phone{bottom:-2px;left:-6px;transform:rotate(-1deg)scale(.43)}.hero-live-card{width:138px;padding:11px;top:112px;right:8px}.hero-live-card strong{font-size:21px}.hero-data-chip{max-width:calc(100% - 20px);min-height:34px;padding-inline:10px;top:10px;left:10px}.hero-data-chip span{font-size:8px}.dashboard,.hero-dashboard .dashboard,.detail-dashboard .dashboard,.ops-dashboard .dashboard{grid-template-columns:1fr;min-height:280px}.dashboard aside{display:none}.dash-main{padding:10px}.dash-head{min-height:31px}.dash-head strong{font-size:12px}.dash-user button,.dash-user>span:first-of-type{display:none}.dash-filterbar{min-height:26px;margin-top:7px}.dash-filterbar>span:nth-child(2){display:none}.dash-summary{grid-template-columns:repeat(4,1fr);gap:5px;margin-top:7px}.dash-summary>div{min-height:53px;padding:7px}.dash-summary>div>i{display:none}.dash-summary strong{font-size:12px}.dash-content{grid-template-columns:1fr;margin-top:6px}.dash-chart{min-height:106px;padding:8px}.chart-area{min-height:74px}.chart-area svg{height:64px}.dash-side-list,.dash-table{display:none}.buyer-ribbon{grid-template-columns:1fr}.buyer-ribbon article,.buyer-ribbon article.buyer-offset{border-bottom:1px solid #dce4ee;border-right:1px solid #dce4ee;min-height:190px;padding:25px 24px}.buyer-ribbon h3{margin-top:22px}.lifecycle-track{grid-template-columns:repeat(2,1fr)}.lifecycle-track article,.lifecycle-track article:first-child{border-bottom:1px solid #ffffff1a;min-height:205px;padding:22px 14px}.lifecycle-track h3{margin-top:35px}.terminal-tabs{grid-template-columns:1fr}.terminal-tabs button,.terminal-tabs button:nth-child(odd){border-right:0;min-height:70px}.terminal-tabs p{display:none}.terminal-stage{border-radius:12px;min-height:545px;padding:48px 10px 18px}.terminal-stage>.terminal-panel>.phone-shell{transform:scale(.88)}.terminal-stage>.terminal-panel>.dashboard{min-height:310px}.terminal-stage>.terminal-panel>.portal-preview,.terminal-stage>.terminal-panel>.checkin-preview,.terminal-stage>.terminal-panel>.api-preview{width:100%}.terminal-floating-note{top:10px;right:10px}.portal-preview{min-height:420px}.portal-nav{min-height:48px;padding-inline:12px}.portal-nav>span{display:none}.portal-hero-ui{grid-template-columns:1fr .85fr;gap:10px;min-height:190px;padding:20px 17px}.portal-hero-ui strong{font-size:16px}.portal-insight{padding:10px}.portal-insight>div strong{font-size:18px}.portal-insight p{grid-template-columns:32px 1fr 18px}.portal-cards{gap:6px;padding:10px}.portal-cards article{padding-inline:6px}.portal-card-media{margin-inline:-6px}.checkin-preview,.api-preview{min-height:500px}.checkin-head,.api-head{min-height:58px;padding-inline:14px}.checkin-head>b,.api-head>b{display:none}.checkin-body{grid-template-columns:1fr;min-height:442px;padding:12px}.checkin-stats{padding:13px}.checkin-stats>div,.checkin-stats footer{display:none}.checkin-scan{padding:14px}.api-grid{grid-template-columns:.72fr 1.28fr;gap:7px;min-height:442px;padding:11px}.api-grid>aside,.api-main{padding:9px}.api-grid>aside>div{grid-template-columns:22px 1fr;padding:6px}.api-grid>aside>div>i{width:22px;height:22px}.api-grid>aside>div>b{display:none}.api-summary{grid-template-columns:1fr}.api-table>div{grid-template-columns:40px 1fr}.api-table small{display:none}.capability-card,.capability-1,.capability-4,.detail-feature,.detail-feature-1,.detail-feature-4{min-height:180px;padding:24px}.capability-card h3,.capability-1 h3,.detail-feature h3,.detail-feature-1 h3{font-size:20px}.ops-photo{border-radius:12px;height:310px}.ops-copy h2{font-size:clamp(28px,8vw,38px)}.ops-copy ul{grid-template-columns:1fr}.ops-dashboard{border-radius:11px;padding:6px}.scenario-list a{grid-template-columns:38px minmax(0,1fr) 32px;gap:8px;min-height:118px;padding-block:17px}.scenario-list p{font-size:12px}.security-layout{border-radius:12px}.detail-hero{padding-block:54px 72px}.detail-hero-grid{gap:40px}.detail-hero-copy h1{font-size:clamp(29px,8.5vw,40px)}.detail-hero-copy>p:not(.eyebrow){font-size:15px}.detail-visual{min-height:480px}.detail-visual>img{border-radius:12px;width:100%;height:calc(100% - 148px)}.detail-phone,.detail-visual-member-experience .detail-phone,.detail-visual-solutions .detail-phone,.detail-visual-platform .detail-phone,.detail-visual-event-management .detail-phone,.detail-visual-dues-and-giving .detail-phone{transform-origin:0 100%;left:-8px;right:auto;transform:scale(.43)}.detail-dashboard,.detail-visual-platform .detail-dashboard{width:94%;bottom:0;right:0}.process-grid{grid-template-columns:1fr}.process-intro h2,.scene-copy h2{font-size:clamp(27px,7.5vw,36px)}.scene-media,.scene-interface{min-height:480px}.scene-interface{border-radius:12px;padding:10px}.scene-interface>.dashboard{min-height:310px}.scene-interface>.phone-shell{transform:scale(.78)}.mobile-cta{bottom:max(12px, env(safe-area-inset-bottom))}}@media (width<=390px){.hero-stage{height:500px}.hero-phone{transform:rotate(-1deg)scale(.4)}.hero-live-card{width:128px}.dash-summary{grid-template-columns:repeat(2,1fr)}.dash-summary>div:nth-child(n+3){display:none}.terminal-stage{min-height:520px}}.detail-portal{z-index:3;width:80%;position:absolute;bottom:0;right:-18px}.detail-portal .portal-preview{min-height:390px}.terminal-floating-note{z-index:4}@media (width>=821px){.detail-dashboard,.detail-portal{background:#f4f7fb;border:1px solid #72aaec3d;border-radius:3px;bottom:auto;right:auto;overflow:hidden;transform:none;box-shadow:0 5px 16px #03102438}.detail-dashboard .dashboard{width:760px;min-height:520px;box-shadow:none;transform:scale(var(--embedded-ui-scale,.4));transform-origin:0 0;border:0;border-radius:0;position:absolute;top:0;left:0}.detail-portal .portal-preview{width:820px;min-height:470px;box-shadow:none;transform:scale(var(--embedded-ui-scale,.4));transform-origin:0 0;border:0;border-radius:0;position:absolute;top:0;left:0}.detail-visual-platform .detail-dashboard{--embedded-ui-scale:.26;width:30%;height:27%;top:39%;left:3.5%}.detail-visual-admin-console .detail-dashboard{--embedded-ui-scale:.31;width:36%;height:30%;top:39%;left:3.5%}.detail-visual-dues-and-giving .detail-dashboard{--embedded-ui-scale:.14;width:17%;height:15%;top:56%;left:40%;transform:perspective(700px)rotateX(3deg)}.detail-visual-chapter-crm .detail-dashboard{--embedded-ui-scale:.19;width:22%;height:20%;top:63%;left:75.5%;transform:perspective(700px)rotateY(-2deg)}.detail-visual-data-intelligence .detail-dashboard{--embedded-ui-scale:.64;width:74.5%;height:60%;top:11%;left:24%}.detail-visual-security-services .detail-dashboard{--embedded-ui-scale:.38;width:43.5%;height:42%;top:21%;left:55%}.detail-visual-about .detail-dashboard{--embedded-ui-scale:.5;width:59%;height:30%;top:7%;left:39%}.detail-visual-solutions .detail-portal{--embedded-ui-scale:.35;width:43.5%;height:25%;top:6%;left:55%}.detail-visual-member-experience .detail-phone,.detail-visual-platform .detail-phone,.detail-visual-event-management .detail-phone{z-index:3;transform-origin:0 0;bottom:auto;right:auto}.detail-visual-member-experience .detail-phone{top:54%;left:67.5%;transform:scale(.17)rotate(-4deg)}.detail-visual-platform .detail-phone{top:45%;left:55.5%;transform:scale(.16)rotate(-3deg)}.detail-visual-event-management .detail-phone{top:56.5%;left:29%;transform:scale(.18)rotate(-4deg)}.detail-visual-dues-and-giving .detail-phone{display:none}}@media (width<=820px){.detail-portal{border-radius:12px;width:94%;bottom:0;right:0;overflow:hidden}.detail-portal .portal-preview{min-height:310px}}@media (width>=1061px){.hero-copy{z-index:8;width:min(690px,52vw);position:relative}.hero-title{width:100%;font-size:clamp(39px,3.15vw,48px)}.lang-en .hero-title{font-size:clamp(27px,2.45vw,37px)}.hero-dashboard{width:82%;height:400px}.hero-dashboard .dashboard{transform-origin:100% 100%;width:128%;min-height:520px;transform:scale(.78)}.hero-photo-frame{bottom:240px}.hero-photo-frame img{object-position:88% center}.hero-photo-frame{display:none}.hero-stage:before{content:"";z-index:0;background:url(../images/hero-alumni-event.webp) 88%/cover no-repeat;border:1px solid #fff3;border-radius:20px;position:absolute;inset:0 0 240px 54px;box-shadow:0 35px 90px #00000057}.hero-stage:after{content:"";z-index:1;pointer-events:none;background:linear-gradient(#06172e05,#06172e7a),linear-gradient(90deg,#06172e61,#0000 42%);border-radius:20px;position:absolute;inset:0 0 240px 54px}}:root{--brand-ink:#071a33;--brand-navy:#0b2b55;--brand-blue:#176bff;--brand-blue-dark:#0d4fd2;--brand-teal:#18c7be;--brand-gold:#f2b84b;--brand-canvas:#f3f7fc;--brand-line:#dbe5f1;--brand-text:#0a1b33;--brand-muted:#5a6b82;--container:1480px;--header-height:82px}body{background:var(--brand-canvas);color:var(--brand-text);font-family:Inter,HarmonyOS Sans SC,MiSans,PingFang SC,Microsoft YaHei,sans-serif}.section-heading{grid-template-columns:minmax(0,1.35fr) minmax(340px,.65fr);gap:clamp(48px,6vw,92px);margin-bottom:clamp(44px,5vw,72px)}.section-heading h2{color:var(--brand-text);letter-spacing:-.045em;font-size:clamp(40px,3.35vw,56px);font-weight:760;line-height:1.05}.section-heading>p{max-width:520px;color:var(--brand-muted);justify-self:end;font-size:17px;line-height:1.8}.eyebrow{color:#2862b8;letter-spacing:.16em;margin-bottom:20px;font-size:12px;font-weight:760}.eyebrow>span{background:linear-gradient(90deg, var(--brand-blue), var(--brand-teal));width:38px;height:2px}.button{border-radius:12px;min-height:54px;padding-inline:26px;font-size:15px;font-weight:720}.button-primary{background:linear-gradient(135deg, #2478ff, var(--brand-blue-dark));border-color:#0000;box-shadow:0 16px 38px #176bff4d}.button-primary:hover{transform:translateY(-3px);box-shadow:0 20px 44px #176bff66}.button-quiet{color:#fff;box-shadow:none;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#071a3342;border:1px solid #ffffff75}.button-quiet:hover{background:#ffffff1f;border-color:#ffffffc7}.site-header{height:var(--header-height);-webkit-backdrop-filter:blur(24px)saturate(1.35);backdrop-filter:blur(24px)saturate(1.35);background:#fffffff5;border-bottom:1px solid #cfdbead1;box-shadow:0 8px 28px #081f420e}.header-inner{gap:44px}.brand-link{min-width:244px}.brand-mark{background:radial-gradient(circle at 70% 20%,#4cb0ffb3,#0000 38%),linear-gradient(145deg,#176bff,#083c95);border-radius:14px;width:48px;height:48px;position:relative;overflow:hidden;box-shadow:0 12px 28px #104eb542}.brand-mark:after{content:"";border:1px solid #ffffff38;border-radius:11px;position:absolute;inset:4px}.brand-copy strong{color:var(--brand-text);font-size:17px;font-weight:760}.brand-copy>span{color:#62738a;letter-spacing:.22em;margin-top:4px;font-size:9px}.desktop-nav{gap:clamp(18px,2.1vw,34px)}.desktop-nav>a,.nav-cluster>a{color:#3b4c63;font-size:14px;font-weight:680}.desktop-nav>a:after,.nav-cluster>a:after{background:linear-gradient(90deg, var(--brand-blue), var(--brand-teal));border-radius:4px 4px 0 0;height:3px;bottom:-1px}.language-switch{color:#405169;min-height:44px;font-size:13px}.header-actions .button-small{min-height:48px;padding-inline:22px}.home-hero{isolation:isolate;color:#fff;background:var(--brand-ink);min-height:860px;padding:70px 0 28px;display:block;position:relative;overflow:hidden}.home-hero:before,.home-hero:after,.hero-stage:before,.hero-stage:after{content:none!important;display:none!important}.hero-orb,.hero-photo-frame{display:none!important}.hero-scene,.hero-scene-wash{pointer-events:none;position:absolute;inset:0}.hero-scene img{object-fit:cover;object-position:62% 46%;filter:saturate(.94)contrast(1.04);width:100%;max-width:none;height:100%;transform:scale(1.01)}.hero-scene-wash{z-index:-2;background:linear-gradient(90deg,#041226f7 0%,#051934eb 28%,#061d3b91 53%,#0516303d 74%,#04112561 100%),linear-gradient(#06183238 0%,#06183214 50%,#051329db 100%)}.home-hero-grid{z-index:2;grid-template-columns:minmax(500px,.76fr) minmax(720px,1.24fr);align-items:center;gap:clamp(52px,5.4vw,88px);min-height:650px;position:relative}.hero-copy{z-index:10;align-self:center;width:auto;max-width:610px;position:relative}.hero-copy .eyebrow{color:#7be1d8;text-shadow:0 1px 14px #0000004d}.hero-title{color:#fff;letter-spacing:-.055em;text-shadow:0 8px 38px #00000047;width:100%;max-width:none;font-size:clamp(48px,3.55vw,64px);font-weight:790;line-height:1.06}.lang-en .hero-title{letter-spacing:-.05em;font-size:clamp(43px,3.2vw,58px)}.hero-description{color:#e8f1fce0;text-shadow:0 3px 18px #00000040;max-width:600px;margin-block:28px 32px;font-size:clamp(17px,1.25vw,20px);line-height:1.78}.hero-trust{gap:12px 24px;margin-top:30px}.hero-trust span{color:#eaf2fbe6;font-size:13px;font-weight:620}.hero-stage{align-self:center;width:100%;height:650px;position:relative}.hero-workspace{z-index:3;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#f4f8fdf2;border:1px solid #ffffff8c;border-radius:24px;padding:7px;position:absolute;inset:238px 0 10px 84px;overflow:hidden;box-shadow:0 38px 100px #010c1f8f,0 0 0 1px #0f408329}.hero-workspace-bar{color:#54657b;background:#ffffffe6;border-bottom:1px solid #dbe4ef;grid-template-columns:1fr auto 1fr;align-items:center;height:44px;padding:0 14px;display:grid}.hero-workspace-bar>span{gap:6px;display:flex}.hero-workspace-bar>span i{background:#bfcbd9;border-radius:50%;width:8px;height:8px}.hero-workspace-bar>span i:first-child{background:#ff776f}.hero-workspace-bar>span i:nth-child(2){background:#f3bd4f}.hero-workspace-bar>span i:nth-child(3){background:#29c6a8}.hero-workspace-bar strong{color:#21364f;font-size:12px;font-weight:760}.hero-workspace-bar em{color:#63748a;justify-self:end;align-items:center;gap:7px;font-size:10px;font-style:normal;display:flex}.hero-workspace-bar em b{background:#18b99a;border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 4px #18b99a1f}.hero-dashboard{z-index:auto;width:100%;height:calc(100% - 44px);box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;background:#f2f6fb;border:0;border-radius:0 0 17px 17px;padding:0;position:relative;inset:auto;overflow:hidden}.hero-dashboard .dashboard{width:100%;min-height:100%;box-shadow:none;border:0;border-radius:0;transform:none}.hero-phone{z-index:7;transform-origin:0 100%;filter:drop-shadow(0 32px 38px #010c1f66);bottom:-10px;left:0;transform:rotate(-1.4deg)scale(.58)}.hero-live-card{z-index:8;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#071a33eb;border:1px solid #ffffff52;border-radius:16px;width:194px;padding:19px 20px;top:208px;bottom:auto;right:30px;box-shadow:0 24px 58px #020e2359}.hero-live-card strong{letter-spacing:-.04em;margin-top:8px;font-size:32px}.hero-live-card em{color:#8ba0b8}.hero-data-chip{z-index:8;color:#fff;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#071a33d6;border-color:#ffffff59;border-radius:13px;max-width:305px;min-height:46px;top:210px;left:28px;box-shadow:0 18px 44px #020e2347}.hero-data-chip span{font-size:11px}.hero-task-card{z-index:9;width:205px;color:var(--brand-text);background:#fffffff7;border:1px solid #dae5f2f5;border-radius:16px;padding:16px 18px 15px;position:absolute;bottom:34px;right:-18px;box-shadow:0 24px 54px #02143038}.hero-task-card>div{color:#50637a;align-items:center;gap:8px;font-size:11px;font-weight:690;display:flex}.hero-task-card>div svg{color:var(--brand-blue)}.hero-task-card>strong{color:#0d2747;margin-top:9px;font-size:29px;line-height:1;display:block}.hero-task-card>small{color:#7c8da1;margin-top:5px;font-size:9px;display:block}.hero-task-card>i{background:#e7eef6;border-radius:4px;height:4px;margin-top:12px;display:block;overflow:hidden}.hero-task-card>i span{background:linear-gradient(90deg, var(--brand-blue), var(--brand-teal));border-radius:4px;height:100%;display:block}.hero-proof-bar{z-index:10;min-height:94px;color:var(--brand-text);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#fffffff0;border:1px solid #ffffff61;border-radius:18px;grid-template-columns:minmax(260px,.82fr) minmax(650px,1.18fr);align-items:center;gap:30px;padding:16px 22px 16px 28px;display:grid;position:relative;box-shadow:0 24px 60px #010d2040}.hero-proof-bar>p{color:#41556d;font-size:14px;font-weight:650}.hero-proof-bar>div{grid-template-columns:repeat(4,1fr);display:grid}.hero-proof-bar>div>span{border-left:1px solid #dce5f0;flex-direction:column;justify-content:center;min-height:54px;padding-inline:24px;display:flex}.hero-proof-bar strong{color:#0b315f;letter-spacing:-.03em;font-size:19px;font-weight:780}.hero-proof-bar small{color:#718197;margin-top:4px;font-size:10px}.buyer-ribbon{border:1px solid var(--brand-line);background:#f7faff;border-radius:26px;grid-template-columns:repeat(4,1fr);gap:12px;padding:10px}.buyer-ribbon article,.buyer-ribbon article.buyer-offset{background:#fff;border:1px solid #0000;border-radius:18px;min-height:245px;padding:28px 28px 30px;transform:none;box-shadow:0 10px 30px #0e2f5b0b}.buyer-ribbon article:before{content:"";background:linear-gradient(90deg, var(--brand-blue), var(--brand-teal));opacity:0;border-radius:18px 18px 0 0;height:3px;transition:opacity .25s;position:absolute;inset:0 0 auto}.buyer-ribbon article:hover,.buyer-ribbon article.buyer-offset:hover{color:var(--brand-text);background:#fff;border-color:#cfe0f4;transform:translateY(-5px);box-shadow:0 24px 54px #0e2f5b1f}.buyer-ribbon article:hover:before{opacity:1}.buyer-ribbon article>span,.buyer-ribbon article:hover>span{color:#91a0b3;font-size:11px}.buyer-ribbon svg,.buyer-ribbon article:hover svg{color:var(--brand-blue)}.buyer-ribbon h3,.buyer-ribbon article:hover h3{color:var(--brand-text);margin-top:35px;font-size:clamp(20px,1.65vw,25px)}.buyer-ribbon p,.buyer-ribbon article:hover p{color:var(--brand-muted);margin-top:14px;font-size:14px;line-height:1.72}.lifecycle-section{color:#fff;background:radial-gradient(circle at 84% 14%,#227eff42,#0000 28rem),radial-gradient(circle at 12% 100%,#18c7be21,#0000 25rem),linear-gradient(135deg,#06172f,#092b53 65%,#0b376a)}.lifecycle-section .section-heading h2{color:#fff}.lifecycle-section .section-heading>p{color:#adbed2}.lifecycle-section .eyebrow{color:#72ddd4}.lifecycle-track{border:0;grid-template-columns:repeat(7,1fr);position:relative}.lifecycle-track:before{content:"";background:linear-gradient(90deg, var(--brand-teal), var(--brand-blue), #ffffff2e);height:2px;position:absolute;top:41px;left:5.5%;right:5.5%}.lifecycle-track article,.lifecycle-track article:first-child{background:0 0;border:0;min-height:230px;padding:16px 16px 12px}.lifecycle-track article>div{z-index:2;position:relative}.lifecycle-track article>div>span,.lifecycle-track article:nth-child(2n)>div>span,.lifecycle-track article:nth-child(4)>div>span,.lifecycle-track article:nth-child(7)>div>span{color:#fff;background:#082547eb;border:1px solid #ffffff42;border-radius:16px;place-items:center;width:54px;height:54px;font-size:15px;font-weight:750;display:grid;box-shadow:0 12px 28px #0000002e,inset 0 0 0 5px #ffffff06}.lifecycle-track article:first-child>div>span{background:linear-gradient(145deg,#0d8f8a,#08635f);border-color:#18c7bea6}.lifecycle-track article>div>i{display:none}.lifecycle-track h3{color:#fff;margin-top:38px;font-size:18px}.lifecycle-track p{color:#9eb0c6;margin-top:10px;font-size:12px;line-height:1.7}.terminal-section{color:var(--brand-text);background:radial-gradient(circle at 88% 8%, #176bff17, transparent 34rem), var(--brand-canvas)}.terminal-section:before{opacity:.13;background-image:linear-gradient(#1c51941f 1px,#0000 1px),linear-gradient(90deg,#1c51941f 1px,#0000 1px);background-size:48px 48px}.terminal-section .section-heading-light h2{color:var(--brand-text)}.terminal-section .section-heading-light>p{color:var(--brand-muted)}.terminal-layout{grid-template-columns:minmax(360px,.7fr) minmax(0,1.3fr);gap:clamp(36px,5vw,72px)}.terminal-tabs{border:1px solid var(--brand-line);background:#ffffffb8;border-radius:22px;align-self:stretch;gap:4px;padding:8px}.terminal-tabs button{color:#62748a;background:0 0;border:1px solid #0000;border-radius:14px;min-height:86px;padding:14px 16px}.terminal-tabs button[aria-selected=true]{color:var(--brand-text);box-shadow:0 14px 34px #0e2f5b1a, inset 4px 0 var(--brand-blue);background:#fff;border-color:#d3e1f2}.terminal-tabs button[aria-selected=true]>span{color:var(--brand-blue)}.terminal-tabs h3{font-size:17px}.terminal-tabs p{color:#73849a;font-size:11px}.terminal-stage{background:radial-gradient(circle at 70% 18%,#2576ff21,#0000 22rem),linear-gradient(145deg,#fff,#eaf1f9);border:1px solid #cfdded;border-radius:26px;min-height:680px;padding:58px 42px 42px;box-shadow:0 34px 90px #0d2b5224}.terminal-stage>.terminal-panel>.dashboard,.terminal-stage>.terminal-panel>.portal-preview,.terminal-stage>.terminal-panel>.checkin-preview,.terminal-stage>.terminal-panel>.api-preview{width:min(100%,900px);box-shadow:0 30px 70px #0c294e33}.terminal-stage>.terminal-panel>.phone-shell{transform:scale(1.03)}.terminal-floating-note{color:#52657d;background:#fffffff0;border-color:#d7e2ef;border-radius:11px;min-height:38px;top:20px;right:22px}.terminal-floating-note svg{color:var(--brand-gold)}.capability-bento{border:0;grid-template-rows:repeat(2,minmax(260px,auto));grid-template-columns:repeat(12,1fr);gap:16px}.capability-card,.capability-1,.capability-4{border:1px solid var(--brand-line);background:#fff;border-radius:22px;min-height:260px;padding:32px 34px;box-shadow:0 12px 34px #0d2b520b}.capability-card:first-child{background:radial-gradient(circle at 88% 20%,#176bff29,#0000 15rem),linear-gradient(145deg,#edf4ff,#fff);grid-column:span 7}.capability-card:nth-child(2){grid-column:span 5}.capability-card:nth-child(3){grid-column:span 4}.capability-card:nth-child(4){color:#fff;background:radial-gradient(circle at 90% 15%,#18c7be38,#0000 12rem),linear-gradient(145deg,#0b2d56,#0b4a75);border-color:#0000;grid-column:span 5}.capability-card:nth-child(5){grid-column:span 3}.capability-card:nth-child(6){grid-column:span 4}.capability-card:hover{border-color:#bfcfe3;transform:translateY(-5px);box-shadow:0 26px 64px #0d2b5221}.capability-icon{width:48px;height:48px;color:var(--brand-blue);background:#e7f0ff;border-radius:14px}.capability-card:nth-child(4) .capability-icon{color:#7ce6dc;background:#ffffff1a}.capability-card h3,.capability-1 h3{color:var(--brand-text);margin-top:28px;font-size:clamp(21px,1.8vw,28px)}.capability-card:nth-child(4) h3,.capability-card:nth-child(4) p,.capability-card:nth-child(4) b{color:#fff}.capability-card p{max-width:560px;color:var(--brand-muted);font-size:14px;line-height:1.75}.ops-grid{grid-template-columns:minmax(0,.88fr) minmax(0,1.12fr);gap:40px clamp(54px,6vw,92px)}.ops-photo{border:1px solid #ffffff24;border-radius:24px;height:480px;box-shadow:0 32px 76px #00000047}.ops-photo:after{background:linear-gradient(#0000 46%,#031124c2)}.ops-copy h2{max-width:700px;font-size:clamp(38px,3.5vw,56px);line-height:1.08}.ops-copy>p:not(.eyebrow){color:#b9c8d9;font-size:17px;line-height:1.8}.ops-copy li{font-size:14px}.ops-dashboard{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#ffffff14;border:1px solid #fff3;border-radius:24px;grid-column:1/-1;width:min(100%,1240px);margin:18px auto 0;padding:12px;box-shadow:0 34px 90px #00000057}.ops-dashboard .dashboard{min-height:650px}.scenario-list{border-top:1px solid #cbd9e8}.scenario-list a{border-bottom-color:#cbd9e8;grid-template-columns:72px minmax(0,1fr) minmax(190px,.42fr) 48px;min-height:138px;padding-inline:18px}.scenario-list a:hover{background:#fff;padding-inline:28px 18px;box-shadow:0 18px 54px #0d2b5214}.scenario-list>a>span,.scenario-list h3{color:var(--brand-text)}.scenario-list h3{font-size:clamp(21px,1.7vw,27px)}.scenario-list b{color:var(--brand-blue-dark);background:#e5efff}.security-layout{background:radial-gradient(circle at 78% 22%,#176bff1c,#0000 21rem),linear-gradient(135deg,#f8fbff,#edf4fb);border:1px solid #d4e0ed;border-radius:28px;padding:clamp(46px,5vw,74px);box-shadow:0 26px 74px #0d2b5214}.security-core{background:linear-gradient(145deg, #0b2b55, var(--brand-blue));border-radius:22px;box-shadow:0 25px 60px #176bff3d}.security-visual>span{color:#37506c;background:#fff;border:1px solid #d6e3f0;border-radius:10px;box-shadow:0 11px 30px #0d2b5217}.detail-hero{color:#fff;background:radial-gradient(circle at 82% 10%,#237dff3d,#0000 31rem),linear-gradient(128deg,#05162e,#09294e 66%,#0b3869);min-height:800px;overflow:hidden}.detail-hero-grid-bg{opacity:.09;background-size:56px 56px}.detail-hero-grid{grid-template-columns:minmax(500px,.76fr) minmax(720px,1.24fr);gap:clamp(54px,5.5vw,88px)}.detail-hero-copy h1{color:#fff;letter-spacing:-.05em;font-size:clamp(43px,3.7vw,62px);font-weight:780;line-height:1.06}.detail-proof span{color:#c8d5e4;font-size:13px}.detail-visual{min-height:620px}.detail-visual>img{object-position:center;border:1px solid #ffffff40;border-radius:24px;width:100%;height:76%;box-shadow:0 34px 90px #0000005c}.detail-visual-chip,.scene-interface-badge{border-radius:11px;min-height:39px;box-shadow:0 14px 34px #03142f38}.detail-bento{border:0;grid-template-columns:repeat(12,1fr);gap:14px}.detail-feature,.detail-feature-1,.detail-feature-4{border:1px solid var(--brand-line);background:#fff;border-radius:20px;grid-column:span 4;min-height:230px;padding:30px 32px;box-shadow:0 10px 34px #0d2b520b}.detail-feature:first-child,.detail-feature:nth-child(4){background:radial-gradient(circle at 90% 10%,#176bff1f,#0000 12rem),#f5f9ff}.detail-feature:hover{border-color:#bfd0e4;transform:translateY(-4px);box-shadow:0 24px 58px #0d2b521f}.detail-feature>div:first-child>i{color:var(--brand-blue);background:#e6f0ff;border-radius:12px}.detail-feature h3,.detail-feature-1 h3{color:var(--brand-text);font-size:clamp(20px,1.75vw,26px)}.detail-feature p{color:var(--brand-muted);font-size:14px;line-height:1.75}.detail-process{background:radial-gradient(circle at 80% 10%,#176bff2e,#0000 29rem),linear-gradient(145deg,#06172f,#0a2f59)}.process-steps article>span{background:linear-gradient(145deg, var(--brand-blue), #0b8d96);border-radius:12px}.scene-grid{grid-template-columns:minmax(0,1.2fr) minmax(390px,.8fr);gap:clamp(58px,7vw,108px)}.scene-media{min-height:700px}.scene-interface{background:radial-gradient(circle at 80% 12%,#176bff1f,#0000 20rem),linear-gradient(145deg,#fff,#eaf1f8);border:1px solid #d1deec;border-radius:26px;min-height:680px;padding:30px;box-shadow:0 32px 86px #0d2b5224}.scene-interface>.dashboard,.scene-interface>.portal-preview,.scene-interface>.checkin-preview,.scene-interface>.api-preview{width:min(100%,920px)}.scene-copy h2{color:var(--brand-text);font-size:clamp(36px,3.1vw,50px)}.scene-copy>p:not(.eyebrow){color:var(--brand-muted);font-size:17px;line-height:1.8}@media (width>=821px){.detail-visual .detail-dashboard,.detail-visual-platform .detail-dashboard,.detail-visual-admin-console .detail-dashboard,.detail-visual-dues-and-giving .detail-dashboard,.detail-visual-chapter-crm .detail-dashboard,.detail-visual-data-intelligence .detail-dashboard,.detail-visual-security-services .detail-dashboard,.detail-visual-about .detail-dashboard{background:#f2f7fd;border:7px solid #f2f7fdfa;border-radius:18px;width:79%;height:410px;inset:auto -12px 0 auto;overflow:hidden;transform:none;box-shadow:0 28px 70px #020f2466}.detail-visual .detail-dashboard .dashboard{width:100%;min-height:400px;box-shadow:none;border:0;border-radius:11px;position:relative;inset:auto;transform:none}.detail-visual .detail-phone,.detail-visual-member-experience .detail-phone,.detail-visual-platform .detail-phone,.detail-visual-event-management .detail-phone,.detail-visual-dues-and-giving .detail-phone{z-index:5;transform-origin:0 100%;display:block;inset:auto auto -18px 0;transform:scale(.58)rotate(-1.5deg)}.detail-visual-member-experience .detail-phone{left:6%;transform:scale(.72)rotate(-1.2deg)}.detail-visual-solutions .detail-portal,.detail-visual .detail-portal{background:#f2f7fd;border:7px solid #f2f7fdfa;border-radius:18px;width:84%;height:410px;inset:auto -12px 0 auto;overflow:hidden;transform:none;box-shadow:0 28px 70px #020f2466}.detail-visual .detail-portal .portal-preview{width:100%;min-height:400px;box-shadow:none;border:0;border-radius:11px;position:relative;inset:auto;transform:none}}.contact-section{background:#05162d}.contact-shell{background:radial-gradient(circle at 90% 10%,#18c7be2e,#0000 23rem),linear-gradient(135deg,#0a2b53,#0b3b70);border:1px solid #ffffff2b;border-radius:26px;box-shadow:0 34px 92px #00000040}.lead-form{border-radius:20px}.site-footer{background:#031124}@media (width<=1280px){:root{--container:1180px}.site-container{width:min(calc(100% - 48px), var(--container))}.brand-link{min-width:215px}.desktop-nav{gap:17px}.desktop-nav>a,.nav-cluster>a{font-size:13px}.home-hero-grid,.detail-hero-grid{grid-template-columns:minmax(420px,.72fr) minmax(610px,1.28fr);gap:40px}.hero-title{font-size:clamp(43px,4.2vw,56px)}.lang-en .hero-title{font-size:clamp(36px,3.65vw,49px)}.hero-workspace{left:60px}.hero-task-card{right:-6px}.hero-proof-bar{grid-template-columns:minmax(220px,.7fr) minmax(600px,1.3fr)}.hero-proof-bar>div>span{padding-inline:18px}.detail-hero-copy h1{font-size:clamp(36px,3.5vw,50px)}}@media (width<=1060px){:root{--header-height:72px}.site-container{width:min(calc(100% - 44px), var(--container))}.brand-link{min-width:0}.home-hero{min-height:auto;padding-top:68px}.home-hero-grid,.detail-hero-grid{grid-template-columns:1fr;gap:44px}.hero-copy,.detail-hero-copy{width:100%;max-width:860px}.hero-title{font-size:clamp(43px,7vw,66px)}.lang-en .hero-title{font-size:clamp(37px,6vw,58px)}.hero-stage{width:min(100%,920px);height:650px;margin-inline:auto}.hero-workspace{inset:74px 0 14px 92px}.hero-proof-bar{grid-template-columns:1fr;gap:14px;margin-top:18px}.hero-proof-bar>p{padding-inline:12px}.hero-proof-bar>div>span:first-child{border-left:0}.section-heading{grid-template-columns:1fr;gap:20px}.section-heading>p{justify-self:start;max-width:720px}.buyer-ribbon{grid-template-columns:repeat(2,1fr)}.lifecycle-track{grid-template-columns:repeat(4,1fr);row-gap:24px}.lifecycle-track:before{display:none}.terminal-layout{grid-template-columns:1fr}.terminal-tabs{grid-template-columns:repeat(2,1fr)}.terminal-tabs button:last-child{grid-column:1/-1}.terminal-stage{min-height:620px}.capability-bento{grid-template-rows:none;grid-template-columns:repeat(2,1fr)}.capability-card,.capability-card:nth-child(n){grid-column:span 1}.ops-grid{gap:34px 42px}.ops-photo{height:380px}.ops-dashboard .dashboard{min-height:520px}.detail-hero{min-height:auto;padding-block:62px 82px}.detail-visual{width:min(100%,920px);min-height:610px;margin-inline:auto}.detail-feature,.detail-feature-1,.detail-feature-4{grid-column:span 6}.scene-grid{grid-template-columns:1fr}}@media (width<=720px){:root{--header-height:64px}.site-container{width:min(calc(100% - 32px), var(--container))}.section-pad{padding-block:66px}.brand-mark{border-radius:12px;width:40px;height:40px}.brand-copy strong{font-size:14px}.brand-copy>span{font-size:7px}.home-hero{padding:44px 0 24px}.hero-scene img{object-position:67% 22%}.hero-scene-wash{background:linear-gradient(#041125f0 0%,#051831de 40%,#041227f2 100%),linear-gradient(90deg,#04122694,#04122638)}.home-hero-grid{gap:24px;min-height:auto}.hero-copy .eyebrow{letter-spacing:.12em;margin-bottom:15px;font-size:9px}.hero-title,.lang-en .hero-title{letter-spacing:-.045em;font-size:clamp(27px,8.4vw,34px);line-height:1.08}.hero-description{margin-block:20px 24px;font-size:15px;line-height:1.7}.hero-copy .action-row{gap:10px}.hero-copy .button{min-height:48px;padding-inline:17px;font-size:13px}.hero-trust{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 8px;margin-top:23px;display:grid}.hero-trust span{font-size:10px}.hero-stage{height:520px;overflow:hidden}.hero-workspace{opacity:.72;border-radius:18px;inset:82px -190px 20px 42px}.hero-workspace-bar{height:36px}.hero-workspace-bar strong,.hero-workspace-bar em{display:none}.hero-dashboard{height:calc(100% - 36px)}.hero-dashboard .dashboard{min-height:410px}.hero-phone{transform-origin:bottom;bottom:-2px;left:50%;transform:translate(-50%)scale(.72)rotate(-.8deg)}.hero-live-card{border-radius:12px;width:132px;padding:13px;top:38px;right:2px}.hero-live-card strong{font-size:23px}.hero-live-card small,.hero-live-card em{font-size:8px}.hero-data-chip{max-width:170px;min-height:38px;padding-inline:11px;top:25px;left:0}.hero-data-chip span{max-width:132px;font-size:8px}.hero-task-card{display:none}.hero-proof-bar{border-radius:15px;gap:13px;min-height:0;padding:17px}.hero-proof-bar>p{padding-inline:0;font-size:12px}.hero-proof-bar>div{grid-template-columns:repeat(2,1fr)}.hero-proof-bar>div>span{border-top:1px solid #e0e8f2;min-height:48px;padding:8px 12px}.hero-proof-bar>div>span:nth-child(odd){border-left:0}.hero-proof-bar strong{font-size:16px}.section-heading{margin-bottom:34px}.section-heading h2{font-size:clamp(27px,8vw,36px)}.section-heading>p{font-size:14px;line-height:1.7}.buyer-ribbon{border-radius:20px;grid-template-columns:1fr;padding:7px}.buyer-ribbon article,.buyer-ribbon article.buyer-offset{min-height:188px;padding:24px}.buyer-ribbon h3{margin-top:25px}.lifecycle-track{grid-template-columns:repeat(2,1fr);gap:8px}.lifecycle-track article,.lifecycle-track article:first-child{min-height:195px;padding:12px}.lifecycle-track h3{margin-top:24px}.terminal-tabs{padding:6px}.terminal-tabs button{min-height:76px;padding:11px}.terminal-tabs p,.terminal-tabs small,.terminal-tabs button>svg{display:none}.terminal-stage{border-radius:18px;min-height:530px;padding:54px 10px 18px}.terminal-stage>.terminal-panel>.phone-shell{transform:scale(.78)}.capability-bento{grid-template-columns:1fr;gap:12px}.capability-card,.capability-card:nth-child(n){grid-column:1;min-height:218px;padding:26px}.ops-grid{grid-template-columns:1fr;gap:28px}.ops-photo{border-radius:18px;height:310px}.ops-copy h2{font-size:clamp(28px,8vw,37px)}.ops-copy>p:not(.eyebrow){font-size:15px}.ops-dashboard{border-radius:15px;grid-column:1;padding:6px}.ops-dashboard .dashboard{min-height:390px}.scenario-list a{grid-template-columns:36px minmax(0,1fr) 28px;min-height:116px;padding-inline:4px}.scenario-list a:hover{padding-inline:8px 4px}.security-layout{border-radius:20px;padding:30px 22px}.detail-hero{padding-block:46px 64px}.detail-hero-copy h1{font-size:clamp(28px,8.5vw,38px)}.detail-hero-copy>p:not(.eyebrow){font-size:15px}.detail-visual{min-height:510px}.detail-visual>img{border-radius:17px;height:58%}.detail-feature,.detail-feature-1,.detail-feature-4{grid-column:1/-1;min-height:205px;padding:24px}.scene-media,.scene-interface{min-height:500px}.scene-interface{border-radius:18px;padding:10px}.scene-copy h2{font-size:clamp(28px,8vw,38px)}.contact-shell{border-radius:20px}}@media (width<=390px){.hero-stage{height:500px}.hero-phone{transform:translate(-50%)scale(.67)rotate(-.8deg)}.hero-live-card{width:122px}.hero-data-chip{max-width:154px}}@media (prefers-reduced-motion:reduce){.hero-scene img,.hero-stage,.capability-card,.buyer-ribbon article,.scenario-list a{transform:none;transition:none!important;animation:none!important}}.home-hero{min-height:780px;padding:0}.home-hero-grid{grid-template-columns:minmax(500px,660px) minmax(0,1fr);gap:0;min-height:780px}.hero-copy{max-width:660px}.hero-title{font-size:clamp(52px,3.8vw,70px)}.hero-description{max-width:640px}.hero-proof-section{background:#fff;padding-top:28px}.hero-proof-section .hero-proof-bar{border-color:var(--brand-line);-webkit-backdrop-filter:none;backdrop-filter:none;background:#fff;margin-top:0;box-shadow:0 18px 44px #0f2f5617}@media (width<=1280px){.home-hero-grid{grid-template-columns:minmax(420px,610px) minmax(0,1fr)}}@media (width<=1060px){.home-hero{min-height:680px;padding:0}.home-hero-grid{grid-template-columns:1fr;min-height:680px}.hero-copy{max-width:650px}.hero-scene img{object-position:64% center}.hero-proof-section{padding-top:22px}}@media (width<=720px){.home-hero{min-height:0;padding:68px 0 64px}.home-hero-grid{min-height:0}.hero-copy{max-width:100%}.hero-scene img{object-position:66% center}.hero-proof-section{padding-top:16px}.hero-proof-section .hero-proof-bar{margin-top:0}}.hero-product-stage{isolation:isolate;background:radial-gradient(circle at 54% 46%,#1f71ff38,#0000 23rem),radial-gradient(circle at 78% 74%,#18c7be24,#0000 16rem);height:650px;overflow:visible}.hero-sync-rail{z-index:8;color:#fff;-webkit-backdrop-filter:blur(18px)saturate(1.2);backdrop-filter:blur(18px)saturate(1.2);background:#051831e6;border:1px solid #96c4ff6b;border-radius:15px;grid-template-columns:36px minmax(0,1fr) auto;align-items:center;gap:10px;width:352px;min-height:52px;padding:8px 12px 8px 9px;display:grid;position:absolute;top:8px;left:104px;box-shadow:0 18px 44px #000a1e57}.hero-sync-rail>span{color:#87e5dc;background:linear-gradient(145deg,#18c7be3d,#176bff38);border-radius:10px;place-items:center;width:36px;height:36px;display:grid}.hero-sync-rail>div{flex-direction:column;gap:3px;min-width:0;display:flex}.hero-sync-rail strong{white-space:nowrap;font-size:12px;font-weight:760}.hero-sync-rail small{color:#9fb1c7;text-overflow:ellipsis;white-space:nowrap;font-size:9px;overflow:hidden}.hero-sync-rail em{color:#81dcd3;letter-spacing:.08em;align-items:center;gap:6px;font-size:8px;font-style:normal;font-weight:800;display:inline-flex}.hero-sync-rail em i,.hero-console-user>span i,.hero-console-event>div:first-child>span i,.hero-checkin-screen header span i{background:#2ce1ac;border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 4px #2ce1ac21}.hero-console{z-index:3;color:#13253d;background:#f5f8fc;border:1px solid #dbe7f7f5;border-radius:20px;height:510px;position:absolute;top:56px;left:76px;right:0;overflow:hidden;box-shadow:0 42px 100px #010c1f8f,0 0 0 1px #ffffff75,0 0 64px #216cff2e}.hero-console-topbar{background:#fffffffa;border-bottom:1px solid #dce6f2;grid-template-columns:minmax(168px,.7fr) minmax(180px,1fr) auto;align-items:center;gap:14px;height:56px;padding:0 16px;display:grid}.hero-console-brand,.hero-console-user,.hero-console-search,.hero-console-brand>div{align-items:center;display:flex}.hero-console-brand{gap:9px;min-width:0}.hero-console-brand>span{color:#fff;background:linear-gradient(145deg,#2477ff,#0c459f);border-radius:10px;flex:none;place-items:center;width:34px;height:34px;display:grid;box-shadow:0 8px 18px #176bff3d}.hero-console-brand>div{flex-direction:column;align-items:flex-start;gap:2px;min-width:0}.hero-console-brand strong{color:#102743;text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:11px;overflow:hidden}.hero-console-brand small{color:#7b8aa0;letter-spacing:.16em;font-size:7px;font-weight:800}.hero-console-search{color:#8795a8;background:#f5f8fc;border:1px solid #dee7f1;border-radius:9px;gap:8px;min-width:0;height:34px;padding:0 10px}.hero-console-search span{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-size:9px;overflow:hidden}.hero-console-search kbd{color:#758499;background:#fff;border:1px solid #d8e1ec;border-radius:5px;padding:3px 5px;font-family:inherit;font-size:7px}.hero-console-user{justify-content:flex-end;gap:8px}.hero-console-user>span{color:#4e627a;white-space:nowrap;align-items:center;gap:6px;font-size:8px;display:inline-flex}.hero-console-user>span i{width:6px;height:6px;box-shadow:0 0 0 3px #2ce1ac1f}.hero-console-user button{color:#60738a;background:#f8fafd;border:1px solid #dce5f0;border-radius:8px;place-items:center;width:31px;height:31px;padding:0;display:grid}.hero-console-user>div{white-space:nowrap;flex-direction:column;gap:1px;display:flex}.hero-console-user b{color:#253a55;font-size:9px}.hero-console-user small{color:#8290a3;font-size:7px}.hero-console-body{grid-template-columns:132px minmax(0,1fr);height:calc(100% - 56px);display:grid}.hero-console-nav{color:#8fa2b9;background:linear-gradient(#0a2345 0%,#071b35 100%);flex-direction:column;gap:4px;min-height:0;padding:17px 10px 12px;display:flex}.hero-console-nav>small{color:#6d839f;letter-spacing:.14em;margin:0 8px 7px;font-size:7px;font-weight:800}.hero-console-nav>span{border:1px solid #0000;border-radius:8px;grid-template-columns:17px minmax(0,1fr) auto;align-items:center;gap:7px;min-height:34px;padding:0 9px;display:grid}.hero-console-nav>span b{text-overflow:ellipsis;white-space:nowrap;font-size:9px;font-weight:600;overflow:hidden}.hero-console-nav>span em{color:#9fc7ff;text-align:center;background:#2a70e333;border-radius:8px;min-width:20px;padding:2px 4px;font-size:7px;font-style:normal}.hero-console-nav>span.active{color:#fff;background:linear-gradient(90deg,#236fec61,#236fec1f);border-color:#5594ff3b;box-shadow:inset 3px 0 #2f7eff}.hero-console-nav footer{color:#7991ad;background:#ffffff09;border:1px solid #85a6cf29;border-radius:8px;align-items:center;gap:7px;min-height:35px;margin-top:auto;padding:0 9px;font-size:8px;display:flex}.hero-console-main{background:radial-gradient(circle at 88% 0,#2770ff0f,#0000 14rem),#f4f7fb;flex-direction:column;gap:10px;min-width:0;min-height:0;padding:16px 17px 14px;display:flex}.hero-console-main>header{justify-content:space-between;align-items:center;gap:12px;min-height:40px;display:flex}.hero-console-main>header>div:first-child{flex-direction:column;gap:3px;min-width:0;display:flex}.hero-console-main>header small{color:#74859b;letter-spacing:.06em;font-size:7px;font-weight:700}.hero-console-main>header h3{color:#132942;letter-spacing:-.02em;font-size:17px;font-weight:770}.hero-console-main>header>div:last-child{gap:6px;display:flex}.hero-console-main>header>div:last-child span{color:#53667e;white-space:nowrap;background:#fff;border:1px solid #dbe4ef;border-radius:7px;align-items:center;min-height:28px;padding:0 9px;font-size:8px;display:inline-flex}.hero-console-metrics{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;display:grid}.hero-console-metrics article{background:#fff;border:1px solid #dfe7f1;border-radius:10px;flex-direction:column;gap:4px;min-width:0;min-height:77px;padding:9px 10px 8px;display:flex;box-shadow:0 7px 20px #12305709}.hero-console-metrics article>div,.hero-console-metrics article footer{justify-content:space-between;align-items:center;gap:5px;min-width:0;display:flex}.hero-console-metrics article>div small{color:#6e7f94;text-overflow:ellipsis;white-space:nowrap;font-size:8px;font-weight:620;overflow:hidden}.hero-console-metrics article>div i{color:#176bff;background:#edf4ff;border-radius:7px;flex:none;place-items:center;width:25px;height:25px;display:grid}.hero-console-metrics article>strong{color:#102844;letter-spacing:-.035em;white-space:nowrap;font-size:18px;font-weight:780}.hero-console-metrics article footer span{color:#8593a6;text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:7px;overflow:hidden}.hero-console-metrics article footer em{color:#0aa58f;flex:none;font-size:7px;font-style:normal;font-weight:750}.hero-console-insights{grid-template-columns:minmax(0,1.55fr) minmax(142px,.72fr);gap:8px;min-height:151px;display:grid}.hero-console-chart,.hero-console-tasks{background:#fff;border:1px solid #dfe7f1;border-radius:10px;min-width:0;overflow:hidden}.hero-console-chart{padding:10px 11px 7px}.hero-console-chart>header,.hero-console-tasks>header{justify-content:space-between;align-items:flex-start;gap:8px;display:flex}.hero-console-chart>header>div,.hero-console-tasks>header>div{flex-direction:column;gap:3px;display:flex}.hero-console-chart header strong,.hero-console-tasks header strong{color:#1a304b;white-space:nowrap;font-size:10px;font-weight:720}.hero-console-chart header small,.hero-console-tasks header small{color:#91a0b2;font-size:7px}.hero-console-chart>header>span{color:#8796a8;white-space:nowrap;align-items:center;gap:4px;font-size:6px;display:flex}.hero-console-chart>header>span i{background:#176bff;border-radius:50%;width:6px;height:6px;margin-left:3px}.hero-console-chart>header>span i:nth-of-type(2){background:#18b7a5}.hero-console-chart>div{height:111px;margin-top:1px}.hero-console-chart svg{width:100%;height:98px}.hero-chart-grid{fill:none;stroke:#e7edf5;stroke-width:1px}.hero-chart-line{fill:none;stroke:#176bff;stroke-width:2.5px;stroke-linecap:round}.hero-chart-line.secondary{stroke:#18b7a5;stroke-dasharray:4 4;stroke-width:2px}.hero-chart-labels{color:#9ba8b8;justify-content:space-between;font-size:6px;display:flex}.hero-console-tasks{padding:10px}.hero-console-tasks>header>b{color:#176bff;background:#edf4ff;border-radius:8px;place-items:center;min-width:28px;height:28px;font-size:13px;display:grid}.hero-console-tasks>div{flex-direction:column;gap:5px;margin-top:8px;display:flex}.hero-console-tasks>div>span{color:#5a6e86;background:#f5f8fc;border-radius:7px;grid-template-columns:22px minmax(0,1fr) auto;align-items:center;gap:6px;min-height:27px;padding:0 7px;display:grid}.hero-console-tasks>div>span i{color:#176bff;background:#e9f1ff;border-radius:6px;place-items:center;width:22px;height:22px;display:grid}.hero-console-tasks>div>span b,.hero-console-tasks>div>span em{text-overflow:ellipsis;white-space:nowrap;font-size:7px;overflow:hidden}.hero-console-tasks>div>span em{color:#176bff;font-style:normal;font-weight:800}.hero-console-tasks>footer{color:#176bff;justify-content:flex-end;align-items:center;gap:4px;margin-top:7px;font-size:7px;display:flex}.hero-console-event{background:radial-gradient(circle at 6%,#18b7a51a,#0000 10rem),#fff;border:1px solid #dbe5f0;border-radius:10px;grid-template-columns:minmax(148px,1fr) auto auto;align-items:center;gap:13px;min-height:66px;padding:9px 11px;display:grid}.hero-console-event>div:first-child{grid-template-columns:auto minmax(0,1fr);align-items:center;gap:3px 8px;min-width:0;display:grid}.hero-console-event>div:first-child>span{color:#058876;white-space:nowrap;background:#e6f8f4;border-radius:7px;grid-row:1/span 2;align-self:stretch;align-items:center;gap:6px;padding:0 8px;font-size:7px;font-weight:720;display:inline-flex}.hero-console-event>div:first-child>span i{width:6px;height:6px;box-shadow:none}.hero-console-event>div:first-child strong,.hero-console-event>div:first-child small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.hero-console-event>div:first-child strong{color:#17304c;font-size:9px}.hero-console-event>div:first-child small{color:#8795a7;font-size:7px}.hero-console-event>div:nth-child(2){align-items:center;display:flex}.hero-console-event>div:nth-child(2)>span{border-left:1px solid #e3eaf2;flex-direction:column;gap:2px;min-width:54px;padding:0 9px;display:flex}.hero-console-event>div:nth-child(2) small{color:#8b99aa;font-size:6px}.hero-console-event>div:nth-child(2) b{color:#1a3452;font-size:11px}.hero-console-event>em{color:#176bff;white-space:nowrap;align-items:center;gap:4px;font-size:7px;font-style:normal;font-weight:700;display:inline-flex}.hero-member-device{z-index:7;color:#1b2e47;background:linear-gradient(160deg,#101f35,#061225);border:1px solid #ffffff75;border-radius:31px;width:184px;height:394px;padding:6px;position:absolute;bottom:0;left:0;overflow:hidden;box-shadow:0 32px 64px #010c1f8f,inset 0 0 0 1px #ffffff1a}.hero-member-status{color:#17283e;background:#fff;border-radius:24px 24px 0 0;justify-content:space-between;align-items:center;height:22px;padding:0 11px;display:flex;position:relative}.hero-member-status time,.hero-member-status em{font-size:7px;font-style:normal;font-weight:750}.hero-member-status>span{background:#07182d;border-radius:8px;width:55px;height:14px;position:absolute;top:4px;left:50%;transform:translate(-50%)}.hero-member-screen{background:#f3f6fb;border-radius:0 0 24px 24px;height:calc(100% - 22px);overflow:hidden}.hero-member-screen>header{color:#1b314c;background:#fff;justify-content:space-between;align-items:center;height:32px;padding:0 10px;display:flex}.hero-member-screen>header strong{font-size:9px}.hero-member-screen>header span{color:#6c7d91;align-items:center;gap:3px;font-size:7px;display:flex}.hero-member-screen>section{background:linear-gradient(135deg,#123a6d,#1d6df2);flex-direction:column;min-height:55px;padding:10px 11px 8px;display:flex}.hero-member-screen>section small{color:#9ed1ff;letter-spacing:.1em;font-size:5px;font-weight:800}.hero-member-screen>section strong{color:#fff;margin-top:4px;font-size:10px}.hero-member-screen>section span{color:#ccdcf3;margin-top:3px;font-size:6px}.hero-member-pass{color:#fff;background:radial-gradient(circle at 86% 20%,#f2b84b38,#0000 4rem),linear-gradient(140deg,#071e3c,#174c86);border:1px solid #fff3;border-radius:10px;flex-direction:column;justify-content:flex-end;min-height:77px;margin:7px 8px 0;padding:10px;display:flex;position:relative;overflow:hidden}.hero-member-pass:after{content:"";border:1px solid #ffffff1a;border-radius:50%;width:100px;height:100px;position:absolute;bottom:-45px;right:-30px}.hero-member-pass>small{color:#8ddfd6;letter-spacing:.08em;font-size:5px;font-weight:800}.hero-member-pass>strong{margin-block:8px 3px;font-size:8px}.hero-member-pass>span{color:#aebed2;font-size:5px}.hero-member-pass>span b{color:#8de7dc;background:#18c7be29;border-radius:3px;margin-left:4px;padding:2px 4px;font-size:5px}.hero-member-pass>i{color:#ffd37a;background:#ffffff1a;border-radius:50%;place-items:center;width:28px;height:28px;display:grid;position:absolute;top:9px;right:9px}.hero-member-quick{background:#fff;border:1px solid #e1e8f2;border-radius:9px;grid-template-columns:repeat(4,1fr);gap:3px;min-height:50px;margin:7px 8px 0;padding:6px 5px;display:grid}.hero-member-quick>span{flex-direction:column;align-items:center;gap:3px;display:flex}.hero-member-quick>span i{color:#176bff;background:#edf4ff;border-radius:7px;place-items:center;width:24px;height:24px;display:grid}.hero-member-quick small{color:#6f7f92;white-space:nowrap;font-size:5px}.hero-member-event{background:#fff;border:1px solid #dfe7f1;border-radius:9px;justify-content:space-between;align-items:center;gap:7px;min-height:55px;margin:7px 8px 0;padding:8px 9px;display:flex}.hero-member-event>div{flex-direction:column;gap:2px;min-width:0;display:flex}.hero-member-event small{color:#176bff;font-size:5px;font-weight:800}.hero-member-event strong,.hero-member-event span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.hero-member-event strong{color:#1c3049;font-size:7px}.hero-member-event span{color:#7b899b;font-size:5px}.hero-member-event>b{color:#fff;background:linear-gradient(145deg,#176bff,#0e51bc);border-radius:8px;flex:none;place-items:center;width:37px;height:37px;font-size:8px;display:grid}.hero-member-screen>nav{color:#8b98a9;background:#fff;border-top:1px solid #e2e9f2;justify-content:space-around;align-items:center;height:37px;margin-top:7px;padding:3px 9px 2px;display:flex}.hero-member-screen>nav span{flex-direction:column;align-items:center;gap:2px;display:flex}.hero-member-screen>nav span.active{color:#176bff}.hero-member-screen>nav small{font-size:5px}.hero-checkin-device{z-index:8;filter:drop-shadow(0 28px 46px #010c1f75);width:260px;height:176px;position:absolute;bottom:3px;right:-8px}.hero-checkin-screen{z-index:2;background:linear-gradient(145deg,#12223a,#061225);border:1px solid #ffffff6b;border-radius:14px;height:156px;padding:5px;position:relative;overflow:hidden}.hero-checkin-screen>header{color:#fff;background:linear-gradient(90deg,#0a2d5d,#0e4d8b);border-radius:9px 9px 0 0;justify-content:space-between;align-items:center;height:36px;padding:0 9px;display:flex}.hero-checkin-screen>header>div{align-items:center;gap:9px;display:flex}.hero-checkin-screen header span{color:#8de4d7;align-items:center;gap:5px;font-size:6px;font-weight:800;display:flex}.hero-checkin-screen header span i{width:5px;height:5px;box-shadow:none}.hero-checkin-screen header strong{font-size:8px}.hero-checkin-screen header em{color:#c7d8ed;background:#ffffff14;border:1px solid #fff3;border-radius:5px;padding:4px 6px;font-size:7px;font-style:normal}.hero-checkin-screen>main{background:#f4f8fc;border-radius:0 0 9px 9px;grid-template-columns:.82fr 1.18fr;height:calc(100% - 36px);display:grid;overflow:hidden}.hero-checkin-screen>main>div{border-right:1px solid #dfe7f1;flex-direction:column;align-items:center;padding:8px;display:flex}.hero-checkin-screen>main>div>small{color:#2a4667;text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:5px;font-weight:750;overflow:hidden}.hero-checkin-screen>main>div>span{color:#6f8094;margin-top:3px;font-size:5px}.hero-qr{background:#fff;border:1px solid #d9e2ed;border-radius:5px;grid-template-rows:repeat(3,1fr);grid-template-columns:repeat(4,1fr);gap:3px;width:52px;height:52px;margin-top:5px;padding:4px;display:grid;position:relative}.hero-qr i{background:#103b73;border-radius:1px}.hero-qr i:nth-child(2),.hero-qr i:nth-child(5),.hero-qr i:nth-child(8),.hero-qr i:nth-child(11){background:0 0}.hero-qr i:first-child,.hero-qr i:nth-child(4),.hero-qr i:nth-child(9){background:#103b73;box-shadow:inset 0 0 0 2px #103b73,inset 0 0 0 4px #fff}.hero-checkin-screen>main>aside{flex-direction:column;padding:10px 10px 8px;display:flex}.hero-checkin-screen>main>aside>small{color:#176bff;letter-spacing:.08em;font-size:6px;font-weight:800}.hero-checkin-screen>main>aside>strong{color:#122e50;letter-spacing:-.045em;margin-top:5px;font-size:21px}.hero-checkin-screen>main>aside>strong em{color:#73849a;font-size:9px;font-style:normal}.hero-checkin-screen>main>aside>span{color:#0a9984;margin-top:2px;font-size:6px}.hero-checkin-screen>main>aside footer{background:#fff;border-radius:7px;align-items:center;gap:6px;min-height:33px;margin-top:auto;padding:5px 6px;display:flex;box-shadow:0 4px 14px #0f2c5014}.hero-checkin-screen>main>aside footer>i{color:#176bff;background:#eaf2ff;border-radius:7px;place-items:center;width:23px;height:23px;display:grid}.hero-checkin-screen>main>aside footer>div{flex-direction:column;gap:2px;min-width:0;display:flex}.hero-checkin-screen>main>aside footer b,.hero-checkin-screen>main>aside footer small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.hero-checkin-screen>main>aside footer b{color:#233a56;font-size:6px}.hero-checkin-screen>main>aside footer small{color:#8291a4;font-size:5px}.hero-checkin-stand{z-index:1;background:linear-gradient(#34475f,#0a1729);border-radius:0 0 28px 28px;width:84px;height:24px;position:absolute;bottom:0;left:50%;transform:translate(-50%)}@media (width<=1280px) and (width>=1061px){.hero-product-stage{height:620px}.hero-sync-rail{left:74px}.hero-console{height:492px;top:57px;left:52px}.hero-console-topbar{grid-template-columns:minmax(148px,.75fr) minmax(140px,1fr) auto;gap:9px;padding-inline:12px}.hero-console-body{grid-template-columns:114px minmax(0,1fr)}.hero-console-main{gap:8px;padding:13px 13px 11px}.hero-console-nav>span{padding-inline:7px}.hero-console-metrics article{padding-inline:8px}.hero-console-event>div:nth-child(2)>span{min-width:48px;padding-inline:6px}.hero-member-device{width:174px;height:376px}.hero-checkin-device{width:226px;right:-4px}}@media (width<=1060px){.hero-product-stage{width:min(100%,920px);height:660px;margin-inline:auto}.hero-sync-rail{left:104px}.hero-console{height:520px;top:58px;left:78px}.hero-member-device{width:188px;height:402px}.hero-checkin-device{width:262px;right:-2px}}@media (width<=720px){.hero-product-stage{background:radial-gradient(circle at 60% 30%,#1f71ff33,#0000 15rem),radial-gradient(circle at 30% 90%,#18c7be1f,#0000 12rem);width:100%;height:610px;overflow:visible}.hero-sync-rail{width:100%;min-height:48px;top:5px;left:0;right:0}.hero-sync-rail>div small{font-size:8px}.hero-console{border-radius:16px;height:354px;top:65px;left:0;right:0}.hero-console-topbar{grid-template-columns:minmax(0,1fr) auto;gap:8px;height:47px;padding-inline:10px}.hero-console-search{display:none}.hero-console-brand>span{width:31px;height:31px}.hero-console-brand strong{font-size:10px}.hero-console-user>span,.hero-console-user>div{display:none}.hero-console-body{grid-template-columns:1fr;height:calc(100% - 47px)}.hero-console-nav{display:none}.hero-console-main{gap:8px;padding:11px}.hero-console-main>header{min-height:34px}.hero-console-main>header h3{font-size:15px}.hero-console-main>header>div:last-child span{min-height:25px;padding-inline:7px;font-size:7px}.hero-console-main>header>div:last-child span:first-child{display:none}.hero-console-metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.hero-console-metrics article{gap:2px;min-height:55px;padding:6px 8px}.hero-console-metrics article>div i{width:21px;height:21px}.hero-console-metrics article>strong{font-size:14px}.hero-console-insights{grid-template-columns:1fr;min-height:105px}.hero-console-chart{padding:8px 9px 5px}.hero-console-chart>div{height:77px}.hero-console-chart svg{height:66px}.hero-console-tasks,.hero-console-event{display:none}.hero-member-device{border-radius:29px;width:174px;height:376px;bottom:0;left:5px}.hero-checkin-device{width:224px;height:160px;bottom:30px;right:-8px}.hero-checkin-screen{height:142px}.hero-checkin-screen>main>aside footer{display:none}.hero-checkin-screen>main>aside>strong{margin-top:10px;font-size:18px}}@media (width<=390px){.hero-product-stage{height:586px}.hero-sync-rail{grid-template-columns:33px minmax(0,1fr) auto;padding-right:9px}.hero-sync-rail>span{width:33px;height:33px}.hero-sync-rail strong{font-size:10px}.hero-sync-rail em{font-size:7px}.hero-console{height:342px}.hero-console-metrics article>div small{font-size:7px}.hero-member-device{width:160px;height:350px}.hero-member-screen>section{min-height:50px;padding-block:8px 6px}.hero-member-pass{min-height:70px}.hero-member-quick{min-height:46px}.hero-member-event{min-height:50px}.hero-checkin-device{width:204px;bottom:26px}}@media (prefers-reduced-motion:reduce){.hero-product-stage,.hero-console,.hero-member-device,.hero-checkin-device,.hero-sync-rail{transition:none!important;animation:none!important;transform:none!important}}.home-hero{--hero-artboard-width:1480px;--hero-extension-color:#041627;background:var(--hero-extension-color)}@media (width>=1481px){.hero-scene,.hero-scene-wash{inset-block:0;inset-inline:auto;width:var(--hero-artboard-width);left:50%;transform:translate(-50%)}.hero-scene{overflow:hidden}.hero-scene img{object-position:left center;transform:none}.hero-scene-wash{background:linear-gradient(90deg, var(--hero-extension-color) 0%, #041627d1 3%, #0416277a 7%, #0416272e 11%, transparent 14%, transparent 86%, #0416272e 89%, #0416277a 93%, #041627d1 97%, var(--hero-extension-color) 100%), linear-gradient(90deg, #041226f7 0%, #051934eb 28%, #061d3b91 53%, #0516303d 74%, #04112561 100%), linear-gradient(180deg, #06183238 0%, #06183214 50%, #051329db 100%)}}.business-visual{isolation:isolate;background:#071a33;border:1px solid #aec3dec2;border-radius:30px;width:100%;min-height:660px;position:relative;overflow:hidden;box-shadow:0 34px 90px #03163238}.business-visual>img{z-index:-3;object-fit:cover;object-position:center;filter:saturate(.9)contrast(1.025);width:100%;max-width:none;height:100%;position:absolute;inset:0}.business-visual-shade{z-index:-2;pointer-events:none;background:linear-gradient(90deg,#05152c47,#05152c0a 52%,#05152c57),linear-gradient(#0412260d 46%,#041226b8 100%);position:absolute;inset:0}.business-visual-phone .business-visual-shade,.business-visual-checkin .business-visual-shade,.business-visual-desktop .business-visual-shade{background:linear-gradient(90deg,#041226c2 0%,#04122661 44%,#0412260a 68%),linear-gradient(#04122608 46%,#041226bd 100%)}.business-visual-portal .business-visual-shade,.business-visual-data .business-visual-shade,.business-visual-api .business-visual-shade,.business-visual-security .business-visual-shade{background:linear-gradient(90deg,#0412260a 22%,#04122647 52%,#041226c7 100%),linear-gradient(#04122608 46%,#041226c2 100%)}.business-visual-context{z-index:5;color:#fff;-webkit-backdrop-filter:blur(16px)saturate(1.18);backdrop-filter:blur(16px)saturate(1.18);background:#051831b8;border:1px solid #ffffff42;border-radius:13px;gap:4px;max-width:310px;padding:12px 15px;display:grid;position:absolute;bottom:22px;right:24px;box-shadow:0 18px 42px #000c203d}.business-visual-context span{color:#8be6dc;letter-spacing:.12em;align-items:center;gap:7px;font-size:9px;font-weight:800;display:inline-flex}.business-visual-context span i{background:#2ce1ac;border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 4px #2ce1ac21}.business-visual-context strong{font-size:12px;font-weight:670;line-height:1.45}.business-visual-ui{z-index:3;place-items:center;display:grid;position:absolute}.business-visual-phone .business-visual-ui{width:360px;top:24px;bottom:24px;left:clamp(24px,4.5vw,70px)}.business-visual-desktop .business-visual-ui,.business-visual-checkin .business-visual-ui{width:72%;top:58px;bottom:78px;left:4%}.business-visual-portal .business-visual-ui,.business-visual-data .business-visual-ui,.business-visual-api .business-visual-ui,.business-visual-security .business-visual-ui{width:72%;top:58px;bottom:78px;right:4%}.detail-visual-solutions .business-visual-ui,.scene-interface-member-experience .business-visual-ui{left:4%;right:auto}.detail-visual-solutions .business-visual-shade,.scene-interface-member-experience .business-visual-shade{background:linear-gradient(90deg,#041226c2 0%,#04122657 48%,#0412260a 76%),linear-gradient(#04122608 46%,#041226bd 100%)}.business-visual-ui>.dashboard,.business-visual-ui>.portal-preview,.business-visual-ui>.checkin-preview,.business-visual-ui>.api-preview,.visual-ui-combo>.dashboard,.visual-ui-combo>.portal-preview,.visual-ui-combo>.checkin-preview,.visual-ui-combo>.api-preview{border:1px solid #e2ebf7f5;border-radius:18px;width:100%;max-width:none;height:100%;min-height:0;transform:none;box-shadow:0 30px 80px #020f2561,0 0 0 1px #ffffff70}.business-visual .dashboard{grid-template-columns:158px minmax(0,1fr)}.business-visual .dashboard aside{padding:17px 12px 14px}.business-visual .dash-logo strong{font-size:11px}.business-visual .dash-nav-label,.business-visual .dash-aside-foot{font-size:8px}.business-visual .dashboard aside>i{height:36px;font-size:9px}.business-visual .dashboard aside>i em{font-size:7px}.business-visual .dash-main{padding:17px 18px 16px}.business-visual .dash-head small,.business-visual .dash-user b,.business-visual .dash-filterbar>span,.business-visual .dash-summary small,.business-visual .dash-summary span,.business-visual .dash-block-title small,.business-visual .chapter-row,.business-visual .dash-table-head,.business-visual .dash-table-row{font-size:8px}.business-visual .dash-head strong{font-size:18px}.business-visual .dash-user button{min-height:30px;font-size:8px}.business-visual .dash-user small,.business-visual .dash-filterbar>em,.business-visual .chart-labels{font-size:7px}.business-visual .dash-summary>div{min-height:72px}.business-visual .dash-summary strong{font-size:20px}.business-visual .dash-block-title strong{font-size:10px}.business-visual .dash-table-head,.business-visual .dash-table-row{min-height:24px}.business-visual .portal-nav,.business-visual .portal-preview,.business-visual .checkin-preview,.business-visual .api-preview{font-size:10px}.business-visual .portal-nav>div strong{font-size:12px}.business-visual .portal-nav>b,.business-visual .portal-cards small,.business-visual .portal-cards span{font-size:9px}.business-visual .portal-cards strong{font-size:12px}.business-visual .checkin-head small,.business-visual .api-head small,.business-visual .api-grid small,.business-visual .api-table small,.business-visual .checkin-stats small,.business-visual .checkin-scan small{font-size:8px}.business-visual .checkin-head strong,.business-visual .api-head strong,.business-visual .api-grid strong,.business-visual .checkin-scan strong{font-size:12px}.visual-ui-combo{width:100%;height:100%;position:relative}.visual-ui-combo>.dashboard{width:92%;height:calc(100% - 48px);position:absolute;inset:0 0 48px 8%}.visual-ui-combo>.phone-shell{z-index:3;transform-origin:0 100%;position:absolute;bottom:-14px;left:-5%;transform:scale(.58);box-shadow:0 42px 82px #020f257a}.hf-phone-shell{color:#142a45;background:linear-gradient(155deg,#15263d,#030b17 72%);border:1px solid #ffffff73;border-radius:45px;flex:none;width:344px;height:700px;padding:7px;position:relative;overflow:hidden;box-shadow:0 44px 90px #010c1f8a,inset 0 0 0 1px #ffffff1c,0 0 0 1px #0819307a}.hf-phone-shell .phone-top{color:#12263f;background:#fff;border-radius:37px 37px 0 0;justify-content:space-between;align-items:center;height:29px;padding:0 18px;display:flex;position:relative}.hf-phone-shell .phone-top time,.hf-phone-shell .phone-top i{color:#172a41;font-size:10px;font-style:normal;font-weight:780}.hf-phone-shell .phone-top>span{background:#061526;border-radius:12px;width:86px;height:18px;position:absolute;top:5px;left:50%;transform:translate(-50%)}.hf-phone-screen{background:radial-gradient(circle at 94% 8%,#176bff14,#0000 9rem),#f3f6fb;border-radius:0 0 37px 37px;height:calc(100% - 29px);overflow:hidden}.hf-phone-nav{background:#fffffff7;border-bottom:1px solid #e8edf4;justify-content:space-between;align-items:center;height:48px;padding:0 16px;display:flex}.hf-phone-nav>div,.hf-phone-nav>span{align-items:center;gap:9px;display:flex}.hf-phone-brand{color:#fff;background:linear-gradient(145deg,#176bff,#0d49b2);border-radius:8px;place-items:center;width:27px;height:27px;display:grid;box-shadow:0 8px 16px #176bff40}.hf-phone-nav strong{color:#152a43;font-size:12px;font-weight:760}.hf-phone-nav>span{color:#60738b;position:relative}.hf-phone-notice{background:#ff6b5f;border:2px solid #fff;border-radius:50%;width:6px;height:6px;position:absolute;top:-3px;right:-3px}.hf-phone-profile{background:#fffffff5;border:1px solid #e1e8f1;border-radius:14px;grid-template-columns:39px minmax(0,1fr) auto;align-items:center;gap:10px;min-height:76px;margin:10px 12px 0;padding:10px 11px;display:grid;box-shadow:0 7px 20px #1835590f}.hf-phone-avatar{color:#fff;background:linear-gradient(145deg,#2b7dff,#0d458f);border:3px solid #e7f0ff;border-radius:50%;place-items:center;width:39px;height:39px;font-size:10px;font-weight:800;display:grid}.hf-phone-profile>div:nth-child(2){flex-direction:column;min-width:0;display:flex}.hf-phone-profile small{color:#176bff;letter-spacing:.1em;font-size:7px;font-weight:800}.hf-phone-profile strong{color:#142b47;text-overflow:ellipsis;white-space:nowrap;margin-top:3px;font-size:12px;overflow:hidden}.hf-phone-profile span{color:#75869a;text-overflow:ellipsis;white-space:nowrap;margin-top:3px;font-size:7px;overflow:hidden}.hf-phone-profile button{color:#60748d;background:#f2f6fb;border:0;border-radius:8px;width:27px;height:27px;padding:0;font-size:9px}.hf-member-card{color:#fff;background:radial-gradient(circle at 84% 17%,#f6bc4a4a,#0000 5.5rem),linear-gradient(135deg,#071e3c,#0e4e95 58%,#176bff);border:1px solid #ffffff2e;border-radius:17px;flex-direction:column;justify-content:flex-end;min-height:120px;margin:10px 12px 0;padding:17px 18px;display:flex;position:relative;overflow:hidden;box-shadow:0 14px 26px #05295b38}.hf-phone-giving .hf-member-card{background:radial-gradient(circle at 84% 17%,#ffdc7a57,#0000 5.5rem),linear-gradient(135deg,#102a52,#5a3c89 62%,#a75d67)}.hf-phone-event .hf-member-card{background:radial-gradient(circle at 84% 17%,#44e7c947,#0000 5.5rem),linear-gradient(135deg,#072a43,#0d5b75 58%,#168ca4)}.hf-member-card>small{color:#9ce8df;letter-spacing:.13em;font-size:7px;font-weight:820}.hf-member-card>strong{text-overflow:ellipsis;white-space:nowrap;max-width:82%;margin-block:15px 7px;font-size:13px;line-height:1.25;overflow:hidden}.hf-member-card>span{color:#b8c9de;font-size:8px}.hf-member-card>span b{color:#9af0e4;background:#18c7be29;border-radius:4px;margin-left:7px;padding:3px 6px;font-size:6px}.hf-member-card .member-card-mark{color:#ffd36f;background:#ffffff1c;border-radius:50%;place-items:center;width:34px;height:34px;display:grid;position:absolute;top:15px;right:15px}.hf-card-code{background:#fffffff0;border-radius:6px;grid-template-columns:repeat(4,1fr);gap:2px;width:36px;height:36px;padding:5px;display:grid;position:absolute;bottom:16px;right:17px}.hf-card-code i{background:#0d3567;border-radius:1px}.hf-card-code i:nth-child(2),.hf-card-code i:nth-child(5),.hf-card-code i:nth-child(8),.hf-card-code i:nth-child(11){background:0 0}.hf-phone-shortcuts{background:#fff;border:1px solid #e1e8f1;border-radius:14px;grid-template-columns:repeat(4,minmax(0,1fr));gap:5px;min-height:76px;margin:10px 12px 0;padding:10px 8px 8px;display:grid;box-shadow:0 7px 20px #1835590d}.hf-phone-shortcuts>span{flex-direction:column;align-items:center;gap:5px;min-width:0;display:flex}.hf-phone-shortcuts>span>i{color:#176bff;background:linear-gradient(145deg,#edf4ff,#f7faff);border-radius:10px;place-items:center;width:33px;height:33px;display:grid;box-shadow:inset 0 0 0 1px #176bff12}.hf-phone-shortcuts small{color:#52657c;text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:7px;font-weight:620;overflow:hidden}.hf-phone-status{background:#fff;border:1px solid #dfe7f1;border-radius:12px;justify-content:space-between;align-items:center;min-height:42px;margin:10px 12px 0;padding:0 12px;display:flex}.hf-phone-status>span{align-items:center;gap:7px;min-width:0;display:flex}.hf-phone-status>span i{background:#18c7be;border-radius:50%;flex:none;width:8px;height:8px;box-shadow:0 0 0 4px #18c7be1f}.hf-phone-status b{color:#29425f;text-overflow:ellipsis;white-space:nowrap;font-size:8px;overflow:hidden}.hf-phone-status em{color:#176bff;flex:none;font-size:7px;font-style:normal}.hf-phone-event{background:#fff;border:1px solid #dfe7f1;border-radius:14px;grid-template-columns:104px minmax(0,1fr);gap:10px;min-height:126px;margin:10px 12px 0;padding:9px;display:grid;box-shadow:0 7px 20px #1835590d}.hf-phone-event .event-thumb{background-position:50%;background-size:cover;border-radius:10px;min-height:108px;overflow:hidden}.hf-phone-event .event-thumb:after{content:"";background:linear-gradient(#0000 48%,#051831b8);position:absolute;inset:0}.hf-phone-event .event-thumb>span{z-index:2;color:#fff;font-size:7px;bottom:8px;left:8px;right:auto}.hf-phone-event>div:last-child{flex-direction:column;align-items:flex-start;min-width:0;display:flex}.hf-phone-event>div:last-child>small{color:#176bff;letter-spacing:.08em;font-size:7px;font-weight:800}.hf-phone-event>div:last-child>strong{color:#152b47;text-overflow:ellipsis;white-space:nowrap;max-width:100%;margin-top:6px;font-size:10px;line-height:1.4;overflow:hidden}.hf-phone-event>div:last-child>span{color:#7b8a9d;text-overflow:ellipsis;white-space:nowrap;max-width:100%;margin-top:4px;font-size:7px;overflow:hidden}.hf-phone-event button{color:#fff;background:linear-gradient(135deg,#287aff,#0e55c5);border:0;border-radius:8px;align-items:center;gap:5px;min-height:28px;margin-top:auto;padding:0 10px;font-size:7px;font-weight:720;display:inline-flex}.hf-phone-bottom{background:#fffffffa;border-top:1px solid #e1e8f1;border-radius:0 0 37px 37px;grid-template-columns:repeat(5,1fr);height:58px;padding:5px 12px 4px;display:grid;position:absolute;bottom:7px;left:7px;right:7px}.hf-phone-bottom>span{color:#8a98a9;flex-direction:column;justify-content:center;align-items:center;gap:3px;display:flex}.hf-phone-bottom>span.active{color:#176bff}.hf-phone-bottom small{font-size:7px}.terminal-section{background:radial-gradient(circle at 85% 20%,#2a75ee29,#0000 28rem),linear-gradient(#071a33,#091f3e)}.terminal-layout{align-items:stretch}.terminal-stage{background:#081a32;border:1px solid #87abd94d;border-radius:32px;min-height:700px;padding:0;overflow:hidden;box-shadow:0 30px 76px #000d2257}.terminal-stage .terminal-glow{display:none}.terminal-panel{padding:0;position:absolute;inset:0}.terminal-panel[hidden]{display:none!important}.terminal-panel .business-visual{height:100%;min-height:700px;box-shadow:none;border:0;border-radius:31px}.terminal-floating-note{z-index:10;color:#fff;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#061933c7;border-color:#ffffff47;min-height:42px;inset:auto auto 22px 22px}.ops-grid{grid-template-columns:minmax(0,1.55fr) minmax(360px,.65fr);align-items:stretch;gap:clamp(36px,5vw,76px)}.ops-visual{min-width:0}.ops-visual .business-visual{min-height:660px}.ops-copy{align-self:center}.security-layout{grid-template-columns:minmax(330px,.62fr) minmax(0,1.38fr);align-items:center;gap:clamp(44px,6vw,92px)}.security-scene{min-width:0}.security-scene .business-visual{min-height:580px}.detail-visual{min-height:650px;box-shadow:none;background:0 0;border:0;border-radius:0;overflow:visible}.detail-visual>.business-visual{min-height:650px}.scene-interface{min-height:620px;box-shadow:none;background:0 0;border:0;border-radius:0;padding:0;overflow:visible}.scene-interface>.business-visual{min-height:620px}.detail-scene .scene-media{min-width:0}@media (width<=1180px){.business-visual-desktop .business-visual-ui,.business-visual-checkin .business-visual-ui,.business-visual-portal .business-visual-ui,.business-visual-data .business-visual-ui,.business-visual-api .business-visual-ui,.business-visual-security .business-visual-ui{width:78%}.ops-grid,.security-layout{grid-template-columns:1fr}.ops-copy,.security-copy{max-width:780px}}@media (width<=1060px){.terminal-stage,.terminal-panel .business-visual{min-height:680px}.business-visual-phone .business-visual-ui{left:5%}.detail-visual,.detail-visual>.business-visual,.scene-interface,.scene-interface>.business-visual{min-height:640px}}@media (width<=820px){.business-visual,.terminal-stage,.terminal-panel .business-visual,.detail-visual,.detail-visual>.business-visual,.scene-interface,.scene-interface>.business-visual,.ops-visual .business-visual,.security-scene .business-visual{border-radius:23px;min-height:620px}.business-visual>img{object-position:65% center}.business-visual-portal>img,.business-visual-data>img,.business-visual-api>img,.business-visual-security>img{object-position:30% center}.scene-detail-about-secondary>img,.scene-detail-admin-secondary>img,.scene-detail-crm-secondary>img,.scene-detail-giving-secondary>img{object-position:20% center}.scene-detail-data-secondary>img,.scene-detail-security-secondary>img{object-position:80% center}.business-visual-context{max-width:none;bottom:14px;left:14px;right:14px}.business-visual-phone .business-visual-ui{width:344px;top:22px;bottom:68px;left:50%;transform:translate(-50%)scale(.82)}.business-visual-desktop .business-visual-ui,.business-visual-checkin .business-visual-ui,.business-visual-portal .business-visual-ui,.business-visual-data .business-visual-ui,.business-visual-api .business-visual-ui,.business-visual-security .business-visual-ui{width:auto;inset:54px 18px 92px}.business-visual-ui>.dashboard,.business-visual-ui>.portal-preview,.business-visual-ui>.checkin-preview,.business-visual-ui>.api-preview,.visual-ui-combo>.dashboard,.visual-ui-combo>.portal-preview,.visual-ui-combo>.checkin-preview,.visual-ui-combo>.api-preview{transform:none}.visual-ui-combo>.phone-shell{display:none}.terminal-panel{min-height:620px;position:relative}}@media (width<=560px){.business-visual,.terminal-stage,.terminal-panel .business-visual,.detail-visual,.detail-visual>.business-visual,.scene-interface,.scene-interface>.business-visual,.ops-visual .business-visual,.security-scene .business-visual{border-radius:20px;min-height:560px}.business-visual-phone .business-visual-ui{top:4px;bottom:52px;transform:translate(-50%)scale(.7)}.business-visual-desktop .business-visual-ui,.business-visual-checkin .business-visual-ui,.business-visual-portal .business-visual-ui,.business-visual-data .business-visual-ui,.business-visual-api .business-visual-ui,.business-visual-security .business-visual-ui{inset:76px 10px 96px}.business-visual-ui>.dashboard,.business-visual-ui>.portal-preview,.business-visual-ui>.checkin-preview,.business-visual-ui>.api-preview,.visual-ui-combo>.dashboard,.visual-ui-combo>.portal-preview,.visual-ui-combo>.checkin-preview,.visual-ui-combo>.api-preview{transform-origin:50%;width:138%;height:138%;transform:scale(.72)}.business-visual-context{padding:9px 11px}.business-visual-context strong{font-size:10px}.terminal-floating-note{display:none}}@media (prefers-reduced-motion:reduce){.business-visual,.business-visual-ui,.hf-phone-shell{transition:none!important;animation:none!important}}.business-visual[class*=scene-] .business-visual-context{display:none}@media (width>=821px){.business-visual[class*=scene-]{aspect-ratio:3/2;min-height:0!important}.terminal-stage{aspect-ratio:3/2;align-self:start;width:100%;height:auto;min-height:0}.terminal-panel,.terminal-panel .business-visual,.detail-visual,.detail-visual>.business-visual,.scene-interface,.scene-interface>.business-visual,.ops-visual .business-visual,.security-scene .business-visual{min-height:0!important}.business-visual[class*=scene-] .business-visual-ui{top:var(--screen-top);bottom:auto;right:auto;left:var(--screen-left);width:var(--screen-width);height:var(--screen-height);border-radius:var(--screen-radius,3px);display:block;overflow:hidden;transform:none;box-shadow:inset 0 0 0 1px #deebfb5c,0 7px 18px #010c1d2e}.business-visual[class*=scene-] .business-visual-ui>.dashboard,.business-visual[class*=scene-] .business-visual-ui>.portal-preview,.business-visual[class*=scene-] .business-visual-ui>.api-preview{border-radius:inherit;width:160%;max-width:none;height:160%;min-height:0;box-shadow:none;transform-origin:0 0;border:0;overflow:hidden;transform:scale(.625)}.business-visual[class*=scene-] .business-visual-ui>.checkin-preview{border-radius:inherit;width:100%;max-width:none;height:100%;min-height:0;box-shadow:none;border:0;overflow:hidden;transform:none}.business-visual[class*=scene-] .business-visual-ui>.hf-phone-shell{border-radius:inherit;width:205%;height:205%;box-shadow:none;transform-origin:0 0;background:#fff;border:0;padding:0;overflow:hidden;transform:scale(.4878)}.business-visual[class*=scene-] .business-visual-ui>.hf-phone-shell .phone-top{border-radius:0}.scene-home-operations{--screen-left:2%;--screen-top:26%;--screen-width:55%;--screen-height:56%}.scene-home-security{--screen-left:49.5%;--screen-top:9%;--screen-width:49%;--screen-height:60%}.scene-terminal-admin{--screen-left:3%;--screen-top:23.7%;--screen-width:47.5%;--screen-height:53%}.scene-terminal-api{--screen-left:38.5%;--screen-top:9%;--screen-width:58%;--screen-height:60%}.scene-terminal-app{--screen-left:7.6%;--screen-top:20.5%;--screen-width:23.6%;--screen-height:72%;--screen-radius:30px}.scene-terminal-checkin{--screen-left:6.2%;--screen-top:8.5%;--screen-width:38%;--screen-height:82.5%;--screen-radius:5px}.scene-terminal-data{--screen-left:37.3%;--screen-top:12%;--screen-width:60%;--screen-height:55.5%}.scene-terminal-mini-program{--screen-left:14.7%;--screen-top:10%;--screen-width:23.3%;--screen-height:79.2%;--screen-radius:28px}.scene-terminal-portal{--screen-left:41.5%;--screen-top:21.5%;--screen-width:54.5%;--screen-height:52%}.scene-detail-about-hero{--screen-left:2.4%;--screen-top:10.5%;--screen-width:52.2%;--screen-height:62.2%}.scene-detail-about-secondary{--screen-left:41.5%;--screen-top:8%;--screen-width:55.5%;--screen-height:62%}.scene-detail-admin-hero{--screen-left:3.2%;--screen-top:22.5%;--screen-width:50%;--screen-height:51%}.scene-detail-admin-secondary{--screen-left:41.7%;--screen-top:13.7%;--screen-width:55.5%;--screen-height:55.5%}.scene-detail-crm-hero{--screen-left:3.8%;--screen-top:14.2%;--screen-width:45.5%;--screen-height:67%}.scene-detail-crm-secondary{--screen-left:41.5%;--screen-top:10%;--screen-width:55.5%;--screen-height:59%}.scene-detail-data-hero{--screen-left:35.2%;--screen-top:12%;--screen-width:63.5%;--screen-height:54.5%}.scene-detail-data-secondary{--screen-left:1.3%;--screen-top:4.6%;--screen-width:60.5%;--screen-height:62.5%}.scene-detail-event-hero{--screen-left:2%;--screen-top:10%;--screen-width:50.5%;--screen-height:60.8%}.scene-detail-event-secondary{--screen-left:5.9%;--screen-top:7.3%;--screen-width:38.8%;--screen-height:78%;--screen-radius:5px}.scene-detail-giving-hero{--screen-left:9.6%;--screen-top:7.4%;--screen-width:23.9%;--screen-height:84.4%;--screen-radius:24px}.scene-detail-giving-secondary{--screen-left:47.5%;--screen-top:17.5%;--screen-width:51.2%;--screen-height:50.5%}.scene-detail-member-hero{--screen-left:8.5%;--screen-top:10.7%;--screen-width:24.5%;--screen-height:78.5%;--screen-radius:24px}.scene-detail-member-secondary{--screen-left:46.5%;--screen-top:18%;--screen-width:50.5%;--screen-height:48.5%}.scene-detail-platform-hero{--screen-left:3%;--screen-top:9%;--screen-width:50.5%;--screen-height:52.5%}.scene-detail-platform-secondary{--screen-left:38.4%;--screen-top:8.2%;--screen-width:58.4%;--screen-height:69.3%}.scene-detail-security-hero{--screen-left:42%;--screen-top:6.5%;--screen-width:55.5%;--screen-height:67.5%}.scene-detail-security-secondary{--screen-left:0.8%;--screen-top:7%;--screen-width:61%;--screen-height:61%}.scene-detail-solutions-hero{--screen-left:31%;--screen-top:8%;--screen-width:66.5%;--screen-height:59.5%}.scene-detail-solutions-secondary{--screen-left:1%;--screen-top:7.7%;--screen-width:52%;--screen-height:52.2%}.scene-detail-about-hero .business-visual-ui{clip-path:polygon(0 0,100% 10.5%,100% 89%,0 100%)}.scene-detail-platform-secondary .business-visual-ui{clip-path:polygon(0 17.5%,100% 0,100% 100%,0 86.5%)}.scene-detail-solutions-secondary .business-visual-ui{clip-path:polygon(0 0,100% 7.5%,100% 92.5%,0 100%)}.scene-terminal-checkin .checkin-preview,.scene-detail-event-secondary .checkin-preview{flex-direction:column;display:flex}.scene-terminal-checkin .checkin-head,.scene-detail-event-secondary .checkin-head{flex:0 0 12%;min-height:0;padding:0 10px}.scene-terminal-checkin .checkin-head strong,.scene-detail-event-secondary .checkin-head strong{font-size:8px}.scene-terminal-checkin .checkin-head small,.scene-terminal-checkin .checkin-head>b,.scene-detail-event-secondary .checkin-head small,.scene-detail-event-secondary .checkin-head>b{font-size:6px}.scene-terminal-checkin .checkin-body,.scene-detail-event-secondary .checkin-body{flex:1;grid-template-rows:1.05fr .95fr;grid-template-columns:1fr;gap:8px;min-height:0;padding:8px;display:grid}.scene-terminal-checkin .checkin-stats,.scene-terminal-checkin .checkin-scan,.scene-detail-event-secondary .checkin-stats,.scene-detail-event-secondary .checkin-scan{border-radius:7px;min-height:0;padding:9px;overflow:hidden}.scene-terminal-checkin .checkin-stats>strong,.scene-detail-event-secondary .checkin-stats>strong{margin-top:3px;font-size:22px}.scene-terminal-checkin .checkin-stats>span,.scene-terminal-checkin .checkin-stats>small,.scene-detail-event-secondary .checkin-stats>span,.scene-detail-event-secondary .checkin-stats>small{font-size:6px}.scene-terminal-checkin .checkin-stats>div,.scene-detail-event-secondary .checkin-stats>div{gap:3px;margin-top:6px}.scene-terminal-checkin .checkin-stats p,.scene-detail-event-secondary .checkin-stats p{grid-template-columns:24px 1fr 28px 28px;gap:3px;min-height:19px;padding:3px 4px;font-size:6px}.scene-terminal-checkin .checkin-stats p:nth-child(n+3),.scene-detail-event-secondary .checkin-stats p:nth-child(n+3){display:none}.scene-terminal-checkin .checkin-scan,.scene-detail-event-secondary .checkin-scan{justify-content:center}.scene-terminal-checkin .scan-frame,.scene-detail-event-secondary .scan-frame{border-radius:9px;gap:3px;width:62px;height:62px;padding:10px}.scene-terminal-checkin .checkin-scan>strong,.scene-detail-event-secondary .checkin-scan>strong{margin-top:7px;font-size:8px}.scene-terminal-checkin .checkin-scan>small,.scene-detail-event-secondary .checkin-scan>small{margin-top:3px;font-size:6px}.scene-terminal-checkin .checkin-action,.scene-detail-event-secondary .checkin-action{margin-top:6px;padding:4px 6px;font-size:6px}.scene-terminal-checkin .checkin-scan>em,.scene-detail-event-secondary .checkin-scan>em{display:none}}.terminal-tabs{background:radial-gradient(circle at 12% 2%,#3076ff29,#0000 18rem),linear-gradient(#0a2343fa,#061931fa);border:1px solid #749bcd3d;border-radius:24px;gap:7px;padding:12px;overflow:hidden;box-shadow:0 26px 70px #000f2742}.terminal-tabs button{color:#8ca2bd;background:0 0;border:1px solid #0000;border-radius:15px;gap:13px;min-height:78px;padding:13px 15px}.terminal-tabs button:hover{color:#dbe8f8;background:#ffffff0b}.terminal-tabs button[aria-selected=true]{color:#102842;background:linear-gradient(135deg,#fff,#edf5fffa);border-color:#b2d0f3db;border-radius:15px;transform:translate(3px);box-shadow:0 16px 30px #000a2040,inset 4px 0 #236cff}.terminal-tabs button>span{color:#6f88a6;background:#ffffff12;border-radius:10px;flex:none;place-items:center;width:31px;height:31px;font-size:10px;font-weight:820;display:grid}.terminal-tabs button[aria-selected=true]>span{color:#fff;background:linear-gradient(145deg,#2b79ff,#0e53ca);box-shadow:0 8px 18px #236cff4d}.terminal-tabs button>div{align-self:center}.terminal-tabs h3{color:inherit;letter-spacing:-.01em;font-size:15px}.terminal-tabs p{color:#7189a6;margin-top:4px;font-size:10px;line-height:1.4}.terminal-tabs button[aria-selected=true] p{color:#64778d}.terminal-tabs small{display:none}.terminal-tabs button>svg{color:#58718f;margin-left:auto}.terminal-tabs button[aria-selected=true]>svg{color:#236cff}.scene-terminal-mini-program>img,.scene-home-operations>img,.scene-home-security>img{filter:saturate(.96)contrast(1.035)}.mobile-experience{color:#102641;background:radial-gradient(circle at 90% 0,#266eff1f,#0000 42%),#f5f8fc;flex-direction:column;width:100%;height:100%;font-family:Inter,PingFang SC,Microsoft YaHei,sans-serif;display:flex;overflow:hidden}.mobile-experience-status{color:#162b43;background:#fff;justify-content:space-between;align-items:center;height:7.5%;min-height:20px;padding:0 8%;font-size:clamp(6px,.64vw,10px);font-weight:800;display:flex}.mobile-experience-status i{background:#07172a;border-radius:999px;width:30%;height:46%}.mobile-experience-status strong{font-size:inherit}.mobile-experience>header{background:#fffffff7;border-bottom:1px solid #e5ebf3;justify-content:space-between;align-items:center;height:10.5%;min-height:38px;padding:0 7%;display:flex}.mobile-experience-brand{align-items:center;gap:7px;min-width:0;display:flex}.mobile-experience-brand>i{color:#fff;background:linear-gradient(145deg,#2879ff,#0b4ebc);border-radius:8px;flex:none;place-items:center;width:24px;height:24px;display:grid;box-shadow:0 7px 14px #236cff3d}.mobile-experience-brand>span{flex-direction:column;min-width:0;display:flex}.mobile-experience-brand small{color:#2872db;letter-spacing:.1em;font-size:clamp(5px,.48vw,7px);font-weight:850}.mobile-experience-brand strong{color:#102842;text-overflow:ellipsis;white-space:nowrap;font-size:clamp(7px,.78vw,12px);line-height:1.15;overflow:hidden}.mobile-experience>header>button{color:#536a84;background:#f5f8fc;border:1px solid #dfe7f0;border-radius:8px;place-items:center;width:26px;height:26px;padding:0;display:grid;position:relative}.mobile-experience>header>button b{background:#ff6b5f;border:2px solid #fff;border-radius:50%;width:6px;height:6px;position:absolute;top:3px;right:3px}.mobile-experience>main{flex-direction:column;flex:1;gap:4%;min-height:0;padding:5.5% 5.5% 2.5%;display:flex}.mobile-identity-card{color:#fff;background:radial-gradient(circle at 88% 14%,#ffcd6952,#0000 35%),linear-gradient(135deg,#061d3b,#0d498e 58%,#176cff);border:1px solid #ffffff38;border-radius:14px;flex-direction:column;justify-content:center;min-height:27%;padding:8%;display:flex;position:relative;overflow:hidden;box-shadow:0 13px 25px #05295b38}.mobile-identity-card:after{content:"";aspect-ratio:1;border:1px solid #ffffff24;border-radius:50%;width:52%;position:absolute;bottom:-35%;right:-10%;box-shadow:0 0 0 14px #ffffff0a}.mobile-identity-card>div{flex-direction:column;display:flex}.mobile-identity-card small{color:#8de8df;letter-spacing:.08em;font-size:clamp(5px,.5vw,8px);font-weight:850}.mobile-identity-card>div>strong{margin-top:4%;font-size:clamp(11px,1.35vw,20px);line-height:1}.mobile-identity-card>div>span{color:#c4d6e9;margin-top:3%;font-size:clamp(6px,.64vw,10px)}.mobile-identity-card>em{color:#9ef0e5;background:#11c4b029;border-radius:6px;align-items:center;gap:4px;padding:4px 6px;font-size:clamp(5px,.46vw,7px);font-style:normal;font-weight:750;display:inline-flex;position:absolute;top:12%;right:8%}.mobile-identity-card footer{color:#9eb4cc;justify-content:space-between;align-items:flex-end;margin-top:auto;padding-top:7%;font-size:clamp(5px,.49vw,8px);display:flex}.mobile-identity-card footer b{color:#fff;font-size:inherit}.mobile-action-grid{background:#fff;border:1px solid #e0e8f2;border-radius:12px;grid-template-columns:repeat(4,minmax(0,1fr));min-height:17%;padding:4% 2.5%;display:grid;box-shadow:0 8px 20px #1631520e}.mobile-action-grid button{color:#4e647e;background:0 0;border:0;flex-direction:column;justify-content:center;align-items:center;gap:5px;min-width:0;padding:0;display:flex}.mobile-action-grid button i{color:#176cff;background:#eef4ff;border-radius:9px;place-items:center;width:27px;height:27px;display:grid}.mobile-action-grid button span{text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:clamp(5px,.48vw,8px);font-weight:650;overflow:hidden}.mobile-next-event{background:#fff;border:1px solid #dfe7f1;border-radius:12px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:3%;min-height:20%;padding:4%;display:grid;box-shadow:0 8px 20px #1631520e}.mobile-next-event-date{aspect-ratio:.88;color:#fff;background:linear-gradient(145deg,#2377ff,#0c4db7);border-radius:9px;flex-direction:column;justify-content:center;align-items:center;width:30px;display:flex}.mobile-next-event-date strong{font-size:clamp(10px,1.05vw,16px);line-height:1}.mobile-next-event-date span{margin-top:2px;font-size:clamp(5px,.43vw,7px);font-weight:800}.mobile-next-event>div:nth-child(2){flex-direction:column;min-width:0;display:flex}.mobile-next-event small{color:#178d80;font-size:clamp(5px,.43vw,7px);font-weight:800}.mobile-next-event>div:nth-child(2)>strong{color:#142c48;text-overflow:ellipsis;white-space:nowrap;margin-top:4%;font-size:clamp(6px,.66vw,10px);overflow:hidden}.mobile-next-event>div:nth-child(2)>span{color:#77879b;text-overflow:ellipsis;white-space:nowrap;margin-top:3%;font-size:clamp(5px,.48vw,8px);overflow:hidden}.mobile-next-event>button{color:#176cff;background:#f7f9fc;border:1px solid #dfe7f1;border-radius:8px;place-items:center;width:21px;height:21px;padding:0;display:grid}.mobile-service-note{background:#fff;border:1px solid #dfe7f1;border-radius:11px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:6%;min-height:11%;padding:0 5%;display:grid}.mobile-service-note>i{background:#18bda7;border-radius:50%;width:8px;height:8px;box-shadow:0 0 0 4px #18bda71f}.mobile-service-note>span{flex-direction:column;min-width:0;display:flex}.mobile-service-note strong{color:#29415f;text-overflow:ellipsis;white-space:nowrap;font-size:clamp(5px,.52vw,8px);overflow:hidden}.mobile-service-note small{color:#7c8da1;text-overflow:ellipsis;white-space:nowrap;margin-top:2px;font-size:clamp(4px,.4vw,6px);overflow:hidden}.mobile-service-note>b{color:#176cff;font-size:12px}.mobile-experience>nav{background:#fffffffa;border-top:1px solid #e0e8f2;grid-template-columns:repeat(4,1fr);height:10%;min-height:42px;padding:0 5%;display:grid}.mobile-experience>nav span{color:#8a99aa;flex-direction:column;justify-content:center;align-items:center;gap:3px;display:flex}.mobile-experience>nav span.active{color:#176cff}.mobile-experience>nav small{font-size:clamp(5px,.45vw,7px);font-weight:650}.focus-workspace{color:#142a44;background:#f4f7fb;grid-template-columns:23% minmax(0,1fr);width:100%;height:100%;font-family:Inter,PingFang SC,Microsoft YaHei,sans-serif;display:grid;overflow:hidden}.focus-workspace>aside{color:#90a5bf;background:linear-gradient(#071b36,#0b2c51);flex-direction:column;min-width:0;padding:6% 7%;display:flex}.focus-workspace-logo{align-items:center;gap:7px;display:flex}.focus-workspace-logo>i{color:#fff;background:linear-gradient(145deg,#2879ff,#16b7a3);border-radius:7px;flex:none;place-items:center;width:25px;height:25px;display:grid}.focus-workspace-logo>span{flex-direction:column;min-width:0;display:flex}.focus-workspace-logo small{color:#6e86a2;letter-spacing:.08em;font-size:clamp(5px,.42vw,7px);font-weight:800}.focus-workspace-logo strong{color:#fff;text-overflow:ellipsis;white-space:nowrap;font-size:clamp(6px,.63vw,10px);overflow:hidden}.focus-workspace aside nav{gap:5px;margin-top:13%;display:grid}.focus-workspace aside nav span{color:#8198b4;border-radius:7px;align-items:center;gap:6px;min-height:27px;padding:0 7px;display:flex}.focus-workspace aside nav span.active{color:#fff;background:linear-gradient(90deg,#2670ff66,#1abca324);box-shadow:inset 2px 0 #4ce0cc}.focus-workspace aside nav b{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-size:clamp(5px,.5vw,8px);overflow:hidden}.focus-workspace aside nav em{color:#fff;background:#2776ff;border-radius:7px;padding:2px 4px;font-size:clamp(4px,.38vw,6px);font-style:normal}.focus-workspace>aside>footer{color:#758ca7;border-top:1px solid #ffffff14;align-items:center;gap:5px;margin-top:auto;padding-top:8%;font-size:clamp(4px,.42vw,7px);display:flex}.focus-workspace>main{min-width:0;padding:3.5% 3.8%;overflow:hidden}.focus-workspace>main>header{justify-content:space-between;align-items:center;display:flex}.focus-workspace>main>header>div{flex-direction:column;min-width:0;display:flex}.focus-workspace>main>header small{color:#7c8da2;letter-spacing:.06em;font-size:clamp(4px,.4vw,6px);font-weight:700}.focus-workspace>main>header strong{color:#122945;font-size:clamp(9px,.96vw,15px)}.focus-workspace>main>header>span{color:#78899d;align-items:center;gap:4px;font-size:clamp(4px,.42vw,7px);display:flex}.focus-workspace>main>header>span i{background:#18bda7;border-radius:50%;width:6px;height:6px;box-shadow:0 0 0 3px #18bda71c}.focus-metrics{grid-template-columns:repeat(3,1fr);gap:2%;margin-top:3.4%;display:grid}.focus-metrics article{background:#fff;border:1px solid #e0e7f0;border-radius:8px;flex-direction:column;min-height:54px;padding:6% 7%;display:flex;position:relative}.focus-metrics article>i{color:#2471fa;background:#eef4ff;border-radius:7px;place-items:center;width:22px;height:22px;display:grid;position:absolute;top:12%;right:7%}.focus-metrics small{color:#74859a;font-size:clamp(4px,.43vw,7px)}.focus-metrics strong{color:#132b47;margin-top:6%;font-size:clamp(9px,1.06vw,17px);line-height:1}.focus-metrics span{color:#159b86;margin-top:4%;font-size:clamp(4px,.41vw,7px);font-weight:700}.focus-workspace-body{grid-template-columns:minmax(0,1.55fr) minmax(90px,.75fr);gap:2%;margin-top:2.3%;display:grid}.focus-trend,.focus-queue,.focus-table{background:#fff;border:1px solid #e0e7f0;border-radius:8px}.focus-trend{min-height:100px;padding:3.5% 4%}.focus-trend>header,.focus-queue>header,.focus-table>header{justify-content:space-between;align-items:center;display:flex}.focus-trend>header strong,.focus-queue>header strong,.focus-table>header strong{color:#253a54;font-size:clamp(5px,.53vw,8px)}.focus-trend>header span{color:#7d8da0;align-items:center;gap:4px;font-size:clamp(4px,.36vw,6px);display:flex}.focus-trend>header span i{background:#2877ff;border-radius:50%;width:6px;height:6px}.focus-trend>header span i:nth-of-type(2){background:#19b8a3;margin-left:4px}.focus-trend svg{width:100%;height:63px;margin-top:2px}.focus-grid{fill:none;stroke:#e9eef5;stroke-width:1px}.focus-area{fill:#2775ff21}.focus-line{fill:none;stroke:#2877ff;stroke-width:3px}.focus-line.secondary{stroke:#19b8a3;stroke-width:2px}.focus-trend>footer{color:#97a4b4;justify-content:space-between;font-size:clamp(4px,.34vw,5px);display:flex}.focus-queue{min-height:100px;padding:5% 6%}.focus-queue>header span{color:#fff;text-align:center;background:#2473fb;border-radius:7px;min-width:20px;padding:2px 5px;font-size:clamp(4px,.38vw,6px)}.focus-queue>div{grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:6px;margin-top:7%;display:grid}.focus-queue>div>i{background:#2877ff;border-radius:3px;width:7px;height:7px}.focus-queue>div>i.teal{background:#19b8a3}.focus-queue>div>i.amber{background:#e9a83e}.focus-queue>div>span{flex-direction:column;min-width:0;display:flex}.focus-queue>div strong{color:#31465f;text-overflow:ellipsis;white-space:nowrap;font-size:clamp(4px,.42vw,7px);overflow:hidden}.focus-queue>div small{color:#909dae;text-overflow:ellipsis;white-space:nowrap;font-size:clamp(3px,.33vw,5px);overflow:hidden}.focus-queue>div>b{color:#425974;font-size:clamp(5px,.5vw,8px)}.focus-table{margin-top:2.3%;padding:2.5% 3%}.focus-table>header span{color:#2473fb;font-size:clamp(4px,.38vw,6px)}.focus-table>div{color:#5d7088;border-top:1px solid #eef2f6;grid-template-columns:.68fr 1.5fr .8fr .45fr;align-items:center;gap:4px;min-height:21px;font-size:clamp(4px,.39vw,6px);display:grid}.focus-table>div strong,.focus-table>div span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.focus-table>div strong{color:#263d58}.focus-table>div b{color:#118a77;width:max-content;font-size:inherit;background:#e8f8f4;border-radius:4px;padding:2px 4px}.focus-table>div time{text-align:right}.security-workspace{color:#142a44;background:radial-gradient(circle at 92% 0,#2470ff14,#0000 38%),#f4f7fb;grid-template-rows:28px 55px minmax(0,1fr);row-gap:6px;width:100%;height:100%;padding:3.5% 4%;font-family:Inter,PingFang SC,Microsoft YaHei,sans-serif;display:grid;overflow:hidden}.security-workspace>header{justify-content:space-between;align-items:center;display:flex}.security-workspace-title{align-items:center;gap:8px;min-width:0;display:flex}.security-workspace-title>i{color:#fff;background:linear-gradient(145deg,#2878ff,#1150ba);border-radius:8px;flex:none;place-items:center;width:28px;height:28px;display:grid;box-shadow:0 8px 16px #2470ff33}.security-workspace-title>span{flex-direction:column;min-width:0;display:flex}.security-workspace-title small{color:#6f8298;letter-spacing:.08em;font-size:clamp(4px,.4vw,6px);font-weight:800}.security-workspace-title strong{color:#102942;font-size:clamp(8px,.9vw,14px)}.security-workspace-live{color:#148e7c;align-items:center;gap:5px;font-size:clamp(4px,.42vw,7px);font-weight:720;display:flex}.security-workspace-live i{background:#19bda6;border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 4px #19bda61f}.security-summary{grid-template-columns:repeat(3,1fr);gap:2%;min-height:0;margin-top:0;display:grid}.security-summary article{background:#fff;border:1px solid #dfe7f0;border-radius:8px;flex-direction:column;min-height:55px;padding:6% 7%;display:flex}.security-summary small{color:#738499;font-size:clamp(4px,.43vw,7px)}.security-summary strong{color:#112a46;margin-top:6%;font-size:clamp(9px,1vw,16px);line-height:1}.security-summary span{color:#148e7c;margin-top:5%;font-size:clamp(4px,.4vw,6px);font-weight:700}.security-workspace-body{grid-template-columns:minmax(0,1.16fr) minmax(0,.84fr);gap:2%;min-height:0;margin-top:0;display:grid}.security-role-panel,.security-control-panel,.security-event-list{background:#fff;border:1px solid #dfe7f0;border-radius:8px}.security-role-panel{min-height:0;padding:3.2% 4%}.security-role-panel>header,.security-control-panel>header,.security-event-list>header{justify-content:space-between;align-items:center;display:flex}.security-role-panel>header strong,.security-control-panel>header strong,.security-event-list>header strong{color:#263d58;font-size:clamp(5px,.52vw,8px)}.security-role-panel>header button{color:#fff;background:#2473fb;border:0;border-radius:5px;min-height:20px;padding:0 7px;font-size:clamp(4px,.38vw,6px)}.security-role-panel>div{border-top:1px solid #edf1f6;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:7px;min-height:27px;display:grid}.security-role-panel>div>i{color:#2473fb;background:#eef4ff;border-radius:6px;place-items:center;width:20px;height:20px;display:grid}.security-role-panel>div>span{flex-direction:column;min-width:0;display:flex}.security-role-panel>div strong{color:#31475f;text-overflow:ellipsis;white-space:nowrap;font-size:clamp(4px,.43vw,7px);overflow:hidden}.security-role-panel>div small{color:#8998aa;text-overflow:ellipsis;white-space:nowrap;font-size:clamp(3px,.34vw,5px);overflow:hidden}.security-role-panel>div>b{color:#148e7c;font-size:clamp(4px,.38vw,6px)}.security-side-stack{grid-template-rows:minmax(0,1.2fr) minmax(0,1fr);gap:5px;min-width:0;min-height:0;display:grid}.security-control-panel{min-height:0;padding:4% 6%;overflow:hidden}.security-control-panel>header span{color:#2473fb;font-size:clamp(6px,.63vw,10px);font-weight:800}.security-control-panel>div{margin-top:2%}.security-control-panel>div>span{color:#60738a;justify-content:space-between;font-size:clamp(4px,.39vw,6px);display:flex}.security-control-panel>div>span b{color:#28405d;font-size:inherit}.security-control-panel>div>i{background:#e8edf4;border-radius:4px;height:4px;margin-top:2px;display:block;overflow:hidden}.security-control-panel>div>i em{border-radius:inherit;background:linear-gradient(90deg,#2473fb,#1ab9a5);height:100%;display:block}.security-event-list{min-height:0;margin-top:0;padding:4% 5%;overflow:hidden}.security-event-list>header span{color:#148e7c;font-size:clamp(4px,.38vw,6px)}.security-event-list>div{color:#66788e;border-top:1px solid #edf1f6;grid-template-columns:auto minmax(0,1.2fr) minmax(0,.72fr) auto;align-items:center;gap:4px;min-height:16px;font-size:clamp(4px,.39vw,6px);display:grid}.security-event-list>div>i{background:#18b9a3;border-radius:3px;width:7px;height:7px}.security-event-list>div>i.risk{background:#e9a43a}.security-event-list>div strong,.security-event-list>div span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.security-event-list>div strong{color:#2d445f}.security-event-list>div b{color:#148e7c;width:max-content;font-size:inherit;background:#e8f8f4;border-radius:4px;padding:2px 4px}@media (width>=821px){.scene-terminal-mini-program{--screen-left:15.9%;--screen-top:15.7%;--screen-width:18.3%;--screen-height:69.2%;--screen-radius:24px}.scene-home-operations{--screen-left:3%;--screen-top:20%;--screen-width:50%;--screen-height:54%;--screen-radius:3px}.scene-home-security{--screen-left:47.7%;--screen-top:13.3%;--screen-width:47.2%;--screen-height:48.8%;--screen-radius:3px}.scene-terminal-mini-program .business-visual-ui>.mobile-experience,.scene-home-operations .business-visual-ui>.focus-workspace,.scene-home-security .business-visual-ui>.security-workspace{width:100%;height:100%}}@media (width<=820px){.terminal-tabs{border-radius:18px;grid-template-columns:repeat(2,minmax(0,1fr));padding:8px}.terminal-tabs button,.terminal-tabs button:nth-child(odd){min-height:74px;padding:10px}.business-visual-ui>.mobile-experience,.business-visual-ui>.focus-workspace,.business-visual-ui>.security-workspace{width:100%;height:100%}.business-visual-phone .business-visual-ui:has(>.mobile-experience){border-radius:20px;width:auto;inset:28px 18px 92px;overflow:hidden;transform:none;box-shadow:0 24px 60px #02102752}.focus-workspace,.security-workspace{font-size:10px}}@media (width<=560px){.terminal-tabs{grid-template-columns:1fr}.terminal-tabs button,.terminal-tabs button:nth-child(odd){min-height:68px}.terminal-tabs button:nth-child(n+5){display:none}:is(.business-visual-phone .business-visual-ui:has(>.mobile-experience),.business-visual-desktop .business-visual-ui:has(>.focus-workspace),.business-visual-security .business-visual-ui:has(>.security-workspace)){border-radius:17px;width:auto;height:auto;inset:42px 10px 82px;overflow:hidden;transform:none}}:root{--v150-navy-950:#041627;--v150-navy-900:#06233f;--v150-navy-800:#0a3155;--v150-blue:#2476f2;--v150-cyan:#2ccbd3;--v150-paper:#fff;--v150-ink:#102842;--v150-muted:#64778d;--v150-line:#d9e7f1}.scene-terminal-mini-program .business-visual-ui,.scene-home-operations .business-visual-ui,.scene-home-security .business-visual-ui{box-shadow:inset 0 0 0 1px #deeeff85,inset 0 18px 34px #ffffff09,0 12px 28px #000c1f47}.mobile-experience,.focus-workspace,.security-workspace{container-type:inline-size}#terminals.terminal-section{color:#f5faff;background:radial-gradient(circle at 83% 12%, #2476f233, transparent 32rem), radial-gradient(circle at 12% 78%, #2ccbd31a, transparent 28rem), linear-gradient(145deg, var(--v150-navy-950), #072847 62%, #09355b);position:relative;overflow:hidden}#terminals.terminal-section:before{opacity:.14;background-image:linear-gradient(#76a4d221 1px,#0000 1px),linear-gradient(90deg,#76a4d221 1px,#0000 1px);background-size:56px 56px}#terminals .section-heading{grid-template-columns:minmax(0,1.18fr) minmax(360px,.82fr);align-items:end;gap:clamp(52px,5vw,82px);margin-bottom:clamp(48px,4vw,64px)}#terminals .section-heading-light .eyebrow{color:#69e0d7}#terminals .section-heading-light h2{color:#f5faff;letter-spacing:-.045em;font-size:clamp(38px,3.1vw,52px)}#terminals .section-heading-light>p{color:#a9bdd1;max-width:560px;font-size:17px;line-height:1.78}#terminals .terminal-tabs{background:radial-gradient(circle at 12% 0,#2ccbd31c,#0000 16rem),linear-gradient(#082544f5,#04182efa);border:1px solid #69b8e03b;border-radius:28px;grid-template-rows:repeat(7,minmax(0,1fr));gap:8px;height:100%;min-height:0;padding:14px;display:grid;overflow:hidden;box-shadow:0 30px 80px #000c204d}#terminals .terminal-tabs button{color:#ebf5ffc2;background:0 0;border:1px solid #0000;border-radius:16px;gap:13px;height:auto;min-height:0;padding:11px 14px;transition:color .22s,background .22s,border-color .22s,transform .22s,box-shadow .22s}#terminals .terminal-tabs button:hover{color:#fff;background:#ffffff0e}#terminals .terminal-tabs button[aria-selected=true]{color:var(--v150-ink);box-shadow:0 14px 34px #000a1f47, inset 4px 0 var(--v150-blue);background:linear-gradient(135deg,#fff,#eef6ff);border-color:#6ca6e8a8;transform:translate(3px)}#terminals .terminal-tabs button>span{color:#94abc4;background:#ffffff12;border-radius:11px;flex:none;place-items:center;width:34px;height:34px;font-size:11px;font-weight:840;display:grid}#terminals .terminal-tabs button[aria-selected=true]>span{color:#fff;background:linear-gradient(145deg,#3385ff,#1355bc);box-shadow:0 8px 18px #2476f24d}#terminals .terminal-tabs h3{color:inherit;font-size:clamp(15px,1vw,17px);line-height:1.2}#terminals .terminal-tabs p{color:#7f98b4;margin-top:5px;font-size:11.5px;line-height:1.42}#terminals .terminal-tabs button[aria-selected=true] p{color:#62758c}#terminals .terminal-tabs button>svg{color:#6d88a6;flex:none;margin-left:auto}#terminals .terminal-tabs button[aria-selected=true]>svg{color:var(--v150-blue)}#terminals .terminal-stage{aspect-ratio:3/2;background:#071b33;border:1px solid #62b5dc47;border-radius:28px;width:100%;min-height:0;padding:0;overflow:hidden;box-shadow:0 36px 90px #000a1d61,0 0 0 1px #ffffff06}#terminals .terminal-panel .business-visual{border-radius:27px}#terminals .terminal-floating-note{color:#effcff;-webkit-backdrop-filter:blur(18px)saturate(1.15);backdrop-filter:blur(18px)saturate(1.15);background:#051d34d1;border:1px solid #6addd757;border-radius:12px;min-height:42px;padding-inline:14px;bottom:22px;left:22px;box-shadow:0 14px 34px #000a1e3d}#terminals .terminal-floating-note svg{color:#5de0d7}@media (width>=821px){.scene-terminal-mini-program>img{transform-origin:0;transform:scale(1.28)}.scene-terminal-mini-program{--screen-left:20.35%;--screen-top:6.1%;--screen-width:23.42%;--screen-height:88.58%;--screen-radius:30px}.scene-home-operations{--screen-left:2.3%;--screen-top:18.8%;--screen-width:51.5%;--screen-height:55.5%;--screen-radius:2px}.scene-home-security{--screen-left:47.4%;--screen-top:13.1%;--screen-width:47.4%;--screen-height:49%;--screen-radius:2px}}.mobile-experience{border-radius:inherit;background:radial-gradient(circle at 95% 0,#2476f224,#0000 40%),#f5f8fc}.mobile-experience-status{font-size:clamp(7px,4.2cqw,10px)}.mobile-experience-brand small{font-size:clamp(6px,3.1cqw,8px)}.mobile-experience-brand strong{font-size:clamp(9px,5.4cqw,13px)}.mobile-identity-card{background:radial-gradient(circle at 88% 14%,#ffd2704d,#0000 34%),linear-gradient(135deg,#061d3b,#0d4b91 58%,#176cff);border-radius:clamp(12px,7cqw,17px);box-shadow:0 16px 30px #05295b3d}.mobile-identity-card small{font-size:clamp(6px,3.4cqw,9px)}.mobile-identity-card>div>strong{font-size:clamp(14px,8.2cqw,22px)}.mobile-identity-card>div>span,.mobile-identity-card footer{font-size:clamp(7px,3.9cqw,10px)}.mobile-identity-card>em{font-size:clamp(6px,3.3cqw,8px)}.mobile-action-grid button span,.mobile-next-event small,.mobile-next-event>div:nth-child(2)>span,.mobile-service-note strong,.mobile-experience>nav small{font-size:clamp(6px,3.6cqw,9px)}.mobile-next-event>div:nth-child(2)>strong{font-size:clamp(8px,4.4cqw,11px)}.mobile-service-note small{font-size:clamp(5px,3cqw,8px)}#operations.ops-section{background:radial-gradient(circle at 88% 8%, #2476f233, transparent 34rem), radial-gradient(circle at 8% 88%, #2ccbd31a, transparent 28rem), linear-gradient(145deg, var(--v150-navy-950), #072947 68%, #0a3559);position:relative;overflow:hidden}#operations .ops-grid{grid-template-columns:minmax(0,1.16fr) minmax(480px,.84fr);align-items:center;gap:clamp(54px,5vw,78px);display:grid}#operations .ops-visual{min-width:0}#operations .ops-visual .business-visual{aspect-ratio:3/2;border:1px solid #56c1d23d;border-radius:28px;min-height:0;box-shadow:0 38px 96px #0008196b,0 0 0 1px #ffffff06}#operations .ops-copy{max-width:640px}#operations .ops-copy .eyebrow{color:#69e0d7}#operations .ops-copy h2{color:#f5faff;letter-spacing:-.045em;width:100%;font-size:clamp(38px,3.2vw,52px);line-height:1.08}#operations .ops-copy>p:not(.eyebrow){color:#afc2d5;margin-top:24px;font-size:17px;line-height:1.82}#operations .ops-copy ul{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:30px 0 28px;display:grid}#operations .ops-copy li{color:#dbe8f3;background:#ffffff0b;border:1px solid #75aed32b;border-radius:13px;align-items:center;gap:9px;min-height:50px;padding:12px 14px;font-size:14px;display:flex}#operations .ops-copy li svg{color:#5de0d7;flex:none}#operations .ops-copy .text-link{color:#73e4dc;font-size:15px}.focus-workspace{border-radius:inherit;background:#f4f7fb;grid-template-columns:22% minmax(0,1fr)}.focus-workspace>aside{background:linear-gradient(#06182e,#0a2b4e);padding:5.5% 7%}.focus-workspace-logo small{font-size:clamp(6px,1.5cqw,8px)}.focus-workspace-logo strong{font-size:clamp(8px,2.2cqw,11px)}.focus-workspace aside nav{gap:6px;margin-top:14%}.focus-workspace aside nav span{border-radius:8px;min-height:clamp(28px,7.2cqw,34px)}.focus-workspace aside nav b{font-size:clamp(7px,1.8cqw,9px)}.focus-workspace aside nav em,.focus-workspace>aside>footer{font-size:clamp(6px,1.35cqw,7px)}.focus-workspace>main{padding:3.4% 3.7%}.focus-workspace>main>header small{font-size:clamp(6px,1.35cqw,7px)}.focus-workspace>main>header strong{font-size:clamp(12px,3.2cqw,17px)}.focus-workspace>main>header>span{font-size:clamp(6px,1.5cqw,8px)}.focus-filterbar{background:#fff;border:1px solid #dfe7f0;border-radius:7px;align-items:center;gap:2%;min-height:clamp(24px,6.2cqw,30px);margin-top:2.6%;padding:0 1.5%;display:flex}.focus-filterbar>span{color:#64778d;white-space:nowrap;align-items:center;gap:4px;min-width:0;font-size:clamp(6px,1.45cqw,8px);display:inline-flex}.focus-filterbar>span b{color:#8fa0b3;font-size:inherit}.focus-filterbar>button{color:#fff;background:var(--v150-blue);border:0;border-radius:5px;min-height:clamp(18px,4.7cqw,24px);margin-left:auto;padding:0 7px;font-size:clamp(6px,1.38cqw,7px);font-weight:720}.focus-metrics{grid-template-columns:repeat(4,minmax(0,1fr));gap:1.5%;margin-top:2.4%}.focus-metrics article{border-radius:8px;min-height:clamp(50px,13cqw,62px);padding:clamp(7px,1.9cqw,10px)}.focus-metrics article>i{width:clamp(20px,5.5cqw,26px);height:clamp(20px,5.5cqw,26px)}.focus-metrics small{font-size:clamp(6px,1.45cqw,8px)}.focus-metrics strong{margin-top:7%;font-size:clamp(11px,3cqw,16px)}.focus-metrics span{font-size:clamp(6px,1.38cqw,7px)}.focus-workspace-body{grid-template-columns:minmax(0,1.55fr) minmax(92px,.72fr);margin-top:2%}.focus-trend,.focus-queue,.focus-table{border-radius:8px}.focus-trend{min-height:clamp(92px,23cqw,112px)}.focus-trend>header strong,.focus-queue>header strong,.focus-table>header strong{font-size:clamp(7px,1.8cqw,9px)}.focus-trend>header span,.focus-trend>footer,.focus-queue>header span,.focus-queue>div strong,.focus-queue>div>b,.focus-table>header span,.focus-table>div{font-size:clamp(6px,1.42cqw,8px)}.focus-queue>div small{font-size:clamp(5px,1.18cqw,6px)}.focus-table{margin-top:2%}.focus-table>div{min-height:clamp(19px,4.8cqw,24px)}#security.security-strip{background:radial-gradient(circle at 88% 12%,#2476f20e,#0000 34rem),#fff}#security .security-layout{border:1px solid var(--v150-line);background:linear-gradient(135deg,#fbfdff,#edf5fb);border-radius:32px;grid-template-columns:minmax(470px,.8fr) minmax(0,1.2fr);align-items:stretch;gap:0;min-height:0;padding:0;display:grid;overflow:hidden;box-shadow:0 32px 84px #0b2b4b1a}#security .security-copy{align-self:center;padding:clamp(48px,5.1vw,80px)}#security .security-copy .eyebrow{color:#176aa8}#security .security-copy h2{width:100%;color:var(--v150-ink);letter-spacing:-.045em;font-size:clamp(36px,3vw,50px);line-height:1.1}#security .security-copy>p:not(.eyebrow){color:var(--v150-muted);margin:24px 0 26px;font-size:16px;line-height:1.82}.security-proof-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-bottom:26px;display:grid}.security-proof-grid>span{color:#3e5871;background:#ffffffb8;border:1px solid #dbe7f1;border-radius:11px;align-items:center;gap:9px;min-height:42px;padding:8px 10px;font-size:13px;font-weight:650;display:flex}.security-proof-grid>span>i{color:#1d70d8;background:#eaf2ff;border-radius:8px;flex:none;place-items:center;width:26px;height:26px;display:grid}#security .security-copy .text-link{color:#1769c9;font-size:15px}#security .security-scene{align-self:stretch;min-width:0}#security .security-scene .business-visual{height:100%;min-height:0;box-shadow:none;border:0;border-radius:0}#security .security-scene .business-visual:after{content:"";z-index:4;pointer-events:none;background:linear-gradient(90deg,#eef6fcdb,#0000);width:10%;position:absolute;inset:0 auto 0 0}.security-workspace{border-radius:inherit;grid-template-rows:clamp(28px,7.2cqw,34px) clamp(52px,13.4cqw,64px) minmax(0,1fr);row-gap:clamp(6px,1.5cqw,8px);padding:3.6% 4%}.security-workspace-title small{font-size:clamp(6px,1.45cqw,8px)}.security-workspace-title strong{font-size:clamp(11px,3cqw,16px)}.security-workspace-live{font-size:clamp(6px,1.45cqw,8px)}.security-summary{grid-template-columns:repeat(4,minmax(0,1fr));gap:1.5%}.security-summary article{border-radius:8px;min-height:0;padding:clamp(7px,1.9cqw,10px)}.security-summary small{font-size:clamp(6px,1.45cqw,8px)}.security-summary strong{margin-top:7%;font-size:clamp(11px,3cqw,16px)}.security-summary span{font-size:clamp(6px,1.35cqw,7px)}.security-workspace-body{grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr)}.security-role-panel,.security-control-panel,.security-event-list{border-radius:8px}.security-role-panel>header strong,.security-control-panel>header strong,.security-event-list>header strong{font-size:clamp(7px,1.78cqw,9px)}.security-role-panel>header button,.security-role-panel>div strong,.security-role-panel>div>b,.security-control-panel>div>span,.security-event-list>header span,.security-event-list>div{font-size:clamp(6px,1.4cqw,8px)}.security-role-panel>div small{font-size:clamp(5px,1.18cqw,6px)}.security-role-panel>div{min-height:clamp(26px,6.7cqw,33px)}.security-control-panel>header span{font-size:clamp(8px,2.2cqw,11px)}@media (width>=1800px){#terminals>.site-container,#operations>.site-container,#security>.site-container{width:min(100% - 128px,1640px)}#terminals .terminal-layout{grid-template-columns:430px minmax(0,1fr);gap:64px}#operations .ops-grid{gap:86px}#security .security-layout{grid-template-columns:minmax(590px,.8fr) minmax(0,1.2fr)}}@media (width<=1240px){#operations .ops-grid{grid-template-columns:minmax(0,1.08fr) minmax(430px,.92fr);gap:48px}#security .security-layout{grid-template-columns:minmax(430px,.86fr) minmax(0,1.14fr)}#security .security-copy{padding:46px}}@media (width<=1100px){#terminals .section-heading{grid-template-columns:1fr;gap:20px}#terminals .terminal-layout{grid-template-columns:1fr;gap:28px}#terminals .terminal-tabs{grid-template-rows:none;grid-template-columns:repeat(2,minmax(0,1fr));height:auto}#terminals .terminal-tabs button{min-height:76px}#operations .ops-grid,#security .security-layout{grid-template-columns:1fr}#operations .ops-copy{order:-1;max-width:820px}#operations .ops-visual{width:min(100%,980px)}#security .security-copy{max-width:820px;padding:56px}#security .security-scene{min-height:560px}#security .security-scene .business-visual{aspect-ratio:auto;min-height:560px}#security .security-scene .business-visual:after{background:linear-gradient(#eef6fcdb,#0000);width:100%;height:12%;inset:0 0 auto}}@media (width<=820px){#terminals .section-heading-light h2,#operations .ops-copy h2,#security .security-copy h2{font-size:clamp(30px,6vw,42px)}#terminals .terminal-stage{aspect-ratio:auto;min-height:650px}#terminals .terminal-panel,#terminals .terminal-panel .business-visual{min-height:650px!important}#terminals .business-visual-phone .business-visual-ui:has(>.mobile-experience){background:#fff;border:7px solid #0a1827;border-radius:30px;width:clamp(220px,36vw,290px);height:auto;inset:30px auto 54px 28px;overflow:hidden;transform:none;box-shadow:0 28px 70px #000a1e6b,inset 0 0 0 1px #ffffff2e}#terminals .scene-terminal-mini-program>img{object-position:42% center}#operations .ops-visual .business-visual,#security .security-scene .business-visual{aspect-ratio:auto;min-height:650px}:is(#operations .business-visual-desktop .business-visual-ui:has(>.focus-workspace),#security .business-visual-security .business-visual-ui:has(>.security-workspace)){background:#f4f7fb;border:1px solid #dcebfadb;border-radius:18px;width:auto;height:58%;inset:auto 18px 18px;overflow:hidden;transform:none;box-shadow:0 26px 66px #000a1e5c}#operations .scene-home-operations>img{object-position:54% 20%}#security .scene-home-security>img{object-position:44% center}#security .security-copy{padding:46px 34px}}@media (width<=600px){#terminals .section-heading-light>p,#operations .ops-copy>p:not(.eyebrow),#security .security-copy>p:not(.eyebrow){font-size:15px}#terminals .terminal-tabs{border-radius:18px;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;padding:8px}#terminals .terminal-tabs button,#terminals .terminal-tabs button:nth-child(odd),#terminals .terminal-tabs button:nth-child(n+5){min-height:64px;padding:9px 10px;display:flex}#terminals .terminal-tabs button>span{border-radius:9px;width:29px;height:29px}#terminals .terminal-tabs h3{font-size:clamp(11px,3.5vw,14px)}#terminals .terminal-tabs p,#terminals .terminal-tabs small,#terminals .terminal-tabs button>svg{display:none}#terminals .terminal-stage,#terminals .terminal-panel,#terminals .terminal-panel .business-visual{border-radius:20px;min-height:590px!important}#terminals .business-visual-phone .business-visual-ui:has(>.mobile-experience){border-width:6px;border-radius:28px;width:auto;inset:24px 26px 42px}#terminals .terminal-floating-note{display:none}#operations .ops-copy ul{grid-template-columns:1fr}#operations .ops-copy li{min-height:46px}#operations .ops-visual .business-visual,#security .security-scene,#security .security-scene .business-visual{min-height:570px}:is(#operations .business-visual-desktop .business-visual-ui:has(>.focus-workspace),#security .business-visual-security .business-visual-ui:has(>.security-workspace)){border-radius:15px;height:63%;bottom:10px;left:10px;right:10px}.focus-workspace{grid-template-columns:1fr}.focus-workspace>aside,.focus-filterbar>span:nth-child(2){display:none}.focus-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.focus-metrics article{min-height:50px;padding:7px}.focus-metrics article>i{display:none}.focus-workspace-body{grid-template-columns:1fr}.focus-queue,.focus-table{display:none}.focus-trend{min-height:116px}#security .security-copy{padding:38px 24px}.security-proof-grid{grid-template-columns:1fr}.security-workspace{grid-template-rows:34px auto minmax(0,1fr)}.security-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.security-summary article{min-height:46px;padding:7px}.security-workspace-body{grid-template-columns:1fr}.security-side-stack{display:none}}@media (prefers-reduced-motion:reduce){#terminals .terminal-tabs button{transition:none}}#contact.contact-section{isolation:isolate;background:radial-gradient(circle at 18% 34%,#246bfd2e,#0000 30rem),radial-gradient(circle at 88% 78%,#19b6a51f,#0000 28rem),#06172e;padding-block:clamp(82px,8vw,124px)}#contact.contact-section:before{content:"";z-index:-1;opacity:.32;pointer-events:none;background-image:linear-gradient(#ffffff06 1px,#0000 1px),linear-gradient(90deg,#ffffff06 1px,#0000 1px);background-size:56px 56px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(90deg,#0000,#000 18% 82%,#0000);mask-image:linear-gradient(90deg,#0000,#000 18% 82%,#0000)}#contact.contact-section:after{z-index:-1;border-color:#7ba9ff21;width:520px;height:520px;top:-220px;right:-160px;box-shadow:0 0 0 54px #7ba9ff06,0 0 0 108px #7ba9ff04}#contact .contact-shell{background:linear-gradient(112deg,#246bfd1f,#0000 45%),linear-gradient(145deg,#0a2a4e,#0a2341 58%,#081d37);border:1px solid #8fb5ff38;border-radius:32px;grid-template-columns:minmax(0,1.05fr) minmax(500px,.95fr);align-items:stretch;gap:0;min-height:590px;display:grid;position:relative;overflow:hidden;box-shadow:0 38px 90px #00081857,inset 0 1px #ffffff0f}#contact .contact-shell:before{content:"";border-radius:inherit;pointer-events:none;background:radial-gradient(circle at 0 0,#4386ff2e,#0000 36%),linear-gradient(90deg,#0000 50%,#ffffff06);position:absolute;inset:0}#contact .contact-copy{z-index:1;padding:clamp(48px,5.2vw,72px);flex-direction:column;justify-content:space-between;gap:42px;min-width:0;padding-right:clamp(40px,4.4vw,62px);display:flex;position:relative}#contact .contact-copy:after{content:"";background:linear-gradient(#0000,#91b3ea40 20% 80%,#0000);width:1px;position:absolute;top:10%;bottom:10%;right:0}#contact .contact-copy-top{z-index:1;min-width:0;position:relative}#contact .contact-copy .eyebrow{color:#8fe5d6;letter-spacing:.17em;margin-bottom:20px;font-size:11px}#contact .contact-copy .eyebrow>span{background:linear-gradient(90deg,#20c9ae,#5b9cff);width:34px}#contact .contact-copy h2{color:#fff;letter-spacing:-.045em;max-width:650px;font-size:clamp(34px,3.1vw,49px);line-height:1.12}#contact .contact-copy>.contact-copy-top>p:not(.eyebrow){color:#b9c9d8;max-width:580px;margin-top:22px;font-size:15px;line-height:1.8}#contact .contact-assurance{flex-wrap:wrap;gap:10px;margin-top:26px;display:flex}#contact .contact-assurance>span{color:#d6e3ef;background:#ffffff0b;border:1px solid #7fb5ff2e;border-radius:999px;align-items:center;gap:7px;min-height:34px;padding:0 13px;font-size:12px;font-weight:650;display:inline-flex}#contact .contact-assurance svg{color:#67ddca}#contact .contact-route{z-index:1;grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch;gap:10px;margin-top:0;display:grid;position:relative}#contact .contact-route>article{background:#ffffff0b;border:1px solid #89b0e229;border-radius:16px;min-width:0;min-height:114px;padding:16px;transition:border-color .25s,background .25s,transform .25s;position:relative;overflow:hidden}#contact .contact-route>article:hover{background:#ffffff12;border-color:#66dbc959;transform:translateY(-2px)}#contact .contact-route>article:after{content:"";border:1px solid #6498ea21;border-radius:50%;width:72px;height:72px;position:absolute;bottom:-28px;right:-24px}#contact .contact-route b{color:#6fe0ce;letter-spacing:.12em;margin-bottom:18px;font-size:11px;line-height:1;display:block}#contact .contact-route>article>span{gap:5px;display:grid}#contact .contact-route strong{color:#f7fbff;font-size:14px;line-height:1.35}#contact .contact-route small{color:#91a9bd;font-size:11px;line-height:1.55}#contact .lead-form{z-index:2;color:#142b45;-webkit-backdrop-filter:none;backdrop-filter:none;background:radial-gradient(circle at 100% 0,#246bfd12,#0000 18rem),#fff;border:1px solid #d2deefe6;border-radius:24px;min-width:0;margin:18px;padding:clamp(30px,3.1vw,42px);position:relative;box-shadow:0 28px 64px #000d223d,inset 0 1px #fff}#contact .lead-form-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:28px;display:flex}#contact .lead-form-head>div{min-width:0}#contact .lead-form-kicker{color:#246bfd;letter-spacing:.13em;margin-bottom:9px;font-size:11px;font-weight:800;display:block}#contact .lead-form-head h3{color:#132a44;letter-spacing:-.025em;font-size:clamp(20px,1.6vw,25px);line-height:1.2}#contact .lead-form-head p{color:#718096;max-width:420px;margin-top:9px;font-size:13px;line-height:1.65}#contact .form-response-badge{color:#147b6e;white-space:nowrap;background:#effaf7;border:1px solid #cdece6;border-radius:999px;flex:none;align-items:center;gap:7px;min-height:30px;padding:0 10px;font-size:11px;font-weight:700;display:inline-flex}#contact .form-response-badge i{background:#20b69f;border-radius:50%;width:6px;height:6px;box-shadow:0 0 0 4px #20b69f1f}#contact .form-grid{gap:14px}#contact .lead-form label:not(.consent){gap:8px;margin-bottom:14px}#contact .lead-form label:not(.consent)>span{color:#344b63;font-size:13px;font-weight:720}#contact .lead-form label:not(.consent)>span em{color:#d44848;margin-left:3px;font-style:normal}#contact .lead-form input:not([type=checkbox]),#contact .lead-form textarea{color:#162f49;background:#f8fafd;border:1px solid #d8e2ee;border-radius:11px;outline:0;transition:border-color .2s,background .2s,box-shadow .2s;box-shadow:inset 0 1px 2px #132a4406}#contact .lead-form input:not([type=checkbox]){height:52px;padding:0 15px}#contact .lead-form textarea{resize:vertical;min-height:96px;padding:13px 15px;line-height:1.55}#contact .lead-form input::placeholder,#contact .lead-form textarea::placeholder{color:#9baabc}#contact .lead-form input:hover,#contact .lead-form textarea:hover{background:#fff;border-color:#bbcce0}#contact .lead-form input:focus,#contact .lead-form textarea:focus{background:#fff;border-color:#4f83f7;box-shadow:0 0 0 4px #246bfd1a}#contact .consent{align-items:center;gap:9px;min-height:36px;margin:2px 0 10px}#contact .consent input{accent-color:#246bfd;width:18px;height:18px;margin-top:0}#contact .consent span{line-height:1.55;color:#6f8093!important;font-size:12px!important}#contact .form-disclosure{color:#60758a;background:#f5f9fd;border-color:#d8e7f6;border-radius:10px;margin:0 0 16px;padding:10px 12px;font-size:11px;line-height:1.55}#contact .form-disclosure svg{color:#246bfd}#contact .lead-form .contact-submit{color:#fff;background:linear-gradient(135deg,#246bfd,#1d58df 72%,#1648c8);border-radius:12px;width:100%;min-height:54px;box-shadow:0 14px 28px #246bfd3d}#contact .lead-form .contact-submit:hover{box-shadow:0 18px 32px #246bfd52}#contact .lead-form .contact-submit:active{transform:translateY(0)}#contact .form-message{color:#167466;opacity:0;background:0 0;border:1px solid #0000;border-radius:10px;align-items:flex-start;gap:8px;max-height:0;margin-top:0;padding:0 12px;font-size:11px;line-height:1.55;display:flex;overflow:hidden}#contact .form-message svg{flex:none;margin-top:1px}#contact .form-message.show{opacity:1;background:#effaf7;border-color:#ccebe4;max-height:100px;margin-top:12px;padding-block:10px}@media (width<=1120px){#contact .contact-shell{grid-template-columns:1fr;min-height:0}#contact .contact-copy{gap:36px;padding:54px 54px 38px}#contact .contact-copy:after{background:linear-gradient(90deg,#0000,#91b3ea40 20% 80%,#0000);width:auto;height:1px;inset:auto 6% 0}#contact .contact-copy h2{max-width:820px}#contact .contact-copy>.contact-copy-top>p:not(.eyebrow){max-width:720px}#contact .contact-route{max-width:900px}#contact .lead-form{margin:0 24px 24px;padding:40px}}@media (width<=700px){#contact.contact-section{padding-block:68px}#contact.contact-section:after{display:none}#contact .contact-shell{border-radius:24px}#contact .contact-copy{gap:30px;padding:38px 24px 30px}#contact .contact-copy h2{font-size:clamp(24px,7.4vw,36px)}#contact .contact-copy>.contact-copy-top>p:not(.eyebrow){margin-top:17px;font-size:13px}#contact .contact-assurance{margin-top:20px}#contact .contact-assurance>span{width:100%}#contact .contact-route{grid-template-columns:1fr;gap:8px}#contact .contact-route>article{grid-template-columns:36px minmax(0,1fr);align-items:center;gap:10px;min-height:0;padding:14px 15px;display:grid}#contact .contact-route b{margin:0}#contact .contact-route>article>span{gap:3px}#contact .contact-route>article:after{display:none}#contact .lead-form{border-radius:18px;margin:0 12px 12px;padding:28px 20px 22px}#contact .lead-form-head{flex-direction:column;gap:13px;margin-bottom:24px}#contact .lead-form-head h3{font-size:21px}#contact .form-response-badge{align-self:flex-start}#contact .form-grid{grid-template-columns:1fr;gap:0}}@media (width<=390px){#contact .contact-copy{padding-inline:18px}#contact .lead-form{margin-inline:8px;padding-inline:16px}#contact .contact-assurance>span{padding-inline:10px;font-size:10px}}@media (prefers-reduced-motion:reduce){#contact .contact-route>article,#contact .lead-form .contact-submit{transition:none}#contact .contact-route>article:hover,#contact .lead-form .contact-submit:hover{transform:none}}:root{--navy-950:#081b36;--navy-900:#022a55;--navy-800:#043172;--ink:#111827;--muted:#70757d;--teal:#0c7470;--teal-dark:#055958;--teal-soft:#e8f7f5;--gold:#d7a95d;--gold-soft:#fff4dc;--paper:#fff;--canvas:#f7f8fb;--canvas-strong:#eef3f7;--line:#e2e8ef;--shadow:0 22px 60px #05234617;--container:1400px;--radius-lg:28px;--radius-md:20px;--header-height:78px}html,body{background:var(--canvas)}body{color:var(--ink);font-family:Inter,PingFang SC,Microsoft YaHei,Noto Sans CJK SC,Arial,sans-serif}.site-root{background:radial-gradient(circle at 8% 18%, #0c74700e, transparent 30rem), var(--canvas)}.site-container{width:min(calc(100% - 64px), var(--container))}.section-pad{padding-block:clamp(82px,8vw,126px)}.eyebrow{color:var(--teal-dark)}.eyebrow>span{background:linear-gradient(90deg, var(--teal), var(--gold))}.section-heading{grid-template-columns:minmax(0,1.38fr) minmax(320px,.62fr);gap:clamp(48px,6vw,96px)}.section-heading h2{color:var(--navy-950);letter-spacing:-.05em;font-size:clamp(32px,3.35vw,52px)}.section-heading>p{color:#697582;font-size:16px;line-height:1.85}.button{border-radius:14px;min-height:52px;padding-inline:24px;font-weight:760}.button-primary{background:linear-gradient(135deg,#0f877f,#075c5a);box-shadow:0 16px 32px #05595840}.button-primary:hover{box-shadow:0 20px 42px #05595857}.button-quiet{color:#fff;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffff14;border-color:#ffffff57}.button-quiet:hover{color:#fff;background:#ffffff24;border-color:#ffffff9e}.site-header{z-index:80;min-height:var(--header-height);color:#fff;-webkit-backdrop-filter:blur(18px)saturate(1.2);backdrop-filter:blur(18px)saturate(1.2);background:#041c38f0;border-bottom:1px solid #ffffff1a;position:sticky;top:0;box-shadow:0 8px 30px #0113271a}.header-inner{min-height:var(--header-height)}.brand-link,.brand-lockup,.brand-copy strong,.brand-copy span{color:#fff}.brand-mark{color:#fff;background:linear-gradient(145deg,#138b83f5,#054e4efa);border-color:#ffffff38;box-shadow:inset 0 1px #ffffff47}.desktop-nav>a,.desktop-nav .nav-cluster>a{color:#ffffffc2}.desktop-nav>a:hover,.desktop-nav .nav-cluster>a:hover,.desktop-nav>a.active,.desktop-nav .nav-cluster>a.active{color:#fff}.desktop-nav>a.active:after,.desktop-nav .nav-cluster>a.active:after{background:#58d6c8}.nav-dropdown{color:var(--ink);background:#fffffffa;border-color:#072d531f;box-shadow:0 28px 74px #021b362e}.nav-dropdown a:hover{color:var(--teal-dark);background:#f2f9f8}.language-switch{color:#ffffffd6;background:#ffffff0f;border-color:#ffffff2e}.language-switch:hover{color:#fff;border-color:#fff6}.menu-toggle{color:#fff;border-color:#ffffff38}.menu-toggle span{background:currentColor}.mobile-panel{color:var(--navy-950);background:#fffffffc}.home-hero{isolation:isolate;color:#fff;background:var(--navy-950);min-height:clamp(700px,77vh,860px);position:relative}.hero-scene{z-index:0}.hero-scene-wash{z-index:1}.home-hero-grid{z-index:2;position:relative}.home-hero:before{background:radial-gradient(circle at 13% 30%,#17a39633,#0000 32rem),linear-gradient(90deg,#02152b66,#0000)}.hero-scene-wash{background:linear-gradient(90deg,#031933fc 0%,#031933eb 35%,#03193366 62%,#0319331a 100%),linear-gradient(#0319330d,#031933c2)}.home-hero-grid{align-items:center;min-height:clamp(700px,77vh,860px)}.hero-copy{width:min(720px,55vw);padding-block:90px 112px}.hero-copy .eyebrow{color:#8adbd1}.hero-title{color:#fff;letter-spacing:-.065em;font-size:clamp(46px,4.35vw,70px);line-height:1.04}.lang-en .hero-title{font-size:clamp(42px,3.85vw,64px)}.hero-description{color:#d2dee8;max-width:660px;font-size:clamp(16px,1.3vw,19px);line-height:1.85}.hero-trust{border-top-color:#ffffff26}.hero-trust span{color:#fffc}.hero-trust svg{color:#6be1d2}.hero-proof-section{z-index:6;margin-top:-36px;position:relative}.hero-proof-bar{background:#fffffffa;border:1px solid #062f5914;border-radius:24px;min-height:116px;box-shadow:0 24px 66px #041f3d21}.hero-proof-bar>p{color:var(--navy-950)}.hero-proof-bar>div>span{border-left-color:#e4eaf0}.hero-proof-bar strong{color:var(--teal-dark)}.buyer-section{background:0 0}.buyer-ribbon{gap:18px}.buyer-ribbon article{border:1px solid var(--line);background:linear-gradient(150deg,#08336509,#0000 58%),#fff;border-radius:20px;min-height:250px;box-shadow:0 14px 40px #0421400e}.buyer-ribbon article:hover{border-color:#0c74703d;box-shadow:0 22px 54px #0421401a}.buyer-ribbon article>span{color:var(--gold)}.buyer-ribbon article>svg{color:var(--teal)}.buyer-ribbon h3{color:var(--navy-950)}.lifecycle-section{background:#fff}.lifecycle-track{border-top-color:#dce4eb}.lifecycle-track article>div>span{color:#fff;background:var(--navy-900);box-shadow:0 0 0 7px #edf6f5}.lifecycle-track article>div>i{color:var(--teal)}.lifecycle-track h3{color:var(--navy-950)}.terminal-section{color:#fff;background:radial-gradient(circle at 14% 20%,#1899912e,#0000 34rem),radial-gradient(circle at 88% 72%,#4169b22e,#0000 36rem),#061b35;position:relative;overflow:hidden}.terminal-section:before{content:"";opacity:.32;pointer-events:none;background-image:linear-gradient(#ffffff07 1px,#0000 1px),linear-gradient(90deg,#ffffff07 1px,#0000 1px);background-size:58px 58px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(90deg,#0000,#000 12% 88%,#0000);mask-image:linear-gradient(90deg,#0000,#000 12% 88%,#0000)}.terminal-section .site-container{z-index:1;position:relative}.terminal-section .section-heading h2{color:#fff}.terminal-section .section-heading>p{color:#b9c8d7}#terminals .terminal-layout{grid-template-columns:minmax(340px,.72fr) minmax(0,1.7fr);align-items:stretch;gap:22px;display:grid}#terminals .terminal-tabs{align-content:start;gap:10px;display:grid}#terminals .terminal-tabs button{color:#fff;min-height:116px;box-shadow:none;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff0b;border:1px solid #97b8d821;border-radius:18px;grid-template-columns:38px minmax(0,1fr) 22px;gap:15px;padding:18px 18px 18px 20px;display:grid}#terminals .terminal-tabs button:hover{background:#ffffff13;border-color:#65d5c84d}#terminals .terminal-tabs button>span{color:#e9be74;letter-spacing:.08em;font-size:12px;font-weight:850}#terminals .terminal-tabs h3{color:#fff;font-size:18px}#terminals .terminal-tabs p,#terminals .terminal-tabs button[aria-selected=true] p{color:#b9c8d7;margin-top:6px;font-size:12px;line-height:1.55}#terminals .terminal-tabs small{color:#6fe0d2;margin-top:8px;font-size:11px}#terminals .terminal-tabs svg,#terminals .terminal-tabs button[aria-selected=true]>svg{color:#ffffff8a}#terminals .terminal-stage{aspect-ratio:auto;background:#ffffff0a;border:1px solid #99bbdc2e;border-radius:28px;min-width:0;min-height:760px;overflow:hidden;box-shadow:0 36px 90px #0007144d}#terminals .terminal-panel,#terminals .terminal-panel[hidden]{width:100%;height:100%;min-height:760px;display:block;position:absolute;inset:0}#terminals .terminal-panel[hidden]{display:none}#terminals .terminal-floating-note{z-index:12;color:#fff;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#041f3bd1;border-color:#fff3;bottom:20px;right:24px}.reference-screen-visual{isolation:isolate;border-radius:inherit;background:#0a2849;place-self:stretch stretch;width:100%;height:100%;min-height:760px;position:relative;overflow:hidden}.reference-screen-scene{z-index:-3;object-fit:cover;object-position:center;width:100%;height:100%;position:absolute;inset:0;transform:scale(1.015)}.reference-screen-community .reference-screen-scene,.reference-screen-directory .reference-screen-scene{object-position:34% center}.reference-screen-events .reference-screen-scene{object-position:45% center}.reference-screen-profile .reference-screen-scene{object-position:28% center}.reference-screen-shade{z-index:-2;background:linear-gradient(90deg,#041a34f5 0%,#041a34d6 42%,#041a3438 72%,#041a3485 100%),linear-gradient(#03162c14,#03162ccc);position:absolute;inset:0}.reference-screen-copy{z-index:4;width:min(42%,410px);position:absolute;top:50%;left:clamp(26px,4vw,58px);transform:translateY(-52%)}.reference-screen-copy>small{color:#77e1d5;letter-spacing:.14em;margin-bottom:14px;font-size:11px;font-weight:850;display:block}.reference-screen-copy>strong{color:#fff;letter-spacing:-.045em;font-size:clamp(26px,2.5vw,42px);line-height:1.13;display:block}.reference-screen-copy>p{color:#c8d5e1;margin-top:16px;font-size:14px;line-height:1.75}.reference-screen-copy>div{gap:9px;margin-top:22px;display:grid}.reference-screen-copy>div>span{color:#edf6fb;align-items:center;gap:9px;font-size:12px;font-weight:650;display:flex}.reference-screen-copy>div svg{color:#6fe0d2;flex:none}.reference-phone{z-index:5;filter:drop-shadow(0 34px 48px #0008166b);width:clamp(300px,31vw,370px);position:absolute;top:50%;right:clamp(48px,7vw,112px);transform:translateY(-50%)}.reference-phone-frame{aspect-ratio:864/1821;background:#fff;border:9px solid #071425;border-radius:48px;width:100%;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff29,0 0 0 1px #adc9e242}.reference-phone-frame:after{content:"";pointer-events:none;border-radius:38px;position:absolute;inset:0;box-shadow:inset 0 0 0 1px #ffffff24}.reference-phone-frame img{object-fit:cover;width:100%;height:100%}.reference-phone-button{background:#263447;border-radius:0 3px 3px 0;width:4px;position:absolute;right:-4px}.reference-phone-button-top{height:66px;top:22%}.reference-phone-button-bottom{height:92px;top:34%}.reference-screen-status{z-index:6;align-items:center;gap:12px;display:flex;position:absolute;bottom:26px;left:clamp(26px,4vw,58px)}.reference-screen-status>span,.reference-screen-status>b{color:#dce8f1;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#051f3aad;border:1px solid #ffffff29;border-radius:999px;align-items:center;gap:7px;min-height:34px;padding:0 12px;font-size:10px;font-weight:720;display:inline-flex}.reference-screen-status>span i{background:#46d5bb;border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 4px #46d5bb21}.reference-screen-status>b{color:#f4d697}.reference-screen-home:after,.reference-screen-events:after,.reference-screen-profile:after{content:"";z-index:-1;border:1px solid #ffffff21;border-radius:48%;width:42%;height:76%;position:absolute;top:10%;right:7%;transform:rotate(-9deg);box-shadow:0 0 0 50px #ffffff06}.capability-section{background:#f7f8fb}.capability-bento{gap:18px}.capability-card{border-color:var(--line);background:radial-gradient(circle at 100% 0,#0c747012,#0000 15rem),#fff;border-radius:22px;box-shadow:0 16px 44px #0421400f}.capability-card:hover{border-color:#0c74704d;box-shadow:0 24px 60px #0421401c}.capability-card>span{color:var(--gold)}.capability-card h3{color:var(--navy-950)}.capability-icon{color:var(--teal-dark);background:var(--teal-soft)}.capability-card b{color:var(--teal-dark)}.ops-section{background:radial-gradient(circle at 80% 10%,#259c9429,#0000 30rem),#071e3a}.ops-grid{gap:clamp(50px,6vw,96px)}.ops-visual{border-radius:28px;box-shadow:0 36px 90px #00081557}.ops-copy h2{color:#fff}.ops-copy>p:not(.eyebrow),.ops-copy li{color:#b9c8d7}.ops-copy li{border-color:#ffffff1f}.ops-copy li svg{color:#66dfd1}.scenario-section{background:#fff}.scenario-list{border-top-color:var(--line)}.scenario-list>a{border-bottom-color:var(--line)}.scenario-list>a:hover{background:#f3f9f8}.scenario-list>a>span{color:var(--gold)}.scenario-list h3{color:var(--navy-950)}.scenario-list>a>b{color:var(--teal-dark);background:var(--teal-soft)}.security-strip{background:radial-gradient(circle at 82% 40%,#04317214,#0000 28rem),#eef4f7}.security-copy h2{color:var(--navy-950)}.security-proof-grid span{color:#314455;background:#ffffffbd;border-color:#d9e4e8}.security-proof-grid i{color:var(--teal-dark);background:var(--teal-soft)}.security-scene{box-shadow:var(--shadow);border-radius:26px}.faq-section{background:#fff}.faq-title h2{color:var(--navy-950)}.faq-item{border-color:var(--line);background:#fbfcfd}.faq-item.open{background:#f3f9f8;border-color:#0c747047}.faq-item button{color:var(--navy-950)}.faq-item button i{color:var(--teal-dark);background:var(--teal-soft)}.detail-hero{color:#fff;background:radial-gradient(circle at 6% 12%,#1a968d29,#0000 30rem),linear-gradient(135deg,#061a33,#082c55 64%,#062443)}.detail-hero:after{background-color:#0000;background-image:linear-gradient(#ffffff06 1px,#0000 1px),linear-gradient(90deg,#ffffff06 1px,#0000 1px);background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:58px 58px;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box}.detail-hero-copy .eyebrow{color:#75ded1}.detail-hero-copy h1{color:#fff;letter-spacing:-.06em;font-size:clamp(42px,4vw,64px)}.detail-hero-copy>p:not(.eyebrow){color:#c6d4e0;font-size:17px;line-height:1.82}.detail-proof span{color:#dce8f1;background:#ffffff0e;border-color:#ffffff29}.detail-proof svg{color:#6be0d2}.detail-visual,.scene-interface{border-radius:26px}.detail-reference-visual{background:#ffffff0f;border:1px solid #97bcda33;overflow:hidden;box-shadow:0 32px 76px #0008184d}.reference-screen-compact{min-height:590px}.reference-screen-compact .reference-phone{width:clamp(228px,27vw,300px);right:clamp(20px,3vw,48px)}.reference-screen-compact .reference-screen-copy{width:43%;left:clamp(24px,3vw,42px)}.reference-screen-compact .reference-screen-copy>strong{font-size:clamp(22px,2vw,31px)}.reference-screen-compact .reference-screen-copy>p{font-size:12px}.reference-screen-compact .reference-screen-status{bottom:20px;left:clamp(24px,3vw,42px)}.detail-value{background:#fff}.detail-bento{gap:18px}.detail-feature{border-color:var(--line);background:radial-gradient(circle at 100% 0,#0c74700f,#0000 14rem),#fff;border-radius:22px;box-shadow:0 14px 42px #0421400e}.detail-feature:hover{border-color:#0c747040;box-shadow:0 22px 56px #0421401a}.detail-feature>div>span,.detail-feature>small{color:var(--gold)}.detail-feature>div>i{color:var(--teal-dark);background:var(--teal-soft)}.detail-feature h3{color:var(--navy-950)}.feature-proof-row span{color:var(--teal-dark);background:var(--teal-soft)}.detail-process{color:#fff;background:radial-gradient(circle at 12% 30%,#16948b2e,#0000 28rem),#071d39}.process-intro h2,.process-steps h3{color:#fff}.process-intro>p:not(.eyebrow),.process-steps p{color:#b9c8d7}.process-steps article{border-color:#ffffff1f}.process-steps article>span{color:#f2c875}.process-steps article>i{background:linear-gradient(#4fd4c4,#0000)}.detail-scene{background:#f3f6f9}.scene-copy h2{color:var(--navy-950)}.scene-copy li{border-color:#dce4eb}.scene-copy li svg{color:var(--teal)}#contact.contact-section{background:radial-gradient(circle at 18% 34%,#0c747033,#0000 30rem),radial-gradient(circle at 88% 78%,#d7a95d1a,#0000 28rem),#06172e}#contact .contact-shell{background:linear-gradient(112deg,#0c747029,#0000 45%),linear-gradient(145deg,#082b4c,#092440 58%,#071d36);border-color:#72bfb638}#contact .contact-copy .eyebrow,#contact .contact-route b{color:#73e0d3}#contact .contact-route>article:hover{border-color:#66dbc96b}#contact .lead-form{background:radial-gradient(circle at 100% 0,#0c747011,#0000 18rem),#fff;border-color:#d7e1ebf0}#contact .lead-form-kicker{color:var(--teal-dark)}#contact .contact-submit{background:linear-gradient(135deg,#0e8079,#055958)}.site-footer{color:#d4e0e9;background:#041629}.site-footer .brand-copy strong,.site-footer .brand-copy span,.footer-brand h2{color:#fff}.footer-brand p,.footer-links a,.footer-bottom{color:#91a5b6}.footer-links strong{color:#fff}.footer-links a:hover{color:#70dfd2}.footer-bottom{border-top-color:#ffffff1a}.mobile-cta{color:#fff;background:linear-gradient(135deg,#0f877f,#055958);box-shadow:0 16px 34px #0559584d}@media (width<=1180px){.site-container{width:min(calc(100% - 48px), var(--container))}#terminals .terminal-layout{grid-template-columns:minmax(290px,.65fr) minmax(0,1.35fr)}#terminals .terminal-tabs button{min-height:110px}.reference-phone{width:clamp(280px,31vw,330px);right:34px}.reference-screen-copy{width:39%;left:34px}.reference-screen-copy>strong{font-size:clamp(24px,2.35vw,34px)}.reference-screen-status{left:34px}}@media (width<=1060px){.site-header,.header-inner{min-height:72px}.hero-copy{width:min(680px,74vw)}#terminals .terminal-layout{grid-template-columns:1fr}#terminals .terminal-tabs{scroll-snap-type:x mandatory;scrollbar-width:none;grid-template-columns:repeat(5,minmax(160px,1fr));padding-bottom:5px;overflow-x:auto}#terminals .terminal-tabs::-webkit-scrollbar{display:none}#terminals .terminal-tabs button{scroll-snap-align:start;grid-template-columns:30px minmax(0,1fr);min-height:126px}#terminals .terminal-tabs button>svg{display:none}#terminals .terminal-stage,#terminals .terminal-panel,#terminals .terminal-panel[hidden],#terminals .reference-screen-visual{min-height:720px!important}.reference-phone{width:330px;right:7%}.reference-screen-copy{width:42%}.reference-screen-compact{min-height:560px}.reference-screen-compact .reference-phone{width:255px}.reference-screen-compact .reference-screen-copy>div,.reference-screen-compact .reference-screen-status>b{display:none}}@media (width<=820px){.site-container{width:min(calc(100% - 32px), var(--container))}.section-pad{padding-block:78px}.section-heading{grid-template-columns:1fr;gap:18px}.section-heading h2{font-size:clamp(30px,7.3vw,44px)}.home-hero,.home-hero-grid{min-height:690px}.hero-copy{width:100%;max-width:620px;padding-block:92px 110px}.hero-title,.lang-en .hero-title{font-size:clamp(39px,10vw,58px)}.hero-scene-wash{background:linear-gradient(90deg,#031933fa,#031933bd 70%,#0319337a),linear-gradient(#0319331a,#031933d6)}.hero-proof-section{margin-top:-24px}.hero-proof-bar{min-height:auto;padding:24px}.hero-proof-bar>div{grid-template-columns:repeat(2,1fr)}.hero-proof-bar>div>span{border-top:1px solid #e6ebf0;border-left:0}#terminals .terminal-tabs{margin-inline:-16px;padding-inline:16px}#terminals .terminal-stage,#terminals .terminal-panel,#terminals .terminal-panel[hidden],#terminals .reference-screen-visual{min-height:760px!important}.reference-screen-shade{background:linear-gradient(#041a34fa 0%,#041a34d6 36%,#041a345c 62%,#041a34c7 100%)}.reference-screen-copy{width:calc(100% - 56px);top:34px;left:28px;transform:none}.reference-screen-copy>strong{max-width:560px;font-size:clamp(27px,6.4vw,38px)}.reference-screen-copy>p{max-width:560px}.reference-screen-copy>div{grid-template-columns:repeat(3,max-content);gap:12px}.reference-phone{width:min(310px,58vw);top:auto;bottom:-42px;right:50%;transform:translate(50%)}.reference-screen-status{flex-direction:column;align-items:flex-start;gap:6px;bottom:18px;left:22px}.reference-screen-status>b{display:none}.reference-screen-compact{min-height:600px}.reference-screen-compact .reference-screen-copy{width:calc(100% - 52px);top:28px;left:26px}.reference-screen-compact .reference-phone{width:245px;bottom:-44px;right:50%}.reference-screen-compact .reference-screen-status{display:none}.detail-hero-copy h1{font-size:clamp(36px,8.7vw,52px)}}@media (width<=560px){.site-container{width:min(calc(100% - 28px), var(--container))}.section-pad{padding-block:68px}.brand-copy span,.header-actions .button-small{display:none}.home-hero,.home-hero-grid{min-height:660px}.hero-copy{padding-block:78px 96px}.hero-title,.lang-en .hero-title{font-size:clamp(35px,10.8vw,48px)}.hero-description{font-size:15px}.action-row{align-items:stretch}.action-row .button{flex:100%}.hero-trust{grid-template-columns:repeat(2,minmax(0,1fr))}.hero-proof-bar>p{font-size:16px}.hero-proof-bar>div{gap:0}.hero-proof-bar>div>span{padding:14px 10px}#terminals .terminal-tabs button{min-width:190px}#terminals .terminal-stage,#terminals .terminal-panel,#terminals .terminal-panel[hidden],#terminals .reference-screen-visual{min-height:720px!important}.reference-screen-copy{width:calc(100% - 44px);top:26px;left:22px}.reference-screen-copy>strong{font-size:clamp(25px,7.2vw,33px)}.reference-screen-copy>p{margin-top:12px;font-size:12px}.reference-screen-copy>div{display:none}.reference-phone{width:min(292px,72vw);bottom:-24px}.reference-phone-frame{border-width:7px;border-radius:40px}.reference-phone-frame:after{border-radius:32px}.reference-screen-status{display:none}.reference-screen-compact{min-height:560px}.reference-screen-compact .reference-phone{width:230px;bottom:-30px}.reference-screen-compact .reference-screen-copy>p{display:none}.detail-reference-visual{border-radius:20px}}@media (prefers-reduced-motion:no-preference){.reference-phone{animation:6s ease-in-out infinite reference-phone-float}#terminals .terminal-panel[hidden] .reference-phone{animation:none}@keyframes reference-phone-float{0%,to{margin-top:0}50%{margin-top:-8px}}}@media (prefers-reduced-motion:reduce){.reference-phone{animation:none}}#terminals .terminal-layout{background:linear-gradient(145deg,#fff1,#ffffff06),#0319327a;border:1px solid #97bee02e;border-radius:30px;grid-template-columns:minmax(0,1fr);gap:18px;padding:16px;display:grid;overflow:hidden;box-shadow:inset 0 1px #ffffff0d,0 34px 90px #00081642}#terminals .terminal-tabs{width:100%;height:auto;min-height:0;box-shadow:none;background:0 0;border:0;border-radius:0;grid-template-rows:none;grid-template-columns:repeat(5,minmax(0,1fr));grid-auto-flow:row;align-content:stretch;gap:8px;padding:0;display:grid;overflow:visible}#terminals .terminal-tabs button{color:#fff;min-width:0;min-height:76px;box-shadow:none;text-align:left;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#082a4aa8;border:1px solid #77aed224;border-radius:15px;grid-template-columns:31px minmax(0,1fr) 18px;align-items:center;gap:11px;padding:13px 14px;transition:border-color .18s,background-color .18s,transform .18s,box-shadow .18s;display:grid;position:relative;overflow:hidden}#terminals .terminal-tabs button:after{content:"";opacity:0;background:linear-gradient(90deg,#50ddce,#4b94ff);border-radius:999px 999px 0 0;height:3px;transition:opacity .18s,transform .18s;position:absolute;bottom:0;left:14px;right:14px;transform:scaleX(.35)}#terminals .terminal-tabs button:hover{background:#0c375bd1;border-color:#64dbcf52;transform:translateY(-1px)}#terminals .terminal-tabs button:focus-visible{outline-offset:2px;outline:2px solid #72e6d9}#terminals .terminal-tabs button[aria-selected=true]{background:radial-gradient(circle at 12% 18%,#58ddce33,#0000 48%),linear-gradient(135deg,#18757b80,#164474b8);border-color:#5ee0d280;box-shadow:inset 0 1px #ffffff14,0 12px 28px #000c1d2e}#terminals .terminal-tabs button[aria-selected=true]:after{opacity:1;transform:scaleX(1)}#terminals .terminal-tabs button>.terminal-tab-index,#terminals .terminal-tabs button[aria-selected=true]>.terminal-tab-index{color:#f2ce87;letter-spacing:.04em;background:#f0c26b14;border:1px solid #e7c47e47;border-radius:10px;justify-content:center;align-items:center;width:31px;height:31px;font-size:10px;font-weight:850;display:inline-flex}#terminals .terminal-tabs button[aria-selected=true]>.terminal-tab-index{color:#fff;background:linear-gradient(135deg,#28a99d,#397fd5);border-color:#70e8da59}#terminals .terminal-tab-copy{min-width:0}#terminals .terminal-tabs h3{color:#fff;max-width:100%;font-size:clamp(14px,1.08vw,17px);line-height:1.2}#terminals .terminal-tabs small{color:#9fb7c9;text-overflow:ellipsis;white-space:nowrap;max-width:100%;margin-top:6px;font-size:10px;font-weight:650;line-height:1.2;display:block;overflow:hidden}#terminals .terminal-tabs button[aria-selected=true] small{color:#82eadf}#terminals .terminal-tabs button>svg,#terminals .terminal-tabs button[aria-selected=true]>svg{color:#e0eff97a;transition:transform .18s,color .18s}#terminals .terminal-tabs button[aria-selected=true]>svg{color:#7ce8dc;transform:translate(2px)}#terminals .terminal-stage{aspect-ratio:auto;background:#08223f;border:1px solid #99c1e133;border-radius:24px;align-self:stretch;width:100%;height:clamp(620px,44vw,660px);min-height:0;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff0d,0 22px 58px #00081547}#terminals .terminal-panel,#terminals .terminal-panel[hidden],#terminals .reference-screen-visual{width:100%;height:100%;min-height:0!important}#terminals .terminal-panel:not([hidden]){animation:.22s both terminal-panel-enter}#terminals .reference-screen-shade{background:linear-gradient(90deg,#03182ff7 0%,#03182fe0 36%,#03182f42 64%,#03182f70 100%),linear-gradient(#03162c0f,#03162cb8)}#terminals .reference-screen-copy{width:min(38%,440px);top:50%;left:clamp(34px,4.2vw,64px);transform:translateY(-50%)}#terminals .reference-screen-copy>small{margin-bottom:16px;font-size:11px}#terminals .reference-screen-copy>strong{font-size:clamp(30px,2.7vw,44px);line-height:1.12}#terminals .reference-screen-copy>p{max-width:420px;margin-top:18px;font-size:14px;line-height:1.72}#terminals .reference-screen-copy>div{gap:10px;margin-top:24px}#terminals .reference-screen-copy>div>span{font-size:12px}#terminals .reference-phone{aspect-ratio:864/1821;width:auto;height:calc(100% - 36px);top:50%;bottom:auto;right:clamp(42px,6.2vw,94px);transform:translateY(-50%)}#terminals .reference-phone-frame{width:100%;height:100%}#terminals .reference-screen-status{bottom:24px;left:clamp(34px,4.2vw,64px)}#terminals .terminal-floating-note{display:none}@keyframes terminal-panel-enter{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media (width<=1180px){#terminals .terminal-tabs button{grid-template-columns:30px minmax(0,1fr);padding-inline:12px}#terminals .terminal-tabs button>svg{display:none}#terminals .terminal-tabs h3{font-size:14px}#terminals .terminal-stage{height:620px}#terminals .reference-screen-copy{width:40%;left:38px}#terminals .reference-screen-status{left:38px}#terminals .reference-phone{width:auto;height:calc(100% - 36px);right:42px}}@media (width<=1060px){#terminals .terminal-tabs{scroll-snap-type:x mandatory;scrollbar-width:none;grid-template-columns:repeat(5,minmax(174px,1fr));padding:2px 2px 8px;scroll-padding-inline:2px;overflow-x:auto}#terminals .terminal-tabs::-webkit-scrollbar{display:none}#terminals .terminal-tabs button{scroll-snap-align:center;min-height:74px}#terminals .terminal-stage{height:610px}#terminals .reference-screen-copy{width:43%}#terminals .reference-phone{width:auto;height:calc(100% - 36px);right:5%}}@media (width<=820px){#terminals .terminal-layout{border-radius:24px;gap:12px;padding:12px}#terminals .terminal-tabs{grid-template-columns:none;grid-auto-columns:minmax(174px,.62fr);grid-auto-flow:column;margin-inline:0;padding-inline:1px}#terminals .terminal-stage{border-radius:20px;height:600px}#terminals .reference-screen-shade{background:linear-gradient(90deg,#041a34fa 0%,#041a34e0 42%,#041a3447 72%,#041a3494 100%),linear-gradient(#041a3414,#041a34b8)}#terminals .reference-screen-copy{width:39%;top:50%;left:28px;transform:translateY(-50%)}#terminals .reference-screen-copy>strong{max-width:100%;font-size:clamp(25px,4.6vw,34px)}#terminals .reference-screen-copy>p{max-width:100%}#terminals .reference-screen-copy>div{display:none}#terminals .reference-phone{width:auto;height:calc(100% - 30px);top:50%;bottom:auto;right:26px;transform:translateY(-50%)}#terminals .reference-screen-status{display:none}}@media (width<=560px){#terminals .terminal-layout{border-radius:22px;padding:10px}#terminals .terminal-tabs{grid-auto-columns:minmax(180px,.78fr)}#terminals .terminal-tabs button{border-radius:13px;grid-template-columns:28px minmax(0,1fr);gap:9px;min-width:0;min-height:62px;padding:10px 11px}#terminals .terminal-tabs button>.terminal-tab-index,#terminals .terminal-tabs button[aria-selected=true]>.terminal-tab-index{border-radius:9px;width:28px;height:28px}#terminals .terminal-tabs h3{font-size:13px}#terminals .terminal-tabs small{display:none}#terminals .terminal-stage{border-radius:17px;height:680px}#terminals .reference-screen-shade{background:linear-gradient(#041a34fa 0%,#041a34db 34%,#041a3457 58%,#041a34c7 100%)}#terminals .reference-screen-community .reference-screen-scene,#terminals .reference-screen-events .reference-screen-scene{object-position:56% center}#terminals .reference-screen-directory .reference-screen-scene,#terminals .reference-screen-profile .reference-screen-scene{object-position:62% center}#terminals .reference-screen-copy{width:calc(100% - 40px);top:25px;left:20px;transform:none}#terminals .reference-screen-copy>small{margin-bottom:10px;font-size:10px}#terminals .reference-screen-copy>strong{font-size:clamp(24px,7.2vw,31px)}#terminals .reference-screen-copy>p{margin-top:11px;font-size:12px;line-height:1.6}#terminals .reference-screen-copy>div{display:none}#terminals .reference-phone{width:min(250px,72vw);height:auto;top:auto;bottom:-24px;right:50%;transform:translate(50%)}}@media (width<=420px){#terminals .terminal-tabs{grid-auto-columns:minmax(190px,.84fr)}#terminals .terminal-tabs button{grid-template-columns:minmax(0,1fr);padding-inline:13px}#terminals .terminal-tabs button>.terminal-tab-index,#terminals .terminal-tabs button[aria-selected=true]>.terminal-tab-index{display:none}}@media (prefers-reduced-motion:reduce){#terminals .terminal-panel:not([hidden]){animation:none}}
.sms-code-row {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 10px;
}

.sms-code-row .sms-send {
  min-width: 112px;
  padding-inline: 14px;
  white-space: nowrap;
}

.form-message.error {
  color: #b42318;
}

@media (max-width: 520px) {
  .sms-code-row {
    grid-template-columns: 1fr;
  }
}

.site-header .menu-toggle {
  background: #ffffff0f;
}

/* Real admin UI showcase */
#operations .ops-visual {
  border-radius: 0;
  box-shadow: none;
}

#operations .ops-visual.has-admin-gallery > .business-visual {
  display: none !important;
}

.admin-ui-gallery {
  background:
    radial-gradient(circle at 92% 0, #1b8ba22e, transparent 22rem),
    linear-gradient(145deg, #051b35, #082b4f);
  border: 1px solid #55bdcd4a;
  border-radius: 28px;
  padding: 14px;
  box-shadow: 0 36px 92px #00071673, inset 0 1px #ffffff0d;
}

.admin-ui-gallery-head {
  color: #dcebf4;
  justify-content: space-between;
  align-items: center;
  gap: 16px;
  min-height: 42px;
  padding: 0 6px 12px;
  display: flex;
}

.admin-ui-gallery-brand,
.admin-ui-gallery-status {
  align-items: center;
  gap: 8px;
  font-size: 11px;
  font-weight: 800;
  display: inline-flex;
}

.admin-ui-gallery-brand {
  letter-spacing: .1em;
}

.admin-ui-gallery-brand i {
  background: linear-gradient(135deg, #19b9ae, #2878ef);
  border-radius: 8px 8px 8px 3px;
  width: 20px;
  height: 20px;
  box-shadow: 0 0 0 5px #2bbeb019;
}

.admin-ui-gallery-status {
  color: #87a9bd;
  font-size: 10px;
}

.admin-ui-gallery-status i {
  background: #45e0b3;
  border-radius: 50%;
  width: 7px;
  height: 7px;
  box-shadow: 0 0 0 5px #45e0b319;
}

.admin-ui-frame {
  aspect-ratio: 1672 / 941;
  background: #f5f7fa;
  border: 1px solid #ffffff42;
  border-radius: 17px;
  position: relative;
  overflow: hidden;
  box-shadow: 0 22px 54px #0009195c;
}

.admin-ui-frame img {
  object-fit: cover;
  width: 100%;
  height: 100%;
  transition: opacity .18s ease, transform .24s ease;
}

.admin-ui-frame img.is-switching {
  opacity: .48;
  transform: scale(.995);
}

.admin-ui-frame-badge {
  color: #eaf9fa;
  -webkit-backdrop-filter: blur(12px);
  backdrop-filter: blur(12px);
  background: #062844db;
  border: 1px solid #7ad8d65c;
  border-radius: 999px;
  align-items: center;
  min-height: 30px;
  padding: 0 11px;
  font-size: 9px;
  font-weight: 780;
  display: inline-flex;
  position: absolute;
  right: 12px;
  bottom: 12px;
  box-shadow: 0 8px 20px #00101f42;
}

.admin-ui-tablist {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
  margin-top: 12px;
  display: grid;
}

.admin-ui-tablist button {
  color: #a9bfce;
  cursor: pointer;
  text-align: left;
  background: #ffffff08;
  border: 1px solid #7ea8c221;
  border-radius: 11px;
  grid-template-columns: 25px minmax(0, 1fr);
  align-items: center;
  gap: 8px;
  min-height: 42px;
  padding: 7px 9px;
  transition: color .18s, background .18s, border-color .18s, transform .18s;
  display: grid;
}

.admin-ui-tablist button:hover {
  color: #effcff;
  border-color: #5fd9d459;
  transform: translateY(-1px);
}

.admin-ui-tablist button:focus-visible {
  outline-offset: 2px;
  outline: 2px solid #69e4da;
}

.admin-ui-tablist button[aria-selected="true"] {
  color: #fff;
  background: linear-gradient(135deg, #0e8f8c99, #1662a894);
  border-color: #66e1d68a;
  box-shadow: inset 0 1px #ffffff14, 0 8px 22px #00112038;
}

.admin-ui-tablist button i {
  color: #79e7dd;
  background: #55d9d014;
  border-radius: 7px;
  place-items: center;
  width: 25px;
  height: 25px;
  font-size: 8px;
  font-style: normal;
  font-weight: 850;
  display: grid;
}

.admin-ui-tablist button span {
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 10px;
  font-weight: 720;
  overflow: hidden;
}

#capabilities.capability-section {
  background:
    radial-gradient(circle at 14% 12%, #126cf40d, transparent 28rem),
    #f4f7fa;
}

#capabilities .section-heading {
  margin-bottom: clamp(38px, 4.2vw, 58px);
}

#capabilities .capability-bento {
  border: 0;
  grid-template-rows: none;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 20px;
}

#capabilities .capability-card,
#capabilities .capability-card:nth-child(n) {
  color: var(--navy-950);
  background: #fff;
  border: 1px solid #dce5ed;
  border-radius: 22px;
  grid-column: span 1;
  flex-direction: column;
  min-height: 430px;
  padding: 0 0 68px;
  display: flex;
  overflow: hidden;
  box-shadow: 0 16px 42px #0a284f12;
}

#capabilities .capability-card:nth-child(4) {
  color: #fff;
  background:
    radial-gradient(circle at 92% 70%, #11bab62b, transparent 16rem),
    linear-gradient(145deg, #082d56, #08627a);
  border-color: #147890;
}

#capabilities .capability-card:hover {
  border-color: #9fc4d4;
  transform: translateY(-5px);
  box-shadow: 0 28px 68px #0a284f24;
}

.capability-preview {
  aspect-ratio: 900 / 506;
  background: #eef3f7;
  border-bottom: 1px solid #dce5ed;
  flex: none;
  width: 100%;
  position: relative;
  overflow: hidden;
}

.capability-preview:after {
  content: "";
  pointer-events: none;
  background: linear-gradient(#fff0 68%, #061f3a17);
  position: absolute;
  inset: 0;
}

.capability-preview img {
  object-fit: cover;
  object-position: center;
  width: 100%;
  height: 100%;
  transition: transform .35s ease;
}

#capabilities .capability-card:hover .capability-preview img {
  transform: scale(1.025);
}

.capability-preview span {
  z-index: 2;
  color: #dffafa;
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  background: #052d4dd9;
  border: 1px solid #80d9d65c;
  border-radius: 999px;
  align-items: center;
  gap: 6px;
  min-height: 27px;
  padding: 0 9px;
  font-size: 9px;
  font-weight: 760;
  display: inline-flex;
  position: absolute;
  left: 12px;
  bottom: 11px;
}

.capability-preview span i {
  background: #50ddcb;
  border-radius: 50%;
  width: 6px;
  height: 6px;
  box-shadow: 0 0 0 4px #50ddcb1f;
}

#capabilities .capability-card > span {
  z-index: 3;
  color: #fff;
  letter-spacing: .04em;
  background: #052746d9;
  border: 1px solid #ffffff42;
  border-radius: 999px;
  top: 13px;
  right: 13px;
  padding: 5px 8px;
  font-size: 9px;
}

#capabilities .capability-icon,
#capabilities .capability-card:nth-child(n) .capability-icon {
  color: #078c83;
  background: #e8f8f5;
  border-radius: 12px;
  flex: none;
  width: 40px;
  height: 40px;
  margin: 20px 24px 0;
}

#capabilities .capability-card:nth-child(4) .capability-icon {
  color: #7ce6dc;
  background: #ffffff1a;
}

#capabilities .capability-card h3,
#capabilities .capability-card:nth-child(n) h3 {
  color: var(--navy-950);
  margin: 14px 24px 0;
  font-size: clamp(19px, 1.5vw, 24px);
}

#capabilities .capability-card:nth-child(4) h3 {
  color: #fff;
}

#capabilities .capability-card p,
#capabilities .capability-card:nth-child(n) p {
  color: #647487;
  max-width: none;
  margin: 10px 24px 0;
  font-size: 13px;
  line-height: 1.68;
}

#capabilities .capability-card:nth-child(4) p {
  color: #c7dce8;
}

#capabilities .capability-card b,
#capabilities .capability-card:nth-child(n) b {
  color: #087e77;
  bottom: 24px;
  left: 24px;
}

#capabilities .capability-card:nth-child(4) b {
  color: #7ce6dc;
}

@media (max-width: 1180px) {
  #operations .ops-grid {
    grid-template-columns: 1fr;
  }

  #operations .ops-copy {
    order: -1;
    max-width: 820px;
  }

  #operations .ops-visual {
    width: min(100%, 980px);
  }
}

@media (max-width: 1060px) {
  #capabilities .capability-bento {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 680px) {
  .admin-ui-gallery {
    border-radius: 19px;
    padding: 8px;
  }

  .admin-ui-gallery-head {
    min-height: 36px;
    padding: 0 4px 8px;
  }

  .admin-ui-gallery-status {
    display: none;
  }

  .admin-ui-frame {
    border-radius: 12px;
  }

  .admin-ui-frame-badge {
    right: 7px;
    bottom: 7px;
  }

  .admin-ui-tablist {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 6px;
    margin-top: 8px;
  }

  .admin-ui-tablist button {
    min-height: 38px;
  }

  #capabilities .capability-bento {
    grid-template-columns: 1fr;
    gap: 14px;
  }

  #capabilities .capability-card,
  #capabilities .capability-card:nth-child(n) {
    min-height: 0;
  }
}

@media (prefers-reduced-motion: reduce) {
  .admin-ui-frame img,
  .admin-ui-tablist button,
  .capability-preview img {
    transition: none;
  }
}

/* Capability system: code-native mini workspaces, not screenshot cards */
#capabilities .capability-intro {
  max-width: 520px;
  color: #617287;
  font-size: 16px;
  line-height: 1.8;
}

.capability-data-rail {
  color: #557087;
  background:
    linear-gradient(90deg, #0b7f7a0a, #176bff0b),
    #fff;
  border: 1px solid #d8e4eb;
  border-radius: 17px;
  align-items: center;
  gap: 15px;
  min-height: 58px;
  margin: -12px 0 22px;
  padding: 10px 18px;
  display: flex;
  box-shadow: 0 12px 34px #0927490a;
}

.capability-data-rail strong {
  color: #0a6f6c;
  white-space: nowrap;
  align-items: center;
  gap: 9px;
  margin-right: auto;
  font-size: 12px;
  display: inline-flex;
}

.capability-data-rail strong i {
  background: linear-gradient(135deg, #10a99f, #1d73ea);
  border-radius: 9px 9px 9px 3px;
  width: 25px;
  height: 25px;
  box-shadow: 0 0 0 5px #0fa49a11;
}

.capability-data-rail > span {
  color: #425d73;
  white-space: nowrap;
  background: #f6f9fb;
  border: 1px solid #dfe8ee;
  border-radius: 999px;
  padding: 7px 11px;
  font-size: 10px;
  font-weight: 750;
}

.capability-data-rail > em {
  background: linear-gradient(90deg, #1fa99d5c, #1d73ea42);
  flex: 1;
  min-width: 18px;
  height: 1px;
  position: relative;
}

.capability-data-rail > em:after {
  content: "";
  border-top: 3px solid transparent;
  border-bottom: 3px solid transparent;
  border-left: 5px solid #428fb2;
  position: absolute;
  top: -2.5px;
  right: -1px;
}

#capabilities .capability-bento {
  grid-template-rows: repeat(2, minmax(405px, auto));
  grid-template-columns: repeat(12, minmax(0, 1fr));
  gap: 18px;
  position: relative;
}

#capabilities .capability-card,
#capabilities .capability-card:nth-child(n) {
  color: var(--navy-950);
  background: #fff;
  border: 1px solid #d9e4ec;
  border-radius: 24px;
  flex-direction: column;
  min-height: 405px;
  padding: 24px 26px 64px;
  display: flex;
  overflow: hidden;
  box-shadow: 0 18px 48px #09294d11;
}

#capabilities .capability-card:nth-child(1) {
  background:
    radial-gradient(circle at 93% 4%, #176bff1d, transparent 15rem),
    linear-gradient(145deg, #eff5ff, #fff 58%);
  grid-column: span 5;
}

#capabilities .capability-card:nth-child(2) {
  grid-column: span 4;
}

#capabilities .capability-card:nth-child(3) {
  background:
    radial-gradient(circle at 90% 8%, #0ea89b1d, transparent 12rem),
    #fff;
  grid-column: span 3;
}

#capabilities .capability-card:nth-child(4) {
  color: #fff;
  background:
    radial-gradient(circle at 88% 4%, #24c6bd33, transparent 15rem),
    linear-gradient(145deg, #082c55, #075d75);
  border-color: #16768d;
  grid-column: span 3;
}

#capabilities .capability-card:nth-child(5) {
  grid-column: span 4;
}

#capabilities .capability-card:nth-child(6) {
  background:
    radial-gradient(circle at 92% 4%, #2074e91c, transparent 15rem),
    linear-gradient(145deg, #f1f6ff, #fff 62%);
  grid-column: span 5;
}

#capabilities .capability-card:hover {
  border-color: #9dc4d4;
  transform: translateY(-5px);
  box-shadow: 0 28px 68px #09294d22;
}

#capabilities .capability-preview {
  display: none;
}

#capabilities .capability-icon,
#capabilities .capability-card:nth-child(n) .capability-icon {
  color: #078b83;
  background: #e7f8f5;
  border: 1px solid #ccefe9;
  border-radius: 12px;
  flex: none;
  width: 42px;
  height: 42px;
  margin: 0;
}

#capabilities .capability-card:nth-child(4) .capability-icon {
  color: #7ce6dc;
  background: #ffffff12;
  border-color: #ffffff1f;
}

#capabilities .capability-card > span {
  color: #d09a38;
  letter-spacing: .05em;
  background: transparent;
  border: 0;
  border-radius: 0;
  top: 25px;
  right: 26px;
  padding: 0;
  font-size: 9px;
  font-weight: 850;
}

#capabilities .capability-card h3,
#capabilities .capability-card:nth-child(n) h3 {
  color: var(--navy-950);
  margin: 17px 0 0;
  font-size: clamp(20px, 1.55vw, 25px);
}

#capabilities .capability-card:nth-child(4) h3 {
  color: #fff;
}

#capabilities .capability-card p,
#capabilities .capability-card:nth-child(n) p {
  color: #617287;
  max-width: 540px;
  margin: 9px 0 18px;
  font-size: 12px;
  line-height: 1.68;
}

#capabilities .capability-card:nth-child(4) p {
  color: #c5dae6;
}

#capabilities .capability-card b,
#capabilities .capability-card:nth-child(n) b {
  color: #087e77;
  bottom: 23px;
  left: 26px;
}

#capabilities .capability-card:nth-child(4) b {
  color: #79e6dc;
}

.capability-ui {
  color: #17334d;
  background: #f8fafc;
  border: 1px solid #dce6ed;
  border-radius: 16px;
  flex: none;
  min-height: 144px;
  margin-top: auto;
  margin-bottom: 31px;
  padding: 12px;
  overflow: hidden;
  box-shadow: inset 0 1px #fff, 0 8px 22px #082b5208;
}

#capabilities .capability-card:nth-child(4) .capability-ui {
  color: #e8f5fa;
  background: #031d3578;
  border-color: #86cfdb30;
  box-shadow: inset 0 1px #ffffff0a;
}

.capability-ui strong {
  color: inherit;
}

.capability-ui small {
  color: #788b9b;
}

.mini-profile-head {
  grid-template-columns: 34px minmax(0, 1fr) auto;
  align-items: center;
  gap: 9px;
  display: grid;
}

.mini-avatar {
  color: #fff;
  background: linear-gradient(145deg, #1b74dc, #11a69b);
  border-radius: 11px;
  place-items: center;
  width: 34px;
  height: 34px;
  font-size: 11px;
  font-weight: 800;
  display: grid;
  box-shadow: 0 7px 16px #146ea22b;
}

.mini-profile-head > span:nth-child(2) {
  flex-direction: column;
  gap: 2px;
  min-width: 0;
  display: flex;
}

.mini-profile-head strong {
  font-size: 11px;
}

.mini-profile-head small {
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 8px;
  overflow: hidden;
}

.mini-profile-head em {
  color: #078b72;
  background: #dcf7ee;
  border-radius: 999px;
  padding: 4px 7px;
  font-size: 8px;
  font-style: normal;
  font-weight: 760;
}

.mini-profile-stats {
  grid-template-columns: repeat(3, 1fr);
  gap: 6px;
  margin-top: 10px;
  display: grid;
}

.mini-profile-stats > span {
  background: #fff;
  border: 1px solid #e2e9ef;
  border-radius: 9px;
  flex-direction: column;
  gap: 2px;
  min-width: 0;
  padding: 7px;
  display: flex;
}

.mini-profile-stats small {
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 7px;
  overflow: hidden;
}

.mini-profile-stats strong {
  color: #0b3762;
  font-size: 12px;
}

.mini-tag-row {
  flex-wrap: wrap;
  gap: 5px;
  margin-top: 8px;
  display: flex;
}

.mini-tag-row i {
  color: #557087;
  background: #eef4f7;
  border-radius: 6px;
  padding: 3px 6px;
  font-size: 7px;
  font-style: normal;
}

.capability-ui-org {
  grid-template-columns: minmax(0, .82fr) minmax(0, 1.18fr);
  gap: 10px;
  display: grid;
}

.mini-org-tree {
  border-right: 1px solid #dfe7ed;
  flex-direction: column;
  gap: 5px;
  padding-right: 9px;
  display: flex;
}

.mini-org-tree strong,
.mini-org-tree span {
  white-space: nowrap;
  align-items: center;
  gap: 6px;
  border-radius: 7px;
  min-height: 23px;
  padding: 0 6px;
  font-size: 8px;
  display: flex;
}

.mini-org-tree strong {
  color: #0b3762;
  background: #edf4fb;
}

.mini-org-tree span {
  color: #60778b;
  padding-left: 14px;
}

.mini-org-tree span.active {
  color: #067d75;
  background: #e4f7f3;
  font-weight: 760;
}

.mini-org-tree i {
  background: #1a82d8;
  border-radius: 3px;
  width: 6px;
  height: 6px;
}

.mini-org-tree span i {
  background: #65a6c9;
  border-radius: 50%;
  width: 5px;
  height: 5px;
}

.mini-role-matrix header {
  justify-content: space-between;
  align-items: center;
  min-height: 23px;
  display: flex;
}

.mini-role-matrix header strong {
  font-size: 9px;
}

.mini-role-matrix header small {
  font-size: 7px;
}

.mini-role-matrix > div {
  border-top: 1px solid #e5ebf0;
  grid-template-columns: minmax(0, 1fr) repeat(3, 12px);
  align-items: center;
  gap: 5px;
  min-height: 28px;
  display: grid;
}

.mini-role-matrix > div span {
  color: #60778b;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 7px;
  overflow: hidden;
}

.mini-role-matrix > div i {
  border: 1px solid #c8d5df;
  border-radius: 3px;
  width: 10px;
  height: 10px;
}

.mini-role-matrix > div i.on {
  background: #1e73df;
  border-color: #1e73df;
  box-shadow: inset 0 0 0 2px #fff;
}

.mini-event-head {
  grid-template-columns: 35px minmax(0, 1fr) auto;
  align-items: center;
  gap: 8px;
  display: grid;
}

.mini-event-head > span {
  color: #fff;
  background: linear-gradient(145deg, #1f76df, #0baaa0);
  border-radius: 10px;
  place-items: center;
  width: 35px;
  height: 38px;
  display: grid;
}

.mini-event-head > span strong {
  font-size: 13px;
  line-height: 1;
}

.mini-event-head > span small {
  color: #dff7f6;
  font-size: 6px;
}

.mini-event-head > div {
  flex-direction: column;
  gap: 2px;
  min-width: 0;
  display: flex;
}

.mini-event-head > div strong {
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 9px;
  overflow: hidden;
}

.mini-event-head > div small {
  font-size: 7px;
}

.mini-event-head em,
.mini-match-head em {
  color: #078b72;
  background: #def7ef;
  border-radius: 999px;
  padding: 4px 6px;
  font-size: 7px;
  font-style: normal;
  font-weight: 760;
}

.mini-event-metrics {
  grid-template-columns: 1fr 1fr;
  gap: 7px;
  margin-top: 10px;
  display: grid;
}

.mini-event-metrics > span {
  background: #fff;
  border: 1px solid #e1e9ef;
  border-radius: 9px;
  flex-direction: column;
  gap: 2px;
  min-height: 52px;
  padding: 7px;
  display: flex;
}

.mini-event-metrics small {
  font-size: 7px;
}

.mini-event-metrics strong {
  color: #0b3762;
  font-size: 13px;
}

.mini-event-metrics .mini-event-ring {
  background:
    radial-gradient(circle at 26px 26px, #fff 0 13px, transparent 14px),
    conic-gradient(#0ba79c 0 82%, #dbe8ed 82% 100%);
  padding-left: 55px;
  position: relative;
}

.mini-event-flow {
  align-items: center;
  gap: 4px;
  margin-top: 9px;
  display: flex;
}

.mini-event-flow span {
  color: #7890a1;
  white-space: nowrap;
  font-size: 7px;
}

.mini-event-flow span.done {
  color: #087f77;
  font-weight: 760;
}

.mini-event-flow i {
  background: #cad8e1;
  flex: 1;
  height: 1px;
}

.mini-review-kpis {
  grid-template-columns: 1fr 1fr;
  gap: 7px;
  display: grid;
}

.mini-review-kpis > span {
  background: #ffffff0d;
  border: 1px solid #ffffff17;
  border-radius: 9px;
  flex-direction: column;
  gap: 2px;
  padding: 7px;
  display: flex;
}

.mini-review-kpis small {
  color: #9fb9c9;
  font-size: 7px;
}

.mini-review-kpis strong {
  color: #fff;
  font-size: 12px;
}

.mini-review-list {
  flex-direction: column;
  margin-top: 7px;
  display: flex;
}

.mini-review-list > span {
  border-top: 1px solid #ffffff12;
  grid-template-columns: 7px minmax(0, 1fr) auto;
  align-items: center;
  gap: 6px;
  min-height: 25px;
  display: grid;
}

.mini-review-list > span > i {
  background: #43b9cb;
  border-radius: 50%;
  width: 7px;
  height: 7px;
}

.mini-review-list strong {
  color: #dbeaf1;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 7px;
  overflow: hidden;
}

.mini-review-list em {
  border-radius: 999px;
  padding: 3px 5px;
  font-size: 6px;
  font-style: normal;
}

.mini-review-list em.safe {
  color: #77e3b2;
  background: #32b87917;
}

.mini-review-list em.warn {
  color: #ffd28b;
  background: #ffad3217;
}

.mini-review-actions {
  gap: 6px;
  margin-top: 7px;
  display: flex;
}

.mini-review-actions span {
  color: #a8c8d4;
  background: #ffffff0b;
  border: 1px solid #ffffff14;
  border-radius: 6px;
  flex: 1;
  padding: 5px;
  text-align: center;
  font-size: 6px;
}

.mini-match-head {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.mini-match-head > span {
  flex-direction: column;
  gap: 2px;
  display: flex;
}

.mini-match-head small {
  font-size: 7px;
}

.mini-match-head strong {
  color: #0b3762;
  font-size: 10px;
}

.mini-match-body {
  grid-template-columns: minmax(0, .8fr) minmax(0, 1.2fr);
  gap: 9px;
  margin-top: 9px;
  display: grid;
}

.mini-match-timeline {
  border-right: 1px solid #dfe7ed;
  flex-direction: column;
  gap: 8px;
  padding-right: 8px;
  display: flex;
}

.mini-match-timeline span {
  color: #738a9b;
  align-items: center;
  gap: 6px;
  font-size: 7px;
  display: flex;
}

.mini-match-timeline i {
  background: #fff;
  border: 2px solid #b8c9d5;
  border-radius: 50%;
  width: 8px;
  height: 8px;
}

.mini-match-timeline span.done {
  color: #087d75;
  font-weight: 760;
}

.mini-match-timeline span.done i {
  background: #0aa197;
  border-color: #bcebe6;
}

.mini-match-people {
  flex-direction: column;
  gap: 6px;
  display: flex;
}

.mini-match-people > span {
  background: #fff;
  border: 1px solid #e1e8ee;
  border-radius: 9px;
  grid-template-columns: 25px 40px minmax(0, 1fr);
  align-items: center;
  gap: 6px;
  min-height: 36px;
  padding: 5px;
  display: grid;
}

.mini-match-people i {
  color: #fff;
  background: linear-gradient(145deg, #2874d8, #10a497);
  border-radius: 8px;
  place-items: center;
  width: 25px;
  height: 25px;
  font-size: 8px;
  font-style: normal;
  display: grid;
}

.mini-match-people strong {
  color: #0a8a7d;
  font-size: 11px;
}

.mini-match-people small {
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 7px;
  overflow: hidden;
}

.mini-data-kpis {
  grid-template-columns: repeat(3, 1fr);
  gap: 7px;
  display: grid;
}

.mini-data-kpis > span {
  background: #fff;
  border: 1px solid #e0e8ef;
  border-radius: 9px;
  flex-direction: column;
  gap: 2px;
  min-width: 0;
  padding: 7px;
  display: flex;
}

.mini-data-kpis small {
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 7px;
  overflow: hidden;
}

.mini-data-kpis strong {
  color: #0b3762;
  font-size: 12px;
}

.mini-data-kpis em {
  color: #079077;
  font-size: 6px;
  font-style: normal;
}

.mini-data-body {
  grid-template-columns: minmax(0, 1fr) 86px;
  align-items: stretch;
  gap: 8px;
  margin-top: 8px;
  display: grid;
}

.mini-data-chart {
  background: #fff;
  border: 1px solid #e0e8ef;
  border-radius: 9px;
  min-width: 0;
  padding: 7px;
}

.mini-data-chart header {
  justify-content: space-between;
  gap: 8px;
  display: flex;
}

.mini-data-chart header strong {
  font-size: 8px;
}

.mini-data-chart header small {
  white-space: nowrap;
  font-size: 6px;
}

.mini-data-chart svg {
  width: 100%;
  height: 58px;
  margin-top: 3px;
}

.mini-data-chart .grid {
  fill: none;
  stroke: #e7edf2;
  stroke-width: 1;
}

.mini-data-chart .area {
  fill: #1b74df18;
}

.mini-data-chart .line {
  fill: none;
  stroke: #1478df;
  stroke-width: 3;
  stroke-linecap: round;
}

.mini-data-donut {
  background: #fff;
  border: 1px solid #e0e8ef;
  border-radius: 9px;
  place-items: center;
  padding: 7px;
  display: grid;
  position: relative;
}

.mini-data-donut i {
  background:
    radial-gradient(circle, #fff 0 17px, transparent 18px),
    conic-gradient(#0aa197 0 74.7%, #dce8ed 74.7% 100%);
  border-radius: 50%;
  width: 50px;
  height: 50px;
}

.mini-data-donut strong {
  color: #0b3762;
  font-size: 9px;
  position: absolute;
  top: 32px;
}

.mini-data-donut small {
  font-size: 6px;
}

@media (max-width: 1120px) {
  #capabilities .capability-bento {
    grid-template-rows: none;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  #capabilities .capability-card,
  #capabilities .capability-card:nth-child(n) {
    grid-column: span 1;
  }
}

@media (max-width: 760px) {
  .capability-data-rail {
    scrollbar-width: none;
    margin-top: -4px;
    padding-inline: 14px;
    overflow-x: auto;
  }

  .capability-data-rail::-webkit-scrollbar {
    display: none;
  }

  .capability-data-rail strong {
    margin-right: 10px;
  }

  .capability-data-rail > em {
    flex: 0 0 24px;
  }

  #capabilities .capability-bento {
    grid-template-columns: 1fr;
    gap: 14px;
  }

  #capabilities .capability-card,
  #capabilities .capability-card:nth-child(n) {
    min-height: 390px;
    padding: 23px 23px 62px;
  }

  #capabilities .capability-card b,
  #capabilities .capability-card:nth-child(n) b {
    left: 23px;
  }
}

@media (max-width: 400px) {
  .capability-ui-org,
  .mini-match-body {
    grid-template-columns: 1fr;
  }

  .mini-org-tree,
  .mini-match-timeline {
    border-right: 0;
    border-bottom: 1px solid #dfe7ed;
    padding: 0 0 7px;
  }

  #capabilities .capability-card,
  #capabilities .capability-card:nth-child(n) {
    min-height: 430px;
  }
}

/* Unified capability operating map */
.capability-map-paths,
.capability-data-core,
.capability-foundation {
  display: none;
}

.mini-data-chart .chart-grid {
  fill: none;
  stroke: #e7edf2;
  stroke-width: 1;
}

.capability-ui-finance {
  color: #e9f6fa;
  background: #031d3578;
  border-color: #86cfdb30;
}

.mini-finance-head {
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  display: flex;
}

.mini-finance-head > span {
  flex-direction: column;
  gap: 3px;
  min-width: 0;
  display: flex;
}

.mini-finance-head small {
  color: #9fb9c9;
  font-size: 7px;
}

.mini-finance-head strong {
  color: #fff;
  letter-spacing: -.02em;
  font-size: 14px;
}

.mini-finance-head em {
  color: #75e4d4;
  white-space: nowrap;
  background: #42d0bd12;
  border: 1px solid #6fe4d32b;
  border-radius: 999px;
  padding: 4px 7px;
  font-size: 7px;
  font-style: normal;
  font-weight: 760;
}

.mini-finance-progress {
  background: #ffffff12;
  border-radius: 999px;
  height: 5px;
  margin-top: 9px;
  overflow: hidden;
}

.mini-finance-progress i {
  background: linear-gradient(90deg, #56dfd0, #5ca8ff);
  border-radius: inherit;
  width: 86%;
  height: 100%;
  display: block;
  box-shadow: 0 0 14px #59dccc57;
}

.mini-finance-ledger {
  flex-direction: column;
  margin-top: 7px;
  display: flex;
}

.mini-finance-ledger > span {
  border-top: 1px solid #ffffff12;
  grid-template-columns: 7px minmax(0, 1fr) auto auto;
  align-items: center;
  gap: 6px;
  min-height: 27px;
  display: grid;
}

.mini-finance-ledger > span > i {
  background: #4dd7c3;
  border-radius: 50%;
  width: 7px;
  height: 7px;
  box-shadow: 0 0 0 3px #4dd7c31a;
}

.mini-finance-ledger > span > i.pending {
  background: #f2bc62;
  box-shadow: 0 0 0 3px #f2bc6219;
}

.mini-finance-ledger strong {
  color: #dbeaf1;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 7px;
  overflow: hidden;
}

.mini-finance-ledger small {
  color: #c8dbe5;
  white-space: nowrap;
  font-size: 7px;
}

.mini-finance-ledger em {
  color: #72dfce;
  white-space: nowrap;
  background: #3acbbd12;
  border-radius: 999px;
  padding: 3px 5px;
  font-size: 6px;
  font-style: normal;
}

.mini-finance-ledger > span:last-child em {
  color: #ffd38f;
  background: #f2b95914;
}

.capability-ui-audience {
  background:
    radial-gradient(circle at 92% 0, #1b76df0d, transparent 8rem),
    #f8fafc;
}

.mini-audience-filters {
  gap: 5px;
  display: flex;
  overflow: hidden;
}

.mini-audience-filters span {
  color: #60778b;
  white-space: nowrap;
  background: #fff;
  border: 1px solid #dce6ed;
  border-radius: 999px;
  padding: 4px 7px;
  font-size: 6px;
}

.mini-audience-filters span.active {
  color: #087f77;
  background: #e5f7f3;
  border-color: #bce9e1;
  font-weight: 780;
}

.mini-audience-result {
  justify-content: space-between;
  align-items: end;
  gap: 10px;
  margin-top: 9px;
  display: flex;
}

.mini-audience-result > span {
  flex-direction: column;
  gap: 2px;
  display: flex;
}

.mini-audience-result small {
  font-size: 7px;
}

.mini-audience-result strong {
  color: #0b3762;
  font-size: 13px;
}

.mini-audience-result em {
  color: #0a8b7d;
  white-space: nowrap;
  font-size: 7px;
  font-style: normal;
  font-weight: 760;
}

.mini-audience-channels {
  flex-direction: column;
  gap: 3px;
  margin-top: 7px;
  display: flex;
}

.mini-audience-channels > span {
  grid-template-columns: 34px minmax(0, 1fr) 26px;
  align-items: center;
  gap: 6px;
  display: grid;
}

.mini-audience-channels small {
  color: #6d8394;
  font-size: 6px;
}

.mini-audience-channels > span > i {
  background: #e2eaf0;
  border-radius: 999px;
  height: 4px;
  overflow: hidden;
}

.mini-audience-channels > span > i > em {
  background: linear-gradient(90deg, #0da297, #397edb);
  border-radius: inherit;
  height: 100%;
  display: block;
}

.mini-audience-channels b {
  color: #0b6e80;
  text-align: right;
  font-size: 7px;
}

@media (min-width: 1121px) {
  #capabilities.capability-section {
    background:
      radial-gradient(circle at 50% 45%, #e2efff 0, transparent 28rem),
      linear-gradient(180deg, #f7f9fc, #f2f6fa);
    overflow: hidden;
  }

  #capabilities .section-heading {
    align-items: end;
    margin-bottom: 38px;
  }

  #capabilities .capability-bento {
    isolation: isolate;
    background:
      radial-gradient(circle at 50% 44%, #3a8df517, transparent 24rem),
      linear-gradient(145deg, #ffffffd6, #f6f9fcf0);
    border: 1px solid #d7e2eb;
    border-radius: 32px;
    width: 100%;
    height: 820px;
    padding: 0;
    display: block;
    position: relative;
    overflow: hidden;
    box-shadow:
      inset 0 1px #fff,
      0 28px 76px #08284812;
  }

  #capabilities .capability-bento:before {
    content: "";
    z-index: 0;
    opacity: .62;
    pointer-events: none;
    background-image:
      linear-gradient(#173f6d09 1px, transparent 1px),
      linear-gradient(90deg, #173f6d09 1px, transparent 1px);
    background-size: 34px 34px;
    position: absolute;
    inset: 0;
    -webkit-mask-image: radial-gradient(circle at 50% 45%, #000 10%, transparent 74%);
    mask-image: radial-gradient(circle at 50% 45%, #000 10%, transparent 74%);
  }

  #capabilities .capability-card,
  #capabilities .capability-card:nth-child(n) {
    z-index: 2;
    color: var(--navy-950);
    background:
      radial-gradient(circle at 100% 0, #148eab0e, transparent 10rem),
      #fffffff2;
    border: 1px solid #d7e3eb;
    border-radius: 20px;
    grid-column: auto;
    min-height: 0;
    height: auto;
    padding: 17px 18px 43px;
    display: flex;
    position: absolute;
    overflow: hidden;
    box-shadow:
      inset 0 1px #fff,
      0 14px 36px #09294c12;
    transition:
      border-color .25s ease,
      box-shadow .25s ease,
      transform .25s ease;
  }

  #capabilities .capability-card:nth-child(1) {
    background:
      radial-gradient(circle at 94% 4%, #1d74e91a, transparent 12rem),
      linear-gradient(145deg, #f0f6ff, #fff 66%);
    width: 28.8%;
    height: 39.5%;
    top: 3%;
    left: 2%;
  }

  #capabilities .capability-card:nth-child(2) {
    width: 30.4%;
    height: 31.5%;
    top: 3%;
    left: 34.8%;
  }

  #capabilities .capability-card:nth-child(3) {
    background:
      radial-gradient(circle at 94% 4%, #0ea89b17, transparent 11rem),
      #fffffff2;
    width: 28.8%;
    height: 39.5%;
    top: 3%;
    right: 2%;
  }

  #capabilities .capability-card:nth-child(4) {
    color: #fff;
    background:
      radial-gradient(circle at 92% 8%, #24c6bd30, transparent 14rem),
      linear-gradient(145deg, #072b52, #075c73);
    border-color: #16798f;
    width: 28.8%;
    height: 39.5%;
    top: 46%;
    right: 2%;
  }

  #capabilities .capability-card:nth-child(5) {
    background:
      radial-gradient(circle at 92% 4%, #0fa79a16, transparent 10rem),
      #fffffff2;
    width: 30.4%;
    height: 27.8%;
    top: 64%;
    left: 34.8%;
  }

  #capabilities .capability-card:nth-child(6) {
    background:
      radial-gradient(circle at 94% 4%, #2676e91c, transparent 13rem),
      linear-gradient(145deg, #f1f6ff, #fff 64%);
    width: 28.8%;
    height: 39.5%;
    top: 46%;
    left: 2%;
  }

  #capabilities .capability-card:hover {
    z-index: 4;
    border-color: #75b4c5;
    transform: translateY(-3px);
    box-shadow:
      inset 0 1px #fff,
      0 24px 54px #09294c25;
  }

  #capabilities .capability-card > span {
    top: 18px;
    right: 18px;
    font-size: 8px;
  }

  #capabilities .capability-icon,
  #capabilities .capability-card:nth-child(n) .capability-icon {
    border-radius: 10px;
    width: 34px;
    height: 34px;
    margin: 0;
  }

  #capabilities .capability-icon svg {
    width: 19px;
    height: 19px;
  }

  #capabilities .capability-card > h3,
  #capabilities .capability-card:nth-child(n) > h3 {
    margin: 9px 0 0;
    font-size: clamp(17px, 1.35vw, 20px);
    line-height: 1.18;
  }

  #capabilities .capability-card:nth-child(4) > h3 {
    color: #fff;
  }

  #capabilities .capability-card:nth-child(2) > h3,
  #capabilities .capability-card:nth-child(5) > h3 {
    margin: 0;
    position: absolute;
    top: 24px;
    left: 62px;
  }

  #capabilities .capability-card > p,
  #capabilities .capability-card:nth-child(n) > p {
    display: none;
  }

  #capabilities .capability-card > b,
  #capabilities .capability-card:nth-child(n) > b {
    left: 18px;
    bottom: 16px;
    font-size: 9px;
  }

  #capabilities .capability-card .capability-ui {
    flex: 1;
    min-height: 0;
    margin: 12px 0 0;
    padding: 10px;
    border-radius: 13px;
  }

  #capabilities .capability-card:nth-child(2) .capability-ui,
  #capabilities .capability-card:nth-child(5) .capability-ui {
    margin-top: 10px;
    padding: 9px;
  }

  .capability-map-paths {
    z-index: 1;
    pointer-events: none;
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    inset: 0;
    overflow: visible;
  }

  .capability-map-paths path {
    fill: none;
    stroke: url("#capability-flow-gradient");
    stroke-width: 1.5;
    stroke-linecap: round;
    stroke-dasharray: 6 9;
    vector-effect: non-scaling-stroke;
    animation: capability-data-flow 10s linear infinite;
  }

  .capability-map-paths circle {
    fill: #fff;
    stroke: #1aa497;
    stroke-width: 2;
    vector-effect: non-scaling-stroke;
    filter: drop-shadow(0 0 5px #1aa4977a);
  }

  .capability-data-core {
    z-index: 3;
    color: #fff;
    background:
      radial-gradient(circle at 88% 12%, #48a8ff4a, transparent 14rem),
      linear-gradient(145deg, #061f3c, #0a4d68 68%, #08756e);
    border: 1px solid #55b9c072;
    border-radius: 24px;
    width: 30%;
    height: 25%;
    padding: 19px 21px;
    display: block;
    position: absolute;
    top: 35.5%;
    left: 35%;
    overflow: hidden;
    box-shadow:
      inset 0 1px #ffffff20,
      0 24px 58px #03234142,
      0 0 0 7px #197f8c0a;
  }

  .capability-data-core:after {
    content: "";
    border: 1px solid #ffffff0c;
    border-radius: 50%;
    width: 190px;
    height: 190px;
    position: absolute;
    top: -98px;
    right: -72px;
    box-shadow: 0 0 0 28px #ffffff05, 0 0 0 56px #ffffff03;
  }

  .capability-core-status {
    z-index: 1;
    justify-content: space-between;
    align-items: center;
    gap: 12px;
    display: flex;
    position: relative;
  }

  .capability-core-status span {
    color: #9de9df;
    letter-spacing: .12em;
    align-items: center;
    gap: 7px;
    font-size: 8px;
    font-weight: 850;
    display: inline-flex;
  }

  .capability-core-status span i {
    background: #5bf0bd;
    border-radius: 50%;
    width: 6px;
    height: 6px;
    box-shadow: 0 0 0 5px #5bf0bd18;
  }

  .capability-core-status em {
    color: #d9f8f4;
    letter-spacing: .08em;
    background: #ffffff10;
    border: 1px solid #ffffff1a;
    border-radius: 999px;
    padding: 4px 7px;
    font-size: 7px;
    font-style: normal;
    font-weight: 760;
  }

  .capability-data-core > strong {
    z-index: 1;
    letter-spacing: -.03em;
    margin-top: 15px;
    font-size: clamp(21px, 1.9vw, 28px);
    line-height: 1.1;
    display: block;
    position: relative;
  }

  .capability-data-core > p {
    z-index: 1;
    color: #b9d9e3;
    margin-top: 7px;
    font-size: 9px;
    position: relative;
  }

  .capability-core-metrics {
    z-index: 1;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 7px;
    margin-top: 14px;
    display: grid;
    position: relative;
  }

  .capability-core-metrics > span {
    background: #ffffff0a;
    border: 1px solid #ffffff11;
    border-radius: 9px;
    flex-direction: column;
    gap: 2px;
    min-width: 0;
    padding: 7px 8px;
    display: flex;
  }

  .capability-core-metrics small {
    color: #9fc4d2;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 6px;
    overflow: hidden;
  }

  .capability-core-metrics b {
    color: #fff;
    font-size: 12px;
  }

  .capability-foundation {
    z-index: 4;
    color: #4a6478;
    background: #ffffffeb;
    border: 1px solid #d6e2e9;
    border-radius: 14px;
    grid-template-columns: 1.25fr repeat(4, minmax(0, 1fr));
    align-items: center;
    width: 96%;
    height: 46px;
    padding: 0 16px;
    display: grid;
    position: absolute;
    left: 2%;
    bottom: 2%;
    box-shadow: 0 10px 26px #08284912;
  }

  .capability-foundation strong {
    color: #087c76;
    letter-spacing: .04em;
    align-items: center;
    gap: 8px;
    font-size: 9px;
    display: flex;
  }

  .capability-foundation strong i {
    background: linear-gradient(135deg, #0ca197, #397edb);
    border-radius: 7px 7px 7px 2px;
    width: 21px;
    height: 21px;
    box-shadow: 0 0 0 4px #0ca1970d;
  }

  .capability-foundation span {
    border-left: 1px solid #dce5eb;
    text-align: center;
    font-size: 8px;
    font-weight: 700;
  }

  @keyframes capability-data-flow {
    to {
      stroke-dashoffset: -90;
    }
  }
}

@media (max-width: 1120px) {
  .capability-map-paths,
  .capability-data-core,
  .capability-foundation {
    display: none;
  }
}

@media (max-width: 760px) {
  #capabilities .section-heading {
    margin-bottom: 30px;
  }

  #capabilities .capability-intro {
    font-size: 14px;
    line-height: 1.7;
  }

  #capabilities .capability-bento {
    scroll-snap-type: x mandatory;
    scrollbar-width: none;
    grid-template-columns: none;
    gap: 14px;
    height: auto;
    margin-inline: -14px;
    padding: 4px 14px 12px;
    display: flex;
    overflow-x: auto;
    overflow-y: hidden;
  }

  #capabilities .capability-bento::-webkit-scrollbar {
    display: none;
  }

  #capabilities .capability-card,
  #capabilities .capability-card:nth-child(n) {
    scroll-snap-align: center;
    flex: 0 0 min(86vw, 360px);
    min-height: 390px;
    padding: 23px 23px 62px;
    position: relative;
  }

  #capabilities .capability-card > b,
  #capabilities .capability-card:nth-child(n) > b {
    left: 23px;
  }
}

@media (max-width: 420px) {
  #capabilities .capability-card,
  #capabilities .capability-card:nth-child(n) {
    flex-basis: min(88vw, 350px);
    min-height: 420px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .capability-map-paths path {
    animation: none;
  }
}

/* Terminal experience v2: five-screen product orbit */
#terminals.terminal-section {
  isolation: isolate;
  background:
    radial-gradient(circle at 83% 30%, #0f548148, transparent 33rem),
    radial-gradient(circle at 12% 82%, #0aa1941c, transparent 28rem),
    linear-gradient(135deg, #03182f, #062746 62%, #07345a);
  position: relative;
  overflow: hidden;
}

#terminals.terminal-section:before {
  content: "";
  z-index: -1;
  opacity: .34;
  pointer-events: none;
  background-image:
    linear-gradient(#8bc8e70a 1px, transparent 1px),
    linear-gradient(90deg, #8bc8e70a 1px, transparent 1px);
  background-size: 46px 46px;
  position: absolute;
  inset: 0;
  -webkit-mask-image: radial-gradient(circle at 64% 48%, #000, transparent 76%);
  mask-image: radial-gradient(circle at 64% 48%, #000, transparent 76%);
}

#terminals > .site-container {
  z-index: 1;
  position: relative;
}

#terminals .section-heading {
  grid-template-columns: minmax(0, 1.42fr) minmax(340px, .58fr);
  align-items: end;
  gap: clamp(54px, 7vw, 112px);
  margin-bottom: 40px;
}

#terminals .section-heading h2 {
  max-width: 900px;
  white-space: normal;
  text-wrap: balance;
  font-size: clamp(38px, 3.45vw, 54px);
  line-height: 1.08;
}

#terminals .section-heading > p {
  color: #aec3d2;
  border-left: 1px solid #6aa9c93b;
  max-width: 500px;
  padding-left: 25px;
  font-size: 14px;
  line-height: 1.85;
}

#terminals .terminal-layout {
  background: transparent;
  border: 0;
  border-radius: 0;
  grid-template:
    "story orbit" 700px
    "sync sync" 58px
    / minmax(340px, .72fr) minmax(0, 1.58fr);
  gap: 22px 28px;
  padding: 0;
  display: grid;
  overflow: visible;
  box-shadow: none;
}

#terminals .terminal-stage {
  grid-area: story;
  background:
    radial-gradient(circle at 100% 0, #3b96e628, transparent 18rem),
    linear-gradient(155deg, #0a2948e8, #061b33f5 72%);
  border: 1px solid #83bbdb2b;
  border-radius: 30px;
  width: 100%;
  height: 700px;
  min-height: 700px !important;
  position: relative;
  overflow: hidden;
  box-shadow:
    inset 0 1px #ffffff0d,
    0 30px 70px #00091b42;
}

#terminals .terminal-stage:before {
  content: "";
  pointer-events: none;
  opacity: .58;
  background:
    linear-gradient(90deg, #74dcd213 1px, transparent 1px),
    linear-gradient(#74dcd213 1px, transparent 1px);
  background-size: 30px 30px;
  position: absolute;
  inset: 0;
  -webkit-mask-image: linear-gradient(145deg, #000, transparent 68%);
  mask-image: linear-gradient(145deg, #000, transparent 68%);
}

#terminals .terminal-stage:after {
  content: "";
  pointer-events: none;
  border: 1px solid #45d5c31b;
  border-radius: 50%;
  width: 330px;
  height: 330px;
  position: absolute;
  right: -218px;
  bottom: 48px;
  box-shadow: 0 0 0 44px #4e9ee808, 0 0 0 88px #4e9ee805;
}

#terminals .terminal-story-head {
  z-index: 5;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  display: flex;
  position: absolute;
  top: 28px;
  left: 30px;
  right: 30px;
}

#terminals .terminal-story-head > span {
  color: #76ded2;
  letter-spacing: .16em;
  white-space: nowrap;
  font-size: 8px;
  font-weight: 850;
}

#terminals .terminal-story-head > em {
  color: #b9d6df;
  letter-spacing: .06em;
  white-space: nowrap;
  align-items: center;
  gap: 7px;
  background: #ffffff08;
  border: 1px solid #ffffff12;
  border-radius: 999px;
  min-height: 27px;
  padding: 0 9px;
  font-size: 7px;
  font-style: normal;
  font-weight: 740;
  display: inline-flex;
}

#terminals .terminal-story-head > em i {
  background: #52e3b8;
  border-radius: 50%;
  width: 6px;
  height: 6px;
  box-shadow: 0 0 0 4px #52e3b817;
}

#terminals .terminal-panel,
#terminals .terminal-panel:not([hidden]) {
  width: 100%;
  height: 100%;
  min-height: 0 !important;
  display: block !important;
  position: relative;
}

#terminals .terminal-panel[hidden] {
  display: none !important;
}

#terminals .terminal-panel:not([hidden]) {
  animation: .42s cubic-bezier(.22, .8, .22, 1) both terminal-story-enter;
}

#terminals .reference-screen-visual {
  isolation: isolate;
  background: transparent;
  width: 100%;
  height: 100%;
  min-height: 0 !important;
  position: relative;
  overflow: hidden;
}

#terminals .reference-screen-visual:before {
  content: attr(data-step);
  z-index: -1;
  color: transparent;
  letter-spacing: -.08em;
  -webkit-text-stroke: 1px #8ed7e52b;
  font-size: 116px;
  font-weight: 850;
  line-height: 1;
  position: absolute;
  top: 84px;
  left: 24px;
}

#terminals .reference-screen-scene,
#terminals .reference-screen-shade,
#terminals .reference-phone,
#terminals .reference-screen-status {
  display: none !important;
}

#terminals .reference-screen-copy {
  z-index: 2;
  width: auto;
  max-width: none;
  position: absolute;
  top: 174px;
  left: 30px;
  right: 30px;
  transform: none;
}

#terminals .reference-screen-copy > small {
  color: #73ddd1;
  letter-spacing: .14em;
  text-transform: uppercase;
  margin: 0 0 15px;
  font-size: 10px;
  font-weight: 800;
}

#terminals .reference-screen-copy > strong {
  color: #f4f8fb;
  max-width: 390px;
  white-space: normal;
  text-wrap: balance;
  letter-spacing: -.045em;
  font-size: clamp(28px, 2.2vw, 37px);
  line-height: 1.16;
}

#terminals .reference-screen-copy > p {
  color: #a9bdcc;
  max-width: 390px;
  margin-top: 18px;
  font-size: 13px;
  line-height: 1.75;
}

#terminals .reference-screen-copy > .terminal-story-features {
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 23px;
  display: flex;
}

#terminals .reference-screen-copy > .terminal-story-features > span {
  color: #d8e8ee;
  background: #ffffff08;
  border: 1px solid #ffffff12;
  border-radius: 999px;
  align-items: center;
  gap: 6px;
  min-height: 30px;
  padding: 0 10px;
  font-size: 9px;
  font-weight: 680;
  display: inline-flex;
}

#terminals .terminal-story-features svg {
  color: #5ce0d0;
  flex: none;
}

#terminals .reference-screen-copy > .terminal-story-metric {
  background:
    linear-gradient(135deg, #2b8bc019, #24b5a319),
    #ffffff06;
  border: 1px solid #75c9cf22;
  border-radius: 15px;
  justify-content: space-between;
  align-items: center;
  gap: 14px;
  max-width: 280px;
  min-height: 76px;
  margin-top: 24px;
  padding: 12px 14px;
  display: flex;
}

#terminals .terminal-story-metric > span {
  background: none;
  border: 0;
  border-radius: 0;
  flex-direction: column;
  align-items: flex-start;
  gap: 3px;
  min-height: 0;
  padding: 0;
  display: flex;
}

#terminals .terminal-story-metric small {
  color: #92adbd;
  font-size: 8px;
}

#terminals .terminal-story-metric strong {
  color: #fff;
  letter-spacing: -.03em;
  font-size: 22px;
}

#terminals .terminal-story-metric > em {
  color: #67dfd1;
  letter-spacing: .08em;
  white-space: nowrap;
  align-items: center;
  gap: 6px;
  font-size: 7px;
  font-style: normal;
  font-weight: 820;
  display: inline-flex;
}

#terminals .terminal-story-metric > em i {
  background: #51e0b7;
  border-radius: 50%;
  width: 6px;
  height: 6px;
  box-shadow: 0 0 0 4px #51e0b715;
}

#terminals .terminal-story-controls {
  z-index: 8;
  grid-template-columns: 36px minmax(0, 1fr) 36px;
  align-items: center;
  gap: 12px;
  display: grid;
  position: absolute;
  left: 30px;
  right: 30px;
  bottom: 28px;
}

#terminals .terminal-story-controls > button {
  color: #d8e8ef;
  cursor: pointer;
  background: #ffffff08;
  border: 1px solid #ffffff17;
  border-radius: 50%;
  place-items: center;
  width: 36px;
  height: 36px;
  transition: background .2s, border-color .2s, color .2s, transform .2s;
  display: grid;
}

#terminals .terminal-story-controls > button:hover {
  color: #fff;
  background: #37b8aa22;
  border-color: #5edacf55;
  transform: translateY(-1px);
}

#terminals .terminal-story-controls > button:focus-visible {
  outline-offset: 3px;
  outline: 2px solid #70e1d5;
}

#terminals .terminal-story-progress {
  grid-template-columns: minmax(0, 1fr) auto auto;
  align-items: center;
  gap: 7px;
  display: grid;
}

#terminals .terminal-story-progress > span {
  background: #ffffff12;
  border-radius: 999px;
  height: 3px;
  overflow: hidden;
}

#terminals .terminal-story-progress > span i {
  background: linear-gradient(90deg, #43d5c4, #4d91ff);
  border-radius: inherit;
  width: 20%;
  height: 100%;
  transition: width .5s cubic-bezier(.22, .8, .22, 1);
  display: block;
  box-shadow: 0 0 14px #43d5c47a;
}

#terminals .terminal-story-progress b {
  color: #f5f9fb;
  font-size: 11px;
}

#terminals .terminal-story-progress em {
  color: #7f9aaa;
  font-size: 9px;
  font-style: normal;
}

#terminals .terminal-tabs {
  grid-area: orbit;
  isolation: isolate;
  background:
    radial-gradient(circle at 50% 56%, #1f7ab132, transparent 23rem),
    radial-gradient(circle at 50% 100%, #0db7a11c, transparent 21rem),
    linear-gradient(145deg, #061b34e8, #092d4de8);
  border: 1px solid #83bbdb2b;
  border-radius: 30px;
  width: 100%;
  height: 700px;
  min-height: 0;
  padding: 0;
  display: block;
  position: relative;
  overflow: hidden;
  box-shadow:
    inset 0 1px #ffffff0d,
    0 30px 70px #00091b42;
}

#terminals .terminal-tabs:before {
  content: "";
  z-index: -1;
  pointer-events: none;
  border: 1px solid #74d7d42b;
  border-radius: 50%;
  width: 74%;
  height: 47%;
  position: absolute;
  top: 31%;
  left: 50%;
  transform: translate(-50%, -50%) rotate(-7deg);
  box-shadow:
    0 0 0 42px #57a7e308,
    0 0 0 84px #57a7e305;
}

#terminals .terminal-tabs:after {
  content: "";
  z-index: -1;
  opacity: .38;
  pointer-events: none;
  background-image:
    linear-gradient(#8bc8e70b 1px, transparent 1px),
    linear-gradient(90deg, #8bc8e70b 1px, transparent 1px);
  background-size: 32px 32px;
  position: absolute;
  inset: 0;
  -webkit-mask-image: radial-gradient(circle at 50% 46%, #000, transparent 74%);
  mask-image: radial-gradient(circle at 50% 46%, #000, transparent 74%);
}

#terminals .terminal-orbit-head {
  z-index: 20;
  display: block;
  position: absolute;
  top: 25px;
  left: 27px;
  right: 27px;
}

#terminals .terminal-orbit-head > span {
  color: #70dcd0;
  letter-spacing: .16em;
  font-size: 8px;
  font-weight: 850;
  display: block;
}

#terminals .terminal-orbit-head > strong {
  color: #e5eef3;
  letter-spacing: -.01em;
  margin-top: 6px;
  font-size: 12px;
  display: block;
}

#terminals .terminal-orbit-head > em {
  color: #a9c3cf;
  letter-spacing: .07em;
  align-items: center;
  gap: 7px;
  font-size: 7px;
  font-style: normal;
  font-weight: 760;
  display: inline-flex;
  position: absolute;
  top: 5px;
  right: 0;
}

#terminals .terminal-orbit-head > em i {
  background: #50e2b7;
  border-radius: 50%;
  width: 6px;
  height: 6px;
  box-shadow: 0 0 0 4px #50e2b717;
}

#terminals .terminal-tabs > button,
#terminals .terminal-tabs > button:nth-child(n) {
  color: #fff;
  cursor: pointer;
  background: transparent;
  border: 0;
  border-radius: 0;
  grid-template-columns: none;
  align-items: initial;
  gap: 0;
  min-width: 0;
  min-height: 0;
  margin: 0;
  padding: 0;
  display: block;
  position: absolute;
  overflow: visible;
  box-shadow: none;
  transition:
    left .55s cubic-bezier(.22, .8, .22, 1),
    top .55s cubic-bezier(.22, .8, .22, 1),
    width .55s cubic-bezier(.22, .8, .22, 1),
    opacity .45s ease,
    filter .45s ease,
    transform .55s cubic-bezier(.22, .8, .22, 1);
}

#terminals .terminal-tabs > button:after {
  content: none;
}

#terminals .terminal-tabs > button[data-orbit-position="0"] {
  z-index: 8;
  opacity: 1;
  filter: none;
  width: clamp(270px, 24vw, 314px);
  top: 38px;
  left: 50%;
  transform: translateX(-50%);
}

#terminals .terminal-tabs > button[data-orbit-position="-1"] {
  z-index: 5;
  opacity: .72;
  filter: saturate(.82) brightness(.8);
  width: clamp(188px, 17vw, 222px);
  top: 158px;
  left: 18%;
  transform: translateX(-50%) rotate(-7deg);
}

#terminals .terminal-tabs > button[data-orbit-position="1"] {
  z-index: 5;
  opacity: .72;
  filter: saturate(.82) brightness(.8);
  width: clamp(188px, 17vw, 222px);
  top: 158px;
  left: 82%;
  transform: translateX(-50%) rotate(7deg);
}

#terminals .terminal-tabs > button[data-orbit-position="-2"] {
  z-index: 3;
  opacity: .3;
  filter: saturate(.65) brightness(.7);
  width: clamp(145px, 12vw, 166px);
  top: 245px;
  left: 2%;
  transform: translateX(-50%) rotate(-12deg);
}

#terminals .terminal-tabs > button[data-orbit-position="2"] {
  z-index: 3;
  opacity: .3;
  filter: saturate(.65) brightness(.7);
  width: clamp(145px, 12vw, 166px);
  top: 245px;
  left: 98%;
  transform: translateX(-50%) rotate(12deg);
}

#terminals .terminal-tabs > button:hover {
  background: transparent;
  border-color: transparent;
  box-shadow: none;
}

#terminals .terminal-tabs > button[data-orbit-position="-1"]:hover,
#terminals .terminal-tabs > button[data-orbit-position="1"]:hover {
  opacity: .92;
  filter: saturate(1) brightness(.94);
}

#terminals .terminal-tabs > button:focus-visible {
  outline: none;
}

#terminals .terminal-tabs > button:focus-visible .terminal-orbit-phone {
  outline-offset: 5px;
  outline: 2px solid #71e2d6;
}

#terminals .terminal-tabs > button > .terminal-orbit-phone {
  aspect-ratio: 864 / 1821;
  background: #06182a;
  border: 6px solid #102638;
  border-radius: 42px;
  width: 100% !important;
  height: auto !important;
  display: block !important;
  position: relative;
  overflow: hidden;
  box-shadow:
    inset 0 0 0 1px #ffffff1c,
    0 35px 80px #00081570;
  transition: border-color .35s, box-shadow .35s;
}

#terminals .terminal-orbit-phone:before {
  content: "";
  z-index: 3;
  background: #071625;
  border-radius: 0 0 9px 9px;
  width: 28%;
  height: 2%;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
}

#terminals .terminal-orbit-phone:after {
  content: "";
  z-index: 2;
  pointer-events: none;
  background: linear-gradient(118deg, #ffffff16, transparent 19% 76%, #ffffff0a);
  position: absolute;
  inset: 0;
}

#terminals .terminal-orbit-phone img {
  object-fit: cover;
  width: 100%;
  height: 100%;
}

#terminals .terminal-tabs > button[aria-selected="true"] .terminal-orbit-phone {
  border-color: #17374b;
  box-shadow:
    inset 0 0 0 1px #6ee7dc36,
    0 0 0 1px #53cfc45c,
    0 42px 100px #0008188f,
    0 0 46px #229baf26;
}

#terminals .terminal-tabs .terminal-tab-index,
#terminals .terminal-tabs button[aria-selected="true"] > .terminal-tab-index {
  z-index: 5;
  color: #f0cf8e;
  letter-spacing: .05em;
  background: #061c32d9;
  border: 1px solid #d8b9695c;
  border-radius: 10px;
  place-items: center;
  width: 31px;
  height: 31px;
  font-size: 8px;
  font-weight: 850;
  display: grid;
  position: absolute;
  top: 15px;
  left: 15px;
  box-shadow: 0 7px 18px #000a1c4a;
}

#terminals .terminal-tabs button[aria-selected="true"] > .terminal-tab-index {
  color: #fff;
  background: linear-gradient(135deg, #1ba99d, #397fd6);
  border-color: #75e4d968;
}

#terminals .terminal-tabs .terminal-tab-copy {
  opacity: 0;
  pointer-events: none;
  width: 190%;
  text-align: center;
  transition: opacity .3s .18s;
  position: absolute;
  top: calc(100% + 13px);
  left: 50%;
  transform: translateX(-50%);
}

#terminals .terminal-tabs button[aria-selected="true"] .terminal-tab-copy {
  opacity: 1;
}

#terminals .terminal-tabs h3,
#terminals .terminal-tabs button[aria-selected="true"] h3 {
  color: #f3f8fa;
  white-space: normal;
  font-size: 15px !important;
  line-height: 1.2;
}

#terminals .terminal-tabs small,
#terminals .terminal-tabs button[aria-selected="true"] small {
  color: #7edfd4;
  white-space: normal;
  margin-top: 5px;
  font-size: 8px;
  display: block;
}

#terminals .terminal-tabs > button > svg {
  display: none;
}

#terminals .terminal-sync-rail {
  grid-area: sync;
  color: #9fb5c3;
  background:
    linear-gradient(90deg, #0c92890c, #367ee80c),
    #061c33d9;
  border: 1px solid #82b8d52b;
  border-radius: 16px;
  grid-template-columns: 1.25fr repeat(4, minmax(0, 1fr));
  align-items: center;
  min-height: 58px;
  padding: 0 20px;
  display: grid;
  position: relative;
  overflow: hidden;
  box-shadow: inset 0 1px #ffffff08;
}

#terminals .terminal-sync-rail > strong {
  color: #74ddd2;
  letter-spacing: .08em;
  align-items: center;
  gap: 9px;
  font-size: 9px;
  display: flex;
}

#terminals .terminal-sync-rail > strong i {
  background: linear-gradient(135deg, #27b8aa, #397fda);
  border-radius: 8px 8px 8px 3px;
  width: 23px;
  height: 23px;
  box-shadow: 0 0 0 5px #27b8aa0e;
}

#terminals .terminal-sync-rail > span {
  border-left: 1px solid #ffffff10;
  text-align: center;
  letter-spacing: .05em;
  font-size: 8px;
  font-weight: 720;
}

#terminals .terminal-sync-cursor {
  background: #5ae8bc;
  border-radius: 50%;
  width: 7px;
  height: 7px;
  transition: left .55s cubic-bezier(.22, .8, .22, 1);
  position: absolute;
  left: clamp(16px, var(--terminal-sync-position, 0%), calc(100% - 16px));
  bottom: 0;
  transform: translate(-50%, 50%);
  box-shadow:
    0 0 0 5px #5ae8bc18,
    0 0 18px #5ae8bca8;
}

@keyframes terminal-story-enter {
  from {
    opacity: 0;
    transform: translateY(10px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@media (max-width: 1180px) {
  #terminals .terminal-layout {
    grid-template:
      "story orbit" 650px
      "sync sync" 58px
      / minmax(310px, .72fr) minmax(0, 1.45fr);
    gap: 20px 22px;
  }

  #terminals .terminal-stage,
  #terminals .terminal-tabs {
    height: 650px;
  }

  #terminals .terminal-stage {
    min-height: 650px !important;
  }

  #terminals .terminal-tabs > button[data-orbit-position="0"] {
    width: 270px;
  }

  #terminals .terminal-tabs > button[data-orbit-position="-1"],
  #terminals .terminal-tabs > button[data-orbit-position="1"] {
    width: 190px;
  }

  #terminals .terminal-tabs > button[data-orbit-position="-2"],
  #terminals .terminal-tabs > button[data-orbit-position="2"] {
    width: 142px;
  }

  #terminals .reference-screen-copy {
    left: 26px;
    right: 26px;
  }

  #terminals .reference-screen-copy > strong {
    font-size: 30px;
  }
}

@media (max-width: 1060px) {
  #terminals .section-heading {
    grid-template-columns: 1fr;
    gap: 18px;
  }

  #terminals .section-heading > p {
    border-left: 0;
    max-width: 720px;
    padding-left: 0;
  }

  #terminals .terminal-layout {
    grid-template:
      "story" 390px
      "orbit" 620px
      "sync" 58px
      / minmax(0, 1fr);
    gap: 18px;
  }

  #terminals .terminal-stage {
    height: 390px;
    min-height: 390px !important;
  }

  #terminals .terminal-tabs {
    height: 620px;
    min-height: 0;
  }

  #terminals .reference-screen-visual:before {
    top: 70px;
    left: 28px;
    font-size: 94px;
  }

  #terminals .reference-screen-copy {
    grid-template-columns: minmax(0, 1.1fr) minmax(230px, .9fr);
    align-items: start;
    gap: 14px 28px;
    top: 116px;
    left: 30px;
    right: 30px;
    display: grid;
  }

  #terminals .reference-screen-copy > small {
    grid-column: 1;
    margin-bottom: 0;
  }

  #terminals .reference-screen-copy > strong {
    grid-column: 1;
    max-width: 500px;
    font-size: 32px;
  }

  #terminals .reference-screen-copy > p {
    grid-column: 1;
    max-width: 540px;
    margin-top: 0;
  }

  #terminals .reference-screen-copy > .terminal-story-features {
    grid-column: 1;
    margin-top: 2px;
  }

  #terminals .reference-screen-copy > .terminal-story-metric {
    grid-row: 1 / span 4;
    grid-column: 2;
    align-self: center;
    max-width: none;
    min-height: 112px;
    margin-top: 12px;
  }

  #terminals .terminal-story-controls {
    width: min(420px, calc(100% - 60px));
  }

  #terminals .terminal-tabs > button[data-orbit-position="0"] {
    width: 262px;
    top: 35px;
  }

  #terminals .terminal-tabs > button[data-orbit-position="-1"],
  #terminals .terminal-tabs > button[data-orbit-position="1"] {
    width: 184px;
    top: 137px;
  }

  #terminals .terminal-tabs > button[data-orbit-position="-2"],
  #terminals .terminal-tabs > button[data-orbit-position="2"] {
    width: 138px;
    top: 212px;
  }
}

@media (max-width: 760px) {
  #terminals .section-heading {
    margin-bottom: 30px;
  }

  #terminals .section-heading h2 {
    font-size: clamp(30px, 8vw, 42px);
  }

  #terminals .terminal-layout {
    grid-template:
      "story" 440px
      "orbit" 680px
      "sync" auto
      / minmax(0, 1fr);
    gap: 16px;
  }

  #terminals .terminal-stage {
    border-radius: 24px;
    height: 440px;
    min-height: 440px !important;
  }

  #terminals .terminal-story-head {
    top: 23px;
    left: 22px;
    right: 22px;
  }

  #terminals .terminal-story-head > em {
    display: none;
  }

  #terminals .reference-screen-visual:before {
    top: 63px;
    left: 18px;
    font-size: 86px;
  }

  #terminals .reference-screen-copy {
    grid-template-columns: 1fr;
    gap: 0;
    top: 112px;
    left: 22px;
    right: 22px;
    display: block;
  }

  #terminals .reference-screen-copy > small {
    margin-bottom: 10px;
  }

  #terminals .reference-screen-copy > strong {
    max-width: 520px;
    font-size: clamp(26px, 6.8vw, 34px);
  }

  #terminals .reference-screen-copy > p {
    max-width: 560px;
    margin-top: 12px;
    font-size: 12px;
  }

  #terminals .reference-screen-copy > .terminal-story-features {
    gap: 6px;
    margin-top: 16px;
  }

  #terminals .reference-screen-copy > .terminal-story-features > span {
    min-height: 27px;
    padding-inline: 8px;
    font-size: 8px;
  }

  #terminals .reference-screen-copy > .terminal-story-metric {
    max-width: 250px;
    min-height: 62px;
    margin-top: 16px;
    padding: 9px 11px;
  }

  #terminals .terminal-story-metric strong {
    font-size: 18px;
  }

  #terminals .terminal-story-controls {
    left: 22px;
    right: 22px;
    bottom: 20px;
    width: auto;
  }

  #terminals .terminal-tabs {
    scroll-snap-type: x mandatory;
    scrollbar-width: none;
    border-radius: 24px;
    flex-flow: row nowrap;
    align-items: flex-start;
    gap: 18px;
    height: 680px;
    min-height: 0;
    padding: 78px 24px 60px;
    display: flex;
    overflow-x: auto;
    overflow-y: hidden;
  }

  #terminals .terminal-tabs::-webkit-scrollbar {
    display: none;
  }

  #terminals .terminal-tabs:before {
    width: 540px;
    height: 250px;
    top: 45%;
  }

  #terminals .terminal-orbit-head {
    top: 22px;
    left: 20px;
    right: 20px;
  }

  #terminals .terminal-tabs > button,
  #terminals .terminal-tabs > button:nth-child(n),
  #terminals .terminal-tabs > button[data-orbit-position="-2"],
  #terminals .terminal-tabs > button[data-orbit-position="-1"],
  #terminals .terminal-tabs > button[data-orbit-position="0"],
  #terminals .terminal-tabs > button[data-orbit-position="1"],
  #terminals .terminal-tabs > button[data-orbit-position="2"] {
    scroll-snap-align: center;
    opacity: .58;
    filter: saturate(.8) brightness(.82);
    flex: 0 0 min(72vw, 270px);
    width: min(72vw, 270px);
    min-width: min(72vw, 270px);
    top: auto;
    left: auto;
    transform: none;
    position: relative;
  }

  #terminals .terminal-tabs > button[aria-selected="true"] {
    opacity: 1;
    filter: none;
  }

  #terminals .terminal-tabs .terminal-tab-copy {
    opacity: .68;
    width: 100%;
  }

  #terminals .terminal-tabs button[aria-selected="true"] .terminal-tab-copy {
    opacity: 1;
  }

  #terminals .terminal-sync-rail {
    border-radius: 15px;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0;
    min-height: 96px;
    padding: 10px 14px;
  }

  #terminals .terminal-sync-rail > strong {
    grid-column: 1 / -1;
    padding-bottom: 7px;
  }

  #terminals .terminal-sync-rail > span {
    border-top: 1px solid #ffffff0c;
    border-left: 0;
    padding: 8px 4px;
    text-align: left;
  }
}

@media (max-width: 560px) {
  #terminals .terminal-layout {
    grid-template-rows: 480px 650px auto;
  }

  #terminals .terminal-stage {
    height: 480px;
    min-height: 480px !important;
  }

  #terminals .terminal-story-head > span {
    letter-spacing: .12em;
    font-size: 7px;
  }

  #terminals .reference-screen-copy {
    top: 108px;
  }

  #terminals .reference-screen-copy > strong {
    font-size: clamp(25px, 7.6vw, 31px);
  }

  #terminals .reference-screen-copy > p {
    display: block;
  }

  #terminals .reference-screen-copy > .terminal-story-features {
    display: flex !important;
  }

  #terminals .reference-screen-copy > .terminal-story-features > span:nth-child(3) {
    display: none;
  }

  #terminals .reference-screen-copy > .terminal-story-metric {
    min-height: 58px;
    display: flex !important;
  }

  #terminals .terminal-tabs {
    height: 650px;
    padding: 72px 20px 58px;
  }

  #terminals .terminal-tabs > button,
  #terminals .terminal-tabs > button:nth-child(n),
  #terminals .terminal-tabs > button[data-orbit-position="-2"],
  #terminals .terminal-tabs > button[data-orbit-position="-1"],
  #terminals .terminal-tabs > button[data-orbit-position="0"],
  #terminals .terminal-tabs > button[data-orbit-position="1"],
  #terminals .terminal-tabs > button[data-orbit-position="2"] {
    flex-basis: min(70vw, 250px);
    width: min(70vw, 250px);
    min-width: min(70vw, 250px);
  }

  #terminals .terminal-orbit-head > strong {
    font-size: 10px;
  }
}

@media (prefers-reduced-motion: reduce) {
  #terminals .terminal-panel:not([hidden]) {
    animation: none;
  }

  #terminals .terminal-tabs > button,
  #terminals .terminal-story-progress > span i,
  #terminals .terminal-sync-cursor {
    transition: none;
  }
}

/* Operations experience v2: unified admin control theatre */
#operations.ops-section {
  --ops-teal: #58e1d2;
  --ops-gold: #efc877;
  isolation: isolate;
  scroll-margin-top: calc(var(--header-height) + 18px);
  background:
    radial-gradient(circle at 86% 8%, #166ea23d, transparent 31rem),
    radial-gradient(circle at 9% 92%, #0da58e1c, transparent 27rem),
    linear-gradient(145deg, #03182f 0%, #062542 54%, #082e50 100%);
  padding-block: clamp(86px, 7vw, 118px);
  position: relative;
  overflow: hidden;
}

#operations.ops-section:before {
  content: "";
  z-index: -1;
  opacity: .22;
  pointer-events: none;
  background-image:
    linear-gradient(#8bc4e00a 1px, transparent 1px),
    linear-gradient(90deg, #8bc4e00a 1px, transparent 1px);
  background-size: 58px 58px;
  mask-image: linear-gradient(90deg, transparent, #000 20%, #000 82%, transparent);
  position: absolute;
  inset: 0;
}

#operations.ops-section:after {
  content: "";
  z-index: -1;
  opacity: .5;
  pointer-events: none;
  background: linear-gradient(90deg, transparent, #67e4d6, #e8bf6e, transparent);
  width: min(72vw, 1100px);
  height: 1px;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
}

#operations .ops-grid {
  grid-template-columns: minmax(0, 1fr) !important;
  align-items: stretch;
  gap: clamp(34px, 4vw, 52px);
  display: grid;
}

#operations .ops-copy {
  order: -1;
  align-self: auto;
  max-width: none;
  grid-template-columns: minmax(0, 1.12fr) minmax(360px, .88fr);
  grid-template-rows: auto auto auto auto;
  column-gap: clamp(54px, 7vw, 110px);
  display: grid;
}

#operations .ops-copy .eyebrow {
  grid-area: 1 / 1;
  align-self: end;
  margin-bottom: 18px;
}

#operations .ops-copy h2 {
  grid-area: 2 / 1 / 5 / 2;
  max-width: 830px;
  letter-spacing: -.052em;
  white-space: normal;
  text-wrap: balance;
  font-size: clamp(40px, 3.45vw, 56px);
  line-height: 1.08;
}

#operations .ops-copy > p:not(.eyebrow) {
  grid-area: 1 / 2 / 3;
  align-self: end;
  max-width: 620px;
  margin: 0 0 2px;
  color: #b9cbda;
  font-size: 16px;
  line-height: 1.85;
}

#operations .ops-copy ul {
  grid-area: 3 / 2;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 9px 18px;
  margin: 20px 0 0;
  display: grid;
}

#operations .ops-copy li {
  color: #d9e6ef;
  background: transparent;
  border: 0;
  border-radius: 0;
  align-items: center;
  gap: 8px;
  min-height: 26px;
  padding: 0;
  font-size: 12px;
}

#operations .ops-copy li svg {
  color: var(--ops-teal);
  flex: none;
}

#operations .ops-copy .text-link {
  grid-area: 4 / 2;
  justify-self: start;
  margin-top: 17px;
}

#operations .ops-visual {
  width: 100% !important;
  max-width: none;
  min-width: 0;
  border-radius: 0;
  box-shadow: none;
}

#operations .admin-ui-gallery {
  --admin-progress: 0%;
  width: 100%;
  background:
    radial-gradient(circle at 100% 0, #1a9cad21, transparent 24rem),
    linear-gradient(145deg, #071d37, #082946 66%, #092e4d);
  border: 1px solid #6fcbd54a;
  border-radius: 30px;
  padding: 14px;
  overflow: hidden;
  box-shadow:
    0 42px 110px #00071378,
    inset 0 1px #ffffff12,
    0 0 0 1px #ffffff05;
}

#operations .admin-ui-gallery-head {
  color: #dcebf4;
  grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);
  align-items: center;
  gap: 20px;
  min-height: 56px;
  padding: 0 10px 13px;
  display: grid;
}

#operations .admin-ui-gallery-brand {
  justify-self: start;
  align-items: center;
  gap: 11px;
  min-width: 0;
  display: inline-flex;
}

#operations .admin-ui-gallery-brand > i {
  flex: none;
  background:
    radial-gradient(circle at 34% 30%, #83f6e9 0 8%, transparent 9%),
    linear-gradient(135deg, #18b9ae, #277fe4);
  border: 1px solid #8bf0e268;
  border-radius: 10px 10px 10px 4px;
  width: 30px;
  height: 30px;
  box-shadow: 0 0 0 6px #3dd5c915, inset 0 1px #ffffff42;
}

#operations .admin-ui-gallery-brand > span {
  min-width: 0;
  flex-direction: column;
  gap: 2px;
  display: flex;
}

#operations .admin-ui-gallery-brand small {
  color: #769ab2;
  letter-spacing: .18em;
  font-size: 7px;
  font-weight: 850;
}

#operations .admin-ui-gallery-brand b {
  color: #edf7fb;
  white-space: nowrap;
  font-size: 12px;
  font-weight: 760;
}

#operations .admin-ui-gallery-context {
  color: #89a7ba;
  text-align: center;
  flex-direction: column;
  align-items: center;
  gap: 2px;
  display: flex;
}

#operations .admin-ui-gallery-context small {
  color: var(--ops-gold);
  letter-spacing: .18em;
  font-size: 7px;
  font-weight: 850;
}

#operations .admin-ui-gallery-context strong {
  color: #a9c0cf;
  font-size: 10px;
  font-weight: 650;
}

#operations .admin-ui-gallery-status {
  justify-self: end;
  color: #9cb6c7;
  align-items: center;
  gap: 8px;
  font-size: 9px;
  font-weight: 720;
  display: inline-flex;
}

#operations .admin-ui-gallery-status i {
  background: #54e1b8;
  border-radius: 50%;
  width: 7px;
  height: 7px;
  box-shadow: 0 0 0 5px #54e1b817, 0 0 16px #54e1b875;
}

#operations .admin-ui-theatre {
  grid-template-columns: minmax(0, 1fr) clamp(300px, 23vw, 346px);
  align-items: stretch;
  gap: 12px;
  display: grid;
}

#operations .admin-ui-stage {
  min-width: 0;
  background: #eef3f7;
  border: 1px solid #9ad9e347;
  border-radius: 21px;
  align-items: center;
  display: flex;
  position: relative;
  overflow: hidden;
  box-shadow: 0 28px 72px #00091970, inset 0 1px #fff;
}

#operations .admin-ui-frame {
  aspect-ratio: 1672 / 941;
  background: #f5f7fa;
  border: 0;
  border-radius: 0;
  width: 100%;
  height: auto;
  position: relative;
  overflow: hidden;
  box-shadow: none;
}

#operations .admin-ui-frame:after {
  content: "";
  pointer-events: none;
  background:
    linear-gradient(90deg, #03182f20, transparent 13%, transparent 87%, #03182f17),
    linear-gradient(#ffffff0d, transparent 12%);
  position: absolute;
  inset: 0;
}

#operations .admin-ui-frame img {
  object-fit: contain;
  object-position: center;
  width: 100%;
  height: 100%;
  transition: opacity .2s ease, transform .24s ease;
}

#operations .admin-ui-frame img.is-switching {
  opacity: .18;
  transform: scale(.996);
}

#operations .admin-ui-frame-badge {
  z-index: 3;
  color: #eaf8fa;
  -webkit-backdrop-filter: blur(14px);
  backdrop-filter: blur(14px);
  background: #062641df;
  border: 1px solid #76d9d65c;
  border-radius: 999px;
  align-items: center;
  gap: 7px;
  min-height: 31px;
  padding: 0 12px;
  font-size: 9px;
  font-weight: 680;
  display: inline-flex;
  position: absolute;
  top: 15px;
  right: 15px;
  bottom: auto;
  box-shadow: 0 10px 26px #00101f45;
}

#operations .admin-ui-frame-badge > i {
  background: #55e1c1;
  border-radius: 50%;
  width: 6px;
  height: 6px;
  box-shadow: 0 0 0 4px #55e1c117;
}

#operations .admin-ui-frame-badge b {
  color: #fff;
  font-weight: 800;
}

#operations .admin-ui-frame-index {
  z-index: 2;
  color: #0b3152;
  letter-spacing: -.08em;
  opacity: .1;
  pointer-events: none;
  font-size: clamp(58px, 6vw, 92px);
  font-weight: 900;
  line-height: 1;
  position: absolute;
  right: 20px;
  bottom: 14px;
}

#operations .admin-ui-control {
  min-width: 0;
  background:
    radial-gradient(circle at 100% 0, #188faf1e, transparent 16rem),
    linear-gradient(160deg, #04172d, #061f39);
  border: 1px solid #6e9dbd2b;
  border-radius: 21px;
  flex-direction: column;
  min-height: 100%;
  padding: 24px 18px 18px;
  display: flex;
  box-shadow: inset 0 1px #ffffff0b;
}

#operations .admin-ui-current {
  border-bottom: 1px solid #ffffff10;
  padding: 0 6px 20px;
}

#operations .admin-ui-current > span {
  color: #7698ad;
  letter-spacing: .14em;
  justify-content: space-between;
  align-items: center;
  gap: 10px;
  font-size: 8px;
  font-weight: 820;
  display: flex;
}

#operations .admin-ui-current > span b {
  color: var(--ops-gold);
  letter-spacing: .08em;
  font-size: 9px;
}

#operations .admin-ui-current > strong {
  color: #f3f8fb;
  letter-spacing: -.025em;
  margin-top: 13px;
  font-size: clamp(21px, 1.7vw, 27px);
  line-height: 1.16;
  display: block;
}

#operations .admin-ui-current > p {
  color: #8faabd;
  margin-top: 8px;
  font-size: 11px;
  line-height: 1.55;
}

#operations .admin-ui-focus {
  background:
    linear-gradient(135deg, #27b5aa18, transparent 62%),
    #ffffff08;
  border: 1px solid #72d5cf2e;
  border-radius: 15px;
  margin: 14px 0;
  padding: 13px 14px;
}

#operations .admin-ui-focus > span {
  color: #9eb6c7;
  align-items: center;
  gap: 7px;
  font-size: 9px;
  font-weight: 720;
  display: flex;
}

#operations .admin-ui-focus > span i {
  background: var(--ops-teal);
  border-radius: 999px;
  width: 18px;
  height: 2px;
}

#operations .admin-ui-focus > div {
  justify-content: space-between;
  align-items: baseline;
  gap: 12px;
  margin-top: 8px;
  display: flex;
}

#operations .admin-ui-focus > div strong {
  color: #fff;
  letter-spacing: -.035em;
  font-size: 24px;
  line-height: 1;
}

#operations .admin-ui-focus > div em {
  color: var(--ops-gold);
  font-size: 9px;
  font-style: normal;
  font-weight: 760;
}

#operations .admin-ui-focus > small {
  color: #7898ad;
  margin-top: 8px;
  font-size: 9px;
  line-height: 1.5;
  display: block;
}

#operations .admin-ui-tablist {
  flex: 1;
  grid-template-columns: 1fr;
  grid-template-rows: repeat(6, minmax(48px, 1fr));
  gap: 5px;
  min-height: 0;
  margin: 0;
  padding-left: 0;
  display: grid;
  position: relative;
}

#operations .admin-ui-tablist:before,
#operations .admin-ui-tablist:after {
  content: "";
  z-index: 0;
  pointer-events: none;
  border-radius: 999px;
  width: 1px;
  position: absolute;
  top: 24px;
  bottom: 24px;
  left: 19px;
}

#operations .admin-ui-tablist:before {
  background: #7399b335;
}

#operations .admin-ui-tablist:after {
  background: linear-gradient(var(--ops-teal), var(--ops-gold));
  height: min(var(--admin-progress), calc(100% - 48px));
  bottom: auto;
  transition: height .24s ease;
}

#operations .admin-ui-tablist button {
  z-index: 1;
  color: #8faabc;
  cursor: pointer;
  text-align: left;
  background: transparent;
  border: 1px solid transparent;
  border-radius: 12px;
  grid-template-columns: 38px minmax(0, 1fr) 15px;
  align-items: center;
  gap: 9px;
  min-width: 0;
  min-height: 48px;
  padding: 7px 9px 7px 0;
  transition: color .18s, background .18s, border-color .18s, transform .18s;
  display: grid;
  position: relative;
}

#operations .admin-ui-tablist button:hover {
  color: #dcecf4;
  background: #ffffff07;
  border-color: #6da9c229;
  transform: translateX(2px);
}

#operations .admin-ui-tablist button:focus-visible {
  outline-offset: 2px;
  outline: 2px solid #69e4da;
}

#operations .admin-ui-tablist button[aria-selected="true"] {
  color: #fff;
  background:
    linear-gradient(90deg, #1aa69c24, transparent),
    #0d3656c7;
  border-color: #5cded25e;
  box-shadow: inset 3px 0 #55ddcf, 0 10px 28px #000b1930;
  transform: none;
}

#operations .admin-ui-tablist button > i {
  z-index: 1;
  color: #819fb2;
  background: #09243e;
  border: 1px solid #628aa437;
  border-radius: 9px;
  place-items: center;
  width: 30px;
  height: 30px;
  margin-left: 4px;
  font-size: 8px;
  font-style: normal;
  font-weight: 850;
  display: grid;
  box-shadow: 0 0 0 4px #051a30;
}

#operations .admin-ui-tablist button[data-workflow-state="done"] > i {
  color: #f4d58f;
  background: #6e592f4f;
  border-color: #e4bd6b57;
}

#operations .admin-ui-tablist button[aria-selected="true"] > i {
  color: #fff;
  background: linear-gradient(135deg, #19ae9f, #337fd2);
  border-color: #7ceadf70;
  box-shadow: 0 0 0 4px #0d3553, 0 0 20px #3dd6c43d;
}

#operations .admin-ui-tablist button > span {
  min-width: 0;
  flex-direction: column;
  gap: 3px;
  display: flex;
}

#operations .admin-ui-tablist button > span strong {
  color: inherit;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 11px;
  font-weight: 740;
  line-height: 1.15;
  overflow: hidden;
}

#operations .admin-ui-tablist button > span small {
  color: #65869b;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 8px;
  font-weight: 620;
  line-height: 1.15;
  overflow: hidden;
}

#operations .admin-ui-tablist button[aria-selected="true"] > span small {
  color: #75d9d0;
}

#operations .admin-ui-tablist button > em {
  color: #55788f;
  font-size: 13px;
  font-style: normal;
  transition: color .18s, transform .18s;
}

#operations .admin-ui-tablist button[aria-selected="true"] > em {
  color: var(--ops-teal);
  transform: translateX(2px);
}

@media (max-width: 1180px) {
  #operations .ops-copy {
    grid-template-columns: minmax(0, 1fr) minmax(320px, .86fr);
    column-gap: 48px;
  }

  #operations .admin-ui-theatre {
    grid-template-columns: minmax(0, 1fr);
  }

  #operations .admin-ui-control {
    grid-template:
      "current focus" auto
      "tabs tabs" auto
      / minmax(220px, .6fr) minmax(300px, 1.4fr);
    gap: 12px 16px;
    min-height: 0;
    padding: 16px;
    display: grid;
  }

  #operations .admin-ui-current {
    grid-area: current;
    border: 0;
    padding: 4px 8px;
  }

  #operations .admin-ui-current > strong {
    margin-top: 10px;
    font-size: 22px;
  }

  #operations .admin-ui-focus {
    grid-area: focus;
    align-self: stretch;
    margin: 0;
    padding: 12px 14px;
  }

  #operations .admin-ui-tablist {
    grid-area: tabs;
    grid-template-rows: none;
    grid-template-columns: repeat(6, minmax(0, 1fr));
    gap: 6px;
  }

  #operations .admin-ui-tablist:before,
  #operations .admin-ui-tablist:after {
    width: auto;
    height: 1px;
    top: 18px;
    right: 18px;
    bottom: auto;
    left: 18px;
  }

  #operations .admin-ui-tablist:after {
    width: min(var(--admin-progress), calc(100% - 36px));
    height: 1px;
    right: auto;
    transition: width .24s ease;
  }

  #operations .admin-ui-tablist button {
    grid-template-columns: minmax(0, 1fr);
    align-content: start;
    justify-items: start;
    gap: 7px;
    min-height: 78px;
    padding: 3px 8px 9px;
  }

  #operations .admin-ui-tablist button:hover {
    transform: translateY(-1px);
  }

  #operations .admin-ui-tablist button > i {
    width: 28px;
    height: 28px;
    margin-left: 0;
  }

  #operations .admin-ui-tablist button > span strong {
    white-space: normal;
  }

  #operations .admin-ui-tablist button > span small,
  #operations .admin-ui-tablist button > em {
    display: none;
  }
}

@media (max-width: 900px) {
  #operations.ops-section {
    padding-block: 78px;
  }

  #operations .ops-copy {
    grid-template-columns: minmax(0, 1fr);
    grid-template-rows: auto;
    gap: 0;
  }

  #operations .ops-copy .eyebrow,
  #operations .ops-copy h2,
  #operations .ops-copy > p:not(.eyebrow),
  #operations .ops-copy ul,
  #operations .ops-copy .text-link {
    grid-area: auto / 1;
  }

  #operations .ops-copy h2 {
    max-width: 760px;
    font-size: clamp(34px, 6.3vw, 48px);
  }

  #operations .ops-copy > p:not(.eyebrow) {
    max-width: 720px;
    margin-top: 20px;
  }

  #operations .ops-copy ul {
    max-width: 720px;
    margin-top: 18px;
  }

  #operations .admin-ui-gallery-head {
    grid-template-columns: 1fr auto;
  }

  #operations .admin-ui-gallery-context {
    display: none;
  }

  #operations .admin-ui-control {
    grid-template:
      "current focus" auto
      "tabs tabs" auto
      / minmax(190px, .76fr) minmax(280px, 1.24fr);
  }

  #operations .admin-ui-tablist {
    scrollbar-width: none;
    grid-template-columns: none;
    grid-auto-columns: minmax(148px, .72fr);
    grid-auto-flow: column;
    padding: 2px 2px 7px;
    scroll-snap-type: x mandatory;
    scroll-padding-inline: 2px;
    overflow-x: auto;
  }

  #operations .admin-ui-tablist::-webkit-scrollbar {
    display: none;
  }

  #operations .admin-ui-tablist button {
    scroll-snap-align: center;
  }
}

@media (max-width: 680px) {
  #operations.ops-section {
    padding-block: 66px;
  }

  #operations .ops-grid {
    gap: 28px;
  }

  #operations .ops-copy .eyebrow {
    margin-bottom: 14px;
  }

  #operations .ops-copy h2 {
    font-size: clamp(30px, 8.5vw, 39px);
  }

  #operations .ops-copy > p:not(.eyebrow) {
    margin-top: 16px;
    font-size: 14px;
    line-height: 1.75;
  }

  #operations .ops-copy ul {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    gap: 7px 12px;
    margin-top: 16px;
  }

  #operations .ops-copy li {
    align-items: flex-start;
    font-size: 11px;
    line-height: 1.45;
  }

  #operations .ops-copy .text-link {
    margin-top: 15px;
  }

  #operations .admin-ui-gallery {
    border-radius: 22px;
    padding: 9px;
  }

  #operations .admin-ui-gallery-head {
    min-height: 48px;
    padding: 0 7px 9px;
  }

  #operations .admin-ui-gallery-brand > i {
    border-radius: 9px 9px 9px 3px;
    width: 26px;
    height: 26px;
  }

  #operations .admin-ui-gallery-status {
    font-size: 8px;
  }

  #operations .admin-ui-stage,
  #operations .admin-ui-frame {
    border-radius: 15px;
  }

  #operations .admin-ui-frame {
    aspect-ratio: 4 / 3;
  }

  #operations .admin-ui-frame img {
    object-fit: cover;
    object-position: var(--admin-mobile-position, left center);
  }

  #operations .admin-ui-frame-badge {
    min-height: 27px;
    padding-inline: 9px;
    font-size: 8px;
    top: 9px;
    right: 9px;
  }

  #operations .admin-ui-frame-index {
    font-size: 52px;
    right: 11px;
    bottom: 9px;
  }

  #operations .admin-ui-control {
    border-radius: 15px;
    grid-template:
      "current" auto
      "focus" auto
      "tabs" auto
      / minmax(0, 1fr);
    gap: 10px;
    padding: 14px 12px 10px;
  }

  #operations .admin-ui-current {
    padding: 1px 4px 0;
  }

  #operations .admin-ui-current > strong {
    margin-top: 8px;
    font-size: 20px;
  }

  #operations .admin-ui-current > p {
    margin-top: 5px;
  }

  #operations .admin-ui-focus {
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    gap: 6px 12px;
    padding: 11px 12px;
    display: grid;
  }

  #operations .admin-ui-focus > span,
  #operations .admin-ui-focus > div {
    margin: 0;
  }

  #operations .admin-ui-focus > div strong {
    font-size: 21px;
  }

  #operations .admin-ui-focus > div em {
    display: none;
  }

  #operations .admin-ui-focus > small {
    grid-column: 1 / -1;
    margin-top: 1px;
  }

  #operations .admin-ui-tablist {
    grid-auto-columns: minmax(176px, .78fr);
  }

  #operations .admin-ui-tablist:before,
  #operations .admin-ui-tablist:after {
    top: 17px;
  }

  #operations .admin-ui-tablist button {
    grid-template-columns: 30px minmax(0, 1fr) 12px;
    align-content: center;
    align-items: center;
    gap: 8px;
    min-height: 58px;
    padding: 7px 8px 7px 2px;
  }

  #operations .admin-ui-tablist button > i {
    width: 28px;
    height: 28px;
  }

  #operations .admin-ui-tablist button > span strong {
    white-space: nowrap;
  }

  #operations .admin-ui-tablist button > span small,
  #operations .admin-ui-tablist button > em {
    display: block;
  }
}

@media (max-width: 460px) {
  #operations .ops-copy ul {
    grid-template-columns: minmax(0, 1fr);
  }

  #operations .admin-ui-gallery-status {
    display: none;
  }

  #operations .admin-ui-gallery-head {
    grid-template-columns: 1fr;
  }

  #operations .admin-ui-frame {
    aspect-ratio: 1.24 / 1;
  }

  #operations .admin-ui-frame-badge {
    max-width: calc(100% - 18px);
  }

  #operations .admin-ui-frame-badge b {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
  }
}

@media (prefers-reduced-motion: reduce) {
  #operations .admin-ui-frame img,
  #operations .admin-ui-tablist:after,
  #operations .admin-ui-tablist button,
  #operations .admin-ui-tablist button > em {
    scroll-behavior: auto;
    transition: none;
  }
}

/* Security experience v2: trust control plane */
#security.security-strip {
  isolation: isolate;
  scroll-margin-top: calc(var(--header-height) + 18px);
  background:
    radial-gradient(circle at 88% 8%, #3178e60f, transparent 31rem),
    radial-gradient(circle at 8% 78%, #11aa9b0b, transparent 26rem),
    linear-gradient(180deg, #f8fafc, #eef4f9);
  padding-block: clamp(92px, 7.5vw, 122px);
  position: relative;
  overflow: hidden;
}

#security.security-strip:before {
  content: "";
  z-index: -1;
  opacity: .36;
  pointer-events: none;
  background-image:
    linear-gradient(#4a79a80b 1px, transparent 1px),
    linear-gradient(90deg, #4a79a80b 1px, transparent 1px);
  background-size: 56px 56px;
  mask-image: linear-gradient(90deg, transparent, #000 18%, #000 82%, transparent);
  position: absolute;
  inset: 0;
}

#security .security-layout.has-trust-plane {
  background: transparent;
  border: 0;
  border-radius: 0;
  grid-template-columns: minmax(0, 1fr);
  gap: clamp(34px, 4vw, 52px);
  min-height: 0;
  padding: 0;
  overflow: visible;
  box-shadow: none;
}

#security .security-layout.has-trust-plane .security-copy {
  align-self: auto;
  max-width: none;
  grid-template-columns: minmax(0, 1.16fr) minmax(350px, .84fr);
  grid-template-rows: auto auto auto;
  column-gap: clamp(54px, 7vw, 112px);
  padding: 0;
  display: grid;
}

#security .security-layout.has-trust-plane .security-copy .eyebrow {
  grid-area: 1 / 1;
  align-self: end;
  margin-bottom: 18px;
  color: #167875;
}

#security .security-layout.has-trust-plane .security-copy h2 {
  grid-area: 2 / 1 / 4 / 2;
  max-width: 850px;
  color: #0a1e35;
  letter-spacing: -.052em;
  white-space: normal;
  text-wrap: balance;
  font-size: clamp(40px, 3.45vw, 56px);
  line-height: 1.08;
}

#security .security-layout.has-trust-plane .security-copy > p:not(.eyebrow) {
  grid-area: 1 / 2 / 3;
  align-self: end;
  max-width: 610px;
  margin: 0;
  color: #5e7085;
  font-size: 16px;
  line-height: 1.84;
}

#security .security-layout.has-trust-plane .security-copy .security-proof-grid {
  display: none;
}

#security .security-layout.has-trust-plane .security-copy .text-link {
  grid-area: 3 / 2;
  justify-self: start;
  margin-top: 17px;
  color: #087f79;
  font-size: 14px;
}

#security .security-scene.has-trust-plane {
  align-self: auto;
  width: 100%;
  min-width: 0;
  min-height: 0 !important;
  background: transparent;
  border: 0;
  border-radius: 0;
  overflow: visible;
  box-shadow: none;
}

#security .security-scene.has-trust-plane > .business-visual {
  display: none !important;
}

#security .security-control-plane {
  --trust-teal: #13aa9f;
  --trust-blue: #2f74dc;
  --trust-navy: #061b33;
  --trust-gold: #c79a49;
  width: 100%;
  background:
    radial-gradient(circle at 100% 0, #2f77dc12, transparent 24rem),
    linear-gradient(145deg, #edf4f9, #e7f0f6);
  border: 1px solid #cfdde9;
  border-radius: 30px;
  padding: 14px;
  position: relative;
  overflow: hidden;
  box-shadow: 0 34px 90px #1834501f, inset 0 1px #fff;
}

#security .security-control-plane:before {
  content: "";
  opacity: .45;
  pointer-events: none;
  background-image:
    linear-gradient(#527ca20c 1px, transparent 1px),
    linear-gradient(90deg, #527ca20c 1px, transparent 1px);
  background-size: 38px 38px;
  position: absolute;
  inset: 0;
}

#security .security-plane-head,
#security .security-plane-body,
#security .security-assurance-rail {
  z-index: 1;
  position: relative;
}

#security .security-plane-head {
  background: #f9fbfdc9;
  border: 1px solid #d9e4ed;
  border-radius: 18px;
  grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);
  align-items: center;
  gap: 20px;
  min-height: 60px;
  padding: 8px 16px;
  display: grid;
  box-shadow: inset 0 1px #fff;
}

#security .security-plane-brand {
  justify-self: start;
  align-items: center;
  gap: 11px;
  min-width: 0;
  display: inline-flex;
}

#security .security-plane-brand > i {
  flex: none;
  background:
    radial-gradient(circle at 50% 45%, #d8fffb 0 7%, transparent 8%),
    linear-gradient(145deg, #12aa9f, #245fb5);
  border: 1px solid #3387be75;
  border-radius: 11px 11px 11px 4px;
  width: 32px;
  height: 32px;
  box-shadow: 0 0 0 6px #169d9810, inset 0 1px #ffffff54;
}

#security .security-plane-brand > span {
  min-width: 0;
  flex-direction: column;
  gap: 1px;
  display: flex;
}

#security .security-plane-brand small {
  color: #748ba1;
  letter-spacing: .16em;
  font-size: 7px;
  font-weight: 850;
}

#security .security-plane-brand strong {
  color: #0a2743;
  white-space: nowrap;
  font-size: 12px;
  font-weight: 780;
}

#security .security-plane-route {
  color: #7b91a5;
  align-items: center;
  gap: 8px;
  display: flex;
}

#security .security-plane-route > span {
  color: #8398aa;
  letter-spacing: .09em;
  white-space: nowrap;
  font-size: 7px;
  font-weight: 820;
  transition: color .18s;
}

#security .security-plane-route > span[data-route-state="active"] {
  color: #087f79;
}

#security .security-plane-route > span[data-route-state="done"] {
  color: #aa7b2b;
}

#security .security-plane-route > i {
  background: #9bb0c344;
  width: clamp(28px, 3vw, 48px);
  height: 1px;
  position: relative;
}

#security .security-plane-route > i:after {
  content: "";
  border: solid #8ca4b7;
  border-width: 1px 1px 0 0;
  width: 5px;
  height: 5px;
  position: absolute;
  top: -2px;
  right: 0;
  transform: rotate(45deg);
}

#security .security-plane-live {
  justify-self: end;
  color: #5f778b;
  align-items: center;
  gap: 8px;
  font-size: 9px;
  font-weight: 720;
  display: inline-flex;
}

#security .security-plane-live > i {
  background: #22bd97;
  border-radius: 50%;
  width: 7px;
  height: 7px;
  box-shadow: 0 0 0 5px #22bd9714, 0 0 16px #22bd9755;
}

#security .security-plane-body {
  grid-template-columns: clamp(188px, 15vw, 220px) minmax(0, 1fr) clamp(270px, 21vw, 310px);
  align-items: stretch;
  gap: 12px;
  margin-top: 12px;
  display: grid;
}

#security .security-plane-tabs {
  min-width: 0;
  background:
    radial-gradient(circle at 0 0, #1ba69c25, transparent 16rem),
    linear-gradient(160deg, #071d36, #082b49);
  border: 1px solid #6b95b336;
  border-radius: 19px;
  flex-direction: column;
  gap: 8px;
  min-height: 100%;
  padding: 18px 14px;
  display: flex;
  box-shadow: inset 0 1px #ffffff0d;
}

#security .security-plane-tabs > button {
  color: #8da9bb;
  cursor: pointer;
  text-align: left;
  background: transparent;
  border: 1px solid transparent;
  border-radius: 13px;
  grid-template-columns: 32px minmax(0, 1fr) 15px;
  align-items: center;
  gap: 10px;
  min-width: 0;
  min-height: 82px;
  padding: 10px;
  transition: color .18s, background .18s, border-color .18s, transform .18s;
  display: grid;
}

#security .security-plane-tabs > button:hover {
  color: #edf8fb;
  background: #ffffff08;
  border-color: #6ba4c42e;
  transform: translateX(2px);
}

#security .security-plane-tabs > button:focus-visible {
  outline-offset: 2px;
  outline: 2px solid #5edfd4;
}

#security .security-plane-tabs > button[aria-selected="true"] {
  color: #fff;
  background:
    linear-gradient(90deg, #1baa9f24, transparent),
    #0e3c5ddd;
  border-color: #52d1c75c;
  box-shadow: inset 3px 0 #45d6c9, 0 12px 28px #00102034;
  transform: none;
}

#security .security-plane-tabs > button > i {
  color: #7e9aad;
  background: #0b2945;
  border: 1px solid #6f98b440;
  border-radius: 9px;
  place-items: center;
  width: 30px;
  height: 30px;
  font-size: 8px;
  font-style: normal;
  font-weight: 850;
  display: grid;
}

#security .security-plane-tabs > button[aria-selected="true"] > i {
  color: #fff;
  background: linear-gradient(145deg, #14aa9e, #2e6fc7);
  border-color: #73e6dc5c;
  box-shadow: 0 0 0 4px #4cdbc711;
}

#security .security-plane-tabs > button > span {
  min-width: 0;
  flex-direction: column;
  gap: 5px;
  display: flex;
}

#security .security-plane-tabs > button strong {
  color: inherit;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 13px;
  font-weight: 760;
  overflow: hidden;
}

#security .security-plane-tabs > button small {
  color: #66879c;
  font-size: 8px;
  font-weight: 620;
  line-height: 1.4;
}

#security .security-plane-tabs > button[aria-selected="true"] small {
  color: #72d8d0;
}

#security .security-plane-tabs > button > em {
  color: #587c92;
  font-size: 13px;
  font-style: normal;
  transition: color .18s, transform .18s;
}

#security .security-plane-tabs > button[aria-selected="true"] > em {
  color: #65ded4;
  transform: translateX(2px);
}

#security .security-plane-index-note {
  border-top: 1px solid #ffffff10;
  margin: auto 4px 0;
  padding: 18px 6px 2px;
}

#security .security-plane-index-note > span {
  color: #7898ab;
  align-items: center;
  gap: 7px;
  font-size: 8px;
  font-weight: 700;
  display: flex;
}

#security .security-plane-index-note > span i {
  background: #50d7cb;
  border-radius: 999px;
  width: 18px;
  height: 2px;
}

#security .security-plane-index-note > strong {
  color: #f3d28c;
  letter-spacing: -.025em;
  margin-top: 11px;
  font-size: 24px;
  line-height: 1;
  display: block;
}

#security .security-plane-index-note > small {
  color: #5f7d91;
  margin-top: 5px;
  font-size: 8px;
  display: block;
}

#security .security-plane-stage {
  min-width: 0;
  background:
    radial-gradient(circle at 100% 0, #2f74dc0b, transparent 19rem),
    #f9fbfd;
  border: 1px solid #cfdae5;
  border-radius: 19px;
  min-height: 540px;
  position: relative;
  overflow: hidden;
  box-shadow: 0 24px 64px #17344e1c, inset 0 1px #fff;
}

#security .security-plane-stage-head {
  min-height: 118px;
  padding: 20px 24px 16px;
  position: relative;
}

#security .security-plane-stage-head > span {
  justify-content: space-between;
  align-items: center;
  gap: 14px;
  display: flex;
}

#security .security-plane-stage-head > span small {
  color: #16837d;
  letter-spacing: .13em;
  font-size: 8px;
  font-weight: 850;
}

#security .security-plane-stage-head > span b {
  color: #b2802e;
  letter-spacing: .08em;
  font-size: 9px;
}

#security .security-plane-stage-head > strong {
  color: #0a213a;
  letter-spacing: -.035em;
  margin-top: 9px;
  font-size: 23px;
  line-height: 1.15;
  display: block;
}

#security .security-plane-stage-head > p {
  color: #65798d;
  max-width: 690px;
  margin-top: 6px;
  font-size: 10px;
  line-height: 1.55;
}

#security .security-plane-workspace {
  height: 406px;
  margin: 0 18px 18px;
  background: #f4f7fb;
  border: 1px solid #d7e2ec;
  border-radius: 14px;
  container-type: inline-size;
  overflow: hidden;
  box-shadow: 0 20px 48px #142d451b;
}

#security .security-plane-workspace .security-workspace,
#security .security-plane-workspace .security-plane-ui {
  border-radius: 0;
  width: 100%;
  height: 100%;
}

#security .security-plane-workspace .security-role-panel > header > span {
  color: #fff;
  background: #2675e8;
  border-radius: 4px;
  padding: 4px 7px;
  font-size: clamp(5px, 1.3cqw, 7px);
  font-weight: 700;
}

#security .security-screen-focus {
  color: #eafaf9;
  -webkit-backdrop-filter: blur(14px);
  backdrop-filter: blur(14px);
  background: #062a46e8;
  border: 1px solid #62d3cf61;
  border-radius: 999px;
  align-items: center;
  gap: 8px;
  min-height: 31px;
  max-width: calc(100% - 58px);
  padding: 0 12px;
  transition: left .24s ease, right .24s ease, bottom .24s ease;
  display: inline-flex;
  position: absolute;
  right: 29px;
  bottom: 28px;
  box-shadow: 0 12px 28px #00101f3a;
}

#security .security-screen-focus > i {
  background: #4dd8ca;
  border-radius: 50%;
  width: 6px;
  height: 6px;
  box-shadow: 0 0 0 4px #4dd8ca1c;
}

#security .security-screen-focus > span {
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 8px;
  font-weight: 760;
  overflow: hidden;
}

#security .security-control-plane[data-active-security-mode="0"] .security-screen-focus {
  right: auto;
  left: 29px;
}

#security .security-control-plane[data-active-security-mode="1"] .security-screen-focus {
  right: 29px;
  left: auto;
}

#security .security-control-plane[data-active-security-mode="2"] .security-screen-focus {
  right: 29px;
  bottom: 84px;
}

#security .security-plane-evidence {
  min-width: 0;
  grid-template-rows: minmax(0, 1fr) minmax(0, .9fr) 126px;
  gap: 12px;
  display: grid;
}

#security .security-scope-card,
#security .security-audit-card {
  border-radius: 17px;
  min-width: 0;
  padding: 17px;
  overflow: hidden;
}

#security .security-scope-card {
  background: #fbfdff;
  border: 1px solid #cedbe6;
  box-shadow: inset 0 1px #fff;
}

#security .security-scope-card > header,
#security .security-audit-card > header {
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  display: flex;
}

#security .security-scope-card > header span,
#security .security-audit-card > header span {
  color: #768ca0;
  letter-spacing: .12em;
  align-items: center;
  gap: 7px;
  font-size: 7px;
  font-weight: 850;
  display: flex;
}

#security .security-scope-card > header span i,
#security .security-audit-card > header span i {
  background: #17a99e;
  border-radius: 50%;
  width: 6px;
  height: 6px;
  box-shadow: 0 0 0 4px #17a99e13;
}

#security .security-scope-card > header b {
  color: #087f79;
  background: #e3f6f2;
  border-radius: 999px;
  padding: 4px 7px;
  font-size: 7px;
  font-weight: 760;
}

#security .security-scope-card > strong {
  color: #0b233c;
  letter-spacing: -.02em;
  margin-top: 14px;
  font-size: 15px;
  display: block;
}

#security .security-scope-rows {
  border-top: 1px solid #e3eaf0;
  margin-top: 12px;
}

#security .security-scope-rows > span {
  border-bottom: 1px solid #e7edf2;
  grid-template-columns: 24px minmax(0, 1fr) auto;
  align-items: center;
  gap: 8px;
  min-height: 42px;
  display: grid;
}

#security .security-scope-rows > span:last-child {
  border-bottom: 0;
}

#security .security-scope-rows > span i {
  color: #197d78;
  background: #e9f7f4;
  border-radius: 6px;
  place-items: center;
  width: 21px;
  height: 21px;
  font-size: 6px;
  font-style: normal;
  font-weight: 850;
  display: grid;
}

#security .security-scope-rows > span strong {
  color: #354b60;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 9px;
  font-weight: 690;
  overflow: hidden;
}

#security .security-scope-rows > span em {
  color: #177f79;
  background: #edf8f6;
  border-radius: 999px;
  padding: 3px 6px;
  font-size: 7px;
  font-style: normal;
  font-weight: 720;
}

#security .security-audit-card {
  color: #dbeaf3;
  background:
    radial-gradient(circle at 100% 0, #2388a724, transparent 13rem),
    linear-gradient(150deg, #071d36, #092d4c);
  border: 1px solid #638da93d;
  box-shadow: inset 0 1px #ffffff0c;
}

#security .security-audit-card > header span {
  color: #87a6b9;
}

#security .security-audit-card > header b {
  color: #efd18d;
  font-size: 8px;
}

#security .security-audit-card > code {
  color: #65ded3;
  letter-spacing: .08em;
  margin-top: 16px;
  font-size: 10px;
  font-weight: 820;
  display: block;
}

#security .security-audit-card > p {
  color: #b1c5d3;
  min-height: 34px;
  margin-top: 9px;
  font-size: 9px;
  line-height: 1.55;
}

#security .security-audit-card > footer {
  border-top: 1px solid #ffffff11;
  justify-content: space-between;
  align-items: center;
  gap: 10px;
  margin-top: 12px;
  padding-top: 11px;
  display: flex;
}

#security .security-audit-card > footer span {
  color: #758fa2;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
  font-size: 7px;
  overflow: hidden;
}

#security .security-audit-card > footer b {
  color: #4fd4c8;
  white-space: nowrap;
  font-size: 7px;
}

#security .security-field-strip {
  background: #0a2340;
  border: 1px solid #ccd9e3;
  border-radius: 17px;
  min-height: 0;
  position: relative;
  overflow: hidden;
}

#security .security-field-strip > img {
  opacity: .68;
  object-fit: cover;
  object-position: 48% 52%;
  width: 100%;
  height: 100%;
  filter: saturate(.78) contrast(.9);
}

#security .security-field-strip:after {
  content: "";
  pointer-events: none;
  background: linear-gradient(90deg, #071d35db, #071d3538 55%, #071d35a6);
  position: absolute;
  inset: 0;
}

#security .security-field-strip > span {
  z-index: 2;
  color: #e9f5f8;
  align-items: center;
  gap: 7px;
  font-size: 8px;
  font-weight: 720;
  display: flex;
  position: absolute;
  bottom: 14px;
  left: 14px;
}

#security .security-field-strip > span i {
  background: #51d9cc;
  border-radius: 50%;
  width: 6px;
  height: 6px;
  box-shadow: 0 0 0 4px #51d9cc1c;
}

#security .security-assurance-rail {
  background: #f9fbfdc7;
  border: 1px solid #d8e3ec;
  border-radius: 17px;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  min-height: 64px;
  margin-top: 12px;
  padding: 0 12px;
  display: grid;
  box-shadow: inset 0 1px #fff;
}

#security .security-assurance-rail > span {
  border-left: 1px solid #dfe8ef;
  align-items: center;
  gap: 9px;
  min-width: 0;
  padding: 11px 14px;
  display: flex;
}

#security .security-assurance-rail > span:first-child {
  border-left: 0;
}

#security .security-assurance-rail > span i {
  color: #a4772e;
  letter-spacing: .04em;
  font-size: 7px;
  font-style: normal;
  font-weight: 850;
}

#security .security-assurance-rail > span strong {
  color: #3e566b;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 9px;
  font-weight: 690;
  overflow: hidden;
}

@media (max-width: 1180px) {
  #security .security-layout.has-trust-plane .security-copy {
    grid-template-columns: minmax(0, 1fr) minmax(320px, .84fr);
    column-gap: 48px;
  }

  #security .security-plane-body {
    grid-template-columns: minmax(0, 1fr) 290px;
  }

  #security .security-plane-tabs {
    grid-column: 1 / -1;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    flex-direction: row;
    min-height: 0;
    padding: 10px;
    display: grid;
  }

  #security .security-plane-tabs > button {
    min-height: 68px;
  }

  #security .security-plane-index-note {
    display: none;
  }

  #security .security-plane-stage {
    min-height: 532px;
  }
}

@media (max-width: 900px) {
  #security.security-strip {
    padding-block: 78px;
  }

  #security .security-layout.has-trust-plane .security-copy {
    grid-template-columns: minmax(0, 1fr);
    grid-template-rows: auto;
    gap: 0;
  }

  #security .security-layout.has-trust-plane .security-copy .eyebrow,
  #security .security-layout.has-trust-plane .security-copy h2,
  #security .security-layout.has-trust-plane .security-copy > p:not(.eyebrow),
  #security .security-layout.has-trust-plane .security-copy .text-link {
    grid-area: auto / 1;
  }

  #security .security-layout.has-trust-plane .security-copy h2 {
    max-width: 760px;
    font-size: clamp(34px, 6.3vw, 48px);
  }

  #security .security-layout.has-trust-plane .security-copy > p:not(.eyebrow) {
    max-width: 720px;
    margin-top: 20px;
  }

  #security .security-plane-route {
    display: none;
  }

  #security .security-plane-head {
    grid-template-columns: 1fr auto;
  }

  #security .security-plane-body {
    grid-template-columns: minmax(0, 1fr);
  }

  #security .security-plane-tabs {
    grid-column: auto;
  }

  #security .security-plane-evidence {
    grid-template-rows: auto auto 130px;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  #security .security-field-strip {
    grid-column: 1 / -1;
  }

  #security .security-assurance-rail {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    padding-block: 6px;
  }

  #security .security-assurance-rail > span:nth-child(4) {
    border-left: 0;
  }
}

@media (max-width: 680px) {
  #security.security-strip {
    padding-block: 66px;
  }

  #security .security-layout.has-trust-plane {
    gap: 28px;
  }

  #security .security-layout.has-trust-plane .security-copy .eyebrow {
    margin-bottom: 14px;
  }

  #security .security-layout.has-trust-plane .security-copy h2 {
    font-size: clamp(30px, 8.5vw, 39px);
  }

  #security .security-layout.has-trust-plane .security-copy > p:not(.eyebrow) {
    margin-top: 16px;
    font-size: 14px;
    line-height: 1.75;
  }

  #security .security-control-plane {
    border-radius: 22px;
    padding: 9px;
  }

  #security .security-plane-head {
    border-radius: 15px;
    min-height: 52px;
    padding: 7px 11px;
  }

  #security .security-plane-brand > i {
    border-radius: 9px 9px 9px 3px;
    width: 27px;
    height: 27px;
  }

  #security .security-plane-live {
    font-size: 8px;
  }

  #security .security-plane-body {
    gap: 9px;
    margin-top: 9px;
  }

  #security .security-plane-tabs {
    scrollbar-width: none;
    grid-template-columns: none;
    grid-auto-columns: minmax(184px, .78fr);
    grid-auto-flow: column;
    padding: 8px;
    scroll-snap-type: x mandatory;
    overflow-x: auto;
  }

  #security .security-plane-tabs::-webkit-scrollbar {
    display: none;
  }

  #security .security-plane-tabs > button {
    scroll-snap-align: center;
    min-height: 62px;
    padding: 8px;
  }

  #security .security-plane-stage {
    border-radius: 15px;
    min-height: 505px;
  }

  #security .security-plane-stage-head {
    min-height: 124px;
    padding: 18px 18px 12px;
  }

  #security .security-plane-stage-head > strong {
    font-size: 21px;
  }

  #security .security-plane-stage-head > p {
    font-size: 9px;
  }

  #security .security-plane-workspace {
    height: 363px;
    margin: 0 10px 10px;
    border-radius: 11px;
  }

  #security .security-screen-focus {
    max-width: calc(100% - 36px);
    right: 18px;
    bottom: 18px;
  }

  #security .security-control-plane[data-active-security-mode="0"] .security-screen-focus {
    left: 18px;
  }

  #security .security-control-plane[data-active-security-mode="1"] .security-screen-focus,
  #security .security-control-plane[data-active-security-mode="2"] .security-screen-focus {
    right: 18px;
  }

  #security .security-control-plane[data-active-security-mode="2"] .security-screen-focus {
    bottom: 62px;
  }

  #security .security-plane-evidence {
    grid-template-columns: minmax(0, 1fr);
    grid-template-rows: auto auto;
    gap: 9px;
  }

  #security .security-scope-card,
  #security .security-audit-card {
    border-radius: 14px;
    padding: 15px;
  }

  #security .security-field-strip {
    display: none;
  }

  #security .security-assurance-rail {
    border-radius: 14px;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    min-height: 0;
    margin-top: 9px;
    padding: 6px 8px;
  }

  #security .security-assurance-rail > span,
  #security .security-assurance-rail > span:nth-child(4) {
    border-top: 1px solid #e0e8ef;
    border-left: 0;
    min-height: 42px;
    padding: 8px 9px;
  }

  #security .security-assurance-rail > span:nth-child(-n+2) {
    border-top: 0;
  }
}

@media (max-width: 430px) {
  #security .security-plane-live {
    display: none;
  }

  #security .security-plane-head {
    grid-template-columns: minmax(0, 1fr);
  }

  #security .security-plane-tabs {
    grid-auto-columns: minmax(174px, .82fr);
  }

  #security .security-plane-tabs > button {
    grid-template-columns: 28px minmax(0, 1fr);
  }

  #security .security-plane-tabs > button > em {
    display: none;
  }
}

@media (prefers-reduced-motion: reduce) {
  #security .security-plane-tabs > button,
  #security .security-plane-tabs > button > em,
  #security .security-screen-focus {
    scroll-behavior: auto;
    transition: none;
  }
}

/* Security experience v3: governed data architecture */
#security .security-layout.has-security-architecture {
  background: transparent;
  border: 0;
  border-radius: 0;
  grid-template-columns: minmax(0, 1fr);
  gap: clamp(38px, 4.2vw, 60px);
  min-height: 0;
  padding: 0;
  overflow: visible;
  box-shadow: none;
}

#security .security-layout.has-security-architecture .security-copy {
  align-self: auto;
  max-width: none;
  grid-template-columns: minmax(0, 1.14fr) minmax(350px, .86fr);
  grid-template-rows: auto auto auto;
  column-gap: clamp(54px, 7vw, 112px);
  padding: 0;
  display: grid;
}

#security .security-layout.has-security-architecture .security-copy .eyebrow {
  grid-area: 1 / 1;
  align-self: end;
  margin-bottom: 18px;
  color: #167875;
}

#security .security-layout.has-security-architecture .security-copy h2 {
  grid-area: 2 / 1 / 4 / 2;
  max-width: 850px;
  color: #0a1e35;
  letter-spacing: -.052em;
  white-space: normal;
  text-wrap: balance;
  font-size: clamp(40px, 3.45vw, 56px);
  line-height: 1.08;
}

#security .security-layout.has-security-architecture .security-copy > p:not(.eyebrow) {
  grid-area: 1 / 2 / 3;
  align-self: end;
  max-width: 610px;
  margin: 0;
  color: #5e7085;
  font-size: 16px;
  line-height: 1.84;
}

#security .security-layout.has-security-architecture .security-copy .security-proof-grid {
  display: none;
}

#security .security-layout.has-security-architecture .security-copy .text-link {
  grid-area: 3 / 2;
  justify-self: start;
  margin-top: 17px;
  color: #087f79;
  font-size: 14px;
}

#security .security-scene.has-security-architecture {
  align-self: auto;
  width: 100%;
  min-width: 0;
  min-height: 0 !important;
  background: transparent;
  border: 0;
  border-radius: 0;
  overflow: visible;
  box-shadow: none;
}

#security .security-trust-architecture {
  --trust-ink: #0b223a;
  --trust-muted: #60758a;
  --trust-line: #abc2d3;
  --trust-teal: #078d85;
  --trust-blue: #3375c8;
  --trust-gold: #c49b53;
  --trust-coral: #d96a64;
  width: 100%;
  margin: 0;
  position: relative;
}

#security .trust-architecture-canvas {
  height: clamp(620px, 45vw, 680px);
  background:
    radial-gradient(circle at 18% 47%, #0e978914, transparent 18rem),
    radial-gradient(circle at 88% 48%, #3478ca12, transparent 20rem),
    linear-gradient(145deg, #ffffffd9, #f4f8fbcc);
  border-block: 1px solid #cfdee9;
  position: relative;
  overflow: hidden;
}

#security .trust-architecture-canvas:before,
#security .trust-architecture-canvas:after {
  content: "";
  pointer-events: none;
  position: absolute;
}

#security .trust-architecture-canvas:before {
  opacity: .55;
  background:
    linear-gradient(90deg, transparent, #e6eef4 20%, #d9e6ee 50%, #e6eef4 80%, transparent) 0 0 / 100% 1px no-repeat,
    linear-gradient(90deg, transparent, #e6eef4 20%, #d9e6ee 50%, #e6eef4 80%, transparent) 0 100% / 100% 1px no-repeat;
  inset: 18px 0;
}

#security .trust-architecture-canvas:after {
  opacity: .9;
  width: 9px;
  height: 9px;
  background: var(--trust-teal);
  border: 4px solid #d9f1ee;
  border-radius: 50%;
  top: 14px;
  left: 0;
  box-shadow: calc(100vw - 40px) 0 0 -4px #dbe6ef;
}

#security .trust-architecture-guide {
  z-index: 4;
  align-items: center;
  gap: 12px;
  color: #6d8193;
  font-size: 9px;
  letter-spacing: .16em;
  white-space: nowrap;
  display: flex;
  position: absolute;
  top: 29px;
  left: 32px;
}

#security .trust-architecture-guide > span {
  color: var(--trust-teal);
  font-weight: 800;
}

#security .trust-architecture-guide > i {
  width: clamp(34px, 4vw, 64px);
  height: 1px;
  background: linear-gradient(90deg, var(--trust-teal), var(--trust-gold));
}

#security .trust-architecture-guide > strong {
  color: #75899b;
  font-size: 9px;
  font-weight: 700;
}

#security .trust-map-svg {
  z-index: 1;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0;
}

#security .trust-map-grid path {
  fill: none;
  stroke: #6a8ba6;
  stroke-width: .55;
  opacity: .11;
  vector-effect: non-scaling-stroke;
}

#security .trust-endpoint-route,
#security .trust-blocked-route {
  fill: none;
  stroke-linecap: round;
  vector-effect: non-scaling-stroke;
}

#security .trust-endpoint-route {
  stroke: #81a2bb;
  stroke-width: 1.15;
  stroke-dasharray: 3 8;
  opacity: .3;
  transition: opacity .28s ease, stroke-width .28s ease;
}

#security .trust-endpoint-route.is-active {
  stroke: url("#trust-route-gradient");
  stroke-width: 2.2;
  stroke-dasharray: 8 7;
  opacity: 1;
  animation: trust-route-flow 3.6s linear infinite;
}

#security .trust-blocked-route {
  stroke: var(--trust-coral);
  stroke-width: 1.4;
  stroke-dasharray: 4 6;
  opacity: .72;
}

#security .trust-route-dot {
  fill: #fff;
  stroke: var(--trust-teal);
  stroke-width: 2;
  opacity: 0;
  filter: url("#trust-route-glow");
  vector-effect: non-scaling-stroke;
}

@keyframes trust-route-flow {
  to {
    stroke-dashoffset: -30;
  }
}

#security .trust-boundary-zone,
#security .trust-governance-zone,
#security .trust-interface-zone {
  z-index: 2;
  color: var(--trust-ink);
  position: absolute;
}

#security .trust-boundary-zone {
  width: 31%;
  height: 76%;
  top: 11%;
  left: 2.8%;
}

#security .trust-governance-zone {
  width: 23%;
  height: 76%;
  top: 11%;
  left: 38.5%;
}

#security .trust-interface-zone {
  width: 33%;
  height: 76%;
  top: 11%;
  right: 2.7%;
}

#security .trust-layer-mark {
  align-items: flex-start;
  gap: 11px;
  display: flex;
  position: relative;
}

#security .trust-layer-mark:after {
  content: "";
  width: 46px;
  height: 1px;
  background: linear-gradient(90deg, #99b3c5, transparent);
  position: absolute;
  top: 17px;
  right: 4px;
}

#security .trust-layer-mark > i {
  flex: none;
  place-items: center;
  width: 34px;
  height: 34px;
  color: var(--trust-teal);
  background: #edf7f6;
  border: 1px solid #bfdbd8;
  border-radius: 50%;
  font-size: 9px;
  font-style: normal;
  font-weight: 800;
  letter-spacing: .06em;
  display: grid;
  box-shadow: 0 0 0 6px #f3f8fa;
}

#security .trust-governance-zone .trust-layer-mark > i {
  color: #9d762f;
  background: #fbf6ea;
  border-color: #e5d5ae;
  box-shadow: 0 0 0 6px #f8f7f2;
}

#security .trust-interface-zone .trust-layer-mark > i {
  color: var(--trust-blue);
  background: #eef4fc;
  border-color: #c7d8ee;
  box-shadow: 0 0 0 6px #f2f6fa;
}

#security .trust-layer-mark > span {
  min-width: 0;
  padding-top: 1px;
  display: grid;
}

#security .trust-layer-mark > span > strong {
  color: var(--trust-ink);
  letter-spacing: -.025em;
  font-size: clamp(16px, 1.25vw, 20px);
  line-height: 1.15;
}

#security .trust-layer-mark > span > small {
  margin-top: 6px;
  color: #6e8294;
  font-size: 10px;
  line-height: 1.3;
}

#security .trust-contour-map {
  height: calc(100% - 96px);
  min-height: 350px;
  margin-top: 14px;
  position: relative;
}

#security .trust-contour {
  border: 1px solid #8bb5b354;
  border-radius: 50%;
  position: absolute;
}

#security .trust-contour:before,
#security .trust-contour:after {
  content: "";
  width: 5px;
  height: 5px;
  background: #f7fbfc;
  border: 1px solid #79aaa7;
  border-radius: 50%;
  position: absolute;
}

#security .trust-contour:before {
  top: 20%;
  right: 8%;
}

#security .trust-contour:after {
  bottom: 13%;
  left: 13%;
}

#security .trust-contour > b {
  color: #708799;
  background: #f5f9fb;
  border-inline: 1px solid #d4e2ea;
  padding-inline: 8px;
  font-size: 8px;
  font-weight: 700;
  letter-spacing: .05em;
  white-space: nowrap;
  position: absolute;
  top: -6px;
  left: 50%;
  transform: translateX(-50%);
}

#security .trust-contour-outer {
  width: min(100%, 368px);
  aspect-ratio: 1;
  border-style: dashed;
  top: 4px;
  left: 50%;
  transform: translateX(-50%);
}

#security .trust-contour-middle {
  width: min(76%, 274px);
  aspect-ratio: 1;
  border-color: #7fa8c45c;
  top: 50px;
  left: 50%;
  transform: translateX(-50%);
}

#security .trust-data-domain {
  place-content: center;
  width: min(53%, 188px);
  aspect-ratio: 1;
  color: #fff;
  text-align: center;
  background:
    radial-gradient(circle at 28% 26%, #22a59d55, transparent 36%),
    linear-gradient(145deg, #0b3c52, #061d36 70%);
  border: 1px solid #32918f;
  border-radius: 50%;
  padding: 20px;
  display: grid;
  position: absolute;
  top: 93px;
  left: 50%;
  transform: translateX(-50%);
  box-shadow: 0 22px 52px #06263e30, inset 0 1px #68d7cd4f, 0 0 0 10px #0e938809;
}

#security .trust-data-domain:before {
  content: "";
  border: 1px solid #4dc1b74a;
  border-radius: 50%;
  position: absolute;
  inset: 10px;
}

#security .trust-data-domain > small {
  color: #73d8cf;
  font-size: 7px;
  font-weight: 800;
  letter-spacing: .13em;
}

#security .trust-data-domain > strong {
  margin-top: 6px;
  letter-spacing: -.025em;
  font-size: clamp(16px, 1.32vw, 21px);
  line-height: 1.12;
}

#security .trust-data-domain > span {
  max-width: 132px;
  margin: 7px auto 0;
  color: #b5cad5;
  font-size: 8px;
  line-height: 1.45;
}

#security .trust-field {
  align-items: center;
  gap: 6px;
  color: #526d80;
  background: #f7fafbdc;
  border-bottom: 1px solid #b6cad7;
  padding: 4px 8px 5px;
  font-size: 9px;
  font-style: normal;
  font-weight: 700;
  white-space: nowrap;
  display: flex;
  position: absolute;
}

#security .trust-field > i {
  flex: none;
  width: 5px;
  height: 5px;
  background: var(--trust-teal);
  border-radius: 50%;
  box-shadow: 0 0 0 3px #dff1ef;
}

#security .trust-field-identity {
  top: 72px;
  left: 2%;
}

#security .trust-field-contact {
  top: 115px;
  right: -1%;
}

#security .trust-field-activity {
  bottom: 72px;
  left: 1%;
}

#security .trust-field-giving {
  right: 2%;
  bottom: 43px;
}

#security .trust-boundary-note,
#security .trust-audit-trace,
#security .trust-interface-note {
  align-items: center;
  gap: 8px;
  color: #60778a;
  font-size: 9px;
  line-height: 1.4;
  display: flex;
  position: absolute;
}

#security .trust-boundary-note {
  bottom: 0;
  left: 12px;
}

#security .trust-boundary-note > i,
#security .trust-audit-trace > i,
#security .trust-interface-note > i {
  flex: none;
  width: 18px;
  height: 1px;
  background: linear-gradient(90deg, var(--trust-teal), var(--trust-gold));
}

#security .trust-policy-gate {
  width: min(100%, 236px);
  margin: 42px auto 0;
  position: relative;
}

#security .trust-policy-gate:before,
#security .trust-policy-gate:after {
  content: "";
  pointer-events: none;
  position: absolute;
}

#security .trust-policy-gate:before {
  width: 1px;
  background: linear-gradient(var(--trust-gold), #9fb7c8);
  top: 18px;
  bottom: 72px;
  left: 15px;
}

#security .trust-policy-gate:after {
  width: 28px;
  height: 28px;
  background:
    linear-gradient(45deg, transparent 45%, #c4d3de 46% 52%, transparent 53%) center / 8px 8px;
  border: 1px solid #d4e0e8;
  border-radius: 50%;
  top: 50%;
  right: -47px;
  transform: translateY(-55%);
}

#security .trust-policy-gate > span {
  grid-template-columns: 31px minmax(0, 1fr);
  align-items: center;
  min-height: 46px;
  border-bottom: 1px solid #d6e1e8;
  display: grid;
  position: relative;
}

#security .trust-policy-gate > span > i {
  z-index: 1;
  place-items: center;
  width: 30px;
  height: 30px;
  color: #a67c32;
  background: #f8f4eb;
  border: 1px solid #dfcfaa;
  border-radius: 50%;
  font-size: 7px;
  font-style: normal;
  font-weight: 800;
  display: grid;
}

#security .trust-policy-gate > span > strong {
  padding-left: 11px;
  color: #405a6f;
  font-size: 10px;
  font-weight: 750;
}

#security .trust-policy-result {
  align-items: center;
  gap: 8px;
  width: 112px;
  min-height: 44px;
  margin: 18px auto 0;
  color: #146f69;
  background: #edf7f5;
  border: 1px solid #b9d9d5;
  border-radius: 28px;
  padding: 6px 12px;
  display: flex;
  position: relative;
  box-shadow: 0 8px 22px #315c6510;
}

#security .trust-policy-result > i {
  width: 8px;
  height: 8px;
  background: var(--trust-teal);
  border: 3px solid #ccebe7;
  border-radius: 50%;
}

#security .trust-policy-result > strong,
#security .trust-policy-result > small {
  display: block;
}

#security .trust-policy-result > strong {
  font-size: 9px;
  letter-spacing: .08em;
}

#security .trust-policy-result > small {
  color: #779089;
  font-size: 7px;
  font-weight: 600;
}

#security .trust-policy-blocked {
  align-items: center;
  gap: 7px;
  margin-top: 16px;
  color: #a55854;
  font-size: 8px;
  font-style: normal;
  line-height: 1.4;
  display: flex;
}

#security .trust-policy-blocked > i {
  flex: none;
  width: 11px;
  height: 11px;
  border: 1px solid var(--trust-coral);
  border-radius: 50%;
  position: relative;
}

#security .trust-policy-blocked > i:after {
  content: "";
  width: 7px;
  height: 1px;
  background: var(--trust-coral);
  position: absolute;
  top: 4px;
  left: 1px;
  transform: rotate(-45deg);
}

#security .trust-audit-trace {
  right: 1px;
  bottom: 2px;
}

#security .trust-api-gateway {
  width: 88px;
  color: #47637a;
  text-align: center;
  position: absolute;
  top: 214px;
  left: 4px;
}

#security .trust-api-gateway > i {
  width: 46px;
  height: 72px;
  border: 1px solid #9ab2c5;
  border-radius: 50%;
  display: block;
  position: relative;
  margin: 0 auto 10px;
}

#security .trust-api-gateway > i:before,
#security .trust-api-gateway > i:after {
  content: "";
  position: absolute;
}

#security .trust-api-gateway > i:before {
  width: 1px;
  background: linear-gradient(transparent, var(--trust-blue), transparent);
  top: -18px;
  bottom: -18px;
  left: 50%;
}

#security .trust-api-gateway > i:after {
  width: 10px;
  height: 10px;
  background: #f8fbfd;
  border: 2px solid var(--trust-blue);
  border-radius: 50%;
  top: 29px;
  left: 16px;
  box-shadow: 0 0 0 6px #3375c80d;
}

#security .trust-api-gateway > strong,
#security .trust-api-gateway > small {
  display: block;
}

#security .trust-api-gateway > strong {
  color: var(--trust-blue);
  font-size: 8px;
  letter-spacing: .08em;
}

#security .trust-api-gateway > small {
  margin-top: 4px;
  color: #71879a;
  font-size: 7px;
  line-height: 1.4;
}

#security .trust-endpoints {
  position: absolute;
  inset: 0;
}

#security .trust-endpoints > button {
  appearance: none;
  grid-template-columns: 34px minmax(0, 1fr);
  align-items: center;
  gap: 10px;
  width: clamp(130px, 11.2vw, 174px);
  min-height: 48px;
  color: #38546a;
  text-align: left;
  background: #f8fbfdc4;
  border: 0;
  border-bottom: 1px solid #a9bdcb;
  padding: 5px 4px 8px;
  cursor: pointer;
  display: grid;
  position: absolute;
  transition: color .25s ease, border-color .25s ease, transform .25s ease;
}

#security .trust-endpoints > button:before {
  content: "";
  width: 22px;
  height: 1px;
  background: #9bb3c4;
  position: absolute;
  top: 50%;
  right: 100%;
}

#security .trust-endpoints > button > i {
  place-items: center;
  width: 31px;
  height: 31px;
  color: #507594;
  background: #f1f6fa;
  border: 1px solid #bed0dd;
  border-radius: 50%;
  font-size: 7px;
  font-style: normal;
  font-weight: 800;
  letter-spacing: .04em;
  display: grid;
  transition: color .25s ease, background .25s ease, border-color .25s ease, box-shadow .25s ease;
}

#security .trust-endpoints > button > span {
  min-width: 0;
  display: grid;
}

#security .trust-endpoints > button strong {
  overflow: hidden;
  color: inherit;
  font-size: 10px;
  line-height: 1.2;
  text-overflow: ellipsis;
  white-space: nowrap;
}

#security .trust-endpoints > button small {
  overflow: hidden;
  margin-top: 4px;
  color: #7890a2;
  font-size: 7px;
  line-height: 1.2;
  text-overflow: ellipsis;
  white-space: nowrap;
}

#security .trust-endpoints > button:nth-child(1) {
  top: 72px;
  left: 26%;
}

#security .trust-endpoints > button:nth-child(2) {
  top: 140px;
  left: 52%;
}

#security .trust-endpoints > button:nth-child(3) {
  top: 220px;
  right: 0;
}

#security .trust-endpoints > button:nth-child(4) {
  top: 300px;
  left: 52%;
}

#security .trust-endpoints > button:nth-child(5) {
  top: 368px;
  left: 26%;
}

#security .trust-endpoints > button[aria-pressed="true"] {
  color: #0a6f75;
  border-bottom-color: var(--trust-teal);
  transform: translateX(5px);
}

#security .trust-endpoints > button[aria-pressed="true"] > i {
  color: #fff;
  background: linear-gradient(145deg, var(--trust-teal), var(--trust-blue));
  border-color: transparent;
  box-shadow: 0 0 0 6px #158e920e;
}

#security .trust-endpoints > button:hover {
  color: #126b77;
  border-bottom-color: #5a9ca3;
}

#security .trust-endpoints > button:focus-visible {
  outline: 2px solid #238c96;
  outline-offset: 5px;
}

#security .trust-interface-note {
  right: 0;
  bottom: 2px;
}

#security .trust-architecture-caption {
  z-index: 4;
  grid-template-columns: auto minmax(0, 1fr);
  align-items: center;
  gap: 24px;
  min-height: 58px;
  color: #536c7f;
  background: linear-gradient(90deg, #f8fbfcdc, #f8fbfca8 75%, transparent);
  border-top: 1px solid #cbdbe6;
  padding: 12px 30px;
  display: grid;
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
}

#security .trust-architecture-caption > span {
  align-items: center;
  gap: 8px;
  color: var(--trust-teal);
  font-size: 8px;
  font-weight: 850;
  letter-spacing: .13em;
  white-space: nowrap;
  display: flex;
}

#security .trust-architecture-caption > span > i {
  width: 7px;
  height: 7px;
  background: var(--trust-teal);
  border: 3px solid #cae9e6;
  border-radius: 50%;
}

#security .trust-architecture-caption > strong {
  max-width: 860px;
  font-size: 10px;
  font-weight: 650;
  line-height: 1.55;
}

@media (max-width: 1180px) {
  #security .trust-layer-mark:after {
    display: none;
  }

  #security .trust-field-contact {
    right: -6%;
  }

  #security .trust-field-giving {
    right: -2%;
  }

  #security .trust-endpoints > button {
    width: clamp(118px, 12vw, 148px);
  }

  #security .trust-endpoints > button:nth-child(2),
  #security .trust-endpoints > button:nth-child(4) {
    left: 46%;
  }
}

@media (max-width: 900px) {
  #security.security-strip {
    padding-block: 78px;
  }

  #security .security-layout.has-security-architecture {
    gap: 34px;
  }

  #security .security-layout.has-security-architecture .security-copy {
    grid-template-columns: minmax(0, 1fr);
    grid-template-rows: auto;
    gap: 0;
  }

  #security .security-layout.has-security-architecture .security-copy .eyebrow,
  #security .security-layout.has-security-architecture .security-copy h2,
  #security .security-layout.has-security-architecture .security-copy > p:not(.eyebrow),
  #security .security-layout.has-security-architecture .security-copy .text-link {
    grid-area: auto / 1;
  }

  #security .security-layout.has-security-architecture .security-copy h2 {
    max-width: 760px;
    font-size: clamp(34px, 6.3vw, 48px);
  }

  #security .security-layout.has-security-architecture .security-copy > p:not(.eyebrow) {
    max-width: 720px;
    margin-top: 20px;
  }

  #security .trust-architecture-canvas {
    height: 940px;
    border: 1px solid #d0dee8;
    border-radius: 24px;
    overflow: hidden;
  }

  #security .trust-architecture-canvas:before {
    opacity: .45;
    background:
      linear-gradient(#6d99a51f, #6d99a51f) 32px 104px / 1px calc(100% - 196px) no-repeat,
      radial-gradient(circle, #078d85 0 3px, #d9efed 4px 8px, transparent 9px) 24px 96px / 17px 17px no-repeat,
      radial-gradient(circle, #c49b53 0 3px, #f2ead9 4px 8px, transparent 9px) 24px 369px / 17px 17px no-repeat,
      radial-gradient(circle, #3375c8 0 3px, #e3ebf6 4px 8px, transparent 9px) 24px 650px / 17px 17px no-repeat;
    inset: 0;
  }

  #security .trust-architecture-canvas:after {
    display: none;
  }

  #security .trust-architecture-guide {
    top: 28px;
    right: 24px;
    left: 24px;
  }

  #security .trust-map-svg {
    display: none;
  }

  #security .trust-boundary-zone,
  #security .trust-governance-zone,
  #security .trust-interface-zone {
    width: auto;
    height: auto;
    right: 24px;
    left: 56px;
  }

  #security .trust-boundary-zone {
    top: 82px;
  }

  #security .trust-governance-zone {
    top: 352px;
  }

  #security .trust-interface-zone {
    top: 632px;
  }

  #security .trust-layer-mark > i {
    width: 31px;
    height: 31px;
  }

  #security .trust-contour-map {
    width: min(100%, 500px);
    height: 186px;
    min-height: 0;
    margin: 14px auto 0;
  }

  #security .trust-contour-outer {
    width: 260px;
    height: 166px;
    aspect-ratio: auto;
    top: 4px;
  }

  #security .trust-contour-middle {
    width: 205px;
    height: 126px;
    aspect-ratio: auto;
    top: 24px;
  }

  #security .trust-data-domain {
    width: 128px;
    height: 94px;
    aspect-ratio: auto;
    border-radius: 50%;
    top: 40px;
  }

  #security .trust-data-domain > strong {
    font-size: 16px;
  }

  #security .trust-field-identity {
    top: 18px;
    left: 3%;
  }

  #security .trust-field-contact {
    top: 26px;
    right: 2%;
  }

  #security .trust-field-activity {
    bottom: 18px;
    left: 5%;
  }

  #security .trust-field-giving {
    right: 5%;
    bottom: 10px;
  }

  #security .trust-boundary-note {
    display: none;
  }

  #security .trust-policy-gate {
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 0;
    width: 100%;
    max-width: 680px;
    margin: 20px auto 0;
    display: grid;
  }

  #security .trust-policy-gate:before {
    width: auto;
    height: 1px;
    background: linear-gradient(90deg, var(--trust-gold), #9fb7c8);
    inset: 15px 9% auto;
  }

  #security .trust-policy-gate:after {
    display: none;
  }

  #security .trust-policy-gate > span {
    grid-template-columns: 1fr;
    justify-items: center;
    min-height: 78px;
    text-align: center;
    border-bottom: 0;
  }

  #security .trust-policy-gate > span > strong {
    padding: 9px 4px 0;
    font-size: 9px;
  }

  #security .trust-policy-result {
    grid-column: 1 / -1;
    margin-top: 6px;
  }

  #security .trust-policy-blocked {
    grid-column: 1 / -1;
    justify-self: center;
    margin-top: 8px;
  }

  #security .trust-audit-trace {
    display: none;
  }

  #security .trust-api-gateway {
    width: auto;
    align-items: center;
    gap: 12px;
    text-align: left;
    display: flex;
    position: relative;
    top: auto;
    left: auto;
    margin: 20px 0 12px;
  }

  #security .trust-api-gateway > i {
    flex: none;
    width: 58px;
    height: 30px;
    margin: 0;
  }

  #security .trust-api-gateway > i:before {
    width: auto;
    height: 1px;
    background: linear-gradient(90deg, transparent, var(--trust-blue), transparent);
    inset: 50% -16px auto;
  }

  #security .trust-api-gateway > i:after {
    top: 8px;
    left: 21px;
  }

  #security .trust-api-gateway > small {
    margin: 0 0 0 auto;
  }

  #security .trust-endpoints {
    scrollbar-width: none;
    grid-auto-columns: minmax(160px, 40%);
    grid-auto-flow: column;
    gap: 18px;
    padding: 3px 6px 12px;
    scroll-snap-type: x mandatory;
    overflow-x: auto;
    display: grid;
    position: relative;
    inset: auto;
  }

  #security .trust-endpoints::-webkit-scrollbar {
    display: none;
  }

  #security .trust-endpoints > button,
  #security .trust-endpoints > button:nth-child(n) {
    scroll-snap-align: start;
    width: 100%;
    min-height: 58px;
    position: relative;
    inset: auto;
  }

  #security .trust-endpoints > button:before {
    width: 18px;
    right: auto;
    left: -18px;
  }

  #security .trust-endpoints > button[aria-pressed="true"] {
    transform: translateY(-2px);
  }

  #security .trust-interface-note {
    right: auto;
    bottom: auto;
    left: 4px;
    margin-top: 8px;
    position: relative;
  }

  #security .trust-architecture-caption {
    grid-template-columns: minmax(0, 1fr);
    gap: 7px;
    min-height: 80px;
    padding: 12px 24px;
  }
}

@media (max-width: 620px) {
  #security.security-strip {
    padding-block: 66px;
  }

  #security .security-layout.has-security-architecture {
    gap: 28px;
  }

  #security .security-layout.has-security-architecture .security-copy .eyebrow {
    margin-bottom: 14px;
  }

  #security .security-layout.has-security-architecture .security-copy h2 {
    font-size: clamp(30px, 8.5vw, 39px);
  }

  #security .security-layout.has-security-architecture .security-copy > p:not(.eyebrow) {
    margin-top: 16px;
    font-size: 14px;
    line-height: 1.75;
  }

  #security .trust-architecture-canvas {
    height: 918px;
    border-radius: 20px;
  }

  #security .trust-architecture-guide {
    gap: 8px;
    right: 17px;
    left: 17px;
  }

  #security .trust-architecture-guide > i {
    flex: 1;
  }

  #security .trust-architecture-guide > strong {
    display: none;
  }

  #security .trust-boundary-zone,
  #security .trust-governance-zone,
  #security .trust-interface-zone {
    right: 16px;
    left: 42px;
  }

  #security .trust-layer-mark {
    gap: 9px;
  }

  #security .trust-layer-mark > span > strong {
    font-size: 16px;
  }

  #security .trust-contour-map {
    width: 100%;
  }

  #security .trust-contour-outer {
    width: 230px;
  }

  #security .trust-contour-middle {
    width: 184px;
  }

  #security .trust-data-domain {
    width: 118px;
  }

  #security .trust-field {
    font-size: 8px;
  }

  #security .trust-field-contact {
    right: 0;
  }

  #security .trust-field-giving {
    right: 0;
  }

  #security .trust-policy-gate > span > strong {
    font-size: 8px;
    line-height: 1.35;
  }

  #security .trust-endpoints {
    grid-auto-columns: minmax(150px, 72%);
  }

  #security .trust-api-gateway > small {
    display: none;
  }

  #security .trust-architecture-caption {
    padding-inline: 17px;
  }
}

@media (max-width: 410px) {
  #security .trust-field-contact,
  #security .trust-field-giving {
    display: none;
  }

  #security .trust-policy-gate > span > i {
    width: 27px;
    height: 27px;
  }

  #security .trust-endpoints {
    grid-auto-columns: minmax(148px, 82%);
  }
}

@media (prefers-reduced-motion: reduce) {
  #security .trust-endpoint-route.is-active {
    animation: none;
  }

  #security .trust-endpoint-route,
  #security .trust-endpoints > button,
  #security .trust-endpoints > button > i {
    transition: none;
  }
}

/* Roles experience v2: one network, four roles */
#roles.buyer-section {
  isolation: isolate;
  background:
    radial-gradient(circle at 50% 62%, #0b91880d, transparent 26rem),
    radial-gradient(circle at 84% 18%, #3976c90a, transparent 23rem),
    linear-gradient(180deg, #f8fafc, #f4f7f9);
  position: relative;
  overflow: hidden;
}

#roles.buyer-section:before {
  content: "";
  z-index: -1;
  opacity: .32;
  pointer-events: none;
  background-image:
    linear-gradient(#547b9709 1px, transparent 1px),
    linear-gradient(90deg, #547b9709 1px, transparent 1px);
  background-size: 56px 56px;
  mask-image: linear-gradient(90deg, transparent, #000 16%, #000 84%, transparent);
  position: absolute;
  inset: 0;
}

#roles .buyer-ribbon.has-role-network {
  width: 100%;
  background: transparent;
  border: 0;
  border-radius: 0;
  gap: 0;
  padding: 0;
  display: block;
  overflow: visible;
  box-shadow: none;
}

#roles .role-network-map {
  --role-navy: #082943;
  --role-deep: #061d35;
  --role-teal: #0b9188;
  --role-blue: #3976c9;
  --role-gold: #d0a759;
  --role-muted: #677d8f;
  width: 100%;
  margin: 0;
  position: relative;
}

#roles .role-network-canvas {
  height: clamp(520px, 39vw, 590px);
  background:
    radial-gradient(circle at 50% 49%, #0b918814, transparent 15rem),
    radial-gradient(circle at 23% 49%, #0c567008, transparent 18rem),
    radial-gradient(circle at 78% 49%, #3976c90a, transparent 18rem),
    linear-gradient(90deg, #ffffff7a, #f8fbfcb5 50%, #ffffff73);
  border-block: 1px solid #cbdbe6;
  position: relative;
  overflow: hidden;
}

#roles .role-network-canvas:before,
#roles .role-network-canvas:after {
  content: "";
  z-index: 4;
  pointer-events: none;
  position: absolute;
}

#roles .role-network-canvas:before {
  width: 9px;
  height: 9px;
  background: var(--role-teal);
  border: 4px solid #d7efec;
  border-radius: 50%;
  top: 14px;
  left: 0;
}

#roles .role-network-canvas:after {
  width: 70px;
  height: 1px;
  background: linear-gradient(90deg, transparent, #a7bdcc);
  top: 18px;
  right: 0;
}

#roles .role-network-kicker {
  z-index: 5;
  align-items: center;
  gap: 12px;
  color: #738799;
  font-size: 9px;
  letter-spacing: .15em;
  white-space: nowrap;
  display: flex;
  position: absolute;
  top: 28px;
  left: 32px;
}

#roles .role-network-kicker > span {
  color: var(--role-teal);
  font-weight: 850;
}

#roles .role-network-kicker > i {
  width: clamp(38px, 5vw, 72px);
  height: 1px;
  background: linear-gradient(90deg, var(--role-teal), var(--role-gold));
}

#roles .role-network-kicker > strong {
  color: #718799;
  font-size: 9px;
  font-weight: 720;
}

#roles .role-loop-svg {
  z-index: 1;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0;
}

#roles .role-loop-svg-mobile {
  display: none;
}

#roles .role-map-grid path {
  fill: none;
  stroke: #7895aa;
  stroke-width: .55;
  opacity: .12;
  vector-effect: non-scaling-stroke;
}

#roles .role-loop-trace,
#roles .role-route {
  fill: none;
  stroke-linecap: round;
  stroke-linejoin: round;
  vector-effect: non-scaling-stroke;
}

#roles .role-loop-trace {
  stroke: url("#role-loop-gradient");
  stroke-width: 1.4;
  stroke-dasharray: 1;
  stroke-dashoffset: 0;
  opacity: .72;
}

.js #roles .role-network-map:not(.is-drawn) .role-loop-trace {
  stroke-dashoffset: 1;
}

#roles .role-network-map.is-drawn .role-loop-trace {
  animation: role-loop-draw .95s cubic-bezier(.22, .7, .22, 1) both;
}

#roles .role-route {
  stroke: #8ea9bb;
  stroke-width: 1;
  stroke-dasharray: 3 8;
  opacity: .24;
  transition: stroke-width .25s ease, opacity .25s ease;
}

#roles .role-route.is-active {
  stroke: url("#role-route-gradient");
  stroke-width: 2.2;
  stroke-dasharray: 8 7;
  opacity: 1;
  animation: role-route-flow 3.4s linear infinite;
}

#roles .role-route-dot {
  fill: #fff;
  stroke: var(--role-teal);
  stroke-width: 2;
  opacity: 0;
  filter: url("#role-route-glow");
  vector-effect: non-scaling-stroke;
}

@keyframes role-loop-draw {
  from {
    stroke-dashoffset: 1;
  }

  to {
    stroke-dashoffset: 0;
  }
}

@keyframes role-route-flow {
  to {
    stroke-dashoffset: -30;
  }
}

#roles .role-network-core {
  z-index: 3;
  place-content: center;
  width: clamp(205px, 18.6vw, 244px);
  aspect-ratio: 1.36;
  color: #fff;
  text-align: center;
  background:
    radial-gradient(circle at 28% 22%, #25a59b4f, transparent 35%),
    linear-gradient(145deg, #0a4155, var(--role-deep) 70%);
  border: 1px solid #3b9995;
  border-radius: 48%;
  padding: 24px;
  display: grid;
  position: absolute;
  top: 49%;
  left: 50%;
  transform: translate(-50%, -50%);
  box-shadow: 0 26px 64px #082a4338, inset 0 1px #79ddd45c, 0 0 0 11px #0b918809;
}

#roles .role-network-core:before,
#roles .role-network-core:after {
  content: "";
  pointer-events: none;
  border: 1px solid #4bc0b64a;
  border-radius: 50%;
  position: absolute;
}

#roles .role-network-core:before {
  inset: 12px;
}

#roles .role-network-core:after {
  border-color: #95b6c532;
  inset: -24px;
}

#roles .role-network-core > span,
#roles .role-network-core > strong,
#roles .role-network-core > p,
#roles .role-network-core > div {
  z-index: 1;
  position: relative;
}

#roles .role-network-core > span {
  color: #71d7ce;
  font-size: 8px;
  font-weight: 850;
  letter-spacing: .14em;
}

#roles .role-network-core > strong {
  max-width: 190px;
  margin: 8px auto 0;
  letter-spacing: -.035em;
  white-space: normal;
  text-wrap: balance;
  font-size: clamp(18px, 1.55vw, 23px);
  line-height: 1.18;
}

#roles .role-network-core > p {
  margin-top: 8px;
  color: #b8cdd8;
  font-size: 8px;
  font-weight: 650;
  letter-spacing: .05em;
}

#roles .role-network-core > div {
  align-items: center;
  justify-self: center;
  gap: 7px;
  min-height: 24px;
  margin-top: 12px;
  color: #f0d08b;
  background: #ffffff0c;
  border: 1px solid #ffffff1d;
  border-radius: 999px;
  padding: 0 10px;
  display: inline-flex;
}

#roles .role-network-core > div > i {
  width: 5px;
  height: 5px;
  background: #57d6ca;
  border-radius: 50%;
  box-shadow: 0 0 0 4px #57d6ca1a;
}

#roles .role-network-core > div > em {
  font-size: 8px;
  font-style: normal;
  font-weight: 750;
}

#roles .role-network-nodes {
  z-index: 3;
  position: absolute;
  inset: 0;
}

#roles .role-network-node {
  appearance: none;
  grid-template-columns: minmax(0, 1fr) 58px;
  align-items: center;
  gap: 14px;
  width: clamp(220px, 21.5vw, 282px);
  min-height: 78px;
  color: var(--role-navy);
  text-align: right;
  background: transparent;
  border: 0;
  padding: 8px 0;
  cursor: pointer;
  display: grid;
  position: absolute;
  opacity: .64;
  transition: opacity .25s ease, transform .25s ease;
}

#roles .role-network-node:nth-child(1) {
  top: 92px;
  left: 3.5%;
}

#roles .role-network-node:nth-child(2) {
  bottom: 92px;
  left: 3.5%;
}

#roles .role-network-node:nth-child(3) {
  top: 92px;
  right: 3.5%;
}

#roles .role-network-node:nth-child(4) {
  right: 3.5%;
  bottom: 92px;
}

#roles .role-network-node:nth-child(n+3) {
  grid-template-columns: 58px minmax(0, 1fr);
  text-align: left;
}

#roles .role-network-node:nth-child(n+3) .role-node-icon {
  order: -1;
}

#roles .role-node-copy {
  min-width: 0;
  display: grid;
}

#roles .role-node-copy > small {
  color: var(--role-gold);
  font-size: 8px;
  font-weight: 850;
  letter-spacing: .1em;
  line-height: 1.2;
}

#roles .role-node-copy > strong {
  margin-top: 7px;
  color: var(--role-navy);
  letter-spacing: -.035em;
  white-space: normal;
  text-wrap: balance;
  font-size: clamp(17px, 1.45vw, 21px);
  line-height: 1.12;
}

#roles .role-node-copy > em {
  overflow: hidden;
  margin-top: 8px;
  color: var(--role-muted);
  font-size: 9px;
  font-style: normal;
  font-weight: 650;
  line-height: 1.25;
  text-overflow: ellipsis;
  white-space: nowrap;
}

#roles .role-node-icon {
  place-items: center;
  width: 54px;
  height: 54px;
  color: #247f84;
  background: #f4f9fa;
  border: 1px solid #aac6d0;
  border-radius: 50%;
  display: grid;
  position: relative;
  transition: color .25s ease, background .25s ease, border-color .25s ease, transform .25s ease, box-shadow .25s ease;
}

#roles .role-node-icon:before {
  content: "";
  border: 1px solid #9fbac838;
  border-radius: 50%;
  position: absolute;
  inset: -7px;
}

#roles .role-node-icon svg {
  width: 22px;
  height: 22px;
  margin: 0;
}

#roles .role-network-node[aria-pressed="true"],
#roles .role-network-node:hover,
#roles .role-network-node:focus-visible {
  z-index: 2;
  opacity: 1;
}

#roles .role-network-node:nth-child(-n+2)[aria-pressed="true"] {
  transform: translateX(5px);
}

#roles .role-network-node:nth-child(n+3)[aria-pressed="true"] {
  transform: translateX(-5px);
}

#roles .role-network-node[aria-pressed="true"] .role-node-icon {
  color: #fff;
  background: linear-gradient(145deg, var(--role-teal), var(--role-blue));
  border-color: transparent;
  transform: scale(1.1);
  box-shadow: 0 12px 28px #0b6f7930, 0 0 0 7px #0b91880d;
}

#roles .role-network-node[aria-pressed="true"] .role-node-icon:before {
  border-color: #2ba59f62;
}

#roles .role-network-node:focus-visible {
  outline: 2px solid #208f96;
  outline-offset: 6px;
}

#roles .role-loop-label {
  z-index: 2;
  align-items: center;
  gap: 7px;
  color: #6e8495;
  background: #f7fafbcf;
  padding: 3px 7px;
  font-size: 7px;
  font-weight: 800;
  letter-spacing: .1em;
  white-space: nowrap;
  display: flex;
  position: absolute;
}

#roles .role-loop-label:before {
  content: "";
  width: 18px;
  height: 1px;
  background: linear-gradient(90deg, var(--role-teal), var(--role-gold));
}

#roles .role-loop-label-one {
  top: 25%;
  left: 33%;
}

#roles .role-loop-label-two {
  bottom: 24%;
  left: 32%;
}

#roles .role-loop-label-three {
  top: 25%;
  right: 32%;
}

#roles .role-loop-label-four {
  right: 32%;
  bottom: 24%;
}

#roles .role-network-caption {
  z-index: 5;
  grid-template-columns: auto minmax(0, 1fr) auto;
  align-items: center;
  gap: 22px;
  min-height: 62px;
  color: #536b7e;
  background: linear-gradient(90deg, #f8fbfce8, #f8fbfcc0 74%, transparent);
  border-top: 1px solid #cadbe6;
  padding: 11px 30px;
  display: grid;
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
}

#roles .role-network-caption > span {
  align-items: center;
  gap: 8px;
  color: var(--role-teal);
  white-space: nowrap;
  display: flex;
}

#roles .role-network-caption > span > i {
  width: 7px;
  height: 7px;
  background: var(--role-teal);
  border: 3px solid #cce9e6;
  border-radius: 50%;
}

#roles .role-network-caption > span > b {
  font-size: 8px;
  font-weight: 850;
  letter-spacing: .11em;
}

#roles .role-network-caption > strong {
  max-width: 760px;
  color: #536b7e;
  font-size: 10px;
  font-weight: 650;
  line-height: 1.5;
}

#roles .role-network-caption > em {
  color: #9b7736;
  background: #f8f2e7;
  border: 1px solid #e7d8b8;
  border-radius: 999px;
  padding: 5px 9px;
  font-size: 8px;
  font-style: normal;
  font-weight: 800;
  white-space: nowrap;
}

.lang-en #roles .role-network-node {
  width: clamp(235px, 23vw, 302px);
}

.lang-en #roles .role-node-copy > strong {
  font-size: clamp(15px, 1.23vw, 18px);
}

.lang-en #roles .role-node-copy > em {
  font-size: 8px;
}

@media (max-width: 1080px) {
  #roles .role-network-node {
    width: 230px;
  }

  .lang-en #roles .role-network-node {
    width: 250px;
  }

  #roles .role-network-node:nth-child(1),
  #roles .role-network-node:nth-child(2) {
    left: 2%;
  }

  #roles .role-network-node:nth-child(3),
  #roles .role-network-node:nth-child(4) {
    right: 2%;
  }

  #roles .role-loop-label {
    display: none;
  }

  #roles .role-network-core {
    width: 205px;
  }
}

@media (max-width: 820px) {
  #roles .section-heading {
    margin-bottom: 40px;
  }

  #roles .role-network-canvas {
    height: 760px;
    background:
      radial-gradient(circle at 50% 48%, #0b918817, transparent 14rem),
      linear-gradient(145deg, #ffffffbf, #f3f8fac7);
    border: 1px solid #cfdee8;
    border-radius: 24px;
  }

  #roles .role-network-canvas:before {
    top: 13px;
    left: 13px;
  }

  #roles .role-network-canvas:after {
    top: 17px;
    right: 13px;
  }

  #roles .role-network-kicker {
    top: 28px;
    right: 24px;
    left: 28px;
  }

  #roles .role-network-kicker > i {
    flex: 1;
  }

  #roles .role-network-kicker > strong {
    display: none;
  }

  #roles .role-loop-svg-desktop {
    display: none;
  }

  #roles .role-loop-svg-mobile {
    width: 100%;
    height: 660px;
    display: block;
    top: 40px;
    bottom: auto;
  }

  #roles .role-loop-svg-mobile .role-loop-trace {
    stroke: url("#role-loop-gradient-mobile");
  }

  #roles .role-loop-svg-mobile .role-route.is-active {
    stroke: url("#role-route-gradient-mobile");
  }

  #roles .role-map-grid,
  #roles .role-loop-label {
    display: none;
  }

  #roles .role-network-core {
    width: 158px;
    aspect-ratio: 1.32;
    padding: 18px;
    top: 360px;
  }

  #roles .role-network-core:after {
    inset: -17px;
  }

  #roles .role-network-core > span {
    font-size: 6px;
  }

  #roles .role-network-core > strong {
    margin-top: 6px;
    font-size: 16px;
  }

  #roles .role-network-core > p {
    font-size: 6px;
  }

  #roles .role-network-core > div {
    margin-top: 8px;
  }

  #roles .role-network-node,
  .lang-en #roles .role-network-node {
    width: min(43%, 180px);
    min-height: 74px;
    gap: 9px;
    opacity: .74;
  }

  #roles .role-network-node:nth-child(1) {
    top: 106px;
    left: 14px;
  }

  #roles .role-network-node:nth-child(2) {
    top: 205px;
    right: 14px;
    bottom: auto;
    left: auto;
  }

  #roles .role-network-node:nth-child(3) {
    top: 452px;
    right: auto;
    left: 14px;
  }

  #roles .role-network-node:nth-child(4) {
    top: 565px;
    right: 14px;
    bottom: auto;
  }

  #roles .role-network-node:nth-child(1),
  #roles .role-network-node:nth-child(3) {
    grid-template-columns: minmax(0, 1fr) 46px;
    text-align: right;
  }

  #roles .role-network-node:nth-child(2),
  #roles .role-network-node:nth-child(4) {
    grid-template-columns: 46px minmax(0, 1fr);
    text-align: left;
  }

  #roles .role-network-node:nth-child(1) .role-node-icon,
  #roles .role-network-node:nth-child(3) .role-node-icon {
    order: initial;
  }

  #roles .role-network-node:nth-child(2) .role-node-icon,
  #roles .role-network-node:nth-child(4) .role-node-icon {
    order: -1;
  }

  #roles .role-node-icon {
    width: 44px;
    height: 44px;
  }

  #roles .role-node-icon svg {
    width: 18px;
    height: 18px;
  }

  #roles .role-node-copy > strong,
  .lang-en #roles .role-node-copy > strong {
    margin-top: 5px;
    font-size: clamp(14px, 3.9vw, 18px);
  }

  #roles .role-node-copy > em {
    overflow: visible;
    margin-top: 6px;
    white-space: normal;
  }

  #roles .role-network-node:nth-child(n)[aria-pressed="true"] {
    transform: translateY(-2px);
  }

  #roles .role-network-caption {
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 7px 14px;
    min-height: 88px;
    padding: 10px 18px;
  }

  #roles .role-network-caption > strong {
    grid-column: 1 / -1;
    grid-row: 2;
    max-width: none;
  }

  #roles .role-network-caption > em {
    justify-self: end;
  }
}

@media (max-width: 520px) {
  #roles .role-network-canvas {
    height: 760px;
    border-radius: 20px;
  }

  #roles .role-network-kicker {
    gap: 8px;
    right: 17px;
    left: 22px;
  }

  #roles .role-network-kicker > span {
    font-size: 8px;
  }

  #roles .role-network-node,
  .lang-en #roles .role-network-node {
    width: 44%;
  }

  #roles .role-node-copy > small {
    font-size: 7px;
  }

  #roles .role-node-copy > strong,
  .lang-en #roles .role-node-copy > strong {
    font-size: clamp(13px, 4vw, 16px);
  }

  #roles .role-node-copy > em {
    font-size: 7px;
    line-height: 1.35;
  }

  #roles .role-network-core {
    width: 146px;
  }

  #roles .role-network-core > strong {
    font-size: 15px;
  }

  #roles .role-network-caption > span > b {
    font-size: 7px;
  }

  #roles .role-network-caption > strong {
    font-size: 9px;
  }
}

@media (max-width: 400px) {
  #roles .role-network-node,
  .lang-en #roles .role-network-node {
    width: 46%;
  }

  #roles .role-node-copy > em {
    display: none;
  }

  #roles .role-network-core {
    width: 138px;
  }

  #roles .role-network-caption > em {
    display: none;
  }
}

@media (prefers-reduced-motion: reduce) {
  #roles .role-network-map.is-drawn .role-loop-trace,
  #roles .role-route.is-active {
    animation: none;
  }

  #roles .role-loop-trace {
    stroke-dashoffset: 0 !important;
  }

  #roles .role-route,
  #roles .role-network-node,
  #roles .role-node-icon {
    transition: none;
  }
}

/* Homepage hero v4: native-width scene with a clean, non-glowing transition. */
.home-hero {
  --hero-surface: #f4f7f9;
  --hero-ink: #04172d;
  --hero-image-max: 1672px;
  background:
    radial-gradient(ellipse 34% 88% at 83% 38%, rgba(117, 149, 108, .2), transparent 76%),
    radial-gradient(ellipse 42% 104% at 17% 42%, rgba(24, 113, 113, .14), transparent 72%),
    linear-gradient(
      180deg,
      #061a33 0%,
      var(--hero-ink) 72%,
      #04182e 100%
    );
}

.home-hero > .hero-scene {
  inset-block: 0 !important;
  inset-inline: auto !important;
  left: 50% !important;
  width: min(100%, var(--hero-image-max)) !important;
  max-width: var(--hero-image-max);
  overflow: hidden;
  transform: translateX(-50%) !important;
  -webkit-mask-image: none !important;
  mask-image: none !important;
}

.home-hero > .hero-scene-wash {
  inset: 0 !important;
  inset-inline: 0 !important;
  left: 0 !important;
  width: auto !important;
  transform: none !important;
}

.home-hero > .hero-scene-wash {
  -webkit-mask-image: none;
  mask-image: none;
}

.home-hero > .hero-scene img {
  width: 100%;
  max-width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center 48%;
  filter: saturate(.88) contrast(1.04) brightness(.88);
  transform: none !important;
  -webkit-mask-image: none;
  mask-image: none;
}

.home-hero > .hero-scene-wash {
  background:
    radial-gradient(
      ellipse 82% 126% at 12% 44%,
      rgba(3, 17, 35, .98) 0%,
      rgba(4, 22, 44, .91) 35%,
      rgba(4, 23, 45, .56) 56%,
      rgba(4, 23, 45, .16) 75%,
      transparent 100%
    ),
    linear-gradient(
      90deg,
      rgba(3, 20, 40, .18) 0%,
      transparent 62%,
      rgba(4, 24, 43, .1) 82%,
      rgba(4, 23, 42, .36) 100%
    ),
    linear-gradient(
      180deg,
      rgba(2, 14, 30, .3) 0%,
      transparent 27%,
      transparent 64%,
      rgba(4, 23, 43, .46) 84%,
      rgba(4, 23, 43, .88) 100%
    );
}

@media (min-width: 1673px) {
  .home-hero > .hero-scene {
    -webkit-mask-image: linear-gradient(
      90deg,
      transparent 0%,
      rgba(0, 0, 0, .45) 2.5%,
      #000 7%,
      #000 93%,
      rgba(0, 0, 0, .45) 97.5%,
      transparent 100%
    ) !important;
    mask-image: linear-gradient(
      90deg,
      transparent 0%,
      rgba(0, 0, 0, .45) 2.5%,
      #000 7%,
      #000 93%,
      rgba(0, 0, 0, .45) 97.5%,
      transparent 100%
    ) !important;
  }
}

.home-hero .hero-title {
  text-shadow: 0 8px 32px rgba(0, 0, 0, .26);
}

.home-hero .button-secondary {
  border-color: rgba(255, 255, 255, .28);
  background: rgba(255, 255, 255, .075);
  box-shadow: inset 0 1px rgba(255, 255, 255, .09);
  -webkit-backdrop-filter: blur(12px);
  backdrop-filter: blur(12px);
}

.hero-proof-section {
  margin-top: -58px;
  padding: 0 0 52px;
  background: linear-gradient(
    180deg,
    transparent 0 58px,
    #f7f9fb 58px 100%
  );
}

.hero-proof-section .hero-proof-bar {
  border-color: rgba(174, 194, 211, .48);
  background: #fff;
  box-shadow: 0 14px 36px rgba(8, 31, 53, .12);
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
}

@media (max-width: 1060px) {
  .home-hero > .hero-scene img {
    object-position: 58% 47%;
    transform: none !important;
  }

  .home-hero > .hero-scene-wash {
    background:
      radial-gradient(
        ellipse 96% 126% at 5% 43%,
        rgba(3, 17, 35, .99) 0%,
        rgba(4, 22, 44, .93) 38%,
        rgba(4, 23, 45, .64) 60%,
        rgba(4, 23, 45, .22) 80%,
        transparent 100%
      ),
      linear-gradient(90deg, transparent 62%, rgba(4, 23, 42, .3) 100%),
      linear-gradient(
        180deg,
        rgba(2, 14, 30, .32) 0%,
        transparent 28%,
        transparent 68%,
        rgba(4, 23, 43, .36) 88%,
        rgba(4, 23, 43, .12) 100%
      );
  }
}

@media (max-width: 820px) {
  .home-hero {
    min-height: 760px;
    background:
      radial-gradient(ellipse 100% 72% at 50% 22%, rgba(21, 133, 137, .12), transparent 72%),
      linear-gradient(
        180deg,
        #061a33 0%,
        var(--hero-ink) 74%,
        #04182e 100%
      );
  }

  .home-hero > .hero-scene-wash {
    -webkit-mask-image: none;
    mask-image: none;
  }

  .home-hero > .hero-scene img {
    object-position: 70% 44%;
    filter: saturate(.84) contrast(1.03) brightness(.82);
    transform: none !important;
    -webkit-mask-image: none;
    mask-image: none;
  }

  .home-hero > .hero-scene-wash {
    background:
      linear-gradient(
        180deg,
        rgba(4, 23, 45, .98) 0%,
        rgba(4, 23, 45, .93) 36%,
        rgba(4, 23, 45, .69) 53%,
        rgba(4, 23, 45, .26) 70%,
        rgba(4, 23, 45, .52) 86%,
        rgba(4, 23, 45, .9) 100%
      ),
      linear-gradient(90deg, rgba(3, 18, 37, .44) 0%, transparent 84%);
  }

  .home-hero .hero-copy {
    padding-block: 88px 142px;
  }

  .hero-proof-section {
    margin-top: -42px;
    padding: 0 0 36px;
    background: linear-gradient(
      180deg,
      transparent 0 42px,
      #f7f9fb 42px 100%
    );
  }

  .hero-proof-section .hero-proof-bar {
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
  }
}

@media (max-width: 560px) {
  .home-hero > .hero-scene img {
    object-position: 72% 42%;
  }

  .hero-proof-section {
    margin-top: -32px;
    padding: 0 0 30px;
    background: linear-gradient(
      180deg,
      transparent 0 32px,
      #f7f9fb 32px 100%
    );
  }

  .hero-proof-section .hero-proof-bar {
    border-radius: 20px;
    box-shadow: 0 12px 28px rgba(8, 31, 53, .11);
  }
}

/* Homepage design system v1: one safe width, one type scale, one section rhythm. */
.site-root:has(> main > .home-hero) {
  --header-height: 76px;
  --home-content-max: 1400px;
  --home-inline-space: clamp(32px, 4.4vw, 64px);
  --home-section-y: clamp(88px, 7vw, 112px);
  --home-heading-gap: clamp(40px, 4vw, 56px);
  --home-grid-gap: clamp(18px, 2vw, 28px);
  --home-hero-title: clamp(44px, 4.25vw, 64px);
  --home-section-title: clamp(38px, 3.25vw, 52px);
  --home-card-title: clamp(20px, 1.5vw, 24px);
  --home-lead: 16px;
  --home-ink: #0b2239;
  --home-muted: #617287;
  --home-line: #dce5ed;
  --home-surface: #fff;
  --home-surface-muted: #f4f7fa;
  --home-dark: #04192f;
  --home-dark-alt: #062744;
  --home-accent: #0b817b;
  --home-gold: #c79a49;
  --home-radius-panel: 28px;
  --home-radius-card: 20px;
  --home-radius-control: 12px;
  --home-shadow-card:
    0 1px 2px rgba(7, 31, 55, .03),
    0 14px 38px rgba(7, 31, 55, .075);
  --home-shadow-panel:
    0 24px 64px rgba(7, 31, 55, .11);
  font-family:
    Inter,
    "PingFang SC",
    "Microsoft YaHei",
    "Noto Sans CJK SC",
    "Source Han Sans SC",
    system-ui,
    sans-serif;
}

.site-root:has(> main > .home-hero) .site-container {
  width: min(
    calc(100% - var(--home-inline-space)),
    var(--home-content-max)
  );
  margin-inline: auto;
}

.site-root:has(> main > .home-hero) :is(
  #terminals,
  #operations,
  #security
) > .site-container {
  width: min(
    calc(100% - var(--home-inline-space)),
    var(--home-content-max)
  ) !important;
  max-width: var(--home-content-max) !important;
}

.site-root:has(> main > .home-hero) .site-header,
.site-root:has(> main > .home-hero) .header-inner {
  height: var(--header-height);
  min-height: var(--header-height);
}

.site-root:has(> main > .home-hero) main > :is(
  #roles,
  #lifecycle,
  #terminals,
  #capabilities,
  #operations,
  #scenarios,
  #security,
  .faq-section,
  #contact
) {
  padding-block: var(--home-section-y);
}

.site-root:has(> main > .home-hero) main > section[id] {
  scroll-margin-top: calc(var(--header-height) + 12px);
}

.site-root:has(> main > .home-hero) main > section .eyebrow {
  margin-bottom: 16px;
  font-size: 11px;
  font-weight: 700;
  line-height: 1.35;
  letter-spacing: .13em;
}

.site-root:has(> main > .home-hero) main > section .eyebrow > span {
  width: 28px;
  height: 1px;
  background: linear-gradient(90deg, var(--home-accent), var(--home-gold));
}

.site-root:has(> main > .home-hero) .home-hero .hero-title {
  max-width: 860px;
  color: #fff;
  white-space: normal;
  text-wrap: balance;
  font-size: var(--home-hero-title);
  font-weight: 700;
  line-height: 1.06;
  letter-spacing: -.04em;
}

.site-root:has(> main > .home-hero) .home-hero .hero-description {
  max-width: 640px;
  font-size: 17px;
  font-weight: 400;
  line-height: 1.78;
}

@media (min-width: 1061px) {
  .site-root:has(> main > .home-hero) .home-hero-grid {
    grid-template-columns: minmax(0, 860px) minmax(0, 1fr);
  }

  .site-root:has(> main > .home-hero) .hero-copy {
    width: 100%;
    max-width: 860px;
  }
}

.site-root:has(> main > .home-hero) main > section :is(
  .section-heading h2,
  #operations .ops-copy h2,
  #security .security-copy h2,
  .faq-title h2,
  #contact .contact-copy h2
) {
  max-width: 880px;
  color: var(--home-ink);
  white-space: normal;
  text-wrap: balance;
  font-size: var(--home-section-title);
  font-weight: 700;
  line-height: 1.1;
  letter-spacing: -.035em;
}

.site-root:has(> main > .home-hero) main > section :is(
  #lifecycle h3,
  #capabilities h3,
  #scenarios h3,
  #contact h3
),
.site-root:has(> main > .home-hero) .site-footer h2 {
  white-space: normal;
  text-wrap: balance;
}

.site-root:has(> main > .home-hero) #terminals .terminal-tabs h3 {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.site-root:has(> main > .home-hero) main > section :is(
  .section-heading > p,
  #operations .ops-copy > p:not(.eyebrow),
  #security .security-copy > p:not(.eyebrow),
  .faq-title > p:not(.eyebrow),
  #contact .contact-copy-top > p
) {
  max-width: 560px;
  font-size: var(--home-lead);
  font-weight: 400;
  line-height: 1.78;
}

.site-root:has(> main > .home-hero) main > :is(
  #roles,
  #lifecycle,
  #terminals,
  #capabilities,
  #scenarios
) .section-heading {
  grid-template-columns: minmax(0, 1.18fr) minmax(320px, .82fr);
  align-items: end;
  gap: clamp(48px, 6vw, 88px);
  margin-bottom: var(--home-heading-gap);
}

.site-root:has(> main > .home-hero)
main > :is(#roles, #lifecycle, #terminals, #capabilities, #scenarios)
.section-heading:not(:has(> p)) {
  grid-template-columns: minmax(0, 1fr);
}

.site-root:has(> main > .home-hero) #terminals .section-heading > p {
  border-left: 0;
  padding-left: 0;
}

.site-root:has(> main > .home-hero) #terminals .section-heading h2,
.site-root:has(> main > .home-hero) #operations .ops-copy h2,
.site-root:has(> main > .home-hero) #contact .contact-copy h2 {
  color: #fff;
}

.site-root:has(> main > .home-hero) #terminals .section-heading > p,
.site-root:has(> main > .home-hero) #operations .ops-copy > p:not(.eyebrow),
.site-root:has(> main > .home-hero) #contact .contact-copy-top > p {
  color: #b9c8d7;
}

.site-root:has(> main > .home-hero) #operations .ops-copy,
.site-root:has(> main > .home-hero)
#security .security-layout.has-security-architecture .security-copy {
  grid-template-columns: minmax(0, 1.18fr) minmax(340px, .82fr);
  column-gap: clamp(48px, 6vw, 88px);
}

.site-root:has(> main > .home-hero) .button {
  min-height: 48px;
  border-radius: var(--home-radius-control);
  padding-inline: 22px;
  font-size: 14px;
  font-weight: 700;
}

.site-root:has(> main > .home-hero) .button-small {
  min-height: 40px;
  border-radius: 10px;
}

.site-root:has(> main > .home-hero) :is(
  #roles .role-network-canvas,
  #terminals .terminal-layout,
  #operations .admin-ui-gallery,
  #security .trust-architecture-canvas,
  #contact .contact-shell
) {
  border-radius: var(--home-radius-panel);
}

.site-root:has(> main > .home-hero) :is(
  #terminals .terminal-stage,
  #capabilities .capability-card,
  .hero-proof-bar,
  #contact .lead-form
) {
  border-radius: var(--home-radius-card);
}

.site-root:has(> main > .home-hero) :is(
  .hero-proof-bar,
  #capabilities .capability-card,
  #contact .lead-form
) {
  box-shadow: var(--home-shadow-card);
}

.site-root:has(> main > .home-hero) :is(
  #roles .role-network-canvas,
  #security .trust-architecture-canvas
) {
  box-shadow: var(--home-shadow-panel);
}

.site-root:has(> main > .home-hero)
main > :is(#roles, #capabilities, #security) {
  background:
    radial-gradient(circle at 88% 6%, rgba(34, 111, 162, .045), transparent 30rem),
    linear-gradient(180deg, #f8fafc, var(--home-surface-muted));
}

.site-root:has(> main > .home-hero)
main > :is(#lifecycle, #scenarios, .faq-section) {
  background: var(--home-surface);
}

.site-root:has(> main > .home-hero) #terminals {
  background:
    radial-gradient(circle at 86% 8%, rgba(32, 137, 158, .14), transparent 32rem),
    linear-gradient(145deg, var(--home-dark), var(--home-dark-alt));
}

.site-root:has(> main > .home-hero) #operations {
  background:
    radial-gradient(circle at 12% 92%, rgba(13, 165, 142, .1), transparent 28rem),
    radial-gradient(circle at 88% 10%, rgba(27, 108, 156, .16), transparent 32rem),
    linear-gradient(145deg, #04182f, #07304f);
}

.site-root:has(> main > .home-hero) #contact {
  background:
    radial-gradient(circle at 16% 30%, rgba(24, 135, 127, .16), transparent 31rem),
    var(--home-dark);
}

/* Lifecycle: one connected journey instead of seven disconnected labels. */
.site-root:has(> main > .home-hero) #lifecycle {
  isolation: isolate;
  position: relative;
  overflow: hidden;
}

.site-root:has(> main > .home-hero) #lifecycle:before {
  content: "";
  z-index: -1;
  opacity: .32;
  pointer-events: none;
  background-image:
    linear-gradient(rgba(57, 107, 143, .06) 1px, transparent 1px),
    linear-gradient(90deg, rgba(57, 107, 143, .06) 1px, transparent 1px);
  background-size: 56px 56px;
  position: absolute;
  inset: 0;
  -webkit-mask-image: radial-gradient(circle at 50% 58%, #000, transparent 74%);
  mask-image: radial-gradient(circle at 50% 58%, #000, transparent 74%);
}

.site-root:has(> main > .home-hero) #lifecycle .section-heading h2 {
  color: var(--home-ink);
}

.site-root:has(> main > .home-hero) #lifecycle .lifecycle-track {
  isolation: isolate;
  background:
    radial-gradient(circle at 0 0, rgba(14, 145, 136, .075), transparent 24rem),
    linear-gradient(180deg, #fff, #f8fafc);
  border: 1px solid var(--home-line);
  border-radius: var(--home-radius-panel);
  grid-template-columns: repeat(7, minmax(0, 1fr));
  gap: 0;
  min-height: 286px;
  padding: 0;
  position: relative;
  overflow: hidden;
  box-shadow: var(--home-shadow-panel);
}

.site-root:has(> main > .home-hero) #lifecycle .lifecycle-track:before {
  content: "";
  z-index: 1;
  background:
    linear-gradient(90deg, #0e9d92 0%, #2b78d0 52%, #d1a858 76%, #0e9d92 100%);
  height: 2px;
  position: absolute;
  top: 52px;
  right: 5.5%;
  left: 5.5%;
  box-shadow: 0 0 0 5px rgba(24, 120, 154, .045);
}

.site-root:has(> main > .home-hero) #lifecycle .lifecycle-track article {
  z-index: 2;
  min-width: 0;
  min-height: 286px;
  background: rgba(255, 255, 255, .42);
  border: 0;
  border-left: 1px solid rgba(214, 226, 235, .86);
  padding: 28px 20px 26px;
  position: relative;
  transition: background-color .25s ease, transform .25s ease;
}

.site-root:has(> main > .home-hero) #lifecycle .lifecycle-track article:first-child {
  border-left: 0;
}

.site-root:has(> main > .home-hero) #lifecycle .lifecycle-track article:nth-child(4) {
  background:
    radial-gradient(circle at 50% 20%, rgba(47, 116, 220, .1), transparent 10rem),
    rgba(245, 249, 252, .86);
}

.site-root:has(> main > .home-hero) #lifecycle .lifecycle-track article:after {
  content: "";
  opacity: 0;
  background: linear-gradient(90deg, #0e9d92, #3779cf);
  height: 3px;
  transition: opacity .25s ease;
  position: absolute;
  top: 0;
  right: 20px;
  left: 20px;
}

.site-root:has(> main > .home-hero) #lifecycle .lifecycle-track article:hover {
  z-index: 3;
  background-color: #fff;
  transform: translateY(-2px);
}

.site-root:has(> main > .home-hero) #lifecycle .lifecycle-track article:hover:after {
  opacity: 1;
}

.site-root:has(> main > .home-hero) #lifecycle .lifecycle-track article > div {
  align-items: flex-start;
  height: 56px;
  display: flex;
  position: relative;
}

.site-root:has(> main > .home-hero) #lifecycle .lifecycle-track article > div > span {
  z-index: 2;
  place-items: center;
  width: 48px;
  height: 48px;
  color: #fff;
  background: linear-gradient(145deg, #0d8f88, #08656e);
  border: 5px solid #edf8f6;
  border-radius: 15px;
  font-size: 12px;
  font-weight: 700;
  display: grid;
  position: relative;
  box-shadow: 0 12px 24px rgba(9, 72, 85, .2);
}

.site-root:has(> main > .home-hero)
#lifecycle .lifecycle-track article:nth-child(n+2):nth-child(-n+4) > div > span {
  background: linear-gradient(145deg, #153956, #0b2745);
  border-color: #edf3f8;
}

.site-root:has(> main > .home-hero)
#lifecycle .lifecycle-track article:nth-child(5) > div > span {
  color: #3f2b08;
  background: linear-gradient(145deg, #e5c071, #bf8f38);
  border-color: #fbf6eb;
}

.site-root:has(> main > .home-hero)
#lifecycle .lifecycle-track article:nth-child(6) > div > span {
  background: linear-gradient(145deg, #2d70bc, #173c73);
  border-color: #edf3f9;
}

.site-root:has(> main > .home-hero) #lifecycle .lifecycle-track article > div > i {
  z-index: 3;
  place-items: center;
  width: 24px;
  height: 24px;
  color: #71869a;
  background: #fff;
  border: 1px solid #d8e3ec;
  border-radius: 50%;
  display: grid;
  position: absolute;
  top: 12px;
  right: -33px;
  box-shadow: 0 6px 16px rgba(8, 35, 58, .09);
}

.site-root:has(> main > .home-hero) #lifecycle .lifecycle-track article > div > i svg {
  width: 12px;
  height: 12px;
}

.site-root:has(> main > .home-hero) #lifecycle .lifecycle-track h3 {
  margin-top: 23px;
  color: var(--home-ink);
  font-size: clamp(17px, 1.28vw, 20px);
  font-weight: 700;
  line-height: 1.22;
  letter-spacing: -.025em;
}

.site-root:has(> main > .home-hero) #lifecycle .lifecycle-track p {
  margin-top: 12px;
  color: var(--home-muted);
  font-size: 13px;
  font-weight: 400;
  line-height: 1.7;
}

/* Scenario paths: a deliberate decision panel rather than loose rows. */
.site-root:has(> main > .home-hero) #scenarios .section-heading h2 {
  max-width: 1080px !important;
}

.site-root:has(> main > .home-hero) #scenarios .scenario-list {
  background:
    radial-gradient(circle at 100% 0, rgba(15, 132, 124, .045), transparent 24rem),
    #fff;
  border: 1px solid var(--home-line);
  border-radius: var(--home-radius-panel);
  padding-inline: 24px;
  overflow: hidden;
  box-shadow: var(--home-shadow-card);
}

.site-root:has(> main > .home-hero) #scenarios .scenario-list > a {
  grid-template-columns: 64px minmax(0, 1fr) minmax(190px, auto) 52px;
  gap: 28px;
  min-height: 128px;
  border-bottom: 1px solid var(--home-line);
  padding: 24px 12px;
  position: relative;
}

.site-root:has(> main > .home-hero) #scenarios .scenario-list > a:last-child {
  border-bottom: 0;
}

.site-root:has(> main > .home-hero) #scenarios .scenario-list > a:before {
  content: "";
  opacity: 0;
  background: linear-gradient(180deg, var(--home-accent), #3a79cf);
  border-radius: 0 4px 4px 0;
  width: 3px;
  transition: opacity .22s ease;
  position: absolute;
  top: 20px;
  bottom: 20px;
  left: -24px;
}

.site-root:has(> main > .home-hero) #scenarios .scenario-list > a:hover:before {
  opacity: 1;
}

.site-root:has(> main > .home-hero) #scenarios .scenario-list > a > span {
  color: var(--home-gold);
  font-size: 12px;
  font-weight: 700;
  letter-spacing: .08em;
}

.site-root:has(> main > .home-hero) #scenarios .scenario-list h3 {
  color: var(--home-ink);
  font-size: var(--home-card-title);
  font-weight: 700;
  line-height: 1.25;
  letter-spacing: -.025em;
}

.site-root:has(> main > .home-hero) #scenarios .scenario-list p {
  margin-top: 10px;
  color: var(--home-muted);
  font-size: 14px;
  line-height: 1.7;
}

.site-root:has(> main > .home-hero) #scenarios .scenario-list > a > b {
  justify-self: start;
  color: var(--home-accent);
  background: #eaf7f5;
  border-radius: 999px;
  padding: 8px 12px;
  font-size: 11px;
  font-weight: 700;
}

.site-root:has(> main > .home-hero) #scenarios .scenario-list > a > i {
  border-color: #d5e1e7;
  transition: color .22s ease, background-color .22s ease, transform .22s ease;
}

.site-root:has(> main > .home-hero) #scenarios .scenario-list > a:hover > i {
  color: #fff;
  background: var(--home-accent);
  border-color: var(--home-accent);
  transform: translateX(3px);
}

/* FAQ: one calm enterprise panel with predictable controls. */
.site-root:has(> main > .home-hero) .faq-layout {
  grid-template-columns: minmax(280px, .72fr) minmax(0, 1.28fr);
  gap: clamp(54px, 7vw, 112px);
}

.site-root:has(> main > .home-hero) .faq-title h2 {
  max-width: 520px;
}

.site-root:has(> main > .home-hero) .faq-list {
  background: #fff;
  border: 1px solid var(--home-line);
  border-radius: var(--home-radius-panel);
  overflow: hidden;
  box-shadow: var(--home-shadow-card);
}

.site-root:has(> main > .home-hero) .faq-item,
.site-root:has(> main > .home-hero) .faq-item.open {
  border: 0;
  border-bottom: 1px solid var(--home-line);
  border-radius: 0;
}

.site-root:has(> main > .home-hero) .faq-item:last-child {
  border-bottom: 0;
}

.site-root:has(> main > .home-hero) .faq-item button {
  min-height: 80px;
  padding-inline: 24px;
}

.site-root:has(> main > .home-hero) .faq-item button > span {
  font-size: 15px;
  font-weight: 700;
}

.site-root:has(> main > .home-hero) .faq-item button i {
  flex: none;
  width: 34px;
  height: 34px;
}

.site-root:has(> main > .home-hero) .faq-answer p {
  color: var(--home-muted);
  font-size: 14px;
  line-height: 1.78;
}

@media (max-width: 1060px) {
  .site-root:has(> main > .home-hero) {
    --header-height: 72px;
  }

  .site-root:has(> main > .home-hero)
  main > :is(#roles, #lifecycle, #terminals, #capabilities, #scenarios)
  .section-heading {
    grid-template-columns: 1fr;
    gap: 18px;
  }

  .site-root:has(> main > .home-hero)
  main > :is(#roles, #lifecycle, #terminals, #capabilities, #scenarios)
  .section-heading > p {
    max-width: 720px;
  }

  .site-root:has(> main > .home-hero) #lifecycle .lifecycle-track {
    scrollbar-width: none;
    grid-template-columns: repeat(7, minmax(184px, 1fr));
    scroll-snap-type: x mandatory;
    overflow-x: auto;
  }

  .site-root:has(> main > .home-hero) #lifecycle .lifecycle-track::-webkit-scrollbar {
    display: none;
  }

  .site-root:has(> main > .home-hero) #lifecycle .lifecycle-track article {
    scroll-snap-align: start;
  }

  .site-root:has(> main > .home-hero) #scenarios .scenario-list > a {
    grid-template-columns: 54px minmax(0, 1fr) auto 46px;
    gap: 20px;
  }
}

@media (max-width: 900px) {
  .site-root:has(> main > .home-hero) {
    --home-section-y: 80px;
    --home-section-title: clamp(32px, 6.3vw, 44px);
  }

  .site-root:has(> main > .home-hero) #operations .ops-copy,
  .site-root:has(> main > .home-hero)
  #security .security-layout.has-security-architecture .security-copy {
    grid-template-columns: 1fr;
    grid-template-rows: auto;
    gap: 0;
  }

  .site-root:has(> main > .home-hero) #operations .ops-copy > *,
  .site-root:has(> main > .home-hero)
  #security .security-layout.has-security-architecture .security-copy > * {
    grid-area: auto / 1;
  }

  .site-root:has(> main > .home-hero) .faq-layout {
    grid-template-columns: 1fr;
    gap: 36px;
  }
}

@media (max-width: 760px) {
  .site-root:has(> main > .home-hero) #scenarios .scenario-list {
    padding-inline: 18px;
  }

  .site-root:has(> main > .home-hero) #scenarios .scenario-list > a {
    grid-template-columns: 42px minmax(0, 1fr) 42px;
    gap: 14px;
    padding-block: 22px;
  }

  .site-root:has(> main > .home-hero) #scenarios .scenario-list > a > b {
    grid-column: 2 / 3;
    margin-top: -4px;
  }

  .site-root:has(> main > .home-hero) #scenarios .scenario-list > a > i {
    grid-area: 1 / 3 / 3 / 4;
  }
}

@media (max-width: 680px) {
  .site-root:has(> main > .home-hero) {
    --header-height: 64px;
    --home-inline-space: 40px;
    --home-section-y: 64px;
    --home-heading-gap: 30px;
    --home-hero-title: clamp(36px, 10vw, 48px);
    --home-section-title: clamp(30px, 8vw, 40px);
    --home-lead: 15px;
    --home-radius-panel: 20px;
    --home-radius-card: 18px;
  }

  .site-root:has(> main > .home-hero) .home-hero .hero-description {
    font-size: 15px;
    line-height: 1.72;
  }

  .site-root:has(> main > .home-hero) #lifecycle .lifecycle-track {
    grid-template-columns: 1fr;
    min-height: 0;
    overflow: hidden;
  }

  .site-root:has(> main > .home-hero) #lifecycle .lifecycle-track:before {
    width: 2px;
    height: auto;
    top: 34px;
    right: auto;
    bottom: 34px;
    left: 47px;
  }

  .site-root:has(> main > .home-hero) #lifecycle .lifecycle-track article {
    grid-template-columns: minmax(90px, .8fr) minmax(0, 1.2fr);
    align-items: center;
    column-gap: 12px;
    min-height: 116px;
    border-top: 1px solid var(--home-line);
    border-left: 0;
    padding: 24px 20px 24px 86px;
  }

  .site-root:has(> main > .home-hero) #lifecycle .lifecycle-track article:first-child {
    border-top: 0;
  }

  .site-root:has(> main > .home-hero) #lifecycle .lifecycle-track article:after {
    width: 3px;
    height: auto;
    top: 20px;
    right: auto;
    bottom: 20px;
    left: 0;
  }

  .site-root:has(> main > .home-hero) #lifecycle .lifecycle-track article > div {
    width: 48px;
    height: 48px;
    position: absolute;
    top: 23px;
    left: 22px;
  }

  .site-root:has(> main > .home-hero) #lifecycle .lifecycle-track article > div > i {
    display: none;
  }

  .site-root:has(> main > .home-hero) #lifecycle .lifecycle-track h3 {
    margin-top: 0;
    font-size: 18px;
  }

  .site-root:has(> main > .home-hero) #lifecycle .lifecycle-track p {
    margin-top: 8px;
  }

  .site-root:has(> main > .home-hero) .faq-item button {
    min-height: 72px;
    padding-inline: 18px;
  }

  .site-root:has(> main > .home-hero) .mobile-cta {
    display: none;
  }
}

@media (max-width: 360px) {
  .site-root:has(> main > .home-hero) #lifecycle .lifecycle-track article {
    grid-template-columns: 1fr;
    align-content: center;
    row-gap: 5px;
  }

  .site-root:has(> main > .home-hero) #lifecycle .lifecycle-track p {
    margin-top: 0;
  }
}

/* Explicit color roles after legacy high-specificity section rules. */
.site-root:has(> main > .home-hero)
main > :is(#roles, #lifecycle, #capabilities, #scenarios)
.section-heading > p {
  color: var(--home-muted) !important;
}

.site-root:has(> main > .home-hero) #terminals .section-heading h2,
.site-root:has(> main > .home-hero) #operations .ops-copy h2,
.site-root:has(> main > .home-hero) #contact .contact-copy h2 {
  color: #fff !important;
}

.site-root:has(> main > .home-hero) .faq-title > p:not(.eyebrow),
.site-root:has(> main > .home-hero)
#security .security-copy > p:not(.eyebrow) {
  color: var(--home-muted) !important;
}

/* Homepage heading layout v2: full-width title row, supporting copy below. */
@media (min-width: 1061px) {
  .site-root:has(> main > .home-hero)
  main > :is(#roles, #lifecycle, #terminals, #capabilities, #scenarios)
  .section-heading {
    grid-template-columns: minmax(0, 1fr);
    grid-template-rows: auto auto;
    align-items: start;
    gap: 0;
    margin-bottom: clamp(42px, 4vw, 56px);
  }

  .site-root:has(> main > .home-hero)
  main > :is(#roles, #lifecycle, #terminals, #capabilities, #scenarios)
  .section-heading > div {
    width: 100%;
    max-width: none;
  }

  .site-root:has(> main > .home-hero)
  main > :is(#roles, #lifecycle, #terminals, #capabilities, #scenarios)
  .section-heading h2 {
    width: 100%;
    max-width: none !important;
    white-space: nowrap !important;
    text-wrap: nowrap !important;
  }

  .site-root:has(> main > .home-hero)
  main > :is(#roles, #lifecycle, #terminals, #capabilities, #scenarios)
  .section-heading > p {
    width: min(100%, 820px);
    max-width: 820px !important;
    margin-top: 22px;
    padding-left: 0;
  }

  .site-root:has(> main > .home-hero) #operations .ops-copy {
    grid-template-columns: minmax(0, 760px) minmax(320px, 1fr) !important;
    grid-template-rows: auto auto auto auto !important;
    align-items: start;
    column-gap: clamp(48px, 6vw, 88px);
  }

  .site-root:has(> main > .home-hero) #operations .ops-copy .eyebrow {
    grid-area: 1 / 1 / 2 / 3 !important;
    align-self: start;
  }

  .site-root:has(> main > .home-hero) #operations .ops-copy h2 {
    grid-area: 2 / 1 / 3 / 3 !important;
    width: 100%;
    max-width: none !important;
    white-space: nowrap !important;
    text-wrap: nowrap !important;
  }

  .site-root:has(> main > .home-hero)
  #operations .ops-copy > p:not(.eyebrow) {
    grid-area: 3 / 1 / 4 / 2 !important;
    align-self: start;
    width: min(100%, 760px);
    max-width: 760px;
    margin-top: 22px !important;
  }

  .site-root:has(> main > .home-hero) #operations .ops-copy ul {
    grid-area: 3 / 2 / 5 / 3 !important;
    align-self: start;
    margin-top: 22px !important;
  }

  .site-root:has(> main > .home-hero) #operations .ops-copy .text-link {
    grid-area: 4 / 1 / 5 / 2 !important;
    margin-top: 18px;
  }

  .site-root:has(> main > .home-hero) #security .security-copy {
    grid-template-columns: minmax(0, 1fr) !important;
    grid-template-rows: auto auto auto auto !important;
    align-items: start;
    max-width: none;
    column-gap: 0;
  }

  .site-root:has(> main > .home-hero) #security .security-copy .eyebrow {
    grid-area: 1 / 1 !important;
    align-self: start;
  }

  .site-root:has(> main > .home-hero) #security .security-copy h2 {
    grid-area: 2 / 1 !important;
    width: 100%;
    max-width: none !important;
    white-space: nowrap !important;
    text-wrap: nowrap !important;
  }

  .site-root:has(> main > .home-hero)
  #security .security-copy > p:not(.eyebrow) {
    grid-area: 3 / 1 !important;
    align-self: start;
    width: min(100%, 820px);
    max-width: 820px;
    margin-top: 22px !important;
  }

  .site-root:has(> main > .home-hero) #security .security-copy .text-link {
    grid-area: 4 / 1 !important;
    justify-self: start;
    margin-top: 16px;
  }

  .site-root:has(> main > .home-hero) :is(
    .home-hero .hero-title,
    .faq-title h2,
    #contact .contact-copy h2
  ) {
    white-space: nowrap !important;
    text-wrap: nowrap !important;
  }

  .site-root:has(> main > .home-hero) .lang-en #contact .contact-copy h2,
  .site-root.lang-en:has(> main > .home-hero) #contact .contact-copy h2 {
    font-size: clamp(34px, 2.4vw, 38px);
  }

  .site-root.lang-en:has(> main > .home-hero) .faq-title h2 {
    font-size: min(var(--home-section-title), 50px) !important;
  }
}

/* Brand identity v2: supplied Xianbao Alumni Association logo. */
.brand-lockup {
  gap: 0;
  min-width: 0;
}

.brand-logo-image {
  display: block;
  width: auto;
  height: 36px;
  max-width: none;
  object-fit: contain;
}

.site-header .brand-link {
  min-width: 0;
}

.site-header .brand-lockup,
.site-footer .brand-lockup {
  background: #fff;
  border: 1px solid rgba(196, 214, 238, 0.9);
  box-shadow: 0 8px 24px rgba(1, 19, 39, 0.16);
}

.site-header .brand-lockup {
  border-radius: 12px;
  padding: 6px 10px;
}

.site-footer .brand-lockup {
  border-radius: 14px;
  padding: 9px 14px;
}

.site-footer .brand-logo-image {
  height: 42px;
}

@media (max-width: 760px) {
  .site-header .brand-lockup {
    border-radius: 10px;
    padding: 5px 8px;
  }

  .site-header .brand-logo-image {
    height: 30px;
  }

  .site-footer .brand-logo-image {
    height: 36px;
  }
}

/* Brand palette v3: Klein blue foundation with Xianbao orange accents. */
:root {
  --brand-primary: #002fa7;
  --brand-primary-hover: #00257f;
  --brand-primary-light: #eef2ff;
  --brand-primary-line: #c8d5ff;
  --brand-accent: #fc9820;
  --brand-accent-hover: #e8820c;
  --brand-accent-text: #b85a00;
  --brand-accent-light: #fff1df;
  --brand-dark: #00143d;
  --brand-dark-alt: #00216f;
  --brand-canvas: #f5f7fc;
  --semantic-success: #22b573;

  --navy-950: var(--brand-dark);
  --navy-900: var(--brand-dark-alt);
  --navy-800: var(--brand-primary);
  --ink: #071a40;
  --muted: #5f6d84;
  --teal: var(--brand-primary);
  --teal-dark: var(--brand-primary-hover);
  --teal-soft: var(--brand-primary-light);
  --coral: var(--brand-accent);
  --coral-soft: var(--brand-accent-light);
  --sky: #315cc1;
  --sky-soft: #edf2ff;
  --gold: var(--brand-accent);
  --gold-soft: var(--brand-accent-light);
  --lemon: var(--brand-accent);
  --paper: #fff;
  --canvas: var(--brand-canvas);
  --canvas-strong: #edf2fb;
  --line: #d8e1f2;
  --shadow: 0 24px 64px rgba(0, 34, 112, 0.12);

  --brand-ink: var(--brand-dark);
  --brand-navy: var(--brand-dark-alt);
  --brand-blue: var(--brand-primary);
  --brand-blue-dark: var(--brand-primary-hover);
  --brand-teal: var(--brand-primary);
  --brand-gold: var(--brand-accent);
  --brand-line: var(--brand-primary-line);
  --brand-text: #071a40;
  --brand-muted: #5f6d84;

  --v150-navy-950: var(--brand-dark);
  --v150-navy-900: var(--brand-dark-alt);
  --v150-navy-800: var(--brand-primary);
  --v150-blue: var(--brand-primary);
  --v150-cyan: var(--brand-accent);
  --v150-ink: #071a40;
  --v150-muted: #5f6d84;
  --v150-line: #d8e1f2;
}

html,
body,
.site-root {
  background-color: var(--brand-canvas);
}

.site-root {
  background:
    radial-gradient(circle at 6% 7%, rgba(0, 47, 167, 0.07), transparent 24rem),
    var(--brand-canvas);
}

::selection {
  color: #fff;
  background: rgba(252, 152, 32, 0.68);
}

.site-header {
  color: #fff;
  background: rgba(0, 47, 167, 0.96);
  border-bottom-color: rgba(255, 255, 255, 0.18);
  box-shadow: 0 9px 30px rgba(0, 20, 61, 0.24);
}

.desktop-nav > a,
.nav-cluster > a,
.language-switch,
.nav-chevron {
  color: rgba(255, 255, 255, 0.78);
}

.desktop-nav > a:hover,
.nav-cluster:hover > a,
.desktop-nav > a.active,
.nav-cluster > a.active {
  color: #fff;
}

.desktop-nav > a:after,
.nav-cluster > a:after {
  background: var(--brand-accent);
}

.language-dot {
  background: var(--brand-accent);
  border-color: var(--brand-accent);
}

.site-header .brand-lockup,
.site-footer .brand-lockup {
  border-color: rgba(252, 152, 32, 0.5);
}

.nav-dropdown {
  border-color: var(--brand-primary-line);
  box-shadow: 0 24px 64px rgba(0, 24, 83, 0.22);
}

.nav-dropdown-intro {
  background:
    radial-gradient(circle at 82% 16%, rgba(252, 152, 32, 0.28), transparent 42%),
    linear-gradient(145deg, var(--brand-primary), var(--brand-dark));
}

.nav-dropdown-intro small {
  color: #ffb75c;
}

.nav-dropdown-links a:hover {
  color: var(--brand-primary);
  background: var(--brand-primary-light);
}

.button-primary,
.button-coral,
#contact .contact-submit,
.mobile-cta {
  color: #1d2740;
  background: linear-gradient(135deg, #ffad45, var(--brand-accent));
  border-color: transparent;
  box-shadow: 0 15px 34px rgba(252, 152, 32, 0.32);
}

.button-primary:hover,
.button-coral:hover,
#contact .contact-submit:hover,
.mobile-cta:hover {
  color: #152039;
  background: linear-gradient(135deg, var(--brand-accent), var(--brand-accent-hover));
  box-shadow: 0 20px 44px rgba(252, 152, 32, 0.4);
}

.button-quiet {
  color: var(--brand-primary);
  border-color: var(--brand-primary-line);
  background: rgba(255, 255, 255, 0.94);
}

.text-link {
  color: var(--brand-accent-text);
}

.eyebrow {
  color: var(--brand-primary-hover);
}

.eyebrow > span {
  background: linear-gradient(90deg, var(--brand-primary), var(--brand-accent));
}

.eyebrow-light,
.text-link.light,
.home-hero .eyebrow,
#terminals .eyebrow,
#operations .eyebrow,
#contact .eyebrow,
.detail-hero .eyebrow,
.detail-process .eyebrow {
  color: #ffb75c;
}

.home-hero .button-quiet,
.detail-hero .button-quiet {
  color: #fff;
  background: rgba(0, 20, 61, 0.48);
  border-color: rgba(255, 255, 255, 0.42);
}

.home-hero {
  background: var(--brand-primary);
}

.home-hero > .hero-scene-wash {
  background:
    radial-gradient(
      ellipse 84% 128% at 11% 44%,
      rgba(0, 20, 61, 0.99) 0%,
      rgba(0, 33, 111, 0.94) 35%,
      rgba(0, 47, 167, 0.68) 57%,
      rgba(0, 47, 167, 0.2) 78%,
      transparent 100%
    ),
    linear-gradient(
      90deg,
      rgba(0, 20, 61, 0.28) 0%,
      transparent 63%,
      rgba(0, 47, 167, 0.2) 82%,
      rgba(0, 20, 61, 0.46) 100%
    ),
    linear-gradient(
      180deg,
      rgba(0, 20, 61, 0.28) 0%,
      transparent 30%,
      transparent 66%,
      rgba(0, 20, 61, 0.7) 100%
    );
}

.hero-trust svg,
.detail-proof svg {
  color: var(--brand-accent);
}

.hero-proof-section {
  background: linear-gradient(
    180deg,
    transparent 0 58px,
    var(--brand-canvas) 58px 100%
  );
}

.hero-proof-section .hero-proof-bar {
  border-color: var(--brand-primary-line);
  box-shadow: 0 16px 42px rgba(0, 34, 112, 0.13);
}

.hero-proof-bar strong {
  color: var(--brand-primary);
}

.site-root:has(> main > .home-hero) {
  --home-ink: #071a40;
  --home-muted: #5f6d84;
  --home-line: #d8e1f2;
  --home-surface: #fff;
  --home-surface-muted: #f2f5fb;
  --home-dark: var(--brand-dark);
  --home-dark-alt: var(--brand-primary);
  --home-accent: var(--brand-primary);
  --home-gold: var(--brand-accent);
  --home-shadow-card:
    0 1px 2px rgba(0, 34, 112, 0.04),
    0 16px 42px rgba(0, 34, 112, 0.09);
  --home-shadow-panel: 0 26px 70px rgba(0, 34, 112, 0.14);
}

.site-root:has(> main > .home-hero)
main > :is(#roles, #capabilities, #security) {
  background:
    radial-gradient(circle at 88% 6%, rgba(0, 47, 167, 0.07), transparent 30rem),
    linear-gradient(180deg, #f8faff, #f2f5fb);
}

.site-root:has(> main > .home-hero)
main > :is(#lifecycle, #scenarios, .faq-section) {
  background: #fff;
}

.site-root:has(> main > .home-hero) #terminals {
  background:
    radial-gradient(circle at 86% 8%, rgba(252, 152, 32, 0.14), transparent 31rem),
    linear-gradient(145deg, var(--brand-primary), var(--brand-dark-alt) 58%, var(--brand-dark));
}

.site-root:has(> main > .home-hero) #operations {
  background:
    radial-gradient(circle at 12% 92%, rgba(252, 152, 32, 0.11), transparent 28rem),
    radial-gradient(circle at 88% 10%, rgba(75, 115, 238, 0.24), transparent 32rem),
    linear-gradient(145deg, var(--brand-dark), var(--brand-primary) 66%, var(--brand-dark-alt));
}

.site-root:has(> main > .home-hero) #contact {
  background:
    radial-gradient(circle at 16% 30%, rgba(252, 152, 32, 0.14), transparent 31rem),
    linear-gradient(145deg, var(--brand-primary), var(--brand-dark) 74%);
}

#roles .role-network-map {
  --role-navy: var(--brand-dark);
  --role-deep: #00102f;
  --role-teal: var(--brand-primary);
  --role-blue: #315cc1;
  --role-gold: var(--brand-accent);
  --role-muted: #607089;
}

#roles .role-network-core {
  background:
    radial-gradient(circle at 28% 22%, rgba(252, 152, 32, 0.3), transparent 34%),
    linear-gradient(145deg, var(--brand-primary), var(--brand-dark) 72%);
  border-color: rgba(252, 152, 32, 0.72);
  box-shadow:
    0 26px 64px rgba(0, 34, 112, 0.24),
    inset 0 1px rgba(255, 255, 255, 0.32),
    0 0 0 11px rgba(0, 47, 167, 0.05);
}

#roles .role-network-node[aria-pressed="true"] .role-node-icon {
  background: linear-gradient(145deg, var(--brand-primary), #315cc1);
  box-shadow:
    0 12px 28px rgba(0, 47, 167, 0.22),
    0 0 0 7px rgba(252, 152, 32, 0.11);
}

.site-root:has(> main > .home-hero) #lifecycle .lifecycle-track {
  background:
    radial-gradient(circle at 0 0, rgba(0, 47, 167, 0.08), transparent 24rem),
    linear-gradient(180deg, #fff, #f4f7ff);
  border-color: var(--brand-primary-line);
}

.site-root:has(> main > .home-hero) #lifecycle .lifecycle-track:before {
  background: linear-gradient(
    90deg,
    var(--brand-primary) 0%,
    var(--brand-primary) 56%,
    var(--brand-accent) 70%,
    var(--brand-primary) 100%
  );
}

.site-root:has(> main > .home-hero) #lifecycle .lifecycle-track article:after {
  background: var(--brand-primary);
}

.site-root:has(> main > .home-hero)
#lifecycle .lifecycle-track article > div > span {
  color: var(--brand-primary);
  background: var(--brand-primary-light);
  border-color: var(--brand-primary-line);
}

.site-root:has(> main > .home-hero)
#lifecycle .lifecycle-track article:nth-child(5) > div > span {
  color: var(--brand-accent-text);
  background: var(--brand-accent-light);
  border-color: rgba(252, 152, 32, 0.74);
}

#terminals .terminal-layout {
  background:
    linear-gradient(145deg, rgba(255, 255, 255, 0.07), rgba(255, 255, 255, 0.02)),
    rgba(0, 20, 61, 0.6);
  border-color: rgba(200, 213, 255, 0.24);
}

#terminals .terminal-tabs button {
  background: rgba(0, 26, 88, 0.72);
  border-color: rgba(200, 213, 255, 0.16);
}

#terminals .terminal-tabs button:after {
  background: var(--brand-accent);
}

#terminals .terminal-tabs button:hover {
  background: rgba(0, 47, 167, 0.72);
  border-color: rgba(252, 152, 32, 0.42);
}

#terminals .terminal-tabs button:focus-visible {
  outline-color: var(--brand-accent);
}

#terminals .terminal-tabs button[aria-selected="true"] {
  background:
    radial-gradient(circle at 12% 18%, rgba(252, 152, 32, 0.18), transparent 48%),
    linear-gradient(135deg, rgba(0, 47, 167, 0.96), rgba(0, 28, 107, 0.94));
  border-color: rgba(252, 152, 32, 0.68);
}

#terminals .terminal-tabs button[aria-selected="true"] > .terminal-tab-index {
  color: #1a243c;
  background: var(--brand-accent);
  border-color: #ffbd6c;
}

#terminals .terminal-tabs button[aria-selected="true"] small,
#terminals .terminal-tabs button[aria-selected="true"] > svg {
  color: #ffbd6c;
}

#capabilities .capability-icon {
  color: var(--brand-primary);
  background: var(--brand-primary-light);
}

#capabilities .capability-card b,
#capabilities .capability-card > span {
  color: var(--brand-accent-text);
}

#capabilities .capability-data-rail strong {
  color: var(--brand-primary);
}

#capabilities .capability-data-rail strong i,
#capabilities .capability-core-status span i {
  background: var(--brand-accent);
}

#capabilities .capability-card:nth-child(4),
#capabilities .capability-data-core {
  color: #fff;
  background:
    radial-gradient(circle at 100% 0, rgba(252, 152, 32, 0.22), transparent 18rem),
    linear-gradient(145deg, var(--brand-primary), var(--brand-dark));
  border-color: rgba(255, 255, 255, 0.2);
}

#capabilities .capability-card:nth-child(4) .capability-icon {
  color: #ffbd6c;
  background: rgba(255, 255, 255, 0.12);
  border-color: rgba(255, 255, 255, 0.22);
}

#capabilities .capability-card:nth-child(4) b,
#capabilities .capability-core-status span {
  color: #ffbd6c;
}

#capabilities .capability-card:nth-child(4) p,
#capabilities .capability-data-core > p {
  color: #d5e1ff;
}

#operations.ops-section {
  --ops-teal: #6f98ff;
  --ops-gold: var(--brand-accent);
}

#operations .admin-ui-gallery {
  background:
    radial-gradient(circle at 100% 0, rgba(252, 152, 32, 0.14), transparent 24rem),
    linear-gradient(145deg, var(--brand-dark), var(--brand-primary) 66%, var(--brand-dark-alt));
  border-color: rgba(200, 213, 255, 0.32);
}

#operations .admin-ui-gallery-brand > i {
  background: linear-gradient(135deg, var(--brand-accent), var(--brand-primary));
  border-color: rgba(255, 190, 108, 0.58);
}

#operations .admin-ui-tablist button[aria-selected="true"] {
  background:
    linear-gradient(90deg, rgba(252, 152, 32, 0.13), transparent),
    rgba(0, 47, 167, 0.42);
  border-color: rgba(252, 152, 32, 0.44);
  box-shadow:
    inset 3px 0 var(--brand-accent),
    0 10px 28px rgba(0, 11, 54, 0.2);
}

#operations .admin-ui-tablist button[aria-selected="true"] > i,
#operations .admin-ui-frame-badge {
  background: linear-gradient(135deg, var(--brand-primary), var(--brand-accent));
  border-color: rgba(255, 190, 108, 0.72);
}

.site-root:has(> main > .home-hero) #scenarios .scenario-list > a:before {
  background: var(--brand-primary);
}

.site-root:has(> main > .home-hero) #scenarios .scenario-list > a > span {
  color: var(--brand-accent-text);
}

.site-root:has(> main > .home-hero) #scenarios .scenario-list > a > b {
  color: var(--brand-primary);
  background: var(--brand-primary-light);
}

.site-root:has(> main > .home-hero) #scenarios .scenario-list > a:hover > i {
  color: var(--brand-accent);
}

#security .security-control-plane,
#security .security-trust-architecture {
  --trust-ink: #071a40;
  --trust-muted: #607089;
  --trust-line: #aebfe5;
  --trust-teal: var(--brand-primary);
  --trust-blue: #315cc1;
  --trust-navy: var(--brand-dark);
  --trust-gold: var(--brand-accent);
  --trust-coral: #d85e4a;
}

#security .trust-endpoints > button[aria-pressed="true"],
#security .trust-api-gateway {
  border-color: var(--brand-primary);
  box-shadow: 0 0 0 6px rgba(0, 47, 167, 0.08);
}

#security .trust-policy-gate {
  border-color: rgba(252, 152, 32, 0.56);
}

.faq-item.open {
  background: var(--brand-primary-light);
  border-color: rgba(0, 47, 167, 0.38);
}

.faq-item button i {
  color: var(--brand-accent-text);
  background: var(--brand-accent-light);
}

input:focus,
textarea:focus {
  border-color: var(--brand-accent);
  box-shadow: 0 0 0 4px rgba(252, 152, 32, 0.14);
  outline: none;
}

input[type="checkbox"] {
  accent-color: var(--brand-primary);
}

.dashboard aside i.selected {
  background: rgba(0, 47, 167, 0.42);
}

.dash-logo span {
  background: var(--brand-primary);
}

.dash-logo span:last-child {
  background: var(--brand-accent);
}

.detail-hero,
.detail-process {
  background:
    radial-gradient(circle at 7% 12%, rgba(252, 152, 32, 0.16), transparent 30rem),
    linear-gradient(135deg, var(--brand-primary), var(--brand-dark-alt) 62%, var(--brand-dark));
}

.detail-feature > div > span,
.detail-feature > small,
.process-steps article > span {
  color: var(--brand-accent-text);
}

.detail-feature > div > i,
.feature-proof-row span {
  color: var(--brand-primary);
  background: var(--brand-primary-light);
}

#contact.contact-section,
.contact-section {
  background:
    radial-gradient(circle at 18% 34%, rgba(252, 152, 32, 0.15), transparent 30rem),
    radial-gradient(circle at 88% 78%, rgba(49, 92, 193, 0.28), transparent 28rem),
    linear-gradient(145deg, var(--brand-primary), var(--brand-dark));
}

#contact .contact-shell {
  background:
    radial-gradient(circle at 100% 0, rgba(252, 152, 32, 0.14), transparent 24rem),
    linear-gradient(145deg, var(--brand-primary), var(--brand-dark) 72%);
  border-color: rgba(252, 152, 32, 0.34);
}

#contact .lead-form-kicker {
  color: var(--brand-primary);
}

.site-footer {
  background:
    radial-gradient(circle at 15% 0, rgba(252, 152, 32, 0.12), transparent 24rem),
    linear-gradient(145deg, var(--brand-primary), var(--brand-dark) 72%);
}

.site-footer .footer-links a:hover {
  color: #ffb75c;
}

@media (max-width: 820px) {
  .home-hero > .hero-scene-wash {
    background:
      linear-gradient(
        180deg,
        rgba(0, 20, 61, 0.99) 0%,
        rgba(0, 33, 111, 0.96) 35%,
        rgba(0, 47, 167, 0.72) 54%,
        rgba(0, 47, 167, 0.34) 70%,
        rgba(0, 20, 61, 0.92) 100%
      ),
      linear-gradient(90deg, rgba(0, 20, 61, 0.5), transparent 84%);
  }

  .hero-proof-section {
    background: linear-gradient(
      180deg,
      transparent 0 42px,
      var(--brand-canvas) 42px 100%
    );
  }

  .mobile-panel {
    background: linear-gradient(180deg, var(--brand-primary), var(--brand-dark));
    border-top-color: rgba(255, 255, 255, 0.16);
  }

  .mobile-panel a {
    color: #fff;
  }
}

/* Interaction contrast v4: white glyphs on dark states and cleaner role/lifecycle color logic. */
.site-root:has(> main > .home-hero)
:is(#roles, #lifecycle) .section-heading .eyebrow {
  color: var(--brand-primary);
}

#roles .role-node-icon {
  color: var(--brand-primary);
  background: var(--brand-primary-light);
  border-color: var(--brand-primary-line);
}

#roles .role-node-icon:before {
  border-color: rgba(0, 47, 167, 0.14);
}

#roles .role-network-node:is(
  :hover,
  :focus-visible,
  [aria-pressed="true"]
) .role-node-icon {
  color: #fff !important;
  background: linear-gradient(145deg, var(--brand-primary), #315cc1);
  border-color: rgba(255, 255, 255, 0.24);
  box-shadow:
    0 12px 28px rgba(0, 47, 167, 0.24),
    0 0 0 7px rgba(252, 152, 32, 0.12);
}

#roles .role-network-node:is(
  :hover,
  :focus-visible,
  [aria-pressed="true"]
) .role-node-icon svg,
#roles .role-network-node:is(
  :hover,
  :focus-visible,
  [aria-pressed="true"]
) .role-node-icon svg * {
  color: #fff !important;
  stroke: #fff !important;
}

#roles .role-network-node:is(
  :hover,
  :focus-visible,
  [aria-pressed="true"]
) .role-node-icon:before {
  border-color: rgba(252, 152, 32, 0.56);
}

#roles .role-network-node:focus-visible {
  outline-color: var(--brand-accent);
}

#roles .role-network-core > span,
#roles .role-network-core > div {
  color: #ffbd6c;
}

#roles .role-network-core > p {
  color: #d5e1ff;
}

#roles .role-network-core > div {
  background: rgba(255, 255, 255, 0.08);
  border-color: rgba(255, 189, 108, 0.32);
}

#roles .role-network-core > div > i {
  background: var(--semantic-success);
  box-shadow: 0 0 0 4px rgba(34, 181, 115, 0.15);
}

.site-root:has(> main > .home-hero)
#lifecycle .lifecycle-track article:nth-child(n+2):nth-child(-n+4) > div > span {
  color: #fff !important;
  background: linear-gradient(145deg, var(--brand-primary), var(--brand-dark));
  border-color: #eef2ff;
}

.site-root:has(> main > .home-hero)
#lifecycle .lifecycle-track article:nth-child(6) > div > span {
  color: #fff !important;
  background: linear-gradient(145deg, #315cc1, var(--brand-primary-hover));
  border-color: #eef2ff;
}

.site-root:has(> main > .home-hero)
#lifecycle .lifecycle-track article > div > i {
  color: var(--brand-primary);
  border-color: var(--brand-primary-line);
}

.site-root:has(> main > .home-hero)
#lifecycle .lifecycle-track article:hover {
  background:
    linear-gradient(180deg, rgba(0, 47, 167, 0.045), rgba(252, 152, 32, 0.025)),
    #fff;
}

.site-root:has(> main > .home-hero)
#lifecycle .lifecycle-track article:hover:after {
  background: var(--brand-accent);
}

.site-root:has(> main > .home-hero)
#lifecycle .lifecycle-track article:hover > div > i {
  color: #fff;
  background: var(--brand-primary);
  border-color: var(--brand-primary);
}

.site-root:has(> main > .home-hero)
#lifecycle .lifecycle-track article:hover h3 {
  color: var(--brand-primary);
}

/* Weimob-inspired design system v5: disciplined SaaS blue, compact geometry,
   1180px content rail, restrained shadows, and neutral light/dark surfaces. */
:root {
  --wm-primary: #0071ef;
  --wm-primary-hover: #0064d8;
  --wm-primary-active: #0059c5;
  --wm-primary-soft: #eaf0fc;
  --wm-primary-line: rgba(0, 113, 239, 0.18);
  --wm-sky: #268bff;
  --wm-violet: #6152f4;
  --wm-success: #00c374;
  --wm-warning: #ffdb46;
  --wm-ink: #17181b;
  --wm-text: #282d37;
  --wm-muted: #5c5d5f;
  --wm-muted-soft: #808082;
  --wm-paper: #fff;
  --wm-canvas: #f8f9fc;
  --wm-canvas-strong: #f0f3fa;
  --wm-line: #efefef;
  --wm-dark: #000b17;
  --wm-dark-panel: #071829;
  --wm-radius-control: 4px;
  --wm-radius-card: 8px;
  --wm-radius-panel: 16px;
  --wm-shadow-card:
    0 12px 48px rgba(0, 33, 71, 0.05),
    inset 0 1px 0 #fff;
  --wm-shadow-active: 0 14px 48px rgba(0, 113, 239, 0.12);
  --wm-shadow-panel: 0 24px 64px rgba(0, 33, 71, 0.08);
  --wm-font-sans:
    "Microsoft YaHei",
    "PingFang SC",
    STHeiti,
    Verdana,
    Arial,
    Tahoma,
    sans-serif;

  --brand-primary: var(--wm-primary);
  --brand-primary-hover: var(--wm-primary-hover);
  --brand-primary-light: var(--wm-primary-soft);
  --brand-primary-line: var(--wm-primary-line);
  --brand-accent: var(--wm-primary);
  --brand-accent-hover: var(--wm-primary-hover);
  --brand-accent-text: var(--wm-primary-hover);
  --brand-accent-light: var(--wm-primary-soft);
  --brand-dark: var(--wm-dark);
  --brand-dark-alt: var(--wm-dark-panel);
  --brand-canvas: var(--wm-canvas);
  --semantic-success: var(--wm-success);

  --navy-950: var(--wm-dark);
  --navy-900: var(--wm-dark-panel);
  --navy-800: var(--wm-primary);
  --ink: var(--wm-ink);
  --muted: var(--wm-muted);
  --teal: var(--wm-primary);
  --teal-dark: var(--wm-primary-hover);
  --teal-soft: var(--wm-primary-soft);
  --coral: var(--wm-primary);
  --coral-soft: var(--wm-primary-soft);
  --sky: var(--wm-sky);
  --sky-soft: #edf5ff;
  --gold: var(--wm-primary);
  --gold-soft: var(--wm-primary-soft);
  --lemon: var(--wm-warning);
  --paper: var(--wm-paper);
  --canvas: var(--wm-paper);
  --canvas-strong: var(--wm-canvas-strong);
  --line: var(--wm-line);
  --shadow: var(--wm-shadow-panel);

  --brand-ink: var(--wm-ink);
  --brand-navy: var(--wm-dark-panel);
  --brand-blue: var(--wm-primary);
  --brand-blue-dark: var(--wm-primary-hover);
  --brand-teal: var(--wm-sky);
  --brand-gold: var(--wm-primary);
  --brand-line: var(--wm-line);
  --brand-text: var(--wm-text);
  --brand-muted: var(--wm-muted);

  --v150-navy-950: var(--wm-dark);
  --v150-navy-900: var(--wm-dark-panel);
  --v150-navy-800: #0b2742;
  --v150-blue: var(--wm-primary);
  --v150-cyan: var(--wm-sky);
  --v150-ink: var(--wm-ink);
  --v150-muted: var(--wm-muted);
  --v150-line: var(--wm-line);

  --container: 1180px;
  --header-height: 64px;
  --radius-lg: var(--wm-radius-panel);
  --radius-md: var(--wm-radius-card);
}

html,
body {
  background: var(--wm-paper);
}

body {
  color: var(--wm-text);
  font-family: var(--wm-font-sans);
}

::selection {
  color: #fff;
  background: rgba(0, 113, 239, 0.72);
}

.site-root {
  min-height: 100vh;
  background: var(--wm-paper);
}

.site-container {
  width: min(calc(100% - 48px), 1180px);
}

.section-pad {
  padding-block: 80px 100px;
}

.eyebrow {
  margin-bottom: 12px;
  color: var(--wm-primary);
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 0.12em;
}

.eyebrow > span {
  width: 24px;
  height: 1px;
  border-radius: 0;
  background: var(--wm-primary);
}

.section-heading {
  gap: 0;
  margin-bottom: 48px;
}

.section-heading h2,
.faq-title h2,
.ops-copy h2,
.security-copy h2,
.contact-copy h2 {
  color: var(--wm-ink);
  font-size: clamp(34px, 2.8vw, 42px);
  font-weight: 600;
  line-height: 1.2;
  letter-spacing: -0.03em;
}

.section-heading > p,
.faq-title > p:not(.eyebrow),
.ops-copy > p:not(.eyebrow),
.security-copy > p:not(.eyebrow),
.contact-copy-top > p {
  color: var(--wm-muted);
  font-size: 15px;
  line-height: 1.75;
}

.button {
  min-height: 48px;
  padding-inline: 26px;
  border-radius: var(--wm-radius-control);
  font-size: 16px;
  font-weight: 500;
  transition:
    color 0.2s ease,
    background-color 0.2s ease,
    border-color 0.2s ease,
    box-shadow 0.2s ease;
}

.button:hover {
  transform: none;
}

.site-root .button,
.site-root .button-small {
  border-radius: var(--wm-radius-control) !important;
}

.site-root .button:hover {
  transform: none !important;
}

.button-small {
  min-height: 40px;
  padding-inline: 20px;
  border-radius: var(--wm-radius-control);
  font-size: 14px;
}

:is(
  .button-primary,
  .button-coral,
  .contact-submit,
  .mobile-cta
) {
  color: #fff;
  background: var(--wm-primary);
  border-color: var(--wm-primary);
  box-shadow: none;
}

#contact .contact-submit {
  color: #fff;
  background: var(--wm-primary) !important;
  border-color: var(--wm-primary) !important;
  border-radius: var(--wm-radius-control) !important;
  box-shadow: none !important;
}

:is(
  .button-primary,
  .button-coral,
  .contact-submit,
  .mobile-cta
):hover {
  color: #fff;
  background: var(--wm-primary-hover);
  border-color: var(--wm-primary-hover);
  box-shadow: none;
}

#contact .contact-submit:hover {
  color: #fff;
  background: var(--wm-primary-hover) !important;
  border-color: var(--wm-primary-hover) !important;
  box-shadow: none !important;
}

:is(
  .button-primary,
  .button-coral,
  .contact-submit,
  .mobile-cta
):active {
  background: var(--wm-primary-active);
}

.button-quiet {
  color: var(--wm-primary);
  background: #fff;
  border: 1px solid rgba(0, 113, 239, 0.28);
  box-shadow: none;
}

.button-quiet:hover {
  color: var(--wm-primary-hover);
  background: var(--wm-primary-soft);
  border-color: rgba(0, 113, 239, 0.4);
}

.text-link {
  color: var(--wm-primary);
  font-weight: 500;
}

.text-link:hover svg {
  transform: translateX(3px);
}

.site-header {
  height: var(--header-height);
  min-height: var(--header-height);
  color: var(--wm-text);
  background: rgba(255, 255, 255, 0.94);
  border-bottom: 1px solid rgba(0, 11, 23, 0.06);
  box-shadow: none;
  -webkit-backdrop-filter: blur(12px);
  backdrop-filter: blur(12px);
}

.header-inner {
  height: var(--header-height);
  min-height: var(--header-height);
}

.site-header .brand-lockup {
  padding: 0;
  background: transparent;
  border: 0;
  border-radius: 0;
  box-shadow: none;
}

.site-header .brand-logo-image {
  height: 38px;
}

.desktop-nav > a,
.nav-cluster > a,
.language-switch,
.nav-chevron {
  color: var(--wm-muted);
  font-size: 14px;
  font-weight: 400;
}

.site-header :is(
  .desktop-nav > a,
  .nav-cluster > a,
  .language-switch,
  .nav-chevron
) {
  color: var(--wm-muted) !important;
}

.desktop-nav > a:hover,
.desktop-nav > a.active,
.nav-cluster:hover > a,
.nav-cluster > a.active,
.language-switch:hover {
  color: var(--wm-primary);
}

.site-header :is(
  .desktop-nav > a:hover,
  .desktop-nav > a.active,
  .nav-cluster:hover > a,
  .nav-cluster > a.active,
  .language-switch:hover
) {
  color: var(--wm-primary) !important;
}

.desktop-nav > a:after,
.nav-cluster > a:after {
  bottom: 0;
  height: 2px;
  border-radius: 0;
  background: var(--wm-primary);
}

.language-dot {
  border-color: var(--wm-primary);
}

.nav-dropdown {
  border-color: var(--wm-line);
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.99);
  box-shadow: 0 12px 48px rgba(0, 33, 71, 0.08);
}

.nav-dropdown-intro {
  border-radius: 6px;
  background:
    linear-gradient(135deg, rgba(0, 113, 239, 0.18), transparent 62%),
    var(--wm-dark-panel);
}

.nav-dropdown-intro small {
  color: #91bfff;
}

.nav-dropdown-links a {
  border-radius: 4px;
}

.nav-dropdown-links a:hover {
  color: var(--wm-primary);
  background: var(--wm-primary-soft);
}

.site-root:has(> main > .home-hero) {
  --header-height: 64px;
  --home-content-max: 1180px;
  --home-inline-space: 48px;
  --home-section-y: 80px;
  --home-heading-gap: 48px;
  --home-grid-gap: 20px;
  --home-hero-title: clamp(42px, 3.8vw, 54px);
  --home-section-title: clamp(34px, 2.8vw, 42px);
  --home-card-title: clamp(18px, 1.45vw, 22px);
  --home-lead: 15px;
  --home-ink: var(--wm-ink);
  --home-muted: var(--wm-muted);
  --home-line: var(--wm-line);
  --home-surface: var(--wm-paper);
  --home-surface-muted: var(--wm-canvas);
  --home-dark: var(--wm-dark);
  --home-dark-alt: var(--wm-dark-panel);
  --home-accent: var(--wm-primary);
  --home-gold: var(--wm-primary);
  --home-radius-panel: var(--wm-radius-panel);
  --home-radius-card: var(--wm-radius-card);
  --home-radius-control: var(--wm-radius-control);
  --home-shadow-card: var(--wm-shadow-card);
  --home-shadow-panel: var(--wm-shadow-panel);
  font-family: var(--wm-font-sans);
}

.site-root:has(> main > .home-hero) .site-container {
  width: min(calc(100% - var(--home-inline-space)), var(--home-content-max));
}

.site-root:has(> main > .home-hero) main > :is(
  #roles,
  #lifecycle,
  #terminals,
  #capabilities,
  #operations,
  #scenarios,
  #security,
  .faq-section,
  #contact
) {
  padding-block: 80px 100px;
}

.site-root:has(> main > .home-hero) main > section .eyebrow {
  margin-bottom: 12px;
  color: var(--wm-primary);
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 0.12em;
}

.site-root:has(> main > .home-hero) main > section .eyebrow > span {
  width: 24px;
  height: 1px;
  background: var(--wm-primary);
}

.home-hero {
  --hero-surface: var(--wm-canvas);
  --hero-ink: var(--wm-dark);
  --hero-image-max: 1672px;
  min-height: 560px;
  height: min(640px, calc(100svh - var(--header-height)));
  padding-block: 86px 104px;
  background:
    radial-gradient(circle at 78% 22%, rgba(0, 113, 239, 0.14), transparent 34rem),
    var(--wm-dark);
}

.home-hero > .hero-scene {
  width: min(100%, var(--hero-image-max)) !important;
  max-width: var(--hero-image-max);
}

.home-hero > .hero-scene img {
  object-position: center 48%;
  filter: saturate(0.92) contrast(1.02) brightness(0.92);
}

.home-hero > .hero-scene-wash {
  background:
    linear-gradient(
      90deg,
      rgba(0, 11, 23, 0.98) 0%,
      rgba(0, 11, 23, 0.9) 30%,
      rgba(0, 11, 23, 0.54) 53%,
      rgba(0, 11, 23, 0.12) 76%,
      rgba(0, 11, 23, 0.28) 100%
    ),
    linear-gradient(
      180deg,
      rgba(0, 11, 23, 0.14) 0%,
      transparent 58%,
      rgba(0, 11, 23, 0.64) 100%
    );
}

.home-hero .hero-title {
  max-width: 900px;
  color: #fff;
  font-size: var(--home-hero-title);
  font-weight: 600;
  line-height: 1.08;
  letter-spacing: -0.035em;
  text-shadow: none;
}

.home-hero .hero-description {
  max-width: 620px;
  color: rgba(255, 255, 255, 0.74);
  font-size: 18px;
  line-height: 1.75;
}

.home-hero .eyebrow {
  color: #9bc6ff;
}

.home-hero .eyebrow > span {
  background: var(--wm-sky);
}

.home-hero .button-quiet,
.home-hero .button-secondary {
  color: #fff;
  background: rgba(255, 255, 255, 0.05);
  border-color: rgba(255, 255, 255, 0.28);
  border-radius: var(--wm-radius-control);
  box-shadow: none;
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
}

.home-hero .button-quiet:hover,
.home-hero .button-secondary:hover {
  color: #fff;
  background: rgba(255, 255, 255, 0.12);
  border-color: rgba(255, 255, 255, 0.42);
}

.home-hero .hero-trust span {
  color: rgba(255, 255, 255, 0.68);
}

.home-hero .hero-trust svg {
  color: #73afff;
}

.hero-proof-section {
  margin-top: -44px;
  padding: 0 0 48px;
  background: linear-gradient(
    180deg,
    transparent 0 44px,
    var(--wm-canvas) 44px 100%
  );
}

.hero-proof-section .hero-proof-bar {
  border: 1px solid var(--wm-line);
  border-radius: var(--wm-radius-card);
  background: #fff;
  box-shadow: var(--wm-shadow-card);
}

.hero-proof-bar strong {
  color: var(--wm-primary);
}

.hero-proof-bar small,
.hero-proof-bar > p {
  color: var(--wm-muted);
}

.site-root:has(> main > .home-hero)
main > #capabilities {
  background: linear-gradient(180deg, var(--wm-canvas-strong), var(--wm-canvas));
}

.site-root:has(> main > .home-hero)
main > :is(#lifecycle, #scenarios, .faq-section) {
  background: #fff;
}

.site-root:has(> main > .home-hero) #lifecycle:before {
  opacity: 0.2;
  background-image:
    linear-gradient(rgba(0, 113, 239, 0.06) 1px, transparent 1px),
    linear-gradient(90deg, rgba(0, 113, 239, 0.06) 1px, transparent 1px);
}

.site-root:has(> main > .home-hero)
main > :is(#roles, #terminals, #operations, #security) {
  background:
    radial-gradient(circle at 84% 8%, rgba(0, 113, 239, 0.14), transparent 30rem),
    linear-gradient(180deg, var(--wm-dark-panel), var(--wm-dark));
  border-block: 1px solid rgba(120, 175, 236, 0.12);
}

.site-root:has(> main > .home-hero) #contact {
  background: var(--wm-dark);
}

.site-root:has(> main > .home-hero)
main > section :is(
  .section-heading h2,
  #operations .ops-copy h2,
  #security .security-copy h2,
  .faq-title h2,
  #contact .contact-copy h2
) {
  max-width: none;
  color: var(--wm-ink);
  font-size: var(--home-section-title);
  font-weight: 600;
  line-height: 1.2;
  letter-spacing: -0.03em;
}

.site-root:has(> main > .home-hero)
main > section :is(
  .section-heading > p,
  #operations .ops-copy > p:not(.eyebrow),
  #security .security-copy > p:not(.eyebrow),
  .faq-title > p:not(.eyebrow),
  #contact .contact-copy-top > p
) {
  color: var(--wm-muted);
  font-size: var(--home-lead);
  line-height: 1.75;
}

.site-root:has(> main > .home-hero)
:is(
  #roles .section-heading h2,
  #terminals .section-heading h2,
  #operations .ops-copy h2,
  #security .security-copy h2,
  #contact .contact-copy h2
) {
  color: #fff !important;
}

.site-root:has(> main > .home-hero)
:is(
  #roles .section-heading > p,
  #terminals .section-heading > p,
  #operations .ops-copy > p:not(.eyebrow),
  #security .security-copy > p:not(.eyebrow),
  #contact .contact-copy-top > p
) {
  color: rgba(255, 255, 255, 0.64) !important;
}

.site-root:has(> main > .home-hero)
main > :is(#roles, #terminals, #operations, #security, #contact) .eyebrow {
  color: #91bfff !important;
}

.site-root:has(> main > .home-hero)
main > :is(#roles, #terminals, #operations, #security, #contact) .eyebrow > span {
  background: var(--wm-sky) !important;
}

.site-root:has(> main > .home-hero)
main > #security .security-copy .text-link {
  color: #91bfff !important;
}

@media (min-width: 1061px) {
  .site-root:has(> main > .home-hero)
  main > :is(#roles, #lifecycle, #terminals, #capabilities, #scenarios)
  .section-heading {
    grid-template-columns: minmax(0, 1fr);
    grid-template-rows: auto auto;
    align-items: start;
    gap: 0;
    margin-bottom: 48px;
  }

  .site-root:has(> main > .home-hero)
  main > :is(#roles, #lifecycle, #terminals, #capabilities, #scenarios)
  .section-heading h2,
  .site-root:has(> main > .home-hero) :is(
    #operations .ops-copy h2,
    #security .security-copy h2,
    .faq-title h2,
    #contact .contact-copy h2
  ) {
    width: 100%;
    max-width: none !important;
    white-space: nowrap !important;
    text-wrap: nowrap !important;
  }

  .site-root:has(> main > .home-hero)
  main > :is(#roles, #lifecycle, #terminals, #capabilities, #scenarios)
  .section-heading > p {
    width: min(100%, 760px);
    max-width: 760px !important;
    margin-top: 14px;
    justify-self: start;
  }
}

.site-root:has(> main > .home-hero) :is(
  #roles .role-network-canvas,
  #security .trust-architecture-canvas,
  #terminals .terminal-layout,
  #operations .admin-ui-gallery,
  #contact .contact-shell
) {
  border-radius: var(--wm-radius-panel);
}

.site-root:has(> main > .home-hero) :is(
  .hero-proof-bar,
  #capabilities .capability-card,
  #scenarios .scenario-list,
  .faq-list,
  #contact .lead-form
) {
  border-color: var(--wm-line);
  border-radius: var(--wm-radius-card);
  background: #fff;
  box-shadow: var(--wm-shadow-card);
}

#roles .role-network-canvas {
  background: #fff;
  border: 1px solid var(--wm-line);
  box-shadow: var(--wm-shadow-panel);
}

#roles .role-network-map {
  --role-navy: var(--wm-dark);
  --role-deep: var(--wm-dark-panel);
  --role-teal: var(--wm-primary);
  --role-blue: var(--wm-sky);
  --role-gold: var(--wm-primary);
}

#roles .role-map-grid path {
  stroke: rgba(0, 113, 239, 0.07);
}

#roles .role-network-core {
  color: #fff;
  background: linear-gradient(145deg, var(--wm-primary), #306fe7);
  border-color: rgba(255, 255, 255, 0.28);
  box-shadow: 0 18px 48px rgba(0, 113, 239, 0.18);
}

#roles .role-network-core > span,
#roles .role-network-core > div,
#roles .role-network-core > p {
  color: #fff;
}

#roles .role-network-core > p {
  color: rgba(255, 255, 255, 0.72);
}

#roles .role-network-core > div {
  background: rgba(255, 255, 255, 0.1);
  border-color: rgba(255, 255, 255, 0.22);
}

#roles .role-node-icon {
  color: var(--wm-primary);
  background: var(--wm-primary-soft);
  border-color: var(--wm-primary-line);
}

#roles .role-network-node:is(
  :hover,
  :focus-visible,
  [aria-pressed="true"]
) .role-node-icon {
  color: #fff !important;
  background: var(--wm-primary);
  border-color: var(--wm-primary);
  box-shadow: 0 0 0 6px rgba(0, 113, 239, 0.1);
}

#roles .role-network-node:is(
  :hover,
  :focus-visible,
  [aria-pressed="true"]
) .role-node-icon:before {
  border-color: rgba(0, 113, 239, 0.22);
}

#roles .role-network-node:focus-visible {
  outline-color: var(--wm-primary);
}

.site-root:has(> main > .home-hero) #lifecycle .lifecycle-track {
  border-color: var(--wm-line);
  border-radius: var(--wm-radius-panel);
  background: #fff;
  box-shadow: var(--wm-shadow-card);
}

.site-root:has(> main > .home-hero) #lifecycle .lifecycle-track:before {
  background: var(--wm-primary);
}

.site-root:has(> main > .home-hero)
#lifecycle .lifecycle-track article {
  background: #fff;
  border-color: var(--wm-line);
}

.site-root:has(> main > .home-hero)
#lifecycle .lifecycle-track article:hover {
  background: var(--wm-canvas);
}

.site-root:has(> main > .home-hero)
#lifecycle .lifecycle-track article:after,
.site-root:has(> main > .home-hero)
#lifecycle .lifecycle-track article:hover:after {
  background: var(--wm-primary);
}

.site-root:has(> main > .home-hero)
#lifecycle .lifecycle-track article > div > span {
  color: var(--wm-primary);
  background: var(--wm-primary-soft);
  border-color: var(--wm-primary-line);
}

.site-root:has(> main > .home-hero)
#lifecycle .lifecycle-track article:nth-child(n+2):nth-child(-n+6) > div > span {
  color: #fff !important;
  background: var(--wm-primary);
  border-color: var(--wm-primary);
}

.site-root:has(> main > .home-hero)
#lifecycle .lifecycle-track article > div > i {
  color: var(--wm-primary);
  border-color: var(--wm-primary-line);
}

.site-root:has(> main > .home-hero)
#lifecycle .lifecycle-track article:hover > div > i {
  color: #fff;
  background: var(--wm-primary);
  border-color: var(--wm-primary);
}

.site-root:has(> main > .home-hero)
#lifecycle .lifecycle-track article:hover h3 {
  color: var(--wm-primary);
}

#terminals .terminal-layout,
#operations .admin-ui-gallery,
#contact .contact-shell {
  background: rgba(255, 255, 255, 0.035);
  border-color: rgba(255, 255, 255, 0.1);
  box-shadow: 0 24px 64px rgba(0, 0, 0, 0.18);
}

#terminals .terminal-tabs button {
  background: rgba(255, 255, 255, 0.035);
  border-color: rgba(255, 255, 255, 0.1);
  border-radius: 6px;
}

#terminals .terminal-tabs button:after {
  background: var(--wm-sky);
}

#terminals .terminal-tabs button:hover {
  background: rgba(38, 139, 255, 0.1);
  border-color: rgba(38, 139, 255, 0.3);
}

#terminals .terminal-tabs button[aria-selected="true"] {
  background: var(--wm-primary);
  border-color: var(--wm-sky);
  box-shadow: 0 12px 36px rgba(0, 113, 239, 0.18);
}

#terminals .terminal-tabs button > .terminal-tab-index,
#terminals .terminal-tabs button[aria-selected="true"] > .terminal-tab-index {
  color: #fff;
  background: rgba(255, 255, 255, 0.12);
  border-color: rgba(255, 255, 255, 0.22);
  border-radius: 4px;
}

#terminals .terminal-tabs button[aria-selected="true"] small,
#terminals .terminal-tabs button[aria-selected="true"] > svg {
  color: #fff;
}

#terminals .terminal-stage {
  border-radius: 12px;
  border-color: rgba(255, 255, 255, 0.1);
  background: var(--wm-dark-panel);
}

#capabilities .capability-card {
  background: #fff;
  border-color: var(--wm-line);
  box-shadow: var(--wm-shadow-card);
}

#capabilities .capability-card:hover {
  border-color: var(--wm-primary-line);
  box-shadow: var(--wm-shadow-active);
  transform: translateY(-3px);
}

#capabilities .capability-icon {
  color: var(--wm-primary);
  background: var(--wm-primary-soft);
}

#capabilities .capability-card b,
#capabilities .capability-card > span,
#capabilities .capability-data-rail strong {
  color: var(--wm-primary);
}

#capabilities .capability-data-rail strong i,
#capabilities .capability-core-status span i {
  background: var(--wm-success);
}

#capabilities .capability-card:nth-child(4),
#capabilities .capability-data-core {
  color: #fff;
  background: linear-gradient(145deg, var(--wm-primary), #306fe7);
  border-color: rgba(255, 255, 255, 0.22);
  box-shadow: var(--wm-shadow-active);
}

#capabilities .capability-card:nth-child(4) .capability-icon {
  color: #fff;
  background: rgba(255, 255, 255, 0.12);
  border-color: rgba(255, 255, 255, 0.22);
}

#capabilities .capability-card:nth-child(4) b,
#capabilities .capability-card:nth-child(4) > span,
#capabilities .capability-core-status span {
  color: #fff;
}

#capabilities .capability-card:nth-child(4) p,
#capabilities .capability-data-core > p {
  color: rgba(255, 255, 255, 0.72);
}

#operations.ops-section {
  --ops-teal: var(--wm-sky);
  --ops-gold: var(--wm-primary);
}

#operations .admin-ui-gallery-brand > i,
#operations .admin-ui-frame-badge {
  background: var(--wm-primary);
  border-color: rgba(255, 255, 255, 0.24);
}

#operations .admin-ui-tablist button[aria-selected="true"] {
  background: rgba(0, 113, 239, 0.18);
  border-color: rgba(38, 139, 255, 0.4);
  box-shadow: inset 3px 0 var(--wm-sky);
}

#operations .admin-ui-tablist button[aria-selected="true"] > i {
  color: #fff;
  background: var(--wm-primary);
  border-color: rgba(255, 255, 255, 0.24);
}

#scenarios .scenario-list {
  border-color: var(--wm-line);
  background: #fff;
}

#scenarios .scenario-list > a:before {
  background: var(--wm-primary);
}

#scenarios .scenario-list > a > span {
  color: var(--wm-primary);
}

#scenarios .scenario-list > a > b {
  color: var(--wm-primary);
  background: var(--wm-primary-soft);
}

#scenarios .scenario-list > a:hover {
  background: var(--wm-canvas);
  transform: none;
}

#scenarios .scenario-list > a:hover > i {
  color: var(--wm-primary);
}

#security .security-control-plane,
#security .security-trust-architecture {
  --trust-ink: var(--wm-ink);
  --trust-muted: var(--wm-muted);
  --trust-line: #dce3ed;
  --trust-teal: var(--wm-primary);
  --trust-blue: var(--wm-sky);
  --trust-navy: var(--wm-dark);
  --trust-gold: var(--wm-primary);
  --trust-coral: #e0564a;
}

#security .trust-architecture-canvas,
#security .security-control-plane {
  background: #fff;
  border-color: var(--wm-line);
  box-shadow: var(--wm-shadow-card);
}

#security .trust-map-grid path {
  stroke: rgba(0, 113, 239, 0.07);
}

#security .trust-endpoints > button[aria-pressed="true"],
#security .trust-api-gateway {
  border-color: var(--wm-primary);
  box-shadow: 0 0 0 5px rgba(0, 113, 239, 0.08);
}

#security .trust-policy-gate {
  border-color: rgba(0, 113, 239, 0.34);
}

.faq-list {
  overflow: hidden;
}

.faq-item {
  border-color: var(--wm-line);
}

.faq-item:hover,
.faq-item.open {
  background: var(--wm-canvas);
  border-color: var(--wm-line);
}

.faq-item button i {
  color: var(--wm-primary);
  background: var(--wm-primary-soft);
}

#contact .contact-shell {
  background: var(--wm-dark-panel);
}

#contact .contact-route b,
#contact .lead-form-kicker {
  color: var(--wm-primary);
}

#contact .contact-route > article:hover {
  border-color: rgba(38, 139, 255, 0.42);
}

#contact .lead-form {
  background: #fff;
  border-color: var(--wm-line);
}

input,
textarea,
select {
  border-radius: var(--wm-radius-control);
}

#contact .lead-form :is(
  input:not([type="checkbox"]),
  textarea,
  select
) {
  background: var(--wm-canvas);
  border-color: var(--wm-line);
  border-radius: var(--wm-radius-control) !important;
}

input:focus,
textarea:focus,
select:focus {
  border-color: var(--wm-primary);
  box-shadow: 0 0 0 3px rgba(0, 113, 239, 0.12);
  outline: none;
}

input[type="checkbox"] {
  accent-color: var(--wm-primary);
}

.dashboard {
  border-color: var(--wm-line);
  border-radius: 12px;
  background: var(--wm-canvas);
  box-shadow: var(--wm-shadow-card);
}

.dashboard aside {
  background: var(--wm-dark);
}

.dashboard aside i.selected,
.dash-logo span {
  background: var(--wm-primary);
}

.dash-logo span:last-child {
  background: var(--wm-sky);
}

.dash-summary > div,
.dash-chart,
.dash-side-list {
  border-color: var(--wm-line);
  border-radius: 6px;
}

.chart-area .line {
  stroke: var(--wm-primary);
}

.detail-hero {
  background:
    radial-gradient(circle at 78% 16%, rgba(0, 113, 239, 0.18), transparent 32rem),
    var(--wm-dark);
}

.detail-hero-grid {
  grid-template-columns: minmax(0, 0.88fr) minmax(0, 1.12fr);
  gap: 40px;
}

.site-root.lang-en .detail-hero-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.detail-hero-grid-bg {
  opacity: 0.32;
  background-image:
    linear-gradient(rgba(38, 139, 255, 0.08) 1px, transparent 1px),
    linear-gradient(90deg, rgba(38, 139, 255, 0.08) 1px, transparent 1px);
}

.detail-hero-copy .eyebrow {
  color: #91bfff;
}

.detail-hero-copy h1 {
  font-family: var(--wm-font-sans);
  font-size: clamp(40px, 3.8vw, 54px);
  font-weight: 600;
  line-height: 1.12;
  letter-spacing: -0.035em;
}

.detail-hero-copy > p:not(.eyebrow) {
  color: rgba(255, 255, 255, 0.68);
  font-size: 16px;
}

.detail-proof span {
  color: rgba(255, 255, 255, 0.76);
  background: rgba(255, 255, 255, 0.05);
  border-color: rgba(255, 255, 255, 0.14);
  border-radius: var(--wm-radius-control);
}

.detail-proof svg {
  color: #73afff;
}

.detail-reference-visual,
.detail-visual,
.scene-interface {
  border-radius: var(--wm-radius-panel);
}

.detail-value {
  background: #fff;
}

.detail-feature {
  border-color: var(--wm-line);
  border-radius: var(--wm-radius-card);
  background: #fff;
  box-shadow: var(--wm-shadow-card);
}

.detail-feature:hover {
  border-color: var(--wm-primary-line);
  box-shadow: var(--wm-shadow-active);
}

.detail-feature > div > span,
.detail-feature > small {
  color: var(--wm-primary);
}

.detail-feature > div > i,
.feature-proof-row span {
  color: var(--wm-primary);
  background: var(--wm-primary-soft);
}

.detail-process {
  color: #fff;
  background:
    radial-gradient(circle at 84% 8%, rgba(0, 113, 239, 0.12), transparent 30rem),
    var(--wm-dark);
}

.process-steps article {
  border-color: rgba(255, 255, 255, 0.12);
}

.process-steps article > span {
  color: #91bfff;
}

.process-steps article > i {
  background: linear-gradient(var(--wm-sky), transparent);
}

.detail-scene {
  background: var(--wm-canvas);
}

.scene-copy li {
  border-color: var(--wm-line);
}

.scene-copy li svg {
  color: var(--wm-primary);
}

.site-footer {
  color: #d6dce3;
  background: #17181b;
}

.site-footer .brand-lockup {
  padding: 8px 12px;
  background: #fff;
  border: 0;
  border-radius: var(--wm-radius-control);
  box-shadow: none;
}

.footer-brand p,
.footer-links a,
.footer-bottom {
  color: #9ca3af;
}

.footer-links a:hover {
  color: #73afff;
}

.footer-bottom {
  border-top-color: rgba(255, 255, 255, 0.12);
}

@media (min-width: 1061px) {
  .site-root.lang-en #contact .contact-copy h2 {
    font-size: 31px !important;
    letter-spacing: -0.02em;
  }
}

@media (max-width: 1060px) {
  h1,
  h2,
  h3,
  .fit-title {
    white-space: normal;
    text-wrap: balance;
  }

  .site-root:has(> main > .home-hero) {
    --home-inline-space: 40px;
  }

  .home-hero {
    height: auto;
    min-height: 680px;
  }

  .site-root:has(> main > .home-hero)
  main > :is(#roles, #lifecycle, #terminals, #capabilities, #operations, #scenarios, #security, .faq-section, #contact) {
    padding-block: 72px 84px;
  }
}

@media (max-width: 820px) {
  .site-container {
    width: min(calc(100% - 32px), 1180px);
  }

  .site-header,
  .header-inner {
    height: 64px;
    min-height: 64px;
  }

  .site-header .brand-logo-image {
    height: 32px;
  }

  .mobile-panel {
    color: var(--wm-text);
    background: #fff;
    border-top-color: var(--wm-line);
  }

  .mobile-panel a {
    color: var(--wm-text);
  }

  .mobile-panel a:hover,
  .mobile-panel a.active {
    color: var(--wm-primary);
    background: var(--wm-primary-soft);
  }

  .menu-toggle span {
    background: var(--wm-text);
  }

  .site-root:has(> main > .home-hero) {
    --home-inline-space: 32px;
    --home-section-title: clamp(30px, 7vw, 38px);
  }

  .home-hero {
    min-height: 720px;
    padding-block: 78px 124px;
  }

  .home-hero > .hero-scene-wash {
    background:
      linear-gradient(
        180deg,
        rgba(0, 11, 23, 0.98) 0%,
        rgba(0, 11, 23, 0.92) 34%,
        rgba(0, 11, 23, 0.64) 55%,
        rgba(0, 11, 23, 0.28) 72%,
        rgba(0, 11, 23, 0.88) 100%
      );
  }

  .hero-proof-section {
    margin-top: -36px;
    padding-bottom: 36px;
    background: linear-gradient(
      180deg,
      transparent 0 36px,
      var(--wm-canvas) 36px 100%
    );
  }

  .section-heading h2,
  .faq-title h2,
  .ops-copy h2,
  .security-copy h2,
  .contact-copy h2 {
    font-size: clamp(30px, 7vw, 38px);
  }

  .section-pad {
    padding-block: 64px 76px;
  }
}

@media (max-width: 560px) {
  .site-container {
    width: min(calc(100% - 28px), 1180px);
  }

  .site-root:has(> main > .home-hero) {
    --home-inline-space: 28px;
  }

  .site-root:has(> main > .home-hero)
  main > :is(#roles, #lifecycle, #terminals, #capabilities, #operations, #scenarios, #security, .faq-section, #contact) {
    padding-block: 60px 68px;
  }

  .home-hero .hero-title {
    font-size: clamp(36px, 10vw, 46px);
  }

  .home-hero .hero-description {
    font-size: 16px;
  }

  .button {
    font-size: 15px;
  }

  .hero-proof-section .hero-proof-bar,
  .site-root:has(> main > .home-hero) :is(
    #roles .role-network-canvas,
    #security .trust-architecture-canvas,
    #terminals .terminal-layout,
    #operations .admin-ui-gallery,
    #contact .contact-shell
  ) {
    border-radius: 12px;
  }

  .detail-hero-copy h1 {
    font-size: clamp(34px, 9vw, 44px);
  }
}

/* Hero vertical balance v6: keep the copy clear of the overlapping proof bar. */
@media (min-width: 1061px) {
  .site-root:has(> main > .home-hero) .home-hero {
    display: flex;
    align-items: center;
    padding-block: 0;
  }

  .site-root:has(> main > .home-hero) .home-hero-grid {
    min-height: 0;
    height: auto;
    align-items: center;
  }

  .site-root:has(> main > .home-hero) .home-hero .hero-copy {
    align-self: center;
    padding-block: 0;
  }

  .site-root:has(> main > .home-hero) .home-hero .hero-description {
    margin-top: 52px;
  }
}

/* Terminal microcopy v7: readable labels and brand-blue active device frame. */
.site-root:has(> main > .home-hero) #terminals .terminal-story-head > span {
  color: #72b8ff;
  font-size: 11px;
  line-height: 1.4;
}

.site-root:has(> main > .home-hero) #terminals .terminal-story-head > em {
  color: rgba(255, 255, 255, 0.78);
  min-height: 30px;
  padding-inline: 11px;
  font-size: 10px;
  line-height: 1.4;
}

.site-root:has(> main > .home-hero) #terminals .terminal-orbit-head > em,
.site-root:has(> main > .home-hero) #terminals .terminal-story-metric > em {
  color: #72b8ff;
  font-size: 10px;
  line-height: 1.4;
}

.site-root:has(> main > .home-hero) #terminals .terminal-sync-rail > strong {
  color: #72b8ff;
  font-size: 11px;
  line-height: 1.4;
}

.site-root:has(> main > .home-hero) #terminals .terminal-sync-rail > span {
  color: rgba(255, 255, 255, 0.72);
  font-size: 10px;
  line-height: 1.4;
}

.site-root:has(> main > .home-hero)
#terminals .terminal-tabs > button[aria-selected="true"] {
  background: transparent;
  border-color: transparent;
  box-shadow: none;
}

.site-root:has(> main > .home-hero)
#terminals .terminal-tabs > button[aria-selected="true"] > .terminal-tab-index {
  display: none;
}

.site-root:has(> main > .home-hero)
#terminals .terminal-tabs > button > .terminal-orbit-phone {
  background: #06182a;
}

.site-root:has(> main > .home-hero)
#terminals .terminal-tabs > button[aria-selected="true"] .terminal-orbit-phone {
  border-color: #10263c;
  box-shadow:
    inset 0 0 0 1px rgba(255, 255, 255, 0.14),
    0 0 0 1px rgba(38, 139, 255, 0.72),
    0 42px 100px rgba(0, 8, 24, 0.56),
    0 0 40px rgba(0, 113, 239, 0.24);
}

/* Lifecycle layout v9: wider cards arranged as a readable two-row journey. */
@media (min-width: 1061px) {
  .site-root:has(> main > .home-hero) #lifecycle .lifecycle-track {
    grid-template-columns: repeat(12, minmax(0, 1fr));
    gap: 16px;
    min-height: 0;
    padding: 20px;
    overflow: hidden;
    background: var(--wm-canvas);
  }

  .site-root:has(> main > .home-hero) #lifecycle .lifecycle-track:before {
    display: none;
  }

  .site-root:has(> main > .home-hero) #lifecycle .lifecycle-track article {
    min-height: 196px;
    background: #fff;
    border: 1px solid var(--wm-line);
    border-radius: 12px;
    padding: 24px 22px;
    box-shadow: 0 10px 30px rgba(0, 33, 71, 0.045);
  }

  .site-root:has(> main > .home-hero)
  #lifecycle .lifecycle-track article:first-child {
    border-left: 1px solid var(--wm-line);
  }

  .site-root:has(> main > .home-hero) #lifecycle .lifecycle-track article:nth-child(1) {
    grid-area: 1 / 1 / 2 / span 3;
  }

  .site-root:has(> main > .home-hero) #lifecycle .lifecycle-track article:nth-child(2) {
    grid-area: 1 / 4 / 2 / span 3;
  }

  .site-root:has(> main > .home-hero) #lifecycle .lifecycle-track article:nth-child(3) {
    grid-area: 1 / 7 / 2 / span 3;
  }

  .site-root:has(> main > .home-hero) #lifecycle .lifecycle-track article:nth-child(4) {
    grid-area: 1 / 10 / 2 / span 3;
    background: linear-gradient(145deg, #f3f7ff, #fff);
    border-color: var(--wm-primary-line);
    box-shadow: var(--wm-shadow-active);
  }

  .site-root:has(> main > .home-hero) #lifecycle .lifecycle-track article:nth-child(5) {
    grid-area: 2 / 1 / 3 / span 4;
  }

  .site-root:has(> main > .home-hero) #lifecycle .lifecycle-track article:nth-child(6) {
    grid-area: 2 / 5 / 3 / span 4;
  }

  .site-root:has(> main > .home-hero) #lifecycle .lifecycle-track article:nth-child(7) {
    grid-area: 2 / 9 / 3 / span 4;
  }

  .site-root:has(> main > .home-hero)
  #lifecycle .lifecycle-track article > div > i {
    display: none;
  }

  .site-root:has(> main > .home-hero)
  #lifecycle .lifecycle-track article:nth-child(4):after {
    opacity: 1;
  }
}

@media (min-width: 681px) and (max-width: 1060px) {
  .site-root:has(> main > .home-hero) #lifecycle .lifecycle-track {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 16px;
    min-height: 0;
    padding: 18px;
    scroll-snap-type: none;
    overflow: hidden;
    background: var(--wm-canvas);
  }

  .site-root:has(> main > .home-hero) #lifecycle .lifecycle-track:before {
    display: none;
  }

  .site-root:has(> main > .home-hero) #lifecycle .lifecycle-track article {
    grid-column: auto;
    grid-row: auto;
    min-height: 176px;
    background: #fff;
    border: 1px solid var(--wm-line);
    border-radius: 12px;
    padding: 22px;
    scroll-snap-align: none;
  }

  .site-root:has(> main > .home-hero)
  #lifecycle .lifecycle-track article:first-child {
    border-left: 1px solid var(--wm-line);
  }

  .site-root:has(> main > .home-hero) #lifecycle .lifecycle-track article:last-child {
    grid-column: 1 / -1;
    justify-self: center;
    width: calc(50% - 8px);
  }

  .site-root:has(> main > .home-hero)
  #lifecycle .lifecycle-track article > div > i {
    display: none;
  }
}

@media (min-width: 681px) {
  .site-root:has(> main > .home-hero) #lifecycle .lifecycle-track h3 {
    margin-top: 18px;
    font-size: clamp(19px, 1.35vw, 21px);
  }

  .site-root:has(> main > .home-hero) #lifecycle .lifecycle-track p {
    margin-top: 10px;
    font-size: 14px;
    line-height: 1.65;
  }
}

/* Homepage screen rhythm v11:
   the proof bar belongs to the hero, so the first full content screen is light. */
.site-root:has(> main > .home-hero)
main > :is(
  #roles.buyer-section,
  #terminals,
  #operations.ops-section,
  #security.security-strip,
  #contact.contact-section
) {
  background:
    radial-gradient(circle at 88% 6%, rgba(0, 113, 239, 0.055), transparent 30rem),
    linear-gradient(180deg, var(--wm-canvas-strong), #fff);
  border-block: 1px solid var(--wm-line);
}

.site-root:has(> main > .home-hero)
main > #roles {
  border-top-color: transparent;
}

.site-root:has(> main > .home-hero)
main > :is(#lifecycle, #capabilities, #scenarios, .faq-section) {
  background:
    radial-gradient(circle at 84% 8%, rgba(0, 113, 239, 0.15), transparent 30rem),
    linear-gradient(180deg, var(--wm-dark-panel), var(--wm-dark));
  border-block: 1px solid rgba(120, 175, 236, 0.12);
}

.site-root:has(> main > .home-hero)
main > :is(#roles, #terminals) .section-heading h2,
.site-root:has(> main > .home-hero)
main > #operations .ops-copy h2,
.site-root:has(> main > .home-hero)
main > #security .security-copy h2 {
  color: var(--wm-ink) !important;
}

.site-root:has(> main > .home-hero)
main > :is(#roles, #terminals) .section-heading > p,
.site-root:has(> main > .home-hero)
main > #operations .ops-copy > p:not(.eyebrow),
.site-root:has(> main > .home-hero)
main > #security .security-copy > p:not(.eyebrow) {
  color: var(--wm-muted) !important;
}

.site-root:has(> main > .home-hero)
main > :is(#lifecycle, #capabilities, #scenarios) .section-heading h2,
.site-root:has(> main > .home-hero)
main > .faq-section .faq-title h2 {
  color: #fff !important;
}

.site-root:has(> main > .home-hero)
main > :is(#lifecycle, #capabilities, #scenarios) .section-heading > p,
.site-root:has(> main > .home-hero)
main > .faq-section .faq-title > p:not(.eyebrow) {
  color: rgba(255, 255, 255, 0.64) !important;
}

.site-root:has(> main > .home-hero)
main > :is(#roles, #terminals, #operations, #security) .eyebrow {
  color: var(--wm-primary) !important;
}

.site-root:has(> main > .home-hero)
main > :is(#roles, #terminals, #operations, #security) .eyebrow > span {
  background: var(--wm-primary) !important;
}

.site-root:has(> main > .home-hero)
main > :is(#lifecycle, #capabilities, #scenarios, .faq-section) .eyebrow {
  color: #91bfff !important;
}

.site-root:has(> main > .home-hero)
main > :is(#lifecycle, #capabilities, #scenarios, .faq-section) .eyebrow > span {
  background: var(--wm-sky) !important;
}

.site-root:has(> main > .home-hero)
main > :is(#operations, #security) .text-link {
  color: var(--wm-primary) !important;
}

.site-root:has(> main > .home-hero)
main > #lifecycle:before {
  opacity: 0.18;
  background-image:
    linear-gradient(rgba(115, 175, 255, 0.1) 1px, transparent 1px),
    linear-gradient(90deg, rgba(115, 175, 255, 0.1) 1px, transparent 1px);
}

/* Role network v12: solid information nodes keep every route clear of copy. */
.site-root:has(> main > .home-hero) #roles .role-network-canvas {
  height: clamp(540px, 39vw, 590px);
  background:
    radial-gradient(circle at 50% 49%, rgba(0, 113, 239, 0.08), transparent 15rem),
    linear-gradient(180deg, #fff, #f8faff);
  border: 1px solid var(--wm-line);
  border-radius: 20px;
  box-shadow: var(--wm-shadow-panel);
}

.site-root:has(> main > .home-hero) #roles .role-loop-trace,
.site-root:has(> main > .home-hero) #roles .role-loop-label {
  display: none;
}

.site-root:has(> main > .home-hero) #roles .role-route {
  stroke: #6f9fd3;
  stroke-width: 1.35;
  stroke-dasharray: none;
  opacity: 0.72;
}

.site-root:has(> main > .home-hero) #roles .role-route.is-active {
  stroke-width: 2.3;
  stroke-dasharray: 8 7;
  opacity: 1;
}

.site-root:has(> main > .home-hero) #roles .role-network-core {
  width: 224px;
  min-height: 154px;
  aspect-ratio: auto;
  border-radius: 18px;
  padding: 22px;
  top: 50%;
}

.site-root:has(> main > .home-hero) #roles .role-network-core:before {
  border-radius: 14px;
}

.site-root:has(> main > .home-hero) #roles .role-network-core:after {
  border-radius: 26px;
}

.site-root:has(> main > .home-hero) #roles .role-network-core > span {
  font-size: 9px;
}

.site-root:has(> main > .home-hero) #roles .role-network-core > strong {
  font-size: clamp(19px, 1.55vw, 22px);
}

.site-root:has(> main > .home-hero) #roles .role-network-core > p,
.site-root:has(> main > .home-hero) #roles .role-network-core > div > em {
  font-size: 9px;
}

.site-root:has(> main > .home-hero) #roles .role-network-node,
.site-root:has(> main > .home-hero) .lang-en #roles .role-network-node {
  z-index: 4;
  grid-template-columns: minmax(0, 1fr) 58px;
  gap: 0;
  width: clamp(232px, 21.5vw, 282px);
  min-height: 100px;
  color: var(--wm-ink);
  text-align: right;
  background: #fff;
  border: 1px solid var(--wm-line);
  border-radius: 16px;
  padding: 14px 0 14px 16px;
  opacity: 1;
  box-shadow: 0 12px 32px rgba(0, 33, 71, 0.07);
}

.site-root:has(> main > .home-hero)
#roles .role-network-node:nth-child(1),
.site-root:has(> main > .home-hero)
#roles .role-network-node:nth-child(3) {
  top: 17%;
}

.site-root:has(> main > .home-hero)
#roles .role-network-node:nth-child(2),
.site-root:has(> main > .home-hero)
#roles .role-network-node:nth-child(4) {
  bottom: 17%;
}

.site-root:has(> main > .home-hero)
#roles .role-network-node:nth-child(n+3) {
  grid-template-columns: 58px minmax(0, 1fr);
  text-align: left;
  padding: 14px 16px 14px 0;
}

.site-root:has(> main > .home-hero) #roles .role-node-copy {
  z-index: 1;
  align-content: center;
  min-width: 0;
  padding-right: 14px;
  position: relative;
}

.site-root:has(> main > .home-hero)
#roles .role-network-node:nth-child(n+3) .role-node-copy {
  padding-right: 0;
  padding-left: 14px;
}

.site-root:has(> main > .home-hero) #roles .role-node-copy > small {
  color: var(--wm-primary);
  font-size: 9px;
  line-height: 1.3;
}

.site-root:has(> main > .home-hero) #roles .role-node-copy > strong,
.site-root:has(> main > .home-hero)
.lang-en #roles .role-node-copy > strong {
  margin-top: 5px;
  color: var(--wm-ink);
  font-size: clamp(17px, 1.35vw, 20px);
  line-height: 1.25;
}

.site-root:has(> main > .home-hero) #roles .role-node-copy > em,
.site-root:has(> main > .home-hero)
.lang-en #roles .role-node-copy > em {
  margin-top: 6px;
  color: var(--wm-muted);
  font-size: 10px;
  line-height: 1.45;
  text-overflow: clip;
  white-space: normal;
  display: -webkit-box;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

.site-root:has(> main > .home-hero) #roles .role-node-icon {
  width: 48px;
  height: 48px;
  margin: auto;
  transform: none;
}

.site-root:has(> main > .home-hero)
#roles .role-network-node:is(:hover, :focus-visible, [aria-pressed="true"]) {
  background: linear-gradient(145deg, #f4f8ff, #fff);
  border-color: var(--wm-primary-line);
  box-shadow: var(--wm-shadow-active);
}

.site-root:has(> main > .home-hero)
#roles .role-network-node:nth-child(n)[aria-pressed="true"] {
  transform: translateY(-2px);
}

.site-root:has(> main > .home-hero)
#roles .role-network-node:is(:hover, :focus-visible, [aria-pressed="true"])
.role-node-icon {
  transform: none;
}

@media (min-width: 821px) and (max-width: 1080px) {
  .site-root:has(> main > .home-hero) #roles .role-network-canvas {
    height: 560px;
  }

  .site-root:has(> main > .home-hero) #roles .role-network-node,
  .site-root:has(> main > .home-hero) .lang-en #roles .role-network-node {
    width: 230px;
    min-height: 96px;
  }

  .site-root:has(> main > .home-hero) #roles .role-network-core {
    width: 200px;
    min-height: 140px;
    padding: 18px;
  }
}

@media (min-width: 601px) and (max-width: 820px) {
  .site-root:has(> main > .home-hero) #roles .role-network-canvas {
    height: 760px;
  }

  .site-root:has(> main > .home-hero) #roles .role-network-node,
  .site-root:has(> main > .home-hero) .lang-en #roles .role-network-node {
    width: min(44%, 190px);
    min-height: 92px;
    padding: 10px 0 10px 10px;
  }

  .site-root:has(> main > .home-hero)
  #roles .role-network-node:nth-child(n+3) {
    padding: 10px 10px 10px 0;
  }

  .site-root:has(> main > .home-hero)
  #roles .role-network-node:nth-child(1) {
    top: 106px;
    right: auto;
    bottom: auto;
    left: 14px;
  }

  .site-root:has(> main > .home-hero)
  #roles .role-network-node:nth-child(2) {
    top: 205px;
    right: 14px;
    bottom: auto;
    left: auto;
  }

  .site-root:has(> main > .home-hero)
  #roles .role-network-node:nth-child(3) {
    top: 452px;
    right: auto;
    bottom: auto;
    left: 14px;
  }

  .site-root:has(> main > .home-hero)
  #roles .role-network-node:nth-child(4) {
    top: 565px;
    right: 14px;
    bottom: auto;
    left: auto;
  }

  .site-root:has(> main > .home-hero) #roles .role-network-core {
    width: 166px;
    min-height: 128px;
    padding: 16px;
    top: 360px;
  }

  .site-root:has(> main > .home-hero) #roles .role-node-copy > strong,
  .site-root:has(> main > .home-hero)
  .lang-en #roles .role-node-copy > strong {
    font-size: 15px;
  }

  .site-root:has(> main > .home-hero) #roles .role-node-copy > em,
  .site-root:has(> main > .home-hero)
  .lang-en #roles .role-node-copy > em {
    font-size: 9px;
  }
}

@media (max-width: 600px) {
  .site-root:has(> main > .home-hero) #roles .role-network-canvas {
    height: auto;
    min-height: 0;
    padding: 66px 14px 14px;
    overflow: hidden;
  }

  .site-root:has(> main > .home-hero) #roles .role-loop-svg,
  .site-root:has(> main > .home-hero) #roles .role-loop-label {
    display: none;
  }

  .site-root:has(> main > .home-hero) #roles .role-network-core {
    width: 100%;
    min-height: 122px;
    aspect-ratio: auto;
    margin-bottom: 12px;
    border-radius: 14px;
    padding: 18px;
    position: relative;
    inset: auto;
    transform: none;
  }

  .site-root:has(> main > .home-hero) #roles .role-network-core:before {
    border-radius: 10px;
  }

  .site-root:has(> main > .home-hero) #roles .role-network-core:after {
    display: none;
  }

  .site-root:has(> main > .home-hero) #roles .role-network-nodes {
    gap: 10px;
    display: grid;
    position: static;
  }

  .site-root:has(> main > .home-hero)
  #roles .role-network-node:nth-child(n),
  .site-root:has(> main > .home-hero)
  .lang-en #roles .role-network-node:nth-child(n) {
    grid-template-columns: 48px minmax(0, 1fr);
    width: 100%;
    min-height: 88px;
    text-align: left;
    padding: 12px 14px;
    position: relative;
    inset: auto;
    transform: none;
  }

  .site-root:has(> main > .home-hero)
  #roles .role-network-node:nth-child(n) .role-node-icon {
    order: -1;
  }

  .site-root:has(> main > .home-hero)
  #roles .role-network-node:nth-child(n) .role-node-copy {
    padding: 0;
  }

  .site-root:has(> main > .home-hero) #roles .role-node-copy > strong,
  .site-root:has(> main > .home-hero)
  .lang-en #roles .role-node-copy > strong {
    font-size: 17px;
  }

  .site-root:has(> main > .home-hero) #roles .role-node-copy > em,
  .site-root:has(> main > .home-hero)
  .lang-en #roles .role-node-copy > em {
    font-size: 11px;
    display: -webkit-box;
  }

  .site-root:has(> main > .home-hero) #roles .role-network-caption {
    grid-template-columns: minmax(0, 1fr) auto;
    min-height: 0;
    gap: 8px 12px;
    margin-top: 12px;
    padding: 14px;
    position: static;
  }

  .site-root:has(> main > .home-hero)
  #roles .role-network-caption > strong {
    grid-column: 1 / -1;
    grid-row: auto;
  }

  .site-root:has(> main > .home-hero) #roles .role-network-caption > em {
    justify-self: end;
  }
}

/* Role network typography v14: readable technical labels at every level. */
.site-root:has(> main > .home-hero) #roles .role-network-kicker {
  gap: 14px;
  font-size: 11px;
  line-height: 1.4;
  letter-spacing: 0.1em;
}

.site-root:has(> main > .home-hero)
#roles .role-network-kicker > span,
.site-root:has(> main > .home-hero)
#roles .role-network-kicker > strong {
  font-size: 11px;
  line-height: 1.4;
}

.site-root:has(> main > .home-hero)
#roles .role-network-caption {
  gap: 18px;
  min-height: 72px;
  padding: 14px 24px;
}

.site-root:has(> main > .home-hero)
#roles .role-network-caption > span > b {
  font-size: 10px;
  line-height: 1.4;
  letter-spacing: 0.08em;
}

.site-root:has(> main > .home-hero)
#roles .role-network-caption > strong {
  max-width: 820px;
  font-size: 12px;
  line-height: 1.6;
}

.site-root:has(> main > .home-hero)
#roles .role-network-caption > em {
  padding: 7px 11px;
  font-size: 10px;
  line-height: 1.3;
}

@media (max-width: 600px) {
  .site-root:has(> main > .home-hero)
  #roles .role-network-kicker,
  .site-root:has(> main > .home-hero)
  #roles .role-network-kicker > span {
    font-size: 9px;
  }

  .site-root:has(> main > .home-hero)
  #roles .role-network-caption {
    gap: 8px 12px;
    padding: 14px;
  }

  .site-root:has(> main > .home-hero)
  #roles .role-network-caption > span > b,
  .site-root:has(> main > .home-hero)
  #roles .role-network-caption > em {
    font-size: 9px;
  }

  .site-root:has(> main > .home-hero)
  #roles .role-network-caption > strong {
    font-size: 11px;
  }
}

/* Footer legal information v15: complete company details without crowding links. */
.site-footer .footer-bottom.footer-bottom-legal {
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: start;
  gap: 32px;
  padding-block: 22px 26px;
  display: grid;
}

.site-footer .footer-company-info {
  grid-template-columns: minmax(0, 1fr);
  gap: 5px;
  min-width: 0;
  color: #aeb8c4;
  font-size: 12px;
  line-height: 1.7;
  display: grid;
}

.site-footer .footer-company-info > span {
  min-width: 0;
  display: block;
}

.site-footer .footer-company-info a {
  color: #d6dce3;
  transition: color 0.2s ease;
}

.site-footer .footer-company-info a:hover,
.site-footer .footer-company-info a:focus-visible {
  color: #73afff;
}

.site-footer .footer-company-info .footer-record-link {
  text-decoration: underline;
  text-decoration-color: rgba(115, 175, 255, 0.5);
  text-underline-offset: 3px;
}

.site-footer .footer-policy-links {
  align-items: center;
  justify-content: flex-end;
  gap: 18px;
  margin: 0;
  display: flex;
  flex-wrap: wrap;
}

.site-footer .footer-policy-links a {
  white-space: nowrap;
}

@media (max-width: 820px) {
  .site-footer .footer-bottom.footer-bottom-legal {
    grid-template-columns: minmax(0, 1fr);
    gap: 20px;
    padding-block: 22px 26px;
  }

  .site-footer .footer-company-info {
    font-size: 11px;
  }

  .site-footer .footer-policy-links {
    justify-content: flex-start;
  }
}

/* Footer promise v16: keep the primary brand statement on one clean line. */
@media (min-width: 1061px) {
  .site-footer .footer-top {
    grid-template-columns: minmax(0, 1.55fr) minmax(320px, 0.65fr);
    gap: clamp(44px, 4vw, 72px);
  }

  .site-root .site-footer .footer-brand h2 {
    width: max-content;
    max-width: none;
    white-space: nowrap !important;
    text-wrap: nowrap !important;
    font-size: clamp(25px, 1.55vw, 32px);
    letter-spacing: -0.045em;
  }
}

@media (min-width: 601px) and (max-width: 1060px) {
  .site-root .site-footer .footer-brand h2 {
    width: max-content;
    max-width: 100%;
    white-space: nowrap !important;
    text-wrap: nowrap !important;
    font-size: clamp(23px, 3vw, 30px);
  }
}

@media (max-width: 600px) {
  .site-root.lang-zh .site-footer .footer-brand h2 {
    width: 100%;
    max-width: 100%;
    white-space: nowrap !important;
    text-wrap: nowrap !important;
    font-size: clamp(15px, 4.1vw, 22px);
    letter-spacing: -0.045em;
  }

  .site-root.lang-en .site-footer .footer-brand h2 {
    width: 100%;
    max-width: 100%;
    font-size: clamp(18px, 6vw, 26px);
  }
}

/* Lead capture v17: clear live-submission and disabled states. */
.lead-form[aria-busy="true"] {
  cursor: progress;
}

.lead-form :is(.sms-send, .contact-submit):disabled {
  cursor: not-allowed;
  opacity: 0.64;
  transform: none !important;
  box-shadow: none;
}

#contact .form-message.error.show {
  color: #b42318;
  border-color: #f2c7c2;
  background: #fff4f2;
}

/* Lead success dialog v18 */
.lead-success-dialog {
  position: fixed;
  top: 50%;
  right: auto;
  bottom: auto;
  left: 50%;
  width: min(92vw, 520px);
  max-width: none;
  max-height: min(88vh, 720px);
  margin: 0;
  padding: 0;
  border: 0;
  border-radius: 26px;
  color: #071d3f;
  background: transparent;
  box-shadow:
    0 32px 90px rgba(0, 25, 68, 0.28),
    0 8px 26px rgba(8, 74, 170, 0.14);
  overflow: auto;
  transform: translate(-50%, -50%);
}

.lead-success-dialog::backdrop {
  background:
    radial-gradient(circle at 50% 42%, rgba(21, 121, 255, 0.18), transparent 38%),
    rgba(1, 15, 36, 0.72);
  -webkit-backdrop-filter: blur(9px);
  backdrop-filter: blur(9px);
}

.lead-success-dialog[open] {
  animation: lead-success-dialog-in 360ms cubic-bezier(0.2, 0.78, 0.24, 1) both;
}

.lead-success-card {
  position: relative;
  isolation: isolate;
  padding: 48px 46px 42px;
  border: 1px solid rgba(117, 172, 255, 0.28);
  border-radius: 26px;
  background:
    radial-gradient(circle at 50% -18%, rgba(30, 125, 255, 0.16), transparent 42%),
    linear-gradient(180deg, #ffffff 0%, #f9fbff 100%);
  text-align: center;
  overflow: hidden;
}

.lead-success-card::before {
  content: "";
  position: absolute;
  z-index: -1;
  inset: 0 0 auto;
  height: 4px;
  background: linear-gradient(90deg, #0a74f5 0%, #20b8ff 56%, #fc9820 100%);
}

.lead-success-x {
  position: absolute;
  top: 18px;
  right: 18px;
  display: grid;
  place-items: center;
  width: 34px;
  height: 34px;
  padding: 0;
  border: 1px solid rgba(10, 80, 172, 0.1);
  border-radius: 50%;
  color: #60728d;
  background: rgba(239, 245, 253, 0.84);
  font: 400 23px/1 Arial, sans-serif;
  cursor: pointer;
  transition: color 180ms ease, background 180ms ease, transform 180ms ease;
}

.lead-success-x:hover {
  color: #0676f7;
  background: #eaf3ff;
  transform: rotate(4deg);
}

.lead-success-x:focus-visible,
.lead-success-confirm:focus-visible {
  outline: 3px solid rgba(10, 116, 245, 0.2);
  outline-offset: 3px;
}

.lead-success-mark {
  position: relative;
  display: grid;
  place-items: center;
  width: 82px;
  height: 82px;
  margin: 0 auto 24px;
  border-radius: 50%;
  background: linear-gradient(145deg, #0c7dff 0%, #0a5cdd 100%);
  box-shadow:
    0 16px 34px rgba(7, 104, 231, 0.25),
    0 0 0 10px rgba(19, 124, 255, 0.08);
}

.lead-success-mark::before,
.lead-success-mark::after {
  content: "";
  position: absolute;
  border: 1px solid rgba(15, 118, 247, 0.16);
  border-radius: 50%;
}

.lead-success-mark::before {
  inset: -18px;
}

.lead-success-mark::after {
  inset: -29px;
  border-style: dashed;
}

.lead-success-mark span {
  width: 28px;
  height: 15px;
  border-left: 4px solid #ffffff;
  border-bottom: 4px solid #ffffff;
  border-radius: 1px;
  transform: translateY(-3px) rotate(-45deg);
}

.lead-success-kicker {
  margin: 0 0 10px;
  color: #0875ee;
  font-size: 12px;
  font-weight: 800;
  letter-spacing: 0.14em;
}

.lead-success-card h3 {
  margin: 0;
  color: #061c3d;
  font-size: clamp(28px, 3vw, 36px);
  font-weight: 800;
  line-height: 1.22;
  letter-spacing: -0.035em;
}

.lead-success-description {
  max-width: 410px;
  margin: 16px auto 0;
  color: #5d6f8b;
  font-size: 15px;
  line-height: 1.8;
}

.lead-success-points {
  display: grid;
  gap: 10px;
  margin: 28px 0 26px;
  padding: 17px 19px;
  border: 1px solid rgba(22, 108, 223, 0.11);
  border-radius: 15px;
  background: rgba(239, 246, 255, 0.72);
  text-align: left;
}

.lead-success-points span {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  color: #344c6c;
  font-size: 13px;
  line-height: 1.55;
}

.lead-success-points i {
  display: grid;
  flex: 0 0 20px;
  place-items: center;
  width: 20px;
  height: 20px;
  margin-top: 1px;
  border-radius: 50%;
  color: #ffffff;
  background: #10a883;
  font-size: 12px;
  font-style: normal;
  font-weight: 900;
}

.lead-success-confirm {
  width: 100%;
  min-height: 52px;
  border: 0;
  border-radius: 10px;
  color: #ffffff;
  background: linear-gradient(100deg, #0878f7 0%, #0b6fe7 70%, #fc9820 145%);
  box-shadow: 0 12px 26px rgba(7, 112, 239, 0.2);
  font-size: 15px;
  font-weight: 700;
}

.lead-success-confirm:hover {
  transform: translateY(-1px);
  box-shadow: 0 16px 32px rgba(7, 112, 239, 0.26);
}

@keyframes lead-success-dialog-in {
  from {
    opacity: 0;
    transform: translate(-50%, calc(-50% + 22px)) scale(0.96);
  }

  to {
    opacity: 1;
    transform: translate(-50%, -50%) scale(1);
  }
}

@media (max-width: 560px) {
  .lead-success-card {
    padding: 42px 24px 28px;
    border-radius: 22px;
  }

  .lead-success-dialog {
    border-radius: 22px;
  }

  .lead-success-mark {
    width: 72px;
    height: 72px;
  }

  .lead-success-card h3 {
    font-size: 28px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .lead-success-dialog[open] {
    animation: none;
  }
}