@charset "UTF-8";
/* İMEYSAN • independent, responsive, self-hosted company landing page. */
:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",Arial,sans-serif;font-synthesis:none;color-scheme:light;--ink:#13252d;--body:#45535b;--muted:#647077;--line:#e0e4e4;--paper:#f5f6f4;--white:#fff;--navy:#0b222d;--navy2:#112f3a;--gold:#c8a679;--gold-deep:#795e39;--max:1240px}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:3rem}
body{margin:0;min-width:0;background:var(--paper);color:var(--ink);line-height:1.55;-webkit-font-smoothing:antialiased}
a{color:inherit;text-underline-offset:.23em}
a:focus-visible{outline:3px solid #c38f4c;outline-offset:4px;border-radius:3px}
img,svg{display:block;max-width:100%;height:auto}
.container{width:min(var(--max),calc(100% - 3.5rem));margin-inline:auto;min-width:0}
.skip-link{position:absolute;z-index:100;left:1rem;top:-6rem;padding:.7rem 1rem;background:#fff;color:#112f3a}.skip-link:focus{top:.65rem}
.site-header{position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:1.5rem;min-height:92px;border-bottom:1px solid #d9deda}
.brand{display:inline-flex;align-items:center;min-width:0;gap:.7rem;text-decoration:none}
.brand-mark{display:grid;place-items:center;width:42px;height:42px;flex:none;background:var(--navy);color:var(--gold);font-size:1.55rem;font-weight:850;line-height:1;border-radius:2px;letter-spacing:-.06em}
.brand-name{font-weight:850;letter-spacing:.105em;font-size:1.27rem;white-space:nowrap}
.header-side{display:flex;align-items:center;gap:clamp(.9rem,2.4vw,2.1rem);min-width:0}
.header-nav{display:flex;align-items:center;gap:clamp(.8rem,2vw,1.65rem)}
.header-nav a{font-size:.84rem;color:#4c5a5f;font-weight:650;text-decoration:none;white-space:nowrap}.header-nav a:hover{color:#0b222d}
.lang-nav{display:flex;align-items:center;gap:.17rem;flex:none;padding:.24rem;border:1px solid #d8dddd;background:#fff;border-radius:100px}
.lang-nav a{font-size:.78rem;padding:.45rem .72rem;border-radius:100px;text-decoration:none;font-weight:720;line-height:1.2;white-space:nowrap}
.lang-nav [aria-current="page"]{background:var(--navy);color:#fff}
.hero-wrap{background:var(--navy);color:#fff;position:relative;isolation:isolate;overflow:hidden}
.hero-wrap::before{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(ellipse at 85% 12%,#244855 0%,transparent 48%),linear-gradient(135deg,#0b222d 0%,#0d2631 100%)}
.hero{display:grid;grid-template-columns:minmax(0,1.02fr) minmax(0,.98fr);gap:clamp(2rem,4.5vw,5.5rem);align-items:center;min-height:610px;padding-block:clamp(4rem,7vw,7.4rem)}
.hero-copy,.hero-art,.section-head>*,.service,.pillar{min-width:0}
.eyebrow{color:var(--gold);font-size:.74rem;font-weight:780;letter-spacing:.18em;line-height:1.5;text-transform:uppercase}
.status{display:inline-flex;align-items:center;gap:.5rem;margin:1.45rem 0 1.05rem;color:#d5dfe2;font-size:.8rem;font-weight:570;letter-spacing:.03em}
.status::before{content:"";display:block;width:5px;height:5px;background:var(--gold);border-radius:100%}
h1{margin:0;max-width:14ch;font-weight:750;letter-spacing:-.055em;font-size:clamp(2.45rem,4.6vw,4.9rem);line-height:1.075;text-wrap:balance;overflow-wrap:break-word}
.hero-desc{max-width:57ch;margin-top:1.55rem;color:#d6e0e2;line-height:1.85;font-size:clamp(.99rem,1.15vw,1.09rem)}
.hero-actions{display:flex;align-items:center;flex-wrap:wrap;gap:1.15rem 1.8rem;margin-top:2.2rem}
.action-primary{display:inline-flex;align-items:center;gap:1.6rem;padding:.9rem 1.1rem;background:var(--gold);color:#172831;text-decoration:none;font-size:.87rem;font-weight:800;border-radius:2px;min-height:47px}
.action-primary:hover{background:#dbbb90}
.action-secondary{font-size:.86rem;font-weight:670;text-decoration:none;border-bottom:1px solid #83959c;padding:.6rem 0}
.arrow{font-size:1.14em;line-height:1;display:inline-block;flex:none}
.hero-art{position:relative;display:grid;align-items:center;justify-items:center;padding:1rem 0 1.15rem}
.hero-art::before{content:"";position:absolute;inset:5% 3%;border:1px solid #63798355;transform:translate(13px,-13px);pointer-events:none}
.hero-frame{position:relative;width:100%;background:#16333f;border:1px solid #526b7680;box-shadow:0 30px 85px #0005;overflow:hidden;aspect-ratio:1.06/1}
.hero-frame img{width:100%;height:100%;object-fit:cover}
.hero-art-label{position:absolute;bottom:0;right:0;max-width:min(94%,25rem);padding:.85rem 1.15rem;background:#f0e5d7;color:#21343b;font-size:.75rem;font-weight:700;letter-spacing:.015em;box-shadow:0 10px 30px #0003}
.pillars{background:#eaece8;border-bottom:1px solid #d6dbd9}
.pillars-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0}
.pillar{display:flex;align-items:center;gap:1rem;padding:1.6rem 1.2rem;border-right:1px solid #d4d9d6}.pillar:first-child{padding-left:0}.pillar:last-child{border-right:0}
.pillar-num{flex:none;font-size:.7rem;font-weight:800;letter-spacing:.1em;color:#8c6d48}
.pillar-title{display:block;font-size:.86rem;line-height:1.45;font-weight:720;letter-spacing:-.01em}
.section{padding-block:clamp(4rem,7.5vw,7rem)}
.section-head{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(2rem,6vw,6rem);align-items:end;margin-bottom:2.4rem}
.section-kicker{color:var(--gold-deep);font-size:.74rem;font-weight:850;letter-spacing:.14em;text-transform:uppercase}
h2{margin:.8rem 0 0;font-size:clamp(2rem,3.2vw,3.35rem);line-height:1.14;letter-spacing:-.048em;font-weight:750;text-wrap:balance;overflow-wrap:break-word}
.section-intro{font-size:1rem;line-height:1.85;color:var(--body);max-width:60ch}
.service-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;background:#d8dfdc;border:1px solid #d8dfdc}
.service{background:#fff;display:flex;flex-direction:column;padding:clamp(1.4rem,2.7vw,2.25rem);min-height:265px;transition:background .2s}
.service:hover{background:#f9f9f5}
.service-top{display:flex;align-items:center;justify-content:space-between;gap:.75rem;color:#8a6b46;font-size:.73rem;letter-spacing:.14em;font-weight:850}
.service-glyph{width:29px;height:29px;display:grid;place-items:center;border:1px solid #d5c7af;border-radius:50%;font-size:1rem;letter-spacing:0}
.service h3{margin:2.2rem 0 .75rem;font-size:clamp(1.06rem,1.45vw,1.25rem);letter-spacing:-.027em;line-height:1.32;font-weight:750;overflow-wrap:break-word}
.service p{color:#526066;font-size:.91rem;line-height:1.75;overflow-wrap:break-word}
.statement{margin-bottom:clamp(4.2rem,8vw,7.2rem);background:#e8e7e0;position:relative;overflow:hidden}
.statement-inner{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.75fr);gap:3rem;align-items:center;padding-block:clamp(3rem,6vw,5.5rem)}
.statement h2{max-width:20ch}
.statement p{max-width:57ch;font-size:1rem;line-height:1.9;color:#45555a;margin-top:1rem}
.statement-art{width:min(100%,390px);justify-self:end;color:#b99b74}
.site-footer{background:#091d26;color:#e7ecec}
.footer-main{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.75fr) minmax(0,.65fr);gap:clamp(2.2rem,5vw,5rem);padding-block:clamp(3.5rem,6vw,5.5rem)}
.footer-logo{font-size:1.8rem;font-weight:850;letter-spacing:.12em;color:#fff}
.footer-text{max-width:42ch;margin-top:1rem;color:#b8c7ca;line-height:1.85;font-size:.94rem}
.footer-title{display:block;margin:0 0 1.15rem;color:#d6b488;font-size:.72rem;letter-spacing:.15em;font-weight:850;text-transform:uppercase}
.footer-menu{display:grid;justify-items:start;gap:.85rem}.footer-menu a{color:#d8e1e2;font-size:.88rem;text-decoration:none}.footer-menu a:hover{text-decoration:underline}
.footer-note{color:#b7c6c9;font-size:.86rem;line-height:1.75}
.footer-bottom{border-top:1px solid #ffffff28;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem 2rem;padding-block:1.4rem;color:#b8c7ca;font-size:.8rem}
.footer-bottom a{text-decoration:none;color:#d8e1e2;overflow-wrap:anywhere}
@media(max-width:1090px){.hero{gap:2rem}.header-nav{gap:.9rem}.hero-frame{aspect-ratio:1/1}.service-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.footer-main{gap:2rem}}
@media(max-width:840px){.container{width:min(var(--max),calc(100% - 2.6rem))}.site-header{flex-wrap:wrap;padding-block:1.1rem;min-height:0}.header-side{margin-left:auto}.header-nav{display:none}.hero{grid-template-columns:minmax(0,1fr);min-height:0;padding-block:4rem 4.5rem;gap:3.2rem}.hero h1{max-width:16ch}.hero-copy{max-width:660px}.hero-art{width:min(100%,610px);justify-self:center}.hero-frame{aspect-ratio:1.3/1}.pillars-grid{grid-template-columns:1fr}.pillar{border-right:0;border-bottom:1px solid #d4d9d6;padding:1rem 0}.pillar:last-child{border-bottom:0}.section-head,.statement-inner{grid-template-columns:minmax(0,1fr);gap:1.6rem}.statement-art{justify-self:start;width:min(68%,290px)}.footer-main{grid-template-columns:repeat(2,minmax(0,1fr))}.footer-main>div:first-child{grid-column:1/-1}}
@media(max-width:560px){.container{width:calc(100% - 2rem)}.site-header{gap:.65rem}.brand-name{font-size:1.05rem;letter-spacing:.08em}.brand-mark{width:35px;height:35px;font-size:1.3rem}.lang-nav a{font-size:.74rem;padding:.44rem .55rem}.hero{padding-block:3.2rem 3.6rem;gap:2.4rem}.eyebrow{font-size:.65rem;letter-spacing:.095em}.status{margin-top:1.05rem}.hero h1{font-size:clamp(2.35rem,10.9vw,3.35rem);line-height:1.1}.hero-desc{line-height:1.76}.hero-art{padding:.55rem 0 .7rem}.hero-frame{aspect-ratio:1.03/1}.hero-art::before{transform:translate(7px,-7px)}.hero-art-label{font-size:.65rem;padding:.55rem .75rem}.section{padding-block:4rem}.service-grid{grid-template-columns:minmax(0,1fr)}.service{min-height:0;padding:1.55rem}.service h3{margin-top:1.5rem}.footer-main{grid-template-columns:minmax(0,1fr);padding-block:3.4rem}.footer-main>div:first-child{grid-column:auto}.footer-bottom{align-items:flex-start;flex-direction:column}}
@media(max-width:360px){.site-header{flex-wrap:wrap}.header-side{margin-left:auto}.brand-name{font-size:.98rem}.hero h1{font-size:clamp(2.1rem,10vw,2.55rem)}.action-primary{width:100%;justify-content:space-between}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.service{transition:none}}


/* V4: corporate identity, contact footer, extended capabilities and 2-language layouts */
.brand-name{letter-spacing:.07em;font-size:clamp(1rem,1.45vw,1.24rem)}
.header-nav{flex-wrap:wrap;justify-content:flex-end}
.hero h1{max-width:16ch;font-size:clamp(2.15rem,4.25vw,4.55rem)}
.hero-desc{max-width:62ch}
.about-section{background:#fff;padding-block:clamp(3.5rem,6vw,6.5rem);border-bottom:1px solid var(--line)}
.about-layout{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(2rem,6vw,6rem);align-items:start}
.about-copy{font-size:1rem;line-height:1.85;color:var(--body)}.about-copy p:first-child{margin-top:0}.about-copy p{margin-bottom:1.15rem}
.process-section{background:#fff}.process-heading{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(2rem,6vw,5rem);align-items:end;margin-bottom:2.2rem}
.process-heading p{color:var(--body);line-height:1.85;margin:0}
.process-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;border:1px solid #dce2df;background:#dce2df}
.process-card{background:#f7f8f6;padding:clamp(1.1rem,2vw,1.7rem);min-width:0}.process-count{color:var(--gold-deep);font-weight:850;letter-spacing:.12em;font-size:.78rem}
.process-card h3{font-size:1.08rem;line-height:1.35;letter-spacing:-.02em;margin:1.4rem 0 .65rem}.process-card p{font-size:.88rem;line-height:1.75;color:#4d5d62;margin:0}
.process-note{max-width:95ch;color:#576569;line-height:1.7;margin:1.3rem 0 0;font-size:.84rem}
.contact-teaser{background:#e8e7e0;padding-block:clamp(2.6rem,4.5vw,4.4rem)}.teaser-grid{display:flex;justify-content:space-between;align-items:center;gap:1.7rem 2.5rem}.contact-teaser h2{max-width:27ch;font-size:clamp(1.7rem,3vw,2.65rem)}.contact-teaser p{max-width:64ch;color:#4c5c61;line-height:1.7}.contact-teaser .action-primary{background:var(--navy);color:#fff;flex:none}
.site-footer{scroll-margin-top:2rem}.footer-main{grid-template-columns:minmax(0,1.15fr) minmax(0,1.2fr) minmax(0,.6fr);gap:clamp(1.6rem,4vw,4rem)}
.footer-legal-label{color:var(--gold);font-size:.72rem;font-weight:800;letter-spacing:.09em;margin-top:2.2rem}
.footer-company{max-width:50ch;font-size:.84rem;line-height:1.7;color:#d3e0df;overflow-wrap:anywhere}
.footer-contact{min-width:0}.footer-contact .footer-title{margin-top:.45rem}.contact-data{font-style:normal;display:grid;gap:1.05rem}
.contact-item{min-width:0;display:grid;gap:.16rem;font-size:.9rem;line-height:1.6;color:#e2e9e8}
.contact-label{color:#abbdc0;font-size:.73rem;letter-spacing:.05em;text-transform:uppercase;font-weight:770}
.contact-item a{width:fit-content;max-width:100%;overflow-wrap:anywhere;text-decoration:none;border-bottom:1px solid #71898e;padding-bottom:.1rem}
.contact-item a:hover{color:#f1d0a0;border-color:#f1d0a0}
.footer-links{min-width:0}.footer-bottom{gap:.6rem 2rem;align-items:flex-start}.footer-bottom-note{max-width:55ch;line-height:1.5;text-align:right}
@media(max-width:1080px){.header-nav{display:none}.process-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.footer-main{grid-template-columns:repeat(2,minmax(0,1fr))}.footer-links{grid-column:1/-1}.footer-menu{grid-template-columns:repeat(3,minmax(0,max-content));column-gap:1.2rem}}
@media(max-width:840px){.about-layout,.process-heading{grid-template-columns:minmax(0,1fr);gap:1rem}.about-copy{max-width:72ch}.footer-main{gap:2.4rem}.teaser-grid{align-items:flex-start;flex-direction:column}.footer-bottom-note{text-align:left}}
@media(max-width:620px){.brand-name{font-size:.96rem;letter-spacing:.035em}.container{width:calc(100% - 2rem)}.process-grid{grid-template-columns:minmax(0,1fr)}.process-card h3{margin-top:.8rem}.footer-main{grid-template-columns:minmax(0,1fr)}.footer-links{grid-column:auto}.footer-menu{grid-template-columns:repeat(2,minmax(0,max-content));column-gap:1.5rem}.contact-data{gap:1.2rem}.footer-bottom{flex-direction:column}.service-grid{grid-template-columns:minmax(0,1fr)}}
@media(max-width:360px){.brand-name{font-size:.84rem}.site-header{align-items:flex-start}.header-side{margin-left:0}.lang-nav a{padding:.4rem .5rem}.footer-menu{grid-template-columns:minmax(0,1fr)}}



/* V5: persistent navigation, sticky header and cross-section visibility */
:root{--sticky-offset:146px;--shell-bg:rgba(247,248,246,.94);--shell-line:#d8dfdc;--shell-shadow:0 12px 36px rgba(6,20,26,.08)}
body{background:#f7f8f6}
.header-shell{position:sticky;top:0;z-index:1200;background:var(--shell-bg);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid var(--shell-line);box-shadow:var(--shell-shadow)}
.header-shell .container{position:relative}
.site-header{min-height:88px;background:transparent;border-bottom:0;padding-block:1.1rem .95rem}
.section-strip{border-top:1px solid rgba(14,34,43,.06)}
.section-nav{display:flex;align-items:center;gap:.7rem;overflow-x:auto;overflow-y:hidden;padding:.7rem 0 .92rem;scrollbar-width:none;-ms-overflow-style:none}
.section-nav::-webkit-scrollbar{display:none}
.section-link{display:inline-flex;align-items:center;justify-content:center;white-space:nowrap;text-decoration:none;padding:.62rem .96rem;border-radius:999px;border:1px solid #d7dfdb;background:rgba(255,255,255,.78);color:#24363d;font-size:.84rem;font-weight:720;letter-spacing:-.01em;transition:background .18s ease,border-color .18s ease,color .18s ease,transform .18s ease}
.section-link:hover{background:#fff;border-color:#aebfbd;color:#0c2430;transform:translateY(-1px)}
.section-link.is-active{background:var(--navy);border-color:var(--navy);color:#fff;box-shadow:0 10px 20px rgba(11,34,45,.18)}
.header-nav a{border-bottom:2px solid transparent;padding-bottom:.2rem;transition:border-color .18s,color .18s}
.header-nav a.is-active{border-color:var(--gold);color:#0b222d}
.section[id], footer[id]{scroll-margin-top:calc(var(--sticky-offset) + 16px)}
.hero-wrap{scroll-margin-top:calc(var(--sticky-offset) + 16px)}
@media (max-width:1080px){.site-header{min-height:76px;padding-block:1rem .9rem}.section-nav{padding:.6rem 0 .82rem}.section-link{font-size:.8rem;padding:.56rem .86rem}}
@media (max-width:840px){:root{--sticky-offset:132px}.header-shell{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.site-header{min-height:72px;padding-block:.95rem .8rem}.section-nav{gap:.5rem;padding:.52rem 0 .78rem}.section-link{font-size:.78rem;padding:.52rem .78rem}.lang-nav{margin-left:auto}}
@media (max-width:620px){:root{--sticky-offset:124px}.site-header{min-height:68px}.section-link{font-size:.75rem;padding:.5rem .72rem}.brand{min-width:0}.brand-name{max-width:12.5rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}
@media (max-width:430px){:root{--sticky-offset:118px}.site-header{padding-block:.88rem .72rem}.section-nav{padding:.48rem 0 .72rem}.section-link{font-size:.73rem;padding:.48rem .68rem}.lang-nav a{font-size:.72rem}}