:root{--navy:#0B1F3A;--navy-2:#123A63;--teal:#2F8FA6;--gold:#C9A15D;--ivory:#F7F4EE;--white:#fff;--sand:#F1ECE2;--slate:#5F6F82;--border:#D9E1E8;--ink:#152338;--shadow:0 24px 70px rgba(11,31,58,.14);--shadow-soft:0 14px 36px rgba(11,31,58,.09);--radius:24px;--container:1160px;--header-height:82px;--font:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:var(--font);color:var(--ink);background:var(--ivory);line-height:1.6;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}body:before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.025;z-index:-1;background-image:radial-gradient(#0B1F3A 1px,transparent 1px);background-size:9px 9px}body.menu-open{overflow:hidden}img{max-width:100%;display:block}a{color:inherit;text-decoration:none}p,h1,h2,h3{margin-top:0}p{color:var(--slate)}.skip-link{position:absolute;left:1rem;top:-100px;z-index:100;background:var(--navy);color:#fff;padding:.75rem 1rem;border-radius:999px}.skip-link:focus{top:1rem}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.container{width:min(100% - 40px,var(--container));margin-inline:auto}.narrow{max-width:900px}.section-pad{padding:96px 0}.soft-section{background:linear-gradient(180deg,var(--sand),var(--ivory))}.site-header{position:sticky;top:0;z-index:50;background:rgba(247,244,238,.9);backdrop-filter:blur(18px);border-bottom:1px solid rgba(217,225,232,.85)}.nav-shell{min-height:var(--header-height);width:min(100% - 40px,1240px);margin-inline:auto;display:flex;align-items:center;justify-content:space-between;gap:1.3rem}.brand{display:inline-flex;align-items:center}.brand-logo{width:178px;height:52px;object-fit:contain}.nav-links{display:flex;align-items:center;gap:1rem;color:#40536b;font-size:.93rem;font-weight:750}.nav-links a{padding:.45rem .2rem;transition:color .2s ease}.nav-links a:hover,.nav-links a.active{color:var(--teal)}.nav-toggle{display:none;width:46px;height:46px;border:1px solid var(--border);background:var(--white);border-radius:14px;align-items:center;justify-content:center;flex-direction:column;gap:5px}.nav-toggle span:not(.sr-only){width:20px;height:2px;background:var(--navy);border-radius:99px;transition:transform .18s ease,opacity .18s ease}.nav-toggle[aria-expanded=true] span:nth-child(2){transform:translateY(7px) rotate(45deg)}.nav-toggle[aria-expanded=true] span:nth-child(3){opacity:0}.nav-toggle[aria-expanded=true] span:nth-child(4){transform:translateY(-7px) rotate(-45deg)}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:.9rem 1.2rem;border-radius:999px;font-weight:850;border:1px solid transparent;cursor:pointer;transition:transform .18s ease,box-shadow .18s ease,background .18s ease,border-color .18s ease}.btn:hover{transform:translateY(-2px)}.btn:focus-visible,a:focus-visible,button:focus-visible{outline:3px solid rgba(201,161,93,.42);outline-offset:3px}.btn-primary{color:#fff;background:linear-gradient(135deg,var(--navy),var(--navy-2) 65%,var(--teal));box-shadow:0 16px 34px rgba(11,31,58,.24)}.btn-primary:hover{box-shadow:0 22px 48px rgba(11,31,58,.3)}.btn-secondary{color:var(--navy);background:rgba(255,255,255,.78);border-color:var(--border)}.btn-light{color:var(--navy);background:#fff;border-color:rgba(255,255,255,.35);box-shadow:0 16px 34px rgba(0,0,0,.14)}.btn-small{min-height:42px;padding:.68rem .95rem;font-size:.9rem}.hero,.page-hero{position:relative;overflow:hidden;padding-top:112px;background:radial-gradient(circle at 8% 10%,rgba(201,161,93,.24),transparent 24rem),radial-gradient(circle at 82% 18%,rgba(47,143,166,.18),transparent 26rem),linear-gradient(180deg,#fffaf2 0%,var(--ivory) 100%)}.hero-bg{position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(rgba(11,31,58,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(11,31,58,.045) 1px,transparent 1px);background-size:64px 64px;mask-image:linear-gradient(to bottom,black,transparent 82%)}.hero-grid{position:relative;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(360px,.76fr);gap:4rem;align-items:center}.eyebrow{display:inline-flex;align-items:center;gap:.55rem;margin-bottom:1rem;color:var(--gold);text-transform:uppercase;letter-spacing:.12em;font-size:.78rem;font-weight:950}.eyebrow span{width:28px;height:2px;background:var(--gold)}h1{max-width:900px;color:var(--navy);font-size:clamp(3rem,6.7vw,6.6rem);line-height:.96;letter-spacing:-.07em;margin-bottom:1.35rem}.page-hero h1{font-size:clamp(3rem,6vw,5.7rem)}.hero-text,.page-hero p{max-width:760px;font-size:clamp(1.08rem,2vw,1.28rem);color:#4d6177}.hero-actions{display:flex;gap:.85rem;flex-wrap:wrap;margin-top:1.6rem}.keyword-rotator{position:relative;display:inline-grid;min-height:38px;margin:0 0 .8rem;padding:.4rem .8rem;border-radius:999px;background:#fff;border:1px solid rgba(47,143,166,.24);color:var(--teal);font-weight:850;overflow:hidden}.keyword-rotator span{grid-area:1/1;opacity:0;transform:translateY(12px);animation:rotateWords 15s infinite}.keyword-rotator span:nth-child(2){animation-delay:3s}.keyword-rotator span:nth-child(3){animation-delay:6s}.keyword-rotator span:nth-child(4){animation-delay:9s}.keyword-rotator span:nth-child(5){animation-delay:12s}@keyframes rotateWords{0%,18%{opacity:1;transform:translateY(0)}22%,100%{opacity:0;transform:translateY(-12px)}}.hero-panel{padding:1.1rem;background:rgba(255,255,255,.86);border:1px solid rgba(217,225,232,.95);border-radius:30px;box-shadow:var(--shadow)}.hero-logo-card,.presence-card,.mini-card,.service-card,.sample-card,.value-card,.contact-card,.feature-band,.profile-dashboard,.insight-card{background:var(--white);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-soft)}.hero-logo-card{display:flex;align-items:center;gap:1rem;padding:1rem;margin-bottom:1rem}.hero-logo-card img{width:178px;height:64px;object-fit:contain}.hero-logo-card strong{display:block;color:var(--navy)}.hero-logo-card span{color:var(--slate);font-size:.92rem}.primary-card{min-height:250px;padding:1.45rem;color:#fff;background:radial-gradient(circle at 82% 5%,rgba(47,143,166,.5),transparent 13rem),linear-gradient(145deg,var(--navy),var(--navy-2));display:flex;flex-direction:column;justify-content:flex-end;overflow:hidden;position:relative}.primary-card:before{content:"✦";position:absolute;right:28px;top:24px;color:var(--gold);font-size:2rem;animation:pulseStar 3s ease-in-out infinite}.primary-card p{color:#f6deb0;font-weight:850;text-transform:uppercase;letter-spacing:.1em;font-size:.75rem}.primary-card h2{position:relative;margin:0;color:#fff;line-height:1.08;letter-spacing:-.04em;font-size:2rem}.mini-card-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.8rem;margin-top:.9rem}.mini-card{padding:.95rem}.mini-card span,.value-card span{color:var(--gold);font-weight:950;font-size:.78rem}.mini-card strong{display:block;color:var(--navy);margin:.28rem 0;line-height:1.2}.mini-card p{margin:0;font-size:.82rem}.section-heading{text-align:center;max-width:830px;margin:0 auto 3rem}.section-heading.left{text-align:left;margin-left:0}.section-heading h2,.feature-band h2,.cta-panel h2{color:var(--navy);font-size:clamp(2.1rem,4.5vw,4.1rem);line-height:1;letter-spacing:-.055em;margin-bottom:1rem}.section-heading p{font-size:1.06rem}.service-grid,.value-grid,.sample-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.value-grid{grid-template-columns:repeat(4,1fr)}.service-card,.sample-card,.value-card{padding:1.35rem;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.service-card{min-height:310px;display:flex;flex-direction:column}.service-card:hover,.sample-card:hover,.value-card:hover{transform:translateY(-5px);box-shadow:var(--shadow);border-color:rgba(201,161,93,.5)}.service-icon{width:56px;height:56px;display:grid;place-items:center;margin-bottom:1.1rem;border-radius:17px;color:var(--navy);background:linear-gradient(135deg,#fff6df,#eaf7f9);border:1px solid rgba(201,161,93,.32);font-weight:950;font-size:.82rem}.service-card h3,.sample-card h3,.value-card h3,.roadmap-step h3{color:var(--navy);font-size:1.25rem;line-height:1.18;letter-spacing:-.025em}.service-card p{margin-bottom:1rem}.text-link{margin-top:auto;color:var(--teal);font-weight:900;display:inline-flex;gap:.35rem;align-items:center}.text-link:after{content:"→"}.coming-soon{margin-top:auto;color:var(--slate);font-size:.88rem;font-weight:750}.wide-card{grid-column:span 2}.dark-section{background:radial-gradient(circle at 82% 8%,rgba(47,143,166,.32),transparent 25rem),radial-gradient(circle at 12% 80%,rgba(201,161,93,.22),transparent 20rem),linear-gradient(135deg,var(--navy),#07162a);color:#fff}.dark-section h2,.dark-section h3{color:#fff}.dark-section p{color:rgba(255,255,255,.76)}.gold{color:#f6deb0}.split-feature{display:grid;grid-template-columns:.86fr 1fr;gap:3rem;align-items:center}.roadmap-mini{display:grid;grid-template-columns:repeat(5,1fr);gap:.7rem;position:relative}.roadmap-mini:before{content:"";position:absolute;left:8%;right:8%;top:50%;height:3px;background:linear-gradient(90deg,var(--gold),var(--teal));opacity:.65}.roadmap-mini span{position:relative;z-index:1;min-height:94px;display:grid;place-items:center;text-align:center;border-radius:18px;background:rgba(255,255,255,.09);border:1px solid rgba(255,255,255,.16);font-weight:850;color:#fff}.feature-band{display:grid;grid-template-columns:.82fr 1.08fr;gap:2rem;align-items:center;padding:2rem;background:linear-gradient(135deg,#fff,#f9f5ec)}.feature-band>p{font-size:1.06rem;margin:0}.seo-points,.chips{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:.7rem}.seo-points span,.chips span{border:1px solid rgba(47,143,166,.24);background:#fff;color:#40536b;padding:.58rem .78rem;border-radius:999px;font-weight:800;font-size:.9rem}.feature-actions{grid-column:1/-1;display:flex;gap:1rem;flex-wrap:wrap}.sample-preview{min-height:210px;margin-bottom:1.2rem;border-radius:18px;background:#f8fafc;border:1px solid var(--border);overflow:hidden;position:relative}.carousel-preview{display:grid;grid-template-columns:repeat(3,1fr);gap:.7rem;padding:1rem}.carousel-preview span{border-radius:14px;background:linear-gradient(160deg,var(--navy),var(--teal));box-shadow:inset 0 -70px 80px rgba(201,161,93,.22)}.reel-preview{display:grid;place-items:center}.reel-preview div{width:96px;height:170px;border:8px solid var(--navy);border-radius:24px;background:linear-gradient(160deg,#fff,#eef7f8);box-shadow:var(--shadow-soft)}.content-preview{padding:1.2rem;display:grid;align-content:center;gap:.8rem}.content-preview span{height:18px;border-radius:99px;background:linear-gradient(90deg,var(--navy),rgba(47,143,166,.8))}.content-preview span:nth-child(2){width:72%}.content-preview span:nth-child(3){width:88%}.content-preview span:nth-child(4){width:55%}.cta-panel{display:flex;align-items:center;justify-content:space-between;gap:2rem;padding:clamp(2rem,5vw,3.5rem);color:#fff;background:linear-gradient(135deg,var(--navy),var(--navy-2) 62%,#83683b);overflow:hidden;position:relative}.cta-panel:after{content:"";position:absolute;right:-80px;top:-80px;width:260px;height:260px;border-radius:50%;border:1px solid rgba(255,255,255,.18)}.cta-panel h2{position:relative;color:#fff;margin-bottom:.8rem}.cta-panel p{color:rgba(255,255,255,.78);margin-bottom:0}.cta-panel .btn{position:relative;flex:0 0 auto}.roadmap-section{background:linear-gradient(180deg,var(--ivory),#fffaf2)}.roadmap{position:relative;display:grid;gap:1rem}.roadmap.horizontal{grid-template-columns:repeat(4,1fr)}.roadmap.horizontal.five{grid-template-columns:repeat(5,1fr)}.roadmap:before{content:"";position:absolute;background:linear-gradient(90deg,var(--gold),var(--teal));opacity:.55}.roadmap.horizontal:before{left:7%;right:7%;top:42px;height:4px;border-radius:99px}.roadmap.vertical:before{left:27px;top:0;bottom:0;width:4px;border-radius:99px;background:linear-gradient(180deg,var(--gold),var(--teal))}.roadmap-step{position:relative;background:#fff;border:1px solid var(--border);border-radius:22px;padding:1.1rem;box-shadow:var(--shadow-soft);transition:transform .18s ease,border-color .18s ease}.roadmap-step:hover{transform:translateY(-4px);border-color:rgba(47,143,166,.42)}.roadmap-icon{width:58px;height:58px;border-radius:18px;background:linear-gradient(135deg,#fff5dc,#e8f7fa);border:1px solid rgba(201,161,93,.3);display:grid;place-items:center;margin-bottom:1rem;position:relative;z-index:1}.roadmap-step strong{color:var(--gold);letter-spacing:.12em}.roadmap-step p{font-size:.93rem}.roadmap.vertical{max-width:980px;margin:auto}.roadmap.vertical .roadmap-step{margin-left:62px}.map-visual{display:flex;gap:.7rem;flex-wrap:wrap;justify-content:center;margin:-1rem 0 2rem}.map-visual span{padding:.62rem .85rem;border-radius:999px;border:1px solid rgba(47,143,166,.28);background:#fff;color:var(--navy);font-weight:850}.profile-dashboard{padding:1rem;background:linear-gradient(180deg,#fff,#f7fbfc)}.dash-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;color:var(--navy)}.dash-top span{font-size:.78rem;padding:.25rem .55rem;border-radius:999px;background:#e7f7ec;color:#287447;font-weight:900}.dash-card{padding:1rem;border:1px solid var(--border);border-radius:16px;background:#fff;margin-top:.75rem}.dash-card b{color:var(--navy)}.insight-card{padding:1.5rem}.contact-grid{display:grid;grid-template-columns:1fr .82fr;gap:3rem;align-items:start}.contact-card{padding:1rem;font-style:normal;display:grid;gap:.7rem}.contact-card a{display:block;padding:1rem;border-radius:16px;border:1px solid var(--border);color:var(--navy);font-weight:850;word-break:break-word;transition:background .18s ease,border-color .18s ease,transform .18s ease}.contact-card a:hover{background:#f8fbfc;border-color:rgba(47,143,166,.38);transform:translateY(-2px)}.contact-card span{display:block;margin-bottom:.25rem;color:var(--gold);font-size:.78rem;text-transform:uppercase;letter-spacing:.1em}.contact-social b{display:flex;align-items:center;gap:.55rem}.icon{width:20px;height:20px;fill:currentColor;flex:none}.social-link{display:inline-flex;align-items:center;gap:.45rem;color:rgba(255,255,255,.82);font-weight:850}.social-link:hover{color:#f6deb0}.site-footer{padding:42px 0;background:#07162a;color:#fff}.footer-grid{display:flex;align-items:center;justify-content:space-between;gap:1.4rem}.footer-brand-wrap{display:grid;gap:.7rem}.footer-brand{color:#fff}.site-footer p{color:rgba(255,255,255,.7);margin:0}.footer-links{display:flex;gap:1rem;color:rgba(255,255,255,.72);font-weight:750;flex-wrap:wrap}.footer-links a:hover{color:#fff}.reveal{opacity:1;transform:translateY(0);animation:sectionFade .7s ease both}.reveal.visible{opacity:1;transform:translateY(0)}.delay-1{animation-delay:.09s}.delay-2{animation-delay:.16s}.delay-3{animation-delay:.23s}@keyframes sectionFade{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@keyframes pulseStar{0%,100%{transform:scale(1);opacity:.8}50%{transform:scale(1.15);opacity:1}}@media(max-width:1120px){.nav-cta{display:none}.nav-links{gap:.65rem;font-size:.88rem}.hero-grid,.split-feature,.contact-grid,.feature-band{grid-template-columns:1fr}.hero-grid{gap:2.5rem}.hero-panel{max-width:720px}.service-grid,.sample-grid{grid-template-columns:repeat(2,1fr)}.value-grid{grid-template-columns:repeat(2,1fr)}.wide-card{grid-column:span 1}.roadmap.horizontal,.roadmap.horizontal.five{grid-template-columns:1fr}.roadmap.horizontal:before{left:27px;right:auto;top:0;bottom:0;width:4px;height:auto;background:linear-gradient(180deg,var(--gold),var(--teal))}.roadmap.horizontal .roadmap-step{margin-left:62px}.roadmap-mini{grid-template-columns:1fr}.roadmap-mini:before{left:28px;right:auto;top:6%;bottom:6%;height:auto;width:3px}}@media(max-width:780px){.section-pad{padding:72px 0}.nav-toggle{display:flex}.nav-links{position:fixed;left:20px;right:20px;top:calc(var(--header-height) + 10px);display:none;flex-direction:column;align-items:stretch;padding:1rem;border-radius:20px;background:#fff;box-shadow:var(--shadow);border:1px solid var(--border)}.nav-links.open{display:flex}.nav-links a{padding:.85rem;border-radius:12px}.nav-links a:hover{background:var(--ivory)}h1{font-size:clamp(3rem,14vw,4.4rem)}.mini-card-grid,.service-grid,.sample-grid,.value-grid{grid-template-columns:1fr}.footer-grid,.cta-panel{flex-direction:column;align-items:flex-start}.hero-logo-card{align-items:flex-start;flex-direction:column}.feature-actions{flex-direction:column}.feature-actions .text-link{margin-top:0}}@media(max-width:520px){.container,.nav-shell{width:min(100% - 28px,var(--container))}.brand-logo{width:150px;height:46px}.hero-actions .btn{width:100%}.section-heading h2,.page-hero h1{font-size:2.35rem}.primary-card{min-height:220px}.primary-card h2{font-size:1.65rem}.roadmap.horizontal .roadmap-step,.roadmap.vertical .roadmap-step{margin-left:44px}.roadmap.horizontal:before,.roadmap.vertical:before{left:20px}.footer-links{flex-direction:column}.hero{padding-top:86px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}.reveal{opacity:1;transform:none}.keyword-rotator span{animation:none;position:static;opacity:1;transform:none}.keyword-rotator{display:flex;flex-wrap:wrap;gap:.35rem}}
