@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600&display=swap');
:root{--bg:#0a0a0d;--text:#f0eef3;--muted:#a5a2ae;--line:#29272e;--accent:#b9a3db}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--bg);color:var(--text);font-family:Poppins,Arial,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}a:focus-visible{outline:2px solid var(--accent);outline-offset:8px}::selection{background:#5b4278;color:white}.wrap{max-width:1440px;padding-left:6.2%;padding-right:6.2%;margin:auto}.header{height:112px;display:flex;align-items:center;justify-content:space-between;position:relative;z-index:2}.wordmark{font-size:24px;font-weight:600;letter-spacing:4px;display:inline-flex;align-items:start}.wordmark span{font-size:9px;letter-spacing:0;margin:2px 0 0 7px}nav{display:flex;gap:39px;align-items:center;font-size:13px;color:#c4c1ca}nav a:hover{color:white}.nav-contact{border:1px solid #48434f;padding:12px 18px}.nav-contact span{margin-left:24px}.hero{min-height:780px;height:calc(100svh - 112px);max-height:1000px;position:relative;display:flex;align-items:center;isolation:isolate;overflow:hidden}.hero-content{position:relative;z-index:1;padding-bottom:58px}.eyebrow{font-size:10px;font-weight:500;letter-spacing:2.2px;color:#c6becf;display:flex;align-items:center;gap:10px;line-height:1.7}.dot{width:5px;height:5px;border-radius:50%;background:#bd9deb;box-shadow:0 0 10px #a880d0}.hero-brand{font-size:12px;letter-spacing:7px;margin:58px 0 18px;color:#c7c3ce}h1{font-size:clamp(52px,5.65vw,84px);font-weight:400;letter-spacing:-4px;line-height:1.07;margin:0 0 30px}h1 em{font-family:Poppins,Arial,sans-serif;font-weight:400;color:#c8b9df}.intro{font-size:15px;line-height:1.85;color:var(--muted);margin:0 0 35px}.text-link{font-size:13px;border-bottom:1px solid #6b6178;display:inline-flex;gap:65px;padding-bottom:14px}.text-link span{color:var(--accent);transition:transform .25s}.text-link:hover span{transform:translate(3px,3px)}.hero-art{position:absolute;z-index:-1;width:70%;right:-14%;top:-2%;opacity:.88;animation:drift 15s ease-in-out infinite alternate}.hero-art img{width:100%;height:auto;display:block}.hero-bottom{position:absolute;bottom:35px;left:6.2%;right:6.2%;display:flex;justify-content:space-between;border-top:1px solid var(--line);padding-top:24px;font-size:9px;letter-spacing:1.9px;color:#96909e}.hero-bottom a span{margin-left:22px}.section{padding-top:115px;padding-bottom:115px}.section-top{display:flex;align-items:center;justify-content:space-between}.section-top>span{font-size:9px;letter-spacing:1.5px;color:#78737e}.section-intro{display:grid;grid-template-columns:1fr 1fr;align-items:end;margin:42px 0 60px;gap:45px}h2{font-weight:400;font-size:clamp(34px,3.6vw,52px);letter-spacing:-1.9px;line-height:1.15;margin:0}.section-intro p{color:var(--muted);line-height:1.9;font-size:14px;margin:0 0 3px}.expertise-list article{display:grid;grid-template-columns:80px 1fr 110px;align-items:center;gap:30px;border-top:1px solid var(--line);padding:38px 0}.expertise-list article:last-child{border-bottom:1px solid var(--line)}.index{font-size:11px;color:#8c819a;align-self:start;padding-top:7px}h3{font-size:27px;font-weight:400;letter-spacing:-.6px;margin:0 0 15px}.expertise-list p{max-width:540px;font-size:14px;line-height:1.8;color:var(--muted);margin:0}.line-icon{width:65px;height:65px;stroke:#ada0bc;stroke-width:1;justify-self:end;transition:transform .4s}.expertise-list article:hover .line-icon{transform:translateY(-5px);stroke:#dfceeF}.about{background:#101014;border-block:1px solid #1c1a22}.about-grid{display:grid;grid-template-columns:1fr 1.4fr;gap:50px}.small-mark{font-size:180px;font-family:Poppins,Arial,sans-serif;color:#302938;line-height:1.5;position:relative;display:inline-block}.small-mark span{position:absolute;font-family:Poppins,Arial,sans-serif;font-size:64px;bottom:35px;right:-24px;color:#7c668d}.about h2{margin-bottom:30px}.about p:not(.eyebrow){color:var(--muted);font-size:15px;line-height:1.9;max-width:580px}.values{display:flex;gap:28px;font-size:10px;letter-spacing:1px;padding-top:23px;margin-top:30px;border-top:1px solid var(--line);color:#c5bacf}.contact{padding-top:125px;padding-bottom:130px}.contact-lead{color:var(--muted);font-size:14px;margin-top:55px}.contact h2{font-size:clamp(35px,4.8vw,68px);margin:20px 0 32px}.email{font-size:clamp(23px,3.4vw,46px);letter-spacing:-1.4px;border-bottom:1px solid #63536e;padding-bottom:13px;display:inline-flex;gap:80px}.email span{color:var(--accent)}.contact-note{font-size:12px;color:#8d8697;margin-top:25px}.footer{border-top:1px solid var(--line)}.footer-top{display:flex;align-items:center;gap:48px;padding-block:45px}.footer-top p{font-size:12px;color:var(--muted)}.footer-top>a:last-child{margin-left:auto;font-size:11px;color:var(--muted)}.footer-bottom{display:flex;justify-content:space-between;gap:20px;border-top:1px solid var(--line);padding-block:25px;font-size:9px;color:#97909f;letter-spacing:.6px}.footer-bottom div{display:flex;gap:25px}.skip{position:fixed;top:-100px;left:20px;background:#fff;color:#000;padding:15px;z-index:10}.skip:focus{top:10px}.legal{max-width:900px;min-height:70vh;padding-block:80px}.legal h1{font-size:52px}.legal h2{font-size:24px;margin-top:40px;letter-spacing:-.5px}.legal p,.legal li{color:var(--muted);line-height:1.8;font-size:15px}.legal a{text-decoration:underline}.legal dl{line-height:1.8}.legal dt{margin-top:20px}.legal dd{margin:0;color:var(--muted)}@keyframes drift{from{transform:translateY(-7px) rotate(-2deg)}to{transform:translateY(12px) rotate(2deg)}}@media(min-width:1500px){.hero-art{right:-5%;width:65%}}@media(max-width:800px){.wrap{padding-inline:7%}.header{height:90px}.wordmark{font-size:20px}nav{gap:20px;font-size:11px}.nav-contact{padding:9px 12px}.nav-contact span{margin-left:10px}.hero{min-height:850px;height:calc(100svh - 90px);align-items:flex-start}.hero-content{padding-top:58px}.eyebrow{font-size:8px;letter-spacing:1.7px}.hero-brand{margin-top:35px}h1{font-size:59px;letter-spacing:-3px}.intro{font-size:13px}.hero-art{width:90%;right:-25%;top:32%;opacity:.6}.hero-bottom{left:7%;right:7%;font-size:8px}.hero-bottom>span{max-width:130px;line-height:1.8}.section{padding-block:80px}.section-top>span{display:none}.section-intro{grid-template-columns:1fr;gap:28px;margin-top:35px}h2{font-size:38px}.expertise-list article{grid-template-columns:26px 1fr 45px;gap:15px;padding-block:30px}h3{font-size:23px}.expertise-list p{font-size:13px}.line-icon{width:42px}.about-grid{grid-template-columns:1fr;gap:30px}.small-mark{display:none}.values{gap:19px;font-size:9px}.email{gap:35px;letter-spacing:-.8px}.contact-lead{font-size:12px}.contact h2{font-size:38px}.footer-top{flex-wrap:wrap;gap:20px}.footer-top p{margin:0}.footer-top>a:last-child{margin-left:0;width:100%}.footer-bottom{flex-wrap:wrap;gap:22px}.footer-bottom>span:nth-child(2){display:none}.legal h1{font-size:40px}}@media(max-width:400px){nav>a:nth-child(2){display:none}h1{font-size:50px}.hero-art{top:40%;width:105%;right:-30%}.email{font-size:22px;gap:20px}.values{gap:12px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}

/* Supplied cinematic still; edge fade blends its black background into the page. */
.hero-art{width:90%;right:-25%;top:8%;opacity:1;mask-image:linear-gradient(to right,transparent 0%,#000 22%,#000 87%,transparent 100%)}
@media(min-width:1500px){.hero-art{width:85%;right:-20%;top:5%}}
@media(max-width:800px){.hero-art{width:160%;right:-65%;top:43%;opacity:.8}}
@media(max-width:400px){.hero-art{top:48%}}

/* Qelvaro official identity integration */

:root{--bg:#0B0B0F;--text:#E5E5E7;--muted:#aaa7b6;--line:#292530;--accent:#A78BFA;--violet:#8B5CF6}
body{font-family:Poppins,Arial,sans-serif;background:var(--bg)}h1,h2,h3,.hero-brand{font-family:Poppins,Arial,sans-serif}h1 em{font-family:inherit;color:#A78BFA;font-style:normal}
.brand-logo{display:inline-flex;align-items:center;width:clamp(185px,20vw,255px);flex-shrink:0}.brand-logo img{display:block;width:100%;height:auto;object-fit:contain}.header{z-index:5}.brand-hero{width:min(49vw,680px)!important;right:1%!important;top:15%!important;opacity:1!important;mask-image:none!important;display:grid;place-items:center;aspect-ratio:1;animation:brand-enter 1.3s ease-out both!important}.brand-hero>img{width:85%;height:auto;position:relative;filter:drop-shadow(0 15px 45px rgba(139,92,246,.16));animation:brand-float 9s ease-in-out infinite alternate}.brand-halo{position:absolute;inset:14%;border-radius:50%;background:radial-gradient(circle,rgba(139,92,246,.15),transparent 68%);filter:blur(32px);pointer-events:none}.brand-hero:after{content:"";position:absolute;inset:12%;background:linear-gradient(112deg,transparent 40%,rgba(229,229,231,.09) 49%,transparent 57%);mix-blend-mode:screen;animation:metal-sheen 12s ease-in-out infinite;pointer-events:none}.hero-content{max-width:720px}.hero-content h1{text-shadow:0 2px 22px #0b0b0f}.expertise-list article{transition:background .35s,border-color .35s}.expertise-list article:hover{background:linear-gradient(90deg,rgba(139,92,246,.065),transparent 65%);border-color:#544369}.expertise-list article:hover h3{color:#ded1ff}.about{background:#1A1A1F}.small-mark{font-size:initial;line-height:normal;opacity:.32}.small-mark img{width:min(100%,290px);height:auto;filter:drop-shadow(0 0 28px rgba(139,92,246,.2))}.contact{position:relative;isolation:isolate}.contact:before{content:"";position:absolute;right:0;top:10%;width:45%;height:70%;background:radial-gradient(ellipse,rgba(139,92,246,.09),transparent 70%);z-index:-1;pointer-events:none}.email:hover{color:#c5b4ff;border-color:#A78BFA}.nav-contact:hover{border-color:#A78BFA}.footer .brand-logo{width:210px}@keyframes brand-enter{from{opacity:0;transform:translateY(22px)}to{opacity:1;transform:translateY(0)}}@keyframes brand-float{from{transform:translateY(-7px)}to{transform:translateY(9px)}}@keyframes metal-sheen{0%,60%,100%{transform:translateX(-110%);opacity:0}72%{opacity:.65}90%{transform:translateX(110%);opacity:0}}
@media(max-width:800px){.brand-logo{width:175px}.brand-hero{width:100%!important;right:-25%!important;top:37%!important;opacity:.58!important}.brand-hero>img{width:83%}.hero-content{padding-top:55px}.hero{min-height:760px}.footer .brand-logo{width:190px}}@media(max-width:480px){.brand-logo{width:138px}.header nav{gap:12px}.header nav a{font-size:10px}.nav-contact{padding:9px}.brand-hero{top:42%!important;right:-33%!important;width:125%!important}.hero-content h1{font-size:clamp(42px,12vw,56px)}.hero-brand{letter-spacing:5px}}@media(prefers-reduced-motion:reduce){.brand-hero,.brand-hero>img,.brand-hero:after{animation:none!important}}

/* Premium refinement V2 — composed around the supplied Qelvaro brand assets. */
:root{--ease-premium:cubic-bezier(.22,1,.36,1);--motion-fast:220ms;--motion-slow:650ms;--section-space:clamp(80px,9vw,132px)}
body{overflow-x:clip}h1,h2,h3{text-wrap:balance}p{text-wrap:pretty}
.header{gap:clamp(18px,3vw,48px)}.header .brand-logo{width:clamp(180px,19vw,246px);min-width:0}.header nav{gap:clamp(16px,2.6vw,39px)}
nav a,.footer a{transition:color var(--motion-fast) ease,border-color var(--motion-fast) ease}nav a:hover,.footer a:hover{color:#e5dcff}
.hero{min-height:clamp(670px,80svh,870px);height:auto;max-height:none;padding-top:clamp(70px,10vh,115px);padding-bottom:125px;overflow:hidden}
.hero-content{max-width:min(58%,690px);padding-bottom:0}.hero h1{font-size:clamp(46px,5.2vw,78px);letter-spacing:-.055em;line-height:1.13}.hero .intro{max-width:460px;font-size:clamp(14px,1.2vw,16px)}
.hero-art.brand-hero{width:min(43vw,600px)!important;aspect-ratio:1;right:max(2%,calc((100vw - 1440px)/2 + 24px))!important;top:50%!important;transform:translateY(-54%);opacity:1!important;overflow:visible;animation:hero-appear 950ms var(--ease-premium) both!important;pointer-events:none}
.brand-hero>img{width:100%;height:auto;object-fit:contain;filter:drop-shadow(0 20px 40px rgba(139,92,246,.11));animation:q-breathe 12s ease-in-out infinite alternate}
.brand-hero:after{inset:18% 15%;border-radius:50%;opacity:.45;animation:metal-sheen 15s ease-in-out infinite}
.hero-bottom{bottom:30px}.section{padding-top:var(--section-space);padding-bottom:var(--section-space)}
.section-intro{gap:clamp(32px,6vw,95px)}.section-intro p{max-width:440px;font-size:clamp(14px,1.1vw,16px)}
.expertise-list article{grid-template-columns:65px minmax(0,1fr) 80px;gap:clamp(16px,3vw,42px);padding-block:clamp(29px,3vw,42px);transition:background var(--motion-slow) var(--ease-premium),border-color var(--motion-fast) ease}
.expertise-list h3{font-size:clamp(22px,2.15vw,29px)}.expertise-list p{font-size:clamp(14px,1.1vw,15px);max-width:600px}.line-icon{transition:transform var(--motion-slow) var(--ease-premium),stroke var(--motion-fast) ease}
.about-grid{grid-template-columns:minmax(220px,.8fr) minmax(0,1.2fr);gap:clamp(45px,8vw,125px)}.about h2{max-width:650px;font-size:clamp(34px,3.7vw,54px)}.about p:not(.eyebrow){max-width:570px}.small-mark{opacity:.27}.small-mark img{width:min(100%,270px)}
.contact{overflow:hidden;min-height:460px;display:flex;align-items:center}.contact:before{content:none}.contact-content{position:relative;z-index:1;width:100%}.contact-mark{position:absolute;z-index:0;right:clamp(0px,7vw,110px);top:50%;width:clamp(230px,35vw,475px);aspect-ratio:306/262;transform:translateY(-50%) rotate(-13deg);background:url('/assets/q-metallic.png') center/contain no-repeat;opacity:.12;filter:saturate(.75);pointer-events:none}.contact:after{content:"";position:absolute;right:0;top:15%;bottom:15%;width:1px;background:linear-gradient(transparent,#8b5cf650,transparent);pointer-events:none}.contact h2{font-size:clamp(36px,4.7vw,66px);letter-spacing:-.05em}.email{font-size:clamp(23px,3.1vw,43px);gap:clamp(18px,5vw,80px);max-width:100%;overflow-wrap:anywhere;transition:color var(--motion-fast) ease,border-color var(--motion-fast) ease}
.footer .brand-logo{width:clamp(175px,18vw,220px)}.footer-top{gap:clamp(20px,4vw,48px)}
@keyframes hero-appear{from{opacity:0;transform:translateY(calc(-54% + 18px))}to{opacity:1;transform:translateY(-54%)}}@keyframes q-breathe{from{transform:translateY(-4px)}to{transform:translateY(6px)}}
@media(max-width:1000px){.hero-content{max-width:60%}.hero-art.brand-hero{width:48vw!important;right:-2%!important}.hero h1{font-size:clamp(45px,5.5vw,64px)}}
@media(max-width:800px){.header{height:auto;min-height:86px;gap:12px}.header .brand-logo{width:clamp(142px,25vw,190px)}.header nav{gap:clamp(10px,2vw,20px)}.header nav a{font-size:11px}.hero{min-height:730px;padding-top:65px;padding-bottom:110px;align-items:flex-start}.hero-content{max-width:100%;padding-top:0}.hero h1{max-width:630px;font-size:clamp(45px,8vw,65px)}.hero .intro{max-width:470px}.hero-art.brand-hero{width:min(65vw,440px)!important;right:0!important;top:auto!important;bottom:70px;transform:none;animation:mobile-appear 950ms var(--ease-premium) both!important;opacity:.8!important}.brand-hero>img{width:100%}.hero-bottom{bottom:24px}.expertise-list article{grid-template-columns:30px minmax(0,1fr) 50px;gap:15px}.about-grid{grid-template-columns:1fr;gap:25px}.small-mark{display:none}.contact-mark{right:-50px;opacity:.09}.contact{min-height:390px}}
@media(max-width:560px){.wrap{padding-inline:6%}.header{min-height:76px}.header .brand-logo{width:140px}.header nav{gap:9px}.header nav a{font-size:10px}.header nav a:nth-child(2){display:none}.nav-contact{padding:12px 10px;min-height:44px;display:inline-flex;align-items:center}.hero{min-height:690px;padding-top:46px}.hero-content{max-width:100%}.hero h1{font-size:clamp(41px,10.4vw,57px);letter-spacing:-.06em}.hero-brand{margin-top:35px}.hero-art.brand-hero{width:min(78vw,370px)!important;right:-7%!important;bottom:70px;opacity:.7!important}.hero .intro br{display:none}.hero-bottom{font-size:8px}.section-intro{gap:22px}.section-intro p br{display:none}.expertise-list article{grid-template-columns:25px minmax(0,1fr);gap:12px}.expertise-list .line-icon{display:none}.expertise-list h3{font-size:22px}.expertise-list p{font-size:14px}.values{flex-wrap:wrap;row-gap:12px}.contact-mark{width:290px;right:-125px;opacity:.07}.contact h2{font-size:clamp(35px,9vw,48px)}.email{font-size:clamp(21px,5.8vw,30px);gap:14px}.footer-top{align-items:flex-start}.footer-bottom div{flex-wrap:wrap}}
@keyframes mobile-appear{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}
@media(prefers-reduced-motion:reduce){.hero-art.brand-hero,.brand-hero>img,.brand-hero:after{animation:none!important}.hero-art.brand-hero{transform:translateY(-54%)} }
@media(prefers-reduced-motion:reduce) and (max-width:800px){.hero-art.brand-hero{transform:none}}

/* V3: targeted legibility and keyboard/touch improvements. */
@media (pointer:coarse){.header nav a:not(.nav-contact){display:inline-flex;align-items:center;min-height:44px}.footer a{min-height:44px;display:inline-flex;align-items:center}}
@media(max-width:360px){.header .brand-logo{width:125px}.header nav{gap:6px}.hero .eyebrow{letter-spacing:1px}.email{gap:8px}.email span{flex-shrink:0}}
@media(max-width:560px){.footer-bottom div{gap:10px 20px}.footer-bottom a{padding-block:7px}}
@media(prefers-reduced-motion:reduce){.hero-art.brand-hero{animation:none!important}.brand-hero>img{animation:none!important}}

/* V5 human design polish: restrained detailing, no perpetual decorative movement. */
.hero-art.brand-hero>img{animation:none;filter:drop-shadow(0 18px 32px rgba(139,92,246,.09))}
.brand-hero:after{content:none}
.hero-content h1{text-shadow:none}
.dot{box-shadow:none}
.expertise-list article{grid-template-columns:65px minmax(0,1fr);background:transparent!important;transition:border-color var(--motion-fast) ease}
.expertise-list article:hover{border-color:#39323f}
.expertise-list article:hover h3{color:var(--text)}
.section-top>span{letter-spacing:.11em}
.eyebrow{letter-spacing:.14em}
.hero-brand{letter-spacing:.32em}
.hero-bottom{letter-spacing:.12em}
.values{letter-spacing:.035em}
.contact:after{content:none}
.contact-mark{opacity:.075;filter:none}
@media(max-width:800px){.expertise-list article{grid-template-columns:30px minmax(0,1fr)}}
@media(max-width:560px){.expertise-list article{grid-template-columns:25px minmax(0,1fr)}.hero-brand{letter-spacing:.26em}.contact-mark{opacity:.045}}