/* Two product entrances. All rules stay inside the software product gateway. */
.software-product-gateway{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;padding-block:12px 96px;align-items:start;scroll-margin-top:24px}
.product-gateway-panel{--gateway-accent:#96bded;min-width:0;border:1px solid #ffffff0a;border-radius:32px;background:radial-gradient(ellipse at 20% 0,#91b7ef0a,transparent 65%),linear-gradient(145deg,#1e2026,#14161b);position:relative;isolation:isolate;box-shadow:inset 0 1px 0 #ffffff03;scroll-margin-top:24px}
.product-gateway-panel.gateway-ai{--gateway-accent:#b2b5f1;background:radial-gradient(ellipse at 80% 0,#b3a9ed0c,transparent 65%),linear-gradient(145deg,#1e2026,#14161b)}
.product-gateway-summary{list-style:none;cursor:pointer;position:relative;min-height:450px;padding:42px 28px 32px;display:flex;align-items:center;flex-direction:column;text-align:center;border-radius:32px;overflow:hidden;-webkit-tap-highlight-color:transparent}
.product-gateway-summary::-webkit-details-marker{display:none}
.product-gateway-summary::before{content:"";position:absolute;inset:0;border-radius:inherit;background:radial-gradient(ellipse at 15% 0,#e4efff12,transparent 65%);opacity:0;pointer-events:none;transition:opacity .35s}
.gateway-summary-copy{display:block;position:relative;z-index:1}
.gateway-summary-copy h2{font-size:clamp(34px,3.5vw,46px);font-weight:550;letter-spacing:-1.9px;line-height:1.1;margin:0 0 15px;color:#f5f5f7}
.gateway-summary-copy h2>span{color:var(--gateway-accent)}
.gateway-lead{display:block;font-size:15px;line-height:1.5;color:#a6aab5}
.gateway-summary-action{display:flex;align-items:center;justify-content:center;gap:12px;font-size:14px;color:#bfc3cd;margin-top:auto;min-height:44px;position:relative;z-index:1}
.gateway-action-icon{width:31px;height:31px;border:1px solid #ffffff21;border-radius:50%;display:grid;place-items:center;transition:background .25s,border-color .25s}
.gateway-action-icon svg{width:21px;height:21px;transition:transform .3s}
.gateway-close-label{display:none}
.gateway-art{display:block;position:relative;width:330px;max-width:100%;height:238px;margin:8px auto 10px;flex:none;pointer-events:none;transition:transform .4s}
.gateway-art-os{perspective:950px}
.gateway-mini-app{position:absolute;inset:32px 12px 21px 0;display:grid;grid-template-columns:25% 1fr;border:1px solid #a5b6d045;border-radius:13px;overflow:hidden;background:#edf1f6;box-shadow:0 26px 34px #0005;transform:rotate(-4deg) rotateY(5deg);color:#394653;text-align:left}
.gateway-mini-sidebar{display:flex;flex-direction:column;gap:15px;padding:21px 10px;background:#20262f}
.gateway-mini-sidebar b{font-size:12px;letter-spacing:-.5px;color:#e5ebf3;margin-bottom:8px}.gateway-mini-sidebar b>span{color:#72acfa}
.gateway-mini-sidebar i{display:block;width:74%;height:4px;border-radius:3px;background:#536073}
.gateway-mini-sidebar i.selected{width:100%;height:15px;margin-top:-5px;margin-bottom:-5px;background:#3374c7;border-radius:4px}
.gateway-mini-main{padding:19px 16px}.gateway-mini-heading{display:block;font-size:14px;font-weight:600;letter-spacing:-.3px;margin-bottom:15px}
.gateway-mini-stats{display:grid;grid-template-columns:1fr 1fr;gap:9px}.gateway-mini-stats>span{display:flex;flex-direction:column;padding:11px;border:1px solid #dfe5ec;border-radius:8px;background:#fff;gap:4px}
.gateway-mini-stats b{font-size:23px;letter-spacing:-.7px;font-weight:550}.gateway-mini-stats small{font-size:7px;color:#8090a4}.gateway-mini-stats i{width:5px;height:5px;border-radius:50%;background:#70ab99;position:absolute;right:26px}
.gateway-mini-row{display:flex;align-items:center;gap:8px;margin-top:12px}.gateway-mini-row i{font-style:normal;font-size:6px;background:#d5e2f1;color:#688caf;border-radius:50%;width:17px;height:17px;display:grid;place-items:center}.gateway-mini-row>span{height:3px;width:48%;background:#d1d9e4;border-radius:4px}.gateway-mini-row em{margin-left:auto;width:26px;height:7px;border-radius:4px;background:#c6e1d5}
.gateway-floating-tag{position:absolute;right:-3px;bottom:11px;display:flex;align-items:center;gap:9px;font-size:11px;background:linear-gradient(140deg,#30434e,#25303c);border:1px solid #c4d9f025;border-radius:15px;padding:15px 18px;box-shadow:0 10px 24px #0005;transform:rotate(3deg);color:#d2e2f2}.gateway-floating-tag>span:first-child{display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:#79ba9c1a;color:#a7d8bb}
.gateway-art-ai{isolation:isolate}
.gateway-ai-ring{position:absolute;border:1px solid #899ae017;width:164px;height:164px;border-radius:50%;left:50%;top:50%;transform:translate(-50%,-50%)}
.gateway-ai-ring-outer{width:219px;height:219px;border-color:#a8b5e90b}
.gateway-ai-orb{position:absolute;left:50%;top:50%;width:113px;height:113px;border-radius:50%;transform:translate(-50%,-50%);background:radial-gradient(circle at 28% 20%,#a4b9ea,#586faa 45%,#293e72 83%);box-shadow:inset 0 1px 3px #e8f0ff99,inset -10px -13px 25px #17294e66,0 0 55px #647abb24,0 18px 24px #0003;display:flex;align-items:center;justify-content:center;gap:5px}
.gateway-ai-orb i{width:5px;height:16px;border-radius:7px;background:#e5eeffbd;box-shadow:0 0 12px #eef4ff22}.gateway-ai-orb i:nth-child(2),.gateway-ai-orb i:nth-child(4){height:30px}.gateway-ai-orb i:nth-child(3){height:45px}
.gateway-chat-bubble{position:absolute;left:0;bottom:17px;border:1px solid #c5d1f12b;border-radius:17px 17px 17px 5px;background:linear-gradient(140deg,#36415c,#242d40);box-shadow:0 12px 20px #0004;padding:16px 19px;display:flex;flex-direction:column;text-align:left;gap:8px;transform:rotate(-5deg);color:#d7dff0;font-size:11px}.gateway-chat-bubble i{width:103px;height:3px;border-radius:4px;background:#8393b54a}.gateway-chat-bubble i:last-child{width:71px}
.gateway-ai-badge{position:absolute;right:18px;top:27px;width:53px;height:53px;border-radius:17px;border:1px solid #9eace631;display:grid;place-items:center;background:linear-gradient(140deg,#44476c,#2a2e49);box-shadow:0 9px 15px #0003;transform:rotate(9deg);color:#b8c4ef}.gateway-ai-badge svg{width:23px;height:23px}
.product-gateway-panel[open]{grid-column:1/-1;background:linear-gradient(145deg,#1b1e25,#12151b 70%);border-color:#a9c6ef21}
.product-gateway-panel[open].gateway-ai{background:linear-gradient(145deg,#1d1e28,#14151c 70%);border-color:#b2b5f127}
.software-product-gateway.is-expanded>.product-gateway-panel:not([open]){display:none}
.product-gateway-panel[open]>.product-gateway-summary{min-height:155px;padding:40px 46px;flex-direction:row;text-align:left;gap:28px;justify-content:space-between;border-radius:32px 32px 0 0}
.product-gateway-panel[open] .gateway-summary-copy h2{font-size:42px;margin-bottom:10px}
.product-gateway-panel[open] .gateway-art{display:none}
.product-gateway-panel[open] .gateway-summary-action{margin:0;flex:none;font-size:13px}
.product-gateway-panel[open] .gateway-open-label{display:none}.product-gateway-panel[open] .gateway-close-label{display:inline}
.product-gateway-panel[open] .gateway-action-icon svg{transform:rotate(180deg)}
.product-gateway-content{padding:0 46px 30px}
.product-gateway-content>.software-wrap{width:100%;max-width:none}
.product-gateway-content>.depth-section{padding-block:72px}
.product-gateway-content .depth-heading h2{font-size:clamp(32px,3.8vw,52px)}
.gateway-product-switch{display:flex;align-items:center;justify-content:space-between;border-block:1px solid #ffffff0d;gap:18px}
.gateway-product-label{font-size:11px;color:#78879b;letter-spacing:.2px}
.gateway-product-switch button,.gateway-bottom-actions button{display:inline-flex;align-items:center;gap:10px;min-height:48px;font-size:12px;color:#b6c5db;border:0;background:none;padding:8px 0;cursor:pointer}
.gateway-product-switch button>span:last-child{font-size:17px}.gateway-section-nav{justify-content:flex-start;padding:24px 0;margin-bottom:0}
.gateway-bottom-actions{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-top:22px;border-top:1px solid #ffffff0d}
.gateway-bottom-actions button:first-child{border:1px solid #ffffff16;border-radius:30px;padding:10px 20px;color:#e2e8f3;background:#ffffff04}
.software-product-gateway :is(summary,button,a):focus-visible{outline:2px solid #a7c8fc;outline-offset:5px}
@media(hover:hover){.product-gateway-panel:not([open]):hover .product-gateway-summary::before{opacity:1}.product-gateway-panel:not([open]):hover .gateway-art{transform:translateY(-5px)}.product-gateway-summary:hover .gateway-action-icon{background:#ffffff0a;border-color:#ffffff3b}.product-gateway-summary:hover .gateway-summary-action{color:#fff}.gateway-product-switch button:hover,.gateway-bottom-actions button:hover{color:#fff}}
@media(max-width:1100px){.software-product-gateway{gap:20px;padding-bottom:72px}.product-gateway-summary{padding-inline:22px;min-height:420px}.gateway-lead{font-size:14px}.gateway-art{width:300px;height:225px}.gateway-mini-app{inset-inline:2px 10px}.gateway-mini-main{padding:17px 13px}.product-gateway-content{padding-inline:30px}.product-gateway-panel[open]>.product-gateway-summary{padding-inline:30px}.gateway-floating-tag{right:0}}
@media(max-width:700px){.software-product-gateway{grid-template-columns:1fr;gap:16px;padding-top:18px;padding-bottom:50px;scroll-margin-top:18px}.product-gateway-panel{border-radius:26px;scroll-margin-top:18px}.product-gateway-summary{border-radius:26px;min-height:391px;padding:31px 22px 24px}.gateway-summary-copy h2{font-size:36px;letter-spacing:-1.4px;margin-bottom:11px}.gateway-lead{font-size:13px}.gateway-art{width:288px;height:221px;margin-block:5px}.gateway-mini-heading{font-size:12px}.gateway-mini-stats b{font-size:21px}.gateway-mini-sidebar{padding-inline:9px}.gateway-mini-sidebar b{font-size:11px}.gateway-summary-action{font-size:13px;gap:10px}.gateway-floating-tag{font-size:10px;padding:13px 15px}.product-gateway-panel[open]>.product-gateway-summary{min-height:132px;padding:28px 22px;gap:16px;align-items:flex-start}.product-gateway-panel[open] .gateway-summary-copy h2{font-size:33px}.product-gateway-panel[open] .gateway-lead{font-size:12px;max-width:210px}.product-gateway-panel[open] .gateway-summary-action{min-height:44px}.product-gateway-panel[open] .gateway-close-label{display:none}.product-gateway-content{padding:0 21px 23px}.product-gateway-content>.depth-section{padding-block:44px}.product-gateway-content .depth-heading h2{font-size:31px;letter-spacing:-1.25px}.product-gateway-content .depth-heading>p:last-child{font-size:13px}.gateway-section-nav{flex-wrap:wrap;overflow:visible;padding:19px 0;gap:7px}.gateway-section-nav a{font-size:10px;padding-inline:12px}.gateway-product-switch button,.gateway-bottom-actions button{font-size:11px}.gateway-bottom-actions{gap:10px;flex-wrap:wrap}.gateway-bottom-actions button:first-child{padding-inline:16px}.product-gateway-content .depth-team-card,.product-gateway-content .depth-ai-card{padding-inline:22px}.product-gateway-content .depth-auto-console{padding-inline:19px}.product-gateway-content .depth-paper{width:min(230px,87%);padding:23px 20px}.product-gateway-content .depth-paper h3{font-size:27px}.product-gateway-content .depth-invoice-badge{right:-5px;padding:14px;gap:10px}.product-gateway-content .depth-invoice-badge strong{font-size:11px}.product-gateway-content .depth-books-visual>div{width:70px;height:145px;padding:16px 11px}.product-gateway-content .depth-books-visual strong{font-size:12px}.product-gateway-content .depth-news-visual{width:100%;padding:22px}.product-gateway-content .depth-news-visual>strong{font-size:23px}.product-gateway-content .depth-team-card h3,.product-gateway-content .depth-ai-card h3{font-size:26px}.product-gateway-content .depth-module-list summary{font-size:18px}}
@media(max-width:360px){.gateway-art{width:253px;transform:scale(.94);transform-origin:center}.gateway-mini-app{inset-inline:0 7px}.gateway-mini-sidebar b{font-size:10px}.gateway-mini-sidebar{padding-inline:7px}.gateway-mini-main{padding:17px 10px}.gateway-mini-stats>span{padding:9px}.gateway-mini-stats b{font-size:19px}.gateway-chat-bubble{font-size:10px;padding:14px}.product-gateway-content{padding-inline:17px}.product-gateway-panel[open]>.product-gateway-summary{padding-inline:18px}.product-gateway-content .depth-heading h2{font-size:28px}.product-gateway-content .depth-books-visual{gap:6px}.product-gateway-content .depth-books-visual>div{width:61px}.product-gateway-content .depth-auto-tabs button{font-size:10px}}
@media(prefers-reduced-motion:reduce){.software-product-gateway *{transition:none!important;animation:none!important}}
