@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@500;600;700;800;900&family=DM+Sans:wght@400;500;600;700&display=swap');
:root{--ink:#07111c;--ink2:#0c1929;--cyan:#16d5fc;--cyan2:#41bcf1;--ivory:#f7f3e9;--paper:#e6e3d7;--line:#33455b;--muted:#9eafbf;--soft:#1a2a39;--max:1370px}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:105px}body{margin:0;background:var(--ink);color:var(--ivory);font-family:'DM Sans',Arial,sans-serif;-webkit-font-smoothing:antialiased;overflow-x:hidden}a{color:inherit;text-decoration:none}button{font:inherit}img{max-width:100%;height:auto}::selection{background:#3ccffd;color:#07111c}:focus-visible{outline:3px solid #59eaff;outline-offset:4px}.skip{position:absolute;top:-100px;left:12px;z-index:1000;padding:10px;background:white;color:#07111c}.skip:focus{top:12px}.section-wrap{max-width:var(--max);padding-left:48px;padding-right:48px;margin:0 auto}.ambient-grid{position:absolute;z-index:-1;top:0;left:0;right:0;height:760px;pointer-events:none;background:radial-gradient(ellipse at 76% 30%,#11364a 0,transparent 47%),linear-gradient(90deg,#20364b30 1px,transparent 1px),linear-gradient(0deg,#20364b2b 1px,transparent 1px);background-size:auto,80px 80px,80px 80px;mask-image:linear-gradient(#000 30%,transparent 100%)}.topline{height:32px;border-bottom:1px solid #33455b;display:flex;align-items:center;gap:10px;padding:0 max(48px,calc((100vw - 1274px)/2));color:#cad8de;font-size:9px;font-weight:700;letter-spacing:.18em}.topline-right{margin-left:auto;color:#73889d}.live-dot{width:7px;height:7px;border-radius:50%;background:#12d1f6;box-shadow:0 0 12px #12d1f6}
.header{height:84px;padding:0 max(48px,calc((100vw - 1274px)/2));border-bottom:1px solid #2a4054;background:#07111ce8;display:flex;align-items:center;justify-content:space-between;gap:32px;position:sticky;top:0;z-index:100;backdrop-filter:blur(16px)}.brand{display:flex;gap:10px;align-items:center;min-width:190px}.brand-symbol{width:41px;height:41px;border:1.5px solid var(--cyan);color:var(--cyan);display:grid;place-items:center;font-family:'Barlow Condensed',sans-serif;font-weight:900;font-size:26px;transform:skew(-8deg);line-height:1}.fin-slash{font-size:13px;position:absolute;right:2px;top:6px}.brand-text{display:block;font-family:'Barlow Condensed',sans-serif;font-size:23px;font-weight:800;letter-spacing:.045em;line-height:.89}.brand-text span,.footer-brand strong span{color:var(--cyan)}.brand-text small{display:block;color:#f2f4ee;letter-spacing:.33em;font-size:13px;margin-top:6px}.desktop-nav{display:flex;align-items:center;gap:30px}.desktop-nav a,.parent-link{font-size:10px;letter-spacing:.14em;font-weight:700}.desktop-nav a:hover,.footer-links a:hover,.parent-link:hover{color:var(--cyan)}.parent-link{color:#f3f7f8;white-space:nowrap}.parent-link span{font-size:17px;margin-left:4px;color:var(--cyan)}.header-actions{display:flex;align-items:center;gap:15px}.menu-toggle{display:none;background:transparent;border:1px solid #6d7a89;color:white;width:44px;height:44px;cursor:pointer;flex-direction:column;justify-content:center;gap:5px;align-items:center}.menu-toggle span{width:20px;height:2px;background:currentColor}.mobile-nav{position:fixed;top:116px;left:0;right:0;background:#101d2a;border-bottom:1px solid #4c6374;z-index:110;padding:12px 24px 20px;box-shadow:0 30px 40px #020914a8}.mobile-nav[hidden]{display:none}.mobile-nav a{display:block;padding:13px;font-family:'Barlow Condensed';font-size:23px;font-weight:700;border-bottom:1px solid #304154}.mobile-nav a:last-child{border:0}
.eyebrow,.section-kicker,.section-tag,.small-accent,.card-index,.panel-overline{letter-spacing:.18em;font-size:10px;font-weight:800}.hero{min-height:620px;display:grid;grid-template-columns:1.04fr .96fr;gap:40px;align-items:center;position:relative;padding-top:65px;padding-bottom:105px}.hero-copy{position:relative;z-index:2}.eyebrow{display:flex;align-items:center;gap:12px;color:#c5d4e1}.eyebrow-bar{width:30px;height:2px;background:var(--cyan)}.index{color:#5d8294}.hero h1{font-family:'Barlow Condensed','Impact',sans-serif;font-weight:900;letter-spacing:.017em;font-size:clamp(78px,9vw,152px);line-height:.76;margin:46px 0 39px}.hero h1 em{font-style:normal;color:var(--cyan)}.hero-description{font-size:17px;line-height:1.8;color:#b7c7d1;max-width:500px;margin:0 0 34px}.hero-buttons,.sharko-buttons{display:flex;gap:12px;flex-wrap:wrap}.button{display:inline-flex;align-items:center;justify-content:center;gap:15px;min-height:51px;padding:15px 21px;border:1px solid #a7b6c0;font-size:11px;font-weight:800;letter-spacing:.12em;transition:transform .2s,background .2s,color .2s;white-space:normal;text-align:center}.button:hover{transform:translateY(-3px)}.button-primary{background:var(--cyan);color:#07111c;border-color:var(--cyan)}.button-primary:hover{background:#62e5ff}.button-outline{color:#f0f5f5;border-color:#7791a3}.button-outline:hover{border-color:var(--cyan);color:var(--cyan)}.hero-proof{margin-top:49px;color:#86a1ae;font-size:9px;letter-spacing:.13em;font-weight:800;display:flex;gap:12px;align-items:center;flex-wrap:wrap}.tiny-line{width:30px;height:1px;background:var(--cyan)}.sep{color:var(--cyan)}.hero-art{position:relative;z-index:1;min-height:466px;border:1px solid #3a6275;background:linear-gradient(145deg,#0d3a4e,#0a1b2b 54%,#102131);padding:25px;display:flex;flex-direction:column;justify-content:space-between;box-shadow:0 22px 100px #050a1180;overflow:hidden}.hero-art::after{content:'';position:absolute;inset:5px;border:1px solid #ffffff12;pointer-events:none}.hero-edges,.hero-art-footer{display:flex;justify-content:space-between;gap:12px;position:relative;z-index:2;font-size:9px;letter-spacing:.18em;font-weight:800;color:#88bacd}.hero-edges span:last-child{text-align:right}.art-surface{position:relative;z-index:2;background:#f4eddf;display:flex;justify-content:center;align-items:center;overflow:hidden;border:7px solid #c1e5e21c;min-height:295px;transform:rotate(-2deg);box-shadow:0 14px 35px #0006}.art-surface img{width:100%;display:block;object-fit:contain}.hero-art-footer{color:#e8f8ff}.corner-arrows{color:#19d4f5}.hero-orbit{position:absolute;border:1px solid #1dc9ef48;border-radius:50%;transform:rotate(26deg);pointer-events:none}.orbit-one{width:580px;height:580px;top:20px;right:-250px}.orbit-two{width:760px;height:760px;top:30px;right:-430px}.vertical-note{position:absolute;right:2px;bottom:36px;writing-mode:vertical-rl;color:#6992a6;font-size:9px;font-weight:800;letter-spacing:.2em}
.section-head{display:flex;align-items:center;gap:25px;margin-bottom:42px}.section-head.compact{margin-bottom:30px}.section-kicker{color:var(--cyan);white-space:nowrap}.section-line{height:1px;background:var(--line);flex:1}.section-tag{color:#7997a7;white-space:nowrap}.manifesto{padding-top:20px;padding-bottom:115px}.manifesto-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:100px;align-items:center}.manifesto h2,.digital h2,.sharko-copy h2,.connect h2{font-family:'Barlow Condensed',sans-serif;font-size:clamp(52px,6vw,88px);line-height:.95;letter-spacing:.014em;font-weight:800;margin:0}.manifesto h2 em,.digital h2 em,.sharko-copy h2 em,.connect h2 em{font-style:normal;color:var(--cyan)}.manifesto-body p{color:#b1c0cc;font-size:15px;line-height:1.85;max-width:530px;margin:0 0 17px}.underline-link,.text-arrow{display:inline-flex;align-items:center;gap:26px;font-size:11px;font-weight:800;letter-spacing:.14em;border-bottom:1px solid var(--cyan);color:#e5faff;padding-bottom:8px;margin-top:13px}.underline-link:hover,.text-arrow:hover{color:var(--cyan)}.pillars{display:grid;grid-template-columns:repeat(3,1fr);margin-top:65px;border-top:1px solid #355163;border-bottom:1px solid #355163}.pillars>div{padding:25px 28px 30px 0;display:flex;flex-direction:column;gap:9px;border-right:1px solid #355163}.pillars>div:not(:first-child){padding-left:27px}.pillars>div:last-child{border:0}.pillar-index{color:var(--cyan);font-size:11px;font-weight:800}.pillars strong{font:700 25px 'Barlow Condensed',sans-serif;letter-spacing:.04em}.pillars small{color:#92a7b4;font-size:12px}
.service-section{border-top:1px solid #223547;border-bottom:1px solid #223547;background:#0b1928;padding:105px 0 105px}.service-section .section-head{margin-bottom:42px}.section-title-row{display:flex;justify-content:space-between;align-items:end;gap:25px;margin-bottom:10px}.small-accent{color:#91adb8;margin:0 0 14px}.section-title-row h2{font-family:'Barlow Condensed';font-size:clamp(61px,7vw,100px);line-height:.9;margin:0;font-weight:800}.section-title-row h2 span{color:var(--cyan)}.small-button{min-height:46px;margin-bottom:4px}.service-intro{color:#a0b1c0;max-width:760px;font-size:14px;line-height:1.7;margin:15px 0 36px}.service-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:21px}.service-card{background:#101e2e;border:1px solid #344c5b;overflow:hidden;transition:border-color .2s,transform .2s}.service-card:hover{transform:translateY(-4px);border-color:var(--cyan)}.service-card a{display:block}.service-card img{display:block;width:100%;aspect-ratio:780/469;object-fit:cover}.service-foot{display:flex;justify-content:space-between;align-items:center;padding:21px 23px 24px;gap:15px}.card-index{color:#7e9fad;font-size:9px}.service-foot h3{font-family:'Barlow Condensed';font-size:27px;letter-spacing:.02em;margin:7px 0 0}.service-arrow{display:grid;place-items:center;width:40px;height:40px;border:1px solid #5e7b8c;color:var(--cyan);font-size:24px;flex-shrink:0}
.digital{padding-top:108px;padding-bottom:110px}.digital-top{display:flex;align-items:end;justify-content:space-between;gap:40px;margin-bottom:38px}.digital-top p{max-width:370px;color:#b6c5cd;line-height:1.8;margin:0 0 6px;font-size:14px}.digital-grid{display:grid;grid-template-columns:1fr 1fr;gap:21px}.digital-panel{min-height:380px;padding:30px 32px;position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:space-between;transition:transform .2s,border-color .2s;border:1px solid #52788a}.digital-panel:hover{transform:translateY(-4px);border-color:#b9e9fa}.panel-cyan{background:linear-gradient(140deg,#0d4c68,#052130 72%)}.panel-night{background:linear-gradient(130deg,#17293c,#10161f 80%)}.panel-overline{color:#c0e9f7;position:relative;z-index:2}.panel-copy{position:relative;z-index:2}.panel-copy h3{font:800 clamp(42px,5vw,69px)/.92 'Barlow Condensed',sans-serif;margin:0 0 15px}.panel-copy p{max-width:345px;color:#c2d3dc;font-size:14px;line-height:1.7}.panel-action{display:inline-block;border-bottom:1px solid currentColor;font-size:11px;font-weight:800;letter-spacing:.14em;padding-bottom:8px;margin-top:15px;color:#e8faff}.orb{position:absolute;right:-110px;top:-120px;width:420px;height:420px;border-radius:50%;background:radial-gradient(circle,#14dcff6e 0,#0ec7fe13 37%,transparent 72%);border:1px solid #5bdcff51}.orb::before,.orb::after{content:'';position:absolute;inset:40px;border:1px solid #61e3fb53;border-radius:50%}.orb::after{inset:90px}.stacked-lines{position:absolute;top:10px;right:10px;width:60%;height:220px;transform:rotate(-25deg)}.stacked-lines i{display:block;height:6px;background:#1ed1f71e;margin:28px;border:1px solid #4cbed944}.disclaimer{color:#819eac;font-size:11px;line-height:1.6;margin-top:21px}
.sharko-section{background:linear-gradient(104deg,#112a41,#070d19 77%);border-top:1px solid #2c4a61;border-bottom:1px solid #2c4a61}.sharko-layout{display:grid;grid-template-columns:.8fr 1.2fr;gap:100px;align-items:center;padding-top:75px;padding-bottom:75px}.sharko-image{height:525px;max-width:400px;position:relative;border:1px solid #53778c;box-shadow:20px 24px 0 #1bd5fd0b;overflow:hidden}.sharko-image img{width:100%;height:100%;object-fit:cover;object-position:center 40%}.sharko-image-caption{position:absolute;bottom:0;left:0;right:0;background:#081421e8;padding:12px 17px;font-size:10px;font-weight:800;letter-spacing:.18em}.sharko-copy .section-kicker{margin-bottom:20px}.sharko-stamp{display:inline-block;border:1px solid #36aace;border-radius:50px;padding:8px 15px;color:#a4ddf2;font-size:10px;font-weight:800;letter-spacing:.17em;margin-bottom:30px}.sharko-copy h2{font-size:clamp(77px,8vw,121px)}.sharko-copy p{color:#b0c3d0;font-size:16px;line-height:1.9;max-width:570px;margin:27px 0 28px}.text-arrow{margin-top:24px}
.connect{padding-top:108px;padding-bottom:115px}.connect-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px}.connect h2{font-size:clamp(65px,6vw,95px)}.connect-grid p{max-width:440px;color:#a5b8c6;font-size:15px;line-height:1.9;margin:24px 0}.social-grid{border-top:1px solid #395268}.social-grid a{border-bottom:1px solid #395268;min-height:94px;padding:17px 0;display:grid;grid-template-columns:1fr auto;grid-template-rows:auto auto;align-content:center;gap:7px 15px;transition:padding-left .2s}.social-grid a:hover{padding-left:12px;background:#18dcfd08}.social-grid a span{font-size:10px;font-weight:700;letter-spacing:.16em;color:#8aa8b7}.social-grid a strong{font-family:'Barlow Condensed';font-size:26px;letter-spacing:.03em}.social-grid a b{grid-column:2;grid-row:1 / span 2;color:var(--cyan);font-size:26px;align-self:center}.closing-banner{background:#13caf3;color:#091521;border-top:1px solid #77f2ff}.banner-inner{display:flex;align-items:center;gap:25px;min-height:118px}.banner-mark{font-size:40px}.banner-inner p{margin:0;font:800 clamp(31px,3.8vw,58px)/1 'Barlow Condensed',sans-serif;letter-spacing:.015em}.banner-inner p em{font-style:normal;color:#f2fbff}.banner-inner a{margin-left:auto;white-space:nowrap;font-size:10px;font-weight:800;letter-spacing:.12em;text-decoration:underline}.footer{padding-top:63px;padding-bottom:28px;display:grid;grid-template-columns:1fr auto;gap:60px}.footer-brand strong{font-family:'Barlow Condensed';font-size:28px;letter-spacing:.025em}.footer-brand p{font-size:12px;color:#8da4b2;margin-top:9px}.footer-links{display:flex;gap:26px;flex-wrap:wrap;align-content:start;padding-top:8px}.footer-links a{font-size:10px;font-weight:800;letter-spacing:.1em}.footer-bottom{grid-column:1/-1;border-top:1px solid #2c4655;padding-top:20px;margin-top:4px;display:flex;justify-content:space-between;gap:20px;color:#7992a2;font-size:9px;font-weight:700;letter-spacing:.13em}
@media(max-width:1100px){.section-wrap{padding-left:30px;padding-right:30px}.header{padding-left:30px;padding-right:30px}.topline{padding-left:30px;padding-right:30px}.desktop-nav{gap:18px}.hero{gap:18px}.hero h1{font-size:clamp(78px,10vw,124px)}.manifesto-grid{gap:35px}.sharko-layout{gap:40px}.connect-grid{gap:40px}.art-surface{min-height:250px}.hero-art{min-height:430px}}@media(max-width:800px){.desktop-nav{display:none}.menu-toggle{display:flex}.header{height:75px}.mobile-nav{top:107px}.hero{grid-template-columns:1fr;min-height:0;padding-top:65px;padding-bottom:76px}.hero h1{font-size:clamp(78px,13vw,140px);margin:36px 0 32px}.hero-description{max-width:560px}.hero-proof{margin-top:31px}.hero-art{width:100%;max-width:570px;min-height:410px;margin:20px auto 0}.vertical-note{display:none}.manifesto-grid,.digital-top,.connect-grid{grid-template-columns:1fr;display:grid;gap:26px}.digital-top{margin-bottom:30px}.manifesto h2,.digital h2,.connect h2{font-size:clamp(64px,9vw,94px)}.manifesto{padding-bottom:80px}.service-section,.digital,.connect{padding-top:78px;padding-bottom:80px}.section-title-row h2{font-size:75px}.sharko-layout{grid-template-columns:.8fr 1fr;gap:35px;padding-top:55px;padding-bottom:55px}.sharko-image{height:440px}.sharko-copy h2{font-size:85px}.connect-grid{gap:35px}.social-grid{max-width:none}}@media(max-width:620px){.topline{padding:0 18px;font-size:8px;letter-spacing:.12em}.topline-right{display:none}.section-wrap{padding-left:18px;padding-right:18px}.header{padding:0 18px}.brand{min-width:0}.brand-text{font-size:21px}.brand-symbol{width:37px;height:37px}.parent-link{font-size:9px}.header-actions{gap:13px}.hero{padding-top:50px;padding-bottom:67px}.eyebrow{font-size:9px;letter-spacing:.12em}.hero h1{font-size:clamp(72px,15.5vw,105px);letter-spacing:0;margin:34px 0}.hero-description{font-size:15px;line-height:1.75}.hero-buttons{gap:9px}.button{font-size:10px;min-height:48px;padding:13px 14px}.hero-proof{font-size:9px;line-height:1.7;gap:8px}.hero-art{min-height:0;aspect-ratio:1.06/1;padding:16px;margin-top:20px}.hero-edges,.hero-art-footer{font-size:7px}.art-surface{min-height:0;flex:1;margin:20px 0 18px}.art-surface img{width:100%;height:100%;object-fit:contain}.section-head{gap:10px;margin-bottom:30px}.section-kicker,.section-tag{font-size:9px;letter-spacing:.08em}.section-tag{display:none}.manifesto{padding-top:5px;padding-bottom:67px}.manifesto h2,.digital h2,.connect h2{font-size:60px}.manifesto-grid{gap:24px}.manifesto-body p{font-size:14px}.pillars{grid-template-columns:1fr;margin-top:38px}.pillars>div{border-right:0;border-bottom:1px solid #355163;padding:20px 0!important}.pillars>div:last-child{border-bottom:0}.pillars strong{font-size:23px}.service-section,.digital,.connect{padding-top:69px;padding-bottom:70px}.section-title-row{align-items:start;flex-direction:column;gap:22px}.section-title-row h2{font-size:63px}.service-grid{grid-template-columns:1fr;gap:16px}.service-foot{padding:18px}.service-foot h3{font-size:25px}.digital-top{gap:19px}.digital-grid{grid-template-columns:1fr;gap:14px}.digital-panel{min-height:335px;padding:23px}.panel-copy h3{font-size:61px}.sharko-layout{grid-template-columns:1fr;padding-top:55px;padding-bottom:60px;gap:40px}.sharko-image{max-width:390px;width:100%;height:410px}.sharko-image img{object-position:center 29%}.sharko-copy h2{font-size:88px}.sharko-copy p{font-size:15px}.sharko-buttons{gap:9px}.connect h2{font-size:68px}.connect-grid{gap:15px}.social-grid a{min-height:85px}.social-grid a strong{font-size:24px}.banner-inner{flex-wrap:wrap;gap:13px;padding-top:25px;padding-bottom:25px}.banner-mark{font-size:30px}.banner-inner p{font-size:35px;flex:1}.banner-inner a{margin-left:0}.footer{grid-template-columns:1fr;gap:20px;padding-top:40px}.footer-links{gap:15px}.footer-bottom{flex-direction:column;gap:8px}}
@media(max-width:350px){.hero h1{font-size:71px}.hero-buttons{flex-direction:column;align-items:stretch}.hero-proof{font-size:8px}.brand-text{font-size:19px}.parent-link{font-size:8px}.sharko-copy h2{font-size:76px}.manifesto h2,.digital h2{font-size:54px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important}}
/* Narrow-screen resilience: long display words should never widen the page. */
.manifesto-grid > *, .digital-top > *, .digital-grid > *, .sharko-layout > *, .connect-grid > *, .service-grid > * {min-width:0}
@media(max-width:620px){
 .sharko-layout,.connect-grid,.digital-top,.manifesto-grid{grid-template-columns:minmax(0,1fr)}
 .sharko-image,.sharko-copy{min-width:0;max-width:100%}
 .digital h2{font-size:clamp(34px,10.5vw,48px);overflow-wrap:normal}
 .sharko-copy h2{font-size:clamp(55px,13vw,72px)}
 .connect h2{font-size:clamp(45px,12vw,62px)}
 .banner-inner p{font-size:clamp(27px,7.5vw,36px)}
}
@media(max-width:800px) and (min-width:621px){
 .sharko-copy h2{font-size:clamp(55px,8vw,70px)}
}
@media(max-width:350px){
 .social-grid a{grid-template-columns:minmax(0,1fr) auto}
 .social-grid a strong{font-size:21px;overflow-wrap:anywhere;min-width:0}
 .social-grid a b{font-size:22px}
}
@media(max-width:350px){.digital h2{overflow:hidden}}

/* Official Shark AI Creations logo, updated from owner-approved transparent artwork */
.brand-symbol-logo{transform:none;background:#f4eddf;border-color:#4fd5f8;overflow:hidden;padding:2px}
.brand-symbol-logo img{width:100%;height:100%;display:block;object-fit:contain}
.art-surface{padding:10px 14px;min-width:0}
.art-surface img{max-height:410px;width:100%;height:auto;object-fit:contain}
@media(max-width:620px){.art-surface{padding:6px 8px}.art-surface img{max-height:100%;height:100%;width:100%;object-fit:contain}}
/* Keep the full approved square logo inside the editorial specimen frame without covering the bottom caption. */
@media(min-width:621px){
 .hero-art{gap:12px}
 .art-surface{height:385px;min-height:0;flex:none;padding:10px 14px}
 .art-surface img{width:100%;height:100%;max-height:100%;object-fit:contain}
}