@font-face{font-family:Artavion;src:url('./assets/artavion-regular.woff') format('woff');font-weight:400 700;font-display:swap}
@font-face{font-family:Artavion;src:url('./assets/artavion-light.woff') format('woff');font-weight:300;font-display:swap}
:root{color-scheme:dark;--background:#000;--foreground:#eaeaea;--primary:#5526ff;--light-purple:#ab93ff;--line:#ffffff35;--muted:#b3afbb;--body:Arial,Helvetica,sans-serif;--display:Artavion,Arial,sans-serif}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:100px}
body{margin:0;background:var(--background);color:var(--foreground);font-family:var(--body);font-size:16px;line-height:1.5;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}
button{font:inherit}
img{max-width:100%}
a:focus-visible,button:focus-visible{outline:3px solid #ab93ff;outline-offset:6px}
.skip{position:fixed;top:-100px;left:20px;z-index:20;background:white;color:black;padding:14px 20px}
.skip:focus{top:15px}
.header{height:86px;padding:18px 5.5%;display:flex;align-items:center;justify-content:space-between;gap:24px;border-bottom:1px solid #eaeaea70;background:#000;position:relative;z-index:3}
.brand{display:flex;align-items:center;gap:13px}
.brand img{width:65px;height:42px;object-fit:contain}
.brand-name{font-family:var(--display);font-size:25px;letter-spacing:.2px}
.brand-name span{display:block;font-family:var(--body);font-size:12px;letter-spacing:.7px;color:#bdbac3}
.header nav{display:flex;gap:36px;font-size:16px}
.header nav a:hover{color:var(--light-purple)}
.header-actions{display:flex;align-items:center;gap:25px}
.languages{display:flex;align-items:center;gap:12px;font-size:14px}
.languages a{padding:8px 1px;color:#aaa5b4}
.languages a[aria-current=page]{color:white;text-decoration:underline;text-underline-offset:7px}
.languages>span{color:#67616f}
.header-cta{display:flex;align-items:center;gap:24px;background:var(--foreground);color:#19151f;padding:10px 17px;border-radius:5px;font-size:14px}
.header-cta:hover{background:#d9ccff}
.hero{position:relative;isolation:isolate;display:grid;grid-template-columns:1.12fr 1fr;gap:7%;padding:68px 5.5% 74px;min-height:760px;overflow:hidden;background:radial-gradient(ellipse at 11% 20%,#3a12cb9e,transparent 62%),radial-gradient(ellipse at 95% 95%,#3a17b994,transparent 60%),#0b0716}
.hero:before{content:'';position:absolute;inset:0;z-index:-1;background-image:linear-gradient(#eaeaea0d 1px,transparent 1px),linear-gradient(90deg,#eaeaea0d 1px,transparent 1px);background-size:6.25vw 70px;pointer-events:none}
.hero-content{min-width:0;max-width:680px}
.eyebrow{font-size:12px;letter-spacing:1.4px;font-weight:400;display:flex;align-items:center;gap:12px;margin:0 0 34px}
.mini-line{width:24px;height:1px;background:#ddd0ff;flex-shrink:0}
h1,h2,h3{font-family:var(--display);font-weight:300}
h1{font-size:clamp(48px,5.2vw,82px);line-height:1.05;letter-spacing:-1.5px;margin:0 0 29px;padding:24px 28px 28px}
.brand-frame{position:relative;border:1px solid #eaeaea65}
.brand-frame:before,.brand-frame:after{content:'';position:absolute;width:20px;height:20px;background:url('./assets/brand-star.svg') center/contain no-repeat;pointer-events:none}
.brand-frame:before{top:-10px;left:-10px}
.brand-frame:after{bottom:-10px;right:-10px}
.purple{background:linear-gradient(110deg,#bca5ff,#f1eaff 57%,#a992ef);color:#c9b8ff;background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}
.hero-description{font-size:17px;color:#d0cbd9;line-height:1.8;max-width:490px;margin:0 0 28px}
.hero-buttons{display:flex;align-items:center;gap:26px;flex-wrap:wrap}
.button{display:inline-flex;align-items:center;justify-content:space-between;gap:26px;border-radius:5px;padding:15px 21px;font-size:14px;font-weight:500;transition:background .2s,transform .2s}
.button:hover{transform:translateY(-2px)}
.button>span:last-child{font-size:23px;line-height:1}
.primary{background:#eaeaea;color:#151515}
.primary:hover{background:#d4c4ff}
.text-link{display:flex;gap:15px;font-size:14px}
.text-link:hover{color:#cbbaff}
.event-meta{display:flex;gap:17px;align-items:center;color:#bfb7cf;margin-top:28px;font-size:14px}
.meta-divider{height:13px;width:1px;background:#bfb7cf60}
.hero-visual{display:flex;min-width:0;padding-top:50px}
.photo-panel{position:relative;isolation:isolate;min-height:550px;width:100%;border:1px solid #eaeaea65;background:#171121}
.istanbul{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 57%;z-index:-3}
.photo-shade{position:absolute;inset:0;background:linear-gradient(180deg,#180b34b0,transparent 48%,#130a27df);z-index:-2}
.visual-top{display:flex;justify-content:space-between;gap:15px;padding:22px;color:white;font-size:12px;letter-spacing:.5px}
.visual-top>span:last-child{white-space:nowrap}
.event-card{position:absolute;top:23%;left:7%;right:7%;padding:24px;background:#110a21eb;border:1px solid #eaeaea70;color:var(--foreground)}
.event-card-top{display:flex;justify-content:space-between;gap:20px;font-size:12px;letter-spacing:.8px;color:#d1c4e7}
.event-logo{display:flex;min-height:150px;align-items:center;padding:25px 0}
.event-card img{width:100%;height:auto}
.event-card-bottom{display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line);padding-top:18px;font-size:14px}
.round-arrow{display:grid;place-items:center;width:36px;height:36px;border:1px solid #aa8cf0;border-radius:50%;font-size:23px;color:#d9c7ff}
.visual-bottom{position:absolute;left:25px;right:25px;bottom:24px;display:flex;justify-content:space-between;gap:20px;align-items:center;font-family:var(--display);font-weight:300;font-size:29px;line-height:1.1}
.asterisk img{width:55px;height:55px}
.manifesto{display:flex;align-items:center;justify-content:space-between;gap:25px;padding:29px 5.5%;border-bottom:1px solid var(--line);background:#000}
.manifesto>span:first-child{font-size:14px;color:#b7b0c2}
.manifesto>span:last-child{font-family:var(--display);font-weight:300;font-size:30px;display:flex;gap:35px;align-items:center}
.spark{font-family:var(--body);font-size:31px;color:var(--light-purple)}
.section{padding:100px 5.5%}
.section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:40px;margin-bottom:55px}
.section-heading .eyebrow{color:#bba8f7;margin-bottom:25px}
h2{font-size:clamp(35px,3.8vw,57px);line-height:1.15;letter-spacing:-.8px;margin:0}
.muted{color:#a29ba9}
.section-heading>p{max-width:370px;font-size:16px;line-height:1.8;color:#b5afbd;margin:0 0 2px}
.services{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #d1c6e154;border-bottom:1px solid #d1c6e154}
.service{padding:31px 28px 34px;min-width:0}
.service+.service{border-left:1px solid #d1c6e154}
.service:first-child{padding-left:0}
.service:last-child{padding-right:0}
.service-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:32px;color:#a49aaf;font-size:14px}
.service-icon{font-family:var(--body);color:#b59cfc;font-size:38px;line-height:1;display:flex;align-items:center;height:42px}
.code-icon{font-family:monospace;font-size:31px;letter-spacing:-4px}
h3{font-size:clamp(23px,2.1vw,31px);line-height:1.25;margin:0 0 20px}
.service p{font-size:16px;color:#b0a8b9;line-height:1.8;margin:0 0 27px;max-width:370px}
.tags{display:flex;gap:9px;flex-wrap:wrap}
.tags span{border:1px solid #ffffff30;color:#c5bdd1;font-size:14px;padding:6px 10px;border-radius:2px}
.connect{display:grid;grid-template-columns:1.15fr 1fr;gap:10%;border-top:1px solid #ffffff45;background:radial-gradient(ellipse at 75% 100%,#3a17b988,transparent 70%),#110b20;padding-top:82px;padding-bottom:82px}
.connect .eyebrow{color:#cab8fa;margin-bottom:25px}
.connect h2{font-size:clamp(38px,4.2vw,62px)}
.connect-light{color:#bbaaee}
.connect-intro>p:last-child{color:#c8bfd5;font-size:16px;line-height:1.8;max-width:500px;margin:27px 0 0}
.contact-panel{align-self:center;border:1px solid #ddd1f16b;padding:30px;position:relative;background:#09060f40}
.contact-label{font-size:12px;letter-spacing:1.6px;color:#cab8ed;margin:0 0 22px}
.contact-button{width:100%;background:var(--foreground);color:#1b1229;font-size:16px}
.contact-button:hover{background:#d7caff}
.whatsapp-number{display:block;font-size:21px;font-family:var(--display);letter-spacing:.7px;margin-top:15px}
.email-link{margin-top:22px;padding-top:20px;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;color:#d1c6df;font-size:14px}
.email-link:hover,.company-url:hover{color:#fff}
.company-url{display:flex;align-items:center;justify-content:space-between;font-size:14px;color:#c6b9d9;margin-top:17px}
.contact-divider{height:1px;background:var(--line);margin:23px 0}
.small-label{font-size:12px;letter-spacing:1.2px;color:#c5b2e4}
.conversation{font-size:17px;line-height:1.7;color:#ded5e9;margin-bottom:0}
footer{padding:36px 5.5%;display:flex;align-items:center;justify-content:space-between;gap:28px;border-top:1px solid var(--line)}
.footer-brand{font-size:25px;font-family:var(--display)}
.footer-brand span{display:block;font-family:var(--body);font-size:12px;color:#b1a8be}
.footer-copy{display:flex;flex-direction:column;gap:3px;font-size:12px;color:#a69caf;max-width:420px}

@media(min-width:1700px){.header,.hero,.manifesto,.section,footer{padding-left:calc((100vw - 1500px)/2);padding-right:calc((100vw - 1500px)/2)}}
@media(max-width:1150px){.header nav{gap:23px}.header-actions{gap:17px}.hero{gap:4%;padding-top:53px}.hero-visual{padding-top:50px}.visual-top>span:last-child{display:none}.photo-panel{min-height:575px}.event-card{padding:20px;left:5%;right:5%}.event-card-top{letter-spacing:0}.event-logo{min-height:135px}.section-heading>p{max-width:300px}.service{padding:27px 22px}.connect{gap:5%}.contact-panel{padding:25px}h1{padding:23px}}
@media(max-width:800px){html{scroll-padding-top:28px}.header{height:auto;min-height:77px;padding:17px 6%;gap:15px}.brand img{width:46px;height:35px}.brand-name{font-size:22px}.brand-name span{font-size:12px;letter-spacing:0}.header nav,.header-cta{display:none}.header-actions{gap:0}.languages{gap:9px}.hero{grid-template-columns:1fr;padding:40px 6% 45px;gap:35px;min-height:0}.eyebrow{font-size:12px;letter-spacing:.8px;margin-bottom:28px}.hero-content{max-width:none}h1{font-size:clamp(49px,10vw,75px);padding:24px;letter-spacing:-.5px}.hero-description{max-width:540px;font-size:16px}.hero-visual{padding-top:0}.hero-buttons{gap:23px}.event-meta{font-size:14px;gap:12px;flex-wrap:wrap}.photo-panel{min-height:485px}.event-card{top:22%;left:10%;right:10%;padding:21px}.event-logo{min-height:140px;padding:27px 0}.event-card-top{font-size:12px}.visual-bottom{font-size:29px}.manifesto{padding:25px 6%;flex-wrap:wrap;gap:18px}.manifesto>span:last-child{font-size:27px;gap:28px}.section{padding:61px 6%}.section-heading{display:block;margin-bottom:35px}h2{font-size:40px}.section-heading>p{max-width:500px;margin-top:23px}.services{grid-template-columns:1fr}.service,.service:first-child,.service:last-child{padding:29px 0}.service+.service{border-left:0;border-top:1px solid #d1c6e154}.service-top{margin-bottom:22px}.service p{max-width:540px}h3{font-size:29px}.connect{grid-template-columns:1fr;gap:35px;padding-top:60px;padding-bottom:60px}.connect h2{font-size:43px}.contact-panel{padding:24px}.contact-button{font-size:16px}footer{padding:33px 6%;flex-wrap:wrap}.footer-copy{max-width:270px}}
@media(max-width:380px){.brand-name{font-size:19px}.brand img{width:39px}.brand{gap:8px}.languages{gap:7px}h1{font-size:46px;padding:20px}.event-card{left:6%;right:6%;padding:18px}.event-card-top{font-size:11px}.hero-buttons{gap:20px}.contact-button{font-size:14px}.connect h2{font-size:38px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}