@import url('https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{font-family:Manrope,system-ui,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}body{background:var(--bg);color:var(--text);line-height:1.6;overflow-x:hidden;transition:background .25s,color .25s}body:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:-1;background-image:linear-gradient(var(--grid) 1px,transparent 1px),linear-gradient(90deg,var(--grid) 1px,transparent 1px);background-size:72px 72px;mask-image:linear-gradient(to bottom,black,transparent 85%)}.container{width:min(1160px,calc(100% - 48px));margin-inline:auto}.eyebrow,.mono,.meta{font-family:'DM Mono',monospace;font-size:.72rem;letter-spacing:.08em;text-transform:uppercase}.eyebrow{color:var(--accent)}.muted{color:var(--muted)}.section{padding:clamp(72px,9vw,132px) 0;position:relative}.section-head{display:flex;justify-content:space-between;align-items:end;gap:24px;margin-bottom:32px}.section-head h2,.page-title{font-size:clamp(2rem,5vw,4.1rem);line-height:1.02;letter-spacing:-.065em;font-weight:700}.section-head p{max-width:480px;color:var(--muted);font-size:.95rem}.btn{display:inline-flex;align-items:center;justify-content:center;gap:12px;padding:12px 17px;border-radius:999px;border:1px solid var(--border);font-weight:700;font-size:.84rem;transition:transform .2s,border-color .2s,background .2s}.btn:hover{transform:translateY(-2px);border-color:var(--accent)}.btn-primary{background:linear-gradient(115deg,#b747f4,#566fff);color:white;border-color:transparent}.text-link{display:inline-flex;align-items:center;gap:9px;font-size:.85rem;font-weight:700}.text-link:hover{color:var(--accent)}.rule{border:0;border-top:1px solid var(--border)}.site-footer{padding:30px 0 24px;border-top:1px solid var(--border)}.footer-top,.footer-bottom{display:flex;align-items:center;justify-content:space-between;gap:24px}.footer-bottom{padding-top:26px;margin-top:26px;border-top:1px solid var(--border);font-size:.75rem;color:var(--muted)}.footer-links{display:flex;gap:20px;flex-wrap:wrap;font-size:.82rem}.brand{font-weight:800;letter-spacing:-.06em}.brand span{color:var(--accent)}.skip-link{position:absolute;left:-9999px;top:8px}.skip-link:focus{left:8px;z-index:1000;background:var(--surface);padding:12px}

svg{stroke:currentColor;stroke-linecap:round;stroke-linejoin:round}.nav-actions svg,.menu-toggle svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.7}

.reveal{opacity:0;transform:translate3d(0,24px,0);transition:opacity .65s ease,transform .65s cubic-bezier(.2,.7,.2,1);transition-delay:var(--reveal-delay,0ms);will-change:opacity,transform}
.reveal.is-in{opacity:1;transform:translate3d(0,0,0)}
@media(prefers-reduced-motion:reduce){.reveal{opacity:1;transform:none;transition:none}}

/* Custom Orçun Sipahi OS monogram */
.brand{display:inline-flex;align-items:center;gap:10px;text-decoration:none;flex-shrink:0}.brand-mark{display:block;width:42px;height:27px;overflow:visible;stroke:none}.footer-top .brand-mark{width:38px;height:24px}.brand small{color:var(--muted)}

/* Core layout guardrails for cached/partial stylesheet updates */
.hero-title{display:block;font-size:clamp(3.8rem,8vw,7rem);line-height:.92;letter-spacing:-.085em;font-weight:800}
.hero-title>span{display:block}
.hero-grid{display:grid;grid-template-columns:minmax(0,1.03fr) minmax(0,.97fr);align-items:center;gap:clamp(24px,4vw,66px)}
.project-icon{display:grid;place-items:center;width:47px;height:47px;flex:0 0 47px}
.project-icon svg{width:34px;height:34px;max-width:100%;max-height:100%}
.data-feature-grid{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(0,1fr);gap:16px}
.data-side-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.feature-image{position:relative;min-height:590px;overflow:hidden}
.feature-image>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.mini-visual{position:relative;overflow:hidden;aspect-ratio:1.7/1}
.mini-visual img{width:100%;height:100%;object-fit:cover}
@media(max-width:900px){.hero-grid{grid-template-columns:1fr .85fr}.data-feature-grid{grid-template-columns:1fr}.feature-image{min-height:450px}}
@media(max-width:620px){.hero-grid{grid-template-columns:1fr}.hero-title{font-size:clamp(3.5rem,15vw,5.4rem)}.data-side-grid{gap:10px}.project-icon svg{width:30px;height:30px}}