:root{--water:#0e9ea5;--water-bright:#12cdb8;--water-light:#48e8d4;--water-deep:#087e84;--water-dark:#065558;--navy:#0b1a24;--slate:#15293a;--amber:#d4940a;--amber-bright:#f0aa0c;--rust:#c4561a;--rust-light:#e06b2e;--sun:#f5c842;--bone:#f2ead8;--sand:#e6d4ac;--sand-warm:#dcc494;--white:#fafaf5;--off-white:#f5f0e5;--dark-text:#0b1a24;--body-text:#2a3f52;--heavy:"Barlow Condensed", "Impact", sans-serif;--mono:"Space Mono", monospace;--sans:"DM Sans", sans-serif}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--sans);background:var(--bone);color:var(--body-text);line-height:1.6;overflow-x:hidden}body:after{content:"";z-index:9999;pointer-events:none;opacity:.06;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.75' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");background-repeat:repeat;background-size:180px;position:fixed;inset:0}nav{z-index:100;background:var(--navy);border-bottom:4px solid var(--amber);justify-content:space-between;align-items:center;padding:.8rem 2.5rem;display:flex;position:fixed;top:0;left:0;right:0}.logo{font-family:var(--heavy);color:var(--white);letter-spacing:.08em;text-transform:uppercase;font-size:1.3rem;font-weight:900;text-decoration:none}.logo span{color:var(--amber)}.nav-links{align-items:center;gap:1.5rem;display:flex}.nav-links a{font-family:var(--heavy);letter-spacing:.08em;text-transform:uppercase;color:#ffffff80;font-size:.8rem;font-weight:700;text-decoration:none;transition:color .2s}.nav-links a:hover{color:var(--white)}.nav-btn{background:var(--amber);padding:.5rem 1.2rem;transition:all .2s;color:var(--navy)!important;font-weight:800!important}.nav-btn:hover{background:var(--rust-light)!important;color:var(--white)!important}.hero{background:linear-gradient(175deg, var(--water-light) 0%, var(--water-bright) 20%, var(--water) 50%, var(--water-deep) 80%, var(--water-dark) 100%);align-items:center;min-height:100vh;padding:7rem 2.5rem 4rem;display:flex;position:relative;overflow:hidden}.hero:before{content:"";background:radial-gradient(600px 400px at 70% 25%,#ffffff24,#0000),radial-gradient(500px 500px at 30% 70%,#12cdb826,#0000),radial-gradient(300px 250px at 85% 60%,#f5c8420f,#0000);animation:12s ease-in-out infinite alternate drift;position:absolute;inset:0}@keyframes drift{0%{transform:translate(0)}to{transform:translate(-20px,15px)}}.hero .sun-glow{pointer-events:none;z-index:1;background:radial-gradient(circle,#f5c8421f 0%,#f0aa0c0a 40%,#0000 65%);border-radius:50%;width:400px;height:400px;position:absolute;top:-80px;right:10%}.hero .caustics{pointer-events:none;z-index:1;opacity:.06;position:absolute;inset:0;overflow:hidden}.hero .caustics svg{width:120%;height:120%;animation:18s ease-in-out infinite alternate causticDrift;position:absolute;top:-10%;left:-10%}@keyframes causticDrift{0%{transform:translate(0)scale(1)}50%{transform:translate(-30px,20px)scale(1.03)}to{transform:translate(15px,-10px)scale(.98)}}.hero .wave-bottom{z-index:3;height:60px;position:absolute;bottom:-2px;left:0;right:0}.hero .wave-bottom svg{width:100%;height:100%;display:block}.hero-content{z-index:2;grid-template-columns:1.15fr .85fr;align-items:center;gap:2rem;width:100%;max-width:1300px;margin:0 auto;display:grid;position:relative}.hero-left{position:relative}.hero-tag{font-family:var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--amber-bright);opacity:0;background:#0b1a2480;margin-bottom:1.25rem;padding:.4rem .8rem;font-size:.65rem;font-weight:700;animation:.5s .2s forwards fadeIn;display:inline-block}.hero h1{font-family:var(--heavy);color:var(--white);letter-spacing:-.01em;text-transform:uppercase;text-shadow:3px 4px #050a0f40;opacity:0;margin-bottom:1.5rem;font-size:clamp(3.2rem,6.5vw,6rem);font-weight:900;line-height:.9;animation:.6s cubic-bezier(.2,0,0,1) .3s forwards slideUp}.hero h1 .accent{color:var(--amber-bright);display:block}.hero h1 .sub-line{font-family:var(--heavy);color:#ffffffb3;letter-spacing:.02em;text-shadow:none;margin-top:.4em;font-size:.45em;font-weight:600;display:block}.hero-body{color:#ffffffbf;opacity:0;max-width:480px;margin-bottom:2rem;font-size:1.05rem;line-height:1.7;animation:.5s .6s forwards fadeIn}.hero-cta-row{opacity:0;align-items:center;gap:1.25rem;animation:.5s .8s forwards fadeIn;display:flex}.hero-cta{font-family:var(--heavy);letter-spacing:.06em;text-transform:uppercase;color:var(--navy);background:var(--amber-bright);box-shadow:4px 4px 0px var(--navy);padding:.85rem 1.8rem;font-size:1rem;font-weight:800;text-decoration:none;transition:all .25s;display:inline-block}.hero-cta:hover{background:var(--white);box-shadow:6px 6px 0px var(--navy);transform:translate(-2px,-2px)}.hero-cta-sub{font-family:var(--mono);letter-spacing:.06em;color:#ffffff59;text-transform:uppercase;font-size:.6rem}.hero-right{justify-content:center;align-items:center;display:flex}.tuna-wrap{animation:5s ease-in-out infinite tunaFloat;position:relative}@keyframes tunaFloat{0%,to{transform:translateY(0)rotate(-2deg)}50%{transform:translateY(-12px)rotate(1deg)}}.tuna-wrap svg{filter:drop-shadow(5px 8px #050a0f4d);width:100%;max-width:460px}.ticker{background:var(--navy);border-top:4px solid var(--amber);border-bottom:4px solid var(--amber);padding:.85rem 0;overflow:hidden}.ticker-track{width:max-content;animation:22s linear infinite tickScroll;display:flex}@keyframes tickScroll{0%{transform:translate(0)}to{transform:translate(-50%)}}.ticker-item{font-family:var(--heavy);letter-spacing:.14em;text-transform:uppercase;color:var(--water-light);white-space:nowrap;align-items:center;gap:2.5rem;padding:0 2.5rem;font-size:.8rem;font-weight:800;display:flex}.ticker-item:after{content:"■";color:var(--amber);font-size:.45rem}.sec-tag{font-family:var(--mono);letter-spacing:.14em;text-transform:uppercase;margin-bottom:.75rem;padding:.3rem .7rem;font-size:.6rem;font-weight:700;display:inline-block}.about{background:var(--bone);padding:6rem 2.5rem}.about-inner{grid-template-columns:1fr 1fr;align-items:center;gap:3.5rem;max-width:1200px;margin:0 auto;display:grid}.about-block{background:linear-gradient(145deg, var(--water-bright), var(--water), var(--water-deep));border:3px solid var(--navy);min-height:320px;box-shadow:6px 6px 0px var(--navy);justify-content:center;align-items:center;padding:3rem;display:flex;position:relative;overflow:hidden}.about-block:before{content:"INBOX TUNA";font-family:var(--heavy);color:#ffffff0a;text-transform:uppercase;white-space:nowrap;letter-spacing:.06em;font-size:5.5rem;font-weight:900;position:absolute}.about-block-text{font-family:var(--heavy);text-transform:uppercase;color:var(--white);text-align:center;z-index:2;letter-spacing:.02em;font-size:clamp(1.8rem,3vw,2.4rem);font-weight:800;line-height:1.1;position:relative}.about-block-text span{color:var(--amber-bright);display:block}.about-text h2{font-family:var(--heavy);text-transform:uppercase;color:var(--navy);letter-spacing:.01em;margin-bottom:1.5rem;font-size:clamp(2rem,3.5vw,2.8rem);font-weight:900;line-height:1}.about-text h2 .hl{color:var(--water)}.about-text p{color:var(--body-text);margin-bottom:1rem;font-size:1rem;line-height:1.75}.about-text p strong{color:var(--navy)}.services{background:var(--navy);border-top:4px solid var(--amber);padding:5rem 2.5rem 6rem;position:relative;overflow:hidden}.services:before{content:"SERVICES";font-family:var(--heavy);color:#ffffff03;text-transform:uppercase;pointer-events:none;font-size:14rem;font-weight:900;position:absolute;bottom:-1.5rem;right:-.5rem}.services-inner{max-width:1200px;margin:0 auto}.services-header{margin-bottom:2.5rem}.services-header .sec-tag{color:var(--water-bright);background:#0fb5a21f}.services-header h2{font-family:var(--heavy);text-transform:uppercase;color:var(--white);letter-spacing:.01em;font-size:clamp(2.2rem,4vw,3.2rem);font-weight:900;line-height:1}.svc-grid{grid-template-columns:1fr 1fr;gap:1.5rem;display:grid}.svc-card{background:#ffffff05;border:2px solid #ffffff0f;padding:2.5rem;transition:all .35s;position:relative}.svc-card:hover{border-color:var(--water);transform:translateY(-4px);box-shadow:0 20px 50px #0006}.svc-card .num{font-family:var(--heavy);color:#0fb5a212;margin-bottom:.5rem;font-size:4.5rem;font-weight:900;line-height:1}.svc-card:last-child .num{color:#d4940a12}.svc-card h3{font-family:var(--heavy);text-transform:uppercase;color:var(--white);letter-spacing:.03em;margin-bottom:.75rem;font-size:1.5rem;font-weight:800}.svc-card>p{color:#ffffff8c;margin-bottom:1.5rem;font-size:.92rem;line-height:1.7}.svc-tags{flex-wrap:wrap;gap:.4rem;display:flex}.svc-tag{font-family:var(--mono);letter-spacing:.06em;text-transform:uppercase;color:#ffffff59;border:1px solid #ffffff14;padding:.3rem .65rem;font-size:.58rem;font-weight:700;transition:all .3s}.svc-card:hover .svc-tag{color:var(--water-bright);border-color:#0fb5a259}.svc-card:last-child:hover .svc-tag{color:var(--amber);border-color:#d4940a59}.process{background:var(--sand);border-top:4px solid var(--navy);padding:5rem 2.5rem}.process-inner{max-width:1200px;margin:0 auto}.process-header{margin-bottom:2.5rem}.process-header .sec-tag{background:var(--navy);color:var(--amber)}.process-header h2{font-family:var(--heavy);text-transform:uppercase;color:var(--navy);font-size:clamp(2.2rem,4vw,3.2rem);font-weight:900;line-height:1}.steps{grid-template-columns:repeat(3,1fr);gap:0;display:grid}.step{border-left:3px solid var(--navy);padding:2.5rem 2rem;transition:background .3s}.step:first-child{border-left:none}.step:hover{background:#0b1a240d}.step-num{font-family:var(--heavy);color:var(--water);opacity:.2;margin-bottom:.5rem;font-size:5rem;font-weight:900;line-height:1}.step h3{font-family:var(--heavy);text-transform:uppercase;color:var(--navy);letter-spacing:.05em;margin-bottom:.6rem;font-size:1.1rem;font-weight:800}.step p{color:var(--body-text);font-size:.88rem;line-height:1.65}.why{background:var(--bone);border-top:4px solid var(--navy);padding:6rem 2.5rem;position:relative;overflow:hidden}.why:before{content:"WHY";font-family:var(--heavy);color:#0b1a2405;text-transform:uppercase;white-space:nowrap;pointer-events:none;font-size:clamp(8rem,18vw,18rem);font-weight:900;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.why-inner{z-index:2;max-width:1200px;margin:0 auto;position:relative}.why-header{margin-bottom:3rem}.why-header .sec-tag{color:var(--rust);background:#c4561a1a}.why-header h2{font-family:var(--heavy);text-transform:uppercase;color:var(--navy);font-size:clamp(2.2rem,4vw,3.5rem);font-weight:900;line-height:1}.why-header h2 .hl{color:var(--water)}.why-grid{grid-template-columns:1fr 1fr;gap:1.25rem;display:grid}.why-card{background:var(--white);border:3px solid var(--navy);box-shadow:5px 5px 0px var(--navy);padding:2rem;transition:all .25s}.why-card:hover{box-shadow:8px 8px 0px var(--navy);transform:translate(-3px,-3px)}.why-card h4{font-family:var(--heavy);text-transform:uppercase;color:var(--water-deep);letter-spacing:.05em;margin-bottom:.5rem;font-size:.95rem;font-weight:800}.why-card p{color:var(--body-text);font-size:.9rem;line-height:1.65}.for-who{background:linear-gradient(175deg, var(--water-bright) 0%, var(--water) 40%, var(--water-deep) 100%);padding:5rem 2.5rem}.for-inner{max-width:1200px;margin:0 auto}.for-header{margin-bottom:2.5rem}.for-header .sec-tag{color:var(--amber-bright);background:#0b1a2459}.for-header h2{font-family:var(--heavy);text-transform:uppercase;color:var(--white);font-size:clamp(2rem,3.5vw,2.8rem);font-weight:900;line-height:1}.for-grid{grid-template-columns:1fr 1fr;gap:1rem;display:grid}.for-card{background:#050f1459;border:2px solid #ffffff14;align-items:flex-start;gap:1rem;padding:1.5rem;transition:all .3s;display:flex}.for-card:hover{background:#050f1480;border-color:#fff3;transform:translateY(-2px)}.for-arrow{font-family:var(--heavy);color:var(--amber-bright);flex-shrink:0;font-size:1.1rem;font-weight:900;line-height:1.5}.for-card p{color:#ffffffbf;font-size:.92rem;line-height:1.6}.for-card strong{color:var(--white)}.cta{background:var(--navy);text-align:center;padding:8rem 2.5rem;position:relative;overflow:hidden}.cta:before{content:"BOOK A CALL";font-family:var(--heavy);color:#ffffff04;text-transform:uppercase;white-space:nowrap;pointer-events:none;font-size:clamp(6rem,15vw,17rem);font-weight:900;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.cta-inner{z-index:2;position:relative}.cta h2{font-family:var(--heavy);text-transform:uppercase;color:var(--white);margin-bottom:1.25rem;font-size:clamp(2.8rem,5.5vw,5rem);font-weight:900;line-height:.95}.cta h2 .hl{color:var(--water-bright)}.cta p{color:#fff6;max-width:420px;margin:0 auto 2.5rem;font-size:1rem}.cta-btn{font-family:var(--heavy);letter-spacing:.06em;text-transform:uppercase;color:var(--navy);background:var(--amber-bright);padding:1rem 2.5rem;font-size:1.1rem;font-weight:800;text-decoration:none;transition:all .25s;display:inline-block;box-shadow:5px 5px #f0aa0c40}.cta-btn:hover{background:var(--white);transform:translate(-2px,-2px);box-shadow:7px 7px #f0aa0c40}footer{background:var(--navy);border-top:2px solid #ffffff0a;justify-content:space-between;align-items:center;padding:2rem 2.5rem;display:flex}footer .f-logo{font-family:var(--heavy);color:#fff3;letter-spacing:.08em;text-transform:uppercase;font-size:.9rem;font-weight:800;text-decoration:none}footer p{font-family:var(--mono);color:#ffffff26;letter-spacing:.04em;font-size:.6rem}.reveal{opacity:0;transition:all .65s cubic-bezier(.2,0,0,1);transform:translateY(25px)}.reveal.visible{opacity:1;transform:translateY(0)}.rd1{transition-delay:.1s}.rd2{transition-delay:.2s}.rd3{transition-delay:.3s}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@media (max-width:900px){.hero{padding:6.5rem 1.5rem 3rem}.hero-content{grid-template-columns:1fr}.hero-right{display:none}nav{padding:.7rem 1.5rem}.nav-links a:not(.nav-btn){display:none}.about-inner{grid-template-columns:1fr}.about-block{min-height:220px}.svc-grid,.steps,.why-grid,.for-grid{grid-template-columns:1fr}.step{border-left:none;border-bottom:3px solid var(--navy);padding:2rem 0}.step:last-child{border-bottom:none}.services,.process,.why,.for-who,.about{padding-left:1.5rem;padding-right:1.5rem}.cta{padding:5rem 1.5rem}footer{text-align:center;flex-direction:column;gap:.75rem}}