/* Collaboration is the explicit user-selected design reference. */
:root{--surface:#f5f5f5;--pink:#fbecef}.section{padding:86px 0}.wrap{max-width:1240px;padding-left:48px;padding-right:48px}h1,h2,h3{letter-spacing:-.7px}h2{font-size:clamp(29px,3.1vw,43px);line-height:1.35}h2 em,h1 em{font-style:normal;color:var(--red)}.section-label{color:var(--red);font-size:12px;font-weight:600;letter-spacing:1.4px;margin-bottom:18px}.section-head{display:block;text-align:center;margin-bottom:38px}.section-head h2{max-width:950px;margin:auto}.section-head>p:not(.section-label){max-width:690px;margin:20px auto 0}.section-head>.section-label{max-width:none;margin:0 0 18px}.hero{padding:55px 0 30px;background:radial-gradient(ellipse at 12% 40%,#e23b4f12,transparent 50%),radial-gradient(ellipse at 90% 60%,#b10e230b,transparent 55%),white}.hero .product-lockup{justify-content:center;margin:0 0 20px}.product-lockup>span{font-size:14px;letter-spacing:1px}.hero-layout{display:block}.hero-copy{text-align:center;max-width:850px;margin:auto}.hero h1{font-size:clamp(36px,4vw,55px);line-height:1.3;margin:20px 0;letter-spacing:-1.6px}.hero-copy .lead{max-width:710px;margin:22px auto 0}.hero .actions{justify-content:center;margin-top:27px}.hero .technology{margin-top:20px;font-size:14px}.hero-workspace{max-width:960px;margin:38px auto 0;position:relative;padding-bottom:24px}.hero-product{width:100%;border:2px solid var(--blue);border-radius:15px;box-shadow:0 18px 45px #23475915}.hero-screen{width:100%;height:auto;max-height:430px;object-fit:contain;background:white}.workflow-demo{margin:20px 0 0 auto;padding:18px 22px;background:white;border:1px solid #dce7ef;border-radius:11px;box-shadow:0 14px 38px #23475912;max-width:730px;display:grid;grid-template-columns:1fr 1.15fr;gap:15px 24px}.demo-title{grid-column:1/-1;margin:0;display:flex}.demo-title strong{font-size:14px}.demo-title>span{font-size:12px}.workflow-steps{gap:6px;align-items:start}.workflow-steps button{background:#f0f6f8;padding:10px 5px}.workflow-steps b{font-size:14px}.workflow-steps span{font-size:11px}.flow-detail{padding:0;min-height:95px}.flow-detail strong{font-size:15px}.flow-detail p{font-size:13px;line-height:1.75;margin-top:7px}.intro{background:#fff;padding:64px 0}.intro-layout{grid-template-columns:1fr 1.3fr;gap:70px}.intro h2{font-size:34px}.intro-layout>div>p:not(.section-label){font-size:16px}.intro .section-label{margin:0 0 18px}.architecture{border:1px solid #dce5e9;padding:28px 24px;border-radius:16px;max-width:1100px;margin:auto}.arch-heading{justify-content:center;flex-wrap:wrap;text-align:center;margin-bottom:25px}.arch-heading img{width:145px;height:50px}.arch-heading strong{font-size:24px}.arch-heading>span{flex-basis:100%;margin:0;font-size:13px}.arch-core{background:var(--blue)}.architecture-notes{max-width:1100px;margin:26px auto 0}.feature-tabs{justify-content:center;gap:8px;margin:34px 0 0}.feature-tabs button{border:1px solid #ddd9d7;border-radius:7px;background:#f5f5f5;font-size:13px;padding:11px 18px;min-height:44px}.feature-tabs button[aria-selected=true]{background:var(--red);color:white;border-color:var(--red)}.feature-panel{grid-template-columns:minmax(250px,.7fr) minmax(0,1.3fr);gap:42px;padding-top:34px;min-height:410px}.feature-panel h3{font-size:26px;line-height:1.45}.feature-panel p{font-size:15px;line-height:1.85}.feature-panel li{font-size:14px}.module-stage{position:relative;min-width:0;padding-bottom:65px}.product-frame{border-radius:13px;box-shadow:0 18px 45px #23475915}.module-stage .product-frame{border:2px solid var(--blue)}.module-note{position:absolute;bottom:0;right:0;max-width:270px;background:white;border:1px solid #dce7ef;border-radius:11px;padding:15px 18px;box-shadow:0 15px 35px #23475914;color:var(--blue)}.module-note b{display:block;font-size:14px;margin-bottom:12px}.module-note>div{display:flex;gap:12px}.module-note span{background:#edf6fa;color:#527082;padding:7px 10px;border-radius:6px;font-size:11px}.bot-section{background:#f5f5f5;color:var(--ink)}.bot-layout{grid-template-columns:1fr 1.25fr;gap:65px}.bot-options details{background:white;border:1px solid #ddd9d7;border-radius:12px}.bot-options summary{font-size:16px;color:var(--blue)}.benefits{grid-template-columns:repeat(12,minmax(0,1fr));gap:22px}.benefits article,.benefits .benefit-main,.benefits .benefit-wide{grid-column:span 7;grid-row:auto;display:grid;grid-template-columns:1fr 1fr;gap:0;min-height:275px;padding:0;border-radius:15px;overflow:hidden;background:#f5f5f5;border:1px solid #ddd9d7;color:var(--ink)}.benefits article:nth-child(2),.benefits article:nth-child(3){grid-column:span 5}.benefits .benefit-main{background:var(--deep);color:white;border-color:var(--deep)}.benefits .benefit-wide{background:var(--vivid);border-color:var(--vivid)}.benefit-copy{padding:30px 24px}.benefits h3,.benefit-main h3{font-size:21px;line-height:1.45}.benefits article p,.benefits .benefit-wide p{font-size:14px;line-height:1.8;margin:14px 0 0}.benefit-visual{background:white;color:var(--blue);border:1px solid #e0e8ec;border-right:0;border-bottom:0;border-radius:12px 0 0;margin:34px 0 0;padding:22px 14px;align-self:end;min-height:215px;display:flex;flex-direction:column;gap:10px}.benefit-visual>b{font-size:13px;margin-bottom:4px}.benefit-visual>span{font-size:12px;border-radius:6px;background:#eff6f9;color:#527082;padding:7px 10px;display:block}.benefit-visual strong{background:#eaf3f7;color:var(--blue);font-size:13px;margin:0;padding:8px 10px}.value-flow{justify-content:center;align-items:stretch;flex-wrap:nowrap}.security{max-width:1100px;font-size:14px}.deployment{grid-template-columns:1fr 1fr;gap:24px;margin-top:40px}.deployment article{background:white;border:1px solid #ddd9d7;border-radius:15px;padding:32px;color:var(--ink)}.deployment article:nth-child(2){background:var(--deep);border-color:var(--deep);color:white}.deployment article:nth-child(3){grid-column:1/-1;display:grid;grid-template-columns:.55fr 1.15fr 1fr;gap:35px;align-items:start;background:#fff}.deployment article:nth-child(3) p,.deployment article:nth-child(3) ul{margin:0}.deployment h3{font-size:25px;line-height:1.4}.deployment p{font-size:15px}.specifications{border:1px solid #ddd9d7}.deployment~.button{display:flex;width:max-content;margin:30px auto 0}.use-layout{grid-template-columns:1fr 1.25fr;gap:65px}.case-section{background:white}.customer{max-width:1050px;margin:40px auto 0;gap:0;grid-template-columns:1.1fr 1fr;border-radius:18px;overflow:hidden;box-shadow:0 15px 55px #231f200c}.case-media{border-radius:0;background:#eaf2f6;padding:32px 28px;display:flex;flex-direction:column;gap:24px;height:100%;justify-content:center}.case-media>img{border-radius:10px}.customer-product-label{display:flex;align-items:center;gap:18px}.customer-product-label img{width:120px;height:44px;object-fit:contain}.customer-product-label span{font-size:12px;color:#527082}.customer>div:last-child{padding:42px 38px}.customer h3{font-size:26px;line-height:1.4}.customer p{font-size:14px;line-height:1.85;margin-top:18px}.contact{background:radial-gradient(ellipse at center,#e23b4f1c,transparent 70%),white;padding:66px 0}.contact .section-label{margin:0 0 18px}.contact h2{font-size:clamp(32px,3.6vw,48px)}.contact p:not(.section-label){margin-top:22px}footer{background:var(--ink);color:white}.footer-grid p,.footer-bottom{color:#d0cbcd}.footer-logo{background:white;padding:5px 10px;border-radius:5px}.footer-bottom{font-size:12px}
@media(max-width:1000px){.wrap{padding-left:30px;padding-right:30px}.feature-panel{grid-template-columns:1fr;gap:28px}.feature-panel>div:first-child{max-width:680px}.module-stage{max-width:760px;width:100%;margin:auto}.benefits article,.benefits .benefit-main,.benefits .benefit-wide,.benefits article:nth-child(2),.benefits article:nth-child(3){grid-column:span 6;grid-template-columns:1fr}.benefit-visual{margin:0 24px;border-right:1px solid #e0e8ec;border-radius:12px 12px 0 0;min-height:180px}.bot-layout,.use-layout{gap:30px}.customer>div:last-child{padding:30px 26px}.deployment article:nth-child(3){display:block}.deployment article:nth-child(3) p,.deployment article:nth-child(3) ul{margin-top:20px}}
@media(max-width:700px){.wrap{padding-left:24px;padding-right:24px}.section{padding:58px 0}.hero{padding-top:40px}.hero h1{font-size:36px}.hero .product-lockup{gap:12px}.hero .product-lockup>span{font-size:13px}.hero-workspace{margin-top:30px}.hero-screen{height:auto;max-height:none}.hero-copy .lead{font-size:15px}.hero .technology{font-size:13px}.workflow-demo{max-width:none;display:block;padding:18px;margin-top:16px}.demo-title{margin-bottom:17px;display:block}.demo-title>span{display:block;margin-top:6px}.workflow-steps{grid-template-columns:repeat(4,minmax(0,1fr))}.flow-detail{padding-top:18px;min-height:110px}.workflow-steps span{font-size:10px}.workflow-steps b{font-size:13px}.hero .actions{gap:12px}.hero .plain-link{padding:12px 0}.intro{padding:48px 0}.intro-layout,.bot-layout,.use-layout{grid-template-columns:1fr;gap:28px}.intro h2{font-size:30px}.section-head h2{font-size:30px}.section-head>p:not(.section-label){font-size:15px}.section-label{font-size:11px}.feature-tabs{margin-top:25px;gap:7px}.feature-tabs button{font-size:12px;padding:10px 12px}.feature-panel{padding-top:28px}.feature-panel h3{font-size:25px}.module-note{max-width:235px;padding:12px 14px}.module-note span{font-size:10px;padding:6px 8px}.benefits{display:block}.benefits article,.benefits .benefit-main,.benefits .benefit-wide{display:grid;grid-template-columns:1.1fr 1fr;margin-top:18px;min-height:260px}.benefit-copy{padding:25px 18px}.benefit-visual{margin:25px 0 0;border-right:0;border-radius:12px 0 0;min-height:210px;padding:18px 12px}.benefits h3{font-size:20px}.benefits article p{font-size:14px}.benefit-visual>span{font-size:11px}.deployment{grid-template-columns:1fr;gap:24px}.deployment article{padding:27px}.deployment article:nth-child(3){grid-column:auto}.customer{grid-template-columns:1fr}.case-media{padding:28px 23px}.customer>div:last-child{padding:30px 25px}.customer h3{font-size:25px}.contact{padding:58px 0}.contact h2{font-size:32px}.footer-grid{gap:28px}}@media(max-width:390px){.benefits article,.benefits .benefit-main,.benefits .benefit-wide{grid-template-columns:1fr}.benefit-visual{margin:0 22px;border-right:1px solid #e0e8ec;border-radius:12px 12px 0 0}.hero h1{font-size:32px}}