:root{
  --paper:#f4f2ec;
  --paper-2:#ebe8df;
  --white:#fff;
  --ink:#171815;
  --muted:#666861;
  --line:#cbc8be;
  --line-dark:#31332f;
  --signal:#ff6a2a;
  --blue:#2257ff;
  --green:#1aa96b;
  --container:1280px;
  --gutter:clamp(18px,3vw,42px);
  --display:ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,Helvetica,sans-serif;
  --mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono",monospace;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;background:var(--paper)}
body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--display);font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased}
img{max-width:100%;height:auto}
a{color:inherit}
button,input,textarea,select{font:inherit}
.container{width:min(var(--container),calc(100% - (var(--gutter)*2)));margin-inline:auto}
.narrow{max-width:900px}
.skip-link{position:fixed;left:14px;top:-120px;z-index:9999;padding:11px 15px;background:var(--ink);color:#fff;text-decoration:none}.skip-link:focus{top:14px}

/* Header — light, editorial, deliberately not a dark app-bar */
.site-header{position:sticky;top:0;z-index:80;background:#07182d;backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}
.header-inner{min-height:86px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:34px}
.brand{display:inline-flex;align-items:center;text-decoration:none}
.brand img{display:block;width:178px;height:auto;border-radius:4px}
.desktop-nav{display:flex;justify-content:center;gap:34px}
.desktop-nav a{position:relative;text-decoration:none;font-size:13px;font-weight:760;letter-spacing:.02em}
.desktop-nav a:after{content:"";position:absolute;left:0;right:100%;bottom:-9px;height:2px;background:var(--signal);transition:.2s ease}
.desktop-nav a:hover:after,.desktop-nav a:focus-visible:after{right:0}
.header-call{display:inline-flex;align-items:center;gap:9px;text-decoration:none;font-weight:850;font-size:14px;white-space:nowrap}
.header-call .call-dot{width:10px;height:10px;border-radius:50%;background:var(--signal);box-shadow:0 0 0 5px rgba(255,106,42,.14)}
.menu-btn{display:none;border:1px solid var(--ink);background:transparent;padding:10px 12px;color:var(--ink);font-weight:800;cursor:pointer}
.mobile-nav{border-bottom:1px solid var(--line);background:var(--paper);padding:8px var(--gutter) 20px}
.mobile-nav a{display:flex;justify-content:space-between;align-items:center;padding:14px 0;border-bottom:1px solid var(--line);text-decoration:none;font-weight:760}
.mobile-nav a:after{content:"↗";font-family:var(--mono);color:var(--signal)}

/* Global controls */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:48px;padding:12px 17px;border:1px solid var(--ink);border-radius:2px;text-decoration:none;font-size:14px;font-weight:850;line-height:1.15;cursor:pointer;transition:transform .18s ease,background .18s ease,color .18s ease}
.btn:hover{transform:translateY(-2px)}
.btn-primary,.btn-call{background:var(--ink);color:#fff;border-color:var(--ink)}
.btn-primary:hover,.btn-call:hover{background:#000}
.btn-outline{background:transparent;color:var(--ink)}
.btn-outline:hover{background:var(--white)}
.btn-light{background:var(--paper);color:var(--ink);border-color:var(--paper)}
.btn-whatsapp{background:#1dbf73;color:#07140d;border-color:#1dbf73}
.btn-lg{min-height:56px;padding:15px 20px;font-size:15px}
.full{width:100%;margin-top:9px}
.eyebrow{display:flex;align-items:center;gap:11px;margin:0 0 18px;font-family:var(--mono);font-size:11px;font-weight:800;letter-spacing:.11em;text-transform:uppercase;color:var(--muted)}
.eyebrow:before{content:"";width:24px;height:2px;background:var(--signal);flex:0 0 auto}
.tag{display:inline-flex;align-items:center;border:1px solid var(--line);padding:7px 9px;font-family:var(--mono);font-size:10px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;background:transparent;color:var(--ink)}
.text-link{font-family:var(--mono);font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.06em}

/* Home hero — editorial grid */
.hero{position:relative;overflow:hidden;border-bottom:1px solid var(--line);background:var(--paper)}
.hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent calc(50% - .5px),rgba(203,200,190,.62) 50%,transparent calc(50% + .5px));pointer-events:none}
.hero-grid{display:grid;grid-template-columns:minmax(0,1.18fr) minmax(360px,.82fr);min-height:690px}
.hero-copy{padding:clamp(70px,9vw,118px) clamp(34px,6vw,86px) clamp(62px,8vw,100px) 0;align-self:center}
.hero h1,.page-hero h1{margin:0;max-width:920px;font-size:clamp(54px,7.2vw,102px);line-height:.91;letter-spacing:-.065em;font-weight:780}
.hero-lead{max-width:740px;margin:30px 0 0;font-size:clamp(18px,1.6vw,22px);line-height:1.5;color:#4f514c}
.hero-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:34px}
.trust-list{display:flex;flex-wrap:wrap;gap:10px 22px;list-style:none;padding:0;margin:32px 0 0;color:var(--muted);font-family:var(--mono);font-size:11px;text-transform:uppercase;letter-spacing:.04em}
.hero-panel{position:relative;display:flex;align-items:stretch;border-left:1px solid var(--line);background:var(--paper-2)}
.hero-panel:before{content:"TV";position:absolute;right:-.02em;top:-.17em;font-size:clamp(180px,27vw,430px);font-weight:900;line-height:1;color:rgba(23,24,21,.045);letter-spacing:-.12em;pointer-events:none}
.screen{position:relative;z-index:2;align-self:flex-end;width:100%;padding:58px clamp(28px,4vw,55px) 60px;border-top:1px solid var(--line)}
.screen-topline{display:flex;align-items:center;justify-content:space-between;margin-bottom:30px}
.screen-dot{display:inline-block;width:9px;height:9px;border-radius:50%;background:var(--green);margin-right:10px;box-shadow:0 0 0 5px rgba(26,169,107,.13)}
.screen-code{font-family:var(--mono);font-size:10px;color:var(--muted)}
.screen p{margin:0 0 10px;color:var(--muted)}
.screen a{display:grid;grid-template-columns:34px 1fr auto;gap:12px;align-items:center;text-decoration:none;border-top:1px solid var(--line);padding:17px 0;font-weight:780}
.screen a:last-child{border-bottom:1px solid var(--line)}
.screen a .n{font-family:var(--mono);font-size:10px;color:var(--muted)}
.screen a .arrow{font-size:20px;transition:transform .18s ease}
.screen a:hover .arrow{transform:translateX(4px)}

/* Service facts */
.trust-strip{background:var(--ink);color:#fff;border-bottom:1px solid var(--ink)}
.trust-grid{display:grid;grid-template-columns:repeat(4,1fr)}
.trust-grid>div{min-height:118px;padding:26px 28px;border-right:1px solid #3a3b37;display:flex;flex-direction:column;justify-content:center}
.trust-grid>div:last-child{border-right:0}
.trust-grid strong{font-size:14px;font-weight:800}.trust-grid span{margin-top:5px;font-size:12px;color:#b6b7b1}

.section{padding:clamp(78px,9vw,128px) 0;border-bottom:1px solid var(--line)}
.section-alt{background:var(--white)}
.section-dark{background:var(--ink);color:#fff;border-color:var(--ink)}
.section-head{display:grid;grid-template-columns:minmax(220px,.45fr) minmax(0,1fr);gap:50px;align-items:start;margin-bottom:50px}
.section-head h2,.two-col h2,.faq-wrap h2,.content-grid h2,.cta-band h2{margin:0;font-size:clamp(36px,5vw,68px);line-height:.98;letter-spacing:-.05em;font-weight:760}
.section-head>p:not(.eyebrow){max-width:620px;margin:12px 0 0;color:var(--muted)}
.section-dark .section-head>p:not(.eyebrow){color:#bbbcb7}
.section-dark .eyebrow{color:#a8aaa4}

/* Lists rather than generic cards */
.card-grid{display:grid;grid-template-columns:1fr;border-top:1px solid var(--line)}
.card{position:relative;display:grid;grid-template-columns:80px minmax(220px,.7fr) minmax(280px,1fr) auto;gap:24px;align-items:center;min-height:128px;padding:22px 4px;border:0;border-bottom:1px solid var(--line);background:transparent;text-decoration:none;transition:background .18s ease,padding .18s ease}
.card:hover{background:rgba(255,255,255,.52);padding-left:16px;padding-right:16px}
.card-icon{display:grid;place-items:center;width:50px;height:50px;border:1px solid var(--ink);border-radius:50%;font-family:var(--mono);font-size:18px;background:transparent}
.card h2,.card h3{margin:0;font-size:clamp(21px,2vw,29px);line-height:1.1;letter-spacing:-.025em}
.card p{margin:0;color:var(--muted);font-size:14px;max-width:560px}
.card .tag{justify-self:start}
.service-card{grid-template-columns:120px minmax(250px,.75fr) minmax(280px,1fr) auto}
.service-card:before{content:"SERVICE";font-family:var(--mono);font-size:10px;color:var(--muted);letter-spacing:.1em}
.service-card>.tag{grid-column:1;grid-row:1;justify-self:start;align-self:end;transform:translateY(24px)}

.two-col{display:grid;grid-template-columns:minmax(0,1fr) minmax(340px,.72fr);gap:clamp(50px,8vw,110px);align-items:start}
.steps{margin-top:42px;border-top:1px solid var(--line)}
.steps>div{display:grid;grid-template-columns:70px 1fr;gap:24px;padding:24px 0;border-bottom:1px solid var(--line)}
.steps>div>span{font-family:var(--mono);font-size:12px;color:var(--signal)}
.steps h3{margin:0 0 3px;font-size:20px}.steps p{margin:0;color:var(--muted)}
.contact-card,.sticky-aside,.form-card,.metric-panel,.diagnostic-box{border:1px solid var(--line);background:transparent;padding:30px;border-radius:0}
.contact-card{position:relative;background:var(--white)}
.contact-card:before{content:"CALL";position:absolute;right:16px;top:10px;font-family:var(--mono);font-size:52px;font-weight:900;color:rgba(23,24,21,.05)}
.contact-card h2{font-size:clamp(34px,4vw,52px)}
.location-links{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #3a3b37}
.location-links a{display:flex;justify-content:space-between;padding:20px 0;border-bottom:1px solid #3a3b37;text-decoration:none;color:#fff;font-weight:720}
.location-links a:after{content:"↗";font-family:var(--mono);color:var(--signal)}
.location-links a:nth-child(3n+2){padding-left:24px;padding-right:24px;border-left:1px solid #3a3b37;border-right:1px solid #3a3b37}
.location-links a:nth-child(3n){padding-left:24px}

.faq-wrap{display:grid;grid-template-columns:.65fr 1.35fr;gap:clamp(50px,8vw,110px)}
.faq-list{border-top:1px solid var(--line);counter-reset:faq}
.faq-list details{counter-increment:faq;border-bottom:1px solid var(--line)}
.faq-list summary{list-style:none;display:grid;grid-template-columns:58px 1fr 26px;gap:12px;align-items:center;padding:22px 0;cursor:pointer;font-size:18px;font-weight:760}
.faq-list summary::-webkit-details-marker{display:none}
.faq-list summary:before{content:counter(faq,decimal-leading-zero);font-family:var(--mono);font-size:10px;color:var(--muted)}
.faq-list summary:after{content:"+";font-family:var(--mono);font-size:24px;font-weight:400}
.faq-list details[open] summary:after{content:"−"}
.faq-list details>div{padding:0 46px 24px 70px;color:var(--muted);max-width:760px}

.cta-band{position:relative;overflow:hidden;background:var(--blue);color:#fff;padding:72px 0;border-bottom:1px solid var(--ink)}
.cta-band:after{content:"→";position:absolute;right:2vw;top:50%;transform:translateY(-55%);font-size:240px;line-height:1;color:rgba(255,255,255,.08);font-weight:300;pointer-events:none}
.cta-band .eyebrow{color:#dbe4ff}.cta-band .eyebrow:before{background:#fff}
.cta-band-inner{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:60px;align-items:end;position:relative;z-index:2}
.cta-band h2{max-width:790px}.cta-band p{margin-bottom:0;color:#dbe4ff}.cta-actions{display:flex;gap:10px;flex-wrap:wrap}

/* Inner pages */
.breadcrumbs{padding-top:20px;padding-bottom:18px;border-bottom:1px solid var(--line)}
.breadcrumbs ol{display:flex;gap:9px;list-style:none;padding:0;margin:0;font-family:var(--mono);font-size:10px;text-transform:uppercase;letter-spacing:.06em;color:var(--muted)}
.breadcrumbs li+li:before{content:"/";margin-right:9px;color:#a3a59d}.breadcrumbs a{text-decoration:none}
.page-hero{position:relative;background:var(--paper);color:var(--ink);padding:clamp(70px,9vw,120px) 0;border-bottom:1px solid var(--line);overflow:hidden}
.page-hero:after{content:"";position:absolute;right:-110px;top:-130px;width:440px;height:440px;border:1px solid var(--line);border-radius:50%;box-shadow:0 0 0 70px rgba(203,200,190,.22),0 0 0 140px rgba(203,200,190,.13);pointer-events:none}
.page-hero .container{position:relative;z-index:2}
.page-hero h1{font-size:clamp(48px,6.7vw,92px);max-width:980px}
.page-hero p{max-width:760px;color:var(--muted)}
.metric-panel{position:relative;background:var(--white);min-height:260px;padding:32px;display:flex;flex-direction:column;justify-content:flex-end}
.metric-panel:before{content:"TECH / 01";position:absolute;top:22px;right:24px;font-family:var(--mono);font-size:10px;color:var(--muted)}
.metric-panel h2{font-size:32px;line-height:1.05;margin:18px 0 10px}.metric-panel small{color:var(--muted)}
.diagnostic-box{background:#fff3ea;border-color:#ffb08d}.diagnostic-box span{font-family:var(--mono);font-size:10px;letter-spacing:.12em;font-weight:850;color:#ac3c0f}.diagnostic-box p{margin:13px 0 0;color:#673018}
.content-grid{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:clamp(55px,8vw,110px);align-items:start}
.prose{max-width:880px;font-size:17px}
.prose h2{margin:52px 0 18px;font-size:clamp(30px,3.5vw,48px);line-height:1.05;letter-spacing:-.04em}
.prose h3{margin:36px 0 12px;font-size:24px;line-height:1.15}
.prose p,.prose li{color:#4f514c}.prose a{color:var(--blue);text-decoration-thickness:1px;text-underline-offset:3px}
.prose ul,.prose ol{padding-left:1.2em}
.sticky-aside{position:sticky;top:112px;background:var(--white)}
.sticky-aside h2{font-size:30px;line-height:1.08}.sticky-aside p{color:var(--muted)}
.aside-link{display:flex;justify-content:space-between;padding:14px 0;border-bottom:1px solid var(--line);text-decoration:none;font-weight:720}.aside-link:hover{color:var(--blue)}
.address-box{font-style:normal;margin-top:34px;padding:22px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.lead-form{display:grid;gap:17px}
.lead-form label{display:grid;gap:7px;font-family:var(--mono);font-size:11px;font-weight:800;letter-spacing:.03em;text-transform:uppercase}
.lead-form input,.lead-form select,.lead-form textarea{width:100%;border:0;border-bottom:1px solid var(--ink);border-radius:0;padding:12px 0;background:transparent;color:var(--ink);outline:none;text-transform:none;font-family:var(--display);font-size:16px}
.lead-form input:focus,.lead-form select:focus,.lead-form textarea:focus{border-bottom-color:var(--blue);box-shadow:0 1px 0 var(--blue)}
.consent{grid-template-columns:18px 1fr!important;align-items:start;font-family:var(--display)!important;font-size:12px!important;font-weight:500!important;letter-spacing:0!important;text-transform:none!important;color:var(--muted)}
.consent input{width:auto}.hp{position:absolute!important;left:-9999px!important}
.notice{padding:14px 16px;border:1px solid var(--line);margin-bottom:18px}.notice.success{background:#e9f8ef;border-color:#83d4aa;color:#155c32}.notice.error{background:#fff0ed;border-color:#f3aaa0;color:#7c211a}

/* Footer */
.site-footer{background:#0f100e;color:#dedfd9;padding:72px 0 24px}
.footer-grid{display:grid;grid-template-columns:1.15fr .7fr 1fr;gap:80px}
.footer-grid img{display:block;width:190px}.footer-grid h2{margin:0 0 14px;font-family:var(--mono);font-size:10px;text-transform:uppercase;letter-spacing:.09em;color:#8f918a}.footer-grid a{display:block;padding:5px 0;text-decoration:none}.footer-grid a:hover{color:#fff}.footer-grid p{color:#979992;max-width:430px}.footer-bottom{display:flex;justify-content:space-between;gap:30px;border-top:1px solid #2e302c;margin-top:56px;padding-top:22px;font-family:var(--mono);font-size:10px;text-transform:uppercase;letter-spacing:.06em;color:#8f918a}
.mobile-cta{display:none}

/* Utility/layout refinements */
.issue-hero,.service-hero{padding-bottom:clamp(70px,8vw,110px)}
.section .container>.card-grid{margin-top:18px}
.form-card{background:var(--white)}
.form-card h2{font-size:34px;line-height:1.05;margin-top:0}

@media(max-width:980px){
  .desktop-nav,.header-call{display:none}.menu-btn{display:block;justify-self:end}.header-inner{grid-template-columns:auto 1fr}.hero:before{display:none}.hero-grid{grid-template-columns:1fr;min-height:0}.hero-copy{padding-right:0}.hero-panel{border-left:0;border-top:1px solid var(--line);min-height:430px}.trust-grid{grid-template-columns:repeat(2,1fr)}.trust-grid>div:nth-child(2){border-right:0}.trust-grid>div:nth-child(-n+2){border-bottom:1px solid #3a3b37}.section-head{grid-template-columns:1fr;gap:12px}.two-col,.faq-wrap,.content-grid{grid-template-columns:1fr}.sticky-aside{position:static}.location-links{grid-template-columns:repeat(2,1fr)}.location-links a:nth-child(n){padding-left:0;padding-right:20px;border-left:0;border-right:0}.location-links a:nth-child(odd){border-right:1px solid #3a3b37}.location-links a:nth-child(even){padding-left:20px}.cta-band-inner{grid-template-columns:1fr;align-items:start}.footer-grid{grid-template-columns:1fr 1fr}.card,.service-card{grid-template-columns:70px minmax(220px,.8fr) minmax(260px,1fr) auto}.service-card:before{display:none}.service-card>.tag{grid-column:1;grid-row:auto;transform:none}
}
@media(max-width:700px){
  :root{--gutter:18px}.header-inner{min-height:72px}.brand img{width:152px}.hero-copy{padding-top:58px;padding-bottom:52px}.hero h1,.page-hero h1{font-size:clamp(44px,13vw,66px);line-height:.94}.hero-lead{font-size:17px}.hero-actions{display:grid;grid-template-columns:1fr;width:100%}.hero-actions .btn{width:100%}.trust-list{display:grid;gap:8px}.hero-panel{min-height:360px}.screen{padding:36px 24px 40px}.trust-grid{grid-template-columns:1fr 1fr}.trust-grid>div{min-height:104px;padding:20px 16px}.section{padding:72px 0}.section-head h2,.two-col h2,.faq-wrap h2,.content-grid h2,.cta-band h2{font-size:clamp(34px,10vw,52px)}.card,.service-card{grid-template-columns:46px 1fr auto;gap:15px;min-height:0;padding:22px 0}.card p,.service-card p{grid-column:2 / -1;margin-top:-4px}.card .text-link,.service-card .text-link{display:none}.card-icon{width:38px;height:38px;font-size:14px}.service-card>.tag{grid-column:1;align-self:start;width:38px;overflow:hidden;padding:6px 4px;justify-content:center;color:transparent}.service-card>.tag::first-letter{color:var(--ink)}.location-links{grid-template-columns:1fr}.location-links a:nth-child(n){padding:17px 0;border-right:0!important;border-left:0!important}.faq-list summary{grid-template-columns:40px 1fr 22px;font-size:16px}.faq-list details>div{padding:0 0 22px 52px}.footer-grid{grid-template-columns:1fr;gap:34px}.footer-bottom{display:grid}.cta-actions{display:grid;grid-template-columns:1fr;width:100%}.cta-actions .btn{width:100%}.mobile-cta{position:fixed;display:grid;grid-template-columns:1fr 1fr;left:0;right:0;bottom:0;z-index:90;border-top:1px solid var(--ink)}.mobile-cta a{display:flex;align-items:center;justify-content:center;min-height:56px;text-decoration:none;font-weight:900;background:var(--paper);color:var(--ink)}.mobile-cta a:last-child{background:#1dbf73;border-left:1px solid var(--ink)}.site-footer{padding-bottom:86px}.page-hero:after{width:280px;height:280px;right:-150px;top:-90px}.metric-panel,.diagnostic-box,.contact-card,.form-card,.sticky-aside{padding:22px}
}

/* =========================================================
   DERINSU FRONTEND v0.3.0 — media + icon + color layer
   ========================================================= */
:root{
  --cyan:#0aa7d8;
  --violet:#6657e8;
  --mint:#19ad73;
  --sun:#ffb51b;
  --rose:#ee5b72;
  --ice:#e8f6fb;
  --lilac:#eeebff;
  --mint-soft:#e8f7f0;
  --sun-soft:#fff2cf;
  --rose-soft:#fdecef;
}
.ui-icon{width:1.15em;height:1.15em;display:inline-block;vertical-align:-.16em;fill:none;flex:0 0 auto}
.text-link{display:inline-flex;align-items:center;gap:7px}.text-link .ui-icon{width:16px;height:16px}
.header-call-icon{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:var(--signal);color:#fff;transition:transform .18s ease}.header-call:hover .header-call-icon{transform:rotate(-8deg) scale(1.05)}
.menu-btn{display:none;align-items:center;gap:8px}.menu-btn .ui-icon{color:var(--signal)}

/* Hero: real media composition rather than an app-like diagnostic card */
.hero-v3{background:linear-gradient(120deg,var(--paper) 0%,var(--paper) 59%,#eef5f7 59%,#eef5f7 100%)}
.hero-v3:before{left:59%;right:auto;background:linear-gradient(90deg,transparent 0,rgba(203,200,190,.65) 50%,transparent 100%)}
.hero-v3 .hero-grid{grid-template-columns:minmax(0,1.12fr) minmax(410px,.88fr);min-height:720px}
.hero-v3 .hero-copy{padding-top:92px;padding-bottom:86px}
.hero-v3 h1{max-width:840px}
.hero-v3 .hero-lead{max-width:690px}
.hero-v3 .trust-list li{display:inline-flex;align-items:center;gap:7px}
.hero-v3 .trust-list .ui-icon{width:15px;height:15px;color:var(--mint)}
.hero-visual{position:relative;min-height:720px;border-left:1px solid var(--line);overflow:hidden;background:linear-gradient(155deg,#eef5f7 0%,#f8efe4 100%)}
.hero-color-block{position:absolute;right:-90px;bottom:-70px;width:310px;height:310px;border-radius:50%;background:var(--signal);opacity:.12;filter:blur(.2px)}
.hero-photo{margin:0;position:absolute;overflow:hidden;background:#ddd;box-shadow:0 24px 70px rgba(22,24,21,.14)}
.hero-photo img{display:block;width:100%;height:100%;object-fit:cover}
.hero-photo-main{top:84px;right:0;width:min(88%,570px);aspect-ratio:5/3;border-radius:2px}
.hero-photo-main:after{content:"";position:absolute;inset:0;border:1px solid rgba(255,255,255,.38);pointer-events:none}
.hero-photo-detail{left:35px;bottom:76px;width:210px;height:292px;border:9px solid var(--paper);box-shadow:0 18px 50px rgba(22,24,21,.18)}
.hero-photo-detail img{object-position:center}
.diagnostic-float{position:absolute;right:30px;bottom:90px;z-index:5;display:grid;grid-template-columns:auto 1fr;gap:12px;align-items:center;width:min(340px,67%);padding:17px 18px;background:rgba(23,24,21,.94);color:#fff;box-shadow:0 18px 45px rgba(0,0,0,.2)}
.diagnostic-float strong,.diagnostic-float small{display:block}.diagnostic-float strong{font-size:14px}.diagnostic-float small{margin-top:3px;color:#bdbfba;font-size:11px}
.diagnostic-icon{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:var(--signal);color:#fff}.diagnostic-icon .ui-icon{width:19px;height:19px}
.google-proof{display:flex;align-items:center;gap:11px;margin-top:34px;padding-top:22px;border-top:1px solid var(--line);max-width:590px}
.proof-score{font-size:30px;line-height:1;font-weight:850;letter-spacing:-.04em}
.proof-stars{display:flex;gap:2px;color:var(--sun)}.proof-stars .ui-icon{width:15px;height:15px}
.proof-copy{display:grid;border-left:1px solid var(--line);padding-left:12px}.proof-copy strong{font-size:12px}.proof-copy small{font-family:var(--mono);font-size:9px;text-transform:uppercase;letter-spacing:.06em;color:var(--muted)}

/* Trust strip now scans visually in a second */
.trust-grid>div{position:relative;display:grid;grid-template-columns:44px 1fr;grid-template-rows:auto auto;column-gap:13px;padding-top:24px;padding-bottom:24px}
.trust-grid>div>strong{align-self:end}.trust-grid>div>span:not(.trust-icon){grid-column:2}
.trust-icon{grid-row:1/3;display:grid;place-items:center;width:40px;height:40px;border-radius:50%;background:#252720;color:#fff}.trust-icon .ui-icon{width:18px;height:18px}
.trust-grid>div:nth-child(1) .trust-icon{background:var(--signal)}
.trust-grid>div:nth-child(2) .trust-icon{background:var(--violet)}
.trust-grid>div:nth-child(3) .trust-icon{background:var(--cyan)}
.trust-grid>div:nth-child(4) .trust-icon{background:var(--mint)}

/* Functional icon language */
.card-icon,.service-icon{display:grid;place-items:center;width:50px;height:50px;border-radius:14px;border:1px solid transparent;color:var(--ink)}
.card-icon .ui-icon,.service-icon .ui-icon{width:23px;height:23px}
.issue-card:nth-child(5n+1) .card-icon,.services-v3 .service-card:nth-child(5n+1) .service-icon,.services-index .service-card:nth-child(5n+1) .service-icon{background:var(--sun-soft);color:#9f6400}
.issue-card:nth-child(5n+2) .card-icon,.services-v3 .service-card:nth-child(5n+2) .service-icon,.services-index .service-card:nth-child(5n+2) .service-icon{background:var(--ice);color:#047da3}
.issue-card:nth-child(5n+3) .card-icon,.services-v3 .service-card:nth-child(5n+3) .service-icon,.services-index .service-card:nth-child(5n+3) .service-icon{background:var(--lilac);color:#5545ce}
.issue-card:nth-child(5n+4) .card-icon,.services-v3 .service-card:nth-child(5n+4) .service-icon,.services-index .service-card:nth-child(5n+4) .service-icon{background:var(--mint-soft);color:#087c4e}
.issue-card:nth-child(5n+5) .card-icon,.services-v3 .service-card:nth-child(5n+5) .service-icon,.services-index .service-card:nth-child(5n+5) .service-icon{background:var(--rose-soft);color:#b53a50}
.services-v3 .service-card,.services-index .service-card{grid-template-columns:80px minmax(220px,.7fr) minmax(280px,1fr) auto}
.services-v3 .service-card:before,.services-index .service-card:before{display:none}
.services-v3 .service-card>.tag,.services-index .service-card>.tag{display:none}

/* Real-media editorial section */
.media-story{background:#f0eee7}
.media-mosaic{display:grid;grid-template-columns:1.2fr .7fr .9fr;grid-template-rows:320px 250px;gap:14px}
.media-mosaic figure{position:relative;margin:0;overflow:hidden;background:#d5d5d0;min-height:0}
.media-mosaic img{width:100%;height:100%;display:block;object-fit:cover;transition:transform .45s cubic-bezier(.2,.7,.2,1)}
.media-mosaic figure:hover img{transform:scale(1.025)}
.media-mosaic figcaption{position:absolute;left:0;right:0;bottom:0;display:flex;align-items:center;gap:11px;padding:40px 18px 16px;color:#fff;background:linear-gradient(transparent,rgba(0,0,0,.76));font-size:13px}
.media-mosaic figcaption span{font-family:var(--mono);font-size:9px;color:#ddd}.media-mosaic figcaption strong{font-size:13px}
.mosaic-store{grid-row:1/3}.mosaic-store img{object-position:center}
.mosaic-repair{grid-row:1/3}.mosaic-repair img{object-position:center}
.mosaic-audio{grid-column:3}.mosaic-cnc{grid-column:3}

/* Process and contact color details */
.steps>div{grid-template-columns:56px 1fr!important}
.step-icon{display:grid!important;place-items:center;width:42px;height:42px;border-radius:50%;background:var(--ice);color:var(--cyan);font-family:var(--display)!important;font-size:inherit!important}
.steps>div:nth-child(2) .step-icon{background:var(--sun-soft);color:#a76800}.steps>div:nth-child(3) .step-icon{background:var(--lilac);color:var(--violet)}.steps>div:nth-child(4) .step-icon{background:var(--mint-soft);color:var(--mint)}
.step-icon .ui-icon{width:20px;height:20px}
.accent-card{position:relative;overflow:hidden;background:linear-gradient(150deg,#fff 0%,#fff 72%,var(--sun-soft) 72%,var(--sun-soft) 100%)}
.contact-big-icon{display:grid;place-items:center;width:68px;height:68px;margin-bottom:26px;border-radius:50%;background:var(--signal);color:#fff}.contact-big-icon .ui-icon{width:30px;height:30px}
.location-links a span{display:flex;align-items:center;gap:9px}.location-links .ui-icon{width:15px;height:15px;color:#9aaefc}

/* Inner service pages: image-first secondary column */
.page-hero-color{background:linear-gradient(120deg,var(--paper),#eef5f7)}
.service-hero-v3 .two-col{grid-template-columns:minmax(0,1fr) minmax(340px,.72fr);align-items:center}
.service-hero-media{position:relative;margin:0;min-height:430px;background:#ddd;overflow:hidden}
.service-hero-media>img{display:block;width:100%;height:430px;object-fit:cover}
.service-hero-media:before{content:"";position:absolute;inset:0;border:1px solid rgba(0,0,0,.1);pointer-events:none;z-index:2}
.service-hero-media figcaption{position:absolute;left:18px;right:18px;bottom:18px;z-index:3;display:grid;grid-template-columns:48px 1fr;gap:12px;align-items:center;padding:14px 15px;background:rgba(17,18,16,.92);color:#fff}
.service-hero-media figcaption strong,.service-hero-media figcaption small{display:block}.service-hero-media figcaption strong{font-size:13px}.service-hero-media figcaption small{margin-top:2px;color:#bdbfba;font-size:10px}
.service-media-icon{display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:var(--signal);color:#fff}.service-media-icon .ui-icon{width:20px;height:20px}
.accent-aside{padding-top:28px;border-top:4px solid var(--signal)}
.aside-icon{display:grid;place-items:center;width:56px;height:56px;margin-bottom:24px;border-radius:16px;background:var(--ice);color:var(--cyan)}.aside-icon .ui-icon{width:26px;height:26px}

/* CTA button icon polish */
.btn .ui-icon{width:17px;height:17px}.btn-lg .ui-icon{width:19px;height:19px}

@media(max-width:980px){
  .menu-btn{display:inline-flex}
  .hero-v3{background:var(--paper)}.hero-v3 .hero-grid{grid-template-columns:1fr}.hero-visual{min-height:590px;border-left:0;border-top:1px solid var(--line)}.hero-photo-main{top:56px;right:var(--gutter);width:72%}.hero-photo-detail{left:var(--gutter);bottom:46px}.diagnostic-float{right:var(--gutter);bottom:58px}.media-mosaic{grid-template-columns:1fr 1fr;grid-template-rows:330px 260px 260px}.mosaic-store{grid-row:1/2;grid-column:1/3}.mosaic-repair{grid-row:2/4;grid-column:1}.mosaic-audio{grid-column:2;grid-row:2}.mosaic-cnc{grid-column:2;grid-row:3}.service-hero-v3 .two-col{grid-template-columns:1fr}.service-hero-media{min-height:360px}.service-hero-media>img{height:360px}
}
@media(max-width:700px){
  .hero-v3 .hero-copy{padding-top:56px;padding-bottom:48px}.google-proof{display:grid;grid-template-columns:auto auto 1fr;gap:8px}.proof-score{font-size:25px}.proof-copy{padding-left:9px}.hero-visual{min-height:500px}.hero-photo-main{top:32px;right:18px;width:80%}.hero-photo-detail{left:18px;bottom:34px;width:145px;height:215px;border-width:6px}.diagnostic-float{right:18px;bottom:46px;width:62%;padding:12px}.diagnostic-icon{width:32px;height:32px}.diagnostic-float strong{font-size:12px}.diagnostic-float small{font-size:9px}.trust-grid>div{grid-template-columns:36px 1fr;column-gap:9px}.trust-icon{width:34px;height:34px}.services-v3 .service-card,.services-index .service-card{grid-template-columns:46px 1fr auto}.service-icon{width:38px;height:38px;border-radius:11px}.service-icon .ui-icon{width:19px;height:19px}.media-mosaic{display:grid;grid-template-columns:1fr;grid-template-rows:280px 320px 220px 220px}.mosaic-store,.mosaic-repair,.mosaic-audio,.mosaic-cnc{grid-column:1;grid-row:auto}.service-hero-media,.service-hero-media>img{height:300px;min-height:300px}.service-hero-media figcaption{left:10px;right:10px;bottom:10px}.steps>div{grid-template-columns:46px 1fr!important}.step-icon{width:38px;height:38px}
}

/* v0.3.0 inner-page finishing */
.diagnostic-box-v3{position:relative;padding-top:84px;overflow:hidden}.diagnostic-note-icon{position:absolute;top:24px;left:24px;display:grid;place-items:center;width:44px;height:44px;border-radius:14px;background:var(--signal);color:#fff}.diagnostic-note-icon .ui-icon{width:21px;height:21px}
.metric-panel-v3{position:relative;overflow:hidden;background:linear-gradient(145deg,#fff 0%,#fff 67%,var(--ice) 67%,var(--ice) 100%)}.metric-icon{display:grid;place-items:center;width:54px;height:54px;margin-bottom:28px;border-radius:16px;background:var(--cyan);color:#fff}.metric-icon .ui-icon{width:25px;height:25px}
.about-hero-v3{background:linear-gradient(120deg,var(--paper),#f4eee6)}.about-hero-v3 .two-col{align-items:center;grid-template-columns:minmax(0,1fr) minmax(340px,.72fr)}
.about-photo{position:relative;margin:0;height:480px;overflow:hidden;background:#ddd}.about-photo img{width:100%;height:100%;object-fit:cover}.about-photo figcaption{position:absolute;left:16px;bottom:16px;display:flex;align-items:center;gap:8px;padding:11px 13px;background:rgba(17,18,16,.9);color:#fff;font-size:12px;font-weight:800}.about-photo figcaption .ui-icon{width:16px;height:16px;color:var(--signal)}
.contact-hero-v3{background:linear-gradient(125deg,var(--paper) 0%,var(--paper) 58%,#eef5f7 58%,#eef5f7 100%)}.contact-store-photo{margin:32px 0 0;height:230px;overflow:hidden}.contact-store-photo img{width:100%;height:100%;object-fit:cover}.form-card-v3{position:relative;overflow:hidden;background:#fff}.form-card-v3:after{content:"";position:absolute;right:-70px;top:-70px;width:180px;height:180px;border-radius:50%;background:var(--sun-soft);z-index:0}.form-card-v3>*{position:relative;z-index:1}.form-big-icon{display:grid;place-items:center;width:58px;height:58px;margin-bottom:26px;border-radius:50%;background:var(--signal);color:#fff}.form-big-icon .ui-icon{width:25px;height:25px}
@media(max-width:980px){.about-hero-v3 .two-col{grid-template-columns:1fr}.about-photo{height:400px}.contact-hero-v3{background:var(--paper)}}
@media(max-width:700px){.about-photo{height:320px}.contact-store-photo{height:190px}.diagnostic-box-v3{padding-top:76px}}

/* ===== v0.4.0 — trust, conversion and editorial polish ===== */
:focus-visible{outline:3px solid rgba(34,87,255,.32);outline-offset:3px}
.desktop-nav a[aria-current="page"]:after{right:0}.desktop-nav a[aria-current="page"]{color:#000}

.service-topbar{background:var(--blue);color:#fff;border-bottom:1px solid rgba(255,255,255,.18)}
.service-topbar-inner{min-height:36px;display:flex;align-items:center;justify-content:flex-end;gap:22px;font-family:var(--mono);font-size:10px;letter-spacing:.03em}
.service-topbar a{color:#fff;text-decoration:none}.service-topbar .ui-icon{width:13px;height:13px;flex:0 0 auto}
.topbar-rating,.topbar-fact{display:inline-flex;align-items:center;gap:7px;white-space:nowrap}.topbar-rating .ui-icon{color:#ffd463}.topbar-rating strong{font-size:11px}.topbar-rating span,.topbar-fact{opacity:.9}
.topbar-rating:hover span{text-decoration:underline}

.hero-v4 .google-proof{display:grid;grid-template-columns:auto auto 1fr auto;align-items:center;max-width:430px;text-decoration:none}
.proof-arrow{width:18px;height:18px;color:var(--blue);transition:transform .2s ease}.google-proof:hover .proof-arrow{transform:translateX(4px)}

.business-facts{background:#fff;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.business-facts-grid{display:grid;grid-template-columns:repeat(4,1fr)}
.business-fact{position:relative;display:grid;grid-template-columns:48px 1fr auto;align-items:center;gap:12px;min-height:106px;padding:20px 24px;text-decoration:none;border-right:1px solid var(--line);transition:background .2s ease,transform .2s ease}
.business-fact:first-child{border-left:1px solid var(--line)}.business-fact:hover{background:#faf9f5}.business-fact[href]:hover{transform:translateY(-2px)}
.business-fact strong,.business-fact small{display:block}.business-fact strong{font-size:15px;line-height:1.25}.business-fact small{margin-top:3px;color:var(--muted);font-size:11px;line-height:1.35}
.fact-icon{display:grid;place-items:center;width:42px;height:42px;border-radius:13px;background:var(--sun-soft);color:#a66d00}.fact-icon-blue{background:var(--ice);color:var(--cyan)}.fact-icon-violet{background:var(--lilac);color:var(--violet)}.fact-icon-green{background:var(--mint-soft);color:var(--mint)}
.fact-icon .ui-icon{width:20px;height:20px}.fact-arrow{width:16px;height:16px;color:#8f918b}

.repair-manifesto{position:relative;overflow:hidden;background:#11120f;color:#fff;border-top:1px solid #111;border-bottom:1px solid #111}
.repair-manifesto:before{content:"REPAIR";position:absolute;right:-.03em;top:-.18em;font-size:clamp(120px,18vw,300px);font-weight:850;letter-spacing:-.08em;color:rgba(255,255,255,.035);line-height:1;pointer-events:none}
.repair-manifesto-grid{position:relative;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(280px,.56fr) minmax(280px,.72fr);gap:clamp(26px,4vw,62px);align-items:center;padding-block:clamp(72px,8vw,118px)}
.eyebrow-light{color:#b8bbb3}.repair-manifesto h2{max-width:760px;margin:0;font-size:clamp(42px,5.5vw,78px);line-height:.94;letter-spacing:-.055em}.repair-manifesto p{max-width:720px;color:#bdc0b8;font-size:17px}
.manifesto-link{display:inline-flex;align-items:center;gap:12px;margin-top:18px;color:#fff;text-decoration:none;font-family:var(--mono);font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.05em}.manifesto-link .ui-icon{width:18px;height:18px;color:var(--signal);transition:transform .2s}.manifesto-link:hover .ui-icon{transform:translateX(5px)}
.manifesto-media{position:relative;margin:0;min-height:430px;overflow:hidden;background:#222}.manifesto-media img{display:block;width:100%;height:430px;object-fit:cover;filter:saturate(.82) contrast(1.05)}.manifesto-media:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 45%,rgba(0,0,0,.68));pointer-events:none}.manifesto-media figcaption{position:absolute;z-index:2;left:18px;right:18px;bottom:16px;display:flex;align-items:center;gap:12px;font-family:var(--mono);font-size:10px;text-transform:uppercase;letter-spacing:.05em}.manifesto-number{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:var(--signal);color:#111;font-weight:900}
.manifesto-notes{display:grid;gap:14px}.manifesto-notes>div{display:grid;grid-template-columns:48px 1fr;gap:13px;padding:18px 0;border-bottom:1px solid rgba(255,255,255,.12)}.manifesto-notes>div:last-child{border-bottom:0}.manifesto-notes strong,.manifesto-notes small{display:block}.manifesto-notes strong{font-size:14px}.manifesto-notes small{margin-top:4px;color:#aeb1aa;font-size:11px;line-height:1.45}.note-icon{display:grid;place-items:center;width:42px;height:42px;border-radius:13px}.note-icon .ui-icon{width:20px;height:20px}.note-orange{background:rgba(255,106,42,.16);color:#ff8c5b}.note-blue{background:rgba(34,87,255,.2);color:#8ea7ff}.note-green{background:rgba(25,173,115,.18);color:#73d8ad}

.service-microfacts{display:flex;flex-wrap:wrap;gap:8px;margin-top:28px}.service-microfacts span{display:inline-flex;align-items:center;gap:7px;padding:8px 10px;border:1px solid var(--line);background:rgba(255,255,255,.45);font-family:var(--mono);font-size:10px;font-weight:750}.service-microfacts .ui-icon{width:14px;height:14px;color:var(--blue)}
.aside-google{display:grid;grid-template-columns:auto auto 1fr;align-items:center;gap:7px;margin:20px 0;padding:12px 13px;background:var(--sun-soft);font-family:var(--mono);font-size:10px}.aside-google .ui-icon{width:15px;height:15px;color:#c78400}.aside-google strong{font-size:13px}.aside-google span{color:#6a675f}
.aside-hours{display:flex;align-items:flex-start;gap:8px;color:var(--muted);font-size:12px}.aside-hours .ui-icon{width:16px;height:16px;color:var(--blue);margin-top:3px}

.contact-facts{display:flex;flex-wrap:wrap;gap:10px 18px;margin-top:18px;font-family:var(--mono);font-size:10px}.contact-facts span,.contact-facts a{display:inline-flex;align-items:center;gap:7px;text-decoration:none}.contact-facts .ui-icon{width:15px;height:15px;color:var(--blue)}.contact-facts a:hover{text-decoration:underline}
.form-intro{margin:-10px 0 22px;color:var(--muted);font-size:13px}.field-help{display:block;margin-top:5px;color:#81837d;font-size:10px;font-weight:500}

.dark-map-link{display:inline-flex;align-items:center;gap:9px;margin-top:34px;padding-bottom:4px;border-bottom:1px solid rgba(255,255,255,.32);color:#fff;text-decoration:none;font-family:var(--mono);font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.05em}.dark-map-link .ui-icon{width:16px;height:16px;color:#9aaefc}.dark-map-link:hover{border-color:#fff}

.footer-google{display:inline-flex!important;align-items:center;gap:7px;margin-top:14px;text-decoration:none!important;font-family:var(--mono);font-size:10px}.footer-google .ui-icon{width:15px;height:15px;color:#ffd463}.footer-google strong{font-size:13px}.footer-google span{color:#b9bbb5}.footer-hours{display:grid;grid-template-columns:18px 1fr;gap:7px;color:#b9bbb5!important;font-size:11px!important}.footer-hours .ui-icon{width:15px;height:15px;color:#8ea7ff;margin-top:4px}
.mobile-cta a{display:flex!important;align-items:center;justify-content:center;gap:7px}.mobile-cta .ui-icon{width:17px;height:17px}

.reveal{opacity:0;transform:translateY(18px);transition:opacity .62s cubic-bezier(.2,.7,.2,1),transform .62s cubic-bezier(.2,.7,.2,1)}.reveal.is-visible{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{opacity:1;transform:none;transition:none}.btn,.media-mosaic img,.proof-arrow,.manifesto-link .ui-icon{transition:none}}

@media(max-width:1100px){.business-facts-grid{grid-template-columns:1fr 1fr}.business-fact:nth-child(2){border-right:1px solid var(--line)}.business-fact:nth-child(3),.business-fact:nth-child(4){border-top:1px solid var(--line)}.repair-manifesto-grid{grid-template-columns:1fr 1fr}.manifesto-copy{grid-column:1/3}.manifesto-notes{align-self:stretch}}
@media(max-width:980px){.service-topbar-inner{justify-content:center}.topbar-hours{display:none}.repair-manifesto-grid{grid-template-columns:1fr}.manifesto-copy{grid-column:auto}.manifesto-media{min-height:360px}.manifesto-media img{height:360px}}
@media(max-width:700px){.service-topbar-inner{min-height:32px;justify-content:space-between;gap:10px;font-size:9px}.topbar-rating span{display:none}.topbar-fact{font-size:9px}.business-facts-grid{grid-template-columns:1fr}.business-fact{min-height:86px;border-left:1px solid var(--line);border-right:1px solid var(--line);border-top:1px solid var(--line)!important}.business-fact:first-child{border-top:0!important}.repair-manifesto-grid{padding-block:68px}.repair-manifesto h2{font-size:clamp(39px,12vw,58px)}.manifesto-media{min-height:330px}.manifesto-media img{height:330px}.service-microfacts{margin-top:20px}.service-microfacts span{font-size:9px}.contact-facts{display:grid}.hero-v4 .google-proof{max-width:100%}.proof-copy small{font-size:9px}}

/* =========================================================
   DERINSU FRONTEND v0.5.0 — readability, proof and brand depth
   ========================================================= */
body{font-size:17px;line-height:1.62}
.brand img{width:196px;border-radius:0}
.desktop-nav a{font-size:16px;font-weight:760;letter-spacing:.005em}
.header-call{font-size:17px}
.header-call-icon{width:42px;height:42px}
.btn{font-size:16px;min-height:50px;padding:13px 19px}
.btn-lg{font-size:17px;min-height:58px;padding:16px 22px}
.eyebrow{font-size:13px;letter-spacing:.085em}
.tag{font-size:12px}.text-link{font-size:14px}
.trust-list{font-size:13px;line-height:1.5}
.card p,.service-card p{font-size:16px;line-height:1.55}
.steps h3{font-size:22px}.steps p{font-size:16px}
.faq-list summary{font-size:19px}.faq-list details>div{font-size:16px;line-height:1.6}
.breadcrumbs ol{font-size:12px}
.lead-form label{font-size:13px}.consent{font-size:14px!important}.field-help{font-size:13px}
.form-intro{font-size:16px}.contact-facts{font-size:14px}.aside-hours{font-size:15px}
.service-microfacts span{font-size:13px}

/* top information bar must remain readable, not decorative microcopy */
.service-topbar-inner{min-height:44px;gap:28px;font-family:var(--display);font-size:14px;font-weight:650;letter-spacing:0}
.service-topbar .ui-icon{width:16px;height:16px}
.topbar-rating strong{font-size:15px}.topbar-rating span,.topbar-fact{font-size:14px;opacity:.96}

/* business facts */
.business-fact{min-height:118px;padding:24px 26px}
.business-fact strong{font-size:18px}.business-fact small{font-size:14px;line-height:1.45;margin-top:5px}
.fact-icon{width:48px;height:48px}.fact-icon .ui-icon{width:22px;height:22px}

/* manifesto: text lives in the actual available column */
.manifesto-notes{gap:4px}
.manifesto-notes>div{grid-template-columns:54px minmax(0,1fr);column-gap:18px;row-gap:4px;padding:24px 0}
.manifesto-notes strong{font-size:19px;line-height:1.3;align-self:center}
.manifesto-notes small{grid-column:2;font-size:16px;line-height:1.55;color:#c2c5bd;max-width:430px;margin-top:1px}
.note-icon{width:48px;height:48px}.note-icon .ui-icon{width:22px;height:22px}
.manifesto-media figcaption{font-size:12px}

/* Why Derinsu — strong service proof without another card wall */
.why-derinsu{background:#fff;border-bottom:1px solid var(--line)}
.why-derinsu-inner{display:grid;grid-template-columns:minmax(260px,.62fr) minmax(0,1.38fr);gap:clamp(46px,7vw,100px);padding-block:clamp(64px,7vw,96px)}
.why-intro h2{margin:0;max-width:520px;font-size:clamp(40px,4.7vw,66px);line-height:.98;letter-spacing:-.05em}
.why-points{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--line)}
.why-point{display:grid;grid-template-columns:58px 1fr;gap:18px;padding:26px 28px 27px 0;border-bottom:1px solid var(--line)}
.why-point:nth-child(odd){padding-right:34px;border-right:1px solid var(--line)}
.why-point:nth-child(even){padding-left:34px}
.why-point strong{display:block;font-size:19px;line-height:1.25}.why-point p{margin:7px 0 0;color:var(--muted);font-size:16px;line-height:1.5}
.why-icon{display:grid;place-items:center;width:48px;height:48px;border-radius:14px}.why-icon .ui-icon{width:22px;height:22px}
.why-orange{background:var(--sun-soft);color:#a46600}.why-blue{background:var(--ice);color:#047da3}.why-green{background:var(--mint-soft);color:#087c4e}.why-violet{background:var(--lilac);color:#5545ce}

/* Real media */
.media-story .section-head>div>p{font-size:18px;line-height:1.55;max-width:820px;color:var(--muted)}
.media-mosaic figcaption{font-size:14px}.media-mosaic figcaption span{font-size:12px}

/* Google proof — no fabricated quotes; direct link to source */
.review-proof{position:relative;overflow:hidden;background:#2257ff;color:#fff;border-top:1px solid #1748dc;border-bottom:1px solid #1748dc}
.review-proof:after{content:"5.0";position:absolute;right:-.04em;bottom:-.35em;font-size:clamp(180px,26vw,420px);font-weight:900;letter-spacing:-.08em;color:rgba(255,255,255,.055);line-height:1;pointer-events:none}
.review-proof-grid{position:relative;z-index:1;display:grid;grid-template-columns:minmax(270px,.62fr) minmax(0,1.38fr);gap:clamp(50px,8vw,120px);align-items:center;padding-block:clamp(72px,8vw,112px)}
.review-score-block{padding-right:50px;border-right:1px solid rgba(255,255,255,.28)}
.review-score{display:block;font-size:clamp(92px,10vw,150px);font-weight:820;line-height:.82;letter-spacing:-.07em}
.review-stars{display:flex;gap:5px;margin-top:24px;color:#ffd463}.review-stars .ui-icon{width:23px;height:23px}
.review-count{display:block;margin-top:14px;font-size:17px;font-weight:700;color:#e8edff}
.review-proof .eyebrow{color:#dce5ff}.review-proof .eyebrow:before{background:#fff}
.review-proof-copy h2{margin:0;max-width:820px;font-size:clamp(42px,5vw,72px);line-height:.98;letter-spacing:-.055em}
.review-proof-copy p{max-width:720px;margin:24px 0 0;font-size:18px;line-height:1.55;color:#dce5ff}
.review-link{display:inline-flex;align-items:center;gap:11px;margin-top:28px;padding-bottom:5px;border-bottom:1px solid rgba(255,255,255,.55);color:#fff;text-decoration:none;font-size:16px;font-weight:800}.review-link .ui-icon{width:18px;height:18px;transition:transform .2s}.review-link:hover .ui-icon{transform:translateX(5px)}

/* Mid-page conversion rhythm */
.quick-contact{background:#ffefe5;border-top:1px solid #ffc2a6;border-bottom:1px solid #ffc2a6}
.quick-contact-inner{display:flex;align-items:center;justify-content:space-between;gap:40px;padding-block:30px}
.quick-contact-copy{display:flex;align-items:center;gap:18px}.quick-contact-icon{display:grid;place-items:center;width:56px;height:56px;border-radius:50%;background:var(--signal);color:#fff}.quick-contact-icon .ui-icon{width:26px;height:26px}
.quick-contact-copy strong,.quick-contact-copy span{display:block}.quick-contact-copy strong{font-size:22px}.quick-contact-copy span{font-size:16px;color:#6b5144;margin-top:3px}
.quick-contact-actions{display:flex;gap:10px;flex-wrap:wrap}

/* Preferred real storefront photo */
.about-photo,.contact-store-photo{background:#e4e1d9}
.about-photo img,.contact-store-photo img{object-position:center center}
.about-photo figcaption{font-size:14px}

/* Footer: deeper close and stronger internal-link layer */
.footer-grid-v5{grid-template-columns:1.2fr .8fr .72fr 1fr;gap:clamp(38px,5vw,76px)}
.footer-grid img{width:205px}.footer-grid h2{font-family:var(--display);font-size:14px;font-weight:800;letter-spacing:.02em;text-transform:none;color:#c5c7c1}
.footer-grid a{padding:6px 0;font-size:16px}.footer-grid p{font-size:15px;line-height:1.55}.footer-google{font-family:var(--display);font-size:14px!important}.footer-google strong{font-size:16px}.footer-hours{font-size:14px!important}.footer-phone{display:flex!important;align-items:center;gap:9px;font-size:19px!important;font-weight:850}.footer-phone .ui-icon{width:18px;height:18px;color:#ff8c5b}
.footer-bottom{font-family:var(--display);font-size:13px;text-transform:none;letter-spacing:0}

/* Small copy in utility areas gets a readable floor */
.proof-copy strong{font-size:14px}.proof-copy small{font-size:13px}.diagnostic-float strong{font-size:16px}.diagnostic-float small{font-size:14px}.manifesto-link{font-size:14px}.dark-map-link{font-size:14px}.footer-google span{font-size:14px}

@media(max-width:1100px){
  .why-derinsu-inner,.review-proof-grid{grid-template-columns:1fr}.why-intro h2{max-width:760px}.review-score-block{display:grid;grid-template-columns:auto auto 1fr;gap:18px;align-items:end;padding-right:0;padding-bottom:34px;border-right:0;border-bottom:1px solid rgba(255,255,255,.28)}.review-stars{margin:0 0 8px}.review-count{margin:0 0 7px}.footer-grid-v5{grid-template-columns:1.2fr .8fr 1fr}.footer-contact{grid-column:3}.quick-contact-inner{align-items:flex-start}
}
@media(max-width:980px){
  .service-topbar-inner{font-size:13px}.topbar-rating strong{font-size:14px}.topbar-rating span,.topbar-fact{font-size:13px}
  .why-points{grid-template-columns:1fr}.why-point:nth-child(n){padding-left:0;padding-right:0;border-right:0}.quick-contact-inner{display:grid}.footer-grid-v5{grid-template-columns:1fr 1fr}.footer-contact{grid-column:auto}
}
@media(max-width:700px){
  body{font-size:16px}.brand img{width:165px}.eyebrow{font-size:12px}.service-topbar-inner{min-height:40px;font-size:12px}.topbar-rating strong{font-size:13px}.topbar-fact{font-size:12px}.topbar-hours{display:none}.topbar-rating span{display:none}
  .business-fact strong{font-size:17px}.business-fact small{font-size:14px}.card p,.service-card p{font-size:15px}
  .manifesto-notes strong{font-size:18px}.manifesto-notes small{font-size:15px}.manifesto-notes>div{grid-template-columns:52px minmax(0,1fr);column-gap:15px}
  .why-derinsu-inner{padding-block:64px;gap:34px}.why-points{grid-template-columns:1fr}.why-point{grid-template-columns:52px 1fr;padding:22px 0!important}.why-point strong{font-size:18px}.why-point p{font-size:15px}
  .review-proof-grid{padding-block:68px;gap:38px}.review-score-block{grid-template-columns:1fr}.review-score{font-size:96px}.review-stars{margin-top:2px}.review-count{font-size:16px}.review-proof-copy p{font-size:16px}.review-link{font-size:15px}
  .quick-contact-copy{align-items:flex-start}.quick-contact-copy strong{font-size:20px}.quick-contact-copy span{font-size:15px}.quick-contact-actions{display:grid;grid-template-columns:1fr 1fr}.quick-contact-actions .btn{width:100%}
  .footer-grid-v5{grid-template-columns:1fr}.footer-grid h2{font-size:14px}.footer-grid a{font-size:16px}.footer-bottom{font-size:13px}
  .contact-facts{font-size:13px}.service-microfacts span{font-size:12px}.proof-copy small{font-size:12px}
}
/* Portrait storefront photo is shown intact rather than force-cropped. */
.about-photo{height:560px;display:grid;place-items:center;padding:22px;background:#e8e4da}
.about-photo img{width:auto;height:100%;max-width:100%;object-fit:contain;padding:0}
.contact-store-photo{width:min(100%,360px);height:440px;display:grid;place-items:center;background:#e8e4da}
.contact-store-photo img{width:auto;height:100%;max-width:100%;object-fit:contain}
@media(max-width:980px){.about-photo{height:520px}.contact-store-photo{height:420px}}
@media(max-width:700px){.about-photo{height:430px;padding:14px}.contact-store-photo{width:min(100%,320px);height:390px}}
/* DARK HEADER OVERRIDE */
.site-header{
    background:#07182d;
    border-bottom:1px solid rgba(255,255,255,.10);
}

.desktop-nav a{
    color:#ffffff;
}

.header-call{
    color:#ffffff;
}

.desktop-nav a:hover,
.desktop-nav a:focus-visible{
    color:#ff9f1a;
}

.site-header .brand img{
    opacity:1;
}
/* HEADER ACTIVE MENU */
.desktop-nav a{
    color:#f4f6f8;
}

.desktop-nav a:hover,
.desktop-nav a:focus-visible{
    color:#ff9f1a;
}

.desktop-nav a.active,
.desktop-nav a[aria-current="page"]{
    color:#ff9f1a !important;
}

.desktop-nav a.active::after,
.desktop-nav a[aria-current="page"]::after{
    background:#ff9f1a !important;
}