:root{color-scheme:dark;--bg:#06111f;--line:#234760;--blue:#0780ff;--text:#f3f6fb;--muted:#bdc9dc}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:95px}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,"Segoe UI",Arial,sans-serif;line-height:1.65}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}button,a{ -webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline:2px solid #5ce5ff;outline-offset:6px}a:hover{color:#69d7ff}.wrap{width:min(1280px,90%);margin:auto}header{position:relative;z-index:5;background:#061322e8;border-bottom:1px solid #153047}.header{display:flex;align-items:center;justify-content:space-between;min-height:94px}.brand{font-size:25px;letter-spacing:.28em;font-weight:700}nav{display:flex;gap:38px;align-items:center;font-size:14px}nav a.active{color:#41c7ff;border-bottom:1px solid;padding-bottom:6px}.pill,.button{display:inline-flex;justify-content:center;align-items:center;gap:25px;border:1px solid #179dff;border-radius:9px;padding:12px 25px;transition:.2s}.pill{border-radius:30px;padding:7px 25px}.button{background:#087bff;color:white;font-weight:600}.button:hover{background:#2394ff;color:white;transform:translateY(-2px)}.button.secondary{background:#061322b8;font-weight:400}.menu{display:none}.eyebrow{font-size:12px;letter-spacing:.25em;color:#30baff;font-weight:600}.hero{position:relative;overflow:hidden;border-bottom:1px solid var(--line);min-height:475px;display:flex;align-items:center}.hero .wrap{position:relative;z-index:1;padding:70px 0}.hero-copy{max-width:710px}.hero h1{font-size:clamp(36px,4.1vw,62px);line-height:1.17;letter-spacing:-.045em;margin:20px 0 24px;font-weight:650}.blue{color:#399cf9}.hero p{font-size:19px;max-width:610px;color:#e3eaf4}.hero-art{position:absolute;inset:0;background-image:linear-gradient(90deg,#06111f 0%,#06111ff0 30%,transparent 67%),url('assets/home-art.png');background-size:cover,100% auto;background-position:center,center top;opacity:.8;pointer-events:none}.hero.about .hero-art{background-image:linear-gradient(90deg,#06111f 0%,#06111ff2 35%,transparent 75%),url('assets/about-art.png')}.hero.projects .hero-art{background-image:linear-gradient(90deg,#06111f 0%,#06111ff2 35%,transparent 75%),url('assets/projects-art.png')}.actions{display:flex;gap:18px;margin-top:30px}.categories{display:flex;gap:25px;color:var(--muted);font-size:13px;margin-top:38px}.categories span+span:before{content:'/';margin-right:25px;color:#4d819c}.section{padding:65px 0}h2{font-size:clamp(28px,3vw,43px);line-height:1.25;letter-spacing:-.025em;margin:10px 0 14px}p{color:var(--muted)}.section-head{margin-bottom:30px}.section-head p{font-size:18px;margin:0}.grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.project{--accent:#2aa5ff;border:1px solid var(--line);border-radius:15px;background:linear-gradient(115deg,#071322,#0a1d2d);overflow:hidden;position:relative}.project.cockpit{--accent:#37daec}.project.cyber{--accent:#29d5df}.project.friz{--accent:#ff8d91;background:linear-gradient(115deg,#101521,#2d1d28)}.project h3{font-size:34px;letter-spacing:-.035em;line-height:1.15;margin:12px 0}.project h3 span{color:var(--accent)}.project .eyebrow{color:var(--accent);font-size:11px}.project p{font-size:15px}.compact{padding:30px;min-height:310px}.compact .copy{position:relative;z-index:1;max-width:64%}.compact .art{position:absolute;width:50%;right:0;top:0;height:100%;opacity:.65}.status{display:inline-flex;align-items:center;gap:9px;border:1px solid #35607b;border-radius:25px;padding:5px 12px;font-size:11px;color:#d3dfef}.status:before{content:'';width:8px;height:8px;border-radius:50%;background:var(--accent,#229cff);flex-shrink:0}.text-link{display:inline-flex;gap:15px;color:var(--accent,#39a8ff);font-size:14px;font-weight:600;margin-top:22px;background:none;border:0;padding:0}.art{background-image:url('assets/projects-art.png');background-repeat:no-repeat;background-size:235% auto;min-height:260px;pointer-events:none}.art.one{background-position:3% 26%}.art.cockpit{background-position:100% 47%}.art.cyber{background-position:3% 68%}.art.friz{background-position:100% 89%}.project-list{display:grid;gap:22px}.wide{display:grid;grid-template-columns:44% 56%;min-height:360px}.wide .art{order:0;min-height:360px;background-size:225% auto}.wide .copy{padding:30px 35px;order:1}.wide:nth-child(even){grid-template-columns:56% 44%}.wide:nth-child(even) .art{order:1}.wide:nth-child(even) .copy{order:0}.wide h3{font-size:38px}.wide h4{font-size:19px;font-weight:500;margin:6px 0 12px;line-height:1.4}.features{display:flex;gap:12px;list-style:none;padding:0;margin:24px 0;font-size:12px;color:#d5e4f1}.features li{flex:1;border-left:1px solid #27516c;padding-left:12px}.project-bottom{border-top:1px solid #1c3d52;padding-top:17px;display:flex;align-items:center;justify-content:space-between;gap:15px;flex-wrap:wrap}.project-bottom .text-link{margin:0}.banner{border:1px solid #23547e;border-radius:15px;padding:38px 45px;background:radial-gradient(ellipse at 85% 100%,#094983,transparent 65%),#09192b;display:flex;gap:30px;align-items:center;justify-content:space-between}.banner h2{max-width:650px;margin:0}.banner .button{flex-shrink:0}.intro{display:grid;grid-template-columns:1fr 1fr;gap:90px}.intro .prose{border-left:1px solid #234760;padding-left:50px}.intro p:first-child{margin-top:0}.approach{border-top:1px solid #17374e;border-bottom:1px solid #17374e}.three{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:28px}.approach-card{border:1px solid var(--line);border-radius:14px;padding:30px;background:linear-gradient(150deg,#0b2135,#071321)}.number{color:#35cfff;font-size:42px;font-weight:300}.approach-card h3{font-size:22px;margin-bottom:10px}.approach-card p{font-size:15px}.four{grid-template-columns:repeat(4,1fr)}.four .compact{min-height:240px;padding:24px}.four .compact .copy{max-width:100%}.four h3{font-size:25px}.four p{min-height:60px}footer{padding:50px 0 25px}#iletisim{padding:15px 0 35px}#iletisim h2{font-size:28px}.footer-line{border-top:1px solid #193749;padding-top:25px;display:flex;justify-content:space-between;gap:30px;font-size:12px}.footer-line nav{font-size:12px;gap:25px}.skip{position:absolute;top:-100px;z-index:20;background:#087bff;padding:10px}.skip:focus{top:0}dialog{max-width:750px;width:90%;border:1px solid #367da5;border-radius:18px;background:#0a1b2d;color:white;padding:45px;max-height:85vh}dialog::backdrop{background:#000b;backdrop-filter:blur(6px)}dialog h2{padding-right:20px}dialog li{color:var(--muted);margin:10px 0}.close{position:absolute;top:10px;right:18px;background:none;border:0;color:white;font-size:32px}body.modal{overflow:hidden}@media(min-width:1500px){.hero-art{background-size:cover,1440px auto;background-position:center,right top}}@media(max-width:900px){nav{gap:20px}.hero-copy{max-width:600px}.hero-art{opacity:.45;background-size:cover,150% auto;background-position:center,right top}.grid,.intro{gap:20px}.compact{padding:22px}.compact .copy{max-width:80%}.wide,.wide:nth-child(even){grid-template-columns:35% 65%}.wide:nth-child(even) .art{order:0}.wide:nth-child(even) .copy{order:1}.wide .copy{padding:25px}.three{gap:15px}.approach-card{padding:23px}.four{grid-template-columns:1fr 1fr}.banner{padding:30px}.intro .prose{padding-left:25px}}@media(max-width:640px){.header{min-height:76px}.brand{font-size:21px}.menu{display:block;background:none;border:1px solid #285575;color:white;border-radius:8px;padding:4px 10px;font-size:23px}.header nav{display:none;position:absolute;top:76px;left:0;right:0;padding:25px;background:#081a2b;border-bottom:1px solid #285575;align-items:flex-start}.header nav.open{display:flex;flex-direction:column}.hero{min-height:445px}.hero .wrap{padding:45px 0}.hero h1{font-size:39px}.hero p{font-size:16px}.hero-art{opacity:.3;background-size:cover,210% auto}.actions{gap:10px;flex-wrap:wrap}.button{padding:11px 16px;font-size:13px}.categories{gap:12px;font-size:10px}.categories span+span:before{margin-right:12px}.section{padding:42px 0}.grid,.three,.intro{grid-template-columns:1fr}.compact{min-height:290px}.compact .copy{max-width:76%}.project h3{font-size:31px}.wide,.wide:nth-child(even){display:flex;flex-direction:column}.wide .art,.wide:nth-child(even) .art{order:0;height:220px;min-height:220px;background-size:210% auto}.wide .copy,.wide:nth-child(even) .copy{order:1;padding:25px}.features{gap:8px;font-size:11px}.project-bottom{gap:15px}.banner{display:block;padding:28px}.banner .button{margin-top:25px}.intro .prose{border:0;padding:0}.four{grid-template-columns:1fr 1fr}.four .compact{padding:18px;min-height:250px}.four h3{font-size:23px}.four p{font-size:13px}.footer-line{display:block}.footer-line nav{margin-top:20px;flex-wrap:wrap}.company{font-size:11px}dialog{padding:30px 22px}dialog h2{font-size:28px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
.hero-art{left:auto;width:48%;background-image:linear-gradient(90deg,#06111f,transparent 25%),url('assets/home-art.png');background-size:100% 100%,225% auto;background-position:center,right -75px;opacity:1}
.hero.about .hero-art{background-image:linear-gradient(90deg,#06111f,transparent 25%),url('assets/about-art.png');background-size:100% 100%,225% auto;background-position:center,right -75px}
.hero.projects .hero-art{background-image:linear-gradient(90deg,#06111f,transparent 25%),url('assets/projects-art.png');background-size:100% 100%,225% auto;background-position:center,right -75px}
.hero-copy{max-width:740px}.hero h1{font-size:clamp(36px,3.8vw,58px)}
@media(max-width:900px){.hero-art{width:55%;opacity:.6}.hero-copy{max-width:610px}}
@media(max-width:640px){.hero-art{width:70%;opacity:.2}.hero h1{font-size:37px}.hero-copy{max-width:100%}}
.art{mask-image:radial-gradient(ellipse at center,#000 42%,transparent 75%)}
.hero-art{mask-image:linear-gradient(to bottom,#000 70%,transparent 99%)}
.hero-art:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#06111f 0%,#06111fd9 10%,transparent 38%)}
.contact-grid{display:grid;grid-template-columns:1fr 1fr 1.5fr;gap:30px;margin-top:30px}.contact-grid>div{border-top:1px solid #234760;padding-top:20px}.contact-grid .eyebrow{display:block;margin-bottom:12px}.contact-grid a{font-size:20px}.contact-grid address{font-style:normal;color:var(--muted);font-size:16px}@media(max-width:640px){.contact-grid{grid-template-columns:1fr;gap:20px}}
/* Dedicated vector artwork: no screenshot crops or raster enlargement. */
.hero-art,.hero.about .hero-art,.hero.projects .hero-art{width:53%;background-image:url('assets/hero.svg');background-size:contain;background-position:center;background-repeat:no-repeat;mask-image:none;opacity:1}
.hero.about .hero-art{background-image:url('assets/hero-about.svg')}.hero.projects .hero-art{background-image:url('assets/hero-projects.svg')}
.hero-art:after{background:linear-gradient(90deg,#06111f,transparent 35%)}
.art,.wide .art,.compact .art{background-size:contain;background-repeat:no-repeat;background-position:center;mask-image:none}
.art.one{background-image:url('assets/one.svg')}.art.cockpit{background-image:url('assets/cocpit.svg')}.art.cyber{background-image:url('assets/cyber.svg')}.art.friz{background-image:url('assets/friz.svg')}
@media(max-width:900px){.hero-art,.hero.about .hero-art,.hero.projects .hero-art{width:58%;opacity:.6}}
@media(max-width:640px){.hero-art,.hero.about .hero-art,.hero.projects .hero-art{width:90%;opacity:.25;background-size:cover}.wide .art{background-size:contain}}

/* Original project logos are displayed intact, without recoloring or cropping. */
.project.has-logo .art{background:none;mask-image:none;opacity:1;display:flex;align-items:center;justify-content:center;padding:24px;min-width:0}
.project-logo{display:block;width:100%;height:auto;max-height:280px;object-fit:contain;border-radius:8px}
.compact.has-logo{display:flex;flex-direction:column;padding:25px}
.compact.has-logo .art{position:relative;width:100%;height:180px;min-height:180px;padding:0;margin-bottom:20px}
.compact.has-logo .project-logo{height:180px;width:100%;object-fit:contain}
.compact.has-logo .copy{max-width:100%}
.four .compact.has-logo .art{height:110px;min-height:110px}
.four .compact.has-logo .project-logo{height:110px}
.detail-logo{display:block;max-width:100%;width:380px;max-height:190px;object-fit:contain;margin:20px auto 25px;border-radius:8px}
@media(max-width:640px){.wide.has-logo .art{height:230px;min-height:230px;padding:20px}.wide.has-logo .project-logo{max-height:210px}.compact.has-logo .art{height:160px;min-height:160px}.compact.has-logo .project-logo{height:160px}.four .compact.has-logo .art,.four .compact.has-logo .project-logo{height:90px;min-height:90px}}

/* Dark logo backgrounds blend into the site without changing original files. */
.project-logo,.detail-logo{mix-blend-mode:lighten;border-radius:0;background:transparent}
.project.cockpit{--accent:#37daec}
.project.cyber{--accent:#4ce4a0;border-color:#245b49}
.project.cyber .art{filter:hue-rotate(310deg)}
.project.cyber .eyebrow,.project.cyber h3 span,.project.cyber .text-link{color:var(--accent)}
/* Shared compact-card rows keep project titles, status and actions aligned. */
.compact,.compact.has-logo{display:flex;flex-direction:column;padding:25px}
.compact .art,.compact.has-logo .art{position:relative;inset:auto;width:100%;height:180px;min-height:180px;margin:0 0 20px;padding:0;flex-shrink:0}
.compact .copy,.compact.has-logo .copy{max-width:100%;display:flex;flex-direction:column;flex:1;min-width:0}
.compact .copy>p{flex:1}
.compact .copy>div{margin-top:auto}
.compact .copy>div>.text-link{margin-top:22px}
.four .compact .art,.four .compact.has-logo .art{height:110px;min-height:110px}
@media(max-width:640px){.compact .art,.compact.has-logo .art{height:160px;min-height:160px}.four .compact .art,.four .compact.has-logo .art{height:90px;min-height:90px}}
/* Compensate for the original One image's larger internal margins. */
.project.one .project-logo{transform:scale(1.22);transform-origin:center}
.detail-logo[src$="one-logo.png"]{transform:scale(1.22);transform-origin:center}
.project.has-logo .art{overflow:hidden}
.project.one .project-logo{transform:none;object-fit:cover;object-position:50% 65%}
.project.wide.one .project-logo,.project.wide.cockpit .project-logo{width:100%;height:auto;aspect-ratio:2.4;object-fit:cover}
.project.wide.cockpit .project-logo{object-fit:contain}
.detail-logo[src$="one-logo.png"]{transform:none;aspect-ratio:2.4;height:auto;object-fit:cover;object-position:50% 65%}

/* Official corporate logo, preserving original navy/blue colors. */
.brand{display:flex;align-items:center;letter-spacing:normal;flex-shrink:0}
.site-logo{display:block;width:176px;height:auto;background:#fff;padding:5px 10px;border-radius:7px}
.header{min-height:100px}
@media(max-width:640px){.site-logo{width:136px;padding:4px 8px}.header{min-height:82px}.header nav{top:82px}}
/* Large dedicated AI hero artwork, at native resolution without screenshot crops. */
.hero-art,.hero.about .hero-art,.hero.projects .hero-art{inset:0;width:100%;height:100%;background-image:linear-gradient(90deg,#06111f 0%,#06111ffa 26%,#06111fc4 44%,transparent 70%),url('assets/ai-core-hero.webp');background-size:100% 100%,auto 118%;background-position:center,right center;background-repeat:no-repeat;opacity:1;mask-image:none}
.hero-art:after{background:linear-gradient(0deg,#06111f 0%,transparent 16%)}
.hero{min-height:530px}.hero-copy{position:relative;z-index:1}
@media(max-width:900px){.hero-art,.hero.about .hero-art,.hero.projects .hero-art{background-size:100% 100%,auto 105%;background-image:linear-gradient(90deg,#06111ff5 0%,#06111fd9 35%,#06111f77 70%),url('assets/ai-core-hero.webp')}}
@media(max-width:640px){.hero{min-height:490px}.hero-art,.hero.about .hero-art,.hero.projects .hero-art{background-size:100% 100%,auto 100%;background-position:center,65% center;background-image:linear-gradient(90deg,#06111ff0,#06111faa),url('assets/ai-core-hero.webp')}}
/* Move the AI focal point inward, leaving room at the right edge. */
.hero-art,.hero.about .hero-art,.hero.projects .hero-art{background-position:center,calc(100% - 110px) center}
@media(max-width:900px){.hero-art,.hero.about .hero-art,.hero.projects .hero-art{background-position:center,calc(100% - 45px) center}}
@media(max-width:640px){.hero-art,.hero.about .hero-art,.hero.projects .hero-art{background-position:center,55% center}}
/* Fade all artwork edges into the hero instead of exposing the image rectangle. */
.hero-art,.hero.about .hero-art,.hero.projects .hero-art{background-image:url('assets/ai-core-hero.webp');background-size:auto 118%;background-position:calc(100% - 110px) center;mask-image:linear-gradient(90deg,transparent 0%,#000 16%,#000 82%,transparent 98%),linear-gradient(180deg,transparent 0%,#000 13%,#000 77%,transparent 100%);mask-composite:intersect}
.hero-art:after{background:linear-gradient(90deg,#06111f 0%,#06111ff5 27%,#06111fb3 43%,transparent 65%)}
@media(max-width:900px){.hero-art,.hero.about .hero-art,.hero.projects .hero-art{background-position:calc(100% - 45px) center;background-size:auto 105%}.hero-art:after{background:linear-gradient(90deg,#06111ff2,#06111fbb 40%,#06111f44 80%)}}
@media(max-width:640px){.hero-art,.hero.about .hero-art,.hero.projects .hero-art{background-position:55% center;background-size:auto 100%}.hero-art:after{background:linear-gradient(90deg,#06111ff0,#06111faa)}}
.hero-art,.hero.about .hero-art,.hero.projects .hero-art{left:auto;right:65px;width:min(1150px,90%);background-size:cover;background-position:center;mask-image:linear-gradient(90deg,transparent,#000 18%,#000 78%,transparent),linear-gradient(180deg,transparent,#000 14%,#000 78%,transparent);mask-composite:intersect}
@media(max-width:900px){.hero-art,.hero.about .hero-art,.hero.projects .hero-art{right:15px;width:100%;background-size:cover;background-position:65% center}}
@media(max-width:640px){.hero-art,.hero.about .hero-art,.hero.projects .hero-art{right:0;width:100%;background-position:60% center}}
.hero .actions{position:relative;z-index:3;display:flex;visibility:visible;opacity:1}.hero .actions .button{min-height:50px}.hero .actions .secondary{background:#061322e6;border-color:#159dff}

/* Technology page */
.header nav{gap:25px}.tech-intro>p{max-width:850px;font-size:18px}.tech-tags{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}.tech-tags span{border:1px solid #285b7a;background:#0a2135;padding:9px 18px;border-radius:7px;color:#79d9ff;font-family:Consolas,monospace;font-size:14px}.tech-grid{display:grid;grid-template-columns:1fr 1fr;gap:25px}.tech-panel{border:1px solid #28506a;background:linear-gradient(140deg,#0c2133,#071321);border-radius:16px;padding:36px;display:flex;flex-direction:column}.tech-code{font:12px Consolas,monospace;letter-spacing:.13em;color:#38cfee}.tech-panel h2{font-size:30px;margin-top:20px}.tech-panel h3{color:#6cceff;font-size:17px;font-weight:500}.tech-panel p,.tech-panel dd{font-size:15px;line-height:1.8}.tech-panel dl{margin:10px 0 25px}.tech-panel dt{font-weight:600;margin-top:18px;color:#e8f2fc}.tech-panel dd{margin:5px 0;color:var(--muted)}.tech-foot{border-top:1px solid #23485f;padding-top:18px;font-size:12px;color:#62cbe9;margin-top:auto}.code-flow{display:flex;flex-direction:column;gap:5px;align-items:center;background:#04101d;border:1px solid #234760;border-radius:10px;padding:20px;margin:15px 0}.code-flow code{font-size:13px;color:#83ddff}.code-flow span{color:#3a7b9b}.tech-ai{border:1px solid #2374a1;border-radius:16px;padding:40px;background:radial-gradient(ellipse at 100% 0%,#0d3c59,transparent 70%),#0a192a}.tech-two{display:grid;grid-template-columns:1fr 1fr;gap:45px}.tech-two h3{color:#68d8ef}.tech-ecosystem{padding-top:0}.tech-ecosystem p{max-width:900px}.tech-ecosystem .button{margin-top:18px}@media(max-width:1000px){.header nav{gap:16px;font-size:12px}.tech-panel{padding:27px}}@media(max-width:640px){.tech-grid,.tech-two{grid-template-columns:1fr}.tech-panel{padding:25px}.tech-ai{padding:26px}.tech-panel h2{font-size:27px}.tech-two{gap:12px}.header nav{font-size:14px}}
/* Shift only the desktop hero artwork; preserve size and responsive layouts. */
@media(min-width:901px){.hero-art,.hero.about .hero-art,.hero.projects .hero-art{right:clamp(120px,9vw,180px)}}
/* Approach section: green AI atmosphere coordinated with the hero. */
.approach{position:relative;isolation:isolate;overflow:hidden;background:#071b20}
.approach:before{content:'';position:absolute;inset:0;z-index:-2;background:url('assets/ai-core-hero.webp') 85% 48%/cover no-repeat;filter:hue-rotate(310deg);opacity:.28;pointer-events:none}
.approach:after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#06151ded,#071d20a3 55%,#06151dcb),linear-gradient(0deg,#06111f,transparent 25%,transparent 75%,#06111f);pointer-events:none}
.approach .approach-card{background:linear-gradient(145deg,#0b292ce8,#071a23ed);border-color:#245952}
.approach .number,.approach>.wrap>.eyebrow{color:#56e2bb}
@media(max-width:640px){.approach:before{background-position:65% center;opacity:.2}}
/* Increase approach artwork visibility while retaining readable card surfaces. */
.approach:before{opacity:.62}
.approach:after{background:linear-gradient(90deg,#06151db3,#071d2033 55%,#06151d66),linear-gradient(0deg,#06111f,transparent 15%,transparent 85%,#06111f)}
@media(max-width:640px){.approach:before{opacity:.46}}
.approach:before{background-image:url("assets/approach-green-data.webp");background-position:center;background-size:cover;filter:none;opacity:.75}@media(max-width:640px){.approach:before{background-position:65% center;opacity:.6}}
.visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.chat-widget{position:fixed;right:25px;bottom:24px;z-index:50}.chat-launch{display:flex;align-items:center;gap:12px;border:1px solid #4cc8ff;border-radius:32px;background:linear-gradient(135deg,#076aeb,#07428c);color:white;padding:15px 22px;box-shadow:0 8px 32px #0007;font-size:14px;font-weight:600}.chat-launch:hover{background:#087bff}.chat-panel[hidden]{display:none}.chat-panel{position:absolute;right:0;bottom:76px;width:380px;height:min(580px,calc(100dvh - 125px));display:flex;flex-direction:column;background:#091a2c;border:1px solid #2a688f;border-radius:18px;box-shadow:0 18px 75px #0009;overflow:hidden}.chat-head{display:flex;justify-content:space-between;align-items:center;padding:18px 20px;background:linear-gradient(115deg,#0b3653,#09243b);border-bottom:1px solid #26506a}.chat-head strong{font-size:17px}.chat-head small{display:block;color:#a7d5ea;font-size:12px;margin-top:2px}.chat-close{font-size:28px;line-height:1;background:transparent;border:0;color:#fff;padding:5px}.chat-note{margin:0;padding:8px 18px;color:#9fb8cb;background:#071523;font-size:11px}.chat-messages{flex:1;overflow-y:auto;padding:16px;min-height:0;overscroll-behavior:contain}.chat-message{font-size:13px;line-height:1.65;padding:12px 14px;border-radius:13px;max-width:94%;white-space:pre-wrap;overflow-wrap:anywhere;margin-bottom:13px}.chat-message.assistant{background:#102c43;color:#e3f1fc;border:1px solid #20445e;border-top-left-radius:3px}.chat-message.user{background:#0766c1;color:white;margin-left:auto;border-bottom-right-radius:3px}.chat-message a{display:block;color:#6fd9ff;margin-top:9px;font-weight:600}.chat-suggestions{display:flex;gap:7px;padding:6px 14px 12px;flex-wrap:wrap}.chat-suggestions button{border:1px solid #285675;border-radius:20px;padding:6px 11px;background:#0b2236;color:#a5dcf7;font-size:11px}.chat-form{display:flex;gap:8px;padding:12px 14px;border-top:1px solid #234760}.chat-form input{font:inherit;font-size:12px;min-width:0;flex:1;background:#061321;color:white;border:1px solid #2b5270;border-radius:9px;padding:11px}.chat-form input:focus{outline:2px solid #43bfff;outline-offset:1px}.chat-form button{border:0;border-radius:9px;width:40px;background:#087bff;color:white;font-size:23px}.chat-foot{font-size:10px;text-align:center;color:#8aa5b9;padding:0 12px 9px}@media(max-width:640px){.chat-widget{right:15px;bottom:15px}.chat-panel{width:min(380px,calc(100vw - 30px));bottom:68px;height:min(560px,calc(100dvh - 110px))}.chat-launch{padding:13px 17px;font-size:12px}}
.site-logo{background:transparent;padding:0;border:0;border-radius:0;object-fit:contain}@media(max-width:640px){.site-logo{padding:0}}
/* Consistent visual logo footprint without clipping original marks. */
.compact.has-logo .art{height:180px;min-height:180px;overflow:hidden}
.compact.has-logo .project-logo{width:82%;max-width:350px;height:145px;object-fit:contain;transform:none;aspect-ratio:auto;object-position:center}
.compact.one .project-logo{width:82%;max-width:350px;height:145px;object-fit:cover;object-position:50% 65%;aspect-ratio:2.4}
.compact.cockpit .project-logo{height:145px}
.compact.friz .project-logo{width:78%;max-width:330px;height:125px}
.four .compact.has-logo .art{height:110px;min-height:110px}
.four .compact.has-logo .project-logo{width:100%;height:90px;max-width:250px;min-height:0}
.four .compact.one .project-logo{height:90px;object-fit:cover;object-position:50% 65%}
.wide.has-logo .project-logo{width:90%;max-width:380px;height:180px;object-fit:contain;aspect-ratio:auto;transform:none}
.wide.one .project-logo{width:90%;max-width:380px;height:180px;object-fit:cover;object-position:50% 65%}
.wide.friz .project-logo{max-width:350px;height:150px}
.back-top{position:fixed;bottom:96px;right:27px;z-index:45;display:flex;align-items:center;gap:8px;padding:10px 15px;background:#0c2841f2;border:1px solid #3693c2;border-radius:24px;color:#d4f2ff;box-shadow:0 4px 20px #0004;font-size:12px}.back-top[hidden]{display:none}.back-top:hover{background:#12426a}
@media(max-width:640px){.compact.has-logo .project-logo{max-width:280px}.four .compact.has-logo .project-logo{height:75px}.four .compact.one .project-logo{height:75px}.back-top{right:18px;bottom:82px}}

.platform-grid{margin-top:30px}.platform-grid .tech-panel h3{font-size:25px;margin:15px 0 8px}.platform-grid .tech-panel{padding:30px}.platform-note{font-size:13px;color:#8eacc1;margin-top:25px}

/* Approved unified contact panel */
.contact-proposal{border:1px solid #24577b;border-radius:18px;background:radial-gradient(ellipse at 100% 100%,#103f68 0%,transparent 65%),linear-gradient(120deg,#091b2c,#0b243c);padding:46px 46px 40px!important;margin:0 0 36px;overflow:hidden}.contact-proposal h2{font-size:clamp(30px,3.1vw,46px)!important;line-height:1.2;margin:14px 0 0}.contact-proposal-head{padding-bottom:28px}.contact-proposal .contact-grid{gap:32px;margin-top:0}.contact-proposal .contact-grid>div{position:relative;border-top:1px solid #316483;padding-top:24px}.contact-proposal .contact-grid a{font-size:21px;font-weight:500}.contact-proposal .contact-grid address{font-size:16px;line-height:1.8}.contact-symbol{display:flex;align-items:center;justify-content:center;width:35px;height:35px;border:1px solid #336584;border-radius:10px;color:#55caff;margin-bottom:15px;font-size:21px;background:#0a263e}.contact-proposal .eyebrow{font-size:11px}.footer-line{border-top:0;padding-top:0}footer{padding-top:30px}@media(max-width:640px){.contact-proposal{padding:27px!important}.contact-proposal .contact-grid{gap:24px}.contact-proposal .contact-grid a{font-size:19px}}

.project.cyber.has-logo .art{filter:none}.project.cyber .project-logo{max-width:225px;width:85%;height:160px;object-fit:contain}.four .project.cyber .project-logo{height:100px;max-width:160px}.wide.cyber.has-logo .project-logo{width:85%;max-width:300px;height:260px}.footer-legal{display:flex;flex-wrap:wrap;gap:12px 25px;margin-top:23px;padding-top:20px;border-top:1px solid #193749;font-size:12px;color:#9ab1c8}.legal-document{max-width:960px;padding-top:55px;padding-bottom:65px}.legal-document>.eyebrow{display:block;margin-top:25px}.legal-document h1{font-size:clamp(32px,4vw,48px);line-height:1.2}.legal-document h2{font-size:23px;margin:32px 0 12px}.legal-document p{line-height:1.9}.legal-document a{color:#59caff}.legal-date{font-size:13px}.legal-document section{border-top:1px solid #193749;margin-top:25px}@media(max-width:640px){.footer-legal{gap:14px 20px}.legal-document{padding-top:30px}.legal-document h2{font-size:21px}}
/* Larger CYBEREX mark, retaining the shared card artwork area. */
.compact.cyber.has-logo .project-logo{height:200px;max-width:280px;width:95%;flex-shrink:0}
.four .compact.cyber.has-logo .project-logo{height:125px;max-width:195px}
.wide.cyber.has-logo .project-logo{height:300px;max-width:345px}

.chat-consent{display:flex;gap:9px;align-items:flex-start;padding:8px 15px;font-size:10px;line-height:1.5;color:#b8cfdf;background:#081624}.chat-consent input{flex-shrink:0;margin-top:3px;accent-color:#168bff}.chat-consent a{color:#67ceff;text-decoration:underline}.chat-form button:disabled{opacity:.55;cursor:wait}.chat-note{font-size:10px}.chat-foot{line-height:1.4}

/* Scoped refinement: project introduction only. */
.project-intro-banner{padding-top:36px}
.project-intro-banner .banner{padding:38px 44px;border-color:#25516f;border-radius:18px;background:radial-gradient(ellipse at 100% 100%,#0d3b62 0%,transparent 72%),#0a1c2e;box-shadow:0 12px 32px #00000012}
.project-intro-banner .banner h2{max-width:800px;line-height:1.22;letter-spacing:-.025em;margin:0}
.project-intro-banner .banner p{margin:20px 0 0;line-height:1.7;color:#c2d0e2}
@media(max-width:640px){.project-intro-banner{padding-top:24px}.project-intro-banner .banner{padding:28px 25px;border-radius:15px}.project-intro-banner .banner p{margin-top:16px;font-size:14px}}