/* ECHO site assistant — shared structure */ .echat{--ink:#10100e;--ivory:#fffdf8;--cream:#efe8dc;--line:rgba(16,16,14,.1);--muted:#6b665e;--champ:#b9a07e;--champ2:#d8c6a2;position:fixed;right:24px;bottom:24px;z-index:1600;font-family:Manrope,system-ui,sans-serif;color:var(--ink);-webkit-font-smoothing:antialiased} .echat button{font:inherit;color:inherit;cursor:inherit} .echat svg{display:block} .echat-fab{position:relative;display:flex;align-items:center;gap:11px;min-height:52px;padding:0 22px 0 8px;border:0;border-radius:999px;font-size:14px;font-weight:600;letter-spacing:.01em;transition:transform .35s cubic-bezier(.2,.8,.2,1),box-shadow .35s,opacity .2s} .echat-fab:hover{transform:translateY(-2px)} .echat-fab>svg{width:36px;height:36px;padding:8px 6px;border-radius:50%;fill:none;stroke:currentColor;stroke-width:1.5} .echat :focus-visible{outline:2px solid var(--champ);outline-offset:3px} .echat .echat-form textarea,.echat .echat-form textarea:focus,.echat .echat-form textarea:focus-visible{outline:0!important;box-shadow:none!important;border:0!important;background:none!important} .echat-panel{position:absolute;right:0;bottom:68px;width:min(392px,calc(100vw - 32px));height:min(600px,calc(100svh - 140px));display:flex;flex-direction:column;overflow:hidden;transform-origin:bottom right;animation:echatIn .45s cubic-bezier(.16,1,.3,1)} .echat-panel[hidden]{display:none} @keyframes echatIn{from{opacity:0;transform:translateY(14px) scale(.96)}} .echat-head{position:relative;display:flex;align-items:center;gap:12px;padding:18px 14px 16px 18px} .echat-titles{flex:1;display:flex;flex-direction:column;gap:3px;min-width:0} .echat-titles small{font:500 10.5px/1 "IBM Plex Mono",monospace;letter-spacing:.14em} .echat-titles strong{font-size:16px;font-weight:700;letter-spacing:-.005em} .echat-mark{position:relative;flex:none;display:grid;place-items:center;width:40px;height:40px;border-radius:50%} .echat-mark svg{width:24px;height:18px;fill:none;stroke:currentColor;stroke-width:1.6;position:relative} .echat-mark i{position:absolute;inset:0;border-radius:50%;border:1px solid currentColor;opacity:0} .echat-x{width:40px;height:40px;display:grid;place-items:center;border:0;border-radius:50%;background:none;transition:background .2s} .echat-x svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round} .echat-log{flex:1;overflow-y:auto;padding:6px 18px 12px;display:flex;flex-direction:column;gap:12px;overscroll-behavior:contain;scrollbar-width:thin} .echat-intro h2{margin:6px 0 8px;font-size:24px;line-height:1.15;font-weight:600;letter-spacing:-.025em} .echat-intro p{margin:0;font-size:14.5px;line-height:1.55} .echat-msg{margin:0;max-width:86%;font-size:14.5px;line-height:1.55;overflow-wrap:anywhere;animation:echatMsg .35s cubic-bezier(.16,1,.3,1)} @keyframes echatMsg{from{opacity:0;transform:translateY(6px)}} .echat-me{align-self:flex-end} .echat-bot{align-self:flex-start} .echat-msg a{color:inherit;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px} .echat-wait{display:flex;gap:5px;align-items:center;min-height:20px} .echat-wait span{width:6px;height:6px;border-radius:50%;background:currentColor;opacity:.3;animation:echatDot 1.2s infinite} .echat-wait span:nth-child(2){animation-delay:.15s}.echat-wait span:nth-child(3){animation-delay:.3s} @keyframes echatDot{0%,60%,100%{opacity:.25;transform:none}30%{opacity:.9;transform:translateY(-3px)}} .echat-chips{display:flex;flex-direction:column;align-items:flex-start;gap:8px;margin-top:6px} .echat-chips button{min-height:40px;padding:0 16px;border-radius:999px;font-size:14px;text-align:left;transition:background .2s,border-color .2s,transform .2s} .echat-chips button:hover{transform:translateX(3px)} .echat-form{display:flex;align-items:flex-end;gap:8px;margin:0 14px 14px;padding:6px 6px 6px 16px} .echat-form textarea{flex:1;min-height:38px;max-height:120px;padding:9px 0;border:0;outline:0;resize:none;background:none;font:inherit;font-size:16px;line-height:1.3;color:inherit} .echat-form button{flex:none;width:40px;height:40px;display:grid;place-items:center;border:0;border-radius:50%;transition:transform .2s,opacity .2s} .echat-form button svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round} .echat-form button:disabled{opacity:.35} .echat-note{margin:0;padding:9px 18px 14px;font-size:11.5px;line-height:1.4} .echat-note a{color:inherit} /* champagne glass */ .echat .echat-fab{background:linear-gradient(135deg,#fffaf0,#e9dcc2);color:var(--ink);box-shadow:0 14px 34px rgba(120,90,40,.22),inset 0 0 0 1px rgba(255,255,255,.7)} .echat .echat-fab>svg{background:var(--ink);color:var(--ivory)} .echat .echat-panel{border-radius:28px;background:radial-gradient(120% 60% at 100% 0%,rgba(216,195,158,.55),transparent 60%),radial-gradient(90% 50% at 0% 100%,rgba(200,214,212,.45),transparent 60%),rgba(255,252,246,.78);-webkit-backdrop-filter:blur(24px) saturate(1.4);backdrop-filter:blur(24px) saturate(1.4);border:1px solid rgba(255,255,255,.7);box-shadow:0 40px 90px -20px rgba(90,64,24,.35),inset 0 1px 0 rgba(255,255,255,.9)} .echat .echat-mark{background:var(--ink);color:var(--ivory)} .echat .echat-mark i{border-color:var(--champ);animation:echatRing 3.4s cubic-bezier(.2,.6,.3,1) infinite}.echat .echat-mark i+i{animation-delay:1.7s} @keyframes echatRing{from{transform:scale(1);opacity:.8}to{transform:scale(1.8);opacity:0}} .echat .echat-titles small{color:#8a7350} .echat .echat-x:hover{background:rgba(255,255,255,.6)} .echat .echat-intro p,.echat .echat-note{color:var(--muted)} .echat .echat-msg{padding:11px 15px;border-radius:18px} .echat .echat-bot{background:rgba(255,255,255,.72);border:1px solid rgba(255,255,255,.9);border-bottom-left-radius:6px;box-shadow:0 4px 14px rgba(90,64,24,.06)} .echat .echat-me{background:var(--ink);color:var(--ivory);border-bottom-right-radius:6px} .echat .echat-chips button{border:1px solid rgba(185,160,126,.45);background:rgba(255,255,255,.55)} .echat .echat-chips button:hover{background:#fff;border-color:var(--champ)} .echat .echat-form{border-radius:22px;background:rgba(255,255,255,.8);border:1px solid rgba(255,255,255,.95);box-shadow:0 6px 20px rgba(90,64,24,.08)} .echat .echat-form button{background:var(--ink);color:var(--ivory)} @media (max-width:600px){ .echat{right:16px;bottom:16px} .echat-fab span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)} .echat-fab{width:56px;height:56px;padding:0;justify-content:center} .echat .echat-panel{position:fixed;left:8px;right:8px;bottom:8px;width:auto;height:auto;max-height:calc(100svh - 72px);min-height:62svh;padding-bottom:env(safe-area-inset-bottom);transform-origin:bottom center} .echat.is-open .echat-fab{opacity:0;pointer-events:none} } @media (prefers-reduced-motion:reduce){.echat *,.echat *::before,.echat *::after{animation:none!important;transition:none!important}} @media print{.echat{display:none}} /* keep the home "FROM IDEA TO PRODUCT." tag clear of the chat button */ @media (min-width:901px){.co-tag{right:auto;left:max(24px,calc((100vw - 1328px)/2));bottom:46px}} @media (min-width:901px){.pv-tabs{right:max(240px,calc((100vw - 1328px)/2))}} /* room under the footer so its last line (legal links, languages) never sits behind the chat button */ .ft{padding-bottom:92px} /* smaller launcher (Founder, 2026-10-15) */ .echat-fab{min-height:36px;gap:7px;padding:0 14px 0 5px;font-size:12.5px} .echat-fab>svg,.echat .echat-fab>svg{width:26px;height:26px;padding:6px 4px} .echat-panel{bottom:50px} @media (max-width:600px){.echat-fab{width:44px;height:44px;min-height:0;padding:0}.echat-fab>svg,.echat .echat-fab>svg{width:30px;height:30px;padding:7px 5px}} /* footer: copyright line on its own row, bottom left */ .ft .ft-copy{width:100%;margin:4px 0 0} /* 2026-10-21: footer links wrap instead of overflowing on 320 px phones */ .ft-links,.ft-langs{flex-wrap:wrap;row-gap:10px} @media (max-width:400px){.ft-links,.ft-langs{column-gap:18px}} /* long single-word titles (DE "Datenschutzerklärung") hyphenate on phones instead of widening the page */ @media (max-width:600px){.nt-title{-webkit-hyphens:auto;hyphens:auto;overflow-wrap:break-word}} /* 2026-10-23: footer copyright on the darker aurora footer (#d8c6aa) — #666158 was 3.68:1; #524e46 gives 4.96:1 */ .ft .ft-copy{color:#524e46} /* 2026-10-29 footer redesign (Founder: "mobilde de masaüstünde de daha şık olmalı"): two calm tiers split by a hairline. Desktop: logo · site links on top; legal line · language switch below. Phone: logo, links in two columns with 44 px rows, hairline, language switch, legal line. Markup unchanged on all pages. */ .ft{display:grid;grid-template-columns:auto 1fr auto;grid-template-areas:"logo . links" "line line line" "copy copy end";align-items:center;gap:0 32px;padding:56px max(24px,calc((100vw - 1328px)/2)) 92px} .ft::before{content:"";grid-area:line;height:1px;margin:34px 0 22px;background:rgba(16,16,14,.14)} .ft-sp{display:none} .ft nav{height:auto;min-height:0} /* site.css gives every