@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Playfair+Display:ital,wght@0,500;0,600;1,500;1,600&display=swap');
:root{--ink:#101820;--navy:#07131f;--cyan:#63e6ff;--paper:#f3f1eb;--muted:#71808b;--line:rgba(16,24,32,.14)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:'DM Sans',sans-serif}a{text-decoration:none;color:inherit}.site-header{position:absolute;z-index:5;top:0;left:0;right:0;display:flex;align-items:center;justify-content:space-between;padding:28px 6vw;color:#fff}.brand{font-weight:700;letter-spacing:.18em;font-size:1.15rem}.brand span{color:var(--cyan)}.nav{display:flex;align-items:center;gap:28px;font-size:.82rem}.nav a{opacity:.8}.nav a:hover{opacity:1}.nav-cta{border:1px solid rgba(255,255,255,.35);padding:12px 16px;border-radius:30px;opacity:1!important}.menu-toggle{display:none;background:none;border:0;color:#fff;font-size:1.5rem}.hero{min-height:760px;background:radial-gradient(circle at 78% 38%,#173d50 0,#0a1b2a 34%,#07131f 70%);color:#fff;display:grid;grid-template-columns:1.05fr .95fr;align-items:center;padding:130px 6vw 80px;position:relative;overflow:hidden}.hero-content{position:relative;z-index:2;max-width:650px}.eyebrow,.section-label{font-size:.72rem;letter-spacing:.18em;font-weight:700;color:var(--cyan)}h1,h2{font-size:clamp(3.2rem,7vw,7.4rem);line-height:.98;letter-spacing:-.065em;margin:25px 0}h1 em,h2 span{font-family:'Playfair Display',serif;font-weight:500;letter-spacing:-.04em}h2{font-size:clamp(2.6rem,5vw,5.4rem)}.hero-copy{max-width:420px;color:#b7c5ce;line-height:1.7;font-size:1.05rem}.actions{display:flex;gap:12px;margin-top:32px;flex-wrap:wrap}.button{display:inline-block;border-radius:30px;padding:15px 22px;font-size:.85rem;font-weight:700}.primary{background:var(--cyan);color:#07131f}.secondary{border:1px solid rgba(255,255,255,.35);color:#fff}.hero-visual{height:450px;position:relative;display:flex;align-items:center;justify-content:center}.hero-orbit{position:absolute;width:430px;height:430px;border:1px solid #355261;border-radius:50%;box-shadow:0 0 80px #0ad5ff12}.hero-device{width:350px;height:270px;background:#142b38;border:1px solid #54717d;border-radius:12px;transform:rotate(-8deg);box-shadow:25px 35px 80px #0008;overflow:hidden}.device-top{height:25px;background:#203d4b;padding:7px 10px}.device-top span{display:inline-block;width:6px;height:6px;border-radius:50%;background:#83a6b4;margin-right:4px}.device-screen{height:245px;padding:30px;background:linear-gradient(135deg,#1d5263,#081923)}.device-screen small{font-size:8px;letter-spacing:.15em;color:#9dbac5}.device-screen strong{display:block;font-size:31px;line-height:1.05;margin-top:30px}.device-screen i{font-family:'Playfair Display';font-weight:400}.screen-line{width:90px;height:2px;background:var(--cyan);margin-top:28px}.visual-caption{position:absolute;bottom:0;right:0;color:#7e9baa;font-size:.75rem;max-width:180px;line-height:1.5}.section{padding:120px 6vw}.intro{display:grid;grid-template-columns:.7fr 1.3fr;gap:8vw}.section p{max-width:620px;color:#66737b;line-height:1.8;font-size:1.05rem}.work-section{background:#fff}.section-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:55px}.work-grid{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:38px 28px}.project-art{height:340px;display:flex;align-items:center;justify-content:center;overflow:hidden;position:relative}.ai-art{background:radial-gradient(circle at 50% 35%,#245c70,#07131f 72%)}.corporate-art{background:linear-gradient(135deg,#d6c7ad,#747b70)}.pos-art{background:linear-gradient(135deg,#b6cbd2,#38525d)}.education-art{background:linear-gradient(135deg,#d9d0bc,#a6a08e)}.mobile-art{background:linear-gradient(135deg,#263f4b,#07131f)}.dashboard-art{background:linear-gradient(135deg,#d5d8d0,#84938c)}.mock-window{width:82%;height:76%;background:#f4f5f1;color:#1b303b;border-radius:8px;box-shadow:0 25px 60px #0005;overflow:hidden}.mock-head{background:#173c4c;color:#fff;padding:12px;font-size:10px;letter-spacing:.12em}.mock-head span{float:right;color:#65e6ff}.mock-body{display:grid;grid-template-columns:30% 70%;height:calc(100% - 38px)}.mock-body aside{background:#e6ece8;padding:18px 10px;font-size:9px;line-height:2.8;color:#62727b}.mock-body>div{padding:22px}.mock-body small{font-size:8px;color:#83949b}.mock-body b{display:block;font-size:23px;line-height:1.15;margin-top:12px}.mock-card{height:55px;background:linear-gradient(120deg,#b9e5ed,#dfe8e0);border-radius:6px;margin-top:25px}.corporate-page,.education-card,.dashboard{width:82%;height:78%;padding:28px;background:#eee8da;color:#1c2928;box-shadow:0 25px 55px #0003}.corporate-page small,.education-card small,.dashboard small{font-size:8px;letter-spacing:.14em}.corporate-page b,.education-card b,.dashboard b{display:block;font-family:'Playfair Display';font-size:29px;line-height:1.05;margin-top:55px;font-weight:500}.gold-line{width:75px;height:2px;background:#a58b5d;margin-top:28px}.pos-window{width:83%;height:72%;background:#edf2f0;color:#19323b;padding:25px;box-shadow:0 25px 55px #0003}.pos-window small{font-size:8px;letter-spacing:.15em}.pos-window b{display:block;font-size:24px;line-height:1.1;margin-top:28px}.pos-stats{display:flex;gap:12px;margin-top:28px}.pos-stats span{background:#d9e4e2;padding:12px;font-size:9px;flex:1}.pos-stats strong{font-size:12px}.education-card{background:#f0eadf}.education-card b{margin-top:45px}.education-card span{display:block;margin-top:35px;font-size:10px}.phone{width:145px;height:270px;background:linear-gradient(150deg,#f3f7f4,#b3c8c4);border:5px solid #132733;border-radius:25px;padding:35px 16px;color:#172c35;box-shadow:0 25px 60px #0007;position:relative}.phone-notch{position:absolute;top:8px;left:45px;width:45px;height:5px;border-radius:5px;background:#132733}.phone small{font-size:8px;letter-spacing:.14em}.phone b{display:block;font-size:20px;line-height:1.1;margin-top:35px}.phone-pill{height:40px;background:#5e9caa;border-radius:8px;margin-top:30px}.phone-pill.short{width:65%;margin-top:10px;background:#d5dfd8}.dashboard{background:#e9eee7}.dashboard b{margin-top:35px}.bars{display:flex;align-items:end;gap:10px;height:80px;margin-top:20px}.bars i{display:block;width:22px;background:#315866}.bars i:nth-child(1){height:35%}.bars i:nth-child(2){height:65%}.bars i:nth-child(3){height:45%}.bars i:nth-child(4){height:90%}.bars i:nth-child(5){height:72%}.project-meta{display:flex;justify-content:space-between;color:#8b969c;font-size:.65rem;letter-spacing:.1em;margin-top:18px}.project h3{font-size:1.45rem;margin:15px 0 5px}.project p{font-size:.9rem;margin:0}.services-section{background:#e8e6df}.service-list{margin-top:55px;border-top:1px solid var(--line)}.service-list>div{display:grid;grid-template-columns:10% 35% 55%;align-items:center;padding:28px 0;border-bottom:1px solid var(--line)}.service-list span{color:#8b969c}.service-list h3{font-size:1.8rem;margin:0}.service-list p{margin:0;font-size:.9rem}.about-section{display:grid;grid-template-columns:.7fr 1.3fr;gap:8vw}.about-section h2{margin-top:0}.contact-section{background:var(--navy);color:#fff;text-align:center;padding:130px 6vw}.contact-section h2{margin:25px 0}.contact-section>p:not(.eyebrow){color:#9db0bb;margin:0 auto 30px}.footer{background:#07131f;color:#8fa1ab;border-top:1px solid #28404d;display:flex;justify-content:space-between;align-items:center;padding:35px 6vw;font-size:.75rem}.footer p{margin:10px 0}.footer .brand{color:#fff}@media(max-width:800px){.site-header{padding:22px 6vw}.menu-toggle{display:block}.nav{display:none;position:absolute;top:75px;left:6vw;right:6vw;background:#102432;padding:22px;flex-direction:column;align-items:flex-start;border:1px solid #38505d}.nav.open{display:flex}.hero{grid-template-columns:1fr;padding-top:150px;min-height:900px}.hero-visual{margin-top:40px;height:300px}.hero-device{transform:rotate(-8deg) scale(.78)}.hero-orbit{transform:scale(.75)}.visual-caption{bottom:-20px}.intro,.about-section{grid-template-columns:1fr;gap:30px}.section{padding:80px 6vw}.section-heading{display:block}.work-grid{grid-template-columns:1fr}.project-art{height:280px}.service-list>div{grid-template-columns:15% 85%;gap:12px}.service-list p{grid-column:2}.footer{display:block}.contact-section{padding:90px 6vw}}