:root{--text:#f7f9ff;--muted:#a8b9d1;--subtle:#748aa8;--cyan:#3ee3ff;--pink:#ff5db8;--violet:#a965ff;--mint:#35e1c3;--border:rgba(178,205,237,.15)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 49% 38%,rgba(89,76,218,.11),transparent 35rem),linear-gradient(145deg,#06101d 0%,#0a1729 58%,#11112b 100%);color:var(--text);font-family:Arial,Helvetica,sans-serif;min-height:100vh;overflow-x:hidden}body:before{content:"";position:fixed;inset:0;z-index:-2;pointer-events:none;opacity:.42;background-image:radial-gradient(rgba(255,255,255,.13) 1px,transparent 1px);background-size:32px 32px}a{color:inherit;text-decoration:none}.page-width{width:min(1440px,calc(100% - 48px));margin-inline:auto}.ambient{position:fixed;z-index:-1;width:38rem;height:38rem;border-radius:50%;filter:blur(110px);opacity:.11;pointer-events:none}.ambient-one{top:-16rem;left:-12rem;background:var(--pink)}.ambient-two{right:-15rem;top:22rem;background:var(--cyan)}
.site-header{min-height:112px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--border)}.brand{font-size:clamp(2rem,4vw,3.55rem);font-weight:800;letter-spacing:-.07em;line-height:1}.brand-ai{color:var(--pink)}.header-contact{display:inline-flex;align-items:center;gap:.8rem;padding:.82rem 1.2rem;border:1px solid var(--border);border-radius:999px;color:#dce8f8;font-size:.93rem;font-weight:700;letter-spacing:.03em;background:rgba(255,255,255,.035);transition:.2s ease}.header-contact:hover{border-color:rgba(62,227,255,.5);transform:translateY(-2px);background:rgba(62,227,255,.07)}.status-dot{width:.72rem;height:.72rem;border-radius:50%;background:var(--mint);box-shadow:0 0 18px rgba(53,225,195,.85)}
.hero{padding-block:clamp(5rem,10vw,9.5rem);text-align:center}.eyebrow{margin:0 0 1rem;color:var(--cyan);font-size:.78rem;font-weight:800;letter-spacing:.2em;text-transform:uppercase}.hero .eyebrow{display:inline-block;margin-bottom:1.8rem;font-size:clamp(1.6rem,3.25vw,3rem);line-height:1.12;letter-spacing:.045em;background:linear-gradient(90deg,var(--cyan),#a89aff 54%,var(--pink));background-clip:text;-webkit-background-clip:text;color:transparent}.hero h1{max-width:1100px;margin:0 auto;font-size:clamp(2.55rem,6vw,6.15rem);line-height:.99;letter-spacing:-.055em;text-wrap:balance}.hero-copy{max-width:750px;margin:2rem auto 0;color:var(--muted);font-size:clamp(1rem,1.6vw,1.28rem);line-height:1.7}.primary-button{display:inline-flex;align-items:center;justify-content:center;gap:1.1rem;min-width:195px;margin-top:2.4rem;padding:1rem 1.4rem;border-radius:999px;background:linear-gradient(120deg,var(--violet),var(--pink) 56%,#ff7a59);color:white;font-weight:800;box-shadow:0 18px 50px rgba(239,74,167,.22);transition:.2s ease}.primary-button:hover{transform:translateY(-3px);box-shadow:0 22px 60px rgba(239,74,167,.32)}
.ecosystem{padding-bottom:clamp(5rem,9vw,9rem)}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:2rem;margin-bottom:1.6rem}.section-heading h2,.contact h2{margin:0;font-size:clamp(2rem,4vw,3.7rem);line-height:1.06;letter-spacing:-.04em}.image-link{color:#cde9f3;font-weight:700;font-size:.92rem;border-bottom:1px solid rgba(62,227,255,.45);padding-bottom:.22rem;white-space:nowrap}.visual-frame{position:relative;padding:clamp(.45rem,1.2vw,1rem);border:1px solid rgba(126,171,222,.22);border-radius:clamp(1rem,2.5vw,2rem);background:rgba(5,13,26,.7);box-shadow:0 35px 100px rgba(0,5,18,.42);overflow:hidden}.visual-frame:before{content:"";position:absolute;inset:-1px;border-radius:inherit;pointer-events:none;background:linear-gradient(120deg,rgba(255,93,184,.18),transparent 30%,transparent 70%,rgba(62,227,255,.16))}.visual-frame img{position:relative;z-index:1;display:block;width:100%;height:auto;border-radius:calc(clamp(1rem,2.5vw,2rem) - .45rem)}
.contact{margin-bottom:clamp(4rem,8vw,7rem);padding:clamp(2rem,5vw,4.5rem);display:grid;grid-template-columns:1.15fr .85fr;align-items:center;gap:3rem;border:1px solid var(--border);border-radius:2rem;background:linear-gradient(130deg,rgba(19,34,58,.92),rgba(17,18,44,.88))}.mail-card{position:relative;display:flex;flex-direction:column;gap:.55rem;padding:1.6rem 4rem 1.6rem 1.7rem;border:1px solid rgba(62,227,255,.23);border-radius:1.3rem;background:rgba(4,13,27,.4);transition:.2s ease}.mail-card:hover{transform:translateY(-3px);border-color:rgba(62,227,255,.52)}.mail-card span:first-child{color:var(--subtle);font-size:.82rem;text-transform:uppercase;letter-spacing:.13em;font-weight:800}.mail-card strong{font-size:clamp(1.12rem,2.1vw,1.65rem);overflow-wrap:anywhere}.mail-arrow{position:absolute;right:1.7rem;top:50%;transform:translateY(-50%);color:var(--cyan);font-size:1.5rem}.site-footer{min-height:110px;display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--border);color:var(--subtle);font-size:.9rem}
@media(max-width:760px){.page-width{width:min(100% - 28px,1440px)}.site-header{min-height:88px}.header-contact{padding:.72rem .9rem;font-size:.79rem}.status-dot{width:.58rem;height:.58rem}.hero{padding-block:4.5rem 5.5rem}.hero h1 br{display:none}.section-heading{align-items:start;flex-direction:column;gap:.8rem}.contact{grid-template-columns:1fr;gap:1.8rem;border-radius:1.4rem}.site-footer{min-height:90px}}@media(max-width:430px){.header-contact .status-dot{display:none}.header-contact{letter-spacing:0}.visual-frame{border-radius:.85rem}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important}}