:root{
  --bg:#f3f7f8;--surface:#fff;--soft:#e5eef0;--ink:#17333b;
  --muted:#60747a;--line:rgba(23,51,59,.12);--accent:#2d7f86;
  --accent2:#173f49;--max:1180px;--r:22px
}
*{box-sizing:border-box}html{scroll-behavior:smooth}
body{margin:0;font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif;background:var(--bg);color:var(--ink)}
a{text-decoration:none;color:inherit}.container{width:min(calc(100% - 32px),var(--max));margin:auto}
header{position:fixed;z-index:100;top:12px;left:50%;transform:translateX(-50%);width:min(calc(100% - 24px),var(--max));display:flex;align-items:center;justify-content:space-between;gap:18px;padding:12px 14px;border-radius:18px;background:rgba(16,52,61,.90);color:#fff;backdrop-filter:blur(16px)}
.logo{font-weight:900;letter-spacing:.15em}.logo span{color:#9dd8dc}
nav{display:flex;gap:17px;font-size:14px}nav a:hover{color:#b7e4e7}
.header-cta{padding:10px 16px;border-radius:999px;background:#fff;color:#17333b;font-weight:800}
.menu-toggle{display:none;width:42px;height:42px;border:1px solid rgba(255,255,255,.18);border-radius:999px;background:rgba(255,255,255,.08);color:#fff;font-size:21px}
.mobile-menu{display:none;position:fixed;z-index:99;top:78px;left:12px;right:12px;padding:16px;border-radius:20px;background:#17434d;color:#fff;box-shadow:0 25px 60px rgba(0,0,0,.25)}
.mobile-menu.open{display:block}.mobile-menu a{display:block;padding:13px 8px;border-bottom:1px solid rgba(255,255,255,.1)}
.hero{position:relative;isolation:isolate;min-height:100svh;display:flex;align-items:center;color:#fff;overflow:hidden}
.hero-bg{position:absolute;inset:-3%;z-index:-5;background:url("hero.jpg") center 52%/cover no-repeat;animation:zoom 18s ease-in-out infinite alternate}
.hero:after{content:"";position:absolute;inset:0;z-index:-4;background:linear-gradient(90deg,rgba(4,18,22,.88),rgba(4,18,22,.52) 48%,rgba(4,18,22,.08))}
.lightning{position:absolute;inset:0;z-index:-2;opacity:0;background:radial-gradient(circle at 35% 18%,rgba(230,247,255,.9),rgba(120,180,220,.22) 25%,transparent 55%);mix-blend-mode:screen}
.lightning.active{animation:flash .7s ease-out}
.hero-content{padding-top:110px;max-width:690px}.eyebrow{color:#9dd8dc;font-weight:900;letter-spacing:.13em;text-transform:uppercase;font-size:12px}
h1,h2,h3{letter-spacing:-.045em}h1{font-size:clamp(56px,8vw,104px);line-height:.9;margin:18px 0 22px}h2{font-size:clamp(38px,5.5vw,68px);line-height:.98;margin:0}h3{font-size:27px;margin:0}
.lead{font-size:20px;line-height:1.7;color:rgba(255,255,255,.82)}
.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:50px;padding:0 22px;border-radius:999px;font-weight:800}.btn.primary{background:var(--accent);color:#fff}.btn.secondary{border:1px solid rgba(255,255,255,.35);color:#fff}
section{padding:88px 0}.section-head{display:grid;grid-template-columns:1fr 1fr;gap:44px;align-items:end;margin-bottom:36px}.section-head p{color:var(--muted);line-height:1.8;margin:0}
.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.card{padding:26px;border:1px solid var(--line);border-radius:var(--r);background:#fff;transition:.2s}.card:hover{transform:translateY(-4px);box-shadow:0 18px 42px rgba(22,67,76,.12)}.card p{color:var(--muted);line-height:1.7}.card small{color:var(--accent);font-weight:900;letter-spacing:.1em;text-transform:uppercase}
.soft{background:var(--soft)}.page-hero{padding:150px 0 70px;background:linear-gradient(135deg,#173f49,#397b82);color:#fff}.page-hero p{max-width:720px;color:rgba(255,255,255,.8);font-size:18px;line-height:1.7}
.content{display:grid;grid-template-columns:1fr .75fr;gap:42px}.content p,.content li{color:var(--muted);line-height:1.8}
.contact-card{padding:28px;border-radius:var(--r);background:#fff;border:1px solid var(--line)}.contact-list{display:grid;gap:12px;margin-top:20px}.contact-list a,.contact-list div{padding:16px;border:1px solid var(--line);border-radius:14px;background:#f7faf5}.contact-list small{display:block;color:var(--accent);font-weight:900;text-transform:uppercase;letter-spacing:.1em}.contact-list strong{display:block;margin-top:5px;overflow-wrap:anywhere}
.gallery-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.gallery-grid figure{margin:0;overflow:hidden;border-radius:18px;background:#fff;border:1px solid var(--line);cursor:pointer}.gallery-grid img{display:block;width:100%;aspect-ratio:3/2;object-fit:cover}.gallery-grid figcaption{padding:12px 14px;font-weight:800}
.lightbox{display:none;position:fixed;inset:0;z-index:300;align-items:center;justify-content:center;background:rgba(4,10,6,.92);padding:20px}.lightbox.open{display:flex}.lightbox img{max-width:92vw;max-height:84vh;border-radius:18px}.lightbox button{position:absolute;border:0;border-radius:999px;background:rgba(255,255,255,.15);color:#fff;width:48px;height:48px;font-size:26px}.close{top:18px;right:18px}.prev{left:18px}.next{right:18px}
footer{background:#153c45;color:#dcebed;padding:56px 0 28px}.footer-grid{display:grid;grid-template-columns:1.5fr repeat(3,1fr);gap:34px}.footer-grid h4{color:#fff}.footer-grid a,.footer-grid p{display:block;color:#dcebed;margin:8px 0}.footer-bottom{margin-top:34px;padding-top:18px;border-top:1px solid rgba(255,255,255,.12);font-size:13px}
@keyframes zoom{from{transform:scale(1.02)}to{transform:scale(1.075) translateX(-.6%)}}@keyframes flash{0%{opacity:0}10%{opacity:.75}17%{opacity:.04}25%{opacity:.42}38%,100%{opacity:0}}
@media(max-width:900px){nav,.header-cta{display:none}.menu-toggle{display:inline-flex;align-items:center;justify-content:center}.section-head,.content{grid-template-columns:1fr}.grid{grid-template-columns:repeat(2,1fr)}.gallery-grid{grid-template-columns:repeat(2,1fr)}.footer-grid{grid-template-columns:1fr 1fr}}
@media(max-width:600px){h1{font-size:clamp(48px,14vw,70px)}.grid,.gallery-grid,.footer-grid{grid-template-columns:1fr}.hero-content{padding-top:120px}.page-hero{padding-top:125px}}


/* =========================================================
   SUPLAKASI V9 — MOBİL MENÜ + FOOTER DÜZELTMELERİ
   ========================================================= */

.mobile-menu{
  display:none;
  position:fixed;
  z-index:99;
  top:78px;
  left:12px;
  right:12px;
  padding:16px;
  border-radius:20px;
  background:#17434d;
  color:#fff;
  box-shadow:0 25px 60px rgba(0,0,0,.25);
  opacity:0;
  transform:translateY(-14px);
  pointer-events:none;
  transition:opacity .22s ease, transform .22s ease;
}

.mobile-menu.open{
  display:block;
  opacity:1;
  transform:translateY(0);
  pointer-events:auto;
}

.mobile-menu a{
  display:block;
  padding:13px 8px;
  border-bottom:1px solid rgba(255,255,255,.10);
}

.mobile-menu a:last-child{
  border-bottom:0;
}

.mobile-menu a.active{
  color:#b7e4e7;
  font-weight:900;
}

body.menu-open{
  overflow:hidden;
}

footer{
  min-height:auto !important;
}

.footer-grid{
  align-items:start;
}

.footer-grid > div{
  min-height:auto !important;
}

@media(max-width:900px){
  .mobile-menu{
    max-height:calc(100vh - 92px);
    overflow:auto;
  }

  footer{
    padding:38px 0 22px;
  }

  .footer-grid{
    grid-template-columns:1fr 1fr;
    gap:22px 28px;
  }

  .footer-grid > div:first-child{
    grid-column:1 / -1;
  }

  .footer-grid h4{
    margin:0 0 10px;
  }

  .footer-grid a,
  .footer-grid p{
    margin:6px 0;
  }

  .footer-bottom{
    margin-top:24px;
  }
}

@media(max-width:600px){
  header{
    top:10px;
    width:calc(100% - 20px);
    padding:10px 12px;
  }

  .mobile-menu{
    top:74px;
    left:10px;
    right:10px;
    padding:12px;
  }

  .footer-grid{
    grid-template-columns:1fr;
    gap:20px;
  }

  .footer-grid > div:first-child{
    grid-column:auto;
  }

  footer{
    padding:32px 0 20px;
  }
}

/* =========================================================
   SUPLAKASI V9 — ENDÜSTRİYEL TASARIM DOKUNUŞLARI
   ========================================================= */
:root{
  --bg:#f5f3ef;
  --surface:#ffffff;
  --soft:#e9e4dc;
  --ink:#2f3435;
  --muted:#6d706f;
  --line:rgba(47,52,53,.14);
  --accent:#a56b35;
  --accent2:#343b3c;
  --r:16px;
}
header{background:rgba(40,46,47,.92);border:1px solid rgba(255,255,255,.10)}
.logo span,.eyebrow{color:#e0b07a}
nav a:hover,.mobile-menu a.active{color:#efc28f}
.hero:after{background:linear-gradient(90deg,rgba(22,25,25,.90),rgba(22,25,25,.56) 50%,rgba(22,25,25,.10))}
.btn.primary{box-shadow:0 10px 28px rgba(165,107,53,.28)}
.card{border-radius:16px}.card:hover{box-shadow:0 18px 42px rgba(73,59,45,.14)}
.page-hero{background:linear-gradient(135deg,#303637,#6f5a45)}
.contact-list a,.contact-list div{background:#faf8f4}
footer{background:#292f30}
.mobile-menu{background:#303738}

/* =========================================================
   SUPLAKASI V10 — SICAK MİMARİ TASARIM
   ========================================================= */
:root{
  --bg:#f5f1eb;
  --surface:#fff;
  --soft:#e9dfd2;
  --ink:#242321;
  --muted:#706b64;
  --line:rgba(53,46,38,.14);
  --accent:#ad8246;
  --accent2:#332d27;
  --r:18px;
}
.v10-home header{
  top:14px;background:rgba(255,255,255,.92);color:var(--ink);
  border:1px solid rgba(67,55,42,.10);box-shadow:0 12px 35px rgba(48,39,29,.10)
}
.v10-home .logo span,.v10-home .eyebrow{color:var(--accent)}
.v10-home nav a:hover{color:var(--accent)}
.v10-home .header-cta{background:var(--accent);color:#fff;border-radius:10px}
.v10-home .menu-toggle{border-color:rgba(36,35,33,.18);background:#f4efe8;color:var(--ink)}
.hero-v10{min-height:760px;background:#f4f0ea;color:var(--ink);overflow:hidden}
.hero-v10:after{display:none}
.hero-v10-image{position:absolute;z-index:-2;inset:0 0 0 48%;background:url("hero-v10.jpg") center/cover no-repeat}
.hero-v10:before{content:"";position:absolute;z-index:-1;inset:0;background:linear-gradient(90deg,#f6f2ec 0%,#f6f2ec 45%,rgba(246,242,236,.86) 52%,rgba(246,242,236,.12) 68%,transparent 100%)}
.hero-v10-grid{display:grid;grid-template-columns:minmax(0,600px) 1fr;align-items:center;min-height:760px;padding-top:104px}
.hero-v10-copy{padding:48px 0 40px}
.hero-v10 h1{font-size:clamp(48px,6.2vw,86px);line-height:.94;margin:18px 0 24px;max-width:760px}
.hero-v10 .lead{color:#4c4945;max-width:600px;font-size:19px}
.hero-points{display:flex;gap:10px;flex-wrap:wrap;margin-top:24px}
.hero-points span{padding:10px 13px;background:rgba(255,255,255,.75);border:1px solid var(--line);border-radius:999px;font-size:13px;font-weight:750}
.hero-v10 .btn.primary{background:var(--accent);box-shadow:0 12px 28px rgba(173,130,70,.24)}
.hero-v10 .btn.secondary{border-color:rgba(36,35,33,.30);color:var(--ink);background:rgba(255,255,255,.55)}
.v10-feature-strip{padding:0;background:#fff;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.v10-features{display:grid;grid-template-columns:repeat(4,1fr)}
.v10-features div{padding:25px 28px;border-right:1px solid var(--line)}
.v10-features div:last-child{border-right:0}
.v10-features strong,.v10-features span{display:block}.v10-features strong{font-size:15px}.v10-features span{margin-top:7px;color:var(--muted);font-size:13px;line-height:1.5}
.v10-home footer{background:#302a25}
.v10-home .card{background:#fff;border-radius:18px}.v10-home .card:hover{box-shadow:0 18px 42px rgba(79,62,43,.13)}
@media(max-width:900px){
  .hero-v10{min-height:720px}.hero-v10-image{inset:0;opacity:.38}.hero-v10:before{background:linear-gradient(90deg,rgba(246,242,236,.96),rgba(246,242,236,.78))}
  .hero-v10-grid{grid-template-columns:1fr;min-height:720px}.hero-v10-copy{max-width:650px}
  .v10-features{grid-template-columns:1fr 1fr}.v10-features div:nth-child(2){border-right:0}.v10-features div{border-bottom:1px solid var(--line)}
}
@media(max-width:600px){
  .hero-v10{min-height:700px}.hero-v10-grid{min-height:700px;padding-top:90px}.hero-v10 h1{font-size:46px}.hero-v10 .lead{font-size:17px}.hero-points{display:none}
  .v10-features{grid-template-columns:1fr}.v10-features div{border-right:0}
}


/* =========================================================
   SUPLAKASI V11 — TEKNİK, AYDINLIK VE MOBİL UYUMLU
   ========================================================= */
:root{--bg:#f4f7fa;--surface:#fff;--soft:#e8eef4;--ink:#102c49;--muted:#647384;--line:rgba(16,44,73,.13);--accent:#f28a16;--accent2:#153b61;--r:18px}
.v11-home header{top:14px;background:rgba(255,255,255,.94);color:var(--ink);border:1px solid rgba(16,44,73,.10);box-shadow:0 12px 35px rgba(18,51,83,.10)}
.v11-home .logo span,.v11-home .eyebrow{color:var(--accent)}
.v11-home nav a:hover{color:var(--accent)}
.v11-home .header-cta{background:var(--accent);color:#fff;border-radius:10px}
.v11-home .menu-toggle{border-color:rgba(16,44,73,.16);background:#eef3f8;color:var(--ink)}
.hero-v11{min-height:760px;background:#f5f8fb;color:var(--ink);overflow:hidden}
.hero-v11:after{display:none}
.hero-v11-image{position:absolute;z-index:-2;inset:0 0 0 46%;background:url("hero-v11-clean.jpg") center/cover no-repeat}
.hero-v11:before{content:"";position:absolute;z-index:-1;inset:0;background:linear-gradient(90deg,#f6f9fc 0%,#f6f9fc 43%,rgba(246,249,252,.91) 51%,rgba(246,249,252,.22) 69%,transparent 100%)}
.hero-v11-grid{display:grid;grid-template-columns:minmax(0,610px) 1fr;align-items:center;min-height:760px;padding-top:104px}
.hero-v11-copy{padding:48px 0 40px}
.hero-v11 h1{font-size:clamp(56px,7vw,96px);line-height:.92;margin:18px 0 24px;max-width:760px;color:#102c49}
.hero-v11 .lead{color:#3f5368;max-width:590px;font-size:19px}
.hero-v11 .btn.primary{background:var(--accent);box-shadow:0 12px 28px rgba(242,138,22,.25)}
.hero-v11 .btn.secondary{border-color:rgba(16,44,73,.28);color:var(--ink);background:rgba(255,255,255,.72)}
.v11-feature-strip{padding:0;background:#fff;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.v11-features{display:grid;grid-template-columns:repeat(4,1fr)}
.v11-features div{padding:25px 28px;border-right:1px solid var(--line)}
.v11-features div:last-child{border-right:0}.v11-features strong,.v11-features span{display:block}.v11-features strong{font-size:15px;color:var(--ink)}.v11-features span{margin-top:7px;color:var(--muted);font-size:13px;line-height:1.5}
.v11-home footer{background:#102f4e}.v11-home .card{background:#fff}.v11-home .card:hover{box-shadow:0 18px 42px rgba(17,54,89,.12)}
.v11-home .mobile-menu{background:#12395e}
@media(max-width:900px){.hero-v11{min-height:730px}.hero-v11-image{inset:0;opacity:.42;background-position:64% center}.hero-v11:before{background:linear-gradient(90deg,rgba(246,249,252,.98),rgba(246,249,252,.82))}.hero-v11-grid{grid-template-columns:1fr;min-height:730px}.hero-v11-copy{max-width:650px}.v11-features{grid-template-columns:1fr 1fr}.v11-features div:nth-child(2){border-right:0}.v11-features div{border-bottom:1px solid var(--line)}}
@media(max-width:600px){.hero-v11{min-height:690px}.hero-v11-grid{min-height:690px;padding-top:92px}.hero-v11-image{opacity:.30;background-position:68% center}.hero-v11:before{background:linear-gradient(180deg,rgba(246,249,252,.98) 0%,rgba(246,249,252,.91) 67%,rgba(246,249,252,.72) 100%)}.hero-v11-copy{padding:38px 0 28px}.hero-v11 h1{font-size:clamp(46px,14vw,64px);line-height:.92}.hero-v11 .lead{font-size:16px;line-height:1.55}.hero-v11 .actions{display:grid;grid-template-columns:1fr;gap:10px}.hero-v11 .btn{width:100%}.hero-points{display:none}.v11-features{grid-template-columns:1fr}.v11-features div{border-right:0;padding:19px 20px}.v11-home .logo{font-size:13px;letter-spacing:.08em}}

/* V11 FINAL — gerçek ürün dokusu ve temiz hero */
.hero-v11-image{background-position:center center}
.hero-v11-image::after{
  content:"";position:absolute;right:7%;bottom:4%;width:min(20vw,250px);aspect-ratio:3/4;
  background:url("product-texture.jpg") center/cover no-repeat;
  border:7px solid rgba(255,255,255,.82);border-radius:4px;
  box-shadow:0 28px 60px rgba(16,44,73,.26), inset 0 0 0 1px rgba(16,44,73,.18);
  transform:perspective(900px) rotateY(-8deg) rotateZ(1.5deg);
}
.hero-v11-image::before{
  content:"GERÇEK ÜRÜN DOKUSU";position:absolute;right:6.5%;bottom:2%;z-index:2;
  padding:8px 11px;border-radius:999px;background:rgba(16,44,73,.88);color:#fff;
  font-size:10px;font-weight:900;letter-spacing:.08em;
}
.v11-home .logo{white-space:nowrap;letter-spacing:.08em}
.v11-home .logo span{margin-left:.2em}
@media(max-width:900px){
  .hero-v11-image::after{right:5%;bottom:5%;width:180px;opacity:.80}
  .hero-v11-image::before{display:none}
}
@media(max-width:600px){
  .hero-v11-image{background-position:62% center}
  .hero-v11-image::after{width:115px;right:18px;bottom:18px;border-width:4px;opacity:.72}
  .v11-home .logo{font-size:12px}
}

/* =========================================================
   SUPLAKASI V12 — UYGULANMIŞ TASARIM
   ========================================================= */
.v12-home{--bg:#f6f8fb;--surface:#fff;--ink:#0b2b4d;--muted:#607286;--line:rgba(11,43,77,.12);--accent:#ff8708;--accent2:#082b4f;background:var(--bg);color:var(--ink)}
.topbar{height:38px;background:#082a4d;color:#fff;font-size:13px}.topbar .container{height:100%;display:flex;align-items:center;gap:34px}.topbar a,.topbar span{opacity:.95}
.v12-home header{top:48px;background:rgba(255,255,255,.96);color:var(--ink);border:1px solid rgba(11,43,77,.09);box-shadow:0 15px 45px rgba(16,44,73,.10)}
.v12-home .logo span,.v12-home .eyebrow{color:var(--accent)}.v12-home .header-cta{background:var(--accent);color:#fff;border-radius:10px}.v12-home .menu-toggle{color:var(--ink);background:#eef3f8;border-color:var(--line)}
.hero-v12{position:relative;min-height:720px;overflow:hidden;background:#f7f9fc}.hero-v12-photo{position:absolute;inset:0;background:url("hero-v12-final.jpg") 64% center/cover no-repeat}.hero-v12:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#f8fafc 0%,rgba(248,250,252,.98) 31%,rgba(248,250,252,.90) 39%,rgba(248,250,252,.34) 58%,rgba(248,250,252,0) 73%)}
.hero-v12-grid{position:relative;z-index:2;display:grid;grid-template-columns:minmax(0,600px) 1fr;min-height:720px;align-items:center;padding-top:120px}.hero-v12-copy{padding:34px 0}.hero-v12 h1{font-size:clamp(58px,7vw,102px);line-height:.9;margin:14px 0;color:var(--ink)}.hero-v12 h2{font-size:clamp(24px,2.4vw,38px);text-transform:uppercase;letter-spacing:.08em;margin:0 0 28px}.hero-v12-copy>p{font-size:19px;line-height:1.7;max-width:530px;color:#334d68}.hero-v12 .btn.secondary{color:var(--ink);border:1px solid rgba(11,43,77,.25);background:rgba(255,255,255,.82)}
.mini-benefits{display:flex;gap:18px;flex-wrap:wrap;margin-top:28px}.mini-benefits span{font-size:13px;font-weight:800;padding-left:26px;position:relative}.mini-benefits span:before{content:"✓";position:absolute;left:0;top:-2px;width:19px;height:19px;border:2px solid var(--ink);border-radius:50%;display:grid;place-items:center;font-size:11px}
.product-stage{position:relative;justify-self:end;width:min(37vw,480px);aspect-ratio:1/1;display:grid;place-items:center;margin-top:64px}.product-panel{width:78%;height:84%;background:url("product-square.jpg") center/cover no-repeat;border:10px solid rgba(238,239,238,.96);box-shadow:0 35px 70px rgba(7,32,58,.32);transform:perspective(1100px) rotateY(-10deg) rotateZ(3deg);position:relative}.product-panel:after{content:"";position:absolute;inset:-10px -24px -10px auto;width:18px;background:linear-gradient(#d6d2c8,#8f8a80);transform:skewY(-12deg);transform-origin:left}.texture-badge{position:absolute;right:6%;bottom:6%;background:#082b4f;color:#fff;padding:9px 13px;border-radius:999px;font-weight:900;font-size:11px;text-transform:uppercase;letter-spacing:.07em}
.v12-feature-strip{padding:0;background:#fff}.v12-features{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--line);border-radius:18px;box-shadow:0 16px 40px rgba(11,43,77,.08);transform:translateY(-24px);overflow:hidden}.v12-features div{padding:24px;border-right:1px solid var(--line)}.v12-features div:last-child{border-right:0}.v12-features b,.v12-features span{display:block}.v12-features span{font-size:13px;line-height:1.5;color:var(--muted);margin-top:7px}
.usage-section{padding:52px 0 80px}.section-title{text-align:center;margin-bottom:28px}.section-title h2{font-size:clamp(34px,4vw,52px)}.usage-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:14px}.usage-grid a{background:#fff;border-radius:14px;overflow:hidden;border:1px solid var(--line);box-shadow:0 12px 30px rgba(11,43,77,.07);transition:.2s}.usage-grid a:hover{transform:translateY(-5px)}.usage-grid img{width:100%;aspect-ratio:4/3;object-fit:cover;display:block}.usage-grid b{display:block;padding:14px;text-align:center;background:#082b4f;color:#fff;font-size:13px}
.v12-technical{padding:70px 0 90px;background:#fff}.technical-grid{display:grid;grid-template-columns:.8fr 1.2fr;align-items:center;gap:60px}.technical-grid h2{margin:12px 0 20px}.technical-grid p{color:var(--muted);line-height:1.8;max-width:500px}.tech-product{height:360px;position:relative;display:flex;align-items:center;justify-content:center;perspective:900px}.tech-face,.tech-layer{height:270px;border-radius:3px;box-shadow:0 25px 45px rgba(8,43,79,.14)}.tech-face{width:330px;background:url("product-square.jpg") center/cover no-repeat;z-index:4;transform:rotateY(-8deg)}.tech-layer{width:22px;margin-left:7px}.l1{background:#d8d8d2}.l2{background:#bca56c}.l3{background:#5b5d5f}
.v12-home footer{background:#082b4f}
@media(max-width:1050px){.v12-home nav{display:none}.v12-home .menu-toggle{display:block}.hero-v12-grid{grid-template-columns:1fr}.hero-v12-copy{max-width:620px}.usage-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:700px){.topbar{height:auto;padding:8px 0}.topbar .container{gap:7px;flex-direction:column;align-items:flex-start}.v12-home header{top:88px}.hero-v12{min-height:790px}.hero-v12-photo{inset:0;opacity:.38;background-position:72% center}.hero-v12:after{background:linear-gradient(180deg,rgba(248,250,252,.98) 0%,rgba(248,250,252,.92) 62%,rgba(248,250,252,.72) 100%)}.hero-v12-grid{min-height:790px;padding-top:170px}.hero-v12-copy{align-self:start;padding-top:18px}.hero-v12 h1{font-size:52px}.hero-v12 h2{font-size:20px}.hero-v12-copy>p{font-size:16px}.hero-v12 .actions{display:grid}.hero-v12 .btn{width:100%}.mini-benefits{display:none}.v12-features{grid-template-columns:1fr;transform:none;border-radius:0}.v12-features div{border-right:0;border-bottom:1px solid var(--line)}.usage-grid{grid-template-columns:1fr 1fr}.technical-grid{grid-template-columns:1fr}.tech-product{height:280px}.tech-face{width:230px;height:210px}.tech-layer{height:210px}.footer-grid{grid-template-columns:1fr}}

/* V12 corrected hero: a single clean photographic background; no floating low-resolution product card. */
.product-stage{display:none!important}