.int-page{--int-radius:28px;--mint:oklch(69.6% .149 162.5);--mint-ink:oklch(50.8% .118 165.6)}.int-page button{font:inherit;cursor:pointer}.int-page .s-section{scroll-margin-top:90px}.int-page pre{font-family:var(--font-mono,ui-monospace, monospace);white-space:pre-wrap;word-break:break-word;margin:0;font-size:13px;line-height:1.6}.int-btn{border:1px solid var(--border);background:var(--background);min-height:44px;color:var(--foreground);border-radius:999px;align-items:center;gap:8px;padding:0 20px;font-weight:600;transition:background .18s,border-color .18s;display:inline-flex}.int-btn:hover{border-color:var(--primary)}.int-btn-primary{background:var(--primary);color:var(--primary-foreground);border-color:var(--primary)}.int-btn-primary:hover{background:color-mix(in oklab, var(--primary) 86%, var(--foreground))}.int-line{color:var(--foreground);margin-top:20px;font-weight:600}.int-chips{flex-wrap:wrap;gap:8px;margin-bottom:20px;display:flex}.int-chips button{border:1px solid var(--border);background:var(--background);min-height:44px;color:var(--foreground);border-radius:999px;padding:0 16px;font-size:14px;font-weight:600;transition:background .18s,color .18s,border-color .18s}.int-chips button:hover{border-color:var(--primary)}.int-chips button.on{background:var(--primary);color:var(--primary-foreground);border-color:var(--primary)}.int-bar{padding:8px 0 48px}.int-bar-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.int-legend{color:var(--muted-foreground);gap:16px;margin:10px 0 20px;padding:0;font-size:13px;list-style:none;display:flex}.int-legend li{align-items:center;gap:6px;display:inline-flex}.int-dot{border-radius:50%;flex:none;width:9px;height:9px;display:inline-block}.int-live{background:var(--mint)}.int-tested{background:var(--primary)}.int-planned{border:1.5px solid var(--muted-foreground)}.int-rows{outline-offset:4px;gap:14px;display:grid;-webkit-mask-image:linear-gradient(90deg,#0000,#000 8% 92%,#0000);mask-image:linear-gradient(90deg,#0000,#000 8% 92%,#0000)}.int-row{overflow:hidden}.int-track{gap:14px;width:max-content;animation:40s linear infinite int-roll;display:flex}.int-reverse{animation-direction:reverse}.int-rows:hover .int-track,.int-rows:focus-within .int-track,.int-rows:focus .int-track{animation-play-state:paused}@keyframes int-roll{to{transform:translate(calc(-50% - 7px))}}.int-item{background:var(--background);border:1px solid var(--border);white-space:nowrap;box-shadow:0 1px 2px color-mix(in oklab, var(--foreground) 6%, transparent);border-radius:999px;align-items:center;gap:10px;padding:12px 18px;display:inline-flex}.int-item b{letter-spacing:-.01em;color:var(--foreground);font-size:16px;font-weight:700}.int-item small{color:var(--muted-foreground);background:var(--secondary);border-radius:999px;padding:2px 8px;font-size:13px;font-weight:600}.int-grid{display:none}@media (width<=1023px){.int-track{animation-duration:60s}}@media (hover:none){.int-row{scrollbar-width:none;-webkit-overflow-scrolling:touch;overflow-x:auto}.int-row::-webkit-scrollbar{display:none}.int-track{padding-inline:24px;animation:none}.int-track>[aria-hidden]{display:none}}:root[data-motion=calm] .int-rows{display:none}:root[data-motion=calm] .int-grid{flex-wrap:wrap;gap:10px;width:calc(100% - 48px);max-width:1180px;margin:auto;padding:0;list-style:none;display:flex}.int-doors{grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);align-items:start;gap:32px;margin-top:32px;display:grid}.int-diagram{border-radius:var(--int-radius);background:linear-gradient(160deg, var(--secondary), var(--background));box-shadow:inset 0 1px 0 color-mix(in oklab, var(--background) 80%, transparent), 0 20px 40px -24px color-mix(in oklab, var(--primary) 30%, transparent);padding:24px;position:relative}.int-lines{width:100%;height:auto;display:block}.int-lines path{fill:none;stroke:color-mix(in oklab, var(--primary) 30%, transparent);stroke-width:2px;stroke-dasharray:4 6;transition:stroke .2s}.int-lines path.on{stroke:var(--primary);stroke-dasharray:none}.int-pulse{fill:var(--primary);offset-distance:0%;animation:2.4s cubic-bezier(.22,1,.36,1) infinite int-pulse}@keyframes int-pulse{0%{offset-distance:0%;opacity:0}15%{opacity:1}to{offset-distance:100%;opacity:0}}.int-core{background:var(--primary);width:44%;color:var(--primary-foreground);box-shadow:0 18px 36px -18px var(--primary);border-radius:20px;padding:16px;position:absolute;top:50%;right:24px;transform:translateY(-50%)}.int-core strong{margin-bottom:6px;font-size:14px;display:block}.int-core ul{opacity:.92;margin:0;padding:0;font-size:13px;line-height:1.5;list-style:none}.int-door-tabs{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.int-door-tabs button{text-align:left;border:1px solid var(--border);background:var(--background);min-height:72px;color:var(--foreground);border-radius:20px;gap:2px;padding:14px 16px;transition:border-color .18s,box-shadow .18s;display:grid}.int-door-tabs button span{color:var(--muted-foreground);font-size:13px}.int-door-tabs button.on{border-color:var(--primary);box-shadow:0 0 0 3px color-mix(in oklab, var(--primary) 18%, transparent)}.int-code{gap:12px;margin-top:14px;display:grid}.int-code-block{background:var(--foreground);color:var(--background);border-radius:20px;min-width:0;padding:36px 18px 18px;position:relative}.int-code-tag{letter-spacing:.08em;text-transform:uppercase;opacity:.7;font-size:13px;font-weight:700;position:absolute;top:12px;left:18px}.int-same{background:var(--mint);color:var(--foreground);border-radius:999px;align-items:center;gap:4px;padding:3px 10px;font-size:13px;font-weight:700;display:inline-flex;position:absolute;top:10px;right:12px}.int-picker{gap:24px;margin-top:32px;display:grid}.int-questions{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.int-questions fieldset{border:1px solid var(--border);border-radius:var(--int-radius);background:var(--background);margin:0;padding:20px}.int-questions legend{padding:0 6px;font-weight:700}.int-questions div{gap:8px;display:grid}.int-questions button{border:1px solid var(--border);background:var(--secondary);min-height:48px;color:var(--foreground);text-align:left;border-radius:16px;padding:0 16px;font-weight:600;transition:background .18s,color .18s}.int-questions button.on{background:var(--primary);color:var(--primary-foreground);border-color:var(--primary)}.int-rec{border-radius:var(--int-radius);background:var(--secondary);min-height:96px;padding:22px 26px}.int-rec span{color:var(--muted-foreground);text-transform:uppercase;letter-spacing:.08em;font-size:13px;font-weight:600}.int-rec strong{letter-spacing:-.03em;color:var(--primary);font-size:32px;display:block}.int-rec p{color:var(--foreground);margin:4px 0 0}.int-rec-empty{color:var(--muted-foreground)!important}.int-table{border-collapse:separate;border-spacing:0;border:1px solid var(--border);border-radius:20px;width:100%;font-size:15px;overflow:hidden}.int-table th,.int-table td{text-align:left;border-bottom:1px solid var(--border);vertical-align:top;padding:14px 16px}.int-table thead th{background:var(--secondary);font-size:13px}.int-table tbody tr:last-child>*{border-bottom:0}.int-table tr.on>*{background:color-mix(in oklab, var(--primary) 8%, var(--background))}.int-table tbody th{color:var(--primary)}.int-systems{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:0;padding:0;list-style:none;display:grid}.int-systems li{border-radius:var(--int-radius);background:var(--background);border:1px solid var(--border);box-shadow:0 14px 30px -24px color-mix(in oklab, var(--foreground) 40%, transparent);padding:22px}.int-systems strong{font-size:18px}.int-systems p{color:var(--muted-foreground);margin:8px 0 0;font-size:15px;line-height:1.55}.int-systems-hidden{border-radius:var(--int-radius);background:var(--secondary);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:24px;display:flex}.int-systems-hidden p{margin:0}.int-board{margin-top:32px}.int-board-cols{grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;display:grid}.int-board-cols fieldset{border:1px solid var(--border);background:var(--background);border-radius:24px;align-content:start;gap:8px;margin:0;padding:16px;display:grid}.int-board-cols legend{padding:0 6px;font-size:14px;font-weight:700}.int-board-cols button{border:1px solid var(--border);background:var(--secondary);min-height:44px;color:var(--foreground);text-align:left;border-radius:14px;align-items:center;gap:6px;padding:8px 12px;font-size:13px;font-weight:600;transition:background .18s,color .18s;display:flex}.int-board-cols button.on{background:var(--primary);color:var(--primary-foreground);border-color:var(--primary)}.int-board-foot{flex-wrap:wrap;align-items:center;gap:16px 24px;margin-top:20px;display:flex}.int-board-foot p{margin:0;font-weight:600}.int-counter{background:color-mix(in oklab, var(--mint) 18%, var(--background));border:1px solid var(--mint);border-radius:999px;align-items:center;gap:12px;padding:10px 18px;display:inline-flex}.int-counter span{font-size:14px;font-weight:600}.int-counter strong{color:var(--mint-ink);font-variant-numeric:tabular-nums;font-size:24px}.int-swaps{color:var(--muted-foreground);font-size:14px}.int-llm{margin-top:32px}.int-llm-groups{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.int-llm-group{border-radius:var(--int-radius);background:var(--secondary);padding:20px}.int-llm-group h3{margin-bottom:10px;font-size:16px;font-weight:700}.int-llm-group ul{flex-wrap:wrap;gap:6px;margin:0;padding:0;list-style:none;display:flex}.int-llm-group li{background:var(--background);border-radius:999px;padding:6px 12px;font-size:14px;font-weight:600}.int-llm-group small{color:var(--muted-foreground);margin-top:10px;font-size:13px;display:block}.int-router{border-radius:var(--int-radius);background:var(--background);border:1px solid var(--border);grid-template-columns:auto auto minmax(0,1fr);align-items:center;gap:20px;margin-top:20px;padding:24px;display:grid}.int-router-tasks{gap:8px;display:grid}.int-task{background:var(--secondary);border-radius:14px;padding:10px 14px;font-size:14px;font-weight:600}.int-router-node{background:var(--primary);color:var(--primary-foreground);border-radius:20px;padding:18px 20px;font-weight:700;position:relative}.int-router-node:after{content:"";border:2px solid var(--primary);opacity:0;border-radius:24px;animation:2.2s ease-out infinite int-ring;position:absolute;inset:-6px}@keyframes int-ring{0%{opacity:.6;transform:scale(.92)}to{opacity:0;transform:scale(1.15)}}.int-router-out{gap:8px;margin:0;padding:0;list-style:none;display:grid}.int-router-out li{flex-wrap:wrap;align-items:center;gap:8px;font-size:14px;display:flex}.int-router-out span{color:var(--muted-foreground)}.int-router-out b{background:color-mix(in oklab, var(--primary) 10%, var(--background));color:var(--primary);border-radius:999px;padding:6px 12px}.int-switch{cursor:pointer;grid-column:1/-1;align-items:center;gap:12px;width:max-content;min-height:44px;font-weight:600;display:inline-flex}.int-switch input{opacity:0;width:1px;height:1px;position:absolute}.int-switch span{background:var(--border);border-radius:999px;width:48px;height:28px;transition:background .18s;position:relative}.int-switch span:after{content:"";background:var(--background);width:22px;height:22px;box-shadow:0 1px 3px color-mix(in oklab, var(--foreground) 30%, transparent);border-radius:50%;transition:transform .2s cubic-bezier(.22,1,.36,1);position:absolute;top:3px;left:3px}.int-switch input:checked+span{background:var(--primary)}.int-switch input:checked+span:after{transform:translate(20px)}.int-switch input:focus-visible+span{outline:2px solid var(--primary);outline-offset:3px}.int-dev{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:24px;margin-top:32px;display:grid}.int-dev-lists{grid-template-columns:1fr 1fr;gap:16px;display:grid}.int-dev-lists h3{margin-bottom:10px;font-size:16px;font-weight:700}.int-dev-lists ul,.int-sec-col ul{gap:8px;margin:0;padding:0;list-style:none;display:grid}.int-dev-lists li,.int-sec-col li{align-items:flex-start;gap:8px;font-size:15px;line-height:1.45;display:flex}.int-dev-lists svg,.int-sec-col svg{color:var(--primary);flex:none;margin-top:3px}.int-term{border-radius:var(--int-radius);background:var(--foreground);color:var(--background);min-width:0;padding:18px;position:relative}.int-term-bar{gap:6px;margin-bottom:14px;display:flex}.int-term-bar i{background:color-mix(in oklab, var(--background) 30%, transparent);border-radius:50%;width:10px;height:10px}.int-term pre{min-height:96px}.int-caret{background:var(--background);vertical-align:-2px;width:8px;height:15px;animation:1s step-end infinite int-blink;display:inline-block}@keyframes int-blink{50%{opacity:0}}.int-term-out{min-height:32px;font-family:var(--font-mono,ui-monospace, monospace);opacity:0;align-items:center;gap:12px;margin-top:12px;font-size:14px;transition:opacity .3s;display:flex}.int-term-out.on{opacity:1}.int-term-out b{color:var(--mint);align-items:center;gap:4px;display:inline-flex}.int-term-replay{min-height:44px;color:inherit;opacity:.8;background:0 0;border:0;align-items:center;gap:6px;padding:0 12px;font-size:13px;display:inline-flex;position:absolute;top:10px;right:12px}.int-sandbox{border-radius:var(--int-radius);background:linear-gradient(135deg, var(--secondary), color-mix(in oklab, var(--accent) 60%, var(--background)));flex-wrap:wrap;grid-column:1/-1;justify-content:space-between;align-items:center;gap:16px;padding:24px 28px;display:flex}.int-sandbox strong{letter-spacing:-.02em;font-size:clamp(20px,2.4vw,28px)}.int-deploy{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px;margin-top:32px;display:grid}.int-deploy-slider,.int-deploy-copy,.int-deploy .int-line{grid-column:1/-1}.int-deploy-slider input{width:100%;accent-color:var(--primary);height:28px}.int-deploy-ends{color:var(--muted-foreground);justify-content:space-between;font-size:13px;display:flex}.int-deploy-names{gap:8px;margin-top:12px;display:flex}.int-deploy-names button{border:1px solid var(--border);background:var(--background);min-height:44px;color:var(--foreground);border-radius:999px;flex:1;font-weight:700}.int-deploy-names button.on{background:var(--primary);color:var(--primary-foreground);border-color:var(--primary)}.int-zone{border-radius:var(--int-radius);min-height:170px;padding:20px}.int-zone-perimeter{border:2px dashed color-mix(in oklab, var(--primary) 40%, transparent)}.int-zone>span{text-transform:uppercase;letter-spacing:.08em;color:var(--muted-foreground);margin-bottom:12px;font-size:13px;font-weight:700;display:block}.int-zone div{flex-wrap:wrap;gap:10px;display:flex}.int-zone b{background:var(--background);box-shadow:0 10px 20px -14px color-mix(in oklab, var(--foreground) 50%, transparent);border-radius:16px;padding:14px 18px}.int-deploy-copy h3{font-size:22px;font-weight:700}.int-deploy-copy p{margin:6px 0 0}.int-deploy-copy small{color:var(--muted-foreground);background:var(--secondary);border-radius:999px;margin-top:8px;padding:3px 10px;font-size:13px;display:inline-block}.int-security{grid-template-columns:140px minmax(0,1fr);align-items:start;gap:32px;margin-top:32px;display:grid}.int-shield{place-items:center;width:120px;height:140px;display:grid;position:relative}.int-shield-layer{clip-path:polygon(50% 0,100% 16%,100% 55%,50% 100%,0 55%,0 16%);position:absolute;inset:0}.int-shield-layer.l0{background:color-mix(in oklab, var(--primary) 18%, var(--background))}.int-shield-layer.l1{background:color-mix(in oklab, var(--primary) 45%, var(--background));inset:12px}.int-shield-layer.l2{background:var(--primary);inset:24px}.int-shield-icon{color:var(--primary-foreground);width:28px;height:28px;position:relative}.int-sec-cols{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.int-sec-col{border-radius:var(--int-radius);background:var(--background);border:1px solid var(--border);padding:22px}.int-sec-col h3{margin-bottom:12px;font-size:18px;font-weight:700}.int-pii{background:var(--secondary);border-radius:20px;grid-column:1/-1;margin:0;padding:16px 22px;font-weight:600}@media (width<=1023px){.int-doors,.int-dev,.int-questions,.int-llm-groups,.int-sec-cols{grid-template-columns:1fr}.int-systems,.int-board-cols{grid-template-columns:repeat(2,minmax(0,1fr))}.int-security{grid-template-columns:1fr}.int-table,.int-table tbody,.int-table tr,.int-table th,.int-table td{border:0;display:block}.int-table{border:0}.int-table thead{clip:rect(0 0 0 0);width:1px;height:1px;position:absolute;overflow:hidden}.int-table tr{border-radius:20px;margin-bottom:12px;padding:8px 0;overflow:hidden;border:1px solid var(--border)!important}.int-table tbody th{padding:10px 16px;font-size:18px}.int-table td{padding:6px 16px}.int-table td:before{content:attr(data-label);color:var(--muted-foreground);text-transform:uppercase;letter-spacing:.06em;font-size:13px;font-weight:700;display:block}}@media (width<=640px){.int-systems,.int-board-cols,.int-door-tabs,.int-dev-lists,.int-deploy,.int-router{grid-template-columns:1fr}.int-core{width:auto;margin-top:12px;position:relative;top:auto;right:auto;transform:none}.int-lines{display:none}.int-legend{margin-top:0}}:root[data-motion=calm] .int-pulse,:root[data-motion=calm] .int-router-node:after,:root[data-motion=calm] .int-caret{animation:none}.int-zones{grid-column:1/-1;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}@media (width<=640px){.int-zones{grid-template-columns:1fr}}.int-hub{aspect-ratio:1.25;width:min(520px,100%);position:relative}.int-hub-lines{width:100%;height:100%;position:absolute;inset:0}.int-hub-lines line{stroke:var(--primary);stroke-width:1.5px;stroke-dasharray:5 5;opacity:.35;animation:2.4s cubic-bezier(.22,1,.36,1) infinite int-hub-line}@keyframes int-hub-line{0%,to{opacity:.3}12%{opacity:1}30%{opacity:.3}}.int-hub-core{justify-items:center;gap:0;width:50%;display:grid;position:absolute;top:50%;left:8%;translate:0 -50%}.int-hub-owl{aspect-ratio:360/470;z-index:1;width:100%;margin-bottom:0;position:relative}.int-hub-core>span{background:var(--primary);color:var(--primary-foreground);box-shadow:var(--shadow-lift);z-index:2;border-radius:999px;padding:12px 28px;font-size:16px;font-weight:700;position:relative}.int-hub-door{text-align:center;background:var(--background);min-width:84px;box-shadow:var(--shadow-soft);color:var(--foreground);border:1.5px solid #0000;border-radius:14px;padding:10px 14px;font-size:14px;font-weight:700;animation:2.4s cubic-bezier(.22,1,.36,1) infinite int-hub-door;position:absolute;left:84%;translate:0 -50%}@keyframes int-hub-door{0%,to{border-color:#0000}12%{border-color:var(--primary)}30%{border-color:#0000}}@media (width<=767px){.int-hub-door{min-width:64px;padding:8px 10px;font-size:13px;left:auto;right:0}}[data-animated-visible=false] .int-hub-lines line,[data-animated-visible=false] .int-hub-door{animation-play-state:paused}.int-diagram{grid-template-columns:96px minmax(40px,1fr) minmax(0,46%);align-items:stretch;height:340px;padding:24px;display:grid}.int-door-col{flex-direction:column;justify-content:space-between;display:flex}.int-door{border:1.5px solid var(--border);background:var(--background);height:52px;color:var(--foreground);cursor:pointer;border-radius:14px;font-size:14px;font-weight:700;transition:border-color .18s,box-shadow .18s,color .18s}.int-door.on{border-color:var(--primary);color:var(--primary);box-shadow:0 0 0 4px color-mix(in oklab, var(--primary) 14%, transparent)}.int-wire-col{margin-block:26px;position:relative}.int-wire-col .int-lines{width:100%;height:100%;display:block;position:absolute;inset:0}.int-lines line{stroke:color-mix(in oklab, var(--primary) 30%, transparent);stroke-width:1.5px;stroke-dasharray:4 5;transition:stroke .2s}.int-lines line.on{stroke:var(--primary);stroke-width:2.5px;stroke-dasharray:none}.int-pulse-dot{background:var(--primary);width:12px;height:12px;box-shadow:0 0 0 5px color-mix(in oklab, var(--primary) 20%, transparent);border-radius:50%;margin:-6px 0 0 -6px;position:absolute}.int-diagram .int-core{align-self:center;width:auto;position:relative;top:auto;right:auto;transform:none}.int-request pre{min-height:150px}@media (width<=1023px){.int-diagram{height:320px}}@media (width<=640px){.int-diagram{grid-template-columns:76px 28px minmax(0,1fr);gap:0;height:auto;min-height:300px;padding:16px}.int-door,.int-diagram .int-core ul{font-size:13px}.int-wire-col .int-lines{display:block}}.int-rec{min-height:132px}.int-rec.has{background:color-mix(in oklab, var(--primary) 8%, var(--secondary));box-shadow:inset 0 0 0 1.5px color-mix(in oklab, var(--primary) 30%, transparent)}.int-rec,.int-table tr>*{transition:background-color .3s cubic-bezier(.22,1,.36,1),box-shadow .3s}.int-table tr.on>th{color:var(--primary)}.int-board-cols button{text-align:left;height:56px;min-height:56px;line-height:1.2}.int-board-cols button span{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.int-router{grid-template-columns:1fr}.int-router-map{height:300px;position:relative}.int-router-map svg{width:100%;height:100%;position:absolute;inset:0}.int-router-map path{fill:none;stroke:color-mix(in oklab, var(--primary) 35%, transparent);stroke-width:1.5px;stroke-dasharray:4 5}.int-map-task,.int-map-model,.int-map-node{white-space:nowrap;border-radius:999px;padding:8px 14px;font-size:14px;font-weight:600;position:absolute;translate:0 -50%}.int-map-task{text-align:center;background:var(--secondary);width:21%;color:var(--foreground);text-overflow:ellipsis;left:0;overflow:hidden}.int-map-node{background:var(--primary);color:var(--primary-foreground);box-shadow:var(--shadow-lift);border-radius:18px;padding:14px 20px;top:50%;left:50%;translate:-50% -50%}.int-map-model{text-align:center;background:var(--background);border:1px solid var(--border);width:21%;color:var(--muted-foreground);text-overflow:ellipsis;transition:border-color .3s,color .3s,background-color .3s;left:79%;overflow:hidden}.int-map-model.on{border-color:var(--primary);color:var(--primary);background:color-mix(in oklab, var(--primary) 8%, var(--background))}.int-map-dot{background:var(--attention);width:9px;height:9px;box-shadow:0 0 0 3px color-mix(in oklab, var(--attention) 25%, transparent);border-radius:50%;margin:-4.5px 0 0 -4.5px;position:absolute}.int-router .int-router-out{display:none}@media (width<=767px){.int-router-map{display:none}.int-router .int-router-out{display:grid}}.int-term-body{display:grid}.int-term-body>pre{white-space:pre-wrap;word-break:break-all;grid-area:1/1;min-height:0;margin:0;font-size:13px;line-height:1.6}.int-term-ghost{visibility:hidden}.int-term-json{color:color-mix(in oklab, var(--background) 75%, var(--mint,#10b981))}.int-term-out{min-height:28px}.int-zone{min-height:200px;position:relative;overflow:hidden}.int-zone-art{width:120px;height:120px;color:var(--primary);opacity:.12;pointer-events:none;position:absolute;bottom:-8px;right:12px}.int-zone-cloud{background:linear-gradient(160deg, var(--secondary), var(--background))}.int-zone div{min-height:60px;position:relative}.int-zone-placeholder{border:1.5px dashed color-mix(in oklab, var(--primary) 40%, transparent);color:var(--muted-foreground);border-radius:16px;align-items:center;padding:14px 18px;font-size:14px;font-style:normal;display:flex}.int-deploy-change{min-height:28px;color:var(--primary);grid-column:1/-1;font-weight:600}.int-security{grid-template-columns:260px minmax(0,1fr);align-items:center}.int-rings{aspect-ratio:1;place-items:center;width:260px;display:grid;position:relative}.int-rings svg{width:100%;height:100%;position:absolute;inset:0}.int-ring{fill:color-mix(in oklab, var(--primary) 6%, transparent);stroke:color-mix(in oklab, var(--primary) 30%, transparent);stroke-width:2px;transition:fill .2s,stroke .2s}.int-ring.on{fill:color-mix(in oklab, var(--primary) 18%, transparent);stroke:var(--primary)}.int-rings .int-shield-icon{width:48px;height:48px;color:var(--primary);position:relative}.int-ring-label{letter-spacing:.06em;text-transform:uppercase;color:var(--muted-foreground);font-size:13px;font-weight:700;transition:color .2s;position:absolute;left:50%;translate:-50%}.int-ring-label.l0{top:20px}.int-ring-label.l1{top:54px}.int-ring-label.l2{top:88px}.int-ring-label.on{color:var(--primary)}.int-sec-col{outline:none;transition:transform .18s cubic-bezier(.22,1,.36,1),border-color .18s,box-shadow .18s}.int-sec-col.on{border-color:var(--primary);box-shadow:var(--shadow-soft);transform:translateY(-4px)}.int-sec-col:focus-visible{outline:2px solid var(--primary);outline-offset:3px}@media (width<=1023px){.int-security{grid-template-columns:1fr}.int-rings{width:220px;margin-inline:auto}}:root[data-motion=calm] .int-hub-lines line,:root[data-motion=calm] .int-hub-door{animation:none}.int-map-node{z-index:2}.int-map-dot{z-index:1}@media (width>=1024px){.int-doors{align-items:stretch}.int-diagram{grid-template-rows:292px;align-content:center;height:auto;min-height:340px}}.int-systems li{box-shadow:var(--shadow-soft);flex-direction:column;gap:12px;transition:transform .18s,border-color .18s,box-shadow .18s;display:flex;position:relative;overflow:hidden}.int-systems li:hover{border-color:color-mix(in srgb,var(--primary) 30%,var(--background));box-shadow:var(--shadow-lift);transform:translateY(-4px)}.int-system-icon{background:var(--secondary);width:44px;height:44px;color:var(--primary);border-radius:12px;place-items:center;transition:background-color .18s,color .18s;display:grid}.int-systems li:hover .int-system-icon{background:var(--primary);color:var(--primary-foreground)}.int-systems strong{font-size:18px;font-weight:600}.int-systems p{margin:0;font-size:15px;line-height:1.6}.int-system-via{gap:6px;margin-top:auto;padding-top:10px;display:grid}.int-system-via>span{color:var(--muted-foreground);font-size:13px}.int-system-via>div{flex-wrap:wrap;gap:6px;display:flex}.int-system-via b{background:var(--audit-neutral);border:1px solid var(--border);border-radius:999px;padding:3px 9px;font-size:14px;font-weight:500}.int-system-connector{width:100px;height:80px;color:var(--primary);opacity:.15;pointer-events:none;position:absolute;top:0;right:0}.int-system-connector path{fill:none;stroke:currentColor;stroke-width:2px;stroke-dasharray:1;stroke-dashoffset:1px;transition:stroke-dashoffset .5s}.int-systems li:hover .int-system-connector path{stroke-dashoffset:0}:root[data-motion=calm] .int-systems li:hover{transform:none}.int-security{grid-template-columns:minmax(340px,.95fr) minmax(0,1.5fr)}.int-gates{width:100%;padding:42px 0 0;position:relative}.int-gate{background:var(--background);border:1px solid var(--border);min-height:106px;box-shadow:0 7px 0 var(--secondary),var(--shadow-soft);border-radius:8px;align-items:center;gap:14px;margin-bottom:16px;padding:18px 16px;transition:transform .25s,opacity .25s;display:flex;position:relative}.int-gate:nth-of-type(3){margin-inline:6px}.int-gate:nth-of-type(4){margin-inline:12px}.int-gate.hovered{transform:translateY(-4px)}.int-gates.has-hover .int-gate:not(.hovered){opacity:.7}.int-gate-icon{background:var(--secondary);width:44px;height:44px;color:var(--primary);border-radius:8px;flex:none;place-items:center;transition:background-color .25s,color .25s;display:grid}.int-gate.checked .int-gate-icon{background:var(--primary);color:var(--primary-foreground)}.int-gate-copy{flex:1;gap:4px;min-width:0;display:grid}.int-gate-copy strong{font-size:16px;font-weight:700}.int-gate-copy>span{color:var(--muted-foreground);font-size:13px;line-height:1.5}.int-gate-check{flex:none;width:30px}.int-gate-check .s-status{padding:5px 7px}.int-gate-packet-slot{pointer-events:none;z-index:3;height:30px;position:absolute;top:0;left:16px}.int-gate-packet{background:var(--primary);color:var(--primary-foreground);border-radius:999px;padding:5px 12px;font-family:JetBrains Mono,monospace;font-size:13px;display:block}.int-gates:before{content:"";background:var(--border);width:2px;position:absolute;top:30px;bottom:42px;left:38px}.gate-phase-1{top:143px}.gate-phase-2{top:265px}.gate-phase-3{top:387px}.gate-phase-4,.gate-phase-5{opacity:0;top:415px}.int-gate-result{justify-content:center;height:42px;display:flex}@media (width<=1199px){.int-security{grid-template-columns:1fr}.int-gates{max-width:520px;margin:auto}}@media (width<=767px){.int-table thead{display:none}.int-table td{overflow-wrap:anywhere}}