:root{--bg:#f5f1e8;--surface:#fffdf8;--ink:#191a18;--muted:#66655f;--line:#dcd5c8;--accent:#8b5b38;--dark:#171815;--max:1160px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;line-height:1.65}a{color:inherit;text-decoration:none}.container{width:min(calc(100% - 36px),var(--max));margin:auto}
.site-header{position:sticky;top:0;z-index:50;border-bottom:1px solid rgba(139,91,56,.13);background:rgba(245,241,232,.92);backdrop-filter:blur(14px)}.nav{min-height:76px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:flex;align-items:center;gap:12px;font-weight:760}.logo{width:38px;height:38px;border-radius:50%;background:var(--dark);color:#fff;display:grid;place-items:center;font-family:Georgia,serif;font-size:.9rem}.navlinks{display:flex;gap:22px;font-size:.92rem;color:#4e4d48}.navlinks a:hover{color:var(--accent)}.menu-btn{display:none;border:1px solid var(--line);background:var(--surface);border-radius:12px;padding:9px 12px}
.hero{padding:92px 0 78px;display:grid;grid-template-columns:1.25fr .75fr;gap:60px;align-items:center}.kicker,.eyebrow,.smallcaps{text-transform:uppercase;letter-spacing:.14em;font-size:.73rem;font-weight:800;color:var(--accent)}h1,h2,h3{font-family:Georgia,"Times New Roman",serif}h1{font-size:clamp(3.3rem,7vw,6.8rem);line-height:.94;letter-spacing:-.055em;font-weight:500;margin:18px 0 26px}h2{font-size:clamp(2.25rem,4.2vw,4rem);line-height:1.03;letter-spacing:-.04em;font-weight:500;margin:0}h3{font-size:1.45rem;line-height:1.25;font-weight:500}.lead{font-family:Georgia,serif;font-size:clamp(1.18rem,2vw,1.5rem);color:#46453f;max-width:760px}.actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:32px}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 19px;border-radius:999px;border:1px solid var(--dark);font-weight:700;font-size:.92rem}.btn.primary{background:var(--dark);color:white}.hero-card{min-height:490px;border-radius:34px;background:radial-gradient(circle at 28% 18%,#d9c8b5 0,transparent 34%),linear-gradient(145deg,#242520,#7c6653);color:#fff;padding:34px;display:flex;flex-direction:column;justify-content:space-between}.monogram{font-family:Georgia,serif;font-size:clamp(4.2rem,9vw,7rem);letter-spacing:-.08em}.hero-card p{color:rgba(255,255,255,.75)}
.stat-row{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:34px}.stat{border-top:1px solid var(--line);padding-top:16px}.stat strong{display:block;font-family:Georgia,serif;font-size:1.8rem;font-weight:500}.stat span{color:var(--muted);font-size:.83rem}section{padding:86px 0;border-top:1px solid var(--line)}.section-head{display:grid;grid-template-columns:.36fr .64fr;gap:34px;margin-bottom:40px}.section-head p{margin:0;color:var(--muted);max-width:760px;font-size:1.05rem}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.card{background:var(--surface);border:1px solid var(--line);border-radius:24px;padding:28px}.card p{color:var(--muted);margin-bottom:0}.taglist{display:flex;flex-wrap:wrap;gap:9px;margin-top:18px}.tag{border:1px solid var(--line);border-radius:999px;padding:7px 11px;font-size:.82rem;background:#fff}.quote{background:var(--dark);color:#f6f2ea;border-radius:30px;padding:42px;font-family:Georgia,serif;font-size:clamp(1.6rem,3vw,2.65rem);line-height:1.25}.page-hero{padding:72px 0 58px}.page-hero h1{font-size:clamp(3rem,6vw,5.7rem);max-width:920px}.page-hero p{max-width:820px;font-size:1.15rem;color:var(--muted)}.breadcrumb{font-size:.82rem;color:var(--muted);margin-bottom:16px}
.timeline{position:relative}.timeline:before{content:"";position:absolute;left:155px;top:0;bottom:0;width:1px;background:var(--line)}.timeline-item{display:grid;grid-template-columns:130px 1fr;gap:54px;padding:0 0 34px;position:relative}.timeline-item:after{content:"";position:absolute;left:149px;top:8px;width:13px;height:13px;border-radius:50%;background:var(--accent);border:4px solid var(--bg)}.timeline-date{font-weight:800;color:var(--accent);font-size:.9rem}.timeline-content{background:var(--surface);border:1px solid var(--line);border-radius:20px;padding:24px}.timeline-content h3{margin:0 0 6px}.timeline-content p{color:var(--muted);margin-bottom:0}.book{display:flex;flex-direction:column;min-height:260px}.book-num{font-family:Georgia,serif;font-size:2rem;color:#d9c9bb}.contact-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:18px}.contact-box{background:var(--surface);border:1px solid var(--line);border-radius:24px;padding:30px}.contact-link{display:flex;justify-content:space-between;gap:20px;border-top:1px solid var(--line);padding:17px 0;font-weight:750}.note{font-size:.88rem;color:var(--muted)}footer{padding:36px 0 42px;border-top:1px solid var(--line);font-size:.84rem;color:var(--muted)}.footer-row{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}.list-clean{list-style:none;padding:0;margin:0}.list-clean li{padding:13px 0;border-top:1px solid var(--line)}
@media(max-width:900px){.navlinks{display:none}.menu-btn{display:block}.navlinks.open{display:flex;position:absolute;left:18px;right:18px;top:68px;flex-direction:column;background:var(--surface);padding:18px;border:1px solid var(--line);border-radius:18px}.hero{grid-template-columns:1fr;padding-top:58px}.hero-card{min-height:340px}.section-head,.contact-grid,.grid-3,.grid-2{grid-template-columns:1fr}}@media(max-width:680px){.timeline:before{left:5px}.timeline-item{grid-template-columns:1fr;gap:8px;padding-left:28px}.timeline-item:after{left:-1px}.stat-row{grid-template-columns:1fr}h1{font-size:3.35rem}}

/* V3 - credentials & application expertise */
.credential-hero{display:grid;grid-template-columns:1.1fr .9fr;gap:22px;align-items:stretch}
.credential-feature{background:linear-gradient(145deg,#171815,#302a24);color:#f7f2e9;border-radius:30px;padding:38px;position:relative;overflow:hidden;min-height:360px}
.credential-feature:after{content:"";position:absolute;width:260px;height:260px;border:1px solid rgba(255,255,255,.10);border-radius:50%;right:-80px;top:-80px}
.credential-feature .eyebrow{color:#d9b38d}.credential-feature h2{font-size:clamp(2.2rem,4.6vw,4.4rem);margin:18px 0 16px}.credential-feature p{color:rgba(255,255,255,.72);max-width:720px}
.badges{display:flex;flex-wrap:wrap;gap:9px;margin:22px 0}.badge{display:inline-flex;align-items:center;gap:8px;border:1px solid rgba(255,255,255,.18);border-radius:999px;padding:8px 12px;font-size:.8rem;font-weight:750;background:rgba(255,255,255,.05)}
.credential-side{display:grid;gap:18px}.credential-side .card{min-height:171px}
.trust-row{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:22px}.trust-item{padding:18px;border:1px solid var(--line);border-radius:18px;background:rgba(255,255,255,.55)}.trust-item strong{display:block;font-family:Georgia,serif;font-size:1.15rem}.trust-item span{display:block;color:var(--muted);font-size:.8rem;margin-top:4px}
.service-panel{display:grid;grid-template-columns:.85fr 1.15fr;gap:24px;background:var(--surface);border:1px solid var(--line);border-radius:30px;padding:34px}.service-mark{border-radius:24px;background:linear-gradient(160deg,#eadfd1,#cbb69f);min-height:330px;padding:30px;display:flex;flex-direction:column;justify-content:space-between}.service-mark .big{font-family:Georgia,serif;font-size:4.8rem;letter-spacing:-.06em}.service-content h2{margin:10px 0 16px}.service-list{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:22px 0}.service-point{border-top:1px solid var(--line);padding:12px 0;font-size:.92rem}.source-note{border-left:3px solid var(--accent);padding:12px 16px;background:rgba(139,91,56,.06);color:var(--muted);font-size:.88rem;border-radius:0 12px 12px 0}.certificate-card{position:relative;overflow:hidden}.certificate-card:before{content:"";position:absolute;right:-35px;top:-35px;width:110px;height:110px;border-radius:50%;background:rgba(139,91,56,.07)}
.credential-meta{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:18px}.credential-meta div{border-top:1px solid var(--line);padding-top:10px}.credential-meta strong{display:block;font-size:.86rem}.credential-meta span{display:block;color:var(--muted);font-size:.78rem}
.focus-callout{display:grid;grid-template-columns:1fr auto;gap:20px;align-items:center;background:var(--dark);color:white;border-radius:26px;padding:30px}.focus-callout p{margin:7px 0 0;color:rgba(255,255,255,.70)}
@media(max-width:900px){.credential-hero,.service-panel{grid-template-columns:1fr}.trust-row{grid-template-columns:1fr 1fr}.service-mark{min-height:240px}.service-list{grid-template-columns:1fr}.focus-callout{grid-template-columns:1fr}}
@media(max-width:560px){.trust-row{grid-template-columns:1fr}.credential-meta{grid-template-columns:1fr}.credential-feature{padding:28px}.service-panel{padding:20px}}


/* V4 — Books, retail buttons and book detail pages */
.books-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.book-product{background:var(--surface);border:1px solid var(--line);border-radius:26px;overflow:hidden;display:flex;flex-direction:column;min-width:0}
.book-cover-wrap{background:#ebe4d9;padding:24px;display:grid;place-items:center;min-height:360px}
.book-cover{width:auto;height:310px;max-width:100%;object-fit:contain;box-shadow:0 16px 36px rgba(37,30,24,.18);border-radius:3px}
.book-product-body{padding:24px;display:flex;flex-direction:column;gap:10px;flex:1}
.book-product h3{margin:0;font-size:1.55rem}
.book-by{font-size:.84rem;color:var(--muted);font-weight:700}
.book-description{color:var(--muted);margin:0;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}
.book-actions{margin-top:auto;padding-top:8px}
.book-detail-btn{display:flex;align-items:center;justify-content:center;width:100%;min-height:46px;border-radius:12px;background:var(--dark);color:white;font-weight:800}
.buy-label{margin-top:15px;font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);font-weight:800}
.store-buttons{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}
.store-btn{display:inline-flex;align-items:center;justify-content:center;min-height:38px;padding:0 12px;border:1px solid var(--line);border-radius:10px;background:white;font-size:.82rem;font-weight:800;transition:.16s ease}
.store-btn:hover{border-color:var(--accent);color:var(--accent);transform:translateY(-1px)}
.book-isbn{border-top:1px solid var(--line);padding-top:14px;margin-top:14px;color:var(--muted);font-size:.76rem}
.book-detail-hero{display:grid;grid-template-columns:350px minmax(0,1fr);gap:52px;align-items:center;padding:72px 0}
.detail-cover-panel{background:#ebe4d9;border-radius:28px;padding:34px;display:grid;place-items:center}
.detail-cover{width:auto;max-width:100%;height:auto;max-height:480px;object-fit:contain;box-shadow:0 22px 50px rgba(37,30,24,.22);border-radius:3px}
.detail-content h1{font-size:clamp(2.8rem,5vw,5.2rem);margin:12px 0 12px}
.book-subtitle{font-family:Georgia,"Times New Roman",serif;font-size:1.35rem;color:#4f4b45;margin:-4px 0 16px}
.book-meta-row{display:flex;flex-wrap:wrap;gap:8px;margin:20px 0}
.meta-pill{border:1px solid var(--line);border-radius:999px;padding:7px 11px;background:rgba(255,255,255,.52);font-size:.8rem}
.detail-intro{font-family:Georgia,"Times New Roman",serif;font-size:1.18rem;color:#45423d}
.detail-intro p:first-child{font-size:1.35rem;color:var(--ink)}
.retail-panel{background:var(--surface);border:1px solid var(--line);border-radius:24px;padding:26px;margin-top:30px}
.retail-panel h3{margin-top:0}
.back-link{display:inline-flex;align-items:center;gap:8px;color:var(--accent);font-weight:800;font-size:.9rem}
.book-index-note{margin-top:26px;border-top:1px solid var(--line);padding-top:18px;color:var(--muted);font-size:.86rem}
@media(max-width:980px){.books-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.book-detail-hero{grid-template-columns:290px 1fr;gap:32px}}
@media(max-width:720px){.books-grid{grid-template-columns:1fr}.book-detail-hero{grid-template-columns:1fr;padding-top:42px}.detail-cover-panel{max-width:360px;width:100%;margin:auto}.book-cover-wrap{min-height:330px}.book-cover{height:290px}}


/* V4.1 — final visual polish */
:root{
  --bg:#f7f3ef;
  --surface:#fffdfb;
  --ink:#171819;
  --muted:#5f6265;
  --line:#ddd8d2;
  --accent:#b3263d;
  --accent-2:#0f9ea4;
  --accent-soft:#f4d8de;
  --dark:#13282b;
}
.site-header{border-bottom:1px solid rgba(179,38,61,.12);background:rgba(247,243,239,.93)}
.logo{background:linear-gradient(135deg,var(--accent),var(--accent-2));box-shadow:0 10px 22px rgba(17,40,43,.18)}
.navlinks a:hover,.navlinks a:focus{color:var(--accent)}
.btn{transition:.18s ease, box-shadow .18s ease}
.btn:hover,.book-detail-btn:hover{transform:translateY(-2px);box-shadow:0 10px 24px rgba(19,40,43,.12)}
.btn.primary,.book-detail-btn{background:linear-gradient(135deg,var(--accent),var(--accent-2));border:none;color:#fff}
.hero-card{box-shadow:0 28px 70px rgba(32,30,28,.18);background:radial-gradient(circle at 24% 16%,rgba(255,255,255,.22) 0,transparent 28%),linear-gradient(145deg,#173236 0%,#1b6f75 48%,#a2253b 100%)}
.card,.book-product,.contact-box,.timeline-content,.retail-panel,.trust-item{box-shadow:0 10px 28px rgba(17,40,43,.05)}
.quote{background:linear-gradient(135deg,#153034 0%, #19565d 50%, #8f2135 100%)}
.book-cover-wrap,.detail-cover-panel{background:linear-gradient(180deg,rgba(15,158,164,.10),rgba(179,38,61,.08))}
.store-btn{background:#fff}
.store-btn:hover{border-color:var(--accent-2);color:var(--accent-2);background:rgba(15,158,164,.05)}
.source-note{border-left-color:var(--accent-2);background:rgba(15,158,164,.06)}
.credential-feature{background:linear-gradient(145deg,#173236 0%,#16585f 52%,#99253a 100%)}
.credential-feature .eyebrow{color:#ffd8de}
.service-mark{background:linear-gradient(160deg,rgba(15,158,164,.18),rgba(179,38,61,.16))}
.certificate-card:before{background:rgba(15,158,164,.08)}
.focus-callout{background:linear-gradient(135deg,#153034 0%, #19565d 52%, #912339 100%)}
.meta-pill,.tag{background:rgba(255,255,255,.78)}
.book-isbn,.note,.page-hero p,.section-head p,.card p,.timeline-content p,.contact-link span:last-child{color:var(--muted)}
.back-link,.kicker,.eyebrow,.smallcaps,.timeline-date{color:var(--accent)}
.book-index-note{border-top:1px solid var(--line)}

/* V5 — strategic UX and conversion polish */
a:focus-visible,button:focus-visible{outline:3px solid rgba(15,158,164,.42);outline-offset:3px;border-radius:12px}
.navlinks a{position:relative;padding:8px 0}
.navlinks a.active{color:var(--accent);font-weight:800}
.navlinks a.active:after,.navlinks a:hover:after{content:"";position:absolute;left:0;right:0;bottom:-8px;height:2px;background:linear-gradient(90deg,var(--accent),var(--accent-2));border-radius:999px}
.quick-links{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.quick-card,.feature-card,.step-card,.faq-item{background:var(--surface);border:1px solid var(--line);border-radius:24px;padding:24px;box-shadow:0 10px 28px rgba(17,40,43,.05)}
.quick-card h3,.feature-card h3,.step-card h3,.faq-item h3{margin:8px 0 10px}
.quick-card p,.feature-card p,.step-card p,.faq-item p{color:var(--muted);margin:0}
.quick-card .arrow{display:inline-flex;margin-top:16px;color:var(--accent);font-weight:800}
.notice-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.notice{background:rgba(255,255,255,.65);border:1px solid var(--line);border-radius:22px;padding:22px}
.notice strong{display:block;font-size:1rem;margin-bottom:8px}
.step-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.step-num{display:inline-grid;place-items:center;width:38px;height:38px;border-radius:50%;background:linear-gradient(135deg,var(--accent),var(--accent-2));color:#fff;font-weight:800;margin-bottom:10px}
.faq-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}
.cta-band{display:grid;grid-template-columns:1.35fr .65fr;gap:18px;align-items:center;background:linear-gradient(135deg,#153034 0%, #19565d 52%, #912339 100%);color:white;border-radius:30px;padding:34px}
.cta-band p{color:rgba(255,255,255,.74);margin:8px 0 0}
.cta-band .actions{margin-top:0;justify-content:flex-end}
.soft-list{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-top:18px}
.soft-item{background:rgba(255,255,255,.65);border:1px solid var(--line);border-radius:18px;padding:16px}
.soft-item strong{display:block;margin-bottom:6px}
.dual-emphasis{display:grid;grid-template-columns:1.05fr .95fr;gap:18px}
.emphasis-panel{background:var(--surface);border:1px solid var(--line);border-radius:28px;padding:30px;box-shadow:0 12px 32px rgba(17,40,43,.05)}
.emphasis-panel.dark{background:linear-gradient(145deg,#173236 0%,#16585f 52%,#99253a 100%);color:#fff;border:none}
.emphasis-panel.dark p,.emphasis-panel.dark .note{color:rgba(255,255,255,.74)}
.emphasis-panel .stat-row{margin-top:24px}
@media(max-width:980px){.quick-links,.notice-grid,.step-grid,.faq-grid,.dual-emphasis{grid-template-columns:1fr 1fr}.cta-band{grid-template-columns:1fr}.cta-band .actions{justify-content:flex-start}}
@media(max-width:720px){.quick-links,.notice-grid,.step-grid,.faq-grid,.soft-list,.dual-emphasis{grid-template-columns:1fr}}

/* V6 — softer turquoise identity and editorial polish */
:root{
  --bg:#eaf8f7;
  --surface:#ffffff;
  --ink:#173033;
  --muted:#587072;
  --line:#cfe7e4;
  --accent:#b52f47;
  --accent-2:#2bafb0;
  --accent-soft:#dff5f3;
  --dark:#153437;
}
body{background:linear-gradient(180deg,#eefaf9 0%,#e4f5f4 100%)}
main section{position:relative}
.card,.book-product,.contact-box,.timeline-content,.retail-panel,.trust-item,.quick-card,.feature-card,.step-card,.faq-item,.notice,.soft-item,.emphasis-panel{background:rgba(255,255,255,.94);backdrop-filter:blur(2px)}
.hero{gap:48px}
.hero-card{position:relative;overflow:hidden}
.hero-card:after{content:"";position:absolute;inset:auto -40px -60px auto;width:180px;height:180px;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.26),transparent 70%)}
.micro-visuals{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-top:20px}
.visual-chip{display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:18px;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.18)}
.visual-icon{display:grid;place-items:center;width:44px;height:44px;border-radius:14px;background:rgba(255,255,255,.18);font-size:1.15rem}
.visual-chip strong{display:block;color:#fff;font-size:.92rem}
.visual-chip span{display:block;color:rgba(255,255,255,.74);font-size:.76rem}
.section-visuals{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:18px}
.tiny-visual{display:flex;align-items:center;gap:10px;padding:14px 16px;border-radius:18px;background:rgba(255,255,255,.72);border:1px solid var(--line)}
.tiny-visual .tiny-icon{display:grid;place-items:center;width:40px;height:40px;border-radius:12px;background:linear-gradient(135deg,rgba(43,175,176,.18),rgba(181,47,71,.14));font-size:1.1rem}
.tiny-visual strong{display:block;font-size:.92rem;color:var(--ink)}
.tiny-visual span{display:block;font-size:.76rem;color:var(--muted)}
.soft-paragraph{font-size:1.02rem;line-height:1.78;color:#496063}
.cert-list{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}
.cert-entry{background:rgba(255,255,255,.96);border:1px solid var(--line);border-radius:24px;padding:22px;box-shadow:0 10px 28px rgba(17,40,43,.05)}
.cert-entry h3{margin:8px 0 10px;font-size:1.18rem}
.cert-meta{display:flex;flex-wrap:wrap;gap:8px;margin:14px 0}
.cert-meta .meta-pill{background:rgba(43,175,176,.08)}
.cert-entry p{margin:0;color:var(--muted)}
.page-hero.compact h1{max-width:14ch}
.note-minor{color:var(--muted);font-size:.88rem}
@media(max-width:980px){.section-visuals,.cert-list{grid-template-columns:repeat(2,1fr)}}
@media(max-width:720px){.micro-visuals,.section-visuals,.cert-list{grid-template-columns:1fr}}

/* V7 — content-first professional refinement */
.profile-copy p{margin:0 0 14px;color:var(--muted);font-size:1.04rem;line-height:1.78}
.profile-copy p:last-child{margin-bottom:0}
.analysis-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:22px}
.analysis-item{background:rgba(255,255,255,.88);border:1px solid var(--line);border-radius:20px;padding:20px}
.analysis-item strong{display:block;margin-bottom:6px;font-family:Georgia,"Times New Roman",serif;font-size:1.12rem;color:var(--ink)}
.analysis-item span{display:block;color:var(--muted);font-size:.86rem;line-height:1.6}
.visual-icon{color:#fff}
.visual-icon svg{width:24px;height:24px;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.tiny-icon{color:var(--accent-2)}
.tiny-icon svg{width:22px;height:22px;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.editorial-intro{max-width:830px;font-size:1.08rem;line-height:1.8;color:var(--muted)}
@media(max-width:800px){.analysis-strip{grid-template-columns:1fr}}

/* V8 creative services */
.section-visuals{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}

/* V9 — signature logo and top service visuals */
.site-header{box-shadow:0 10px 24px rgba(20,54,58,.05)}
.nav{min-height:84px;display:flex;align-items:center;justify-content:space-between;gap:18px}
.brand{gap:14px;flex:0 0 auto}
.brand-name{font-size:1rem;white-space:nowrap}
.logo-wrap{display:flex;align-items:center;gap:10px}
.logo{width:42px;height:42px;font-size:.95rem;font-weight:800;letter-spacing:-.03em}
.brand-mark{width:74px;height:30px;display:block;filter:drop-shadow(0 8px 14px rgba(19,52,55,.10))}
.header-highlights{display:flex;align-items:center;gap:10px;flex:1;justify-content:center;min-width:0}
.header-badge{display:inline-flex;align-items:center;gap:9px;padding:8px 12px;border-radius:999px;border:1px solid rgba(19,52,55,.08);background:rgba(255,255,255,.72);box-shadow:0 8px 22px rgba(19,52,55,.05);font-size:.74rem;font-weight:800;color:var(--ink);white-space:nowrap}
.header-icon{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;color:#fff;flex:0 0 auto}
.header-icon svg{width:15px;height:15px;stroke:currentColor;fill:none;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.badge-finance .header-icon{background:linear-gradient(135deg,#2bafb0,#72d5d4)}
.badge-creative .header-icon{background:linear-gradient(135deg,#b52f47,#ef788a)}
.badge-editorial .header-icon{background:linear-gradient(135deg,#7f56d9,#a78bfa)}
.badge-visual .header-icon{background:linear-gradient(135deg,#f59e0b,#f9c74f)}
.hero-markline{display:flex;align-items:center;gap:16px;flex-wrap:wrap}
.hero-gi-logo{width:128px;height:auto;display:block;filter:drop-shadow(0 16px 24px rgba(0,0,0,.14))}
.monogram{line-height:.9}
@media(max-width:1220px){.header-highlights{display:none}.navlinks{margin-left:auto}}
@media(max-width:900px){.brand-mark{width:64px;height:26px}.brand-name{font-size:.95rem}}
@media(max-width:640px){.brand-mark{display:none}.logo-wrap{gap:0}.brand-name{white-space:normal;line-height:1.2}.hero-markline{gap:12px}.hero-gi-logo{width:108px}}

/* V10 — stronger navigation and certificate editorial polish */
.navlinks a{font-weight:800;letter-spacing:.01em}
.cert-list{align-items:stretch}
.cert-entry{display:flex;flex-direction:column;gap:2px}
.cert-entry p{line-height:1.72}
.cert-entry .value-line{margin-top:10px;font-size:.94rem;color:var(--ink);font-weight:700}
.cert-entry .value-line strong{color:var(--accent)}
@media(max-width:720px){.navlinks a{font-weight:800}}

/* V11 — minimal signature Gİ logo */
.logo-simple{
  display:inline-flex;
  align-items:center;
  height:44px;
  gap:9px;
  color:#0e3140;
  font-family:Georgia,"Times New Roman",serif;
  font-weight:500;
  line-height:1;
  letter-spacing:-.055em;
}
.logo-simple .gi-g,.logo-simple .gi-i{font-size:2rem}
.logo-simple .gi-divider{
  width:1.5px;
  height:30px;
  background:#d5a11e;
  border-radius:999px;
  margin:0 1px;
}
.brand{gap:13px}
.brand-name{
  font-family:Georgia,"Times New Roman",serif;
  font-weight:700;
  letter-spacing:.03em;
  color:#163740;
}
.hero-simple-logo{
  display:inline-flex;
  align-items:center;
  gap:18px;
  font-family:Georgia,"Times New Roman",serif;
  font-weight:500;
  color:#fff;
  line-height:.86;
  letter-spacing:-.075em;
}
.hero-simple-logo span{font-size:clamp(5.5rem,11vw,9.2rem)}
.hero-simple-logo i{
  display:block;
  width:2px;
  height:clamp(76px,9vw,112px);
  background:#e0b333;
  border-radius:999px;
  box-shadow:0 0 16px rgba(224,179,51,.18);
}
.brand-mark,.hero-gi-logo,.logo-wrap{display:none!important}
@media(max-width:640px){
  .logo-simple .gi-g,.logo-simple .gi-i{font-size:1.75rem}
  .logo-simple .gi-divider{height:25px}
  .hero-simple-logo{gap:12px}
}


/* V12 — simplified GI header and refined homepage */
.site-header{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.92);backdrop-filter:blur(10px);border-bottom:1px solid rgba(21,52,55,.08);box-shadow:0 10px 30px rgba(16,47,51,.05)}
.nav{min-height:84px;display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap}
.brand{display:flex;align-items:center;gap:16px;min-width:0;flex:0 1 auto;text-decoration:none}
.logo-simple{display:inline-block;font-family:Georgia,"Times New Roman",serif;font-size:2.5rem;font-weight:700;letter-spacing:-.06em;line-height:1;color:#0f3751;text-shadow:0 10px 20px rgba(15,55,81,.08)}
.brand-name{font-family:Georgia,"Times New Roman",serif;font-size:1.02rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:#203a45;white-space:nowrap}
.navlinks{display:flex;align-items:center;gap:22px;flex-wrap:wrap;margin-left:auto}
.navlinks a{font-weight:800;color:#243e48;font-size:.98rem;position:relative;padding:6px 0}
.navlinks a.active,.navlinks a:hover{color:#143b52}
.navlinks a.active:after,.navlinks a:hover:after{content:"";position:absolute;left:0;right:0;bottom:-10px;height:3px;border-radius:999px;background:linear-gradient(90deg,#1ca8bd,#d39c1f)}
.menu-btn{display:none;border:1px solid var(--line);background:#fff;border-radius:999px;padding:10px 15px;font-weight:800;color:var(--ink)}
.home-hero{display:grid;grid-template-columns:1.02fr .98fr;gap:28px;align-items:center;background:linear-gradient(135deg,#eef8fa 0%,#e1f4f3 100%);border:1px solid rgba(43,175,176,.14);border-radius:32px;padding:34px;box-shadow:0 18px 40px rgba(16,47,51,.06)}
.home-copy h1{font-size:clamp(2.55rem,4.8vw,4.4rem);line-height:1.02;max-width:14ch;margin:.45rem 0 1rem}
.home-mark{display:flex;align-items:flex-end;gap:14px;font-family:Georgia,"Times New Roman",serif;font-size:clamp(5rem,10vw,8rem);font-weight:700;line-height:.88;letter-spacing:-.08em;color:#113d5d;text-shadow:0 18px 30px rgba(17,61,93,.10)}
.home-mark .mark-accent{display:inline-block;width:2px;height:clamp(86px,11vw,124px);border-radius:999px;background:linear-gradient(180deg,#d8a525,#edd78c)}
.home-name{margin-top:6px;font-family:Georgia,"Times New Roman",serif;font-size:1.7rem;font-weight:700;letter-spacing:.22em;color:#243b49;text-transform:uppercase}
.home-kicker{margin:14px 0 10px;font-size:.92rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#415a63}
.home-copy .lead{font-size:1.08rem;line-height:1.78;color:#4a6269;max-width:62ch}
.home-quote{margin:18px 0 0;padding:0 0 0 16px;border-left:4px solid #21b0be;font-size:1.22rem;line-height:1.6;font-style:italic;color:#193847}
.home-scene{overflow:hidden;border-radius:28px;box-shadow:0 22px 38px rgba(16,47,51,.12);border:1px solid rgba(255,255,255,.7);background:#fff}
.home-scene img{display:block;width:100%;height:100%;object-fit:cover}
.home-service-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:22px}
.service-tile{background:#fff;border:1px solid var(--line);border-radius:24px;overflow:hidden;box-shadow:0 12px 28px rgba(16,47,51,.06)}
.service-tile img{display:block;width:100%;height:165px;object-fit:cover}
.service-tile-body{padding:18px 18px 20px}
.service-tile h3{margin:0 0 8px;font-size:1.16rem}
.service-tile p{margin:0;color:var(--muted);line-height:1.65;min-height:78px}
.service-tile a{display:inline-flex;margin-top:14px;font-weight:800;color:#0f4c69}
@media(max-width:1180px){.nav{justify-content:center}.brand{width:100%;justify-content:center}.navlinks{justify-content:center;margin-left:0}.home-service-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:900px){.brand-name{font-size:.95rem;letter-spacing:.1em}.home-hero{grid-template-columns:1fr;padding:26px}.home-copy h1{max-width:unset}.home-name{font-size:1.38rem;letter-spacing:.13em}}
@media(max-width:760px){.menu-btn{display:inline-flex;margin-left:auto}.navlinks{display:none;width:100%;padding-top:4px;justify-content:center}.navlinks.open{display:flex}.navlinks a.active:after,.navlinks a:hover:after{bottom:-4px}.home-service-grid{grid-template-columns:1fr}.logo-simple{font-size:2.2rem}.brand-name{white-space:normal;text-align:center}.home-mark{font-size:4.6rem}.home-mark .mark-accent{height:76px}.home-name{font-size:1.08rem}.home-quote{font-size:1.08rem}}

/* V14 content hub, services and video portfolio */
.topic-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.topic-card{background:rgba(255,255,255,.72);border:1px solid rgba(34,93,105,.13);border-radius:20px;padding:24px;box-shadow:0 12px 35px rgba(21,48,52,.06)}.topic-card>span{display:inline-grid;place-items:center;width:34px;height:34px;border-radius:50%;background:#e9f8f8;color:#17687a;font-weight:900;font-size:.82rem}.topic-card h3{margin:14px 0 8px}.topic-card p{margin:0;color:#52666b;line-height:1.65}.video-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.video-card{overflow:hidden;border-radius:22px;border:1px solid rgba(34,93,105,.14);background:rgba(255,255,255,.8);box-shadow:0 16px 40px rgba(21,48,52,.07)}.video-preview{aspect-ratio:16/9;background:#102e37;overflow:hidden}.video-preview img{display:block;width:100%;height:100%;object-fit:cover}.video-card-body{padding:22px}.video-card-body h3{margin:8px 0 8px}.video-card-body p{margin:0;color:#52666b;line-height:1.65}@media(max-width:980px){.topic-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:720px){.topic-grid,.video-grid{grid-template-columns:1fr}}
.service-card,.notice-card{background:rgba(255,255,255,.72);border:1px solid rgba(34,93,105,.13);border-radius:18px;padding:20px;box-shadow:0 10px 28px rgba(21,48,52,.05)}
.service-card h3{margin:8px 0 7px}.service-card p{margin:0;color:#52666b;line-height:1.6}.notice-card{display:flex;flex-direction:column;gap:6px}.notice-card strong{color:#173f4a}.notice-card span{color:#52666b;line-height:1.55}