.hexa-sd-page{background-color:var(--hexa-bg);width:100%;min-height:100vh;color:var(--hexa-font-main);position:relative;overflow-x:clip}.hexa-sd-hero-block{border-bottom:1px solid var(--hexa-card-border);width:100%;height:65vh;min-height:440px;margin-bottom:100px;position:relative;overflow:hidden}.hexa-sd-image-wrapper{width:100%;height:100%;position:relative}.hexa-sd-image-wrapper img{object-fit:cover;filter:brightness(.4);width:100%;height:100%}.hexa-sd-top-action{z-index:20;position:absolute;bottom:40px;left:40px}.hexa-sd-back-btn{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:#fff;background-color:rgba(10,14,23,.7);border:1px solid rgba(255,255,255,.15);border-radius:50px;align-items:center;gap:8px;padding:10px 22px;font-size:.88rem;font-weight:500;text-decoration:none;transition:all .3s;display:inline-flex}.hexa-sd-back-btn:hover{background-color:var(--hexa-accent);color:var(--hexa-bg);border-color:var(--hexa-accent)}.hexa-sd-hero-title{z-index:10;pointer-events:none;flex-direction:column;align-items:flex-end;display:flex;position:absolute;bottom:30px;right:40px}.hexa-sd-hero-title .title-line{letter-spacing:-3px;color:#fff;white-space:nowrap;text-shadow:0 10px 30px rgba(0,0,0,.7);font-size:max(2.5rem,min(8vw,8.5rem));font-weight:700;line-height:.9}.text-cyan{color:var(--hexa-accent)}.text-danger,.icon-danger{color:#ff4d4d}.icon-success{color:var(--hexa-accent)}.hexa-split-section{align-items:flex-start;gap:60px;margin-bottom:120px;display:flex}.hexa-split-section.reverse-layout{flex-direction:row-reverse}.split-text-panel{flex-direction:column;flex:1.1;display:flex}.sticky-panel{position:-webkit-sticky;position:sticky;top:130px}.section-kicker{letter-spacing:2px;text-transform:uppercase;margin-bottom:16px;font-size:.85rem;font-weight:700;display:block}.section-kicker.danger{color:#ff4d4d}.section-kicker.success{color:var(--hexa-accent)}.split-title{letter-spacing:-1px;color:var(--hexa-font-main);margin-bottom:24px;font-size:max(2.2rem,min(3.5vw,3.5rem));font-weight:600;line-height:1.15}.article-content .lead-text{color:var(--hexa-font-main);margin-bottom:30px;font-size:1.15rem;line-height:1.75}.article-sub-block h3{color:var(--hexa-font-main);margin-bottom:10px;font-size:1.3rem;font-weight:600}.article-sub-block p{color:var(--hexa-font-dim);font-size:1rem;line-height:1.65}.split-cards-panel{flex-direction:column;flex:1;gap:20px;display:flex}.hexa-glass-card{background:var(--hexa-card-bg);border:1px solid var(--hexa-card-border);border-radius:var(--radius-card);-webkit-backdrop-filter:blur(20px);transition:all var(--transition-fast);padding:32px}.hexa-glass-card:hover{transform:translateY(-4px)}.problem-card:hover{background:rgba(255,77,77,.03);border-color:rgba(255,77,77,.4)}.solution-card:hover{border-color:var(--hexa-accent);background:rgba(0,255,209,.04)}.card-header{border-bottom:1px solid var(--hexa-card-border);justify-content:space-between;align-items:center;margin-bottom:18px;padding-bottom:12px;display:flex}.card-num{color:var(--hexa-font-dim);opacity:.6;font-family:monospace;font-size:1.6rem;font-weight:700}.phase-badge{letter-spacing:1.5px;color:var(--hexa-accent);background:rgba(0,255,209,.1);border-radius:50px;padding:4px 10px;font-family:monospace;font-size:.8rem;font-weight:700}.hexa-glass-card h3{color:var(--hexa-font-main);margin-bottom:10px;font-size:1.35rem;font-weight:600}.hexa-glass-card p{color:var(--hexa-font-dim);margin:0;font-size:.95rem;line-height:1.6}.hexa-related-projects-section{border-top:1px solid var(--hexa-card-border);margin-bottom:120px;padding-top:80px}.related-title{letter-spacing:-1px;color:var(--hexa-font-main);margin-top:8px;margin-bottom:40px;font-size:max(2rem,min(3.5vw,3rem));font-weight:600;line-height:1.15}.related-projects-grid{grid-template-columns:repeat(auto-fit,minmax(360px,1fr));gap:30px;display:grid}.related-project-card{border-radius:var(--radius-card);border:1px solid var(--hexa-card-border);background:var(--hexa-card-bg);flex-direction:column;gap:16px;padding:18px;text-decoration:none;transition:all .3s;display:flex}.related-project-card:hover{border-color:var(--hexa-accent);transform:translateY(-4px)}.rp-image-box{aspect-ratio:16/9;border-radius:14px;width:100%;overflow:hidden}.rp-image-box img{object-fit:cover;width:100%;height:100%;transition:transform .5s}.related-project-card:hover .rp-image-box img{transform:scale(1.04)}.rp-info-box{justify-content:space-between;align-items:flex-end;padding:0 4px;display:flex}.rp-client{color:var(--hexa-accent);letter-spacing:.5px;text-transform:uppercase;margin-bottom:4px;font-size:.8rem;font-weight:700;display:block}.rp-title{color:var(--hexa-font-main);margin:0;font-size:1.4rem;font-weight:600}.rp-action-circle{border:1px solid var(--hexa-card-border);width:42px;height:42px;color:var(--hexa-font-dim);border-radius:50%;justify-content:center;align-items:center;transition:all .3s;display:flex}.related-project-card:hover .rp-action-circle{background:var(--hexa-accent);color:var(--hexa-bg);border-color:var(--hexa-accent);transform:rotate(45deg)}.hexa-final-cta{padding-bottom:120px}.cta-inner-glass{text-align:center;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:linear-gradient(rgba(0,255,209,.04) 0%,rgba(10,14,23,.9) 100%);border:1px solid rgba(0,255,209,.25);border-radius:30px;padding:80px 40px}.cta-inner-glass h2{letter-spacing:-1.5px;color:var(--hexa-font-main);margin-bottom:18px;font-size:max(2.2rem,min(4vw,3.8rem));line-height:1.15}.cta-inner-glass p{color:var(--hexa-font-dim-hover);max-width:600px;margin-bottom:36px;margin-left:auto;margin-right:auto;font-size:1.15rem;line-height:1.65}.hexa-magnetic-btn{background:var(--hexa-accent);color:var(--hexa-bg);transition:all var(--transition-fast);border-radius:50px;align-items:center;gap:12px;padding:16px 36px;font-size:1.05rem;font-weight:700;text-decoration:none;display:inline-flex;box-shadow:0 10px 25px rgba(0,255,209,.25)}.hexa-magnetic-btn:hover{transform:translateY(-2px)scale(1.02);box-shadow:0 15px 35px rgba(0,255,209,.4)}@media (max-width:1024px){.hexa-split-section,.hexa-split-section.reverse-layout{flex-direction:column;gap:36px;margin-bottom:80px}.sticky-panel{position:relative;top:0}.hexa-sd-hero-title .title-line{font-size:4rem}}@media (max-width:768px){.hexa-sd-hero-block{height:48vh;margin-bottom:60px}.hexa-sd-top-action{bottom:20px;left:20px}.hexa-sd-hero-title{bottom:20px;right:20px}.hexa-sd-hero-title .title-line{font-size:2.6rem}.related-projects-grid{grid-template-columns:1fr}.cta-inner-glass{padding:50px 20px}}
