@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Space+Mono:wght@400;700&display=swap');
:root{--ink:#0a0b0a;--paper:#eceee8;--acid:#c7ff35;--line:#252824;--muted:#9b9e97}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--ink);color:var(--paper);font-family:Inter,Arial,sans-serif}.noise{position:fixed;inset:0;pointer-events:none;opacity:.035;z-index:20;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.7'/%3E%3C/svg%3E")}
header{height:112px;display:flex;align-items:center;justify-content:space-between;padding:0 3vw 0 4vw;border-bottom:1px solid var(--line);position:sticky;top:0;background:#0a0b0af0;backdrop-filter:blur(12px);z-index:10}.brand{display:flex;align-items:center;gap:22px;color:inherit;text-decoration:none;font-weight:700;letter-spacing:.22em;font-size:26px}.brand img{width:84px;height:84px;object-fit:cover;filter:invert(1);border-radius:5px}nav{display:flex;align-items:center;gap:24px}nav a{color:var(--paper);text-decoration:none;font-size:12px}.pill{border:1px solid #444;padding:11px 16px;border-radius:99px}.lang-toggle{appearance:none;border:0;background:none;color:var(--paper);font:12px 'Space Mono',monospace;letter-spacing:.06em;display:flex;align-items:center;gap:8px;padding:0;cursor:pointer}.lang-toggle .lang{opacity:.5;transition:opacity .2s ease,color .2s ease}.lang-toggle .lang.active{opacity:1;color:var(--paper)}
.hero{height:calc(100vh - 112px);min-height:720px;padding:7vh 4vw 0;display:flex;flex-direction:column}.eyebrow,.label,.terminal,.screen-meta,footer{font-family:'Space Mono',monospace}.eyebrow{font-size:11px;letter-spacing:.08em;display:flex;gap:10px;align-items:center}.eyebrow i{width:7px;height:7px;border-radius:50%;background:var(--acid);box-shadow:0 0 14px var(--acid)}.eyebrow b{margin-left:auto;color:var(--muted);font-weight:400}.hero h1{font-size:clamp(110px,15.5vw,250px);line-height:.84;letter-spacing:-.075em;margin:7vh 0 4vh;font-weight:600}.hero h1 em,.showcase h2 em{font-style:normal;color:var(--acid)}.hero-bottom{display:flex;justify-content:flex-end;align-items:flex-end;gap:7vw;margin-top:auto;margin-bottom:4vh}.hero-bottom p{max-width:none;white-space:nowrap;font-size:20px;line-height:1.5;margin:0}.round{width:58px;height:58px;border:1px solid #4c4e4a;border-radius:50%;display:grid;place-items:center;color:var(--paper);text-decoration:none;font-size:24px}.terminal{border-top:1px solid var(--line);display:flex;justify-content:space-between;padding:16px 0;font-size:10px;color:var(--muted)}.terminal b{color:var(--acid)}
.showcase{height:calc(100vh - 112px);min-height:648px;padding:0 4vw 7vh;display:flex;flex-direction:column;background:#101210;overflow:hidden}.slides{position:relative;flex:1;min-height:0}.slide{position:absolute;inset:0;display:grid;grid-template-columns:1.08fr .92fr;gap:6vw;align-items:start;padding-top:4.5vh;opacity:0;visibility:hidden;transform:translateX(28px);transition:opacity .5s ease,transform .5s ease,visibility .5s}.slide.active{opacity:1;visibility:visible;transform:none}.slide-copy .label{font-size:10px;color:var(--muted);letter-spacing:.08em;margin-bottom:8vh}.slide h2{font-size:clamp(58px,6.4vw,108px);line-height:.91;letter-spacing:-.065em;margin:0 0 5vh;font-weight:600}.slide-copy>p{max-width:620px;color:#a9ada6;font-size:18px;line-height:1.7}.screen{aspect-ratio:1.18;background:#dfe4d8;border-radius:28px;border:24px solid #20231f;position:relative;overflow:hidden;box-shadow:inset 0 0 80px #65705a}.screen:after{content:'';position:absolute;inset:0;background:repeating-linear-gradient(0deg,transparent 0 3px,#0002 4px);pointer-events:none}.smark{position:absolute;inset:0;display:grid;place-items:center;font:700 18vw 'Space Mono';color:#0a0b0a;text-shadow:8px 0 var(--acid),-7px 0 #737d69}.screen-meta{position:absolute;bottom:18px;left:22px;right:22px;display:flex;justify-content:space-between;color:#151715;font-size:9px;z-index:2}.cards-visual{display:grid;grid-template-columns:1fr;gap:1px;background:#343833;border:1px solid #343833}.cards-visual>div{background:#121412;padding:4vh 3vw;display:flex;flex-direction:column;gap:12px}.cards-visual b{font-size:30px}.cards-visual span{color:var(--muted);font-size:14px}.method-slide{color:var(--paper)}.method-slide .label,.method-slide .slide-copy>p{color:#a9ada6}.method-slide h2 em{color:var(--acid)}.method-grid{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid #343833;border-left:1px solid #343833}.method-grid>div{min-height:160px;border-right:1px solid #343833;border-bottom:1px solid #343833;padding:25px;display:flex;flex-direction:column;justify-content:space-between;background:#121412}.method-grid span{font:11px 'Space Mono';color:var(--muted)}.method-grid b{font-size:25px;color:var(--paper)}.company-statement{display:flex;flex-direction:column;border-top:1px solid #343833}.company-statement span{font:700 clamp(22px,2.3vw,38px) Inter;padding:28px 0;border-bottom:1px solid #343833;color:#c6c9c2}.carousel-nav{display:grid;grid-template-columns:repeat(4,1fr);gap:28px;flex:0 0 auto;margin-top:14px}.tab{appearance:none;background:none;border:0;color:var(--paper);text-align:left;padding:0;cursor:pointer;font-family:Inter}.tab i{display:block;height:3px;background:#3c403b;position:relative;overflow:hidden;margin-bottom:16px}.tab i:after{content:'';position:absolute;inset:0;background:var(--acid);transform:scaleX(0);transform-origin:left}.tab.active i:after{animation:progress 8s linear forwards}.tab small{display:block;font:9px 'Space Mono';color:var(--muted);margin-bottom:8px}.tab b{font-size:13px;font-weight:500;color:#9ea29b}.tab.active b{color:var(--paper)}@keyframes progress{to{transform:scaleX(1)}}
.contact{min-height:64vh;padding:6vw 4vw 5vw;background:#b5d94c;color:var(--ink);display:flex;justify-content:space-between;align-items:flex-end}.contact .label{font-size:10px;color:#48531f;letter-spacing:.08em}.contact h2{font-size:clamp(70px,10vw,155px);line-height:.9;letter-spacing:-.075em;margin:4vw 0 0;font-weight:600;color:var(--paper)}.contact h2 em{display:block;margin-top:.08em;font-style:normal;color:var(--ink)}.contact>a{width:24vw;min-width:340px;text-align:center;font:20px 'Space Mono';white-space:nowrap;color:var(--ink);margin-bottom:1vw}
footer{padding:45px 4vw;display:grid;grid-template-columns:2fr 1fr 1fr;align-items:end;font-size:10px;line-height:1.7;color:var(--muted)}footer a{color:var(--paper);text-align:right}.footbrand{font:700 20px Inter;letter-spacing:.18em;color:var(--paper)}.footbrand span{display:block;font:9px 'Space Mono';letter-spacing:.05em;color:var(--muted);margin-top:7px}
@media(max-width:800px){header{height:78px;padding:0 5vw}.brand{gap:10px;font-size:15px}.brand img{width:50px;height:50px}nav{gap:12px}nav a:not(.pill){display:none}.lang-toggle{font-size:11px}.hero{height:calc(100vh - 78px);min-height:650px;padding-top:7vh}.hero h1{font-size:clamp(54px,18vw,100px);margin-top:12vh}.hero-bottom p{font-size:15px;white-space:normal;max-width:280px}.eyebrow b{display:none}.terminal span:nth-child(2){display:none}.showcase{height:auto;min-height:100vh;padding-top:30px}.slides{min-height:700px}.slide{grid-template-columns:1fr;gap:28px;align-content:center;padding-top:0}.slide-copy .label{margin-bottom:35px}.slide h2{font-size:clamp(48px,14vw,78px)}.slide-copy>p{font-size:15px}.screen{max-height:330px;margin-bottom:15px}.smark{font-size:35vw}.carousel-nav{gap:8px}.tab b{font-size:10px}.tab small{display:none}.contact{display:block;min-height:52vh;padding-top:16vw}.contact>a{display:block;width:auto;min-width:0;text-align:left;margin-top:70px;font-size:17px}footer{grid-template-columns:1fr;gap:30px}footer a{text-align:left}}

/* Turkish typography breathing room */
html[lang="tr"] .hero-bottom p{line-height:1.75;}
html[lang="tr"] .slide h2{line-height:1.02;letter-spacing:-.055em;}
html[lang="tr"] .slide-copy>p{line-height:1.9;max-width:700px;}
html[lang="tr"] .company-statement span{line-height:1.25;}
html[lang="tr"] .contact h2{line-height:.98;letter-spacing:-.06em;}
html[lang="tr"] .contact h2 em{margin-top:.16em;}
html[lang="tr"] .contact>a{letter-spacing:.01em;}

/* Contact form + robust responsive layout */
html,body{max-width:100%;overflow-x:hidden}
img,svg,video,canvas{max-width:100%;height:auto}
.contact{gap:6vw;align-items:flex-end}
.contact-heading{min-width:0;flex:1}
.contact-mail{display:inline-block;margin-top:34px;color:var(--ink);font:16px 'Space Mono',monospace}
.contact-form{width:min(430px,34vw);flex:0 0 auto;display:grid;gap:18px;margin-bottom:1vw}
.contact-form label{display:grid;gap:8px;font:10px 'Space Mono',monospace;letter-spacing:.08em}
.contact-form input,.contact-form textarea{width:100%;border:0;border-bottom:1px solid #26300f;background:transparent;color:var(--ink);border-radius:0;padding:10px 0 12px;font:16px Inter,Arial,sans-serif;outline:none;resize:vertical}
.contact-form input:focus,.contact-form textarea:focus{border-bottom-color:var(--ink)}
.contact-form button{appearance:none;border:1px solid var(--ink);background:var(--ink);color:var(--paper);padding:15px 18px;cursor:pointer;font:11px 'Space Mono',monospace;letter-spacing:.06em}
.contact-form button:hover{background:transparent;color:var(--ink)}
.form-note{margin:0;font:9px/1.5 'Space Mono',monospace;color:#48531f}
.hp-field{position:absolute!important;left:-9999px!important;width:1px!important;height:1px!important;opacity:0!important}

@media(max-width:800px){
  header{width:100%;gap:10px}
  .brand{min-width:0}.brand span{white-space:nowrap}
  nav{margin-left:auto;flex:0 0 auto}.pill{padding:9px 12px}
  .hero{width:100%;min-height:calc(100svh - 78px);height:auto;padding:7vh 5vw 0}
  .hero h1{font-size:clamp(48px,17.2vw,82px);line-height:.88;overflow-wrap:normal;word-break:normal}
  .hero-bottom{width:100%;gap:18px;justify-content:space-between}.hero-bottom p{min-width:0;max-width:75%}
  .terminal{gap:12px}.terminal span{min-width:0}
  .showcase{width:100%;padding-left:5vw;padding-right:5vw;min-height:100svh}
  .slides{min-height:720px;width:100%}.slide{width:100%;gap:24px}
  .slide h2{font-size:clamp(42px,12.8vw,68px);overflow-wrap:anywhere}
  .slide-copy>p{max-width:100%}
  .cards-visual,.method-grid,.company-statement,.screen{width:100%;min-width:0}
  .cards-visual>div{padding:24px 20px}.cards-visual b{font-size:24px}
  .method-grid>div{min-width:0;min-height:130px;padding:18px}.method-grid b{font-size:19px}
  .company-statement span{font-size:clamp(18px,5.7vw,28px);overflow-wrap:anywhere}
  .carousel-nav{width:100%;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}.tab{min-width:0}.tab b{overflow-wrap:anywhere}
  .contact{display:grid;grid-template-columns:1fr;gap:52px;min-height:0;padding:16vw 5vw 14vw}
  .contact h2{font-size:clamp(54px,16vw,92px);overflow-wrap:anywhere}
  .contact-mail{margin-top:34px;font-size:14px}
  .contact-form{width:100%;margin:0;gap:16px}
  .contact-form input,.contact-form textarea{font-size:16px}
  footer{padding-left:5vw;padding-right:5vw;width:100%}
}

@media(max-width:430px){
  header{padding-left:4vw;padding-right:4vw}.brand img{width:44px;height:44px}.brand{font-size:13px;letter-spacing:.16em}
  nav{gap:8px}.pill{font-size:10px;padding:8px 10px}.lang-toggle{gap:5px;font-size:10px}
  .hero{padding-left:4vw;padding-right:4vw}.hero h1{font-size:16.5vw;margin-top:13vh}
  .eyebrow{font-size:9px}.round{width:48px;height:48px;flex:0 0 48px}
  .showcase{padding-left:4vw;padding-right:4vw}.slides{min-height:760px}
  .slide h2{font-size:12.5vw}.slide-copy>p{font-size:14px;line-height:1.6}
  .cards-visual b{font-size:21px}.cards-visual span{font-size:12px}
  .contact{padding-left:4vw;padding-right:4vw}.contact h2{font-size:15.5vw}
}

/* Contact section refinements */
@media(min-width:801px){
  .contact{padding:6vw 4vw 5vw;gap:8vw;align-items:flex-end}
  .contact-heading{flex:1 1 auto}
  .contact-form{width:min(430px,34vw);flex:0 0 min(430px,34vw);gap:18px;margin-bottom:1vw}
}
.contact-mail{
  font-family:Inter,Arial,sans-serif;
  font-size:16px;
  font-weight:500;
  letter-spacing:-.01em;
  text-decoration:underline;
  text-underline-offset:4px;
}
.form-note{
  font:500 11px/1.55 Inter,Arial,sans-serif;
  color:#35400f;
  letter-spacing:.005em;
}
@media(max-width:800px){
  .contact-mail{font-size:15px}
  .form-note{font-size:11px;line-height:1.55}
}

/* v18: keep hero headline fully inside narrow mobile viewports */
@media(max-width:800px){
  .hero h1{font-size:clamp(44px,15.4vw,74px);letter-spacing:-.07em;max-width:100%;white-space:nowrap}
}
@media(max-width:430px){
  .hero h1{font-size:15.1vw;letter-spacing:-.068em;white-space:nowrap}
}

/* v19: allow natural vertical page scrolling while enabling horizontal swipe between showcase panels on mobile */
@media(max-width:800px){
  .showcase,.slides{touch-action:pan-y}
}