:root{--bg:#07080c;--card:#10121a;--text:#f4f5f7;--muted:#9296a4;--line:#ffffff16;--purple:#986cff}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,"Microsoft YaHei",sans-serif;overflow-x:hidden}a{color:inherit;text-decoration:none}.noise{position:fixed;inset:0;pointer-events:none;opacity:.03;z-index:99;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence baseFrequency='.9'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}header{height:80px;position:fixed;z-index:30;inset:0 0 auto;display:flex;align-items:center;justify-content:space-between;padding:0 max(25px,calc((100vw - 1200px)/2));background:#07080cba;backdrop-filter:blur(20px);border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:11px}.brand>b{width:37px;height:37px;border-radius:11px;background:linear-gradient(135deg,#a66cff,#3979ed);display:grid;place-items:center;font-size:22px;transform:rotate(7deg)}.brand span>*{display:block}.brand strong{font-size:15px}.brand small{font-size:8px;color:#777b89;letter-spacing:.13em;margin-top:3px}nav{display:flex;gap:38px}nav a{font-size:13px;color:#999daa}nav a.active{color:white}.talk{border:1px solid var(--line);padding:11px 17px;border-radius:9px;font-size:12px}.menu{display:none}.hero{min-height:100vh;padding:145px max(25px,calc((100vw - 1200px)/2)) 70px;display:grid;grid-template-columns:1.05fr .95fr;align-items:center;position:relative;overflow:hidden}.grid{position:absolute;inset:0;background-image:linear-gradient(#ffffff08 1px,transparent 1px),linear-gradient(90deg,#ffffff08 1px,transparent 1px);background-size:72px 72px;mask-image:linear-gradient(#000,transparent)}.copy,.visual{position:relative}.eyebrow,section>small,.heading small,.opc-copy>small{font-size:10px;letter-spacing:.18em;color:#a479ff}.copy h1{font-size:clamp(54px,6vw,86px);line-height:1.1;letter-spacing:-.06em;margin:25px 0}.copy h1 span,.opc h2 span{background:linear-gradient(90deg,#a778ff,#4989ff,#33d6ca);color:transparent;background-clip:text}.copy>p,.heading>p,.opc-copy>p,.about-copy>p{color:var(--muted);line-height:1.9;font-size:15px;max-width:590px}.actions{display:flex;gap:12px;margin:35px 0}.primary,.ghost,.contact a{display:inline-block;padding:15px 22px;border-radius:9px;font-size:13px}.primary{background:linear-gradient(135deg,#8254eb,#396fe7);box-shadow:0 15px 45px #6042cf40}.ghost{border:1px solid var(--line);background:#ffffff08}.stats{display:flex;gap:45px;margin-top:45px}.stats div>*{display:block}.stats b{font-size:14px}.stats small{font-size:9px;color:#666b78;margin-top:7px}.visual{height:600px;display:grid;place-items:center}.visual:before{content:"";position:absolute;width:480px;height:480px;border-radius:50%;background:#5836d944;filter:blur(85px)}.orbit{position:absolute;width:470px;height:470px;border:1px dashed #a16cff30;border-radius:50%;animation:spin 30s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.core{width:310px;height:380px;border:1px solid #ffffff20;border-radius:27px;background:linear-gradient(145deg,#181a24,#0b0c12);text-align:center;padding:23px;box-shadow:0 40px 100px #000;z-index:2}.core>small{font-size:7px;color:#656a77}.core i{width:105px;height:105px;border-radius:30px;background:linear-gradient(145deg,#9565f2,#3d72e9);display:grid;place-items:center;margin:57px auto 28px;font-style:normal;font-size:49px;font-weight:900;transform:rotate(8deg)}.core h3{margin:0 0 8px}.core p{font-size:10px;color:#777b89}.core em{display:block;color:#8d64ec;font-style:normal;font-size:25px;margin-top:20px;letter-spacing:4px}.float{position:absolute;background:#12141dd9;border:1px solid var(--line);padding:15px 18px;border-radius:13px;font-size:9px;color:#777c89;backdrop-filter:blur(12px);z-index:3}.float b{display:block;color:white;margin-top:6px}.f1{left:0;top:120px}.f2{right:0;bottom:150px}.belief{padding:120px max(25px,calc((100vw - 1200px)/2));display:grid;grid-template-columns:1fr 3fr;border-block:1px solid var(--line)}.belief p{color:#777b88;font-size:17px}.belief h2,.heading h2,.opc h2{font-size:clamp(38px,4.5vw,60px);line-height:1.25;letter-spacing:-.05em;margin:10px 0}.belief h2 span{color:#9586bc}.section{padding:140px max(25px,calc((100vw - 1200px)/2))}.heading{display:grid;grid-template-columns:2fr 1fr;align-items:end;gap:70px;margin-bottom:65px}.products{display:grid;grid-template-columns:1fr 1fr;gap:17px}.card{min-height:395px;border:1px solid var(--line);border-radius:18px;background:linear-gradient(145deg,#11131b,#0b0d13);padding:30px;position:relative;overflow:hidden;transition:.35s}.card:hover{transform:translateY(-5px);border-color:#986cff55}.main-card{grid-row:span 2;min-height:807px}.card label{font-size:9px;color:#717684}.card>i{display:grid;place-items:center;width:48px;height:48px;border-radius:13px;background:#8b5cf620;color:#9b72f5;font-style:normal;font-size:22px;margin-top:50px}.card h3{font-size:24px;margin:20px 0 12px}.card p{font-size:12px;color:#858a98;line-height:1.8}.card span{font-size:8px;border:1px solid var(--line);padding:6px 8px;border-radius:5px}.card>a{position:absolute;bottom:28px;color:#a17df0;font-size:10px}.card figure{position:absolute;left:30px;right:30px;bottom:75px;height:290px;border:1px solid var(--line);border-radius:14px;background:#090a10;overflow:hidden}.card figure b{display:block;width:23%;height:100%;border-right:1px solid var(--line)}.card figure em{position:absolute;width:40%;height:40px;border-radius:9px;background:linear-gradient(135deg,#8757eb,#4c75e9);right:10%;top:28%}.card figure em:last-child{left:30%;top:50%;width:34%;background:#1c1e29}.future{grid-column:span 2;min-height:180px;display:flex;align-items:center;justify-content:center;gap:25px;background:linear-gradient(110deg,#6034bc25,#11141c,#176f8b22)}.future>i{margin:0;width:62px;height:62px;border-radius:50%;border:1px dashed #835fc2;background:none}.future h3{margin:7px 0}.future small{font-size:8px;color:#8c6cc9}.opc{display:grid;grid-template-columns:.8fr 1.2fr;gap:70px;align-items:center;background:#090a10}.opc-copy>p{margin:27px 0 35px}.board{height:580px;border:1px solid var(--line);border-radius:27px;position:relative;background:radial-gradient(circle,#683bb22b,transparent 50%),linear-gradient(#ffffff05 1px,transparent 1px),linear-gradient(90deg,#ffffff05 1px,transparent 1px);background-size:auto,45px 45px,45px 45px}.opc-core{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:165px;height:165px;border:1px solid #9d71ff55;border-radius:50%;background:#12141ee8;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#9e75f4}.opc-core b{font-size:38px;color:white}.opc-core small{font-size:7px;color:#707582}.node{position:absolute;width:175px;padding:17px;border:1px solid var(--line);border-radius:12px;background:#141620dd;color:#9a70ef;font-size:9px}.node b,.node small{display:block}.node b{color:white;margin:9px 0;font-size:12px}.node small{color:#747987}.n1{left:8%;top:15%}.n2{right:7%;top:28%}.n3{left:12%;bottom:13%}.about{background:#08090d}.about-grid{display:grid;grid-template-columns:1fr 1.15fr;gap:80px}.logo-box{height:530px;border:1px solid var(--line);border-radius:20px;background:radial-gradient(circle,#7946d63b,transparent 40%),#0f1118;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative}.logo-box>b{width:170px;height:170px;border-radius:43px;background:linear-gradient(145deg,#9668f1,#3c72e8);display:grid;place-items:center;font-size:80px;transform:rotate(8deg);box-shadow:0 35px 70px #5431b558}.logo-box strong{text-align:center;font-size:11px;line-height:1.5;letter-spacing:.18em;margin-top:45px}.logo-box small{position:absolute;bottom:20px;left:23px;color:#555a67;font-size:7px}.about-copy{padding-top:25px}.about-copy h3{font-size:26px}.about-copy dl{margin-top:45px}.about-copy dl>div{display:grid;grid-template-columns:180px 1fr;padding:27px 0;border-top:1px solid var(--line)}dt{font-size:13px}dd{margin:0;color:#777c89;font-size:11px;line-height:1.7}.contact{padding:110px max(25px,calc((100vw - 1200px)/2));background:linear-gradient(135deg,#5930bf,#275fc9);position:relative;overflow:hidden}.contact:after{content:"只因由你";position:absolute;right:-20px;bottom:-50px;font-size:13vw;font-weight:900;color:#ffffff0b}.contact h2{font-size:clamp(45px,6vw,72px);letter-spacing:-.055em;line-height:1.15;margin:25px 0}.contact p{color:#ffffffa0}.contact a{background:white;color:#262331;margin-top:20px;position:relative;z-index:2}footer{padding:60px max(25px,calc((100vw - 1200px)/2)) 30px;display:flex;align-items:center;justify-content:space-between;color:#656a76;font-size:10px}footer>small{font-size:8px}.reveal{opacity:0;transform:translateY(25px);transition:.8s}.reveal.visible{opacity:1;transform:none}@media(max-width:850px){nav,.talk{display:none}.menu{display:block;background:none;border:0;color:white;font-size:20px}header.open nav{display:flex;position:absolute;top:80px;left:0;right:0;padding:28px;flex-direction:column;background:#0b0c11}.hero,.opc,.about-grid,.heading{grid-template-columns:1fr}.visual{height:520px}.belief{grid-template-columns:1fr;gap:35px}.heading{gap:20px}.opc{gap:60px}.about-grid{gap:30px}}@media(max-width:600px){header{height:70px}.hero,.section{padding:115px 20px 80px}.copy h1{font-size:47px}.copy>p{font-size:13px}.stats{gap:23px}.visual{height:440px;transform:scale(.78);margin:0 -75px}.belief{padding:85px 20px}.products{grid-template-columns:1fr}.main-card{grid-row:auto;min-height:650px}.card{min-height:370px}.future{grid-column:auto;justify-content:flex-start}.board{height:500px}.node{width:145px}.n1{left:3%}.n2{right:3%}.n3{left:4%}.logo-box{height:420px}.about-copy dl>div{grid-template-columns:1fr;gap:12px}.contact{padding:90px 20px}footer{padding:50px 20px 25px;align-items:flex-start;gap:30px;flex-direction:column}}
.page-hero{min-height:72vh;padding:170px max(25px,calc((100vw - 1200px)/2)) 100px;display:grid;grid-template-columns:1fr .7fr;align-items:center;position:relative;overflow:hidden;background:radial-gradient(circle at 75% 45%,#6339c933,transparent 28%),linear-gradient(#ffffff05 1px,transparent 1px),linear-gradient(90deg,#ffffff05 1px,transparent 1px);background-size:auto,72px 72px,72px 72px}.page-hero h1{font-size:clamp(58px,7vw,92px);line-height:1.08;letter-spacing:-.065em;margin:25px 0}.page-hero h1 span{background:linear-gradient(90deg,#a778ff,#4989ff,#33d6ca);color:transparent;background-clip:text}.page-hero p{max-width:620px;color:var(--muted);font-size:16px;line-height:1.9}.page-symbol{font-size:250px;font-weight:900;text-align:center;color:#ffffff08;line-height:.8;letter-spacing:-.1em;text-shadow:0 0 80px #7044da30}.page-symbol span{display:block;font-size:13px;letter-spacing:.3em;color:#9872e970;margin-top:40px}.page-intro{max-width:720px;margin-bottom:60px}.page-intro h2,.about-copy h2,.values-section h2{font-size:clamp(38px,4.5vw,58px);line-height:1.22;letter-spacing:-.05em;margin:15px 0}.page-intro>p{color:var(--muted);line-height:1.9}.product-page{padding-top:110px}.community-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.community-grid article{min-height:360px;padding:30px;border:1px solid var(--line);border-radius:18px;background:linear-gradient(145deg,#12141d,#0a0c12);position:relative}.community-grid article>b{font-size:9px;color:#716080}.community-grid article>i{display:grid;place-items:center;width:55px;height:55px;border-radius:15px;background:#8b5cf620;color:#9b72f5;font-style:normal;font-size:23px;margin:70px 0 25px}.community-grid h3{font-size:23px}.community-grid p{color:var(--muted);font-size:12px;line-height:1.9}.community-banner,.values-section{padding:110px max(25px,calc((100vw - 1200px)/2));text-align:center;border-block:1px solid var(--line);background:#0b0c12}.community-banner h2{font-size:clamp(32px,4vw,52px);margin:20px}.community-banner p{color:var(--muted)}.about-page{padding-top:110px}.about-copy>small,.values-section>small{color:#a479ff;font-size:9px;letter-spacing:.2em}.values-section>div{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--line);margin-top:55px;border:1px solid var(--line)}.values-section article{background:#0b0c12;padding:40px 25px;text-align:left}.values-section article b{font-size:15px}.values-section article p{font-size:11px;line-height:1.8;color:var(--muted)}.footer-nav a{color:#777c88}@media(max-width:850px){.page-hero{grid-template-columns:1fr}.page-symbol{display:none}.community-grid,.values-section>div{grid-template-columns:1fr 1fr}}@media(max-width:600px){.page-hero{padding:130px 20px 70px;min-height:65vh}.page-hero h1{font-size:48px}.community-grid,.values-section>div{grid-template-columns:1fr}.community-grid article{min-height:300px}.community-grid article>i{margin-top:45px}.values-section,.community-banner{padding:80px 20px}}
.library{padding-top:110px}.library-head{display:grid;grid-template-columns:2fr 1fr;align-items:end;gap:60px}.library-head h2,.method h2,.detail-section h2{font-size:clamp(38px,4.5vw,58px);letter-spacing:-.05em;line-height:1.2;margin:16px 0}.library-head small,.method small,.detail-section>small,.two-columns small{color:#9b72f5;font-size:9px;letter-spacing:.18em}.library-note{border-left:1px solid var(--line);padding-left:28px}.library-note b{color:#52d6b2;font-size:11px}.library-note p{font-size:11px;color:var(--muted);line-height:1.7}.filters{display:flex;gap:8px;margin:55px 0 30px}.filters button{border:1px solid var(--line);background:#ffffff05;color:#808593;padding:10px 16px;border-radius:30px;font-size:10px;cursor:pointer}.filters button.active{background:#8a5beb;color:white;border-color:#8a5beb}.project-list{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.project-item{min-height:490px;border:1px solid var(--line);border-radius:18px;padding:30px;background:linear-gradient(145deg,#12141d,#0a0c12);position:relative;transition:.35s}.project-item:hover{transform:translateY(-5px);border-color:#986cff55}.project-top{display:flex;justify-content:space-between}.project-top span,.project-top small{font-size:9px;color:#777c89}.project-top small{color:#4fd3b0}.project-icon{width:58px;height:58px;border-radius:16px;display:grid;place-items:center;margin:55px 0 25px;font-size:25px}.project-icon.orange{background:#ff93451c;color:#ff9d55}.project-icon.purple{background:#8b5cf620;color:#9b72f5}.project-icon.blue{background:#3982ff20;color:#5e91ff}.project-item h3{font-size:26px;margin:0 0 8px}.project-item h4{font-size:13px;font-weight:400;color:#9a9eab;margin:0 0 18px}.project-item>p{font-size:12px;line-height:1.8;color:#747987;max-width:520px}.project-tags{display:flex;gap:7px;flex-wrap:wrap;margin-top:20px}.project-tags span,.project-hero div:last-child span{font-size:8px;padding:6px 9px;border:1px solid var(--line);border-radius:5px;color:#777c89}.project-meta{display:flex;gap:20px;position:absolute;left:30px;bottom:67px;font-size:8px;color:#5f6470}.project-item>a{position:absolute;bottom:28px;left:30px;color:#a683f5;font-size:10px}.project-item.is-soon{background:linear-gradient(135deg,#5730a825,#0c0e14);border-style:dashed}.method{padding:110px max(25px,calc((100vw - 1200px)/2));display:grid;grid-template-columns:1fr 1.4fr;gap:80px;border-block:1px solid var(--line);background:#0b0c12}.method ol{list-style:none;margin:0;padding:0}.method li{display:grid;grid-template-columns:55px 130px 1fr;border-top:1px solid var(--line);padding:24px 0;align-items:center}.method li>b{color:#9067ed;font-size:9px}.method li span{font-size:13px;font-weight:bold}.method li p{font-size:11px;color:#747987}.project-hero{padding:155px max(25px,calc((100vw - 920px)/2)) 95px;border-bottom:1px solid var(--line);background:radial-gradient(circle at 75% 40%,#6339c938,transparent 35%)}.project-hero>a{font-size:10px;color:#777c89}.project-badge{color:#a982f5;font-size:9px;letter-spacing:.15em;margin:65px 0 18px}.project-hero h1{font-size:clamp(52px,7vw,86px);letter-spacing:-.06em;margin:0 0 18px}.project-hero>p{font-size:18px;color:#a1a5b1}.project-hero div:last-child{display:flex;gap:8px;margin-top:30px}.detail-section{padding:100px max(25px,calc((100vw - 920px)/2));border-bottom:1px solid var(--line)}.intro-detail>p{font-size:17px;line-height:2;color:#a0a4b0;max-width:800px}.detail-facts{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--line);margin-top:55px}.detail-facts>div{padding:25px;border-right:1px solid var(--line)}.detail-facts>div:last-child{border:0}.detail-facts small,.detail-facts b{display:block}.detail-facts small{font-size:8px;color:#666b78;margin-bottom:10px}.detail-facts b{font-size:13px}.two-columns{display:grid;grid-template-columns:1fr 1fr;gap:100px}.two-columns h2{font-size:35px}.two-columns ul{list-style:none;padding:0;margin-top:35px}.two-columns li{padding:18px 0;border-top:1px solid var(--line);color:#999da9;font-size:12px}.two-columns li:before{content:'↗';color:#956dec;margin-right:15px}.step-list{margin-top:50px}.step-list article{display:grid;grid-template-columns:90px 1fr;padding:32px 0;border-top:1px solid var(--line)}.step-list article>b{color:#9169ed;font-size:11px}.step-list h3{font-size:19px;margin:0 0 9px}.step-list p{color:#7d828f;font-size:12px;line-height:1.8;margin:0}.empty-project{min-height:80vh;display:grid;place-content:center;text-align:center}.empty-project a{color:#a982f5}@media(max-width:800px){.library-head,.method{grid-template-columns:1fr}.project-list{grid-template-columns:1fr}.two-columns{grid-template-columns:1fr;gap:60px}.method{gap:35px}.library-note{border-left:0;padding-left:0}.project-item{min-height:480px}}@media(max-width:600px){.filters{overflow-x:auto;padding-bottom:5px}.filters button{white-space:nowrap}.method{padding:80px 20px}.method li{grid-template-columns:40px 100px 1fr}.method li p{font-size:9px}.project-hero{padding:125px 20px 70px}.project-hero>p{font-size:15px}.detail-section{padding:75px 20px}.detail-facts{grid-template-columns:1fr}.detail-facts>div{border-right:0;border-bottom:1px solid var(--line)}.step-list article{grid-template-columns:55px 1fr}}
.product-catalog{padding-top:110px}.product-list{display:grid;grid-template-columns:1fr 1fr;gap:18px}.catalog-card{min-height:500px;border:1px solid var(--line);border-radius:18px;padding:30px;background:linear-gradient(145deg,#12141d,#0a0c12);position:relative;transition:.35s}.catalog-card:hover{transform:translateY(-6px);border-color:#986cff66;box-shadow:0 30px 70px #00000045}.catalog-top{display:flex;justify-content:space-between;font-size:9px;color:#6f7481}.catalog-top small{color:#a17df0}.catalog-icon,.detail-product-icon{width:64px;height:64px;border-radius:18px;display:grid;place-items:center;margin:60px 0 25px;font-size:27px}.catalog-icon.purple,.detail-product-icon.purple{background:#8b5cf622;color:#a177ff}.catalog-icon.blue,.detail-product-icon.blue{background:#397cff22;color:#6394ff}.catalog-icon.cyan,.detail-product-icon.cyan{background:#21d4c822;color:#36d9ce}.catalog-icon.orange,.detail-product-icon.orange{background:#ff934522;color:#ffa05d}.catalog-card h3{font-size:27px;margin:0 0 8px}.catalog-card h4{font-size:13px;font-weight:400;color:#9a9eab;margin:0 0 18px}.catalog-card>p{font-size:12px;line-height:1.9;color:#797e8b;max-width:480px}.catalog-tags{display:flex;gap:7px;flex-wrap:wrap;margin-top:22px}.catalog-tags span{font-size:8px;padding:6px 9px;border:1px solid var(--line);border-radius:5px;color:#777c89}.catalog-link{position:absolute;left:30px;bottom:30px;color:#a683f5;font-size:10px}.product-detail-hero{padding:150px max(25px,calc((100vw - 1000px)/2)) 90px;background:radial-gradient(circle at 78% 45%,#6339c93d,transparent 31%);border-bottom:1px solid var(--line)}.product-detail-hero>a{font-size:10px;color:#777c89}.product-detail-grid{display:grid;grid-template-columns:1fr .35fr;align-items:end;gap:60px;margin-top:60px}.product-detail-grid h1{font-size:clamp(52px,7vw,86px);letter-spacing:-.06em;line-height:1.08;margin:18px 0}.product-detail-grid>div>p{font-size:18px;color:#9da1ae}.detail-product-icon{width:150px;height:150px;border-radius:40px;font-size:64px;margin:0;justify-self:end;box-shadow:0 30px 80px #00000055}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);border:1px solid var(--line);margin-top:50px}.feature-grid article{background:#0b0d13;padding:32px;min-height:220px}.feature-grid span{font-size:9px;color:#9269ee}.feature-grid h3{font-size:17px;margin:45px 0 12px}.feature-grid p{font-size:11px;line-height:1.8;color:#777c89}.product-audience ol{list-style:none;padding:0;margin-top:35px}.product-audience ol li{display:grid;grid-template-columns:45px 1fr;padding:18px 0;border-top:1px solid var(--line);font-size:12px;color:#999da9}.product-audience ol b{color:#956dec;font-size:9px}@media(max-width:800px){.product-list{grid-template-columns:1fr}.product-detail-grid{grid-template-columns:1fr}.detail-product-icon{justify-self:start;width:110px;height:110px;font-size:45px}.feature-grid{grid-template-columns:1fr 1fr}}@media(max-width:600px){.catalog-card{min-height:470px}.product-detail-hero{padding:125px 20px 70px}.feature-grid{grid-template-columns:1fr}.feature-grid article{min-height:190px}}
.product-catalog>.page-intro{margin-bottom:85px}.product-group{margin-bottom:110px}.product-group:last-child{margin-bottom:0}.group-heading{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:end;padding-bottom:28px;margin-bottom:24px;border-bottom:1px solid var(--line)}.group-heading small{font-size:9px;letter-spacing:.18em;color:#9b72f5}.group-heading h2{font-size:42px;margin:12px 0 0;letter-spacing:-.04em}.group-heading>p{font-size:12px;line-height:1.9;color:#7e838f;margin:0}.product-group:first-child .catalog-card{background:linear-gradient(145deg,#121522,#0a0c13)}.product-group:last-child .catalog-card{background:linear-gradient(145deg,#15131a,#0b0c12)}@media(max-width:700px){.group-heading{grid-template-columns:1fr;gap:15px}.product-group{margin-bottom:80px}}
/* Product matrix: category left, products right */
.product-group{display:grid;grid-template-columns:280px minmax(0,1fr);gap:55px;align-items:start;padding:55px 0;margin:0;border-top:1px solid var(--line)}.product-group:last-child{border-bottom:1px solid var(--line)}.group-heading{display:block;position:sticky;top:120px;padding:0;margin:0;border:0}.group-heading small{display:block}.group-heading h2{font-size:38px;margin:15px 0 18px}.group-heading>p{max-width:240px}.product-group .product-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.product-group .catalog-card{min-height:460px}.product-group .catalog-icon{margin-top:48px}.product-catalog>.page-intro{margin-bottom:60px}@media(max-width:900px){.product-group{grid-template-columns:220px minmax(0,1fr);gap:30px}.product-group .product-list{grid-template-columns:1fr}.group-heading{top:100px}}@media(max-width:650px){.product-group{grid-template-columns:1fr;gap:30px;padding:45px 0}.group-heading{position:static}.group-heading>p{max-width:none}.product-group .catalog-card{min-height:450px}}
/* Interactive category sidebar */
.product-catalog>#product-list{display:grid;grid-template-columns:280px minmax(0,1fr);gap:55px;align-items:start}.category-sidebar{position:sticky;top:110px;border:1px solid var(--line);border-radius:16px;padding:16px;background:#0d0f16}.category-sidebar>small{display:block;padding:10px 12px 18px;font-size:8px;letter-spacing:.18em;color:#5f6470}.category-sidebar button{width:100%;display:grid;grid-template-columns:30px 1fr 20px;align-items:center;text-align:left;padding:20px 12px;border:0;border-top:1px solid var(--line);background:transparent;color:#737885;cursor:pointer;transition:.3s}.category-sidebar button span{font-size:9px}.category-sidebar button b,.category-sidebar button em{display:block}.category-sidebar button b{font-size:15px;color:#a0a4ae;margin-bottom:5px}.category-sidebar button em{font-size:7px;letter-spacing:.1em;font-style:normal}.category-sidebar button i{font-style:normal;opacity:0;transform:translateX(-8px);transition:.3s}.category-sidebar button:hover,.category-sidebar button.active{background:#ffffff06;border-radius:9px;color:#9d75f5}.category-sidebar button.active b{color:white}.category-sidebar button.active i{opacity:1;transform:none}.category-panel{min-width:0}.category-panel>#category-copy{display:grid;grid-template-columns:1fr 1fr;align-items:end;gap:40px;padding-bottom:28px;margin-bottom:24px;border-bottom:1px solid var(--line)}#category-copy small{font-size:9px;color:#9a72f4;letter-spacing:.17em}#category-copy h2{font-size:40px;margin:12px 0 0}#category-copy p{grid-column:2;grid-row:1/3;color:#7d828f;font-size:12px;line-height:1.8;margin:0}.category-panel .product-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.category-panel .catalog-card{min-height:470px}@media(max-width:900px){.product-catalog>#product-list{grid-template-columns:220px minmax(0,1fr);gap:28px}.category-panel .product-list{grid-template-columns:1fr}.category-panel>#category-copy{grid-template-columns:1fr}#category-copy p{grid-column:1;grid-row:auto}}@media(max-width:650px){.product-catalog>#product-list{grid-template-columns:1fr}.category-sidebar{position:static;display:grid;grid-template-columns:1fr 1fr;gap:8px}.category-sidebar>small{grid-column:span 2}.category-sidebar button{border:1px solid var(--line);border-radius:9px}.category-sidebar button i{display:none}.category-panel .catalog-card{min-height:450px}}
.auto-switch{padding:18px 12px 8px}.auto-switch>span{height:2px;display:block;background:#ffffff10;border-radius:2px;overflow:hidden}.auto-switch i{display:block;width:0;height:100%;background:linear-gradient(90deg,#885ce9,#4b86ff);border-radius:2px}.auto-switch i.running{animation:categoryProgress 6s linear forwards}.auto-switch small{display:block;margin-top:9px;font-size:7px;color:#5f6470;letter-spacing:.08em}@keyframes categoryProgress{from{width:0}to{width:100%}}@media(max-width:650px){.auto-switch{grid-column:span 2;padding:10px 3px 3px}}
.video-showcase{padding:100px max(25px,calc((100vw - 1100px)/2));background:#090a10;border-bottom:1px solid var(--line)}.video-heading{display:grid;grid-template-columns:1.5fr 1fr;align-items:end;gap:60px;margin-bottom:45px}.video-heading small{font-size:9px;letter-spacing:.18em;color:#9b72f5}.video-heading h2{font-size:clamp(36px,4.5vw,56px);letter-spacing:-.05em;margin:15px 0 0}.video-heading>p{color:#7d828f;font-size:12px;line-height:1.9}.video-player{border:1px solid #ffffff1c;border-radius:18px;overflow:hidden;background:#05060a;box-shadow:0 35px 90px #00000066}.video-screen{aspect-ratio:16/8.5;position:relative;display:grid;place-items:center;background:radial-gradient(circle at 70% 35%,#7546d445,transparent 30%),linear-gradient(135deg,#151822,#08090e)}.video-screen:before{content:"";position:absolute;inset:0;background-image:linear-gradient(#ffffff08 1px,transparent 1px),linear-gradient(90deg,#ffffff08 1px,transparent 1px);background-size:55px 55px;mask-image:linear-gradient(110deg,#000,transparent 75%)}.video-brand{position:absolute;left:28px;top:25px;display:flex;align-items:center;gap:10px}.video-brand span{width:29px;height:29px;border-radius:8px;background:linear-gradient(135deg,#9868f3,#3e72e8);display:grid;place-items:center;font-weight:bold}.video-brand b{font-size:8px;letter-spacing:.16em;color:#777c89}.video-screen>button{position:relative;z-index:2;width:86px;height:86px;border:1px solid #ffffff3a;border-radius:50%;background:#ffffff12;color:white;backdrop-filter:blur(12px);cursor:pointer;transition:.3s}.video-screen>button:hover{transform:scale(1.08);background:#8b5cf655}.video-screen>button i{font-style:normal;font-size:20px;margin-left:4px}.video-caption{position:absolute;left:30px;bottom:28px}.video-caption small{font-size:8px;color:#9e79ed;letter-spacing:.14em}.video-caption h3{font-size:22px;margin:8px 0 5px}.video-caption p{font-size:10px;color:#747986;margin:0}.video-status{position:absolute;right:28px;top:26px;border:1px solid var(--line);border-radius:20px;padding:7px 11px;font-size:8px;color:#747986}.video-controls{height:54px;display:flex;align-items:center;gap:14px;padding:0 22px;color:#5f6470;font-size:8px}.video-controls>i{height:2px;flex:1;background:#242630;position:relative}.video-controls>i:before{content:"";position:absolute;width:12%;height:100%;background:#8e64ec}.video-controls>b{font-weight:400;letter-spacing:.14em}@media(max-width:700px){.video-showcase{padding:75px 20px}.video-heading{grid-template-columns:1fr;gap:15px}.video-screen{aspect-ratio:16/11}.video-screen>button{width:65px;height:65px}.video-caption h3{font-size:17px}.video-status{display:none}.video-controls{padding:0 14px}}
.manager-section{padding:105px max(25px,calc((100vw - 1000px)/2));background:#0b0c12;border-bottom:1px solid var(--line)}.manager-heading{display:grid;grid-template-columns:1.3fr 1fr;gap:60px;align-items:end;margin-bottom:45px}.manager-heading small{font-size:9px;letter-spacing:.18em;color:#9b72f5}.manager-heading h2{font-size:clamp(38px,4.5vw,56px);letter-spacing:-.05em;margin:14px 0 0}.manager-heading>p{font-size:12px;line-height:1.9;color:#7d828f}.manager-card{display:grid;grid-template-columns:1.1fr 1fr 180px;gap:35px;align-items:center;padding:38px;border:1px solid #ffffff1c;border-radius:20px;background:linear-gradient(135deg,#151722,#0d0f16);box-shadow:0 30px 70px #00000030;position:relative;overflow:hidden}.manager-card:before{content:"";position:absolute;width:300px;height:300px;border-radius:50%;background:#7445d626;filter:blur(70px);left:-100px;top:-150px}.manager-profile{display:flex;align-items:center;gap:22px;position:relative}.manager-avatar{width:82px;height:82px;border-radius:24px;background:linear-gradient(145deg,#9768f1,#3e73e8);display:grid;place-items:center;position:relative;box-shadow:0 20px 45px #5435b64a}.manager-avatar span{font-size:39px;font-weight:900}.manager-avatar>i{position:absolute;width:14px;height:14px;border-radius:50%;background:#4ed3ae;border:3px solid #151722;right:-3px;bottom:2px}.manager-profile small{font-size:7px;letter-spacing:.17em;color:#8f69e9}.manager-profile h3{font-size:20px;margin:7px 0 5px}.manager-profile p{font-size:10px;color:#777c89;margin:0}.manager-status{font-size:8px;color:#777c89;margin-top:13px}.manager-status i{display:inline-block;width:5px;height:5px;border-radius:50%;background:#4ed3ae;margin-right:6px}.manager-contact{border-left:1px solid var(--line);padding-left:35px}.manager-contact a{display:grid;grid-template-columns:50px 1fr;padding:12px 0;border-bottom:1px solid var(--line)}.manager-contact a:last-child{border-bottom:0}.manager-contact span{font-size:9px;color:#646976}.manager-contact b{font-size:10px;font-weight:500}.manager-qr{text-align:center;border-left:1px solid var(--line);padding-left:30px}.manager-qr>div{width:105px;height:105px;background:#f4f4f4;border-radius:8px;margin:auto;position:relative;display:grid;place-items:center;color:#15151b}.manager-qr>div span{font-size:32px;font-weight:900}.manager-qr>div i{position:absolute;width:22px;height:22px;border:6px solid #15151b}.manager-qr>div i:nth-of-type(1){left:8px;top:8px}.manager-qr>div i:nth-of-type(2){right:8px;top:8px}.manager-qr>div i:nth-of-type(3){left:8px;bottom:8px}.manager-qr>small{display:block;font-size:7px;line-height:1.6;color:#666b77;margin-top:10px}.manager-note{display:flex;gap:25px;margin-top:18px;padding:16px 22px;border:1px solid var(--line);border-radius:10px;font-size:9px}.manager-note span{color:#9c75f4}.manager-note p{color:#777c89;margin:0}@media(max-width:850px){.manager-card{grid-template-columns:1fr 1fr}.manager-qr{grid-column:span 2;border-left:0;border-top:1px solid var(--line);padding:25px 0 0}.manager-heading{grid-template-columns:1fr;gap:15px}}@media(max-width:600px){.manager-section{padding:80px 20px}.manager-card{grid-template-columns:1fr;padding:25px}.manager-contact{border-left:0;border-top:1px solid var(--line);padding:20px 0 0}.manager-qr{grid-column:auto}.manager-note{align-items:flex-start;flex-direction:column;gap:8px}.manager-profile{align-items:flex-start}.manager-avatar{width:68px;height:68px}.manager-avatar span{font-size:31px}}
/* Delivery process timeline correction */
.two-columns ul li:before{content:'↗';color:#956dec;margin-right:15px}.product-audience ol{position:relative;margin-top:35px}.product-audience ol:before{content:"";position:absolute;left:18px;top:22px;bottom:22px;width:1px;background:linear-gradient(#8f66ed,#3e77ea55)}.product-audience ol li{position:relative;display:grid;grid-template-columns:54px 1fr;align-items:center;min-height:62px;padding:10px 0;border:0;color:#a2a6b1}.product-audience ol li:before{content:none!important}.product-audience ol li b{position:relative;z-index:2;width:37px;height:37px;border-radius:50%;display:grid;place-items:center;background:#11131c;border:1px solid #8e65ec77;color:#a47ef5;font-size:9px;box-shadow:0 0 0 6px #0b0c12}.product-audience ol li span{padding:18px 20px;border:1px solid var(--line);border-radius:10px;background:#ffffff03;font-size:12px;transition:.3s}.product-audience ol li:hover span{border-color:#986cff55;background:#986cff0b;transform:translateX(4px)}@media(max-width:600px){.product-audience ol li{grid-template-columns:48px 1fr}.product-audience ol li span{padding:15px;font-size:11px}}
.download-strip{padding:58px max(25px,calc((100vw - 1000px)/2));display:grid;grid-template-columns:1fr 1.2fr;gap:60px;align-items:center;background:linear-gradient(110deg,#40228e55,#11141c 52%,#174b7d33);border-bottom:1px solid var(--line)}.download-copy small{font-size:8px;letter-spacing:.18em;color:#aa87f8}.download-copy h2{font-size:30px;margin:12px 0}.download-copy p{font-size:11px;line-height:1.8;color:#868b98;max-width:440px}.download-actions{display:grid;grid-template-columns:1fr auto;gap:12px}.download-version{grid-column:span 2;padding:16px 18px;border:1px solid var(--line);border-radius:10px;background:#ffffff06;display:grid;grid-template-columns:90px 1fr auto;align-items:center}.download-version span,.download-version small{font-size:8px;color:#737885}.download-version b{font-size:11px}.download-button,.trial-button{min-height:62px;border-radius:10px}.download-button{display:flex;align-items:center;gap:13px;padding:0 20px;border:1px solid #ffffff18;background:#ffffff0b;color:white;text-align:left}.download-button>i{font-style:normal;font-size:20px;color:#a981f4}.download-button span>*{display:block}.download-button b{font-size:11px}.download-button small{font-size:8px;color:#6e7380;margin-top:4px}.download-button.disabled{opacity:.65;cursor:not-allowed}.trial-button{display:grid;place-items:center;padding:0 22px;background:linear-gradient(135deg,#8759eb,#3e75e7);font-size:11px;white-space:nowrap}@media(max-width:800px){.download-strip{grid-template-columns:1fr;gap:25px}}@media(max-width:600px){.download-strip{padding:55px 20px}.download-actions{grid-template-columns:1fr}.download-version{grid-column:auto;grid-template-columns:1fr;gap:7px}.trial-button{min-height:58px}}
/* OPC community category layout */
.library>#project-list{display:grid;grid-template-columns:280px minmax(0,1fr);gap:55px;align-items:start}.community-sidebar{position:sticky;top:110px;border:1px solid var(--line);border-radius:16px;padding:16px;background:#0d0f16}.community-sidebar>small{display:block;padding:10px 12px 18px;font-size:8px;letter-spacing:.18em;color:#5f6470}.community-sidebar button{width:100%;display:grid;grid-template-columns:30px 1fr 20px;align-items:center;text-align:left;padding:20px 12px;border:0;border-top:1px solid var(--line);background:transparent;color:#737885;cursor:pointer;transition:.3s}.community-sidebar button span{font-size:9px}.community-sidebar button b,.community-sidebar button em{display:block}.community-sidebar button b{font-size:15px;color:#a0a4ae;margin-bottom:5px}.community-sidebar button em{font-size:7px;letter-spacing:.1em;font-style:normal}.community-sidebar button i{font-style:normal;opacity:0;transform:translateX(-8px);transition:.3s}.community-sidebar button:hover,.community-sidebar button.active{background:#ffffff06;border-radius:9px;color:#9d75f5}.community-sidebar button.active b{color:white}.community-sidebar button.active i{opacity:1;transform:none}.community-panel{min-width:0}.community-panel>#community-copy{display:grid;grid-template-columns:1fr 1fr;align-items:end;gap:40px;padding-bottom:28px;margin-bottom:24px;border-bottom:1px solid var(--line)}#community-copy small{font-size:9px;color:#9a72f4;letter-spacing:.17em}#community-copy h2{font-size:40px;margin:12px 0 0}#community-copy p{grid-column:2;grid-row:1/3;color:#7d828f;font-size:12px;line-height:1.8;margin:0}.community-projects{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.community-projects .project-item{min-height:500px}.community-auto{padding:18px 12px 8px}@media(max-width:900px){.library>#project-list{grid-template-columns:220px minmax(0,1fr);gap:28px}.community-projects{grid-template-columns:1fr}.community-panel>#community-copy{grid-template-columns:1fr}#community-copy p{grid-column:1;grid-row:auto}}@media(max-width:650px){.library>#project-list{grid-template-columns:1fr}.community-sidebar{position:static;display:grid;grid-template-columns:1fr 1fr;gap:8px}.community-sidebar>small,.community-auto{grid-column:span 2}.community-sidebar button{border:1px solid var(--line);border-radius:9px}.community-sidebar button i{display:none}.community-projects .project-item{min-height:480px}}
.home-products{background:#08090e}.featured-switch{display:flex;align-items:center;gap:14px;color:#777c89;font-size:9px;letter-spacing:.12em;margin-bottom:24px}.featured-switch i{width:55px;height:1px;background:linear-gradient(90deg,#8f63ee,#3b7be9)}.featured-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:17px}.featured-product{min-height:390px;padding:30px;border:1px solid var(--line);border-radius:18px;background:linear-gradient(145deg,#11131c,#0a0c12);position:relative;transition:.4s;overflow:hidden}.featured-product:hover{transform:translateY(-6px);border-color:#986cff66;box-shadow:0 30px 75px #00000055}.featured-product.featured-large{grid-row:span 2;min-height:797px;background:radial-gradient(circle at 65% 75%,#6638c834,transparent 35%),linear-gradient(145deg,#131520,#090b11)}.featured-top{display:flex;justify-content:space-between;font-size:8px;color:#717684}.featured-top b{font-size:9px;color:#505561}.featured-icon{width:54px;height:54px;border-radius:15px;display:grid;place-items:center;margin:55px 0 25px;font-size:25px}.featured-icon.purple{background:#8b5cf622;color:#a177ff}.featured-icon.blue{background:#397cff22;color:#6394ff}.featured-icon.cyan{background:#21d4c822;color:#36d9ce}.featured-icon.orange{background:#ff934522;color:#ffa05d}.featured-product h3{font-size:25px;margin:0 0 14px}.featured-product>p{font-size:12px;line-height:1.9;color:#7b808d;max-width:470px}.featured-product>strong{position:absolute;left:30px;bottom:30px;font-size:10px;color:#a581f4}.featured-tags{display:flex;gap:7px;margin-top:25px}.featured-tags span{padding:6px 9px;border:1px solid var(--line);border-radius:5px;color:#747987;font-size:8px}.featured-large:after{content:"AI BUSINESS WORKSTATION";position:absolute;right:-110px;bottom:140px;font-size:52px;font-weight:900;color:#ffffff08;transform:rotate(-90deg);letter-spacing:.05em}.all-products-link{margin-top:18px;padding:28px 30px;border:1px solid var(--line);border-radius:14px;display:flex;align-items:center;justify-content:space-between;background:linear-gradient(100deg,#5d35b226,#10131b,#17657f20)}.all-products-link small{font-size:8px;letter-spacing:.18em;color:#8f6bdc}.all-products-link h3{font-size:17px;margin:8px 0 0}.all-products-link a{padding:13px 18px;border-radius:8px;background:#ffffff0a;border:1px solid var(--line);font-size:10px;color:#ae91f4}@media(max-width:800px){.featured-grid{grid-template-columns:1fr}.featured-product.featured-large{grid-row:auto;min-height:520px}.featured-product{min-height:360px}}@media(max-width:600px){.featured-product.featured-large{min-height:480px}.all-products-link{align-items:flex-start;flex-direction:column;gap:22px}.featured-large:after{display:none}}
.home-opc-link{display:block;color:inherit}.home-opc-link .board-entry{position:absolute;right:24px;bottom:20px;padding:10px 14px;border:1px solid var(--line);border-radius:8px;background:#10121ac9;color:#a98af4;font-size:9px;z-index:3;transition:.3s}.home-opc-link:hover{border-color:#986cff55}.home-opc-link:hover .board-entry{background:#8a5beb;color:white;transform:translateX(-4px)}
.community-portal{padding-top:110px}.portal-heading{max-width:760px;margin-bottom:60px}.portal-heading small{font-size:9px;letter-spacing:.18em;color:#9b72f5}.portal-heading h2{font-size:clamp(42px,5vw,64px);line-height:1.18;letter-spacing:-.055em;margin:16px 0}.portal-heading p{color:#858a97;font-size:13px;line-height:1.9}.portal-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}.portal-card{min-height:560px;padding:30px;border:1px solid var(--line);border-radius:20px;background:linear-gradient(150deg,#13151e,#0a0c12);position:relative;overflow:hidden;transition:.4s}.portal-card:before{content:"";position:absolute;width:260px;height:260px;border-radius:50%;filter:blur(80px);opacity:.16;right:-100px;top:-90px}.portal-card.playbook:before{background:#8e5cef}.portal-card.resources:before{background:#22cfc4}.portal-card.cocreate:before{background:#397cff}.portal-card:hover{transform:translateY(-8px);border-color:#986cff60;box-shadow:0 35px 80px #00000055}.portal-number{font-size:9px;color:#5e6370}.portal-symbol{width:76px;height:76px;border-radius:21px;display:grid;place-items:center;margin:75px 0 30px;background:#8b5cf61c;color:#a178f5;font-size:30px}.resources .portal-symbol{background:#21d4c81c;color:#35d8cd}.cocreate .portal-symbol{background:#397cff1c;color:#6293ff}.portal-card>small{font-size:8px;letter-spacing:.15em;color:#716681}.portal-card h3{font-size:27px;margin:10px 0 16px}.portal-card>p{font-size:12px;line-height:1.9;color:#7c818e}.portal-meta{display:flex;gap:7px;flex-wrap:wrap;margin-top:24px}.portal-meta span{padding:6px 9px;border:1px solid var(--line);border-radius:5px;color:#707582;font-size:8px}.portal-card>b{position:absolute;left:30px;bottom:30px;color:#a584f3;font-size:10px}.portal-principle{padding:100px 25px;text-align:center;border-block:1px solid var(--line);background:#0a0b10}.portal-principle small{font-size:8px;letter-spacing:.2em;color:#936dec}.portal-principle h2{font-size:clamp(30px,4vw,50px);line-height:1.4;letter-spacing:-.04em}.zone-hero{padding:155px max(25px,calc((100vw - 1050px)/2)) 90px;background:radial-gradient(circle at 75% 35%,#6439c934,transparent 30%);border-bottom:1px solid var(--line)}.zone-hero>a{display:block;font-size:10px;color:#747986;margin-bottom:65px}.zone-hero>small{font-size:9px;letter-spacing:.2em;color:#9c74f5}.zone-hero h1{font-size:clamp(58px,8vw,94px);letter-spacing:-.065em;margin:18px 0}.zone-hero p{font-size:16px;color:#969aa7;line-height:1.8}.zone-content{padding:90px max(25px,calc((100vw - 1050px)/2))}.zone-toolbar{display:flex;align-items:center;justify-content:space-between;padding-bottom:25px;margin-bottom:25px;border-bottom:1px solid var(--line)}.zone-toolbar div>*{display:block}.zone-toolbar span{font-size:8px;color:#686d79;letter-spacing:.16em}.zone-toolbar b{font-size:15px;margin-top:8px}.zone-toolbar>a{padding:12px 16px;border-radius:8px;background:#8b5cf61c;color:#a783f5;border:1px solid #8b5cf630;font-size:9px}.zone-playbooks{display:grid;grid-template-columns:1fr 1fr;gap:17px}.zone-playbook{min-height:480px;border:1px solid var(--line);border-radius:17px;background:#0e1017;padding:30px;position:relative}.zone-playbook>small{font-size:8px;color:#6f7481}.zone-playbook h3{font-size:24px;margin:12px 0}.zone-playbook>p{font-size:12px;color:#7c818e;line-height:1.8}.zone-playbook>a{position:absolute;left:30px;bottom:28px;color:#a581f4;font-size:10px}.resource-list{border-top:1px solid var(--line)}.resource-row{display:grid;grid-template-columns:110px 1fr 100px 110px;gap:25px;align-items:center;padding:30px 10px;border-bottom:1px solid var(--line);transition:.3s}.resource-row:hover{background:#ffffff04;padding-inline:20px}.resource-row>span{font-size:9px;color:#9670ec}.resource-row h3{font-size:16px;margin:0 0 8px}.resource-row p{font-size:10px;color:#777c89;margin:0}.resource-row>small{font-size:8px;color:#656a76}.resource-row>a{font-size:9px;color:#a783f5}.recruit-list{display:grid;grid-template-columns:1fr 1fr;gap:17px}.recruit-card{min-height:390px;padding:30px;border:1px solid var(--line);border-radius:17px;background:linear-gradient(145deg,#12141d,#0a0c12);position:relative}.recruit-card>small{font-size:8px;color:#9a73ee}.recruit-card h3{font-size:24px;margin:55px 0 15px}.recruit-card p{font-size:12px;line-height:1.8;color:#7a7f8c}.recruit-card div{display:flex;gap:7px;flex-wrap:wrap;margin-top:24px}.recruit-card div span{font-size:8px;border:1px solid var(--line);padding:6px 9px;border-radius:5px;color:#747986}.recruit-card>a{position:absolute;left:30px;bottom:28px;color:#a682f4;font-size:10px}@media(max-width:850px){.portal-cards{grid-template-columns:1fr}.portal-card{min-height:450px}.portal-symbol{margin-top:50px}.zone-playbooks,.recruit-list{grid-template-columns:1fr}.resource-row{grid-template-columns:90px 1fr 90px}.resource-row>a{grid-column:2}}@media(max-width:600px){.community-portal{padding-top:90px}.portal-card{min-height:430px}.zone-hero{padding:125px 20px 70px}.zone-content{padding:70px 20px}.zone-toolbar{align-items:flex-start;flex-direction:column;gap:20px}.resource-row{grid-template-columns:1fr;gap:10px;padding:25px 5px}.resource-row>a{grid-column:auto}.resource-row:hover{padding-inline:10px}}
/* OPC portal horizontal sections */
.portal-sections{display:grid;gap:24px}.portal-section{min-height:520px;display:grid;grid-template-columns:38% 62%;border:1px solid var(--line);border-radius:22px;background:linear-gradient(145deg,#11131b,#090b10);overflow:hidden;transition:.4s}.portal-section:hover{transform:translateY(-5px);border-color:#986cff55;box-shadow:0 35px 85px #00000055}.portal-section:nth-child(even){grid-template-columns:62% 38%}.portal-section:nth-child(even) .portal-side{grid-column:2;grid-row:1}.portal-section:nth-child(even) .portal-preview{grid-column:1;grid-row:1}.portal-side{padding:45px;display:flex;flex-direction:column;align-items:flex-start;position:relative;background:#ffffff02}.portal-side>span{font-size:8px;letter-spacing:.18em;color:#746583}.portal-side .portal-symbol{margin:70px 0 25px;width:68px;height:68px}.portal-side h3{font-size:31px;margin:0 0 17px}.portal-side p{font-size:12px;line-height:1.9;color:#7b808d}.portal-side>b{margin-top:auto;color:#a784f4;font-size:10px}.portal-preview{position:relative;padding:45px;background:radial-gradient(circle at 70% 40%,#7544dc22,transparent 40%),#0b0d13;display:flex;flex-direction:column;justify-content:center}.preview-label{position:absolute;left:28px;top:24px;font-size:7px;letter-spacing:.17em;color:#5e6370}.playbook-preview article{position:relative;padding:24px 25px;margin:7px 0;border:1px solid var(--line);border-radius:13px;background:#12141cd9;transition:.3s}.playbook-preview article:hover{transform:translateX(5px);border-color:#986cff55}.playbook-preview article small{font-size:8px;color:#956dee}.playbook-preview article h4{font-size:17px;margin:10px 0 6px}.playbook-preview article p{font-size:9px;color:#6f7481;margin:0}.playbook-preview article i{position:absolute;right:22px;top:50%;font-style:normal;color:#9069e8}.preview-stat{display:flex;align-items:center;gap:14px;margin:20px 5px 0}.preview-stat strong{font-size:38px}.preview-stat span{font-size:8px;color:#686d7a;line-height:1.6}.resource-preview{gap:9px}.resource-preview article{display:grid;grid-template-columns:75px 1fr 60px;gap:18px;align-items:center;padding:20px;border-bottom:1px solid var(--line)}.resource-preview article em{font-style:normal;font-size:8px;color:#31d5ca}.resource-preview article h4{font-size:14px;margin:0 0 7px}.resource-preview article p,.resource-preview article>small{font-size:8px;color:#686d79;margin:0}.resource-preview article>small{text-align:right}.cocreate-preview{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding-top:80px}.cocreate-preview .preview-label{grid-column:span 2}.project-orbit{grid-column:span 2;height:175px;position:relative;display:grid;place-items:center}.project-orbit:before,.project-orbit:after{content:"";position:absolute;border:1px solid #956ceb35;border-radius:50%;width:150px;height:150px}.project-orbit:after{width:220px;height:100px}.project-orbit strong{width:80px;height:80px;border-radius:50%;display:grid;place-items:center;background:#151722;border:1px solid #956ceb66;font-size:20px;box-shadow:0 0 45px #7443d73d}.project-orbit i{position:absolute;width:8px;height:8px;border-radius:50%;background:#936aed;box-shadow:0 0 12px #936aed}.project-orbit i:nth-child(1){left:28%;top:35%}.project-orbit i:nth-child(2){right:25%;top:55%}.project-orbit i:nth-child(3){left:48%;bottom:5%}.cocreate-preview article{padding:20px;border:1px solid var(--line);border-radius:12px;background:#11131b}.cocreate-preview article small{font-size:7px;color:#9169e8}.cocreate-preview article h4{font-size:14px;margin:10px 0 15px}.cocreate-preview article div{display:flex;gap:6px}.cocreate-preview article span{font-size:7px;padding:5px 7px;border:1px solid var(--line);border-radius:4px;color:#717684}@media(max-width:850px){.portal-section,.portal-section:nth-child(even){grid-template-columns:1fr}.portal-section:nth-child(even) .portal-side,.portal-section:nth-child(even) .portal-preview{grid-column:auto;grid-row:auto}.portal-side{min-height:380px}.portal-side .portal-symbol{margin-top:45px}.portal-preview{min-height:420px}}@media(max-width:600px){.portal-side,.portal-preview{padding:28px}.portal-section{min-height:auto}.resource-preview article{grid-template-columns:65px 1fr}.resource-preview article>small{grid-column:2;text-align:left}.cocreate-preview{grid-template-columns:1fr}.cocreate-preview .preview-label,.project-orbit{grid-column:auto}}
/* Product horizontal portal containers */
.product-catalog>#product-list{display:block}.product-portals{display:grid;gap:24px}.product-portal{min-height:610px;display:grid;grid-template-columns:36% 64%;border:1px solid var(--line);border-radius:22px;background:linear-gradient(145deg,#11131b,#090b10);overflow:hidden;scroll-margin-top:105px}.product-portal.reverse{grid-template-columns:64% 36%}.product-portal.reverse .product-portal-side{grid-column:2;grid-row:1}.product-portal.reverse .product-portal-preview{grid-column:1;grid-row:1}.product-portal-side{padding:44px;display:flex;flex-direction:column;align-items:flex-start;background:#ffffff02}.product-portal-side>span{font-size:8px;letter-spacing:.18em;color:#766687}.portal-category-icon{width:70px;height:70px;border-radius:20px;background:#8b5cf61e;color:#a178f4;display:grid;place-items:center;font-size:29px;margin:70px 0 25px}.product-portal-side h2{font-size:34px;margin:0 0 18px}.product-portal-side>p{font-size:12px;line-height:1.9;color:#7d828f}.product-portal-side>a{margin-top:auto;color:#aa89f5;font-size:10px}.portal-category-meta{display:flex;align-items:center;gap:13px;margin-top:27px}.portal-category-meta strong{font-size:34px}.portal-category-meta small{font-size:8px;line-height:1.5;color:#626773}.product-portal-preview{padding:70px 38px 35px;background:radial-gradient(circle at 70% 30%,#7041d923,transparent 36%),#0b0d13;position:relative;overflow-y:auto}.product-preview-row{display:grid;grid-template-columns:30px 48px 1fr 25px;gap:15px;align-items:center;padding:19px 15px;border-bottom:1px solid var(--line);transition:.3s}.product-preview-row:hover{background:#ffffff05;padding-left:22px}.product-preview-row>span{font-size:8px;color:#5e6370}.mini-product-icon{width:42px;height:42px;border-radius:11px;display:grid;place-items:center}.mini-product-icon.purple{background:#8b5cf620;color:#a078f5}.mini-product-icon.blue{background:#397cff20;color:#6595ff}.mini-product-icon.cyan{background:#21d4c820;color:#38d8ce}.mini-product-icon.orange{background:#ff934520;color:#ffa15f}.product-preview-row small{font-size:7px;color:#7d668f}.product-preview-row h4{font-size:14px;margin:5px 0}.product-preview-row p{font-size:9px;color:#6e7380;margin:0}.product-preview-row>b{color:#936bed}.product-portal-preview .preview-label{top:25px;left:38px}
/* Global navigation dropdowns */
nav{align-self:stretch;align-items:center}.nav-item{height:100%;display:flex;align-items:center;position:relative}.nav-item>a{height:100%;display:flex;align-items:center}.nav-dropdown{position:absolute;top:68px;left:50%;width:330px;padding:16px;background:#0d0f16f5;backdrop-filter:blur(22px);border:1px solid #ffffff1c;border-radius:15px;box-shadow:0 25px 70px #00000088;opacity:0;visibility:hidden;transform:translate(-50%,10px);transition:.25s;pointer-events:none}.nav-item:hover .nav-dropdown,.nav-item:focus-within .nav-dropdown{opacity:1;visibility:visible;transform:translate(-50%,0);pointer-events:auto}.nav-dropdown>small{display:block;padding:8px 10px 15px;font-size:7px;letter-spacing:.18em;color:#5e6370}.nav-dropdown>a{display:grid;grid-template-columns:28px 1fr 18px;gap:8px;align-items:center;padding:15px 10px;border-top:1px solid var(--line);height:auto;color:#8b8f9b}.nav-dropdown>a:hover{background:#ffffff06;border-radius:8px;color:white}.nav-dropdown>a i{font-style:normal;font-size:8px;color:#956dec}.nav-dropdown>a span>*{display:block}.nav-dropdown>a b{font-size:12px}.nav-dropdown>a em{font-style:normal;font-size:7px;color:#626773;margin-top:4px;letter-spacing:.08em}.nav-dropdown>a strong{font-size:10px;color:#9069e8}.dropdown-all{padding-top:10px}.dropdown-all a{display:block;padding:11px;background:#8b5cf615;border-radius:8px;text-align:center;font-size:8px;color:#a682f4}@media(max-width:850px){.product-portal,.product-portal.reverse{grid-template-columns:1fr}.product-portal.reverse .product-portal-side,.product-portal.reverse .product-portal-preview{grid-column:auto;grid-row:auto}.product-portal-side{min-height:390px}.product-portal-preview{max-height:none}.site-header.open nav,.open nav{align-items:stretch}.nav-item{height:auto;display:block}.nav-item>a{height:auto}.nav-dropdown{position:static;width:auto;opacity:1;visibility:visible;transform:none;display:none;box-shadow:none;margin:10px 0;background:#11131a;pointer-events:auto}.nav-item:hover .nav-dropdown,.nav-item:focus-within .nav-dropdown{display:block;transform:none}}@media(max-width:600px){.product-portal-side{padding:30px;min-height:360px}.product-portal-preview{padding:65px 18px 25px}.product-preview-row{grid-template-columns:24px 42px 1fr 15px;gap:10px}.product-preview-row p{display:none}}
.hero-slider{position:relative;min-height:365px}.hero-slides{position:relative;min-height:300px}.hero-slide{position:absolute;inset:0;opacity:0;visibility:hidden;transform:translateY(18px);transition:opacity .65s ease,transform .65s ease,visibility .65s}.hero-slide.active{opacity:1;visibility:visible;transform:none}.hero-slide h1{font-size:clamp(56px,6.2vw,88px);line-height:1.08;letter-spacing:-.055em;margin:25px 0}.hero-slide h1 span{background:linear-gradient(90deg,#a778ff,#4989ff,#33d6ca);color:transparent;background-clip:text}.hero-slide>p{font-size:15px;line-height:1.9;color:#a2a6b3;max-width:590px}.hero-slider-control{display:flex;align-items:center;justify-content:space-between;margin-top:22px;max-width:590px}.hero-dots{display:flex;gap:10px}.hero-dots button{display:flex;align-items:center;gap:7px;border:0;background:transparent;color:#505561;padding:5px 0;cursor:pointer}.hero-dots button i{display:block;width:28px;height:2px;background:#292c35;position:relative;overflow:hidden}.hero-dots button i:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#9569ef,#427ee9);transform:scaleX(0);transform-origin:left}.hero-dots button.active{color:#a98af4}.hero-dots button.active i:after{animation:sloganProgress 6.5s linear forwards}.hero-dots button span{font-size:8px}.slider-state{font-size:7px;letter-spacing:.13em;color:#565b67}@keyframes sloganProgress{to{transform:scaleX(1)}}@media(max-width:600px){.hero-slider{min-height:390px}.hero-slides{min-height:330px}.hero-slide h1{font-size:47px}.hero-slide>p{font-size:13px}.slider-state{display:none}.hero-slider-control{margin-top:10px}}
/* Slogan carousel: 3s, horizontal motion, dot indicators */
.hero-slide{transform:translateX(32px)}.hero-slide.active{transform:translateX(0)}.hero-dots{gap:9px}.hero-dots button{width:18px;height:18px;padding:0;display:grid;place-items:center}.hero-dots button i{width:6px;height:6px;border-radius:50%;background:#454a56;overflow:visible;transition:.3s}.hero-dots button i:after{display:none}.hero-dots button span{display:none}.hero-dots button.active i{width:9px;height:9px;background:linear-gradient(135deg,#a274f5,#467fea);box-shadow:0 0 12px #855dec}.slider-state{display:none}
.product-value-slider{margin-top:25px;min-height:105px;position:relative;overflow:hidden}.product-value-slides{position:relative;min-height:72px}.product-value-slide{position:absolute;inset:0;opacity:0;visibility:hidden;transform:translateX(25px);transition:.55s ease}.product-value-slide.active{opacity:1;visibility:visible;transform:none}.product-value-slide p{font-size:15px;line-height:1.7;color:#8d929f;margin:0}.product-value-slide p+p{margin-top:3px}.product-value-slide b{color:#c0c3cb;font-weight:600}.product-value-dots{display:flex;gap:8px;margin-top:12px}.product-value-dots button{width:6px;height:6px;padding:0;border:0;border-radius:50%;background:#444955;cursor:pointer;transition:.3s}.product-value-dots button.active{width:18px;border-radius:5px;background:linear-gradient(90deg,#9368ee,#4380eb)}@media(max-width:600px){.product-value-slider{min-height:115px}.product-value-slide p{font-size:13px}}
.product-value-container{margin:0 0 70px;padding:34px 38px;border:1px solid var(--line);border-radius:17px;background:radial-gradient(circle at 80% 30%,#7041d92b,transparent 36%),linear-gradient(110deg,#15131e,#0d1017);display:grid;grid-template-columns:260px 1fr;gap:55px;align-items:center;position:relative;overflow:hidden}.product-value-container:after{content:"VALUE";position:absolute;right:-15px;bottom:-35px;font-size:90px;font-weight:900;color:#ffffff06;letter-spacing:-.06em}.value-container-label{position:relative;z-index:2;border-right:1px solid var(--line);padding-right:30px}.value-container-label span,.value-container-label small{display:block}.value-container-label span{font-size:9px;letter-spacing:.2em;color:#9c73f4}.value-container-label small{font-size:10px;line-height:1.8;color:#707582;margin-top:12px}.product-value-container .product-value-slider{margin:0;min-height:100px;z-index:2}.product-value-container .product-value-slide p{font-size:17px}.product-catalog>.page-intro{margin-bottom:45px}@media(max-width:700px){.product-value-container{grid-template-columns:1fr;gap:25px;padding:28px}.value-container-label{border-right:0;border-bottom:1px solid var(--line);padding:0 0 20px}.product-value-container .product-value-slide p{font-size:14px}}
/* Prominent category browse card button */
.product-portal-side>a{width:100%;min-height:72px;margin-top:auto;padding:0 20px;border:1px solid #986cff38;border-radius:13px;background:linear-gradient(110deg,#8b5cf617,#397cff0d);display:flex;align-items:center;justify-content:space-between;color:#d2c5f7;font-size:12px;font-weight:600;transition:.3s;position:relative;overflow:hidden}.product-portal-side>a:before{content:"EXPLORE";position:absolute;right:48px;bottom:-5px;font-size:24px;font-weight:900;color:#ffffff05;letter-spacing:.08em}.product-portal-side>a:after{content:"→";width:34px;height:34px;border-radius:9px;background:#8f63ed22;color:#aa87f5;display:grid;place-items:center;font-size:15px;transition:.3s}.product-portal-side>a:hover{transform:translateY(-3px);border-color:#986cff75;background:linear-gradient(110deg,#8b5cf62c,#397cff18);box-shadow:0 15px 35px #00000035}.product-portal-side>a:hover:after{background:#8d61ea;color:white;transform:translateX(3px)}
.product-hero-action{justify-self:end;display:flex;flex-direction:column;align-items:stretch;width:190px}.product-hero-action .detail-product-icon{align-self:center}.hero-download-button{min-height:64px;margin-top:16px;padding:0 15px;border:1px solid #986cff55;border-radius:11px;background:linear-gradient(135deg,#895bea,#3f75e7);display:flex;align-items:center;gap:12px;box-shadow:0 16px 38px #5837ba48;transition:.3s}.hero-download-button:hover{transform:translateY(-3px);box-shadow:0 20px 45px #5837ba66}.hero-download-button>i{width:30px;height:30px;border-radius:8px;background:#ffffff18;display:grid;place-items:center;font-style:normal;font-size:16px}.hero-download-button span>*{display:block}.hero-download-button b{font-size:11px}.hero-download-button small{font-size:7px;color:#ffffffa0;margin-top:5px}.hero-trial-link{text-align:center;margin-top:13px;font-size:9px;color:#a989f3}.hero-trial-link:hover{color:white}@media(max-width:800px){.product-hero-action{justify-self:start;width:210px}.product-hero-action .detail-product-icon{align-self:flex-start}}
.company-history{background:#0a0b10;border-top:1px solid var(--line)}.history-heading{display:grid;grid-template-columns:1.5fr 1fr;gap:80px;align-items:end;margin-bottom:75px}.history-heading small{font-size:9px;letter-spacing:.18em;color:#9b72f5}.history-heading h2{font-size:clamp(40px,5vw,62px);letter-spacing:-.055em;line-height:1.2;margin:17px 0 0}.history-heading>p{font-size:12px;line-height:1.9;color:#7e838f}.history-timeline{position:relative}.history-timeline:before{content:"";position:absolute;left:31.5%;top:0;bottom:0;width:1px;background:linear-gradient(#8f64eb,#3d77e777,#8f64eb22)}.history-item{display:grid;grid-template-columns:28% 7% 65%;min-height:260px;border-top:1px solid var(--line);position:relative}.history-stage{padding:42px 20px 35px 0}.history-stage span,.history-stage b{display:block}.history-stage span{font-size:8px;letter-spacing:.17em;color:#8764ce}.history-stage b{font-size:14px;margin-top:12px}.history-dot{position:relative}.history-dot:before{content:"";position:absolute;left:50%;top:48px;transform:translateX(-50%);width:13px;height:13px;border-radius:50%;background:#0a0b10;border:2px solid #946bee;box-shadow:0 0 0 7px #8b5cf610}.history-content{padding:40px 0 45px 30px}.history-content>small{font-size:8px;letter-spacing:.16em;color:#646977}.history-content h3{font-size:24px;margin:12px 0 15px}.history-content>p{max-width:670px;color:#7d828f;font-size:12px;line-height:1.9}.history-content>div{display:flex;gap:7px;margin-top:20px}.history-content>div span{font-size:8px;color:#707582;border:1px solid var(--line);padding:6px 9px;border-radius:5px}.future-stage{background:linear-gradient(90deg,transparent,#6239ba12)}.future-stage .history-dot:before{background:#9368ec;box-shadow:0 0 20px #8b5cf680}.history-note{margin-top:35px;padding:25px 28px;border:1px solid var(--line);border-radius:13px;background:linear-gradient(100deg,#6137b923,#10121a,#17668318);display:flex;align-items:center;gap:35px}.history-note span{font-size:8px;letter-spacing:.18em;color:#a27df0}.history-note p{font-size:10px;color:#777c89;margin:0}@media(max-width:750px){.history-heading{grid-template-columns:1fr;gap:20px}.history-timeline:before{left:18px}.history-item{grid-template-columns:38px 1fr;min-height:auto}.history-stage{grid-column:2;padding:30px 0 0}.history-dot{grid-column:1;grid-row:1/3}.history-dot:before{top:35px}.history-content{grid-column:2;padding:16px 0 38px}.history-note{align-items:flex-start;flex-direction:column;gap:10px}}
/* Company history horizontal milestone timeline */
.history-timeline{display:grid;grid-template-columns:repeat(4,minmax(240px,1fr));gap:0;position:relative;padding-top:38px}.history-timeline:before{left:0;right:0;top:44px;bottom:auto;width:auto;height:1px;background:linear-gradient(90deg,#8f64eb,#3d77e7,#8f64eb)}.history-item{display:flex;flex-direction:column;min-height:430px;padding:0 24px 30px;border-top:0;border-left:1px solid var(--line);position:relative}.history-item:first-child{border-left:0;padding-left:0}.history-item:last-child{padding-right:0}.history-dot{position:absolute;left:18px;top:0;width:14px;height:14px;z-index:2}.history-item:first-child .history-dot{left:0}.history-dot:before{left:0;top:0;transform:none;width:12px;height:12px}.history-stage{padding:38px 0 0}.history-stage span{font-size:8px}.history-stage b{font-size:13px}.history-content{padding:45px 0 0}.history-content h3{font-size:20px;line-height:1.35;min-height:54px}.history-content>p{font-size:11px;line-height:1.85}.history-content>div{margin-top:22px;flex-wrap:wrap}.future-stage{background:linear-gradient(180deg,#6239ba10,transparent);border-radius:0 0 14px 14px}.history-note{margin-top:28px}@media(max-width:850px){.history-timeline{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;padding:40px 0 15px;scrollbar-width:thin}.history-timeline:before{left:0;width:1050px;right:auto}.history-item{flex:0 0 280px;scroll-snap-align:start;min-height:420px;padding:0 24px}.history-item:first-child{padding-left:10px}.history-item:first-child .history-dot{left:10px}.history-stage{grid-column:auto;padding-top:38px}.history-dot{grid-column:auto;grid-row:auto}.history-content{grid-column:auto;padding-top:42px}}
/* Branching company growth map */
.history-map-wrap{overflow-x:auto;border:1px solid var(--line);border-radius:20px;background:radial-gradient(circle at 50% 50%,#5731ac20,transparent 42%),#090b11;padding:20px 20px 8px;scrollbar-width:thin}.history-canvas{width:1200px;height:620px;position:relative}.history-canvas svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible}.history-canvas svg path{fill:none;stroke:url(#historyLine);stroke-width:2;opacity:.58;filter:drop-shadow(0 0 5px #7752d866)}.history-canvas svg circle{fill:#57cfc7;opacity:.8}.history-node{position:absolute;width:190px;min-height:150px;padding:17px;border:1px solid #ffffff1a;border-radius:14px;background:#11131ce8;backdrop-filter:blur(12px);box-shadow:0 18px 45px #00000055;transition:.35s;z-index:2}.history-node:hover{transform:translateY(-5px);z-index:5}.history-node.purple:hover{border-color:#986cff77}.history-node.blue:hover{border-color:#4d83f077}.history-node.cyan:hover{border-color:#36d5cb77}.history-node.orange:hover{border-color:#ff9b5577}.history-node .node-head{display:flex;justify-content:space-between}.history-node .node-head span{font-size:8px;color:#9a72f3}.history-node .node-head small{font-size:7px;color:#646976}.history-node h3{font-size:16px;margin:16px 0 9px}.history-node>p{font-size:9px;line-height:1.7;color:#747986;margin:0}.history-node>div:nth-of-type(2){display:flex;gap:5px;flex-wrap:wrap;margin-top:13px}.history-node>div:nth-of-type(2) span{font-size:7px;color:#676c78;border:1px solid var(--line);border-radius:4px;padding:4px 6px}.history-node>i{position:absolute;width:9px;height:9px;border-radius:50%;right:-5px;top:50%;background:#9167ed;box-shadow:0 0 12px #9167ed}.history-node.cyan>i{background:#35d5cb}.history-node.blue>i{background:#4d83ef}.history-node.orange>i{background:#ff9b55}.map-hint{text-align:center;padding:10px;color:#535864;font-size:7px;letter-spacing:.12em}.history-note{margin-top:25px}@media(max-width:750px){.history-map-wrap{margin-inline:-5px}.history-canvas{width:1120px;height:600px}.map-hint{text-align:left;position:sticky;left:10px;width:280px}}
.cooperation-section{padding-top:110px}.cooperation-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:17px}.cooperation-grid article{min-height:390px;padding:30px;border:1px solid var(--line);border-radius:17px;background:linear-gradient(145deg,#11131b,#0a0c12);position:relative}.cooperation-grid article>span{font-size:9px;color:#686d79}.cooperation-grid article>i{width:56px;height:56px;border-radius:15px;background:#8b5cf61d;color:#a279f5;display:grid;place-items:center;font-style:normal;font-size:24px;margin:65px 0 24px}.cooperation-grid h3{font-size:23px}.cooperation-grid p{font-size:11px;line-height:1.8;color:#7a7f8c}.cooperation-grid a{position:absolute;left:30px;bottom:28px;color:#a581f4;font-size:9px}.cooperation-process{padding:100px max(25px,calc((100vw - 1200px)/2));background:#0a0b10;border-block:1px solid var(--line)}.cooperation-process>small{font-size:8px;color:#9a72f3;letter-spacing:.18em}.cooperation-process>h2{font-size:clamp(36px,4.5vw,56px);margin:16px 0 50px}.cooperation-process>div{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--line)}.cooperation-process article{padding:28px;border-right:1px solid var(--line)}.cooperation-process article:last-child{border:0}.cooperation-process article b{font-size:9px;color:#956ded}.cooperation-process article span{display:block;font-size:15px;font-weight:bold;margin:35px 0 12px}.cooperation-process article p{font-size:10px;color:#747986;line-height:1.7}.cooperation-process>a,.join-note>a{display:inline-block;margin-top:35px;padding:14px 20px;border-radius:9px;background:linear-gradient(135deg,#8759e9,#3e75e6);font-size:10px}.careers-values{padding-top:110px}.career-value-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--line);border:1px solid var(--line)}.career-value-grid article{min-height:220px;padding:30px;background:#0b0d13}.career-value-grid b{font-size:16px}.career-value-grid p{font-size:11px;line-height:1.8;color:#777c89;margin-top:50px}.open-roles{padding-top:110px;background:#090a0f}.role-list{border-top:1px solid var(--line)}.role-list article{display:grid;grid-template-columns:120px 1fr 100px 70px;gap:25px;align-items:center;padding:28px 10px;border-bottom:1px solid var(--line)}.role-list article>span{font-size:8px;color:#956dee}.role-list h3{font-size:16px;margin:0 0 7px}.role-list p{font-size:10px;color:#737885;margin:0}.role-list article>b{font-size:8px;color:#686d79}.role-list article>a{font-size:9px;color:#a581f4}.join-note{text-align:center;padding:100px 25px;border-top:1px solid var(--line);background:radial-gradient(circle,#6339ba27,transparent 38%),#0a0b10}.join-note>small{font-size:8px;color:#9a72f3;letter-spacing:.18em}.join-note h2{font-size:clamp(34px,4vw,52px);line-height:1.35}.about-dropdown{width:320px}@media(max-width:800px){.cooperation-grid{grid-template-columns:1fr}.cooperation-process>div,.career-value-grid{grid-template-columns:1fr 1fr}.role-list article{grid-template-columns:90px 1fr 70px}.role-list article>a{grid-column:2}}@media(max-width:600px){.cooperation-process{padding:75px 20px}.cooperation-process>div,.career-value-grid{grid-template-columns:1fr}.role-list article{grid-template-columns:1fr;gap:8px}.role-list article>a{grid-column:auto}}
/* Seamless visual treatment for auto-moving history */
.history-map-wrap{overflow-x:hidden;padding-bottom:20px;scrollbar-width:none;mask-image:linear-gradient(90deg,transparent 0,#000 4%,#000 96%,transparent 100%)}.history-map-wrap::-webkit-scrollbar{display:none}.history-canvas{width:1450px}.map-hint{display:none}.history-map-wrap:before,.history-map-wrap:after{content:"";position:sticky;top:0;bottom:0;width:45px;height:100%;z-index:8;pointer-events:none}.history-map-wrap:hover{border-color:#986cff35}
/* Prominent OPC zone entry buttons */
.portal-side>b{width:100%;min-height:68px;margin-top:auto;padding:0 18px;border:1px solid #986cff3d;border-radius:12px;background:linear-gradient(110deg,#8b5cf619,#397cff0d);display:flex;align-items:center;justify-content:space-between;color:#d1c4f5;font-size:11px;font-weight:600;position:relative;overflow:hidden;transition:.3s}.portal-side>b:before{content:"ENTER ZONE";position:absolute;right:48px;bottom:-5px;font-size:22px;font-weight:900;letter-spacing:.08em;color:#ffffff05}.portal-side>b:after{content:"→";width:32px;height:32px;border-radius:8px;background:#8f63ed24;color:#ac8af6;display:grid;place-items:center;font-size:14px;transition:.3s}.portal-section:hover .portal-side>b{border-color:#986cff75;background:linear-gradient(110deg,#8b5cf62d,#397cff18);box-shadow:0 14px 35px #00000035}.portal-section:hover .portal-side>b:after{background:#8d61ea;color:white;transform:translateX(3px)}.portal-section.resources .portal-side>b{border-color:#2bd3c348;background:linear-gradient(110deg,#21d4c81a,#397cff0c)}.portal-section.resources:hover .portal-side>b{border-color:#32d8cc80;background:linear-gradient(110deg,#21d4c82c,#397cff15)}.portal-section.resources .portal-side>b:after{background:#21d4c824;color:#42ddd2}.portal-section.resources:hover .portal-side>b:after{background:#25c7bd;color:white}
/* Global primary card actions — replace tiny text links */
.cooperation-grid article>a,.zone-playbook>a,.recruit-card>a,.resource-row>a,.role-list article>a{min-height:42px;padding:0 14px;border:1px solid #986cff40;border-radius:9px;background:#8b5cf617;color:#c7b7ef;font-size:10px;font-weight:600;display:inline-flex;align-items:center;justify-content:center;transition:.3s}.cooperation-grid article>a:hover,.zone-playbook>a:hover,.recruit-card>a:hover,.resource-row>a:hover,.role-list article>a:hover{transform:translateY(-2px);background:#8b5cf62c;border-color:#986cff75;color:white;box-shadow:0 10px 25px #00000035}.cooperation-grid article>a{left:30px;right:30px;bottom:25px}.zone-playbook>a,.recruit-card>a{left:30px;right:30px;bottom:25px}.resource-row>a,.role-list article>a{min-width:100px;white-space:nowrap}.resource-row>a{border-color:#29d2c344;background:#21d4c816;color:#66ddd4}.resource-row>a:hover{background:#21d4c82b;border-color:#35d8cc80}.role-list article>a{border-color:#4b83ec44;background:#397cff16;color:#8eb0f7}.role-list article>a:hover{background:#397cff2a;border-color:#5d91f378}.zone-toolbar>a{min-height:44px;padding:0 18px;display:inline-flex;align-items:center;justify-content:center;font-size:10px;font-weight:600}.cooperation-process>a,.join-note>a{min-height:52px;padding:0 24px;display:inline-flex;align-items:center;justify-content:center;font-size:11px;font-weight:600;box-shadow:0 14px 35px #5434b345}@media(max-width:600px){.resource-row>a,.role-list article>a{width:100%;min-height:46px}.zone-playbook>a,.recruit-card>a,.cooperation-grid article>a{min-height:46px}}
.cooperation-needs{padding-top:110px}.needs-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.need-card{min-height:510px;padding:30px;border:1px solid var(--line);border-radius:18px;background:linear-gradient(145deg,#11131b,#0a0c12);position:relative;overflow:hidden;transition:.35s}.need-card:hover{transform:translateY(-5px);border-color:#986cff55}.need-index{font-size:8px;letter-spacing:.14em;color:#686d79}.need-icon{width:58px;height:58px;border-radius:16px;background:#8b5cf620;color:#a279f5;display:grid;place-items:center;margin:65px 0 25px;font-size:25px}.need-card.channel .need-icon{background:#21d4c820;color:#39d9cf}.need-card.complement .need-icon{background:#397cff20;color:#6495ff}.need-card.capability .need-icon{background:#ff934520;color:#ffa15d}.need-card h3{font-size:25px;margin:0 0 14px}.need-card>p{font-size:12px;line-height:1.9;color:#7c818e}.need-card>div:nth-of-type(3){display:flex;gap:7px;flex-wrap:wrap;margin-top:20px}.need-card>div:nth-of-type(3) span{font-size:8px;padding:6px 9px;border:1px solid var(--line);border-radius:5px;color:#707582}.need-card>b{display:block;margin-top:22px;font-size:9px;color:#656a76;font-weight:400}.need-card>a{position:absolute;left:30px;right:30px;bottom:28px;min-height:48px;border:1px solid #986cff45;border-radius:9px;background:#8b5cf617;color:#c8b8f0;display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:600;transition:.3s}.need-card>a:hover{background:#8b5cf62e;border-color:#986cff78;color:white}.cocreate-business{display:grid;grid-template-columns:.85fr 1.15fr;gap:70px;align-items:center;background:#090a0f;border-block:1px solid var(--line)}.cocreate-business-copy>small{font-size:9px;letter-spacing:.18em;color:#9a72f4}.cocreate-business-copy h2{font-size:clamp(42px,5vw,62px);letter-spacing:-.055em;margin:17px 0}.cocreate-business-copy>p{font-size:12px;line-height:1.9;color:#7c818e}.cocreate-principles{display:flex;gap:7px;flex-wrap:wrap;margin:25px 0}.cocreate-principles span{font-size:8px;padding:7px 10px;border:1px solid var(--line);border-radius:5px;color:#777c89}.cocreate-business-copy>a{display:inline-flex;min-height:52px;padding:0 22px;border-radius:9px;background:linear-gradient(135deg,#885ae9,#3e75e7);align-items:center;font-size:10px;font-weight:600;box-shadow:0 15px 35px #5233b143}.cocreate-business-board{border:1px solid var(--line);border-radius:18px;padding:22px;background:#0e1017}.board-title{font-size:7px;letter-spacing:.17em;color:#5f6470;padding:8px 8px 18px}.cocreate-business-board article{display:grid;grid-template-columns:35px 1fr 75px;gap:14px;align-items:center;padding:22px 10px;border-top:1px solid var(--line)}.cocreate-business-board article>span{font-size:8px;color:#926aed}.cocreate-business-board h3{font-size:15px;margin:0 0 7px}.cocreate-business-board p{font-size:9px;color:#6f7480;margin:0}.cocreate-business-board article>b{font-size:8px;color:#52cfad;text-align:right}.partner-manager{padding-top:100px}.partner-manager .manager-heading{grid-template-columns:1.3fr 1fr}.portal-sections{grid-template-columns:1fr}.portal-section{width:100%}@media(max-width:800px){.needs-grid,.cocreate-business{grid-template-columns:1fr}.cocreate-business{gap:45px}}@media(max-width:600px){.need-card{min-height:490px}.cocreate-business-board article{grid-template-columns:28px 1fr}.cocreate-business-board article>b{grid-column:2;text-align:left}}
.playbook-search-area{margin:0 0 35px;padding:22px;border:1px solid var(--line);border-radius:15px;background:#0d0f16}.playbook-search{height:52px;display:grid;grid-template-columns:30px 1fr auto;align-items:center;border:1px solid #ffffff1a;border-radius:10px;background:#090b10;padding:0 14px}.playbook-search>span{color:#9a72f4;font-size:20px}.playbook-search input{height:100%;border:0;outline:0;background:transparent;color:white;font:inherit;font-size:12px}.playbook-search input::placeholder{color:#585d69}.playbook-search kbd{font-family:inherit;font-size:7px;letter-spacing:.12em;color:#5f6470;border:1px solid var(--line);border-radius:4px;padding:5px 7px;background:#11131a}.playbook-filters{display:flex;gap:8px;flex-wrap:wrap;margin-top:17px}.playbook-filters button{border:1px solid var(--line);border-radius:25px;background:#ffffff04;color:#737885;padding:9px 14px;font-size:9px;cursor:pointer;transition:.25s}.playbook-filters button:hover{color:white;border-color:#986cff55}.playbook-filters button.active{background:#8b5cf621;color:#bda7ef;border-color:#986cff5c}.playbook-result{display:flex;justify-content:space-between;margin-top:18px;padding-top:16px;border-top:1px solid var(--line);font-size:9px;color:#6d7280}.playbook-result b{color:#a27df0}.playbook-result small{font-size:8px;color:#565b67}.playbook-empty{grid-column:1/-1;min-height:330px;border:1px dashed #ffffff1c;border-radius:16px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;background:#ffffff02}.playbook-empty>i{font-style:normal;font-size:35px;color:#7252aa}.playbook-empty h3{font-size:18px;margin:18px 0 8px}.playbook-empty p{font-size:10px;color:#6f7480}.playbook-empty button{margin-top:17px;min-height:42px;padding:0 18px;border:1px solid #986cff45;border-radius:8px;background:#8b5cf619;color:#bda9eb;font-size:9px;cursor:pointer}@media(max-width:600px){.playbook-search-area{padding:15px}.playbook-search kbd{display:none}.playbook-search{grid-template-columns:28px 1fr}.playbook-filters{flex-wrap:nowrap;overflow-x:auto;padding-bottom:5px}.playbook-filters button{white-space:nowrap}.playbook-result small{display:none}}
.category-hero{padding:150px max(25px,calc((100vw - 1100px)/2)) 90px;border-bottom:1px solid var(--line);background:radial-gradient(circle at 75% 40%,#663bc337,transparent 30%)}.category-hero>a{font-size:10px;color:#747986}.category-hero-grid{display:grid;grid-template-columns:1fr .35fr;align-items:end;gap:60px;margin-top:65px}.category-hero-grid small{font-size:9px;letter-spacing:.19em;color:#9b72f4}.category-hero-grid h1{font-size:clamp(58px,8vw,90px);letter-spacing:-.065em;margin:16px 0}.category-hero-grid p{font-size:15px;color:#9296a3}.category-count{display:flex;align-items:center;gap:13px;margin-top:30px}.category-count strong{font-size:38px}.category-count span{font-size:8px;color:#666b77;line-height:1.5}.category-hero-icon{width:155px;height:155px;border-radius:42px;background:linear-gradient(145deg,#8f62ed,#3e75e7);display:grid;place-items:center;font-size:62px;justify-self:end;box-shadow:0 30px 75px #5234ad55}.category-list-section{padding:90px max(25px,calc((100vw - 1100px)/2))}.category-list-head{display:flex;align-items:end;justify-content:space-between;margin-bottom:35px;padding-bottom:25px;border-bottom:1px solid var(--line)}.category-list-head small{font-size:8px;color:#986ff0;letter-spacing:.18em}.category-list-head h2{font-size:38px;margin:12px 0 0}.category-list-head>a{min-height:44px;padding:0 16px;border:1px solid #986cff45;border-radius:9px;background:#8b5cf617;color:#b9a3ea;display:flex;align-items:center;font-size:9px}.category-product-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:17px}.category-product-card{min-height:490px;padding:30px;border:1px solid var(--line);border-radius:17px;background:linear-gradient(145deg,#11131b,#0a0c12);position:relative;transition:.35s}.category-product-card:hover{transform:translateY(-5px);border-color:#986cff60}.category-product-card h3{font-size:25px;margin:0 0 8px}.category-product-card h4{font-size:12px;font-weight:400;color:#969aa6}.category-product-card>p{font-size:11px;line-height:1.9;color:#777c89}.category-product-card>b{position:absolute;left:30px;right:30px;bottom:28px;min-height:45px;border:1px solid #986cff42;border-radius:9px;background:#8b5cf618;color:#c2afea;display:flex;align-items:center;justify-content:center;font-size:9px}@media(max-width:700px){.category-hero-grid{grid-template-columns:1fr}.category-hero-icon{justify-self:start;width:110px;height:110px;font-size:45px}.category-product-grid{grid-template-columns:1fr}.category-list-head{align-items:flex-start;flex-direction:column;gap:20px}.category-product-card{min-height:470px}}
.product-search-area{margin-bottom:32px;padding:22px;border:1px solid var(--line);border-radius:15px;background:#0d0f16}.product-tag-filters{display:flex;gap:8px;flex-wrap:wrap;margin-top:17px}.product-tag-filters button{padding:9px 14px;border:1px solid var(--line);border-radius:22px;background:#ffffff04;color:#737885;font-size:9px;cursor:pointer;transition:.25s}.product-tag-filters button:hover{border-color:#986cff55;color:white}.product-tag-filters button.active{background:#8b5cf622;border-color:#986cff60;color:#bda8ec}@media(max-width:600px){.product-search-area{padding:15px}.product-tag-filters{flex-wrap:nowrap;overflow-x:auto;padding-bottom:5px}.product-tag-filters button{white-space:nowrap}}
.brand>.zyyn-mark{width:37px;height:37px;border-radius:10px;display:block;object-fit:contain;flex:none}.core>.zyyn-core-mark{width:105px;height:105px;border-radius:30px;display:block;object-fit:contain;margin:57px auto 28px;filter:drop-shadow(0 18px 35px #4250dc55)}.logo-box>.zyyn-mark{width:120px;height:120px;border-radius:28px;display:block;object-fit:contain;margin-bottom:45px;filter:drop-shadow(0 20px 40px #4250dc44)}.zyyn-page-mark img{width:190px;height:190px;display:block;object-fit:contain;margin:auto;opacity:.15;filter:drop-shadow(0 0 55px #7044da66)}.zyyn-page-mark span{margin-top:20px}