/* V4: expressive imagery with a clear, usable interaction layer. */
.header .brand-lockup,.footer .brand-lockup{width:218px;height:48px;object-fit:contain;object-position:left}
.header{gap:26px}.desktop-nav{gap:24px}.desktop-nav a{white-space:nowrap}
.desktop-nav .future-nav{color:#b8c7ff;display:flex;align-items:center;gap:7px}
.future-nav:before{content:'✦';color:#94f1ee}
.model-toggle{padding:12px 20px;border-color:#4c5a7f;background:linear-gradient(120deg,#161f33,#101522)}
.model-layers{left:8%;right:8%;gap:14px}.model-layers b{font-size:12px;line-height:1.4}
.matreshka-feature{grid-template-columns:.9fr 1.1fr;background:radial-gradient(ellipse at 90% 20%,#70244640,transparent 60%),#161324;gap:30px;padding:42px 42px 0}
.matreshka-art{margin:0 -42px 0 0;align-self:stretch;min-width:0;position:relative;overflow:hidden;display:flex;align-items:center;border-radius:22px 0 0 22px;isolation:isolate}
.matreshka-art img{width:100%;height:100%;min-height:500px;object-fit:cover;object-position:center;transition:transform 1.2s cubic-bezier(.2,.65,.2,1)}
.matreshka-art:after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,#161324 0,transparent 16%),linear-gradient(0deg,#161324,transparent 14%)}
.matreshka-feature:hover .matreshka-art img{transform:scale(1.035)}
.matreshka-feature .feature-copy{padding-bottom:34px}.feature-copy p{max-width:480px}
.feature-button{display:flex;width:fit-content;margin-left:auto;gap:24px;border-radius:40px;background:linear-gradient(115deg,#ff735f,#f2538b);color:#fff;box-shadow:0 7px 30px #fc516526;padding:15px 17px 15px 24px;font-weight:700}
.feature-button>span{width:33px;height:33px;display:grid;place-items:center;background:#fff2;border:1px solid #fff3;border-radius:50%;transition:transform .3s}
.feature-button:hover{background:linear-gradient(115deg,#ff8971,#eb4497);box-shadow:0 10px 40px #ff487b40}.feature-button:hover>span{transform:rotate(45deg)}
.secondary-projects{align-items:stretch}.secondary-projects .crm-v4{height:auto;min-height:395px;padding:30px 27px 22px;background:radial-gradient(circle at 90% 8%,#b5b9ff,transparent 48%),radial-gradient(ellipse at 6% 97%,#85dcd2,transparent 63%),linear-gradient(130deg,#dceaff,#b5cafa);overflow:hidden}
.crm-v4:before{content:'';position:absolute;inset:0;opacity:.21;background-image:linear-gradient(#7583a130 1px,transparent 1px),linear-gradient(90deg,#7583a130 1px,transparent 1px);background-size:24px 24px;pointer-events:none}
.crm-v4>*{position:relative}.secondary-projects .crm-v4 .crm-title{font-size:32px;margin-top:20px;max-width:100%}
.warehouse-flow{position:relative;display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:26px;padding:0 2px}
.warehouse-rail{position:absolute;top:36px;left:16%;right:16%;height:2px;background:#546daa55}.warehouse-rail i{position:absolute;width:9px;height:9px;top:-3px;left:0;background:#426ee2;box-shadow:0 0 0 5px #4775ea17;border-radius:2px;transform:rotate(45deg);transition:left .65s cubic-bezier(.3,.8,.3,1)}
.warehouse-stage{border:0;background:none;padding:0;color:#273f69;display:flex;flex-direction:column;align-items:center;gap:11px;z-index:1;text-align:center;min-width:0}
.warehouse-icon{width:72px;height:72px;display:grid;place-items:center;background:linear-gradient(150deg,#fffE,#e3efff);border:1px solid #ffffffbf;box-shadow:0 7px 20px #4b679121,inset 0 1px 1px white;border-radius:21px;transition:transform .3s,box-shadow .3s,color .3s}
.warehouse-icon svg{width:42px;height:42px;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.warehouse-stage b{font-size:16px;font-weight:650}.warehouse-stage>span:last-child{font-size:11px;line-height:1.5;max-width:140px;color:#526a8e}
.warehouse-stage:hover .warehouse-icon,.warehouse-stage.is-selected .warehouse-icon{transform:translateY(-5px);color:#3159ed;box-shadow:0 9px 26px #3159ed30}
.warehouse-stage.is-complete .warehouse-icon{background:linear-gradient(145deg,#c2ffe8,#effff9);color:#247563}
.warehouse-message{font-size:12px!important;line-height:1.7;margin:22px 0 0!important;color:#536a8f!important;min-height:38px;max-width:none!important;text-align:center}
.warehouse-easter{position:absolute;bottom:14px;left:15px;right:15px;background:#243b5a;color:#d4ffef;border:1px solid #a9f3d1;box-shadow:0 8px 25px #22355030;border-radius:14px;padding:12px;text-align:center;font-size:12px;animation:easterIn .45s both}
.warehouse-easter[hidden]{display:none}.warehouse-easter span{color:#adfcd2;margin-right:6px}
@keyframes easterIn{from{opacity:0;transform:translateY(12px) scale(.98)}to{opacity:1;transform:none}}
.secondary-projects .sloyra-link{display:flex;width:fit-content;margin-left:auto;border:1px solid #fff5;border-radius:30px;padding:12px 18px;background:#fff1;transition:background .2s}.sloyra-link:hover{background:#fff2}
.ai-section{position:relative;overflow:hidden;padding:100px 0 85px;isolation:isolate;background:#080d1e;color:#f0f4ff}
.ai-section:before{content:'';position:absolute;inset:0;z-index:-1;background:radial-gradient(ellipse at 85% 15%,#5635e643,transparent 45%),radial-gradient(ellipse at 10% 65%,#056bd640,transparent 50%)}
.ai-mesh{position:absolute;inset:0;z-index:-1;opacity:.3;background-image:linear-gradient(#718aff17 1px,transparent 1px),linear-gradient(90deg,#718aff17 1px,transparent 1px);background-size:56px 56px;mask-image:linear-gradient(transparent,#000 22%,#000 75%,transparent)}
.ai-section .section-label{color:#aabade}.ai-live{display:inline-flex;gap:9px;align-items:center;font-size:12px;color:#a1b5d4}.ai-live i{width:6px;height:6px;background:#b2f486;border-radius:50%;box-shadow:0 0 14px #b2f48c}
.ai-intro{display:grid;grid-template-columns:1.2fr .8fr;gap:60px;align-items:end;margin-top:64px;margin-bottom:46px}
.ai-kicker{color:#92aafa;letter-spacing:.13em;font-size:11px;margin-bottom:21px}
.ai-intro h2{font-size:clamp(38px,4.4vw,65px);line-height:1.13;letter-spacing:-.05em;font-weight:600}.ai-intro h2 span{background:linear-gradient(95deg,#81d6ff,#a494ff 65%,#efa6eb);background-clip:text;color:transparent}
.ai-intro>p{font-size:16px;line-height:1.85;color:#a1afcc;padding-bottom:4px;max-width:410px}
.ai-lab{--ai-accent:#83c6ff;position:relative;display:grid;grid-template-columns:1.15fr .85fr;min-height:570px;border:1px solid #7081b13b;background:linear-gradient(135deg,#071222,#100f24);border-radius:30px;isolation:isolate;overflow:hidden;box-shadow:0 30px 100px #0003}
.ai-lab[data-active="1"]{--ai-accent:#93eeed}.ai-lab[data-active="2"]{--ai-accent:#c2a3ff}.ai-lab[data-active="3"]{--ai-accent:#c4f395}
.ai-art{position:relative;min-width:0;overflow:hidden;perspective:1000px;isolation:isolate;min-height:520px}
.ai-art img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.85;transform:translate(var(--ai-x,0px),var(--ai-y,0px)) scale(1.025);transition:transform .4s ease-out,filter .8s}
.ai-lab[data-active="1"] .ai-art img{filter:hue-rotate(-14deg)}.ai-lab[data-active="2"] .ai-art img{filter:hue-rotate(24deg)}.ai-lab[data-active="3"] .ai-art img{filter:hue-rotate(-32deg)}
.ai-art:after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,transparent 70%,#100f24),linear-gradient(0deg,#080e20,transparent 16%,transparent 88%,#081020)}
.ai-flow-canvas{position:absolute;inset:0;width:100%;height:100%;z-index:2;pointer-events:none}
.ai-orbit{position:absolute;left:50%;top:50%;border:1px solid #77a2ff30;border-radius:50%;width:78%;aspect-ratio:1;transform:translate(-50%,-50%) rotateX(63deg) rotateZ(-25deg);z-index:2;pointer-events:none}
.orbit-two{width:96%;transform:translate(-50%,-50%) rotateX(63deg) rotateZ(30deg);border-style:dashed;border-color:#aebdfa23}
.ai-node{position:absolute;z-index:3;border:1px solid #7192bf55;backdrop-filter:blur(12px);background:#0c162cbd;box-shadow:0 8px 30px #0005;border-radius:24px;padding:10px 16px;font-size:10px;letter-spacing:.12em;color:#c3d4ef}
.node-one{left:7%;top:17%}.node-two{right:8%;top:49%}.node-three{left:15%;bottom:12%;color:var(--ai-accent);border-color:var(--ai-accent)}
.ai-scanline{position:absolute;z-index:2;width:85%;left:6%;top:18%;height:1px;background:linear-gradient(90deg,transparent,var(--ai-accent),transparent);box-shadow:0 0 30px var(--ai-accent);opacity:.6;animation:aiScan 7s ease-in-out infinite;animation-play-state:paused}
.ai-section.is-in-view .ai-scanline{animation-play-state:running}
@keyframes aiScan{0%,100%{transform:translateY(0);opacity:0}15%,80%{opacity:.5}90%{transform:translateY(380px);opacity:0}}
.ai-console{position:relative;z-index:4;padding:34px 34px 30px 22px;align-self:center}
.ai-console-top{display:flex;justify-content:space-between;gap:15px;color:#7b8fb4;letter-spacing:.09em;font-size:10px;margin-bottom:21px}.ai-index{font-variant-numeric:tabular-nums;color:var(--ai-accent)}
.ai-tabs{display:grid;grid-template-columns:1fr 1fr;gap:9px}.ai-tabs button{padding:15px 12px;border-radius:11px;border:1px solid #5e719242;color:#a5b4d0;background:#17253b40;font-size:13px;text-align:left;display:flex;gap:9px;align-items:center;transition:background .3s,border-color .3s,color .3s;min-width:0}
.ai-tabs button>span{font-size:10px;opacity:.65}.ai-tabs button i{font-style:normal;margin-left:auto;color:var(--ai-accent);font-size:15px}.ai-tabs button[aria-selected="true"]{color:#fff;background:linear-gradient(130deg,#27548b80,#553d8a40);border-color:var(--ai-accent);box-shadow:0 0 24px #4379d61a}.ai-tabs button:hover{background:#3b4c703d}
.ai-panel{min-height:253px;padding-top:28px;animation:aiPanelIn .5s both}.ai-panel[hidden]{display:none}.ai-panel h3{font-size:26px;line-height:1.3;letter-spacing:-.025em;font-weight:600;max-width:360px}.ai-panel p{font-size:14px;line-height:1.8;color:#98a9c5;margin-top:15px;max-width:390px}
.ai-human{border-top:1px solid #ffffff14;margin-top:24px;padding-top:19px;display:grid;gap:8px;font-size:13px;color:#dce7ff}.ai-human span{font-size:9px;letter-spacing:.13em;color:var(--ai-accent)}
@keyframes aiPanelIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
.ai-belief{display:flex;gap:60px;align-items:center;justify-content:space-between;margin-top:38px}.ai-belief p{max-width:680px;font-size:17px;line-height:1.7;color:#8c9dbc}.ai-belief strong{font-weight:500;color:#d4e1fb}.ai-cta{flex-shrink:0;white-space:nowrap;border-radius:40px;color:#0a1530;background:linear-gradient(120deg,#a3ddff,#bcb3ff);padding:18px 25px;box-shadow:0 6px 35px #797bff22}.ai-cta:hover{background:#c4e1ff}
.sloyra-page{min-height:calc(100vh - 100px);padding:80px 0 100px;background:radial-gradient(ellipse at 100% 10%,#453dc866,transparent 50%)}
.sloyra-page h1{font-size:clamp(66px,12vw,140px);letter-spacing:-.07em;font-weight:550;line-height:1.1;margin:22px 0 30px}.sloyra-page h2{font-size:34px;max-width:720px;line-height:1.3}.sloyra-page p{font-size:18px;color:#a3b0ca;line-height:1.8;max-width:730px;margin-top:24px}.sloyra-page .tags{margin:30px 0}.sloyra-product-note{margin-top:55px;border-top:1px solid #ffffff21;padding-top:25px}
@media(max-width:1150px){.header{gap:15px}.header .brand-lockup{width:185px}.desktop-nav{gap:16px;font-size:12px}.header-cta{font-size:12px;gap:9px}.ai-intro{gap:35px}.ai-lab{grid-template-columns:1fr 1fr}.ai-tabs{grid-template-columns:1fr}.ai-panel{min-height:0}.ai-console{padding:28px 25px 30px 5px}.ai-art{min-height:650px}.matreshka-feature{padding:30px 30px 0;gap:22px}.matreshka-art{margin-right:-30px}.matreshka-art img{min-height:520px}.feature-copy h3{font-size:36px}.warehouse-stage>span:last-child{font-size:10px}.warehouse-icon{width:61px;height:61px}.warehouse-rail{top:30px}}
@media(max-width:900px) and (min-width:761px){.header{flex-wrap:wrap;justify-content:space-between;height:130px;padding:15px 0}.desktop-nav{order:3;width:100%;justify-content:space-between}.ai-intro{grid-template-columns:1fr}.ai-intro>p{max-width:100%}.warehouse-stage b{font-size:13px}.warehouse-stage>span:last-child{display:none}.warehouse-flow{gap:5px}.secondary-projects .crm-v4{padding:27px 19px 20px}.ai-belief{gap:25px;align-items:flex-start;flex-direction:column}.ai-cta{align-self:flex-end}}
@media(max-width:760px){.header .brand-lockup,.footer .brand-lockup{width:190px;height:42px}.header .desktop-nav{display:none}.hero-visual .model-layers{left:2%;right:2%;gap:8px}.model-layers b{font-size:10px}.matreshka-feature{grid-template-columns:1fr;padding:27px 23px 0;gap:0}.matreshka-feature .feature-copy{padding-bottom:10px}.feature-copy h3{font-size:36px}.matreshka-art{margin:20px -23px 0;border-radius:0;height:330px}.matreshka-art img{min-height:0;object-fit:cover}.matreshka-art:after{background:linear-gradient(0deg,#161324,transparent 15%,transparent 90%,#161324)}.feature-button{font-size:13px;margin-top:22px;gap:18px;min-height:50px;padding:11px 12px 11px 19px}.feature-button>span{width:30px;height:30px}.feature-footer{margin-top:0}.warehouse-icon{width:65px;height:65px;border-radius:18px}.warehouse-rail{top:32px}.warehouse-stage b{font-size:14px}.warehouse-stage>span:last-child{font-size:10px}.secondary-projects .crm-v4{padding:26px 19px 20px;min-height:392px}.secondary-projects .crm-v4 .crm-title{font-size:29px}.warehouse-flow{gap:6px}.warehouse-message{font-size:11px!important}.ai-section{padding:65px 0 56px}.ai-live{font-size:10px}.ai-section .section-label{font-size:9px;letter-spacing:.06em;max-width:180px;line-height:1.8}.ai-intro{grid-template-columns:1fr;gap:23px;margin-top:37px;margin-bottom:30px}.ai-kicker{font-size:9px;margin-bottom:17px}.ai-intro h2{font-size:clamp(35px,8.8vw,60px)}.ai-intro>p{font-size:15px;line-height:1.8}.ai-lab{grid-template-columns:1fr;border-radius:23px}.ai-art{min-height:340px;height:340px}.ai-art img{object-fit:cover}.ai-art:after{background:linear-gradient(0deg,#100f24,transparent 24%)}.ai-console{padding:12px 23px 27px}.ai-tabs{grid-template-columns:1fr 1fr;gap:8px}.ai-tabs button{font-size:11px;gap:7px;padding:13px 9px}.ai-tabs button>span{font-size:9px}.ai-console-top{font-size:9px}.ai-panel{min-height:265px;padding-top:25px}.ai-panel h3{font-size:26px}.ai-panel p{font-size:14px}.ai-node{font-size:8px;padding:8px 12px}.ai-belief{flex-direction:column;gap:24px;align-items:stretch;margin-top:29px}.ai-belief p{font-size:15px}.ai-cta{align-self:flex-end;font-size:13px;padding:15px 19px}.sloyra-page{padding:50px 0 65px}.sloyra-page h2{font-size:27px}.sloyra-page p{font-size:16px}}
@media(max-width:380px){.header .brand-lockup{width:177px}.matreshka-feature{padding-inline:19px}.matreshka-art{margin-inline:-19px;height:285px}.feature-copy h3{font-size:32px}.warehouse-stage>span:last-child{font-size:9px}.warehouse-icon{width:58px;height:58px}.warehouse-icon svg{width:36px;height:36px}.warehouse-stage b{font-size:12px}.secondary-projects .crm-v4{padding-inline:15px}.ai-art{height:290px;min-height:290px}.ai-console{padding-inline:17px}.ai-tabs button{font-size:10px;gap:5px}.ai-tabs button i{display:none}.ai-intro h2{font-size:32px}.ai-panel{min-height:290px}}
@media(prefers-reduced-motion:reduce){.ai-scanline{animation:none}.ai-panel,.warehouse-easter{animation:none}.ai-art img,.matreshka-art img,.warehouse-icon,.warehouse-rail i,.feature-button>span{transition:none;transform:none!important}}

.sloyra-header .text-link{white-space:nowrap}
@media(max-width:380px){.sloyra-header .brand-lockup{width:160px}.sloyra-header .text-link{font-size:12px;gap:8px}.sloyra-page h2{font-size:25px}}