@import "https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Vazirmatn:wght@400;500;600;700;800&display=swap";.admin-page{color:#f3f7ff;direction:rtl;background:#09111f;min-height:100vh;font-family:Vazirmatn,sans-serif}.admin-header{background:#0c192b;border-bottom:1px solid #1d334d;justify-content:space-between;align-items:center;padding:32px max(24px,50% - 560px);display:flex}.admin-kicker{letter-spacing:1px;color:#74f2da;font:500 10px DM Mono}.admin-header h1,.admin-login h1{margin:9px 0 0;font-size:29px}.admin-header-actions{align-items:center;gap:20px;display:flex}.admin-header-actions a,.admin-header-actions button,.admin-login>a{color:#a9b9cc;cursor:pointer;background:0 0;border:0;font:500 12px inherit;text-decoration:none}.admin-header-actions a:hover,.admin-header-actions button:hover,.admin-login>a:hover{color:#74f2da}.admin-main{width:min(1120px,100% - 48px);margin:36px auto 80px}.admin-card{background:#0c192b;border:1px solid #213650;border-radius:10px;padding:26px}.admin-card-title{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.admin-card-title h2{margin:8px 0 0;font-size:19px}.admin-status{color:#74f2da;font-size:10px}.admin-form{gap:14px;display:grid}.settings-form{grid-template-columns:repeat(2,1fr);align-items:end}.admin-form label{color:#8fa0b7;gap:7px;font-size:11px;display:grid}.admin-form input,.admin-form textarea,.admin-login input{color:#f3f7ff;width:100%;font:inherit;background:#10233b;border:1px solid #2a4461;border-radius:6px;outline:0;padding:12px 13px;font-size:12px}.admin-form textarea{resize:vertical;min-height:77px}.admin-form input:focus,.admin-form textarea:focus,.admin-login input:focus{border-color:#74f2da}.admin-primary,.admin-secondary{color:#08121f;cursor:pointer;background:#74f2da;border:0;border-radius:6px;padding:12px 17px;font:700 12px inherit}.admin-secondary{color:#74f2da;background:#193652}.admin-columns{grid-template-columns:1fr 1fr;gap:16px;margin-top:16px;display:grid}.admin-list{gap:9px;margin-bottom:20px;display:grid}.admin-list-row{border:1px solid #1e3853;border-radius:7px;align-items:center;gap:11px;padding:11px;display:flex}.admin-list-row>div{flex:1;gap:4px;display:grid}.admin-list-row b{font-size:12px}.admin-list-row small{color:#7e91a9;font-size:10px}.admin-avatar,.admin-project-dot{border-radius:10px;place-items:center;width:36px;height:36px;font:700 10px DM Mono;display:grid}.admin-avatar.violet{color:#a091ff;background:#8367ff1f}.admin-avatar.cyan{color:#74f2da;background:#74f2da1a}.admin-avatar.orange{color:#f6a867;background:#f6a8671a}.admin-avatar.blue{color:#8cb7ff;background:#659cff1a}.admin-project-dot{background:#74f2da;border-radius:50%;flex:none;width:11px;height:11px}.delete-button{color:#e47c8e;font:inherit;cursor:pointer;background:0 0;border:0;font-size:10px}.compact-form{grid-template-columns:1fr 1fr}.compact-form input:first-child,.compact-form textarea{grid-column:span 2}.admin-toast,.admin-message{color:#74f2da;background:#102e35;border:1px solid #2e6b63;border-radius:7px;margin-bottom:16px;padding:12px 15px;font-size:12px;display:block}.admin-login{text-align:right;background:#0c192b;border:1px solid #294461;border-radius:12px;width:min(410px,100% - 40px);margin:12vh auto 0;padding:36px;box-shadow:0 25px 90px #0005}.admin-logo{color:#74f2da;border:1px solid #74f2da;border-radius:14px;place-items:center;width:48px;height:48px;font:700 16px DM Mono;display:grid;transform:skew(-7deg)}.admin-login>p:not(.admin-kicker){color:#899bb1;font-size:12px;line-height:2}.admin-login form{gap:12px;margin:25px 0 18px;display:grid}.admin-loading{text-align:center;color:#74f2da;padding:100px}@media (width<=760px){.admin-header{align-items:flex-start;gap:20px;padding:24px}.admin-header-actions{flex-direction:column;align-items:flex-end;gap:10px}.admin-main{width:calc(100% - 28px);margin-top:22px}.settings-form,.admin-columns,.compact-form{grid-template-columns:1fr}.compact-form input:first-child,.compact-form textarea{grid-column:auto}.admin-card{padding:18px}.admin-card-title{align-items:flex-start;gap:15px}}:root{color:#f3f7ff;font-synthesis:none;text-rendering:optimizelegibility;background:#09111f;font-family:Vazirmatn,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:#09111f;min-width:320px;margin:0}.app-shell{background:radial-gradient(circle at 82% 7%,#142a4a 0,#0000 30%),#09111f;position:relative;overflow:hidden}.noise{opacity:.035;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.5'/%3E%3C/svg%3E");position:absolute;inset:0}.container{width:min(1120px,100% - 64px);margin:auto}.header{z-index:5;justify-content:space-between;align-items:center;height:90px;display:flex;position:relative}.brand{color:#fff;align-items:center;gap:11px;text-decoration:none;display:flex}.brand-mark{letter-spacing:-4px;border:1px solid #74f2da;border-radius:12px;justify-content:center;align-items:center;gap:0;width:39px;height:39px;font-size:14px;font-weight:800;display:flex;transform:skew(-7deg)}.brand-mark span{transform:skew(7deg)}.brand-name{font-size:17px;font-weight:700}.brand-name small{letter-spacing:1.5px;color:#74f2da;margin-right:5px;font:500 9px DM Mono}.nav{align-items:center;gap:30px;display:flex}.nav button,.text-button{color:#9eabc1;cursor:pointer;background:0 0;border:0;font:500 13px inherit}.nav button:hover,.text-button:hover{color:#fff}.nav-cta{border-radius:7px;align-items:center;gap:9px;display:flex;color:#eaf1fb!important;border:1px solid #31445d!important;padding:12px 16px!important}.menu-toggle{background:0 0;border:0;display:none}.hero{grid-template-columns:1fr 1fr;align-items:center;min-height:625px;padding:68px 0 96px;display:grid}.eyebrow,.section-label{letter-spacing:1px;color:#74f2da;font:500 11px DM Mono}.eyebrow{align-items:center;gap:9px;margin-bottom:26px;display:flex}.pulse-dot{background:#74f2da;border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 5px #74f2da1f}.hero h1{letter-spacing:-3px;margin:0 0 23px;font-size:clamp(48px,6.5vw,80px);font-weight:800;line-height:1.25}.hero h1 em,.section-heading h2 span,.about h2 span,.contact-card h2 em{color:#74f2da;font-style:normal}.hero-text{color:#aab7ca;max-width:450px;margin:0;font-size:16px;line-height:2}.hero-actions{align-items:center;gap:27px;margin-top:34px;display:flex}.primary-button{color:#08121f;cursor:pointer;background:#74f2da;border:0;border-radius:7px;justify-content:center;align-items:center;gap:16px;padding:15px 21px;font:700 13px inherit;text-decoration:none;display:inline-flex}.primary-button:hover{background:#a1ffe9;transform:translateY(-2px)}.text-button{align-items:center;gap:9px;display:flex}.text-button span{color:#74f2da;font-size:22px}.hero-art{place-items:center;height:500px;display:grid;position:relative}.art-core{z-index:2;background:radial-gradient(circle at 30% 30%,#2a436a,#101f37 52%,#0d182a);border:1px solid #506687;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;width:255px;height:255px;display:flex;position:relative;box-shadow:0 0 90px #3a9fbb40,inset 0 0 30px #74f2da20}.art-core:before{content:"";border:1px dashed #74f2da66;border-radius:50%;position:absolute;inset:14px}.art-core span{letter-spacing:-13px;color:#f3f7ff;margin-left:-10px;font:800 67px DM Mono}.art-core small{letter-spacing:2px;text-align:center;color:#74f2da;margin-top:14px;font:500 8px/1.7 DM Mono}.orbit{border:1px solid #47617e66;border-radius:50%;position:absolute;transform:rotate(-20deg)}.orbit-a{width:490px;height:170px}.orbit-b{border-style:dashed;width:390px;height:390px;transform:rotate(35deg)}.orb{filter:blur(1px);border-radius:50%;position:absolute}.orb-one{background:#74f2da;width:16px;height:16px;top:65px;right:65px;box-shadow:0 0 25px #74f2da}.orb-two{background:#f6a867;width:10px;height:10px;bottom:105px;left:75px;box-shadow:0 0 18px #f6a867}.orb-three{background:#9c7dff;width:6px;height:6px;top:145px;left:75px}.floating-note{z-index:3;color:#b8c7dd;background:#12233bde;border:1px solid #324864;border-radius:8px;align-items:center;gap:9px;padding:10px 13px;font-size:11px;display:flex;position:absolute;box-shadow:0 14px 35px #0003}.floating-note svg{color:#74f2da}.note-top{top:70px;left:15px}.note-bottom{bottom:70px;right:5px}.mini-bars{align-items:end;gap:2px;height:15px;display:flex}.mini-bars i{background:#74f2da;border-radius:3px;width:3px;display:block}.mini-bars i:first-child{height:7px}.mini-bars i:nth-child(2){height:11px}.mini-bars i:nth-child(3){height:9px}.mini-bars i:nth-child(4){height:15px}.trust-strip{background:#0c192b;border-block:1px solid #1c3049}.trust-inner{color:#718198;justify-content:center;align-items:center;gap:24px;height:85px;font-size:13px;display:flex}.trust-inner b{color:#d5dfed;font-weight:600}.trust-inner i{background:#32445d;width:1px;height:18px}.section{padding:126px 0}.about .section-label{margin-bottom:45px}.about-grid{grid-template-columns:1fr 1fr;gap:110px;display:grid}.about h2,.section-heading h2,.contact-card h2{letter-spacing:-2px;margin:0;font-size:48px;font-weight:700;line-height:1.4}.about-content{padding-top:10px}.about-content>p{color:#aab7ca;max-width:460px;margin:0;font-size:17px;line-height:2}.values{gap:50px;margin-top:45px;display:flex}.values div{flex-direction:column;gap:4px;display:flex}.values strong{color:#f3f7ff;font:500 30px DM Mono}.values span{color:#708198;font-size:11px}.feature-grid{grid-template-columns:repeat(3,1fr);gap:15px;margin-top:88px;display:grid}.feature-card{background:#0c192b;border:1px solid #213650;border-radius:8px;padding:25px}.feature-icon{border-radius:13px;place-items:center;width:46px;height:46px;margin-bottom:25px;display:grid}.violet-bg{color:#9d8aff;background:#8367ff1f}.cyan-bg{color:#74f2da;background:#74f2da1a}.orange-bg{color:#f6a867;background:#f6a8671a}.feature-card h3{margin:0 0 9px;font-size:16px}.feature-card p{color:#8594aa;margin:0;font-size:12px;line-height:1.9}.products-section{background:#0c192b;padding-block:120px}.section-heading{justify-content:space-between;align-items:end;margin-bottom:55px;display:flex}.section-heading h2{margin-top:18px}.section-heading>p{color:#8694aa;text-align:right;margin:0 0 5px;font-size:13px;line-height:2}.product-grid{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.product-card{background:#10233b;border:1px solid #233d5b;border-radius:9px;flex-direction:column;min-height:390px;padding:25px;display:flex;position:relative;overflow:hidden}.product-card:after{content:"";filter:blur(18px);opacity:.2;border-radius:50%;width:210px;height:210px;position:absolute;top:90px;right:-65px}.product-card.violet:after{background:#8771ff}.product-card.cyan:after{background:#74f2da}.product-card.orange:after{background:#f6a867}.product-top,.product-bottom{justify-content:space-between;align-items:center;display:flex}.product-number,.product-tag{color:#91a1b8;font:500 11px DM Mono}.product-icon{color:#b7c6d9;border:1px solid #55708e;border-radius:50%;place-items:center;width:39px;height:39px;display:grid}.product-body{z-index:1;margin-top:auto;position:relative}.product-body h3{letter-spacing:-1px;margin:12px 0 13px;font-size:39px}.product-body p{color:#a1b0c4;max-width:250px;margin:0;font-size:13px;line-height:2}.product-bottom{z-index:1;border-top:1px solid #36516f;margin-top:35px;padding-top:17px;position:relative}.product-bottom b{color:#74f2da;font-size:11px}.circle-arrow{color:#09111f;background:#f3f7ff;border-radius:50%;place-items:center;width:30px;height:30px;font-size:17px;display:grid}.product-card.cyan .product-bottom b{color:#74f2da}.product-card.orange .product-bottom b{color:#f6a867}.sites-section{padding-bottom:135px}.sites-heading{margin-bottom:45px}.globe-badge{color:#74f2da;border:1px solid #27445d;border-radius:9px;align-items:center;gap:14px;padding:14px 18px;display:flex}.globe-badge span{color:#dae5f2;font-size:12px;line-height:1.7}.globe-badge small{color:#798aa0;font-size:10px}.sites-list{border-top:1px solid #273d57}.site-row{color:#fff;border-bottom:1px solid #273d57;grid-template-columns:60px 1fr 1fr 30px;align-items:center;gap:20px;padding:22px 0;text-decoration:none;transition:all .25s;display:grid}.site-row:hover{background:#10243b;padding-inline:14px}.site-index{font:500 11px DM Mono}.site-index.violet{color:#a091ff}.site-index.cyan{color:#74f2da}.site-index.orange{color:#f6a867}.site-title{align-items:center;gap:25px;display:flex}.site-title h3{margin:0;font-size:18px}.site-title span,.site-url{color:#73839b;font:500 11px DM Mono}.site-url{text-align:right;direction:ltr}.site-arrow{color:#74f2da;font-size:20px}.quote-section{color:#09111f;background:#74f2da}.quote-inner{text-align:center;flex-direction:column;align-items:center;padding:85px 0;display:flex}.quote-mark{margin-bottom:27px}.quote-inner blockquote{max-width:750px;margin:0;font-size:27px;font-weight:600;line-height:1.8}.quote-author{text-align:right;align-items:center;gap:11px;margin-top:30px;display:flex}.avatar{color:#74f2da;background:#09111f;border-radius:50%;place-items:center;width:35px;height:35px;display:grid}.quote-author span:last-child{flex-direction:column;font-size:11px;display:flex}.quote-author small{opacity:.6;margin-top:2px}.contact-section{padding-block:130px}.contact-card{border-block:1px solid #273d57;grid-template-columns:1fr 1fr;gap:100px;padding:68px 0;display:grid}.contact-card h2{margin-top:18px;font-size:48px}.contact-card h2 em{color:#74f2da}.contact-side{padding-top:35px}.contact-side>p{color:#a5b3c7;max-width:390px;margin:0 0 29px;font-size:15px;line-height:2}.contact-meta{color:#7d8da2;direction:ltr;justify-content:flex-end;gap:26px;margin-top:25px;font:500 10px DM Mono;display:flex}.footer{color:#63738a;border-top:1px solid #1b3048;justify-content:space-between;align-items:center;min-height:110px;font:500 10px DM Mono;display:flex}.socials{gap:8px;display:flex}.socials a{color:#a3b3c8;border:1px solid #30445e;border-radius:50%;place-items:center;width:27px;height:27px;font-size:9px;text-decoration:none;display:grid}.icon{display:block}@media (width<=760px){.container{width:min(100% - 36px,520px)}.header{height:76px}.menu-toggle{cursor:pointer;flex-direction:column;gap:5px;display:flex}.menu-toggle span{background:#d9e5f3;width:24px;height:1px}.nav{top:65px;background:#10213a;border:1px solid #2b4663;border-radius:8px;flex-direction:column;align-items:stretch;padding:15px;display:none;position:absolute;inset-inline:0}.nav.open{display:flex}.nav button{text-align:right;padding:11px}.nav-cta{justify-content:space-between}.hero{flex-direction:column;align-items:stretch;min-height:0;padding:70px 0 80px;display:flex}.hero h1{letter-spacing:-2px;font-size:51px}.hero-art{transform-origin:50%;height:375px;margin-top:25px;transform:scale(.82)}.note-top{left:0}.note-bottom{right:0}.trust-inner{gap:10px;font-size:10px}.about-grid,.contact-card{grid-template-columns:1fr;gap:35px}.about h2,.section-heading h2,.contact-card h2{font-size:38px}.feature-grid,.product-grid{grid-template-columns:1fr}.section{padding:88px 0}.products-section{padding-block:88px}.section-heading{display:block}.section-heading>p{text-align:right;margin-top:25px}.product-card{min-height:340px}.sites-heading{align-items:end;display:flex}.site-row{grid-template-columns:38px 1fr 24px;gap:10px}.site-url{display:none}.site-title{display:block}.site-title span{margin-top:5px;display:block}.quote-inner{padding:65px 0}.quote-inner blockquote{font-size:20px}.contact-section{padding-block:90px}.contact-side{padding-top:0}.footer{flex-wrap:wrap;gap:20px;min-height:0;padding:25px 0}.footer>span{text-align:center;order:3;width:100%}.socials{margin-right:auto}}.team-block{border-top:1px solid #213650;margin-top:112px;padding-top:45px}.team-heading{justify-content:space-between;align-items:flex-end;gap:50px;margin-bottom:30px;display:flex}.team-heading h3{letter-spacing:-1px;margin:16px 0 0;font-size:32px;line-height:1.45}.team-heading h3 span{color:#74f2da}.team-heading>p{color:#8594aa;max-width:340px;margin:0 0 4px;font-size:13px;line-height:2}.team-grid{grid-template-columns:repeat(4,1fr);gap:12px;display:grid}.team-card{background:#0c192b;border:1px solid #213650;border-radius:8px;flex-direction:column;justify-content:space-between;gap:20px;min-height:185px;padding:18px;transition:transform .2s,border-color .2s;display:flex}.team-card:hover{border-color:#486785;transform:translateY(-4px)}.member-avatar{border-radius:16px;place-items:center;width:52px;height:52px;font:700 14px DM Mono;display:grid}.member-avatar.violet{color:#a091ff;background:#8367ff1f}.member-avatar.cyan{color:#74f2da;background:#74f2da1a}.member-avatar.orange{color:#f6a867;background:#f6a8671a}.member-avatar.blue{color:#8cb7ff;background:#659cff1a}.team-card h4{color:#eef5ff;margin:0 0 5px;font-size:14px}.team-card p{color:#7f90a7;margin:0;font-size:11px;line-height:1.7}.member-arrow{color:#74f2da;align-self:flex-end;font-size:18px}.about-contact-note{color:#74f2da;align-items:center;gap:10px;margin-top:28px;font-size:12px;display:flex}.about-contact-note span{color:#8594aa}.story-section{background:#0c192b;border-block:1px solid #1c3049;padding:120px 0}.story-grid{grid-template-columns:1fr 1fr;gap:100px;display:grid}.story-grid h2{letter-spacing:-2px;margin:18px 0 0;font-size:48px;line-height:1.4}.story-grid h2 span{color:#74f2da}.story-copy{max-width:500px}.story-copy p{color:#aab7ca;margin:0 0 18px;font-size:15px;line-height:2.1}.story-signature{color:#74f2da;align-items:center;gap:15px;margin-top:33px;display:flex}.story-signature span{letter-spacing:-5px;font:700 28px DM Mono}.story-signature small{color:#718198;font-size:11px}.projects-section{background:#09111f}.contact-meta a{color:#7d8da2;align-items:center;gap:6px;text-decoration:none;display:inline-flex}.contact-meta a:hover{color:#74f2da}.capabilities-section{background:#0c192b;border-block:1px solid #1c3049;padding:105px 0 120px}.capabilities-section .section-heading{margin-bottom:48px}.capabilities-grid{grid-template-columns:repeat(4,1fr);gap:12px;display:grid}.capability-card{background:#10233b;border:1px solid #263f5c;border-radius:8px;flex-direction:column;min-height:275px;padding:23px;transition:transform .2s,border-color .2s;display:flex;position:relative;overflow:hidden}.capability-card:hover{border-color:#74f2da;transform:translateY(-5px)}.capability-top{color:#74f2da;justify-content:space-between;align-items:center;display:flex}.capability-top>span{color:#91a1b8;font:500 11px DM Mono}.capability-card h3{margin:auto 0 13px;font-size:19px}.capability-card p{color:#91a2ba;min-height:72px;margin:0;font-size:12px;line-height:2}.capability-line{background:#74f2da;width:35px;height:2px;margin-top:22px}@media (width<=1024px){.container{width:min(100% - 48px,900px)}.hero{gap:0}.hero h1{font-size:clamp(52px,7vw,68px)}.hero-art{transform-origin:50%;margin-inline:-35px;transform:scale(.88)}.about-grid,.contact-card{gap:55px}.team-grid,.capabilities-grid{grid-template-columns:repeat(2,1fr)}.story-grid{gap:55px}}@media (width<=760px){html,body,#root{max-width:100%;overflow-x:hidden}.container{width:calc(100% - 36px)}.header{height:74px}.brand-name{font-size:15px}.hero{padding-top:62px;padding-bottom:70px}.hero h1{font-size:clamp(42px,13vw,56px);line-height:1.3}.hero-text{font-size:14px;line-height:2.05}.hero-actions{flex-wrap:wrap;gap:18px}.hero-art{width:100%;height:330px;margin:20px 0 0;transform:scale(.76)}.art-core{width:235px;height:235px}.orbit-a{width:440px;height:155px}.orbit-b{width:350px;height:350px}.note-top{top:38px;left:-8px}.note-bottom{bottom:38px;right:-8px}.trust-strip{overflow:hidden}.trust-inner{white-space:nowrap;gap:10px;height:72px;font-size:9px}.section,.products-section{padding-block:78px}.about .section-label{margin-bottom:30px}.about-grid{gap:28px}.about h2,.section-heading h2,.contact-card h2{font-size:clamp(33px,10vw,42px);line-height:1.45}.about-content>p{font-size:14px}.values{justify-content:space-between;gap:12px;margin-top:30px}.values strong{font-size:24px}.feature-grid,.product-grid{gap:12px}.feature-grid{margin-top:52px}.feature-card{padding:20px}.team-block{margin-top:78px;padding-top:35px}.team-heading{display:block}.team-heading h3{font-size:28px}.team-heading>p{margin-top:20px}.team-grid{grid-template-columns:1fr}.story-section{padding-block:78px}.story-grid{grid-template-columns:1fr;gap:30px}.story-grid h2{font-size:clamp(33px,10vw,42px)}.story-copy p{font-size:13px}.capabilities-section{padding-block:78px}.capabilities-section .section-heading{margin-bottom:35px}.capabilities-grid{grid-template-columns:1fr;gap:12px}.capability-card{min-height:220px}.product-card{min-height:330px;padding:22px}.section-heading{margin-bottom:35px}.section-heading>p{font-size:12px}.sites-heading{align-items:flex-end;gap:15px;display:flex}.globe-badge{gap:8px;padding:10px 12px}.globe-badge span{font-size:10px}.site-row{padding:18px 0}.site-title h3{font-size:15px}.quote-inner{padding:58px 18px}.quote-inner blockquote{font-size:18px;line-height:1.9}.contact-card{gap:28px;padding:50px 0}.contact-side>p{font-size:13px}.contact-meta{flex-wrap:wrap;justify-content:flex-start;gap:12px 20px}.footer{padding:24px 0}}@media (width<=380px){.container{width:calc(100% - 28px)}.hero h1{font-size:39px}.hero-art{margin-inline:-45px;transform:scale(.65)}.hero-actions .primary-button{width:100%}.hero-actions .text-button{margin-inline:auto}.sites-heading{display:block}.globe-badge{width:max-content;margin-top:22px}.quote-inner blockquote{font-size:16px}}

/* VD engineering studio visual system — layered over the existing app styles. */
:root {
  color-scheme: dark;
  --vd-bg: #070b12;
  --vd-panel: #0d1420;
  --vd-panel-raised: #111c2b;
  --vd-line: rgba(159, 185, 213, .14);
  --vd-muted: #9aaabe;
  --vd-accent: #7cf0d2;
  --vd-blue: #8aaeff;
}

html { scroll-behavior: smooth; scroll-padding-top: 92px; }
body { background: var(--vd-bg); }
.app-shell {
  background:
    radial-gradient(ellipse at 78% 5%, rgba(40, 99, 129, .22), transparent 34%),
    radial-gradient(ellipse at 8% 28%, rgba(69, 77, 139, .13), transparent 32%),
    linear-gradient(180deg, #080d15 0%, #090f18 48%, #070b12 100%);
}
.app-shell::before {
  content: "";
  position: absolute;
  z-index: 0;
  inset: 0 0 auto;
  height: 760px;
  pointer-events: none;
  opacity: .2;
  background-image: linear-gradient(rgba(150, 180, 210, .07) 1px, transparent 1px), linear-gradient(90deg, rgba(150, 180, 210, .07) 1px, transparent 1px);
  background-size: 56px 56px;
  mask-image: linear-gradient(to bottom, #000 0%, transparent 92%);
}
.container { width: min(1160px, calc(100% - 72px)); }
.header {
  height: 88px;
  border-bottom: 1px solid rgba(159, 185, 213, .1);
}
.brand-mark { filter: drop-shadow(0 0 15px rgba(124, 240, 210, .2)); }
.brand-name { letter-spacing: .08em; }
.nav { gap: 34px; }
.nav button { transition: color .18s ease; }
.nav button:hover { color: var(--vd-accent); }
.nav-cta {
  border-color: rgba(124, 240, 210, .38) !important;
  background: rgba(124, 240, 210, .07) !important;
  transition: background .2s ease, border-color .2s ease, transform .2s ease;
}
.nav-cta:hover { background: rgba(124, 240, 210, .14) !important; border-color: var(--vd-accent) !important; transform: translateY(-2px); }
.hero {
  min-height: 690px;
  padding-top: 86px;
  padding-bottom: 100px;
  gap: 38px;
}
.hero-copy { max-width: 560px; }
.eyebrow, .section-label { color: var(--vd-accent); letter-spacing: .14em; }
.eyebrow { margin-bottom: 30px; }
.hero h1 {
  max-width: 650px;
  font-size: clamp(50px, 5.5vw, 72px);
  letter-spacing: -3.8px;
  line-height: 1.24;
  text-wrap: balance;
}
.hero h1 em, .section-heading h2 span, .about h2 span, .contact-card h2 em, .story-grid h2 span {
  color: transparent;
  background: linear-gradient(100deg, #8af2d8 5%, #8aaeff 96%);
  background-clip: text;
  -webkit-background-clip: text;
}
.hero-text { max-width: 485px; color: #a8b7c9; font-size: 15px; line-height: 2.15; }
.hero-actions { gap: 22px; margin-top: 38px; }
.primary-button {
  min-height: 52px;
  padding: 14px 22px;
  border: 1px solid rgba(124, 240, 210, .46);
  border-radius: 7px;
  background: linear-gradient(115deg, #79e9d0, #91b6ff);
  box-shadow: 0 12px 34px rgba(80, 180, 182, .17);
  transition: transform .2s ease, box-shadow .2s ease;
}
.primary-button:hover { transform: translateY(-3px); box-shadow: 0 18px 42px rgba(80, 180, 182, .25); }
.text-button { transition: color .2s ease; }
.hero-art { filter: saturate(.86); }
.art-core { box-shadow: 0 0 0 1px rgba(124, 240, 210, .18), 0 0 90px rgba(76, 132, 178, .13); }
.trust-strip { background: rgba(12, 20, 31, .76); border-color: var(--vd-line); }
.trust-inner { height: 78px; color: #8798ad; }
.trust-inner b { color: #e5edf5; }
.section { padding-block: 112px; }
.about-grid { gap: 90px; }
.about h2, .section-heading h2, .contact-card h2, .story-grid h2 { letter-spacing: -1.8px; }
.about-content>p, .story-copy p { color: #a8b7c9; }
.feature-card, .team-card {
  background: linear-gradient(145deg, rgba(17, 28, 43, .96), rgba(11, 18, 29, .96));
  border-color: var(--vd-line);
  border-radius: 10px;
  transition: transform .22s ease, border-color .22s ease, background .22s ease, box-shadow .22s ease;
}
.feature-card:hover, .team-card:hover {
  transform: translateY(-4px);
  border-color: rgba(124, 240, 210, .36);
  box-shadow: 0 18px 42px rgba(0, 0, 0, .18);
}
.team-block { border-color: var(--vd-line); }
.team-card { min-height: 205px; padding: 22px; }
.team-card h4 { color: #f1f6fb; font-size: 15px; }
.team-card p { color: var(--vd-muted); }
.avatar { box-shadow: 0 0 0 1px rgba(255,255,255,.06); }
.story-section { background: rgba(13, 20, 32, .9); border-color: var(--vd-line); }
.story-grid { align-items: center; gap: 88px; }
.story-grid h2 { max-width: 560px; }
.story-copy { border-right: 1px solid rgba(124, 240, 210, .28); padding-right: 30px; }
.capability-card {
  min-height: 290px;
  background: linear-gradient(155deg, rgba(17, 28, 43, .98), rgba(10, 17, 28, .98));
  border-color: var(--vd-line);
  border-radius: 10px;
}
.capability-card::after { opacity: .26; }
.capability-card:hover { border-color: rgba(124, 240, 210, .52); box-shadow: 0 20px 44px rgba(0,0,0,.2); }
.capability-card h3 { font-size: 20px; }
.capability-card p { color: #9baabd; }
.products-section { background: #0a1019; border-block: 1px solid rgba(159,185,213,.09); }
.section-heading { align-items: end; margin-bottom: 48px; }
.section-heading h2 { font-size: clamp(36px, 4vw, 48px); }
.section-heading>p { max-width: 420px; color: #9aaabe; }
.product-grid { gap: 18px; }
.product-card {
  min-height: 460px;
  padding: 26px;
  border-color: rgba(159,185,213,.16);
  border-radius: 11px;
  background: linear-gradient(145deg, #111d2c, #0b121d 80%);
}
#projects .product-card:hover { transform: translateY(-7px); border-color: rgba(124,240,210,.52); box-shadow: 0 24px 54px rgba(0,0,0,.28); }
.product-icon { border-color: rgba(124,240,210,.36); background: rgba(124,240,210,.06); }
.product-body h3 { letter-spacing: -.8px; }
.product-body p { max-width: none; color: #a6b4c6; line-height: 2.05; }
.product-bottom { border-color: rgba(159,185,213,.16); }
.quote-section { color: #eef7f6; background: linear-gradient(115deg, #102832, #13223a 60%, #1a2544); border-block: 1px solid rgba(124,240,210,.18); }
.quote-inner { padding-block: 92px; }
.quote-inner blockquote { font-size: clamp(22px, 3vw, 30px); }
.quote-author { color: #b4c4d2; }
.contact-section { padding-block: 110px; }
.contact-card { border-color: var(--vd-line); gap: 80px; }
.contact-side>p { color: #a8b7c9; }
.contact-meta a { transition: color .18s ease; }
.footer { color: #8191a6; border-color: var(--vd-line); }
.footer .socials { display: none; }
.team-card h3 { color: #f1f6fb; margin: 0 0 5px; font-size: 15px; }
.team-card h4 { color: #f1f6fb; font-size: 15px; }
:where(button, a):focus-visible { outline: 2px solid var(--vd-accent); outline-offset: 4px; }

@media (max-width: 1024px) {
  .container { width: min(920px, calc(100% - 48px)); }
  .hero { min-height: 620px; }
  .story-grid { gap: 48px; }
}
@media (max-width: 760px) {
  html, body, #root { overflow-x: hidden; }
  .container { width: calc(100% - 36px); }
  .header { height: 74px; }
  .nav { background: #101b2a; border-color: rgba(124,240,210,.18); box-shadow: 0 18px 42px rgba(0,0,0,.35); }
  .hero { padding-top: 62px; padding-bottom: 65px; gap: 4px; }
  .hero h1 { font-size: clamp(43px, 12.4vw, 57px); letter-spacing: -2.5px; }
  .hero-text { font-size: 14px; }
  .hero-art { margin-top: 12px; }
  .trust-inner { height: 72px; }
  .section, .products-section { padding-block: 78px; }
  .about-grid { gap: 34px; }
  .about h2, .section-heading h2, .contact-card h2, .story-grid h2 { letter-spacing: -1px; }
  .team-block { margin-top: 78px; padding-top: 34px; }
  .team-card { min-height: 165px; }
  .story-copy { border-right: 0; border-top: 1px solid rgba(124,240,210,.24); padding: 22px 0 0; }
  .capability-card { min-height: 220px; }
  .section-heading { margin-bottom: 34px; }
  .product-card { min-height: 390px; }
  .quote-inner { padding: 68px 18px; }
  .contact-card { gap: 30px; padding: 50px 0; }
  .contact-section { padding-block: 78px; }
}
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { scroll-behavior: auto !important; transition-duration: .01ms !important; animation-duration: .01ms !important; }
}