:root{--ink-950:#07131c;--ink-900:#0d1c26;--ink-800:#132b39;--blue-600:#0877bd;--blue-500:#0d9ed1;--cyan-400:#22c4dd;--teal-500:#27be96;--orange-500:#f47a2a;--paper:#f5f9fb;--paper-blue:#eaf4f8;--slate-700:#40586a;--slate-500:#6c8190;--line:#ccdae2;--white:#fff;--shadow:0 24px 70px #07131c29;--glow:0 0 50px #22c4dd29;--radius-lg:28px;--radius-md:18px;--container:1180px}*{box-sizing:border-box}html,body{max-width:100%;overflow-x:clip}html{scroll-behavior:smooth}body{color:var(--ink-900);background:var(--paper);-webkit-font-smoothing:antialiased;margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:17px;line-height:1.65}img{max-width:100%;display:block}a{color:inherit}h1,h2,h3,p{margin-top:0}h1,h2,h3{letter-spacing:-.038em;line-height:1.06}h1{margin-bottom:28px;font-size:clamp(3rem,7vw,6.3rem);font-weight:780}h2{margin-bottom:22px;font-size:clamp(2.1rem,4.5vw,4rem);font-weight:740}h3{margin-bottom:14px;font-size:1.4rem}p{color:var(--slate-700)}.container{width:min(calc(100% - 40px), var(--container));margin-inline:auto}.narrow{max-width:930px}.section{padding:104px 0}.section-compact{padding:31px 0}.skip-link{z-index:100;color:var(--ink-900);background:var(--white);border-radius:8px;padding:10px 16px;position:fixed;top:12px;left:12px;transform:translateY(-150%)}.skip-link:focus{transform:translateY(0)}.eyebrow{color:var(--blue-500);letter-spacing:.16em;text-transform:uppercase;margin-bottom:15px;font-size:.77rem;font-weight:850}.button{min-height:50px;color:var(--ink-950);background:linear-gradient(110deg, var(--cyan-400), var(--teal-500));border:1px solid #0000;border-radius:999px;justify-content:center;align-items:center;padding:12px 23px;font-weight:800;text-decoration:none;transition:transform .16s,box-shadow .16s;display:inline-flex}.button:hover{transform:translateY(-2px);box-shadow:0 12px 30px #0d9ed13d}.button-small{min-height:42px;padding:8px 17px;font-size:.88rem}.button-secondary{color:var(--white);background:0 0;border-color:#ffffff6b}.button-light{color:var(--ink-950);background:var(--white);border-color:var(--white)}.button-row{flex-wrap:wrap;gap:12px;display:flex}.text-link{color:var(--cyan-400);text-decoration-color:var(--orange-500);text-underline-offset:6px;align-items:center;gap:10px;font-weight:800;display:inline-flex}.site-header{z-index:50;backdrop-filter:blur(18px);background:#07131cf0;border-bottom:1px solid #70cade24;position:sticky;top:0}.header-inner{justify-content:space-between;align-items:center;min-height:84px;display:flex}.brand{color:var(--white);align-items:center;gap:12px;text-decoration:none;display:inline-flex}.brand>span:last-child{flex-direction:column;line-height:1.05;display:flex}.brand strong{letter-spacing:.025em;text-transform:uppercase;font-size:1.18rem}.brand small{color:var(--blue-500);letter-spacing:.12em;text-transform:uppercase;margin-top:4px;font-size:.62rem;font-weight:850}.brand-mark{background:var(--ink-900);width:48px;height:48px;box-shadow:var(--glow);border:1px solid #22c4dd47;border-radius:13px;overflow:hidden}.brand-mark img{object-fit:cover;width:100%;height:100%}.desktop-nav{align-items:center;gap:25px;display:flex}.desktop-nav>a:not(.button){color:#afc1ce;border-bottom:3px solid #0000;padding:27px 0 23px;font-size:.92rem;font-weight:700;text-decoration:none}.desktop-nav>a[aria-current=page]{color:var(--white);border-color:var(--cyan-400)}.mobile-nav{display:none}.hero{color:var(--white);background:radial-gradient(circle at 78% 28%, #0d9ed12e, transparent 30%), radial-gradient(circle at 58% 90%, #27be961c, transparent 30%), var(--ink-950);padding-top:92px;position:relative;overflow:hidden}.hero:before,.page-hero:before{content:"";opacity:.14;background-image:linear-gradient(#22c4dd2e 1px,#0000 1px),linear-gradient(90deg,#22c4dd2e 1px,#0000 1px);background-size:54px 54px;position:absolute;inset:0;mask-image:linear-gradient(90deg,#0000,#000 62%,#0000)}.hero-grid{grid-template-columns:.96fr 1.04fr;align-items:center;gap:70px;min-height:640px;display:grid;position:relative}.hero-copy,.hero-brand-card{min-width:0}.hero h1 span{color:var(--cyan-400)}.hero-lead{color:#bfd0db;max-width:720px;margin-bottom:32px;font-size:clamp(1.15rem,2vw,1.36rem)}.hero-points{color:#afc1ce;flex-wrap:wrap;gap:20px;margin:34px 0 0;padding:0;font-size:.87rem;font-weight:700;list-style:none;display:flex}.hero-points li:before{content:"";background:var(--orange-500);border-radius:50%;width:7px;height:7px;margin-right:8px;display:inline-block;box-shadow:0 0 12px #f47a2a8c}.hero-brand-card{box-shadow:var(--shadow), var(--glow);background:linear-gradient(135deg,#22c4dd8c,#f47a2a66);border-radius:30px;padding:10px;position:relative}.hero-brand-card:after{content:"STRELITZIA TECHNOLOGY SOLUTIONS";color:var(--white);background:var(--ink-800);letter-spacing:.12em;border:1px solid #22c4dd4d;border-radius:999px;padding:9px 14px;font-size:.67rem;font-weight:850;position:absolute;bottom:-18px;right:28px}.hero-brand-card img{border-radius:21px;width:100%}.trust-strip{color:var(--white);background:linear-gradient(90deg, #0a2535, var(--ink-800));border-top:1px solid #22c4dd33;border-bottom:1px solid #22c4dd33}.trust-grid{grid-template-columns:1.45fr repeat(3,.85fr);align-items:center;gap:24px;display:grid}.trust-grid p{color:#9fb7c6;margin:0}.trust-grid strong{padding-left:18px;font-size:.94rem;position:relative}.trust-grid strong:before{content:"";background:var(--teal-500);border-radius:50%;width:7px;height:7px;position:absolute;top:8px;left:0}.section-heading{max-width:780px;margin-bottom:46px}.split-heading{grid-template-columns:1.05fr .95fr;align-items:end;gap:80px;max-width:none;display:grid}.split-heading p:last-child{font-size:1.08rem}.card-grid{gap:18px;display:grid}.three-up,.feature-grid{grid-template-columns:repeat(3,1fr)}.feature-card{background:var(--white);border:1px solid var(--line);border-radius:var(--radius-md);min-height:250px;padding:32px;transition:transform .18s,box-shadow .18s,border-color .18s;position:relative;overflow:hidden}.feature-card:after{content:"";background:radial-gradient(circle,#22c4dd26,#0000 65%);width:100px;height:100px;position:absolute;bottom:-45px;right:-45px}.feature-card:hover{box-shadow:var(--shadow);border-color:#0d9ed16b;transform:translateY(-5px)}.feature-card p{margin-bottom:0}.card-number{color:var(--orange-500);margin-bottom:62px;font-size:.8rem;font-weight:850;display:block}.icon-chip{width:42px;height:42px;color:var(--white);background:linear-gradient(135deg, var(--blue-600), var(--teal-500));border-radius:12px;place-items:center;margin-bottom:34px;font-size:.78rem;font-weight:800;display:grid}.project-section{color:var(--white);background:var(--ink-900)}.project-section p{color:#b8c9d4}.project-section .large-copy{color:var(--white)}.project-grid{grid-template-columns:.92fr 1.08fr;align-items:center;gap:80px;display:grid}.project-logo-panel{position:relative}.project-logo-wrap{border-radius:var(--radius-lg);box-shadow:var(--glow);background:#0b1924;border:1px solid #22c4dd2e;padding:46px}.project-logo-wrap img{width:100%}.project-label{color:var(--ink-950);background:linear-gradient(110deg, var(--orange-500), #ffad4d);letter-spacing:.04em;text-transform:uppercase;border-radius:999px;padding:9px 14px;font-size:.75rem;font-weight:850;display:inline-flex}.project-logo-panel .project-label{position:absolute;bottom:-17px;right:-12px}.project-concept-card{border-radius:var(--radius-lg);min-height:390px;box-shadow:var(--glow);background:radial-gradient(circle at 50% 45%,#22c4dd2e,#0000 32%),linear-gradient(145deg,#0b2433,#07131c);border:1px solid #22c4dd38;position:relative;overflow:hidden}.project-concept-card:before,.project-concept-card:after{content:"";border:1px solid #22c4dd40;border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.project-concept-card:before{width:250px;height:250px}.project-concept-card:after{border-color:#27be9626;width:345px;height:345px}.system-core,.system-node{z-index:2;color:var(--white);background:var(--ink-800);border:1px solid #22c4dd5c;place-items:center;display:grid;position:absolute;box-shadow:0 12px 35px #0003}.system-core{background:linear-gradient(145deg, var(--blue-600), #0b405b);text-align:center;border-radius:50%;width:145px;height:145px;padding:20px;font-size:.9rem;font-weight:850;top:50%;left:50%;transform:translate(-50%,-50%)}.system-node{border-radius:999px;min-width:92px;padding:9px 13px;font-size:.72rem;font-weight:800}.system-node-one{top:16%;left:12%}.system-node-two{border-color:#f47a2a8c;top:20%;right:10%}.system-node-three{border-color:#27be968c;bottom:13%;right:15%}.project-concept-card-small{width:100%;min-height:330px}.large-copy{font-size:1.17rem}.approach-section,.values-section{background:var(--paper-blue)}.approach-grid,.content-grid{grid-template-columns:.9fr 1.1fr;gap:90px;display:grid}.process-list{margin:0;padding:0;list-style:none;display:grid}.process-list li{border-bottom:1px solid #c3d7e1;grid-template-columns:60px 1fr;gap:14px;padding:24px 0;display:grid}.process-list span{color:var(--orange-500);font-size:.8rem;font-weight:850}.process-list strong{margin-bottom:5px;font-size:1.15rem;display:block}.process-list p{margin:0}.cta-section{padding-top:80px}.cta-panel{min-height:310px;color:var(--white);background:radial-gradient(circle at 92% 20%, #22c4dd47, transparent 30%), linear-gradient(125deg, #0b3951, var(--ink-950));border-radius:var(--radius-lg);box-shadow:var(--glow);border:1px solid #22c4dd40;justify-content:space-between;align-items:center;gap:40px;padding:64px;display:flex;position:relative;overflow:hidden}.cta-panel h2{max-width:790px;margin-bottom:0}.cta-panel .eyebrow{color:var(--cyan-400)}.page-hero{color:var(--white);background:radial-gradient(circle at 90% 25%, #0d9ed13d, transparent 32%), var(--ink-950);padding-top:120px;position:relative;overflow:hidden}.page-hero>.container{position:relative}.page-hero h1{font-size:clamp(3rem,6vw,5.3rem)}.page-hero .hero-lead{color:#bdd0dc}.page-hero-small{padding-bottom:70px}.prose p{font-size:1.08rem}.contact-grid{grid-template-columns:repeat(2,1fr);gap:20px;display:grid}.contact-panel{background:var(--white);border:1px solid var(--line);border-radius:var(--radius-md);padding:42px}.contact-link{color:var(--blue-600);text-underline-offset:5px;margin-bottom:20px;font-size:clamp(1rem,2vw,1.35rem);font-weight:800;display:inline-block}.contact-note{background:var(--ink-900);border-radius:var(--radius-md);border:1px solid #22c4dd33;grid-template-columns:.4fr 1.6fr;gap:30px;margin-top:20px;padding:32px 42px;display:grid}.contact-note strong{color:var(--white)}.contact-note p{color:#bfd0db;margin:0}.legal-copy{max-width:820px}.legal-copy h2{margin-top:46px;font-size:1.65rem}.legal-copy p{font-size:1.04rem}.legal-copy a{color:var(--blue-600)}.case-study-grid{grid-template-columns:.8fr 1.2fr;align-items:center;gap:82px;display:grid}.case-study-visual{background:var(--ink-900);border-radius:var(--radius-lg);box-shadow:var(--shadow);border:1px solid #22c4dd38;justify-items:start;gap:24px;padding:48px;display:grid}.case-study-visual img{width:100%}.project-facts{border-top:1px solid var(--line);gap:0;margin-top:32px;display:grid}.project-facts div{border-bottom:1px solid var(--line);grid-template-columns:120px 1fr;gap:22px;padding:14px 0;display:grid}.project-facts strong{color:var(--blue-600);letter-spacing:.08em;text-transform:uppercase;font-size:.78rem}.project-facts span{color:var(--slate-700)}.site-footer{color:var(--white);background:var(--ink-950);border-top:1px solid #22c4dd33;margin-top:105px;padding:70px 0 24px}.footer-grid{grid-template-columns:1.6fr .7fr 1fr;gap:70px;padding-bottom:52px;display:grid}.brand-footer{color:var(--white)}.footer-grid p{color:#91a9b8;max-width:390px;margin:18px 0 0}.footer-grid h2{color:#7fa1b4;letter-spacing:.12em;text-transform:uppercase;margin-bottom:16px;font-size:.75rem}.footer-grid>div:not(:first-child){flex-direction:column;align-items:flex-start;gap:9px;display:flex}.footer-grid a:not(.brand){color:#dfebf1;text-underline-offset:4px;text-decoration-color:#22c4dd59}.footer-bottom{border-top:1px solid #ffffff1c;justify-content:space-between;align-items:center;padding-top:24px;display:flex}.footer-bottom p{color:#718c9c;margin:0;font-size:.86rem}.footer-bottom a{color:#bdd0dc;font-size:.86rem}@media (width<=940px){.desktop-nav{display:none}.mobile-nav{display:block;position:relative}.mobile-nav summary{cursor:pointer;background:var(--ink-800);border:1px solid #22c4dd47;border-radius:12px;place-content:center;gap:5px;width:44px;height:44px;list-style:none;display:grid}.mobile-nav summary::-webkit-details-marker{display:none}.mobile-nav summary span{background:var(--white);width:20px;height:2px}.mobile-nav nav{width:min(280px,100vw - 40px);color:var(--white);background:var(--ink-900);box-shadow:var(--shadow);border:1px solid #22c4dd3d;border-radius:16px;padding:12px;display:grid;position:absolute;top:54px;right:0}.mobile-nav nav a{border-radius:9px;padding:13px 14px;font-weight:750;text-decoration:none}.mobile-nav nav a[aria-current=page]{background:var(--ink-800)}.hero-grid,.project-grid,.approach-grid,.content-grid,.case-study-grid{grid-template-columns:1fr}.hero-grid{padding-bottom:60px}.trust-grid{grid-template-columns:repeat(3,1fr)}.trust-grid p{grid-column:1/-1}.split-heading{grid-template-columns:1fr;gap:8px}.three-up,.feature-grid{grid-template-columns:repeat(2,1fr)}.project-grid,.approach-grid,.content-grid,.case-study-grid{gap:48px}.footer-grid{grid-template-columns:1fr 1fr}.footer-grid>div:first-child{grid-column:1/-1}}@media (width<=640px){body{font-size:16px}.container{width:min(calc(100% - 28px), var(--container))}.section{padding:76px 0}.brand strong{font-size:1rem}.brand small{font-size:.52rem}.hero{padding-top:70px}.hero-grid{gap:48px;min-height:0}.hero h1{font-size:clamp(2.7rem,14vw,4.2rem)}.hero h1 span{overflow-wrap:anywhere}.hero-brand-card:after{display:none}.trust-grid,.three-up,.feature-grid,.contact-grid,.footer-grid{grid-template-columns:1fr}.trust-grid p,.footer-grid>div:first-child{grid-column:auto}.feature-card{min-height:auto}.card-number{margin-bottom:38px}.project-logo-wrap,.case-study-visual{padding:28px}.project-logo-panel .project-label{right:10px}.cta-panel{flex-direction:column;align-items:flex-start;padding:38px 28px}.contact-note{grid-template-columns:1fr;padding:28px}.project-facts div{grid-template-columns:1fr;gap:3px}.footer-bottom{flex-direction:column;align-items:flex-start;gap:10px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.01ms!important}}
