/* Nokta İşitme — Signature Premium UI / reference-aligned edition */
:root{--navy:#09211e;--navy-2:#041612;--teal:#7aa30b;--teal-2:#94bf18;--mist:#eaf4dd;--paper:#f5f5ef;--white:#fff;--ink:#09211e;--muted:#60716e;--gold:#c6f04d;--line:rgba(9,33,30,.14);--shadow:0 30px 80px rgba(9,33,30,.12);--shadow-sm:0 16px 42px rgba(9,33,30,.08);--radius:28px;--radius-sm:16px;--container:min(1440px,calc(100% - 64px));--display:Manrope,Inter,ui-sans-serif,system-ui,sans-serif}
body{background:var(--paper);background-image:radial-gradient(circle at 2% 13%,rgba(174,231,167,.2),transparent 22%),radial-gradient(circle at 98% 35%,rgba(179,224,245,.16),transparent 24%);font-size:17px;letter-spacing:-.008em}::selection{background:var(--gold);color:var(--ink)}.ambient{opacity:.2;filter:blur(120px)}.ambient--one{background:#b9e9bf}.ambient--two{background:#d6eef7}
.site-header{position:relative;background:rgba(245,245,239,.86);backdrop-filter:blur(22px);border:0}.site-header.is-scrolled{position:sticky;background:rgba(245,245,239,.94);border:0;box-shadow:0 1px 0 var(--line)}.header-strip{background:var(--navy);font-size:.68rem}.header-strip__inner{min-height:32px}.header-strip__links{gap:25px}.status-dot{background:var(--gold);box-shadow:0 0 0 5px rgba(198,240,77,.15)}.header-main{height:94px}.brand img{width:214px}.main-nav{gap:2px;font-size:.82rem}.main-nav>a,.nav-group>button{padding:12px 13px;border-radius:999px}.main-nav>a:hover,.main-nav>a.is-active,.nav-group>button:hover,.nav-group>button[aria-expanded=true]{background:#fff;color:var(--teal);box-shadow:0 9px 28px rgba(9,33,30,.07)}.main-nav .nav-cta{background:var(--navy);color:#fff;padding:14px 22px;border-radius:999px;box-shadow:none}.main-nav .nav-cta:hover{background:var(--gold);color:var(--ink);transform:translateY(-2px)}.mega-menu{top:calc(100% + 22px);padding:30px;border:0;border-radius:24px;box-shadow:0 36px 100px rgba(9,33,30,.18)}.mega-menu aside{background:var(--navy);border-radius:18px}.mega-menu strong{color:var(--teal)}
.eyebrow{color:var(--teal);font-size:.66rem;letter-spacing:.19em}.eyebrow>span{width:42px}.button{min-height:58px;padding:15px 25px;border-radius:999px;background:var(--gold);border-color:var(--gold);color:var(--ink);font-size:.87rem;letter-spacing:.01em;box-shadow:0 14px 30px rgba(135,177,25,.16);transition:transform .45s cubic-bezier(.22,1,.36,1),background .3s,color .3s}.button:hover{background:var(--navy);border-color:var(--navy);color:#fff;transform:translateY(-4px)}.button--outline{background:transparent;color:var(--navy);border-color:rgba(9,33,30,.26);box-shadow:none}.button--light{background:#fff;color:var(--navy);border-color:#fff;box-shadow:none}.button--light:hover{background:var(--gold);border-color:var(--gold);color:var(--ink)}
.home-hero{min-height:calc(100vh - 126px);padding:clamp(68px,7vw,112px) 0 80px;background:transparent;display:flex;align-items:center}.home-hero__grid{grid-template-columns:1.03fr .97fr;gap:clamp(50px,7vw,110px)}.home-hero h1,.page-hero h1{font-family:var(--display);font-weight:600;font-size:clamp(3.6rem,5.9vw,6.7rem);line-height:.94;letter-spacing:-.075em;color:var(--navy);text-wrap:balance}.home-hero h1::after{content:".";color:var(--teal)}.hero-subtitle{font-size:clamp(1.18rem,1.5vw,1.5rem);font-weight:500;line-height:1.5;max-width:640px;margin-top:34px}.hero-text{max-width:650px;font-size:1rem}.hero-actions{margin:37px 0}.hero-contact{padding-top:28px}.hero-contact strong{font-size:1rem}.home-hero__visual{min-height:clamp(590px,68vh,780px);transform:translate3d(var(--mx,0),var(--my,0),0);transition:transform .9s cubic-bezier(.22,1,.36,1)}.home-hero__visual img{border-radius:210px 28px 210px 28px;box-shadow:0 45px 100px rgba(9,33,30,.17);filter:saturate(.86) contrast(1.02)}.home-hero__visual:before{inset:-24px 34px 24px -34px;border-color:rgba(102,153,27,.28);border-radius:235px 35px 235px 35px}.visual-stamp{right:-24px;bottom:54px;width:178px;height:178px;background:var(--gold);color:var(--ink);box-shadow:0 24px 65px rgba(119,157,25,.23)}.visual-stamp span{color:var(--teal)}.sound-trace{left:-98px;bottom:126px;width:280px;height:132px;border-radius:24px}.sound-trace path{stroke:var(--teal)}
.trust-rail{background:var(--navy);border:0;color:#fff}.trust-rail__grid>div{min-height:108px;border-color:rgba(255,255,255,.12);color:#fff;font-size:.77rem;letter-spacing:.025em}.trust-rail .icon{color:var(--gold)}.section{padding:clamp(100px,10vw,165px) 0}.section-heading{max-width:820px}.section-heading h2,.mold-story h2,.final-cta h2,.test-focus h2{font-family:var(--display);font-weight:600;font-size:clamp(3rem,5vw,5.7rem);line-height:1;letter-spacing:-.065em;text-wrap:balance}.section-heading--split{grid-template-columns:1.35fr .65fr;gap:105px;margin-bottom:66px}.section-heading p,.mold-story p,.test-focus p{font-size:1.08rem;line-height:1.75}
.issue-section{background:#fff}.issue-grid{gap:105px}.issue-note{border:0;border-radius:18px;background:#f1f7e7;padding:22px 24px}.issue-tool{padding:16px;border:0;border-radius:32px;background:var(--paper);box-shadow:none}.issue-options{gap:7px}.issue-options button{min-height:68px;border-radius:18px;padding:15px 19px}.issue-options button:hover,.issue-options button[aria-selected=true]{border-color:rgba(122,163,11,.35);background:#fff;color:var(--teal);box-shadow:0 12px 30px rgba(9,33,30,.06)}.issue-result{border-radius:24px;background:var(--navy);padding:34px}.issue-result__number{color:var(--gold)}.services-showcase{background:var(--paper)}.feature-services{grid-template-rows:390px 295px;gap:20px}.service-feature{border-radius:30px}.service-feature--large{border-radius:170px 30px 30px 30px}.service-feature:after{background:linear-gradient(0deg,rgba(4,22,18,.92),rgba(4,22,18,.02) 72%)}.service-feature>div:not(.service-feature__graphic){left:36px;right:36px;bottom:34px}.service-feature h3{font-family:var(--display);font-weight:600;font-size:clamp(2rem,3vw,3.5rem);letter-spacing:-.05em}.service-feature--accent{background:var(--teal);border-radius:30px 125px 30px 30px}.service-mini-grid{gap:14px;margin-top:24px}.mini-service{min-height:250px;padding:28px 23px;border:0;border-radius:22px;background:#fff}.mini-service:hover{transform:translateY(-9px);box-shadow:var(--shadow-sm)}
.mold-story{background:var(--navy)}.mold-story__grid{min-height:860px}.mold-story__visual:after{background:linear-gradient(90deg,rgba(4,22,18,.06),rgba(4,22,18,.88))}.mold-story__content{padding:120px 0 110px 95px}.mold-steps{gap:12px}.mold-steps li{padding:20px;border-radius:18px}.mold-steps li>span{color:var(--gold)}.mold-badge{border-radius:999px;padding:19px 28px}.mold-actions>a:last-child{color:var(--gold)}.process-section{background:#fff}.process-line{border:0;gap:1px;background:var(--line);border-radius:28px;overflow:hidden}.process-line:before{display:none}.process-step{min-height:180px;padding:28px;background:#fff;border:0}.process-step:nth-child(3n+1){background:#f0f7e6}.process-step span{color:var(--teal);font-weight:700}.test-focus{background:#eaf4dd}.test-focus__grid{gap:95px}.test-focus__visual img{border-radius:30px 145px 30px 30px;box-shadow:none}.frequency-card{left:-58px;right:54px;border-radius:22px;padding:24px 28px}.frequency-bars span{background:var(--teal)}.model-section{background:#fff}.model-layout{gap:24px}.model-visual img{border-radius:160px 28px 28px 28px}.model-visual span{border-radius:999px;background:rgba(4,22,18,.88);padding:13px 18px}.model-list{border:0;border-radius:28px;padding:18px 34px;background:var(--paper)}.model-list>div{padding:27px 0}.branches-section{background:var(--navy)}.branches-section .eyebrow{color:var(--gold)}.branch-cards{gap:22px}.branch-card{min-height:610px;border-radius:30px}.branch-card:first-child{border-radius:155px 30px 30px 30px}.branch-card:last-child{border-radius:30px 155px 30px 30px}.branch-card h3{font-family:var(--display);font-weight:600;font-size:3rem}.branch-card__content{left:38px;right:38px;bottom:38px}
.guide-section{background:var(--paper)}.guide-grid{gap:20px}.guide-card{border:0;border-radius:26px;background:#fff}.guide-card:hover{transform:translateY(-9px)}.guide-card:first-child{border-radius:90px 26px 26px 26px}.guide-card img{aspect-ratio:1.35}.guide-card>div{padding:28px}.guide-card h3{font-family:var(--display);font-weight:600;font-size:1.65rem;line-height:1.2;letter-spacing:-.04em}.faq-section{background:#fff}.accordion-item h3 button{padding:26px 0;font-size:1.2rem}.accordion-item h3 button span{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:var(--paper)}.final-cta{background:var(--gold);color:var(--ink)}.final-cta h2{color:var(--ink)}.final-cta .eyebrow{color:var(--teal)}.final-cta__grid{gap:75px}.final-cta__actions>a:not(.button){color:var(--ink)}
.page-hero{background:transparent;padding:96px 0}.page-hero__grid{gap:88px}.page-hero h1{font-size:clamp(3.2rem,5.5vw,6.2rem)}.page-hero__visual img{border-radius:160px 24px 160px 24px;box-shadow:var(--shadow);filter:saturate(.88)}.page-hero__mark{border-radius:999px;background:var(--gold);color:var(--ink)}.page-highlights{border:0;background:var(--navy)}.page-highlights div>div{border-color:rgba(255,255,255,.12);color:#fff}.page-highlights strong{color:#fff}.page-highlights span{color:var(--gold)}
/* Blog library: fixed, consistent magazine grid */
.guide-library{background:#fff}.guide-filter{display:flex;gap:9px;flex-wrap:wrap;margin-bottom:52px}.guide-filter button{min-height:46px;padding:10px 17px;border:1px solid var(--line);border-radius:999px;background:var(--paper);color:var(--muted);transition:.3s}.guide-filter button.is-active,.guide-filter button:hover{background:var(--navy);border-color:var(--navy);color:#fff;transform:translateY(-2px)}.guide-library__grid{display:grid;grid-template-columns:repeat(12,1fr);gap:22px}.guide-card--library{grid-column:span 4;border:0;border-radius:26px;background:var(--paper);overflow:hidden;box-shadow:none;transition:.5s cubic-bezier(.22,1,.36,1)}.guide-card--library:nth-child(7n+1){grid-column:span 8}.guide-card--library:nth-child(7n+2){grid-column:span 4}.guide-card--library:hover{transform:translateY(-9px);box-shadow:var(--shadow-sm)}.guide-card__image{display:block;overflow:hidden;background:#dfe8dc}.guide-card__image img{width:100%;height:auto;aspect-ratio:1.42;object-fit:cover;transition:transform .75s cubic-bezier(.22,1,.36,1);filter:saturate(.88)}.guide-card--library:nth-child(7n+1) .guide-card__image img{aspect-ratio:2.05}.guide-card--library:hover .guide-card__image img{transform:scale(1.045)}.guide-card__body{padding:28px 30px 32px}.guide-card__meta{display:flex;justify-content:space-between;gap:12px;color:var(--teal);font-size:.66rem;text-transform:uppercase;letter-spacing:.12em;font-weight:700}.guide-card__body h2{font-family:var(--display);font-weight:600;font-size:clamp(1.4rem,2vw,2rem);line-height:1.18;letter-spacing:-.045em;margin:15px 0}.guide-card--library:nth-child(7n+1) .guide-card__body h2{font-size:clamp(1.8rem,2.8vw,3rem)}.guide-card__body p{font-size:.9rem;color:var(--muted);line-height:1.65}.guide-card__body .text-link{display:inline-flex;margin-top:10px;color:var(--ink);border-bottom:1px solid;font-weight:700}
/* Article pages */
.article-hero{padding:100px 0 72px;background:transparent}.article-hero__grid{gap:90px}.article-hero h1{font-family:var(--display);font-weight:600;font-size:clamp(3.2rem,5.8vw,6.4rem);line-height:.96;letter-spacing:-.07em}.article-breadcrumb{color:var(--muted)}.article-meta{color:var(--teal)}.article-hero__visual img{border-radius:170px 24px 170px 24px;filter:saturate(.88);box-shadow:var(--shadow)}.article-section--editorial{background:#fff}.article-layout{grid-template-columns:300px minmax(0,850px);justify-content:center;gap:90px}.article-aside__card{border-radius:24px;background:var(--navy);padding:28px}.article-aside nav{border:0;border-radius:20px;background:var(--paper)}.article-author{border:0;border-radius:18px;background:#eef5e6}.article-content h2,.article-content--long h2{font-family:var(--display);font-weight:600;letter-spacing:-.045em}.article-content--long>section{padding-left:72px}.section-index{border-color:var(--line);color:var(--teal)}.editorial-list li{background:#f0f6e8;border-radius:14px}.editorial-list li:before{color:var(--teal)}.editorial-note,.article-health-note{border-left-color:var(--teal);background:#f1f7e9}.article-sources{background:var(--paper)!important;border:0!important;border-radius:22px}.article-callout{border-radius:26px;background:var(--mist)}.related-guides{background:var(--paper)}.related-guides__grid a{border:0;border-radius:22px;background:#fff}.related-guides__grid a:hover{transform:translateY(-7px)}
.form-section,.contact-section{background:#fff}.form-card{border:0;border-radius:28px;padding:42px}.form-grid input,.form-grid select,.form-grid textarea,.search-form input{border:1px solid rgba(9,33,30,.16);border-radius:14px;min-height:56px}.form-grid input:focus,.form-grid select:focus,.form-grid textarea:focus{border-color:var(--teal);outline:3px solid rgba(122,163,11,.12)}.search-form{gap:12px}.site-footer{background:var(--navy-2);padding-top:140px}.footer-wave{display:none}.footer-grid{gap:72px}.footer-grid h2{color:var(--gold)}.health-note{border-color:rgba(255,255,255,.1)}.cookie-banner{max-width:1050px;border:0;border-radius:22px;padding:22px 24px;box-shadow:0 30px 90px rgba(4,22,18,.23)}.mobile-actions{background:rgba(4,22,18,.97)}.mobile-actions span{color:var(--gold)}.js [data-reveal]{transform:translateY(36px);transition:opacity .85s cubic-bezier(.22,1,.36,1),transform .85s cubic-bezier(.22,1,.36,1)}
@media(max-width:1180px){:root{--container:min(100% - 40px,1120px)}.brand img{width:190px}.main-nav{font-size:.76rem}.main-nav>a,.nav-group>button{padding-inline:9px}.home-hero h1{font-size:clamp(3.5rem,5.8vw,5.7rem)}.mold-story__content{padding-left:62px}.guide-card--library:nth-child(7n+1){grid-column:span 8}}
@media(max-width:980px){.header-main{height:82px}.nav-toggle{border-radius:50%;background:var(--navy)}.main-nav{inset:114px 0 auto;background:var(--paper);padding:24px}.main-nav>a,.nav-group>button{border-radius:14px}.home-hero{min-height:auto}.home-hero__grid,.page-hero__grid,.issue-grid,.test-focus__grid,.faq-grid,.form-layout,.article-hero__grid{grid-template-columns:1fr}.home-hero__visual{min-height:660px}.section-heading--split{grid-template-columns:1fr;gap:22px}.issue-grid,.test-focus__grid,.faq-grid,.form-layout{gap:52px}.feature-services{grid-template-columns:1fr 1fr;grid-template-rows:420px 290px}.service-feature--large{grid-column:1/-1;grid-row:auto}.mold-story__grid{grid-template-columns:1fr}.mold-story__visual{margin:0;min-height:610px}.mold-story__content{padding:82px 0}.model-layout{grid-template-columns:1fr}.article-layout{grid-template-columns:1fr;gap:48px}.article-aside,.form-intro{position:static}.article-aside{display:grid;grid-template-columns:1fr 1fr;gap:18px}.article-aside nav{margin-top:0}.guide-card--library,.guide-card--library:nth-child(7n+1),.guide-card--library:nth-child(7n+2){grid-column:span 6}.guide-card--library:nth-child(7n+1) .guide-card__image img{aspect-ratio:1.42}.footer-grid{grid-template-columns:1.2fr 1fr 1fr}}
@media(max-width:720px){:root{--container:calc(100% - 30px)}body{font-size:16px}.ambient,.hero-orbit{display:none}.header-main{height:74px}.brand img{width:165px}.main-nav{inset:74px 0 auto}.home-hero{padding:60px 0 56px}.home-hero h1,.page-hero h1,.article-hero h1{font-size:clamp(3rem,13.8vw,4.5rem);line-height:.94}.home-hero__visual{min-height:510px}.home-hero__visual img{border-radius:100px 18px 100px 18px}.home-hero__visual:before{border-radius:115px 22px 115px 22px}.visual-stamp{width:122px;height:122px}.section{padding:90px 0}.section-heading h2,.mold-story h2,.final-cta h2,.test-focus h2{font-size:clamp(2.7rem,11.5vw,3.9rem)}.issue-grid{display:block}.issue-tool{margin-top:40px}.feature-services{display:block}.service-feature{margin-bottom:14px;min-height:385px}.service-feature--large{border-radius:95px 24px 24px 24px}.service-feature--accent{border-radius:24px 85px 24px 24px}.mold-story__visual{min-height:500px}.process-line{grid-template-columns:1fr}.process-step{min-height:128px}.test-focus__visual img{border-radius:24px 95px 24px 24px}.model-visual img{border-radius:95px 24px 24px 24px}.branch-card,.branch-card:first-child,.branch-card:last-child{border-radius:95px 24px 24px 24px;min-height:520px}.guide-card:first-child{border-radius:75px 24px 24px 24px}.page-hero,.article-hero{padding:60px 0}.page-hero__visual img,.article-hero__visual img{border-radius:95px 18px 95px 18px}.guide-filter{overflow-x:auto;flex-wrap:nowrap;margin-bottom:34px;padding-bottom:6px}.guide-filter button{white-space:nowrap}.guide-library__grid{grid-template-columns:1fr;gap:16px}.guide-card--library,.guide-card--library:nth-child(7n+1),.guide-card--library:nth-child(7n+2){grid-column:1}.guide-card--library,.guide-card--library:nth-child(7n+1){border-radius:24px}.guide-card--library:nth-child(7n+1) .guide-card__body h2{font-size:1.6rem}.guide-card__body{padding:23px}.article-aside{grid-template-columns:1fr}.article-content--long>section{padding-left:0}.article-hero__grid{gap:38px}.footer-grid{grid-template-columns:1fr 1fr}.footer-brand{grid-column:1/-1}.form-card{padding:24px}.cookie-banner{border-radius:18px}.mobile-actions{background:rgba(4,22,18,.97)}}
@media(max-width:430px){.hero-contact{grid-template-columns:1fr}.home-hero__visual{min-height:445px}.footer-grid{grid-template-columns:1fr}.footer-brand{grid-column:auto}}

/* Exact UX-reference alignment */
:root{--font:"DM Sans",Inter,ui-sans-serif,system-ui,sans-serif;--display:Manrope,Inter,ui-sans-serif,system-ui,sans-serif}
body{font-family:var(--font)}
.site-header{position:absolute;z-index:100;top:0;left:0;right:0;background:transparent;backdrop-filter:none;border:0;padding:16px 0;transition:.4s cubic-bezier(.22,1,.36,1)}
.site-header.is-scrolled{position:fixed;background:rgba(245,245,239,.9);backdrop-filter:blur(22px);border:0;box-shadow:0 1px 0 var(--line);padding:5px 0}
.header-strip{display:none}.header-main{height:72px}.brand img{width:158px}
.home-hero{min-height:100vh;padding:150px 0 80px}.page-hero{padding:155px 0 96px}.article-hero{padding:155px 0 72px}
@media(max-width:980px){.site-header{padding:5px 0}.header-main{height:72px}.main-nav{inset:82px 0 auto}.home-hero{padding-top:125px}.page-hero,.article-hero{padding-top:125px}}
@media(max-width:720px){.site-header{padding:0}.header-main{height:72px}.brand img{width:156px}.main-nav{inset:72px 0 auto}.home-hero{padding:115px 0 56px}.page-hero,.article-hero{padding:112px 0 60px}}