:root{--bg:#0a0e12;--panel:#141b20;--cyan:#22b4d9;--lime:#a9d52b;--white:#f7f9fb;--muted:#9caab2}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--white);font:16px/1.6 'Segoe UI',Arial,sans-serif}a{color:inherit;text-decoration:none}h1,h2,h3,p{margin-top:0}h1,h2{line-height:1.12;letter-spacing:-.035em}h2{font-size:clamp(2.2rem,5vw,4.5rem)}em{font-style:normal;color:var(--cyan)}.nav{height:88px;padding:0 6%;display:flex;align-items:center;justify-content:space-between;position:fixed;z-index:20;inset:0 0 auto;background:#090d12e8;backdrop-filter:blur(16px);border-bottom:1px solid #ffffff14}.brand{display:flex;align-items:center;gap:12px;font-size:1.1rem;letter-spacing:.12em;font-weight:700}.brand img{height:64px;width:64px;object-fit:cover}.brand b{color:var(--lime)}nav{display:flex;gap:30px}nav a{font-size:.85rem;letter-spacing:.04em}nav a:hover,.section-head a:hover{color:var(--lime)}.menu-toggle{display:none}.hero{height:100svh;min-height:640px;position:relative;display:flex;align-items:center;overflow:hidden}.hero video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.hero-overlay{position:absolute;inset:0;background:linear-gradient(90deg,#030609ee 10%,#061018aa 62%,#05080b66),linear-gradient(0deg,#090e13 0%,transparent 30%)}.hero-content{position:relative;z-index:1;margin:90px 6% 0;max-width:1050px}.eyebrow{color:var(--lime);font-size:.76rem;letter-spacing:.28em;font-weight:700}.hero h1{font-size:clamp(3.2rem,8vw,8rem);line-height:.99;margin:26px 0}.hero p{font-size:1.2rem;color:#d2dce0;max-width:620px}.actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:32px}.btn{display:inline-block;border:1px solid var(--cyan);background:var(--cyan);color:#061116;padding:14px 24px;font-weight:700;cursor:pointer;font:inherit}.btn:hover{background:var(--lime);border-color:var(--lime)}.btn.ghost{background:transparent;color:var(--white);border-color:#9aabb4}.scroll-note{position:absolute;bottom:40px;left:6%;font-size:.7rem;letter-spacing:.25em;color:#ccd5d9}.section{padding:110px 6%}.intro{max-width:1000px}.intro p{max-width:670px;color:var(--muted);font-size:1.18rem}.section-head{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:34px}.section-head h2{margin-bottom:0}.section-head>a{font-size:.85rem;color:var(--lime)}.products{background:#10161b}.cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.product-card{background:#1b242a;overflow:hidden;display:block}.image{height:340px;background-size:cover;background-position:center;transition:transform .6s}.product-card:hover .image{transform:scale(1.035)}.card-info{padding:25px;position:relative}.card-info span{font-size:.72rem;color:var(--lime);letter-spacing:.2em}.card-info h3{font-size:1.5rem;margin:9px 0}.card-info p{color:var(--muted);margin:0}.card-info b{position:absolute;right:22px;top:25px;color:var(--cyan)}.process{background:linear-gradient(135deg,#17232b,#080c10)}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:30px;margin-top:60px}.steps>div{border-top:1px solid #51636e;padding-top:25px}.steps strong{color:var(--lime);font-size:2rem}.steps h3{margin:20px 0 5px}.steps p{color:var(--muted)}.cta{text-align:center}.cta .btn{margin-top:20px}.page-banner{padding:190px 6% 90px;background:linear-gradient(130deg,#172c34,#0a0e12)}.page-banner h1{font-size:clamp(3rem,7vw,6rem);margin:20px 0}.page-banner p{color:var(--muted)}footer{padding:55px 6%;background:#050708;border-top:1px solid #29353d;display:flex;gap:25px;justify-content:space-between;flex-wrap:wrap}footer strong{color:var(--cyan);letter-spacing:.15em}footer p,footer small{color:var(--muted)}.admin-wrap{padding:140px 6% 80px;max-width:900px;margin:auto;min-height:70vh}.admin-wrap form{display:grid;gap:14px;margin-bottom:30px}.admin-wrap label{display:grid;gap:6px}.admin-wrap input:not([type=checkbox]),.admin-wrap textarea,.admin-wrap select{width:100%;padding:12px;background:#192329;border:1px solid #52616a;color:white;font:inherit}.admin-wrap textarea{min-height:100px}.admin-item{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #45515a;padding:15px 0}.admin-item form{margin:0}.error{color:#ff9797}.reveal{opacity:0;transform:translateY(28px);transition:opacity .7s,transform .7s}.reveal.visible{opacity:1;transform:none}@media(max-width:800px){.nav{height:72px}.brand img{height:50px;width:50px}.menu-toggle{display:block;color:white;background:none;border:0;font-size:1.8rem}nav{display:none;position:absolute;top:72px;left:0;right:0;background:#0b1219;padding:25px 6%;flex-direction:column}nav.open{display:flex}.hero{min-height:600px}.hero-content{margin-top:70px}.section{padding:75px 6%}.cards{grid-template-columns:1fr}.steps{grid-template-columns:repeat(2,1fr)}.image{height:250px}}@media(prefers-reduced-motion:reduce){.reveal{opacity:1;transform:none;transition:none}html{scroll-behavior:auto}}

.portfolio-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.portfolio-grid a{overflow:hidden;border-radius:8px;aspect-ratio:4/3;background:#151b1f}.portfolio-grid img{width:100%;height:100%;object-fit:cover;transition:transform .4s}.portfolio-grid a:hover img{transform:scale(1.07)}@media(max-width:800px){.portfolio-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* SERNA V4 */
.new-hero{min-height:94vh;position:relative;background-image:linear-gradient(90deg,#07121ed9,#07121e55),var(--hero-poster);background-size:cover;background-position:center}.new-hero video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.56}.new-hero .hero-overlay{background:linear-gradient(90deg,#07111ff0 0%,#07111f9c 52%,#07111f2b 100%)}.new-hero h1{font-size:clamp(2.4rem,5.1vw,5.7rem);line-height:1.07;letter-spacing:-.04em}.new-hero .hero-content{max-width:1050px}.new-hero p{max-width:650px}.catalog-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.catalog-card{display:block;position:relative;background:#14202b;color:white;overflow:hidden;text-decoration:none;border:1px solid #34434d}.catalog-card img{width:100%;height:265px;object-fit:cover;transition:transform .5s}.catalog-card:hover img{transform:scale(1.055)}.catalog-card>div{padding:22px}.catalog-card h3{font-size:1.15rem;line-height:1.35;min-height:2.7em;margin:10px 0}.catalog-card small,.catalog-card span{color:#a4ce29}.page-banner{padding:155px 6% 65px;background:#0c1724;color:white}.page-banner h1{font-size:clamp(2.4rem,5vw,5rem);max-width:1000px;line-height:1.15}.gallery-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.gallery-grid a{color:inherit;text-decoration:none;background:#15222d;padding-bottom:12px}.gallery-grid img{width:100%;height:270px;object-fit:cover}.gallery-grid span{display:block;padding:10px;font-size:.8rem}.engineering{background:#0a1826;color:#f5f7fa;position:relative;overflow:hidden}.engineering:before{content:'';position:absolute;inset:0;background-image:linear-gradient(#ffffff08 1px,transparent 1px),linear-gradient(90deg,#ffffff08 1px,transparent 1px);background-size:48px 48px;pointer-events:none}.engineering .section{position:relative}.engineering h2{font-size:clamp(2.4rem,4vw,4.5rem)}.software-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:48px}.software-grid article{border:1px solid #39505f;padding:32px;background:#ffffff08}.software-grid b{color:#a4ce29}.software-grid h3{font-size:1.8rem;color:#22aed3}.feature-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.feature-photo{position:relative;min-height:340px;overflow:hidden;color:white}.feature-photo img{width:100%;height:100%;object-fit:cover;position:absolute;inset:0}.feature-photo:after{content:'';position:absolute;inset:0;background:linear-gradient(transparent,#07111ed9)}.feature-photo strong{position:absolute;bottom:25px;left:25px;z-index:1;font-size:1.25rem}@media(max-width:850px){.catalog-grid,.gallery-grid,.software-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.feature-grid{grid-template-columns:1fr}}@media(max-width:600px){.catalog-grid,.gallery-grid,.software-grid{grid-template-columns:1fr}.new-hero h1{font-size:2.55rem}.page-banner{padding-top:115px}.catalog-card img{height:220px}}

/* V5: video-free engineering infographic hero */
.serna-hero{background:radial-gradient(ellipse at 77% 45%,#1b4155 0%,#0c2030 35%,#070d15 74%);min-height:790px;isolation:isolate}.technical-grid{position:absolute;inset:0;background-image:linear-gradient(#8ab6c011 1px,transparent 1px),linear-gradient(90deg,#8ab6c011 1px,transparent 1px);background-size:44px 44px;mask-image:linear-gradient(90deg,transparent 10%,black 100%);pointer-events:none}.serna-hero-layout{position:relative;z-index:1;width:100%;padding:120px 6% 70px;display:grid;grid-template-columns:1.04fr .96fr;align-items:center;gap:1vw}.serna-hero-copy{min-width:0}.serna-hero h1{font-size:clamp(1.75rem,3.1vw,3.5rem);line-height:1.12;margin:15px 0 24px}.serna-hero p{color:#b8cbd4;font-size:1.1rem;max-width:590px}.wordmark-perspective{perspective:850px;height:clamp(100px,13vw,190px);display:flex;align-items:center}.serna-word-3d{position:relative;transform-style:preserve-3d;animation:sernaTurn 9s ease-in-out infinite alternate;transform-origin:center;white-space:nowrap}.serna-word-3d span{font-weight:900;font-size:clamp(4.6rem,10vw,10rem);line-height:1;letter-spacing:-.075em;display:block}.serna-front{position:relative;color:#22aed3;text-shadow:0 0 30px #22aed355,0 3px 0 #0b5671;transform:translateZ(18px)}.serna-depth{position:absolute;inset:0;color:#0b5d77;transform:translateZ(-18px);text-shadow:1px 1px #113b51,3px 3px #113b51,5px 5px #113b51,7px 7px #113b51,9px 9px #113b51,11px 11px #113b51}.hero-tech-labels{display:flex;flex-wrap:wrap;gap:12px;margin-top:35px}.hero-tech-labels span{border-left:2px solid #a4ce29;padding-left:10px;color:#a4b8c3;font-size:.72rem;letter-spacing:.13em}.profile-scene{position:relative;min-height:500px;display:grid;place-items:center;perspective:1100px}.profile-svg{width:100%;max-width:660px;overflow:visible;filter:drop-shadow(0 30px 30px #0007);animation:profileFloat 7s ease-in-out infinite}.profile-main{animation:profilePulse 6s ease-in-out infinite;transform-origin:330px 260px}.profile-orbit{position:absolute;border:1px solid #22aed333;border-radius:50%;width:75%;aspect-ratio:1;transform:rotateX(65deg) rotateZ(-30deg)}.orbit-two{width:95%;border-style:dashed;border-color:#a4ce292a;animation:orbitRotate 30s linear infinite}.scene-caption{position:absolute;bottom:25px;right:0;display:grid;text-align:right;gap:2px;letter-spacing:.16em}.scene-caption b{font-size:1.5rem;color:#a4ce29}.scene-caption span{font-size:.65rem;color:#aac2cd}@keyframes sernaTurn{0%,12%{transform:rotateY(0deg) rotateX(0deg)}50%{transform:rotateY(-28deg) rotateX(8deg)}88%,100%{transform:rotateY(0deg) rotateX(0deg)}}@keyframes profileFloat{0%,100%{transform:translateY(0) rotateY(-6deg)}50%{transform:translateY(-16px) rotateY(7deg)}}@keyframes profilePulse{0%,100%{opacity:1}50%{opacity:.84}}@keyframes orbitRotate{to{transform:rotateX(65deg) rotateZ(330deg)}}@media(max-width:900px){.serna-hero-layout{grid-template-columns:1fr;padding-top:130px}.profile-scene{min-height:330px}.profile-svg{max-width:450px}.serna-hero{height:auto;min-height:100svh}.serna-hero .scroll-note{display:none}.wordmark-perspective{height:130px}.serna-word-3d span{font-size:clamp(4.5rem,16vw,8rem)}}@media(max-width:550px){.serna-hero-layout{padding-top:115px;padding-bottom:40px}.serna-hero h1{font-size:1.9rem}.profile-scene{min-height:260px}.scene-caption{bottom:0}.serna-word-3d span{font-size:clamp(4rem,17vw,6rem)}.wordmark-perspective{height:105px}}@media(prefers-reduced-motion:reduce){.serna-word-3d,.profile-svg,.profile-main,.orbit-two{animation:none!important}}

/* V5.1 kurumsal sadeleştirme ve HEA / NPI / NPU montaj animasyonu */
.serna-hero-layout{grid-template-columns:minmax(0,1.04fr) minmax(0,.96fr)}
.serna-hero-copy{overflow:hidden}
.wordmark-perspective{max-width:100%;height:clamp(85px,11vw,150px);overflow:visible}
.serna-word-3d{max-width:100%}
.serna-word-3d span{font-size:clamp(3.2rem,8vw,8.1rem);letter-spacing:-.085em}
.serna-hero h1{font-size:clamp(1.7rem,2.85vw,3.15rem)}
.profile-svg.steel-frame-svg{max-width:690px;animation:none;overflow:visible}
.frame-part{opacity:0;transform:translate(var(--dx),var(--dy));animation:assembleSteel 10s ease-in-out infinite;animation-delay:var(--delay)}
.frame-guide{animation:guideFade 10s ease-in-out infinite}
@keyframes assembleSteel{0%,5%{opacity:0;transform:translate(var(--dx),var(--dy))}22%,76%{opacity:1;transform:translate(0,0)}88%,100%{opacity:0;transform:translate(var(--dx),var(--dy))}}
@keyframes guideFade{0%,100%{opacity:.6}55%{opacity:.14}}
.gallery-grid a{padding-bottom:0}.gallery-grid img{display:block}
.catalog-card h3{margin-top:0}.catalog-card>div{min-height:130px}
@media(max-width:900px){.serna-hero-layout{grid-template-columns:1fr}.serna-word-3d span{font-size:clamp(3.6rem,14vw,7rem)}}
@media(max-width:550px){.serna-word-3d span{font-size:clamp(3.1rem,15vw,5rem)}.wordmark-perspective{height:90px}.profile-scene{min-height:260px}}
@media(prefers-reduced-motion:reduce){.frame-part{animation:none;opacity:1;transform:none}.frame-guide{animation:none}}

/* V5.2: Real cross-section structural steel montage */
.brand{gap:0}.brand img{width:142px;height:66px;object-fit:contain;object-position:left center}
.serna-hero-layout{grid-template-columns:1fr 1.05fr;gap:2vw}
.serna-hero-copy .eyebrow{margin-bottom:18px;display:block}
.real-profile-scene{overflow:hidden;min-height:520px}
.realistic-frame-svg{max-width:760px;width:100%;filter:drop-shadow(0 15px 18px #0008)}
.real-steel-part{opacity:0;animation:realSteelAssemble 12s cubic-bezier(.2,.7,.2,1) infinite;animation-delay:var(--delay)}
@keyframes realSteelAssemble{0%{opacity:0;transform:translateY(-55px)}14%,75%{opacity:1;transform:translateY(0)}88%,100%{opacity:0;transform:translateY(20px)}}
@media(max-width:900px){.serna-hero-layout{grid-template-columns:1fr}.real-profile-scene{min-height:360px}.brand img{width:120px;height:58px}}
@media(max-width:550px){.real-profile-scene{min-height:270px}.brand img{width:105px;height:52px}}
@media(prefers-reduced-motion:reduce){.real-steel-part{opacity:1;animation:none}}

/* V5.3: revised corporate header and connected steel building */
.brand img{width:210px;height:88px;object-fit:contain;object-position:left center;background:transparent}
.nav{min-height:100px}.building-svg{width:100%;height:auto;overflow:visible;filter:drop-shadow(0 9px 13px rgba(0,0,0,.25))}
.build-part{opacity:0;transform:translateY(-15px);animation:buildFrame 13s ease-in-out infinite;animation-delay:var(--delay)}
@keyframes buildFrame{0%{opacity:0;transform:translateY(-15px)}7%,78%{opacity:1;transform:translateY(0)}92%,100%{opacity:0;transform:translateY(-5px)}}
@media(max-width:900px){.brand img{width:165px;height:72px}.nav{min-height:80px}}
@media(prefers-reduced-motion:reduce){.build-part{opacity:1;transform:none;animation:none}}

/* V5.4: cinematic bridge hero with lightweight blueprint motion */
.serna-bridge-scene{position:relative;min-height:550px;overflow:hidden;isolation:isolate;border-radius:4px;background:#0b2637}
.serna-bridge-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;filter:saturate(.95) contrast(1.07);animation:sernaHeroDrift 18s ease-in-out infinite alternate}
.serna-bridge-scene:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,#091522aa,transparent 42%),linear-gradient(0deg,#07121b77,transparent 35%)}
.serna-blueprint{position:absolute;inset:0;width:100%;height:100%;z-index:1;opacity:.68;mix-blend-mode:screen}
.blueprint-lines path{stroke-dasharray:950;stroke-dashoffset:950;animation:sernaTrace 12s ease-in-out infinite}
.blueprint-lines path:nth-child(2n){animation-delay:1.2s}.blueprint-lines path:nth-child(3n){animation-delay:2.1s}
.blueprint-scan path{stroke-dasharray:110 1300;stroke-dashoffset:1400;animation:sernaScan 9s linear infinite}
.blueprint-scan path:nth-child(2){animation-delay:2.8s}
.blueprint-points{animation:sernaPulse 3s ease-in-out infinite alternate}
.serna-scene-label{position:absolute;bottom:22px;right:25px;z-index:2;color:#c8f08b;font-size:11px;letter-spacing:.2em;font-weight:700}
@keyframes sernaTrace{0%{stroke-dashoffset:950;opacity:0}25%,70%{stroke-dashoffset:0;opacity:.8}95%,100%{stroke-dashoffset:0;opacity:.2}}
@keyframes sernaScan{to{stroke-dashoffset:-1400}}
@keyframes sernaPulse{to{opacity:.3}}
@keyframes sernaHeroDrift{to{transform:scale(1.055) translateX(-.6%)}}
@media(max-width:900px){.serna-bridge-scene{min-height:390px}}
@media(max-width:550px){.serna-bridge-scene{min-height:290px}.serna-scene-label{font-size:9px;right:12px}}
@media(prefers-reduced-motion:reduce){.serna-bridge-photo,.blueprint-lines path,.blueprint-scan path,.blueprint-points{animation:none!important}.blueprint-lines path{stroke-dashoffset:0}}

/* V5.5: görseli web arayüzüne uyarlama; görselde gömülü ikinci menü yok */
.serna-hero{min-height:calc(100svh - 88px);background:radial-gradient(ellipse at 75% 43%,#143349 0%,#0b2031 43%,#07111c 78%)}
.serna-hero-layout{max-width:1800px;margin:auto;min-height:calc(100svh - 88px);padding:60px clamp(24px,3vw,60px);grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);gap:clamp(30px,4vw,80px)}
.serna-hero-copy{overflow:visible}
.serna-hero h1{font-size:clamp(2rem,3.05vw,3.5rem);line-height:1.13;letter-spacing:-.025em}
.serna-bridge-scene{width:100%;min-height:0;aspect-ratio:1.48;border-radius:3px;background:#102e42;box-shadow:0 20px 70px #02080f55}
.serna-bridge-photo{object-position:center center;filter:saturate(1.02) contrast(1.035);animation:sernaHeroDrift 22s ease-in-out infinite alternate}
.serna-blueprint{opacity:.28;mix-blend-mode:screen;pointer-events:none}
.serna-bridge-scene:after{background:linear-gradient(90deg,#07152144,transparent 40%),linear-gradient(0deg,#07152177,transparent 30%)}
@media(max-width:900px){.serna-hero-layout{grid-template-columns:1fr;min-height:auto;padding:70px 5% 55px}.serna-bridge-scene{min-height:0;aspect-ratio:1.55}}
@media(max-width:550px){.serna-hero-layout{padding:60px 5% 40px}.serna-bridge-scene{min-height:0;aspect-ratio:1.32}.serna-hero h1{font-size:clamp(1.85rem,8vw,2.6rem)}}

/* V5.8 – çok sayfalı kurumsal tasarım, dinamik gerçek imalat görselleri */
.serna-hero-slides{position:absolute;inset:0;overflow:hidden}.serna-hero-slides .hero-slide{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transform:scale(1.06);transition:opacity 1.2s ease,transform 8s ease;pointer-events:none}.serna-hero-slides .hero-slide.active{opacity:1;transform:scale(1);pointer-events:auto}.serna-bridge-scene .serna-blueprint{z-index:3;pointer-events:none}.serna-bridge-scene:after{z-index:2}.hero-slide-controls{position:absolute;bottom:14px;left:15px;z-index:5;display:flex;align-items:center;gap:14px;background:#07131cba;padding:4px 10px;border:1px solid #ffffff33;border-radius:4px}.hero-slide-controls button{border:0;background:transparent;color:#fff;font-size:25px;cursor:pointer;min-width:28px}.hero-slide-status{font-size:12px;color:#dcecf3;font-variant-numeric:tabular-nums}.contact-layout{display:grid;grid-template-columns:.85fr 1.15fr;gap:40px;align-items:start}.contact-details h3{color:var(--lime);margin-top:25px;margin-bottom:6px}.contact-details p{color:#d0dce3}.contact-details a:not(.btn){color:var(--cyan)}.map-frame{min-height:460px;background:#14212b;border:1px solid #39505f}.map-frame iframe{display:block;width:100%;height:460px;border:0}.map-note{font-size:.8rem;margin-top:25px;color:var(--muted)!important}.reference-empty{min-height:45vh}.reference-empty p{color:var(--muted);max-width:550px}.reference-empty .btn{margin-top:20px}
@media(max-width:900px){.contact-layout{grid-template-columns:1fr}.map-frame,.map-frame iframe{min-height:350px;height:350px}.serna-hero-layout{padding-top:100px}.serna-bridge-scene{width:100%}}
@media(max-width:600px){.serna-hero-layout{padding-top:90px}.hero-slide-controls{bottom:8px;left:8px}.contact-layout{gap:25px}.map-frame,.map-frame iframe{min-height:300px;height:300px}.nav{padding-inline:4%}nav.open{max-height:calc(100svh - 72px);overflow-y:auto}}
@media(prefers-reduced-motion:reduce){.serna-hero-slides .hero-slide{transition:none;transform:none}}

/* V5.9: Home is a single cinematic landing view, with imagery embedded into the full background. */
body.home-landing-page{overflow-x:hidden}
.home-landing-page footer{display:none}
.home-landing-page main{min-height:100svh}
.serna-landing{position:relative;isolation:isolate;min-height:100svh;overflow:hidden;display:flex;align-items:center;background:#071421}
.serna-landing .landing-media{position:absolute;inset:0;width:100%;height:100%;min-height:0;aspect-ratio:auto;border:0;border-radius:0;box-shadow:none;background:#071421;z-index:-2;overflow:hidden}
.serna-landing .serna-hero-slides{position:absolute;inset:0;overflow:hidden}
.serna-landing .hero-slide{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 45%;opacity:0;transform:scale(1.085);filter:saturate(.84) contrast(1.08);transition:opacity 2s ease-in-out,transform 9s ease-out;pointer-events:none}
.serna-landing .hero-slide.active{opacity:1;transform:scale(1.015)}
.serna-landing .landing-photo-shade{position:absolute;inset:0;z-index:2;background:linear-gradient(90deg,#06121ffb 0%,#071522f5 24%,#081827d9 43%,#08182788 65%,#0818274d 100%),linear-gradient(0deg,#07142199,transparent 30%,#07142155)}
.serna-landing .serna-blueprint{position:absolute;inset:0;width:100%;height:100%;z-index:3;opacity:.21;mix-blend-mode:screen;pointer-events:none}
.serna-landing .landing-grid{position:absolute;inset:0;z-index:-1;pointer-events:none;background-image:linear-gradient(#8ab6c008 1px,transparent 1px),linear-gradient(90deg,#8ab6c008 1px,transparent 1px);background-size:55px 55px}
.serna-landing .landing-content{position:relative;z-index:5;width:min(780px,60%);padding:120px 0 80px clamp(28px,5.5vw,115px)}
.serna-landing h1{font-size:clamp(2.5rem,4.15vw,5rem);line-height:1.12;letter-spacing:-.04em;margin:28px 0 25px;text-wrap:balance}
.serna-landing .landing-content p{max-width:570px;font-size:clamp(1rem,1.25vw,1.23rem);color:#d4e2e9;line-height:1.7}
.serna-landing .landing-pager{position:absolute;bottom:42px;right:5.5%;z-index:7;display:flex;align-items:center;gap:17px;color:#e8f3f7;font-size:13px;letter-spacing:.14em}
.serna-landing .landing-pager button{background:#06152270;color:white;border:1px solid #ffffff66;width:38px;height:38px;cursor:pointer;font-size:19px}
.serna-landing .landing-pager button:hover{border-color:var(--cyan);color:var(--cyan)}
.serna-landing .landing-progress{display:block;width:95px;height:2px;background:#ffffff4d;overflow:hidden}
.serna-landing .landing-progress span{display:block;width:100%;height:100%;background:var(--lime);transform-origin:left;transform:scaleX(0)}
@keyframes sernaProgress{from{transform:scaleX(0)}to{transform:scaleX(1)}}
@media(max-width:850px){.serna-landing{align-items:flex-end;min-height:100svh}.serna-landing .landing-content{width:100%;padding:140px 6% 150px}.serna-landing .landing-photo-shade{background:linear-gradient(0deg,#06121ffc 0%,#071522f0 32%,#08182788 75%,#08182766 100%)}.serna-landing .hero-slide{object-position:center}.serna-landing h1{font-size:clamp(2.1rem,7vw,3.4rem)}.serna-landing .landing-pager{bottom:35px;right:6%}}
@media(max-width:480px){.serna-landing .landing-content{padding:130px 5% 140px}.serna-landing h1{font-size:clamp(1.95rem,8.5vw,2.7rem)}.serna-landing .landing-pager{gap:10px}.serna-landing .landing-progress{width:54px}.serna-landing .landing-content .actions{gap:9px}.serna-landing .btn{padding:12px 14px;font-size:.9rem}}
@media(prefers-reduced-motion:reduce){.serna-landing .hero-slide,.serna-landing .serna-blueprint *{animation:none!important;transition:none!important}.serna-landing .blueprint-lines path{stroke-dashoffset:0}}

/* V6.0 — restrained architectural traces following deck, rail and diagonal lines. */
.serna-landing .serna-detail-traces{inset:0;opacity:.32;mix-blend-mode:screen;z-index:3}
.serna-detail-traces .edge-outline path{stroke-dasharray:850;stroke-dashoffset:850;animation:sernaEdgeDraw 15s ease-in-out infinite}
.serna-detail-traces .edge-outline path:nth-child(even){animation-delay:2s}
.serna-detail-traces .edge-moving path{stroke-dasharray:90 1500;stroke-dashoffset:1500;animation:sernaEdgeRun 11s linear infinite}
.serna-detail-traces .edge-moving path:nth-child(2){animation-delay:2.5s}
.serna-detail-traces .edge-moving path:nth-child(3){animation-delay:5s}
@keyframes sernaEdgeDraw{0%,8%{stroke-dashoffset:850;opacity:0}28%,72%{stroke-dashoffset:0;opacity:.55}95%,100%{stroke-dashoffset:0;opacity:0}}
@keyframes sernaEdgeRun{0%{stroke-dashoffset:1500;opacity:0}10%{opacity:1}85%{opacity:.9}100%{stroke-dashoffset:-300;opacity:0}}
.page-banner{position:relative;overflow:hidden;background-image:radial-gradient(circle at 85% 50%,#1b42553b,transparent 50%),linear-gradient(125deg,#0a1724,#0b2535)}
.page-banner:after{content:"";position:absolute;right:-10%;top:20%;width:42%;height:65%;border-top:1px solid #45b7ce25;border-bottom:1px solid #45b7ce20;transform:skewY(-15deg);pointer-events:none}
.catalog-card img{transition:transform .65s cubic-bezier(.2,.8,.2,1),filter .65s ease}
.catalog-card:hover img{transform:scale(1.045);filter:contrast(1.08)}
@media(max-width:850px){.serna-landing .serna-detail-traces{opacity:.18}}
@media(prefers-reduced-motion:reduce){.serna-detail-traces *{animation:none!important}.serna-detail-traces{opacity:.1}}

/* V6.1: scene-specific profile tracing. Only the active photo's own paths animate. */
.serna-landing .serna-detail-traces{display:none!important}
.serna-photo-trace{position:absolute;inset:0;width:100%;height:100%;z-index:3;pointer-events:none;opacity:0;transition:opacity .8s ease;mix-blend-mode:screen}
.serna-photo-trace.active{opacity:.45}
.serna-photo-trace path{fill:none;vector-effect:non-scaling-stroke;stroke-linecap:round;stroke-linejoin:round}
.serna-photo-trace .trace-base{stroke:#65d6ed;stroke-width:1.2;stroke-dasharray:1500;stroke-dashoffset:1500}
.serna-photo-trace.active .trace-base{animation:sernaSceneDraw 7.5s ease-in-out infinite}
.serna-photo-trace .trace-spark{stroke:#b6e943;stroke-width:2.4;stroke-dasharray:70 2400;stroke-dashoffset:2400;filter:drop-shadow(0 0 3px #47d7ff)}
.serna-photo-trace.active .trace-spark{animation:sernaSceneSpark 7.5s linear infinite}
@keyframes sernaSceneDraw{0%{stroke-dashoffset:1500;opacity:0}18%{opacity:.8}65%{stroke-dashoffset:0;opacity:.65}100%{stroke-dashoffset:-200;opacity:0}}
@keyframes sernaSceneSpark{0%{stroke-dashoffset:2400;opacity:0}15%{opacity:.9}85%{opacity:.8}100%{stroke-dashoffset:-2400;opacity:0}}
@media(max-width:850px){.serna-photo-trace.active{opacity:.24}}
@media(prefers-reduced-motion:reduce){.serna-photo-trace.active{opacity:.12}.serna-photo-trace.active path{animation:none!important;stroke-dashoffset:0!important}}

/* SERNA hesaplama modülü */
.calc-shell{display:grid;grid-template-columns:minmax(290px,420px) minmax(0,1fr);gap:24px;align-items:start}.calc-card{background:#122330;border:1px solid #315065;padding:28px;border-radius:8px}.calc-card h2{margin-top:0}.calc-card label{display:block;margin:16px 0;color:#d7e4eb;font-size:14px}.calc-card input,.calc-card select{display:block;width:100%;padding:12px;margin-top:7px;background:#091824;border:1px solid #426073;color:#fff;border-radius:4px}.calc-tabs{display:flex;gap:8px}.calc-tab{padding:10px 16px;background:#0a1c29;color:#fff;border:1px solid #456074;cursor:pointer}.calc-tab.selected{background:#1caed0;color:#071722}.calc-result{padding:15px;margin:18px 0;background:#0a1c29;color:#b6e338;font-weight:700}.calc-note{font-size:12px;color:#afc0c9;line-height:1.7}.calc-table-wrap{overflow:auto}.calc-table{width:100%;border-collapse:collapse;font-size:13px}.calc-table th,.calc-table td{padding:11px;border-bottom:1px solid #345063;text-align:left}.calc-total{text-align:right;margin:20px 0;font-size:18px}.calc-remove{background:transparent;color:#e3b7ad;border:0;cursor:pointer}.calc-list-heading{display:flex;justify-content:space-between;gap:12px;align-items:center;flex-wrap:wrap}.calc-card [hidden]{display:none!important}.landing-count{display:none!important}@media(max-width:850px){.calc-shell{grid-template-columns:1fr}.calc-card{padding:18px}}

/* V6.3: compact professional calculation workspace */
.calc-shell{grid-template-columns:minmax(275px,345px) minmax(0,1fr);gap:22px;padding-top:32px;padding-bottom:48px}
.calc-card{padding:22px 24px}
.calc-card h2{font-size:clamp(1.4rem,1.75vw,1.95rem);line-height:1.2;letter-spacing:-.025em;margin:0 0 20px;font-weight:700}
.calc-list-heading h2{margin-bottom:0}
.calc-list-heading{margin-bottom:19px}
.calc-card label{margin:12px 0;font-size:13px}
.calc-card input,.calc-card select{padding:10px 12px;font-size:14px}
.calc-tab{padding:9px 13px;font-size:13px}
.calc-result{padding:12px;margin:15px 0;font-size:14px}
.calc-table{font-size:13px}
.calc-table th,.calc-table td{padding:10px 8px}
.calc-total{font-size:16px}
@media(max-width:850px){.calc-shell{grid-template-columns:1fr}.calc-card{padding:18px}.calc-card h2{font-size:1.6rem}}