/* ========================================================================
   BuharlıSerinletme.com — Premium Final Visual System R3 — 2026-09-21
   Scope: visual hierarchy, typography, heroes, cards, CTA, hover, footer.
   This file is intentionally loaded LAST and scoped to .premium-final-ui.
   ======================================================================== */
:root{
  --pf-ink:#082f43;
  --pf-ink-2:#123f53;
  --pf-muted:#58717d;
  --pf-muted-2:#708791;
  --pf-primary:#087fa6;
  --pf-primary-deep:#07566d;
  --pf-teal:#17a9a2;
  --pf-accent:#46b881;
  --pf-surface:#ffffff;
  --pf-surface-soft:#f2f8fa;
  --pf-surface-tint:#eaf5f7;
  --pf-line:rgba(7,78,104,.13);
  --pf-line-strong:rgba(7,105,137,.22);
  --pf-radius-sm:16px;
  --pf-radius:22px;
  --pf-radius-lg:30px;
  --pf-radius-xl:38px;
  --pf-shadow-sm:0 10px 28px rgba(5,47,65,.07);
  --pf-shadow:0 18px 48px rgba(5,47,65,.10);
  --pf-shadow-lg:0 30px 82px rgba(5,47,65,.15);
  --pf-ease:cubic-bezier(.2,.72,.2,1);
}

/* ---------- Global content clarity ---------- */
body.premium-final-ui{
  color:var(--pf-ink);
  background:
    radial-gradient(circle at 12% 8%,rgba(21,169,162,.035),transparent 24rem),
    linear-gradient(180deg,#fbfdfd 0%,#f4f9fb 100%);
  -webkit-font-smoothing:antialiased;
  font-kerning:normal;
}
body.premium-final-ui main{position:relative;isolation:isolate}
body.premium-final-ui :where(h1,h2,h3,h4){
  color:var(--pf-ink);
  text-wrap:balance;
  overflow-wrap:normal;
  font-kerning:normal;
}
body.premium-final-ui :where(p,li){
  color:var(--pf-muted);
  line-height:1.72;
}
body.premium-final-ui .lead{
  color:#4f6b78;
  font-size:clamp(1rem,1.14vw,1.12rem);
  line-height:1.76;
}
body.premium-final-ui .section-space{
  position:relative;
  padding-block:clamp(64px,7.2vw,104px);
}
body.premium-final-ui .section-head{
  gap:clamp(22px,4vw,56px);
  margin-bottom:clamp(28px,3.4vw,44px);
}
body.premium-final-ui .section-head h2{
  max-width:820px;
  margin-top:10px;
  font-size:clamp(1.95rem,3.35vw,3.25rem);
  line-height:1.03;
  letter-spacing:-.045em;
}
body.premium-final-ui .section-head>p{
  max-width:64ch;
  color:#617985;
  font-size:clamp(.96rem,1vw,1.03rem);
  line-height:1.75;
}
body.premium-final-ui .eyebrow{
  min-height:30px;
  padding:6px 10px;
  border:1px solid rgba(8,127,166,.12);
  border-radius:999px;
  background:rgba(8,127,166,.055);
  color:#08799f;
  font-size:.72rem;
  font-weight:900;
  letter-spacing:.09em;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.8);
}

