:root{--bg:#110d1c;--panel:#1a1025;--accent:#c9adff;--muted:#bfb5d1;--line:#37254b;--white:#f6f2ff;--mono:ui-monospace,SFMono-Regular,Consolas,monospace}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--bg);color:var(--white);font-family:Arial,Helvetica,sans-serif;line-height:1.6}a{color:inherit;text-decoration:none}button{font:inherit}a,button{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline:2px solid #fff;outline-offset:6px}.container{width:min(1240px,calc(100% - 80px));margin:auto}.header{position:fixed;inset:0 0 auto;z-index:20;background:#0b070ff2;border-bottom:1px solid var(--line);backdrop-filter:blur(16px)}.header-inner{height:88px;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:12px;font-size:23px;font-weight:900;letter-spacing:1px;line-height:1.15}.brand small{display:block;color:var(--accent);font:10px var(--mono);letter-spacing:4px;margin-top:6px}.brand-symbol{color:var(--accent);font-size:42px;font-style:italic;position:relative}.brand-symbol span{font-size:19px;position:absolute;left:13px;bottom:0}nav{display:flex;gap:32px;align-items:center;font-size:13px;font-weight:700}nav a{transition:color .2s}nav a:hover,.text-link:hover,footer a:hover{color:var(--accent)}nav .nav-contact{padding:10px 18px;border:1px solid #562889}.nav-contact span{margin-left:20px;color:var(--accent)}.menu-toggle{display:none}.hero{position:relative;overflow:hidden;padding-top:88px;background:radial-gradient(ellipse at 84% 49%,#431a714f,transparent 49%)}.hero-grid{position:absolute;inset:88px 0 0;background-image:linear-gradient(#9558d908 1px,transparent 1px),linear-gradient(90deg,#9558d908 1px,transparent 1px);background-size:64px 64px;mask-image:linear-gradient(90deg,transparent,#000)}.hero-layout{min-height:665px;display:grid;grid-template-columns:1.12fr 1fr;align-items:center;gap:30px;position:relative}.eyebrow{font:11px var(--mono);letter-spacing:2px;color:var(--accent);margin:0 0 26px;display:flex;align-items:center;gap:10px}.status-dot{display:inline-block;width:6px;height:6px;background:var(--accent);box-shadow:0 0 13px #843ed399}.hero h1{font-size:clamp(33px,4.1vw,59px);font-weight:900;line-height:1.09;letter-spacing:-2px;margin:0 0 28px}h1 span,h2 span{color:var(--accent)}.hero h1 span{text-shadow:2px 0 #843ed335}.hero-description{max-width:470px;color:var(--muted);font-size:15px;line-height:1.8}.hero-actions{display:flex;align-items:center;gap:24px;margin-top:32px;flex-wrap:wrap}.button{min-height:50px;display:inline-flex;align-items:center;justify-content:center;gap:28px;font-size:12px;font-weight:700;padding:15px 22px;position:relative;transition:background .2s,box-shadow .2s,transform .2s}.button-primary{background:var(--accent);color:#130720;clip-path:polygon(0 0,100% 0,100% calc(100% - 9px),calc(100% - 9px) 100%,0 100%)}.button-primary:hover{background:#b58ae5;box-shadow:0 0 28px #843ed350;transform:translateY(-2px)}.button span{font-size:19px}.text-link{font-size:12px;border-bottom:1px solid #6e528e;padding-bottom:5px}.text-link>span{margin-left:8px}.hero-art{height:420px;position:relative;min-width:0;display:flex;align-items:center;perspective:1000px}.art-orbit{position:absolute;width:340px;height:340px;border:1px solid #843ed333;transform:rotate(45deg);right:35px;background:linear-gradient(135deg,#843ed306,#843ed300);box-shadow:0 0 80px #843ed308}.art-orbit:after{content:'';position:absolute;inset:22px;border:1px dashed #843ed326}.art-label{position:absolute;top:12px;left:14px;font:9px var(--mono);letter-spacing:1px;color:#a67cd5}.art-cross{position:absolute;color:var(--accent);font:22px var(--mono)}.cross-one{right:0;top:45px}.cross-two{left:0;bottom:25px}.laptop{width:100%;transform:rotateY(-10deg) rotateX(6deg) rotateZ(-3deg);filter:drop-shadow(0 30px 35px #000);animation:float 8s ease-in-out infinite}.screen{border:5px solid #473061;border-bottom:8px solid #513570;border-radius:10px 10px 3px 3px;background:#11081c;box-shadow:0 0 0 1px #843ed355,0 0 40px #843ed318;overflow:hidden}.screen-bar{padding:10px 12px;display:flex;justify-content:space-between;background:#251438;color:#b8a6cd;font:9px var(--mono);border-bottom:1px solid #3d2558}.screen-bar>span:first-child{color:var(--accent);letter-spacing:3px}.code{padding:20px 10px;font:clamp(8px,.82vw,11px)/2 var(--mono);white-space:pre;color:#d7c6eb}.code i{font-style:normal;color:#9781b0;display:inline-block;width:29px;user-select:none}.code b{color:#9d65dc;font-weight:400}.code em{color:#b68ce5;font-style:normal}.code strong{color:#b387e4;font-weight:400}.code-comment{color:#a791bf}.terminal{border-top:1px solid #3d2559;padding:12px 16px;font:9px/2 var(--mono);color:#c9b6df}.terminal>span:first-child{color:#9d65dc}.terminal strong{font-weight:400;color:#b5a4c9}.cursor{color:var(--accent);animation:blink 1.6s step-end infinite}.laptop-base{height:18px;background:linear-gradient(#5f427f,#27153c);margin:0 -22px;clip-path:polygon(4% 0,96% 0,100% 70%,97% 100%,3% 100%,0 70%);border-bottom:2px solid #6f2bbc}.laptop-base div{width:75px;height:5px;margin:auto;background:#190c28;border-radius:0 0 5px 5px}.art-caption{position:absolute;bottom:0;left:14px;right:0;font:9px var(--mono);letter-spacing:1px;color:#ae93cc;display:flex;align-items:center;gap:9px}.art-caption>span:last-child{margin-left:auto;color:var(--accent)}.hero-bottom{position:relative;border-top:1px solid var(--line);display:flex;justify-content:space-between;padding-block:21px;font:10px var(--mono);letter-spacing:1.5px;color:#a792be}.hero-bottom a span{color:var(--accent);margin-left:18px}.section{padding:90px 0;border-top:1px solid #2d1c40}h2{font-size:clamp(28px,3vw,42px);font-weight:900;line-height:1.15;letter-spacing:-1px;margin:0}p{margin:0 0 18px}.about-layout{display:grid;grid-template-columns:1fr 1fr;gap:90px}.about-copy{padding-top:38px;color:var(--muted);font-size:14px}.about-copy .lead{color:var(--white);font-size:20px;line-height:1.5}.principle{border-left:2px solid var(--accent);padding:12px 16px;margin-top:27px;color:#e6d8f5;background:linear-gradient(90deg,#843ed309,transparent);font-size:13px}.principle span{color:var(--accent);margin-right:12px}.capabilities{background:#140a20}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:35px;margin-bottom:40px}.section-heading>p{font-size:13px;color:var(--muted);margin:0 0 2px}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.card{position:relative;background:linear-gradient(135deg,#24113a,#190c27);border:1px solid #40265d;padding:27px 24px;transition:border-color .2s,transform .2s}.card:hover{border-color:#843ed3;transform:translateY(-5px)}.card:after{content:'';position:absolute;top:-1px;left:-1px;width:30px;height:2px;background:var(--accent)}.card-top{display:flex;align-items:center;justify-content:space-between;color:#a38bbf;font:11px var(--mono);margin-bottom:32px}.card-icon{color:var(--accent);font:27px var(--mono)}h3{font-size:20px;margin:0 0 14px}.card p{font-size:13px;color:var(--muted);margin-bottom:28px;line-height:1.8}.card-tag{font:9px var(--mono);letter-spacing:1px;color:#b68de5}.tech-list{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(6,1fr);border:1px solid var(--line)}.tech-list li{display:flex;flex-direction:column;align-items:center;text-align:center;padding:26px 8px;border-right:1px solid var(--line);font-size:16px;font-weight:700;gap:9px}.tech-list li:last-child{border:0}.tech-list li>span{font:27px var(--mono);color:#cbaded;height:42px}.tech-list small{font-size:10px;font-weight:400;color:var(--muted)}.contact{padding-top:20px;border:0}.contact-panel{position:relative;overflow:hidden;border:1px solid #5d2898;border-left:3px solid var(--accent);padding:48px;display:flex;align-items:center;justify-content:space-between;gap:32px;background:radial-gradient(ellipse at right,#4e1e8455,transparent 70%),#190c28}.contact-panel>div,.contact-panel>a{z-index:1}.contact-panel p:not(.eyebrow){font-size:14px;color:var(--muted);margin:24px 0 0}.contact-panel>a{flex-shrink:0}.panel-decoration{position:absolute;right:30px;top:-90px;font-size:340px;line-height:1;color:#843ed30b;pointer-events:none}footer{border-top:1px solid var(--line);padding:28px 0}.footer-inner{display:flex;justify-content:space-between;align-items:center;gap:24px}.footer-brand{font-size:17px}.footer-brand small{font-size:9px;letter-spacing:2px;margin:0}.footer-inner p,.footer-inner>a:last-child{font-size:11px;color:var(--muted);margin:0}.skip-link{color:#130720;position:fixed;top:10px;left:12px;transform:translateY(-150%);z-index:100;background:var(--accent);padding:10px 16px}.skip-link:focus{transform:none}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@keyframes float{50%{transform:rotateY(-8deg) rotateX(4deg) rotateZ(-2deg) translateY(-8px)}}@keyframes blink{50%{opacity:0}}@media(min-width:1500px){.hero-layout{min-height:720px}}@media(max-width:1050px){.container{width:calc(100% - 48px)}.hero-layout{gap:24px;min-height:610px}.hero h1{font-size:40px}.hero-art{height:360px}.art-orbit{width:270px;height:270px;right:15px}.code{font-size:8px}.cards{grid-template-columns:repeat(2,1fr)}.card p{max-width:360px}.about-layout{gap:40px}.tech-list{grid-template-columns:repeat(3,1fr)}.tech-list li:nth-child(3){border-right:0}.tech-list li:nth-child(-n+3){border-bottom:1px solid var(--line)}}@media(max-width:760px){html{scroll-padding-top:84px}.container{width:calc(100% - 40px)}.header-inner{height:72px}.brand{font-size:19px}.brand-symbol{font-size:34px}.brand small{font-size:8px}.menu-toggle{display:flex;align-items:center;gap:8px;background:transparent;color:var(--white);border:1px solid #562889;padding:7px 11px;font-size:12px}.menu-icon{color:var(--accent)}nav{display:none;position:absolute;top:72px;left:0;right:0;background:#190c27;border-bottom:1px solid #562889;padding:20px;align-items:stretch;gap:6px}nav.is-open{display:flex;flex-direction:column}nav a{padding:12px}nav .nav-contact{margin-top:5px}.hero{padding-top:72px}.hero-layout{grid-template-columns:1fr;padding-top:54px;gap:24px}.hero h1{font-size:clamp(29px,7.6vw,53px);letter-spacing:-1.4px}.eyebrow{font-size:9px;letter-spacing:1.5px;margin-bottom:22px}.hero-description{font-size:14px;max-width:490px}.hero-actions{gap:20px;margin-top:25px}.hero-art{max-width:480px;width:100%;margin:0 auto 30px;height:350px}.code{font-size:clamp(7px,2vw,10px)}.art-orbit{height:260px;width:260px;right:30px}.laptop{width:calc(100% - 24px);margin:auto}.art-label{font-size:8px}.art-caption{font-size:8px}.hero-bottom{font-size:8px;letter-spacing:.7px;gap:16px}.hero-bottom a{white-space:nowrap}.section{padding:58px 0}.about-layout{grid-template-columns:1fr;gap:24px}.about-copy{padding:0}.section-heading{align-items:start;flex-direction:column;gap:22px;margin-bottom:30px}h2{font-size:30px}.section-heading>p{font-size:12px}.cards{gap:12px}.card{padding:22px 18px}.card-top{margin-bottom:22px}h3{font-size:18px}.card p{font-size:12px}.card-tag{font-size:8px;letter-spacing:.5px}.contact{padding-top:0}.contact-panel{padding:32px 24px;flex-direction:column;align-items:start;gap:28px}.contact-panel p:not(.eyebrow){font-size:13px}.contact-panel h2{font-size:28px}.footer-inner{flex-wrap:wrap;gap:18px}.footer-inner p{order:3;flex-basis:100%;font-size:10px}.footer-brand small{font-size:8px}.footer-inner>a:last-child{margin-left:auto}}@media(max-width:380px){.container{width:calc(100% - 32px)}.cards{grid-template-columns:1fr}.hero h1{font-size:28px}.tech-list{grid-template-columns:repeat(2,1fr)}.tech-list li:nth-child(3){border-right:1px solid var(--line)}.tech-list li:nth-child(2n){border-right:0}.tech-list li:nth-child(4){border-bottom:1px solid var(--line)}.hero-bottom>span{max-width:170px}.art-orbit{width:220px;height:220px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}
@media(max-width:760px){html:not(.js) .header{position:relative}html:not(.js) nav{display:flex;position:static;flex-wrap:wrap;padding:12px 0;border:0;background:transparent;flex-basis:100%;gap:0}html:not(.js) .header-inner{height:auto;flex-wrap:wrap;padding-top:16px}html:not(.js) .menu-toggle{display:none}html:not(.js) .hero{padding-top:0}}

/* Soft lavender surfaces and readable brand typography. */
.brand{letter-spacing:.2px}.brand small{letter-spacing:1.6px}.button-primary{border-radius:10px;clip-path:none}.card{border-radius:16px}.card:after{left:20px;top:0;border-radius:2px}.contact-panel{border-radius:20px}.status-dot{border-radius:50%}.screen{border-radius:12px 12px 3px 3px}