.functions-hero{padding-top:76px;padding-bottom:76px}
.functions-hero-grid{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);gap:clamp(35px,4vw,74px);align-items:center;min-height:480px}
.functions-hero-copy{position:relative;z-index:2}
.functions-hero h1{max-width:740px;font-size:clamp(52px,5vw,80px);line-height:1.03;margin:22px 0 24px}
.functions-hero h1 em{display:inline;color:#d4b8d6}
.functions-hero p{max-width:590px;font-size:17px;line-height:1.6}
.functions-hero .mp-actions{margin-top:32px}
.functions-showcase{position:relative;height:430px;isolation:isolate}
.functions-showcase-glow{position:absolute;inset:9% -2%;border-radius:50%;background:radial-gradient(circle,#9bc8af33,transparent 68%);filter:blur(12px)}
.functions-preview{position:absolute;overflow:hidden;border:1px solid #ffffff8c;box-shadow:0 28px 65px #071b1999;border-radius:17px}
.functions-preview-top{height:34px;padding:0 15px;display:flex;align-items:center;gap:13px;background:#f8f4e9;color:#476256;font-size:9px;font-weight:850;letter-spacing:.12em}
.functions-dots{display:flex;gap:4px}.functions-dots i{width:5px;height:5px;border-radius:50%;background:#a6baae}.functions-dots i:nth-child(2){background:#c4aac7}.functions-dots i:nth-child(3){background:#a6d7c0}
.functions-catalog{width:58%;height:73%;left:0;top:6%;z-index:1;background:#f4ecdf;transform:rotate(-7deg);animation:functions-catalog-enter .85s cubic-bezier(.2,.75,.2,1) both}
.functions-catalog-content{height:calc(100% - 34px);display:flex;flex-direction:column;padding:13px}
.functions-catalog-photo{min-height:0;flex:1;overflow:hidden;border-radius:9px;background:#d9c7b1}
.functions-catalog-photo img{width:100%;height:100%;display:block;object-fit:cover;object-position:center 58%}
.functions-catalog-details{display:flex;flex-direction:column;gap:4px;padding:11px 4px 3px;color:#304739}
.functions-catalog-details>span{font-size:8px;font-weight:850;letter-spacing:.12em;color:#8a9b84}
.functions-catalog-details strong{font:400 clamp(19px,2vw,29px)/.95 Georgia,serif}
.functions-catalog-details small{font-size:9px;color:#687a6c}
.functions-panel{width:66%;height:69%;right:0;top:13%;z-index:2;background:#0e182c;transform:rotate(6deg);animation:functions-panel-enter .85s cubic-bezier(.2,.75,.2,1) .18s both}
.functions-panel .functions-preview-top{background:#111d34;color:#ccd6e8;border-bottom:1px solid #ffffff1f}
.functions-panel-screen{display:grid;grid-template-columns:44px 1fr;height:calc(100% - 34px);color:#e8f2f6}
.functions-panel-sidebar{display:flex;flex-direction:column;align-items:center;gap:18px;background:#0a1428;padding-top:17px;border-right:1px solid #ffffff12}
.functions-panel-sidebar span{font-size:22px;font-weight:850;color:#aa9cff}.functions-panel-sidebar i{width:13px;height:4px;background:#647896;border-radius:8px}.functions-panel-sidebar i:first-of-type{background:#9f8df9}
.functions-panel-content{padding:24px 20px;display:flex;flex-direction:column}
.functions-panel-content>small{font-size:8px;letter-spacing:.13em;color:#81a4ba;font-weight:850}
.functions-panel-content>strong{font-size:clamp(16px,1.8vw,24px);letter-spacing:-.04em;margin:7px 0 17px}
.functions-panel-metrics{display:grid;grid-template-columns:1fr 1fr;gap:8px}.functions-panel-metrics span{display:flex;flex-direction:column;gap:3px;padding:12px;border:1px solid #ffffff1c;border-radius:9px;background:#ffffff0b}.functions-panel-metrics b{font-size:20px}.functions-panel-metrics small{font-size:8px;color:#9bb2c4}
.functions-panel-order{display:flex;align-items:center;gap:10px;margin-top:9px;padding:10px 12px;border-radius:9px;background:#17372f;color:#daf5e6}.functions-panel-order>span:first-child{width:23px;height:23px;display:grid;place-items:center;border-radius:50%;background:#31b782;font-size:13px}.functions-panel-order>span:last-child{display:flex;flex-direction:column;gap:2px}.functions-panel-order b{font-size:10px}.functions-panel-order small{font-size:8px;color:#b6d2c5}
.functions-connection{position:absolute;z-index:3;left:22%;bottom:9%;display:flex;align-items:center;gap:8px;padding:11px 16px;border-radius:100px;border:1px solid #c7f0dd;background:#daf7e9;color:#254534;box-shadow:0 16px 35px #071b1959;font-size:11px;font-weight:850;animation:functions-connection-enter .7s ease .75s both}
.functions-connection span{font-size:18px;line-height:1}
.functions-showcase-note{position:absolute;right:0;bottom:0;color:#a7c2b2;font-size:9px;letter-spacing:.08em}
@keyframes functions-catalog-enter{from{opacity:0;transform:translate(-42px,25px) rotate(-15deg)}to{opacity:1;transform:rotate(-7deg)}}
@keyframes functions-panel-enter{from{opacity:0;transform:translate(50px,18px) rotate(14deg)}to{opacity:1;transform:rotate(6deg)}}
@keyframes functions-connection-enter{from{opacity:0;transform:translateY(18px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}
@media(max-width:1000px){.functions-hero{padding-top:70px;padding-bottom:48px}.functions-hero-grid{grid-template-columns:1fr;gap:24px}.functions-hero h1{max-width:760px;font-size:clamp(50px,7vw,70px)}.functions-showcase{width:min(100%,630px);height:360px;margin:0 auto}.functions-catalog-details strong{font-size:25px}.functions-panel-content>strong{font-size:21px}}
@media(max-width:600px){.functions-hero{padding-top:60px;padding-bottom:35px}.functions-hero h1{font-size:clamp(43px,11vw,58px)}.functions-hero p{font-size:15px}.functions-hero .mp-actions{gap:9px}.functions-hero .mp-button{font-size:11px;min-height:44px;padding:0 15px}.functions-showcase{height:295px}.functions-preview-top{height:27px;padding:0 9px;font-size:6px}.functions-catalog-content{height:calc(100% - 27px);padding:8px}.functions-catalog-details{padding:6px 2px 0}.functions-catalog-details>span{font-size:6px}.functions-catalog-details strong{font-size:17px}.functions-catalog-details small{font-size:7px}.functions-panel-screen{height:calc(100% - 27px);grid-template-columns:28px 1fr}.functions-panel-sidebar{gap:12px;padding-top:10px}.functions-panel-sidebar span{font-size:16px}.functions-panel-sidebar i{width:9px}.functions-panel-content{padding:13px 9px}.functions-panel-content>small{font-size:6px}.functions-panel-content>strong{font-size:14px;margin:5px 0 9px}.functions-panel-metrics{gap:4px}.functions-panel-metrics span{padding:7px}.functions-panel-metrics b{font-size:14px}.functions-panel-metrics small{font-size:6px}.functions-panel-order{gap:6px;margin-top:5px;padding:6px}.functions-panel-order>span:first-child{width:17px;height:17px;font-size:10px}.functions-panel-order b{font-size:7px}.functions-panel-order small{font-size:6px}.functions-connection{left:12%;bottom:11%;font-size:8px;padding:8px 10px}.functions-connection span{font-size:13px}.functions-showcase-note{font-size:7px}}
@media(prefers-reduced-motion:reduce){.functions-catalog,.functions-panel,.functions-connection{animation:none}}
.functions-formats-note{display:flex;align-items:center;justify-content:space-between;gap:25px;margin-top:28px;padding:25px 4px 0;border-top:1px solid #d9dfd6}
.functions-features .mp-kicker{color:#557665}
.functions-formats-note p{max-width:700px;margin:0;color:#65766d;font-size:14px;line-height:1.6}
.functions-formats-note a{display:inline-flex;align-items:center;gap:15px;white-space:nowrap;color:#315d48;font-size:13px;font-weight:800;border-bottom:1px solid #7ea38b;padding-bottom:5px}
.functions-formats-note a:hover{color:#183c2a}
@media(max-width:700px){.functions-formats-note{align-items:flex-start;flex-direction:column;gap:15px}}
.functions-card-top{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;min-height:38px}
.functions-card-top .num{font-size:10px;line-height:1.5}
.functions-card-icon{width:38px;height:38px;flex:0 0 38px;display:grid;place-items:center;border-radius:12px;background:#e8f1e9;color:#426d57;transition:transform .35s ease,background .35s ease}
.functions-features .mp-card:nth-child(even) .functions-card-icon{background:#f2eaf1;color:#997593}
.functions-card-icon svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.functions-features .mp-card h3{margin-top:21px}
.functions-features .mp-card{transition:opacity .55s ease,transform .55s cubic-bezier(.2,.75,.2,1),box-shadow .35s ease}
.functions-features.reveal-ready .mp-card:not(.is-visible){opacity:0;transform:translateY(16px)}
.functions-features.reveal-ready .mp-card.is-visible{opacity:1;transform:translateY(0)}
.functions-features .mp-card:nth-child(3n + 2){transition-delay:70ms}
.functions-features .mp-card:nth-child(3n + 3){transition-delay:140ms}
@media(hover:hover){.functions-features.reveal-ready .mp-card.is-visible:hover,.functions-features .mp-card:hover{transform:translateY(-4px);box-shadow:0 18px 40px #1e3a2912}.functions-features .mp-card:hover .functions-card-icon{transform:rotate(-5deg) scale(1.06)}}
@media(prefers-reduced-motion:reduce){.functions-features .mp-card,.functions-card-icon{transition:none!important}.functions-features.reveal-ready .mp-card:not(.is-visible){opacity:1;transform:none}}