.product-hero{position:relative;overflow:hidden;background:var(--ink);color:var(--bone)}.product-hero-city{position:absolute;inset:0 0 0 auto;width:62%;background:url("assets/zenage-cityscape-dark.svg") center/cover no-repeat;opacity:.1;mask-image:linear-gradient(90deg,transparent,#000 50%);pointer-events:none}.product-hero-grid{position:relative;display:grid;grid-template-columns:minmax(0,1.04fr) minmax(400px,.85fr);gap:8%;align-items:center;min-height:690px;padding:75px 0 84px}.product-hero-copy h1{font-size:clamp(61px,6.4vw,96px);line-height:1.01;margin:0 0 29px;max-width:790px;font-weight:810}.product-hero-lede{font-size:17px;line-height:1.7;color:#ced4cc;max-width:580px;margin-bottom:34px}.product-hero-actions{display:flex;align-items:center;gap:28px;flex-wrap:wrap}.product-hero-tags{display:flex;flex-wrap:wrap;gap:9px;margin-top:51px}.product-hero-tags span{border:1px solid rgba(246,242,235,.28);padding:9px 12px;font-size:11px;font-weight:650;color:#d9ded6}.product-hero-visual{position:relative;min-height:475px;background:rgba(22,28,27,.95);border:1px solid rgba(246,242,235,.3);padding:26px;box-shadow:20px 22px 0 rgba(0,0,0,.1);display:flex;flex-direction:column}.product-visual-top,.product-visual-bottom{display:flex;justify-content:space-between;gap:15px;font-size:9px;font-weight:800;letter-spacing:.17em;color:#aeb9af}.product-visual-top{border-bottom:1px solid rgba(246,242,235,.22);padding-bottom:16px}.product-visual-top i{display:inline-block;background:var(--orange);width:6px;height:6px;border-radius:50%;margin-left:5px}.product-visual-main{padding:34px 15px 28px}.product-visual-main img{width:43px;height:43px;margin-bottom:27px}.product-visual-main>span{display:block;color:var(--orange);font-size:10px;letter-spacing:.18em;font-weight:800;margin-bottom:11px}.product-visual-main strong{display:block;font-size:clamp(29px,3vw,43px);letter-spacing:-.06em;line-height:1.1;max-width:400px}.product-visual-main p{color:#b9c4ba;font-size:13px;line-height:1.55;max-width:390px;margin:16px 0 0}.product-visual-list{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:rgba(246,242,235,.19);border:1px solid rgba(246,242,235,.19);margin-top:auto}.product-visual-list div{background:#252c28;min-height:80px;padding:12px 10px;display:flex;flex-direction:column;justify-content:space-between}.product-visual-list div span{color:#e5e9e2;font-size:9px;font-weight:800}.product-visual-list div strong{font-size:11px;line-height:1.25}.product-visual-list div b{align-self:end;color:var(--orange);font-size:14px}.product-visual-bottom{padding-top:17px}
.product-hero-copy>*{animation:zenage-rise .65s both}.product-hero-copy>*:nth-child(2){animation-delay:.08s}.product-hero-copy>*:nth-child(3){animation-delay:.16s}.product-hero-copy>*:nth-child(4){animation-delay:.23s}.product-hero-copy>*:nth-child(5){animation-delay:.29s}.product-hero-visual{animation:zenage-rise .75s .22s both}
.section-jump{position:sticky;top:84px;z-index:35;background:var(--bone);border-bottom:1px solid var(--line);box-shadow:0 5px 14px rgba(22,28,27,.05)}.section-jump .wrap{min-height:58px;display:flex;align-items:center;gap:30px;white-space:nowrap}.section-jump span{margin-right:auto;font-size:10px;letter-spacing:.16em;font-weight:800}.section-jump a{font-size:12px;font-weight:700;color:#434c45;padding:20px 0;border-bottom:2px solid transparent}.section-jump a:hover,.section-jump a:focus-visible{border-bottom-color:var(--orange)}.product-page section[id]{scroll-margin-top:160px}
.product-intro{background:var(--bone)}.product-intro-grid{display:grid;grid-template-columns:1fr .82fr;gap:11%;align-items:start}.product-intro h2,.product-section-heading h2,.scenario-heading h2,.product-faq h2{font-size:clamp(44px,5vw,72px);line-height:1.06;margin:0}.product-intro-copy{padding-top:51px}.product-intro-copy>p{font-size:18px;line-height:1.68;color:#444e46;max-width:580px;margin-bottom:40px}.intro-point-list{border-top:1px solid var(--ink)}.intro-point-list div{display:grid;grid-template-columns:38px 1fr;gap:10px;align-items:center;padding:18px 0;border-bottom:1px solid var(--line)}.intro-point-list span{font-size:10px;font-weight:800;color:var(--ink)}.intro-point-list strong{font-size:14px;font-weight:730}
.product-capabilities{background:#eae9e2}.product-section-heading{display:flex;align-items:end;justify-content:space-between;gap:60px;margin-bottom:48px}.product-section-heading h2{max-width:780px}.product-section-heading>p{max-width:280px;font-size:14px;line-height:1.55;color:#5a645c;margin:0 0 5px}.capability-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.capability-card{min-height:300px;background:var(--bone);border:1px solid rgba(22,28,27,.35);padding:28px 30px;display:flex;flex-direction:column;transition:transform .25s,box-shadow .25s,border-color .25s}.capability-card:hover{transform:translateY(-5px);box-shadow:8px 8px 0 var(--ink);border-color:var(--ink)}.capability-index{font-size:10px;font-weight:800;letter-spacing:.19em;color:var(--ink);margin-bottom:29px}.capability-card h3{font-size:clamp(28px,3vw,39px);line-height:1.08;max-width:470px;margin:0 0 17px}.capability-card p{font-size:14px;line-height:1.65;color:#505b52;max-width:480px;margin-bottom:30px}.capability-foot{border-top:1px solid var(--line);padding-top:15px;margin-top:auto;display:flex;justify-content:space-between;align-items:center;gap:15px;font-size:9px;letter-spacing:.16em;font-weight:800}.capability-foot span{font-size:17px;color:var(--orange)}
.product-scenario{background:var(--ink);color:var(--bone);position:relative;overflow:hidden}.product-scenario:after{content:"";position:absolute;right:-4%;top:0;width:55%;height:100%;background:url("assets/zenage-cityscape-dark.svg") center/cover no-repeat;opacity:.07;pointer-events:none}.product-scenario .wrap{position:relative;z-index:1}.scenario-heading{max-width:820px;margin-bottom:45px}.scenario-heading h2{margin-bottom:18px}.scenario-heading>p:last-child{font-size:16px;color:#b9c4ba;line-height:1.7;max-width:700px}.scenario-grid{display:grid;grid-template-columns:.78fr 1fr;gap:20px;align-items:stretch}.scenario-steps{display:flex;flex-direction:column;gap:8px}.scenario-step{width:100%;min-height:124px;text-align:left;background:#242b28;color:var(--bone);border:1px solid rgba(246,242,235,.22);border-left:3px solid transparent;padding:20px 22px;cursor:pointer;display:flex;flex-direction:column;gap:7px;transition:background .22s,border-color .22s,transform .22s}.scenario-step:hover{background:#2d352f;transform:translateX(4px)}.scenario-step.active{background:#303a33;border-left-color:var(--orange);border-top-color:rgba(246,242,235,.42);border-right-color:rgba(246,242,235,.42);border-bottom-color:rgba(246,242,235,.42)}.scenario-step span{font-size:9px;letter-spacing:.17em;font-weight:800;color:#f2f0e8}.scenario-step strong{font-size:20px;letter-spacing:-.04em}.scenario-step small{font-size:12px;line-height:1.5;color:#c4cec3}.scenario-panel{min-height:392px;background:var(--bone);color:var(--ink);border:1px solid var(--bone);padding:27px 32px;display:flex;flex-direction:column;justify-content:space-between}.scenario-panel-top,.scenario-panel-bottom{display:flex;justify-content:space-between;gap:15px;font-size:9px;letter-spacing:.17em;font-weight:800}.scenario-panel-top{border-bottom:1px solid var(--line);padding-bottom:17px}.scenario-panel-bottom{border-top:1px solid var(--line);padding-top:18px}.scenario-panel-bottom b{color:var(--orange);font-size:16px}.scenario-panel-center{padding:31px 0}.scenario-badge{display:inline-block;background:var(--ink);color:var(--bone);padding:8px 10px;font-size:9px;letter-spacing:.15em;font-weight:800;margin-bottom:24px}.scenario-panel-center h3{font-size:clamp(38px,4vw,56px);max-width:510px;line-height:1.07;margin:0 0 18px}.scenario-panel-center p{font-size:15px;line-height:1.65;color:#4e5a51;max-width:500px;margin:0}
.product-position{background:var(--bone)}.product-position .product-section-heading{max-width:880px}.position-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:17px}.position-card{min-height:450px;padding:32px 35px;display:flex;flex-direction:column}.position-card.own{background:var(--ink);color:var(--bone)}.position-card.connected{background:#e3e6dd;border:1px solid var(--ink);box-shadow:12px 12px 0 var(--ink)}.position-card>span{font-size:10px;letter-spacing:.17em;font-weight:800;color:#d5dad2}.position-card.connected>span{color:#3f4941}.position-card h3{font-size:clamp(34px,3.5vw,50px);line-height:1.08;max-width:550px;margin:53px 0 18px}.position-card p{font-size:14px;line-height:1.65;max-width:520px;color:#c4cec3}.position-card.connected p{color:#505c52}.position-card ul{list-style:none;padding:20px 0 0;margin:auto 0 0;border-top:1px solid rgba(246,242,235,.28);display:flex;flex-wrap:wrap;gap:10px}.position-card.connected ul{border-top-color:var(--line)}.position-card li{font-size:11px;font-weight:730;border:1px solid rgba(246,242,235,.3);padding:8px 10px}.position-card.connected li{border-color:#aeb7ac}
.product-related{background:#eae9e2}.related-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.related-card{min-height:265px;background:var(--bone);border:1px solid rgba(22,28,27,.4);padding:25px;display:flex;flex-direction:column;transition:transform .25s,box-shadow .25s}.related-card:hover{transform:translateY(-5px);box-shadow:7px 7px 0 var(--ink)}.related-card>span{font-size:9px;letter-spacing:.14em;font-weight:800;margin-bottom:35px}.related-card strong{font-size:29px;letter-spacing:-.055em;line-height:1.05}.related-card strong small{display:inline-block;margin-left:5px;border:1px solid var(--orange);padding:4px 5px;font-size:8px;letter-spacing:.08em;vertical-align:middle}.related-card p{font-size:12px;line-height:1.5;color:#5b655d;margin:15px 0 25px}.related-card b{margin-top:auto;color:var(--orange);font-size:20px}
.product-faq{background:var(--bone)}.product-faq-grid{display:grid;grid-template-columns:.75fr 1fr;gap:11%}.product-closing{position:relative;overflow:hidden;background:var(--ink);color:var(--bone)}.product-closing-city{position:absolute;inset:0 0 0 auto;width:56%;background:url("assets/zenage-cityscape-dark.svg") center/cover no-repeat;opacity:.11;mask-image:linear-gradient(90deg,transparent,#000);pointer-events:none}.product-closing-inner{position:relative;display:flex;align-items:end;justify-content:space-between;gap:35px;padding:110px 0}.product-closing h2{font-size:clamp(58px,6vw,88px);line-height:1.04;max-width:820px;margin:0 0 23px}.product-closing-inner p:last-child{font-size:16px;line-height:1.5;color:#c5cdc5;max-width:570px;margin:0}.product-closing .button{white-space:nowrap;flex:none;margin-bottom:6px}
@media(max-width:1120px){.product-hero-grid{grid-template-columns:1fr .83fr;gap:4%}.product-hero-copy h1{font-size:clamp(55px,6.2vw,78px)}.product-hero-visual{padding:20px;min-height:440px}.product-visual-list div{min-height:72px}.product-intro-grid{gap:6%}.product-closing h2{font-size:70px}}
@media(max-width:800px){.product-hero-grid{display:block;min-height:auto;padding:90px 0 80px}.product-hero-copy h1{font-size:clamp(59px,8.7vw,80px);max-width:700px}.product-hero-visual{margin:62px 0 0;max-width:610px;min-height:455px}.product-hero-city{width:100%;opacity:.08}.section-jump{top:70px}.section-jump .wrap{overflow-x:auto;gap:24px}.section-jump span{display:none}.product-intro-grid,.product-faq-grid{grid-template-columns:1fr;gap:38px}.product-intro-copy{padding-top:0}.product-section-heading{display:block}.product-section-heading>p{max-width:500px;margin-top:18px}.scenario-grid{grid-template-columns:1fr}.scenario-steps{display:grid;grid-template-columns:repeat(3,1fr)}.scenario-step{min-height:160px;padding:16px}.scenario-step strong{font-size:18px}.scenario-panel{min-height:345px}.position-card{min-height:480px;padding:25px}.position-card h3{font-size:39px}.related-grid{gap:9px}.related-card{padding:20px}.related-card strong{font-size:24px}.product-closing-inner{align-items:start;flex-direction:column}}
@media(max-width:620px){.product-hero-grid{padding:78px 0 67px}.product-hero-copy h1{font-size:clamp(53px,12vw,72px)}.product-hero-lede{font-size:15px}.product-hero-tags{margin-top:35px;gap:7px}.product-hero-tags span{font-size:10px;padding:7px 9px}.product-hero-visual{margin-top:45px;min-height:430px;padding:18px;box-shadow:none}.product-visual-main{padding:30px 4px 25px}.product-visual-main strong{font-size:35px}.product-visual-list div{min-height:83px;padding:10px 7px}.product-visual-list div strong{font-size:9px}.product-visual-top,.product-visual-bottom{font-size:8px}.section-jump{top:66px}.section-jump .wrap{min-height:50px;gap:21px}.section-jump a{font-size:11px;padding:17px 0}.product-page section[id]{scroll-margin-top:130px}.product-intro h2,.product-section-heading h2,.scenario-heading h2,.product-faq h2{font-size:clamp(42px,10.4vw,57px)}.product-intro-copy>p{font-size:16px}.capability-grid,.position-grid,.related-grid{grid-template-columns:1fr}.capability-card{min-height:275px;padding:24px}.capability-card h3{font-size:35px}.scenario-heading{margin-bottom:30px}.scenario-heading>p:last-child{font-size:14px}.scenario-steps{display:flex;gap:7px}.scenario-step{min-height:99px;padding:14px 17px}.scenario-step strong{font-size:17px}.scenario-step small{font-size:11px}.scenario-panel{min-height:340px;padding:21px}.scenario-panel-center h3{font-size:42px}.scenario-panel-center p{font-size:13px}.scenario-panel-top,.scenario-panel-bottom{font-size:8px}.position-card{min-height:395px;padding:25px}.position-card h3{margin-top:44px;font-size:38px}.position-card.connected{box-shadow:7px 7px 0 var(--ink)}.related-card{min-height:220px}.related-card>span{margin-bottom:23px}.product-closing-inner{padding:78px 0}.product-closing h2{font-size:clamp(55px,12vw,75px)}.product-closing-inner p:last-child{font-size:14px}.footer-main>div:not(:first-child){margin-top:35px}}
@media(max-width:380px){.product-hero-copy h1{font-size:50px}.product-visual-main strong{font-size:31px}.product-visual-list div strong{font-size:8px}.scenario-panel-center h3{font-size:38px}}
@media(prefers-reduced-motion:reduce){.product-hero-copy>*,.product-hero-visual{animation:none}.capability-card,.related-card,.scenario-step{transition:none}}
.product-integrations{background:#eceae2}.integration-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.integration-card{min-height:230px;border:1px solid var(--line);background:var(--bone);padding:29px;display:flex;flex-direction:column;transition:transform .24s,box-shadow .24s}.integration-card:hover{transform:translateY(-4px);box-shadow:6px 6px 0 var(--ink)}.integration-card>span{font-size:10px;letter-spacing:.16em;font-weight:800;color:#8d4a20;text-transform:uppercase}.integration-card h3{font-size:clamp(27px,2.7vw,38px);line-height:1.1;margin:28px 0 10px}.integration-card p{font-size:14px;line-height:1.65;color:#4c5a51;max-width:570px}.integration-card strong{margin-top:auto;padding-top:20px;font-size:11px;letter-spacing:.07em;text-transform:uppercase}.integration-card strong:before{content:"";display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--orange);margin-right:10px}.integration-note{margin:23px 0 0;font-size:13px;line-height:1.6;color:#526057}.integration-note a{font-weight:800;border-bottom:1px solid var(--orange);color:var(--ink)}
@media(max-width:650px){.integration-grid{grid-template-columns:1fr}.integration-card{min-height:215px;padding:23px}.integration-card h3{margin-top:21px}}