@font-face{font-family:Inter;font-style:normal;font-weight:400 800;font-display:swap;src:url('../fonts/inter-cyrillic.woff2') format('woff2');unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:Inter;font-style:normal;font-weight:400 800;font-display:swap;src:url('../fonts/inter-latin.woff2') format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}

:root{--ink:#143a2d;--deep:#0b3327;--deep-2:#072a20;--mint:#a4edc3;--paper:#f5f5ee;--line:#d9e1d8;--muted:#61746b;--broker:#227653;--agent:#c66c55;--active:#547aaa;--board:#b58437;font-family:Manrope,Arial,sans-serif;color:var(--ink);background:var(--paper);font-synthesis:none}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px}a{color:inherit;text-decoration:none}button{font:inherit}a:focus-visible,button:focus-visible{outline:3px solid #7ecda0;outline-offset:4px}h1,h2,h3,p{margin-top:0}h1,h2,h3{letter-spacing:-.055em}p{line-height:1.7}.wrap{width:min(100% - 80px,1360px);margin-inline:auto}.skip-link{position:absolute;top:-80px;left:20px;z-index:100;padding:12px 18px;background:#fff}.skip-link:focus{top:15px}.brand-mark{width:34px;height:34px;display:grid;grid-template-columns:1fr 1fr;gap:3px;padding:6px;background:currentColor;border-radius:9px;color:var(--deep);flex:none}.brand-mark i{border-radius:2px;background:#a5e8c1}.brand-mark i:nth-child(2),.brand-mark i:nth-child(3){opacity:.5}
.hero{background:var(--deep);color:#fff;position:relative;overflow:hidden;min-height:665px}.hero-ambient{position:absolute;inset:0;background:radial-gradient(ellipse at 74% 44%,#23634a 0%,transparent 50%),linear-gradient(125deg,#0b3226 0%,#0d3f30 52%,#0a2d23 100%);opacity:.9}.hero-layout{position:relative;display:grid;grid-template-columns:1.04fr .96fr;min-height:665px}.hero-copy{display:flex;flex-direction:column;align-items:flex-start;padding:96px 20px 37px 0;position:relative;z-index:2}.eyebrow{color:#2b7653;text-transform:uppercase;letter-spacing:.16em;font-size:11px;font-weight:800;margin:0 0 28px;display:flex;align-items:center;gap:12px}.eyebrow-light{color:#a4edc3}.eyebrow-line{width:22px;height:1px;background:currentColor}.hero h1{font-size:clamp(55px,6vw,100px);line-height:1.09;margin:0 0 28px;max-width:800px;font-weight:700}.hero h1 em,.flow h2 em{font-family:Georgia,serif;font-weight:400;letter-spacing:-.07em;color:var(--mint)}.hero-lead{font-size:17px;line-height:1.8;max-width:560px;color:#c6d9cc}.hero-actions{display:flex;gap:30px;align-items:center;flex-wrap:wrap;margin-top:25px}.button{min-height:55px;padding:16px 22px;display:inline-flex;align-items:center;justify-content:space-between;gap:32px;border-radius:6px;font-size:13px;font-weight:800;transition:transform .2s,background .2s}.button:hover{transform:translateY(-3px)}.button-mint{color:#103d2b;background:var(--mint)}.button-mint:hover{background:#c3f6d7}.text-link{font-size:13px;font-weight:800;display:inline-flex;gap:24px;align-items:center;padding-block:10px;border-bottom:1px solid currentColor}.light-link{color:#d9eddd}.dark-link{color:#1b6b4c}.hero-foot{display:flex;justify-content:space-between;gap:28px;width:100%;max-width:530px;margin-top:auto;padding-top:75px;font-family:'DM Sans',Arial,sans-serif;color:#9dbbad;font-size:11px;letter-spacing:.13em;text-transform:uppercase}.hero-art{position:relative;min-height:610px;align-self:stretch}.art-grid{position:absolute;inset:0;opacity:.16;background-image:linear-gradient(#a9d7bf 1px,transparent 1px),linear-gradient(90deg,#a9d7bf 1px,transparent 1px);background-size:48px 48px;mask-image:radial-gradient(ellipse at center,black 15%,transparent 73%)}.orbit{position:absolute;border:1px solid rgba(190,238,207,.19);border-radius:50%;left:50%;top:50%;transform:translate(-50%,-50%)}.orbit-one{width:425px;height:425px}.orbit-two{width:630px;height:630px}.art-core{position:absolute;left:50%;top:48%;transform:translate(-50%,-50%);width:188px;height:188px;border-radius:50%;background:#b0ebca;box-shadow:0 0 0 22px rgba(191,240,207,.06),0 25px 65px rgba(0,0,0,.25);display:flex;flex-direction:column;align-items:center;justify-content:center;color:#164533;text-align:center}.art-core-mark{width:48px;height:48px;margin-bottom:12px}.art-core strong{font-size:18px;letter-spacing:-.05em}.art-core small{font-size:10px;color:#527965;margin-top:4px}.art-node{position:absolute;z-index:2;width:194px;padding:18px 20px;border:1px solid rgba(210,240,222,.23);border-radius:14px;box-shadow:0 16px 35px #071e1980;backdrop-filter:blur(14px);background:rgba(24,73,54,.9)}.art-node span{display:block;color:#9de7bf;font-size:10px;margin-bottom:9px;font-weight:800;letter-spacing:.13em}.art-node strong{display:block;font-size:19px;letter-spacing:-.04em}.art-node small{display:block;margin-top:5px;font-size:10px;color:#bed5c7}.art-node-a{top:15%;left:7%;border-top:3px solid #66bd8b}.art-node-b{top:17%;right:-1%;border-top:3px solid #e4977e}.art-node-c{bottom:16%;left:3%;border-top:3px solid #8eb6e0}.art-node-d{bottom:14%;right:-3%;border-top:3px solid #e7bf6f}.art-caption{position:absolute;bottom:22px;left:50%;transform:translateX(-50%);white-space:nowrap;color:#96baa7;font-size:10px;text-transform:uppercase;letter-spacing:.18em}
.section{padding:120px 0;scroll-margin-top:50px}.intro{background:#f7f8f3}.intro-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px}.section h2{font-size:clamp(42px,4.2vw,69px);line-height:1.12;margin:0;font-weight:700}.intro-copy{max-width:610px;padding-top:37px;color:#65766c;font-size:14px}.intro-copy .large-copy{font-size:22px;line-height:1.55;color:#1d3b2e;font-weight:600;margin-bottom:24px}.intro-copy .text-link{margin-top:15px}.principles{display:grid;grid-template-columns:repeat(3,1fr);margin-top:105px;border-top:1px solid var(--line)}.principles>div{padding:26px 44px 0 0;border-right:1px solid var(--line)}.principles>div+div{padding-left:44px}.principles>div:last-child{border-right:0}.principles span{font-size:11px;color:#438466;font-weight:800}.principles strong{display:block;font-size:17px;margin:38px 0 9px;letter-spacing:-.03em}.principles p{font-size:13px;color:#677b6e;max-width:290px;margin:0}
.products{background:#eaf0e9}.section-head{display:flex;align-items:end;justify-content:space-between;gap:45px;margin-bottom:55px}.section-head h2 span{color:#6c8a77}.section-head>p{font-size:14px;color:#66796d;max-width:310px;margin:0 0 5px}.product-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.product-card{--product:#227653;--tint:#dcebe1;background:#fff;border:1px solid #d9e2d9;border-radius:13px;min-width:0;overflow:hidden;position:relative;display:flex;flex-direction:column}.agent-card{--product:var(--agent);--tint:#f6e7de}.active-card{--product:var(--active);--tint:#e5edf6}.board-card{--product:var(--board);--tint:#f7edd8}.card-top{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:27px 30px 0;position:relative;z-index:2}.product-number{font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.12em;color:var(--product)}.status{font-size:10px;font-weight:700;border:1px solid #d9dcd5;border-radius:99px;padding:7px 9px;color:#77817a;white-space:nowrap}.status-live{color:var(--broker);background:#e5f2e8;border-color:#cae6d2}.card-graphic{height:235px;position:relative;overflow:hidden;background:var(--tint);margin:22px 30px 0;border-radius:7px}.broker-graphic{background:linear-gradient(140deg,#d2e8d8,#e8f2e5)}.building{position:absolute;bottom:-5px;display:block;border:2px solid #4b9970;background:repeating-linear-gradient(0deg,transparent 0 29px,#93c5a6 30px 32px),repeating-linear-gradient(90deg,#d8ebdf 0 24px,#7bb494 25px 27px);box-shadow:20px 0 40px #aacdb63d}.building-one{width:115px;height:170px;left:21%;transform:skewY(-8deg)}.building-two{width:143px;height:204px;left:44%;background-color:#c0dec9;transform:skewY(5deg)}.building-three{width:105px;height:127px;left:69%;transform:skewY(-6deg)}.graphic-line{position:absolute;left:0;right:0;bottom:27px;border-top:2px solid #68ac81}.agent-graphic{background:linear-gradient(140deg,#fae4d9,#f8eee7)}.home-body{position:absolute;width:168px;height:122px;background:#f0b39a;border:3px solid #c77861;bottom:13px;left:41%;transform:translateX(-50%) skewY(-6deg)}.home-body i{position:absolute;top:20px;width:28px;height:43px;border:2px solid #c77861;background:#fae7d9}.home-body i:first-child{left:23px}.home-body i:last-child{right:23px}.home-roof{position:absolute;width:170px;height:170px;transform:rotate(45deg) skew(-7deg,-7deg);border:3px solid #c77861;background:#d9937e;left:calc(41% - 85px);top:42px}.home-small{position:absolute;width:100px;height:95px;bottom:0;right:17%;background:repeating-linear-gradient(90deg,#e9b19a 0 28px,#d48773 29px 31px);border:2px solid #c77861;transform:skewY(8deg)}.active-graphic{background:linear-gradient(140deg,#dae7f5,#edf3fa)}.active-tower{position:absolute;bottom:18px;width:100px;background:repeating-linear-gradient(0deg,transparent 0 22px,#96b0cf 23px 25px),repeating-linear-gradient(90deg,#d7e6f5 0 21px,#83a5cd 22px 24px);border:2px solid #7497be;transform:skewY(-4deg)}.tower-a{height:125px;left:20%}.tower-b{height:190px;left:42%;width:115px}.tower-c{height:155px;left:66%}.active-base{position:absolute;bottom:11px;left:12%;right:10%;height:12px;background:#759bc4;transform:skewY(-4deg)}.board-graphic{background:linear-gradient(140deg,#f7e8c9,#fbf3e5)}.board-sheet{position:absolute;width:176px;height:156px;background:#fffaf0;border:2px solid #cba85f;box-shadow:13px 13px 0 #e9d5a8}.board-sheet-back{left:25%;top:30px;transform:rotate(-10deg)}.board-sheet-front{left:43%;top:54px;transform:rotate(7deg);padding:21px}.board-sheet-front i{display:block;height:9px;background:#d8ba78;margin-bottom:15px}.board-sheet-front i:first-child{height:55px;background:linear-gradient(135deg,#d6b36e 40%,#f1e1ba 40%)}.board-sheet-front i:last-child{width:70%}.board-search{position:absolute;width:76px;height:76px;border:12px solid #ae823c;border-radius:50%;left:25%;bottom:11px;box-shadow:0 5px 15px #ae823c55}.board-search:after{content:"";position:absolute;width:66px;height:12px;background:#ae823c;transform:rotate(45deg);transform-origin:left center;left:49px;top:47px;border-radius:7px}.card-copy{padding:28px 30px 33px;display:flex;flex-direction:column;align-items:flex-start;flex:1}.product-logo{display:inline-flex;align-items:center;gap:9px;color:var(--product);font-size:14px;font-weight:600;margin-bottom:27px}.product-logo b{font-weight:800}.product-logo .brand-mark{width:27px;height:27px;padding:5px;border-radius:7px}.product-logo .brand-mark i{background:#fff}.product-logo .brand-mark i:nth-child(2),.product-logo .brand-mark i:nth-child(3){opacity:.55}.product-kicker{text-transform:uppercase;letter-spacing:.12em;font-size:10px;color:var(--product);font-weight:800;margin-bottom:8px}.card-copy h3{font-size:clamp(31px,3vw,45px);line-height:1.1;margin:0 0 17px;color:#1a362a}.card-copy>p:not(.product-kicker){font-size:13px;color:#6a7b70;max-width:410px;margin-bottom:25px}.product-link,.product-note{margin-top:auto;font-size:12px;font-weight:800;color:var(--product);padding-top:10px}.product-link{border-bottom:1px solid var(--product);padding-bottom:5px;display:flex;gap:22px}.product-note{color:#89958a;font-weight:600}
.flow{background:#123f31;color:#fff}.flow-layout{display:grid;grid-template-columns:.9fr 1.1fr;gap:120px}.flow h2{font-size:clamp(44px,4.3vw,70px);line-height:1.13}.flow-heading>p:last-child{color:#b5ccbc;max-width:415px;font-size:14px;margin-top:30px}.flow-steps{border-top:1px solid #638875}.flow-step{display:grid;grid-template-columns:62px 1fr;gap:22px;padding:27px 0;border-bottom:1px solid #638875}.step-icon{width:44px;height:44px;border:1px solid #91ba9b;border-radius:50%;display:grid;place-items:center;color:#a6e8bf;font-size:11px;font-weight:800}.flow-step small{display:block;color:#91bca2;font-size:11px;text-transform:uppercase;letter-spacing:.14em;font-weight:800;margin-bottom:5px}.flow-step strong{font-size:17px}.flow-step p{font-size:12px;color:#aac5b2;margin:8px 0 0;max-width:430px}.flow-step-last .step-icon{background:#a4edc3;color:#1b4b33;border-color:#a4edc3}
.development{background:#f7f8f3}.development-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.dev-item{border-top:2px solid #317d54;padding:22px 22px 0 0}.dev-item span{font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:#4b8e67;font-weight:800}.dev-item h3{font-size:22px;margin:38px 0 11px}.dev-item p{font-size:13px;color:#708073;margin:0;max-width:320px}.closing{background:#103728;color:#fff;padding:95px 0}.closing-inner{display:flex;justify-content:space-between;align-items:end;gap:50px}.closing h2{font-size:clamp(43px,4.8vw,75px);line-height:1.1;margin:0 0 20px}.closing p:last-child{font-size:14px;color:#b5cbb9;max-width:495px;margin:0}.closing .button{min-width:275px}.footer{background:#08291f;color:#d1e0d2;padding:35px 0}.footer-inner{display:flex;align-items:center;gap:28px}.footer p{font-size:11px;color:#96b3a0;margin:0 auto 0 0}.footer-inner>span{font-size:11px;color:#96b3a0}
@media(max-width:1100px){.wrap{width:min(100% - 56px,1360px)}.hero-layout{grid-template-columns:1fr .9fr}.hero h1{font-size:clamp(53px,6vw,80px)}.art-node{width:165px}.art-node-b{right:-5%}.art-node-d{right:-5%}.flow-layout{gap:65px}}
@media(max-width:820px){.hero-layout{display:block}.hero-copy{padding:80px 0 30px}.hero h1{max-width:730px}.hero-art{height:540px;min-height:0;max-width:650px;margin:0 auto}.hero-foot{padding-top:65px;max-width:none}.intro-grid{gap:35px}.flow-layout{grid-template-columns:1fr;gap:50px}.flow-heading>p:last-child{max-width:700px}.flow-steps{max-width:700px}.section{padding:90px 0}.product-grid{gap:16px}.card-top,.card-copy{padding-left:22px;padding-right:22px}.card-graphic{margin-left:22px;margin-right:22px}}
@media(max-width:620px){.wrap{width:min(100% - 36px,1360px)}.hero-copy{padding-top:70px}.hero h1{font-size:clamp(45px,11vw,68px)}.hero-lead{font-size:15px}.hero-actions{gap:17px}.hero-foot{font-size:9px;flex-wrap:wrap;padding-top:60px}.hero-art{height:465px;margin:0 -12px}.orbit-one{width:300px;height:300px}.orbit-two{width:440px;height:440px}.art-core{width:135px;height:135px}.art-core-mark{width:36px;height:36px;margin-bottom:6px}.art-core strong{font-size:15px}.art-node{width:136px;padding:11px}.art-node strong{font-size:15px}.art-node small{font-size:8px}.art-node-a{top:9%;left:0}.art-node-b{top:10%;right:0}.art-node-c{bottom:16%;left:0}.art-node-d{bottom:16%;right:0}.art-caption{bottom:4px;font-size:8px}.section{padding:76px 0}.section h2{font-size:clamp(39px,10vw,54px)}.intro-grid{display:block}.intro-copy{padding-top:30px}.intro-copy .large-copy{font-size:19px}.principles{display:block;margin-top:65px}.principles>div,.principles>div+div{border-right:0;border-bottom:1px solid var(--line);padding:25px 0}.principles strong{margin:15px 0 7px}.section-head{display:block;margin-bottom:35px}.section-head>p{margin-top:23px}.product-grid{grid-template-columns:1fr}.card-graphic{height:220px}.card-copy h3{font-size:38px}.flow-step{grid-template-columns:46px 1fr;gap:14px}.development-grid{grid-template-columns:1fr;gap:40px}.dev-item h3{margin-top:20px}.closing{padding:75px 0}.closing-inner{display:block}.closing .button{margin-top:32px;min-width:0;width:100%}.footer-inner{flex-wrap:wrap}.footer p{width:100%;order:3}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}
.product-logo .brand-mark{color:var(--product)}

/* Квадера — самостоятельный мастер-бренд. Продуктовые цвета живут в карточках. */
:root{--ink:#24233e;--deep:#1a1935;--deep-2:#121229;--mint:#d4c5ff;--paper:#f8f7f4;--line:#e0dce8;--muted:#717086}


.brand-mark{color:#29244f}.brand-mark i{background:#d4c5ff}



.hero{background:#1a1935}
.hero-ambient{background:radial-gradient(ellipse at 75% 42%,#3e3765 0%,transparent 51%),linear-gradient(125deg,#17162f 0%,#29234e 54%,#17162e 100%)}
.eyebrow{color:#7463bb}.eyebrow-light{color:#d2c3ff}
.hero h1 em,.flow h2 em{color:#d4c5ff}
.hero-lead{color:#d1cedd}
.button-mint{color:#2b2450;background:#d4c5ff}.button-mint:hover{background:#e7dfff}
.light-link{color:#e2dbf4}.dark-link{color:#5c4aaa}
.hero-foot{color:#aaa5ca}
.art-grid{background-image:linear-gradient(#c9bafa 1px,transparent 1px),linear-gradient(90deg,#c9bafa 1px,transparent 1px)}
.orbit{border-color:rgba(212,197,255,.18)}
.art-core{background:#d8caff;color:#2e2854;box-shadow:0 0 0 22px rgba(212,197,255,.06),0 25px 65px rgba(0,0,0,.25)}
.art-core-mark{color:#372b70}.art-core-mark i{background:#d4c5ff}
.art-core small{color:#6b6096}
.art-node{border-color:rgba(219,207,253,.25);background:rgba(42,37,74,.91);box-shadow:0 16px 35px #15112980}
.art-node span{color:#d4c5ff}.art-node small{color:#d2cce5}.art-node-a{border-top-color:#70be90}.art-node-b{border-top-color:#e4977e}.art-node-c{border-top-color:#8eb6e0}.art-node-d{border-top-color:#e7bf6f}
.art-caption{color:#b7aeda}
.intro,.development{background:#faf9f6}.intro-copy{color:#777589}.intro-copy .large-copy{color:#302d4c}.principles{border-color:#e0dce8}.principles>div{border-color:#e0dce8}.principles span{color:#7664b7}.principles p{color:#78758a}
.products{background:#f0eef5}.section-head h2 span{color:#8d84aa}.section-head>p{color:#777589}
.product-card{border-color:#e3dfe9}.card-copy h3{color:#26233e}.card-copy>p:not(.product-kicker){color:#777589}.product-note{color:#928fa0}
.flow{background:#292343}.flow-steps,.flow-step{border-color:#706786}.flow-heading>p:last-child,.flow-step p{color:#c5bfd5}.step-icon{border-color:#a99ad6;color:#d4c5ff}.flow-step small{color:#bcaee1}.flow-step-last .step-icon{background:#d4c5ff;border-color:#d4c5ff;color:#2b2450}
.dev-item{border-color:#8571c5}.dev-item span{color:#7965bd}.dev-item p{color:#787589}
.closing{background:#211d3b}.closing p:last-child{color:#c9c3da}
.footer{background:#15132b;color:#d8d2e8}.footer p,.footer-inner>span{color:#aca3c2}

.product-logo .brand-mark i{background:#fff}
.orbit-toggle{position:absolute;z-index:5;top:17px;left:50%;transform:translateX(-50%);display:inline-flex;align-items:center;gap:7px;padding:7px 11px;border:1px solid rgba(219,207,253,.38);border-radius:99px;background:rgba(32,27,62,.72);color:#e2dafa;font-size:10px;font-weight:800;cursor:pointer;backdrop-filter:blur(10px);white-space:nowrap}.orbit-toggle:hover{background:#433866}.orbit-toggle span{font-size:12px;line-height:1}.art-node{will-change:left,top}
@media(max-width:620px){.art-node{width:120px}.art-core{width:110px;height:110px}}
@media(prefers-reduced-motion:reduce){.orbit-toggle{display:none}.art-node{will-change:auto}}
@media(max-width:360px){.art-node{width:100px;padding:8px}.art-node strong{font-size:13px}.art-node small{font-size:7px}.art-core{width:90px;height:90px}.art-core-mark{width:27px;height:27px}.art-core strong{font-size:12px}}
.art-node{display:flex;align-items:center;gap:11px;min-height:98px}.orbit-node-copy{min-width:0}.orbit-node-mark{display:grid!important;grid-template-columns:repeat(2,1fr);gap:2px;width:34px;height:34px;flex:none;padding:5px;margin:0!important;border-radius:8px;background:var(--node-color)!important}.orbit-node-mark i{display:block;background:#fff;border-radius:2px}.orbit-node-mark i:nth-child(2),.orbit-node-mark i:nth-child(3){opacity:.5}.art-node-a{--node-color:#5bae80}.art-node-b{--node-color:#d98e78}.art-node-c{--node-color:#82a8d4}.art-node-d{--node-color:#d7ac58}.art-node .orbit-node-copy>span{margin-bottom:6px}.art-node .orbit-node-copy strong{font-size:17px}.art-node .orbit-node-copy small{line-height:1.35}
@media(max-width:620px){.art-node{width:130px;gap:7px;padding:10px;min-height:88px}.orbit-node-mark{width:25px;height:25px;padding:4px;border-radius:6px}.art-node .orbit-node-copy strong{font-size:14px}.art-node .orbit-node-copy small{font-size:8px}}
@media(max-width:360px){.art-node{width:105px;gap:5px;padding:7px;min-height:82px}.orbit-node-mark{width:20px;height:20px;padding:3px}.art-node .orbit-node-copy strong{font-size:12px}.art-node .orbit-node-copy small{font-size:7px}}
.art-node{width:170px;gap:9px;padding:16px}.orbit-node-mark{width:30px;height:30px}.art-node .orbit-node-copy strong{font-size:16px}
@media(max-width:620px){.art-node{width:125px;gap:7px;padding:10px}.orbit-node-mark{width:25px;height:25px}.art-node .orbit-node-copy strong{font-size:14px}}
@media(max-width:360px){.art-node{width:100px;gap:5px;padding:7px}.orbit-node-mark{width:20px;height:20px}.art-node .orbit-node-copy strong{font-size:12px}}
.hero-art .orbit{width:0;height:0;pointer-events:none}.hero-art .orbit-a{border-color:rgba(112,190,144,.34)}.hero-art .orbit-b{border-color:rgba(228,151,126,.31)}.hero-art .orbit-c{border-color:rgba(142,182,224,.30)}.hero-art .orbit-d{border-color:rgba(231,191,111,.31)}.hero-art .art-core{width:132px;height:132px}.art-node-d .orbit-node-copy small{font-size:9px;line-height:1.25}
@media(max-width:620px){.hero-art .art-core{width:76px;height:76px}.hero-art .art-core-mark{width:24px;height:24px;margin-bottom:3px}.hero-art .art-core strong{font-size:11px}.hero-art .art-core small{font-size:7px;margin-top:2px}.hero-art .art-node{width:104px;min-height:78px;padding:8px;gap:5px}.hero-art .orbit-node-mark{width:20px;height:20px;padding:3px}.hero-art .art-node .orbit-node-copy>span{font-size:8px;margin-bottom:3px}.hero-art .art-node .orbit-node-copy strong{font-size:12px}.hero-art .art-node .orbit-node-copy small{font-size:7px;line-height:1.15}.hero-art .art-node-d .orbit-node-copy small{font-size:7px}}
@media(max-width:360px){.hero-art .art-node{width:94px;padding:6px}.hero-art .art-core{width:70px;height:70px}}
.products .product-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
@media(max-width:900px){.products .product-grid{grid-template-columns:1fr}}

/* Типографика и геометрия согласованы с лендингом «Квадера Брокер»; палитра Квадера сохранена. */
:root{font-family:Inter,"Segoe UI",system-ui,Arial,sans-serif}
html{scroll-padding-top:72px}
body{font:16px/1.6 Inter,"Segoe UI",system-ui,Arial,sans-serif;-webkit-font-smoothing:antialiased}
h1,h2,h3{letter-spacing:-.035em}
p{line-height:1.7}





.hero h1{font-size:clamp(48px,5.5vw,72px);line-height:1.08;font-weight:750;letter-spacing:-.035em}
.hero h1 em,.flow h2 em{font-family:inherit;font-style:normal;font-weight:inherit;letter-spacing:inherit}
.hero-lead{font-size:16px;line-height:1.8}
.eyebrow{font-size:11px;font-weight:700;letter-spacing:.12em}
.button{min-height:48px;padding:13px 22px;border-radius:999px;font-size:15px;font-weight:600;gap:18px}
.text-link{font-size:14px;font-weight:600;gap:12px}
.hero-foot{font-family:inherit;letter-spacing:.08em}
.section{padding:104px 0}
.section h2{font-size:clamp(34px,4vw,48px);line-height:1.14;font-weight:700}
.intro-copy{font-size:15px}
.intro-copy .large-copy{font-size:20px;font-weight:500}
.section-head>p{font-size:16px}
.product-card{border-radius:20px;box-shadow:0 20px 50px rgba(18,32,26,.05)}
.card-copy h3{font-size:clamp(28px,2.6vw,38px)}
.card-copy>p:not(.product-kicker){font-size:14px}
.status{font-size:11px}

@media(max-width:620px){.hero h1{font-size:clamp(42px,10vw,58px)}.hero-lead{font-size:15px}.section{padding:76px 0}.section h2{font-size:clamp(32px,8vw,42px)}.intro-copy .large-copy{font-size:18px}}

/* Развёрнутый блок «Подход». */
.approach-header h2{max-width:1050px}
.approach-header h2 span{color:#8377a4}
.approach-intro{display:grid;grid-template-columns:1.25fr .75fr;gap:70px;align-items:end;margin-top:38px}
.approach-intro p{margin:0;color:#4e4b61;font-size:17px;line-height:1.7}
.approach-intro p:last-child{font-size:21px;color:#302d4c;line-height:1.5}
.approach-intro strong{color:#28253f;font-weight:650}
.segment-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;margin-top:64px}
.segment-card{display:flex;flex-direction:column;align-items:flex-start;padding:38px;border:1px solid #e3dfe9;border-radius:20px;background:#fff;box-shadow:0 20px 50px rgba(36,27,66,.04)}
.segment-commercial{border-top:3px solid #5bae80}.segment-residential{border-top:3px solid #d98e78}
.segment-number{color:#7965bd;font-size:11px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}
.segment-card h3{margin:30px 0 20px;font-size:clamp(25px,2.5vw,34px);line-height:1.2}
.segment-card p{margin:0 0 17px;color:#69677c;font-size:15px;line-height:1.75}
.segment-link{display:inline-flex;align-items:center;gap:18px;margin-top:auto;padding-top:20px;border-bottom:1px solid currentColor;color:#5c4aaa;font-size:14px;font-weight:700}
.segment-link:hover{color:#342b76}
.approach-bridge{display:grid;grid-template-columns:1fr 1fr;gap:70px;margin-top:22px;padding:36px 40px;border:1px solid #e0dce8;border-radius:18px;background:#f0eef5}
.approach-bridge p{margin:0;color:#5f5c73;font-size:15px;line-height:1.75}
.approach-bridge strong{color:#302d4c}
.approach-active{display:grid;grid-template-columns:.9fr 1.1fr;gap:70px;margin-top:82px;padding:56px;border-radius:20px;background:#292343;color:#fff}
.approach-active .eyebrow{color:#d4c5ff}
.approach-active h3{max-width:440px;margin:0 0 36px;color:#fff;font-size:clamp(30px,3vw,42px);line-height:1.18}
.approach-active p:not(.eyebrow){margin:0 0 19px;color:#d0cadf;font-size:15px;line-height:1.75}
.approach-active p:last-child{margin-bottom:0}
.approach-active .segment-link{color:#d4c5ff}
.approach-conclusion{max-width:1000px;margin-top:88px;text-align:center}
.approach-conclusion .eyebrow{justify-content:center}
.approach-conclusion h3{margin:0;font-size:clamp(31px,3.5vw,46px);line-height:1.16}
.approach-conclusion>p:not(.eyebrow){max-width:670px;margin:22px auto 0;color:#6b687d;font-size:16px}
.approach-conclusion .text-link{margin-top:24px}
@media(max-width:900px){.approach-intro,.approach-bridge,.approach-active{gap:35px}.segment-card{padding:29px}}
@media(max-width:700px){.approach-header h2 br,.approach-conclusion h3 br{display:none}.approach-intro,.segment-grid,.approach-bridge,.approach-active{grid-template-columns:1fr}.approach-intro{gap:20px}.approach-intro p{font-size:16px}.approach-intro p:last-child{font-size:19px}.segment-grid{margin-top:42px}.segment-card{padding:26px}.segment-card h3{margin-top:22px}.approach-bridge{padding:28px;gap:20px}.approach-active{margin-top:60px;padding:34px 28px;gap:30px}.approach-active h3{margin-bottom:0}.approach-conclusion{margin-top:65px}}

/* Обмен данными в экосистеме. */
.ecosystem-head{display:grid;grid-template-columns:1.1fr .9fr;gap:70px;align-items:end}
.ecosystem-head .eyebrow{grid-column:1/-1;margin-bottom:-30px}
.ecosystem-head h2{font-size:clamp(39px,4vw,58px);line-height:1.14}
.ecosystem-head>p:last-child{max-width:510px;margin:0 0 7px;color:#c5bfd5;font-size:18px;line-height:1.65}
.ecosystem-problem{display:grid;grid-template-columns:1fr 1fr;gap:60px;margin-top:60px;padding-top:32px;border-top:1px solid #706786}
.ecosystem-problem p{margin:0;color:#c5bfd5;font-size:16px;line-height:1.75}
.ecosystem-principle{display:grid;grid-template-columns:.35fr 1fr;gap:18px 50px;margin-top:72px;padding:40px 45px;border-radius:20px;background:#d4c5ff;color:#292343}
.ecosystem-principle span{font-size:11px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}
.ecosystem-principle p{margin:0;font-size:clamp(24px,2.7vw,34px);font-weight:700;line-height:1.3;letter-spacing:-.03em}
.ecosystem-principle small{grid-column:2;color:#4f476e;font-size:15px;line-height:1.65}
.ecosystem-example{display:grid;grid-template-columns:1fr 1fr;gap:90px;margin-top:90px}
.ecosystem-example h3{margin:0 0 26px;color:#fff;font-size:clamp(30px,3vw,43px);line-height:1.18}
.ecosystem-example>div:first-child>p:not(.eyebrow){margin:0 0 20px;color:#c5bfd5;font-size:15px;line-height:1.75}
.ecosystem-example .flow-steps{align-self:start}
.ecosystem-example .flow-step{grid-template-columns:52px 1fr;gap:16px}
.ecosystem-benefits{margin-top:90px}
.ecosystem-benefits h3{margin:0 0 37px;color:#fff;font-size:clamp(31px,3vw,43px);line-height:1.18}
.ecosystem-benefit-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.ecosystem-benefit-grid>div{padding:28px;border:1px solid rgba(212,197,255,.28);border-radius:16px;background:rgba(212,197,255,.08)}
.ecosystem-benefit-grid span{color:#d4c5ff;font-size:11px;font-weight:800;letter-spacing:.1em;text-transform:uppercase}
.ecosystem-benefit-grid p{margin:18px 0 0;color:#c5bfd5;font-size:14px;line-height:1.7}
.ecosystem-outro{max-width:980px;margin-top:88px;text-align:center}
.ecosystem-outro p{max-width:780px;margin:0 auto 28px;color:#c5bfd5;font-size:16px;line-height:1.75}
.ecosystem-outro strong{display:block;margin:0 auto 28px;color:#fff;font-size:clamp(25px,2.8vw,38px);line-height:1.3;letter-spacing:-.03em}
.ecosystem-outro p:last-child{margin-bottom:0}
@media(max-width:900px){.ecosystem-head,.ecosystem-problem,.ecosystem-example{gap:36px}.ecosystem-principle{grid-template-columns:.45fr 1fr}.ecosystem-benefit-grid{gap:12px}.ecosystem-benefit-grid>div{padding:22px}}
@media(max-width:700px){.ecosystem-head,.ecosystem-problem,.ecosystem-principle,.ecosystem-example,.ecosystem-benefit-grid{grid-template-columns:1fr}.ecosystem-head .eyebrow{grid-column:auto;margin-bottom:0}.ecosystem-head h2 br{display:none}.ecosystem-head>p:last-child{font-size:16px}.ecosystem-problem{gap:22px;margin-top:40px}.ecosystem-problem p{font-size:15px}.ecosystem-principle{margin-top:55px;padding:30px 26px;gap:15px}.ecosystem-principle small{grid-column:auto}.ecosystem-example{margin-top:65px;gap:35px}.ecosystem-benefits{margin-top:60px}.ecosystem-benefit-grid{gap:12px}.ecosystem-outro{margin-top:65px}}
/* Разделённые цветом истории об обмене данными. Схемы описывают процесс, не статистику. */
.flow{background:none;color:inherit}
.ecosystem-band{padding:clamp(76px,8vw,120px) 0}
.ecosystem-band-data{background:#292343;color:#fff;position:relative;overflow:hidden}
.ecosystem-band-data:before{content:"";position:absolute;width:620px;height:620px;right:-260px;top:-280px;border-radius:50%;background:radial-gradient(circle,#493b72 0,transparent 68%);pointer-events:none}
.ecosystem-band-data>.wrap{position:relative}
.ecosystem-band-data .ecosystem-head{align-items:center}
.ecosystem-head .eyebrow{margin-bottom:0}
.ecosystem-problem{margin-top:48px}
.ecosystem-principle{margin-top:64px;box-shadow:0 22px 50px #1a143b35}
.data-graphic{display:grid;grid-template-columns:minmax(0,1fr) 46px minmax(0,1.2fr) 46px minmax(0,1fr);align-items:center;gap:10px;margin-top:48px;padding:27px;border:1px solid #6e608e;border-radius:20px;background:#342d52}
.data-node{min-width:0;min-height:126px;padding:21px;border:1px solid #74658f;border-radius:14px;background:#40375f;display:flex;flex-direction:column;justify-content:center}
.data-node span{color:#c8b8f5;text-transform:uppercase;letter-spacing:.12em;font-size:10px;font-weight:800}
.data-node strong{margin-top:10px;font-size:clamp(17px,1.8vw,23px);line-height:1.2;letter-spacing:-.035em}
.data-node small{margin-top:7px;color:#c9c1dc;font-size:12px}
.data-center{background:#d4c5ff;border-color:#d4c5ff;color:#292343}
.data-center span,.data-center small{color:#55457a}
.data-connector{height:2px;background:#aa98d2;position:relative}
.data-connector:after{content:"";position:absolute;right:0;top:50%;width:8px;height:8px;border-top:2px solid #aa98d2;border-right:2px solid #aa98d2;transform:translateY(-50%) rotate(45deg)}
.data-destinations{display:grid;gap:9px}.data-destinations .data-node{min-height:70px;padding:12px 16px}.data-destinations .data-node strong{margin-top:4px;font-size:16px}
.ecosystem-band-process{background:#f0eef8;color:#292343}
.ecosystem-band-process .eyebrow{color:#7459a4}
.ecosystem-example{margin-top:0;align-items:start}
.ecosystem-example h3{color:#292343}
.ecosystem-example>div:first-child>p:not(.eyebrow){color:#574e68}
.ecosystem-example .flow-steps{border-top:0;position:relative;padding-left:6px}
.ecosystem-example .flow-steps:before{content:"";position:absolute;left:27px;top:36px;bottom:47px;width:2px;background:#cfc4e7}
.ecosystem-example .flow-step{position:relative;z-index:1;align-items:start;border-bottom:1px solid #d9d2e7;padding:19px 0 24px}
.ecosystem-example .flow-step:last-child{border-bottom:0}
.ecosystem-example .step-icon{background:#f0eef8;color:#6c529c;border:2px solid #a992d5}
.ecosystem-example .flow-step-last .step-icon{background:#7459a4;color:#fff;border-color:#7459a4}
.ecosystem-example .flow-step small{color:#8068a4}.ecosystem-example .flow-step strong{color:#292343}.ecosystem-example .flow-step p{color:#655a72}
.process-graphic{display:grid;grid-template-columns:1fr auto 1fr auto 1fr;align-items:stretch;gap:15px;margin-top:52px}
.process-graphic>div{min-height:112px;display:flex;justify-content:space-between;align-items:end;gap:15px;padding:21px 23px;border-radius:16px;background:#fff;border:1px solid #dfd8ed;box-shadow:0 12px 30px #4d3c7420}
.process-graphic span{max-width:160px;font-size:15px;font-weight:800;line-height:1.3}.process-graphic b{font-size:30px;color:#ad99d3;line-height:1}.process-graphic>i{font-size:25px;font-style:normal;color:#9075be;align-self:center}
.ecosystem-band-benefits{background:#f8f3e9;color:#292343}
.ecosystem-band-benefits .eyebrow{color:#a16d40}
.ecosystem-benefits{margin-top:0;padding-top:0;border:0}
.ecosystem-benefits h3{color:#292343}
.ecosystem-benefit-grid>div{background:#fffdf9;border:1px solid #e8dbcc;box-shadow:0 16px 36px #70533213;min-height:270px}
.ecosystem-benefit-grid span{color:#8c5a32}.ecosystem-benefit-grid p{color:#5f5861;margin-top:17px}
.benefit-graphic{height:68px;margin-top:18px;display:flex;gap:7px;align-items:end;border-bottom:1px solid #e7d8c7;position:relative}
.benefit-graphic i{display:block;width:25px;border-radius:5px 5px 0 0;background:#e7c8aa;height:22px}.benefit-graphic i:nth-child(2){height:37px;background:#dcae81}.benefit-graphic i:nth-child(3){height:54px;background:#c68c5d}.benefit-graphic b{margin-left:auto;margin-bottom:10px;color:#a56f43;font-size:26px;font-weight:400}
.ecosystem-outro{margin-top:80px;padding-top:45px;border-top:1px solid #e3d5c8}
.ecosystem-outro p{color:#625867}.ecosystem-outro strong{color:#292343}
@media(max-width:900px){.data-graphic{grid-template-columns:1fr 30px 1.2fr 30px 1fr;padding:18px;gap:6px}.data-node{padding:15px}.process-graphic{gap:8px}.process-graphic>div{padding:16px}}
@media(max-width:700px){.ecosystem-band{padding:72px 0}.ecosystem-principle{margin-top:46px}.data-graphic{grid-template-columns:1fr;margin-top:35px;padding:16px}.data-node{min-height:100px}.data-connector{width:2px;height:26px;justify-self:center}.data-connector:after{right:auto;left:50%;top:auto;bottom:0;transform:translateX(-50%) rotate(135deg)}.data-destinations{grid-template-columns:1fr 1fr}.data-destinations .data-node{min-height:90px}.data-destinations .data-node strong{font-size:14px}.ecosystem-example{margin-top:0}.process-graphic{grid-template-columns:1fr;gap:8px;margin-top:35px}.process-graphic>div{min-height:75px;align-items:center}.process-graphic>i{justify-self:center;transform:rotate(90deg);line-height:1}.ecosystem-benefits{margin-top:0}.ecosystem-benefit-grid>div{min-height:0}.ecosystem-outro{margin-top:58px}}
@media(max-width:700px){.ecosystem-head h2 br{display:block}.ecosystem-head h2{overflow-wrap:break-word}.ecosystem-head,.ecosystem-problem,.ecosystem-example{min-width:0}.ecosystem-head>*{min-width:0}}

/* Подробности коммерческого сценария — отдельный блок после вводных карточек. */
.commercial-detail{margin-top:32px;padding:42px;border:1px solid #dce1ec;border-radius:20px;background:#e9edf5}
.commercial-detail-head{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:end;margin-bottom:36px}
.commercial-detail-head .eyebrow{color:#547aaa;margin-bottom:14px}
.commercial-detail-head h3{font-size:clamp(29px,3vw,40px);line-height:1.15;margin:0;color:#292343}
.commercial-detail-head>p{margin:0;color:#5c6174;font-size:15px;line-height:1.7}
.commercial-detail-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}
.commercial-detail-grid article{min-width:0;padding:25px;border:1px solid #dfe3ec;border-radius:14px;background:#fff}
.commercial-detail-grid span{color:#547aaa;font-size:10px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}
.commercial-detail-grid h4{color:#292343;font-size:20px;line-height:1.25;letter-spacing:-.035em;margin:23px 0 12px}
.commercial-detail-grid p{color:#626579;font-size:14px;line-height:1.7;margin:0}
.commercial-detail+.approach-bridge{margin-top:32px}
@media(max-width:900px){.commercial-detail{padding:30px}.commercial-detail-head{gap:25px}.commercial-detail-grid{gap:10px}.commercial-detail-grid article{padding:19px}}
@media(max-width:700px){.commercial-detail{margin-top:24px;padding:28px 22px}.commercial-detail+.approach-bridge{margin-top:24px}.commercial-detail-head,.commercial-detail-grid{grid-template-columns:1fr}.commercial-detail-head{gap:15px;margin-bottom:25px}.commercial-detail-head h3 br{display:block}.commercial-detail-grid{gap:10px}.commercial-detail-grid h4{margin-top:12px}}

.ecosystem-band-data .ecosystem-problem{margin-top:78px;padding-top:0;border-top:0;gap:18px}
.problem-card{padding:31px 32px 34px;border:1px solid #665781;border-top:3px solid #cdb9fa;border-radius:18px;background:#3b3259;box-shadow:0 18px 38px #1b153428}
.problem-card:nth-child(2){border-top-color:#d5b4a2}
.problem-card span{display:block;margin-bottom:19px;color:#d1c0fa;font-size:10px;font-weight:800;letter-spacing:.14em;text-transform:uppercase}
.problem-card:nth-child(2) span{color:#e9c6b0}
.problem-card h3{margin:0 0 16px;color:#fff;font-size:clamp(20px,2vw,26px);line-height:1.25;letter-spacing:-.035em}
.ecosystem-problem .problem-card p{margin:0;color:#e0dbea;font-size:15px;line-height:1.75}
@media(max-width:700px){.ecosystem-band-data .ecosystem-problem{margin-top:48px;gap:12px}.problem-card{padding:25px 23px 27px}.problem-card span{margin-bottom:13px}}