/* ---------- Header / navigation finish ---------- */
body.premium-final-ui .site-header--sticky{
  background:rgba(250,253,254,.94);
  border-bottom-color:rgba(7,78,104,.10);
  box-shadow:0 1px 0 rgba(255,255,255,.8),0 8px 28px rgba(5,47,65,.045);
}
body.premium-final-ui .site-header--sticky.is-scrolled{
  background:rgba(250,253,254,.985);
  box-shadow:0 1px 0 rgba(255,255,255,.85),0 16px 38px rgba(5,47,65,.10);
}
body.premium-final-ui .nav-links a{
  color:#315566;
  font-weight:880;
  letter-spacing:.035em;
}
body.premium-final-ui .nav-links a::after{
  height:3px;
  bottom:2px;
  background:linear-gradient(90deg,var(--pf-primary),var(--pf-teal),var(--pf-accent));
}
body.premium-final-ui .lang-switch{
  border-color:rgba(7,78,104,.12);
  background:rgba(255,255,255,.9);
  box-shadow:0 8px 22px rgba(5,47,65,.055);
}
body.premium-final-ui .nav-toggle{
  border-color:rgba(7,78,104,.14);
  background:linear-gradient(145deg,#fff,#eef7f9);
  box-shadow:0 10px 24px rgba(5,47,65,.08);
}

/* ---------- Unified premium CTA ---------- */
body.premium-final-ui .btn{
  min-height:50px;
  padding:13px 20px;
  border-radius:15px;
  font-size:.93rem;
  font-weight:880;
  letter-spacing:-.01em;
  box-shadow:none;
  transition:transform .22s var(--pf-ease),box-shadow .22s var(--pf-ease),border-color .22s ease,background .22s ease,color .22s ease;
}
body.premium-final-ui .btn-primary{
  border-color:rgba(5,105,132,.26);
  background:linear-gradient(135deg,#076d98 0%,#0d9eb4 54%,#3ab781 100%);
  box-shadow:0 13px 28px rgba(5,111,143,.19),inset 0 1px 0 rgba(255,255,255,.25);
}
body.premium-final-ui .btn-secondary,
body.premium-final-ui .btn-ghost{
  border-color:rgba(7,78,104,.15);
  background:linear-gradient(145deg,#fff,#f1f7f9);
  color:#17485c;
  box-shadow:0 9px 22px rgba(5,47,65,.055);
}
@media (hover:hover) and (pointer:fine){
  body.premium-final-ui .btn:hover{transform:translateY(-3px)}
  body.premium-final-ui .btn-primary:hover{box-shadow:0 18px 38px rgba(5,111,143,.26)}
  body.premium-final-ui .btn-secondary:hover,
  body.premium-final-ui .btn-ghost:hover{border-color:rgba(8,127,166,.28);box-shadow:0 14px 30px rgba(5,47,65,.09)}
}
body.premium-final-ui .btn:active{transform:translateY(0) scale(.985)}

/* ---------- Homepage hero ---------- */
body.premium-final-ui .hero{
  isolation:isolate;
  padding-block:clamp(58px,7.7vw,112px);
  background:
    radial-gradient(circle at 92% 8%,rgba(18,169,166,.16),transparent 28rem),
    radial-gradient(circle at 6% 96%,rgba(70,184,129,.09),transparent 23rem),
    linear-gradient(180deg,#fbfefe 0%,#eef8fa 100%);
}
body.premium-final-ui .hero::after{
  content:"";
  position:absolute;
  inset:auto -8% -42% 46%;
  z-index:-1;
  height:68%;
  border-radius:50%;
  background:radial-gradient(circle,rgba(8,127,166,.075),transparent 68%);
  pointer-events:none;
}
body.premium-final-ui .hero-grid{gap:clamp(38px,6vw,84px)}
body.premium-final-ui .hero-copy h1{
  max-width:860px;
  margin:14px 0 20px;
  font-size:clamp(2.85rem,5.25vw,5.55rem);
  line-height:.96;
  letter-spacing:-.058em;
  text-shadow:0 1px 0 rgba(255,255,255,.82);
}
body.premium-final-ui .hero-actions{gap:11px;margin-top:28px}
body.premium-final-ui .hero-frame{
  padding:8px;
  border:1px solid rgba(7,78,104,.11);
  border-radius:34px;
  background:linear-gradient(145deg,rgba(255,255,255,.96),rgba(233,246,248,.88));
  box-shadow:0 30px 82px rgba(5,47,65,.17);
}
body.premium-final-ui .hero-media{
  border-radius:28px;
  overflow:hidden;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.68);
}
body.premium-final-ui .hero-media img{
  filter:saturate(.98) contrast(1.025);
  transform:scale(1.002);
}
body.premium-final-ui .hero-trust.answer-snapshot{gap:12px;margin-top:32px}
body.premium-final-ui .trust-card{
  border-color:rgba(7,78,104,.11);
  border-radius:19px;
  background:linear-gradient(145deg,rgba(255,255,255,.98),rgba(239,248,250,.94));
  box-shadow:0 12px 30px rgba(5,47,65,.07);
}
body.premium-final-ui .trust-card strong{color:#123e51;font-weight:900}
body.premium-final-ui .trust-card span{color:#6a808a;line-height:1.55}

/* ---------- Product / service detail hero ---------- */
body.premium-final-ui .detail-hero{
  position:relative;
  isolation:isolate;
  overflow:hidden;
  padding-block:clamp(56px,6.6vw,98px);
  background:
    radial-gradient(circle at 88% 5%,rgba(21,169,162,.13),transparent 27rem),
    radial-gradient(circle at 3% 96%,rgba(70,184,129,.07),transparent 22rem),
    linear-gradient(180deg,#fbfefe 0%,#f0f8fa 100%);
}
body.premium-final-ui .detail-hero::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:-1;
  pointer-events:none;
  background:linear-gradient(100deg,rgba(255,255,255,.58),transparent 46%);
}
body.premium-final-ui .detail-grid{gap:clamp(34px,5vw,72px);align-items:center}
body.premium-final-ui .breadcrumb{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:8px;
  margin-bottom:16px;
  color:#728791;
  font-size:.81rem;
}
body.premium-final-ui .breadcrumb a{color:#426677;text-decoration:none;font-weight:760}
body.premium-final-ui .detail-copy h1{
  max-width:780px;
  margin:14px 0 18px;
  font-size:clamp(2.65rem,5vw,5.1rem);
  line-height:.96;
  letter-spacing:-.055em;
}
body.premium-final-ui .detail-points.answer-snapshot{
  gap:10px;
  margin-top:26px;
}
body.premium-final-ui .detail-points>div{
  border:1px solid rgba(7,78,104,.11);
  border-radius:17px;
  background:rgba(255,255,255,.76);
  box-shadow:0 10px 24px rgba(5,47,65,.055);
  backdrop-filter:blur(8px);
}
body.premium-final-ui .detail-points strong{color:#17485c;font-weight:900}
body.premium-final-ui .detail-points span{color:#667e89;line-height:1.52}
body.premium-final-ui .detail-media.shell{
  border:1px solid rgba(7,78,104,.11);
  border-radius:30px;
  background:linear-gradient(145deg,#fff,#edf7f9);
  box-shadow:0 26px 70px rgba(5,47,65,.14);
}
body.premium-final-ui .product-gallery-stage{border-radius:23px;overflow:hidden;background:#fff}
body.premium-final-ui .product-gallery-caption{color:#617985;font-weight:680}
body.premium-final-ui .product-gallery-thumb{
  border-radius:13px;
  border-color:rgba(7,78,104,.12);
  background:#fff;
  box-shadow:0 6px 16px rgba(5,47,65,.05);
}
body.premium-final-ui .product-gallery-thumb.is-active{
  border-color:rgba(8,127,166,.52);
  box-shadow:0 0 0 3px rgba(8,127,166,.09),0 8px 20px rgba(5,47,65,.08);
}

/* ---------- Global card language ---------- */
body.premium-final-ui :where(
  .service-card,.article-card,.insight-card,.step-card,.related-card,.faq-item,.contact-card,
  .audience-card,.side-card,.side-mini,.note-box,.detail-context-card,.check-item,.quality-card,
  .reference-card,.comparison-card,.seo-card,.feature-card,.premium-card,.spec-card
){
  position:relative;
  border:1px solid var(--pf-line);
  border-radius:var(--pf-radius);
  background:linear-gradient(145deg,rgba(255,255,255,.985),rgba(244,249,250,.96));
  box-shadow:var(--pf-shadow-sm);
  transition:transform .27s var(--pf-ease),box-shadow .27s var(--pf-ease),border-color .27s ease;
}
body.premium-final-ui :where(
  .service-card,.article-card,.insight-card,.step-card,.faq-item,.audience-card,.side-card,.detail-context-card,.quality-card
)::before{
  border-color:rgba(8,127,166,.08);
}
@media (hover:hover) and (pointer:fine){
  body.premium-final-ui :where(
    .service-card,.article-card,.insight-card,.step-card,.related-card,.faq-item,.contact-card,
    .audience-card,.side-card,.side-mini,.detail-context-card,.check-item,.quality-card,.reference-card
  ):hover{
    transform:translateY(-5px);
    border-color:rgba(8,127,166,.23);
    box-shadow:0 22px 52px rgba(5,47,65,.115);
  }
}
body.premium-final-ui :where(.service-card,.article-card,.insight-card,.step-card,.faq-item,.contact-card,.audience-card,.side-card,.detail-context-card) h3{
  color:#123f53;
  font-weight:900;
  letter-spacing:-.025em;
  line-height:1.17;
}
body.premium-final-ui :where(.service-card,.article-card,.insight-card,.step-card,.faq-item,.contact-card,.audience-card,.side-card,.detail-context-card) p{
  color:#647c87;
  line-height:1.68;
}

/* Product/service cards */
body.premium-final-ui .service-card{
  overflow:hidden;
  border-radius:26px;
  background:#fff;
}
body.premium-final-ui .service-card>img{
  padding:0;
  aspect-ratio:16/11;
  width:100%;
  object-fit:cover;
  background:#eaf3f5;
  filter:saturate(.94) contrast(1.02);
  transition:transform .5s var(--pf-ease),filter .5s var(--pf-ease);
}
body.premium-final-ui .service-card>div{padding:22px 22px 24px}
body.premium-final-ui .service-card small{
  display:inline-grid;
  place-items:center;
  min-width:34px;
  height:34px;
  margin-bottom:13px;
  border-radius:999px;
  background:linear-gradient(135deg,#087da8,#19a9a1);
  color:#fff;
  font-weight:900;
  box-shadow:0 8px 18px rgba(8,127,166,.18);
}
body.premium-final-ui .service-card h3{margin:0 0 9px;font-size:clamp(1.16rem,1.4vw,1.38rem)}
body.premium-final-ui .service-card p{margin:0 0 18px}
body.premium-final-ui .service-more{
  display:inline-flex;
  align-items:center;
  min-height:42px;
  padding:9px 13px;
  border:1px solid rgba(8,127,166,.13);
  border-radius:12px;
  background:#f2f8fa;
  color:#08799f;
  font-weight:850;
  text-decoration:none;
}
body.premium-final-ui .service-more::after{content:"→";margin-left:8px;transition:transform .2s ease}
@media (hover:hover) and (pointer:fine){
  body.premium-final-ui .service-card:hover>img{transform:scale(1.035);filter:saturate(1.04) contrast(1.03)}
  body.premium-final-ui .service-more:hover::after{transform:translateX(3px)}
}

/* Related / process / insight cards */
body.premium-final-ui .step-card{padding:24px}
body.premium-final-ui .step-card small{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:42px;
  min-height:32px;
  margin-bottom:16px;
  padding:6px 10px;
  border-radius:999px;
  background:linear-gradient(135deg,#0a769d,#24aa9e);
  color:#fff;
  font-weight:900;
  box-shadow:0 9px 20px rgba(8,127,166,.17);
}
body.premium-final-ui .related-card{
  min-height:112px;
  padding:20px 48px 20px 20px;
  color:#16465a;
  font-weight:900;
  text-decoration:none;
}
body.premium-final-ui .related-card span{color:#78909a;font-weight:720}
body.premium-final-ui .related-card::after{
  right:18px;
  color:#0a86a8;
  font-size:1.15rem;
}
body.premium-final-ui .insight-card,
body.premium-final-ui .article-card,
body.premium-final-ui .audience-card,
body.premium-final-ui .detail-context-card{padding:clamp(22px,2.6vw,30px)}
body.premium-final-ui .note-box{
  border-left:4px solid #0a8da7;
  background:linear-gradient(145deg,#f8fcfd,#edf8f8);
  box-shadow:0 12px 28px rgba(5,47,65,.06);
}
body.premium-final-ui .check-item{
  min-height:66px;
  padding:16px 17px 16px 52px;
  color:#365d6d;
}
body.premium-final-ui .check-item::before{
  left:16px;
  width:25px;
  height:25px;
  box-shadow:0 7px 16px rgba(8,127,166,.15);
}

/* FAQ clarity */
body.premium-final-ui .faq-grid{gap:15px}
body.premium-final-ui .faq-item{padding:23px 24px}
body.premium-final-ui .faq-item h3{
  position:relative;
  margin:0 0 10px;
  padding-left:19px;
  font-size:clamp(1.02rem,1.2vw,1.16rem);
}
body.premium-final-ui .faq-item h3::before{
  content:"";
  position:absolute;
  left:0;
  top:.47em;
  width:8px;
  height:8px;
  border-radius:50%;
  background:linear-gradient(135deg,var(--pf-primary),var(--pf-accent));
  box-shadow:0 0 0 5px rgba(8,127,166,.08);
}
body.premium-final-ui .faq-item p{margin:0}

/* Galleries / visuals */
body.premium-final-ui .real-gallery-card,
body.premium-final-ui .mist-detail-item{
  border:1px solid rgba(7,78,104,.10);
  box-shadow:0 14px 38px rgba(5,47,65,.10);
}
body.premium-final-ui .real-gallery-card figcaption{
  padding:clamp(16px,2.2vw,24px);
  background:linear-gradient(180deg,transparent,rgba(3,30,43,.76));
}
body.premium-final-ui .mist-detail-item{border-radius:20px;overflow:hidden}
body.premium-final-ui .mist-detail-item img{transition:transform .45s var(--pf-ease),filter .45s ease}
@media (hover:hover) and (pointer:fine){body.premium-final-ui .mist-detail-item:hover img{transform:scale(1.03);filter:saturate(1.05)}}

/* ---------- CTA / conversion block ---------- */
body.premium-final-ui .cta-box{
  position:relative;
  isolation:isolate;
  overflow:hidden;
  padding:clamp(28px,4vw,52px);
  border:1px solid rgba(86,222,204,.20);
  border-radius:34px;
  background:linear-gradient(135deg,#042b3f 0%,#075870 55%,#087c78 100%);
  box-shadow:0 30px 78px rgba(4,45,62,.19);
}
body.premium-final-ui .cta-box::after{
  content:"";
  position:absolute;
  z-index:-1;
  inset:0;
  background:radial-gradient(circle at 92% 10%,rgba(141,237,213,.20),transparent 32%),radial-gradient(circle at 4% 100%,rgba(67,166,222,.13),transparent 34%);
  pointer-events:none;
}
body.premium-final-ui .cta-box .eyebrow{
  border-color:rgba(158,240,220,.18);
  background:rgba(158,240,220,.08);
  color:#9cebd9;
  box-shadow:none;
}
body.premium-final-ui .cta-box h2{
  max-width:850px;
  color:#fff;
  font-size:clamp(1.9rem,3.2vw,3.15rem);
  line-height:1.04;
  letter-spacing:-.04em;
}
body.premium-final-ui .cta-box p{max-width:780px;color:rgba(255,255,255,.78)}
body.premium-final-ui .cta-box .btn-secondary{
  border-color:rgba(255,255,255,.22);
  background:rgba(255,255,255,.09);
  color:#fff;
  box-shadow:none;
}
body.premium-final-ui .contact-grid{gap:12px}
body.premium-final-ui .cta-box .contact-card{
  border-color:rgba(255,255,255,.15);
  background:rgba(255,255,255,.075);
  box-shadow:none;
  backdrop-filter:blur(10px);
}
body.premium-final-ui .cta-box .contact-card h3{color:#9be9d8;font-size:.72rem;letter-spacing:.10em}
body.premium-final-ui .cta-box .contact-card span,
body.premium-final-ui .cta-box .contact-card b{color:#fff;line-height:1.55}

/* ---------- Video CTA continuity ---------- */
body.premium-final-ui .product-video-premium__panel,
body.premium-final-ui .video-v2-shell,
body.premium-final-ui .video-cta-panel{
  border-radius:34px;
  box-shadow:0 30px 80px rgba(4,45,62,.20);
}
body.premium-final-ui .product-video-premium__copy h2,
body.premium-final-ui .video-v2-copy h2,
body.premium-final-ui .video-cta-copy h2{color:#fff;text-wrap:balance}
body.premium-final-ui .video-v2-copy p,
body.premium-final-ui .video-cta-copy p{color:rgba(255,255,255,.80)}
body.premium-final-ui .video-v2-button,
body.premium-final-ui .video-cta-button{
  border-radius:15px;
  font-weight:900;
  box-shadow:0 14px 30px rgba(0,0,0,.15);
}

/* ---------- MEGAMİST ecosystem resource module ---------- */
body.premium-final-ui .megamist-ecosystem-note{
  position:relative;
  isolation:isolate;
  overflow:hidden;
  width:min(1180px,calc(100% - 40px));
  margin:clamp(18px,3vw,42px) auto clamp(52px,7vw,94px);
  padding:clamp(26px,4vw,46px);
  border:1px solid rgba(7,78,104,.14);
  border-radius:30px;
  background:
    radial-gradient(circle at 96% 2%,rgba(21,169,162,.14),transparent 25rem),
    linear-gradient(145deg,#ffffff 0%,#edf7f8 100%);
  box-shadow:0 22px 58px rgba(5,47,65,.10);
}
body.premium-final-ui .megamist-ecosystem-note::before{
  content:"";
  position:absolute;
  top:0;
  left:0;
  right:0;
  height:4px;
  background:linear-gradient(90deg,#087fa6,#18aaa2,#45b881);
}
body.premium-final-ui .megamist-ecosystem-note__eyebrow{
  color:#087c9e;
  font-size:.71rem;
  font-weight:900;
  letter-spacing:.12em;
}
body.premium-final-ui .megamist-ecosystem-note__title{
  max-width:850px;
  margin:9px 0 11px;
  color:#103f53;
  font-size:clamp(1.55rem,2.5vw,2.45rem);
  line-height:1.08;
  letter-spacing:-.035em;
}
body.premium-final-ui .megamist-ecosystem-note__copy{max-width:820px;color:#5f7883;line-height:1.72}
body.premium-final-ui .megamist-ecosystem-note__actions{gap:12px;align-items:center}
body.premium-final-ui .megamist-ecosystem-note__cta{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:48px;
  padding:11px 16px;
  border:1px solid rgba(8,127,166,.16);
  border-radius:14px;
  background:linear-gradient(135deg,#087ca4,#17aaa2);
  color:#fff;
  font-weight:880;
  text-decoration:none;
  box-shadow:0 12px 28px rgba(8,127,166,.17);
}
body.premium-final-ui .megamist-ecosystem-note__brand{
  color:#176175;
  font-weight:900;
  letter-spacing:.05em;
}
body.premium-final-ui .megamist-ecosystem-note__meta{color:#78909a;font-size:.82rem;font-weight:730}

/* ---------- Policy / article pages ---------- */
body.premium-final-ui .policy-hero--professional{
  background:radial-gradient(circle at 88% 0%,rgba(21,169,162,.12),transparent 25rem),linear-gradient(180deg,#fbfefe,#eef7f9);
}
body.premium-final-ui .policy-layout--professional{
  gap:clamp(26px,4vw,50px);
}
body.premium-final-ui .policy-section-heading{
  color:#123f53;
  letter-spacing:-.025em;
}
body.premium-final-ui .policy-definition{
  border:1px solid var(--pf-line);
  border-radius:18px;
  background:#fff;
  box-shadow:var(--pf-shadow-sm);
}

/* ---------- Footer + signature ---------- */
body.premium-final-ui footer{
  margin-top:clamp(34px,5vw,64px);
  padding-bottom:38px;
  background:linear-gradient(180deg,#eef7f9 0%,#e4f0f3 100%);
}
body.premium-final-ui footer .footer-line{
  border-top:1px solid rgba(7,78,104,.14);
  padding-top:30px;
}
body.premium-final-ui footer .footer-line>div:first-child{
  color:#466977;
  font-size:.88rem;
}
body.premium-final-ui .footer-legal a,
body.premium-final-ui .footer-cookie-button{
  border-color:rgba(7,78,104,.13);
  background:rgba(255,255,255,.76);
  color:#24586b;
  font-weight:780;
  box-shadow:0 7px 18px rgba(5,47,65,.045);
}
body.premium-final-ui footer .footer-line>.aykut-sever-signature-slot .developer-credit.dev-signature{
  gap:7px;
  color:#071d27;
  font-size:12px;
  font-weight:900;
  letter-spacing:.06em;
}
body.premium-final-ui footer .footer-line>.aykut-sever-signature-slot .dev-signature__label{
  color:#163d4d;
  font-weight:900;
}
body.premium-final-ui footer .footer-line>.aykut-sever-signature-slot .dev-signature__link{
  color:#06171e;
  -webkit-text-fill-color:#06171e;
  font-size:clamp(25px,1.9vw,31px);
  font-weight:900;
  letter-spacing:.012em;
  text-shadow:0 1px 0 rgba(255,255,255,.55),0 2px 5px rgba(0,0,0,.20);
}

/* ---------- Focus / accessibility ---------- */
body.premium-final-ui :where(a,button,.btn,[tabindex]):focus-visible{
  outline:3px solid rgba(8,127,166,.40);
  outline-offset:4px;
}

/* ---------- Responsive refinement ---------- */
@media(max-width:1024px){
  body.premium-final-ui .section-space{padding-block:clamp(56px,7vw,82px)}
  body.premium-final-ui .section-head{align-items:flex-start}
  body.premium-final-ui .hero-copy h1{font-size:clamp(2.55rem,6.2vw,4.45rem)}
  body.premium-final-ui .detail-copy h1{font-size:clamp(2.45rem,5.8vw,4.25rem)}
}
@media(max-width:860px){
  body.premium-final-ui .section-head{display:grid;grid-template-columns:1fr;gap:14px}
  body.premium-final-ui .section-head>p{max-width:720px}
  body.premium-final-ui .hero{padding-block:48px 68px}
  body.premium-final-ui .hero-grid{gap:32px}
  body.premium-final-ui .hero-copy h1{font-size:clamp(2.35rem,9vw,4rem);line-height:.98}
  body.premium-final-ui .detail-hero{padding-block:44px 66px}
  body.premium-final-ui .detail-grid{gap:30px}
  body.premium-final-ui .detail-copy h1{font-size:clamp(2.25rem,8.7vw,3.8rem)}
  body.premium-final-ui .cta-box{border-radius:28px}
  body.premium-final-ui .megamist-ecosystem-note{width:min(100% - 32px,1180px);border-radius:26px}
}
@media(max-width:576px){
  body.premium-final-ui .container{width:calc(100% - 28px)}
  body.premium-final-ui .section-space{padding-block:50px}
  body.premium-final-ui .section-head{margin-bottom:25px}
  body.premium-final-ui .section-head h2{font-size:clamp(1.72rem,8vw,2.35rem);line-height:1.07}
  body.premium-final-ui .eyebrow{font-size:.67rem;padding:6px 9px}
  body.premium-final-ui .hero{padding-block:38px 56px}
  body.premium-final-ui .hero-copy h1{font-size:clamp(2.25rem,12.2vw,3.35rem);letter-spacing:-.052em}
  body.premium-final-ui .hero-copy .lead{font-size:.99rem}
  body.premium-final-ui .hero-actions,
  body.premium-final-ui .detail-copy .hero-actions,
  body.premium-final-ui .cta-actions{display:grid;grid-template-columns:1fr;width:100%}
  body.premium-final-ui .hero-actions .btn,
  body.premium-final-ui .detail-copy .hero-actions .btn,
  body.premium-final-ui .cta-actions .btn{width:100%}
  body.premium-final-ui .hero-frame{padding:6px;border-radius:26px}
  body.premium-final-ui .hero-media{border-radius:21px}
  body.premium-final-ui .detail-hero{padding-block:36px 54px}
  body.premium-final-ui .detail-copy h1{font-size:clamp(2.05rem,11vw,3.1rem)}
  body.premium-final-ui .detail-media.shell{border-radius:24px}
  body.premium-final-ui .service-card{border-radius:22px}
  body.premium-final-ui .service-card>div{padding:19px 18px 21px}
  body.premium-final-ui .faq-item{padding:20px 18px}
  body.premium-final-ui .step-card{padding:21px}
  body.premium-final-ui .cta-box{padding:24px 18px;border-radius:23px}
  body.premium-final-ui .cta-box h2{font-size:clamp(1.7rem,8.5vw,2.25rem)}
  body.premium-final-ui .megamist-ecosystem-note{width:calc(100% - 24px);padding:23px 18px;border-radius:22px}
  body.premium-final-ui .megamist-ecosystem-note__actions{display:grid;grid-template-columns:1fr}
  body.premium-final-ui .megamist-ecosystem-note__cta{width:100%;text-align:center}
  body.premium-final-ui footer .footer-line>.aykut-sever-signature-slot .developer-credit.dev-signature{font-size:11.5px}
  body.premium-final-ui footer .footer-line>.aykut-sever-signature-slot .dev-signature__link{font-size:clamp(25px,8vw,29px)}
}
@media(max-width:360px){
  body.premium-final-ui .container{width:calc(100% - 22px)}
  body.premium-final-ui .hero-copy h1{font-size:clamp(2.05rem,12.3vw,2.75rem)}
  body.premium-final-ui .detail-copy h1{font-size:clamp(1.95rem,11.7vw,2.65rem)}
  body.premium-final-ui .btn{padding-inline:15px}
}
@media (hover:none),(pointer:coarse){
  body.premium-final-ui :where(.service-card,.article-card,.insight-card,.step-card,.related-card,.faq-item,.contact-card,.audience-card,.side-card,.detail-context-card){transform:none}
}
@media(prefers-reduced-motion:reduce){
  body.premium-final-ui *,body.premium-final-ui *::before,body.premium-final-ui *::after{transition:none;animation:none;scroll-behavior:auto}
}


/* ---------- 2026-09-26 viewport + parity hardening ---------- */
html{overflow-x:clip;-webkit-text-size-adjust:100%;text-size-adjust:100%;scroll-padding-top:calc(var(--header-offset,72px) + 24px)}
body.premium-final-ui{overflow-wrap:break-word}
body.premium-final-ui :where(main,section,article,.container,.hero-grid,.detail-grid,.service-grid,.related-grid,.contact-grid,.mist-detail-grid,.product-gallery){min-width:0}
body.premium-final-ui :where(img,video,iframe,svg){max-width:100%}
body.premium-final-ui :where(.btn,.nav-toggle,.product-gallery-thumb,.pg-lightbox__close,.pg-lightbox__arrow){min-height:44px}
body.premium-final-ui :where(.product-gallery-thumbs,.mist-detail-grid,.real-gallery-grid){overscroll-behavior-inline:contain}
body.premium-final-ui :target{scroll-margin-top:calc(var(--header-offset,72px) + 24px)}
body.premium-final-ui .detail-media.shell.product-gallery{width:100%;max-width:720px}
body.premium-final-ui .product-gallery-main{object-position:center}
body.premium-final-ui .mist-detail-item img{content-visibility:auto}
@media(max-width:1024px){body.premium-final-ui .detail-media.shell.product-gallery{margin-inline:auto}}
@media(max-width:640px){
  body.premium-final-ui .breadcrumb{max-width:100%;overflow-x:auto;overscroll-behavior-inline:contain;scrollbar-width:none;white-space:nowrap;padding-bottom:3px}
  body.premium-final-ui .breadcrumb::-webkit-scrollbar{display:none}
  body.premium-final-ui .product-gallery-thumbs{padding-bottom:5px}
  body.premium-final-ui .gallery-intro>p{font-size:.94rem}
  body.premium-final-ui .mist-detail-item{border-radius:18px!important}
}
@media(max-width:360px){body.premium-final-ui .product-gallery-thumb{flex-basis:62px!important;width:62px!important;height:62px!important}}