:root{--bg:#080c0f;--surface:#111c24;--navy:#02283c;--gold:#f5a623;--blue:#5bb8d4;--text:#eef2f7;--muted:#b1c0ca;--dim:#96aab9;--border:#29404f}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:110px}body{margin:0;background:var(--bg);color:var(--text);font-family:'Lora',Georgia,serif;line-height:1.75;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit}img{display:block;max-width:100%}figure,p,h1,h2,h3{margin:0}h1,h2,h3,.eyebrow,.btn,.text-link{font-family:'Poppins',sans-serif}h1,h2,h3{font-weight:600;letter-spacing:-.045em;line-height:1.14}h1{font-size:clamp(38px,4.5vw,62px);max-width:800px}h2{font-size:clamp(30px,3.5vw,46px)}h3{font-size:22px;letter-spacing:-.025em;line-height:1.35}h1 em,h2 em{font-style:normal;color:var(--blue)}p{color:var(--muted);font-size:17px}.container{width:min(1240px,calc(100% - 96px));margin-inline:auto}.section{padding:100px 0}.eyebrow{font-size:11px;letter-spacing:.16em;line-height:1.7;font-weight:600;text-transform:uppercase;color:var(--gold);margin-bottom:24px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:24px;padding:17px 22px;border-radius:5px;font-size:13px;font-weight:600;line-height:1.5;transition:background .2s,transform .2s}.btn-primary{color:#080c0f;background:var(--gold)}.btn-primary:hover{background:#ffba4b;transform:translateY(-2px)}.text-link{display:inline-flex;align-items:center;gap:16px;font-size:13px;font-weight:500;line-height:1.6;padding:9px 0;border-bottom:1px solid #52616c}.text-link:hover{color:var(--gold);border-color:var(--gold)}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid var(--gold);outline-offset:6px}.skip-link{position:fixed;top:-100px;left:20px;z-index:999;background:var(--gold);color:var(--bg);padding:12px 20px;font-family:'Poppins',sans-serif}.skip-link:focus{top:12px}.hero{padding-top:165px;background:radial-gradient(ellipse at 95% 35%,#163140 0,transparent 45%)}.hero-grid{display:grid;grid-template-columns:1.65fr 1fr;gap:70px;align-items:center}.hero-intro{margin-top:28px;max-width:660px;font-size:17px;line-height:1.85}.actions{display:flex;flex-wrap:wrap;align-items:center;gap:24px;margin-top:30px}.hero-footnote{display:flex;align-items:center;gap:18px;border-top:1px solid var(--border);padding:25px 0;margin-top:65px}.hero-footnote p{font-family:'Poppins',sans-serif;font-size:11px;letter-spacing:.025em}.hero-footnote strong{font-weight:500;color:var(--text)}.small-mark{font-family:'Poppins',sans-serif;font-size:25px;color:var(--gold);font-weight:700}.mobile-break{display:none}.split{display:grid;grid-template-columns:1fr 1fr;gap:110px}.founder-section{background:#f3f1e9;color:#102837}.founder-section h2 em{color:#286880}.founder-section .eyebrow{color:#745015}.founder-section .text-link{margin-top:28px}.founder-story p{font-size:17px;color:#3d505a;margin-bottom:22px}.founder-story .story-takeaway{color:#102837;font-weight:500}.founder-story .signature{font-family:'Poppins',sans-serif;font-weight:600;font-size:15px;margin:28px 0 0}.signature span{display:block;font-weight:400;font-size:11px;color:#53636a}.section-heading{max-width:820px}.section-heading>p:last-child:not(.eyebrow){margin-top:25px;max-width:720px}.buyer-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:44px;margin-top:48px}.buyer-grid article{border-top:1px solid var(--border);padding-top:24px}.step-number,.service-label{font-family:'Poppins',sans-serif;font-size:10px;font-weight:500;letter-spacing:.13em;color:var(--blue)}.buyer-grid h3{margin-top:19px;margin-bottom:15px}.buyer-grid p{font-size:16px}.services-section{background:var(--surface)}.section-top{display:flex;justify-content:space-between;align-items:flex-end;gap:28px}.section-top>.text-link{flex-shrink:0}.service-grid{display:grid;grid-template-columns:1fr 1fr;margin-top:50px;border-top:1px solid var(--border);border-left:1px solid var(--border)}.service{padding:35px 40px;border-right:1px solid var(--border);border-bottom:1px solid var(--border)}.service h3{margin:15px 0 12px}.service p{max-width:475px;font-size:16px}.service-label{color:var(--gold)}.supporting-note{font-size:14px;max-width:920px;margin:25px 0 0}.supporting-note strong{font-weight:400;color:var(--text)}.work-grid{display:grid;grid-template-columns:.9fr 1.2fr;gap:70px;align-items:center}.work-grid h2{font-size:clamp(30px,3vw,40px)}.work-grid p:not(.eyebrow){margin-top:22px}.work-grid .text-link{margin-top:20px}.work-grid .example-note{font-size:12px;line-height:1.65;color:var(--dim);max-width:340px}.work-preview{border:1px solid var(--border);border-radius:9px;overflow:hidden;background:#162631;box-shadow:0 24px 50px #0003}.browser-top{display:flex;gap:5px;align-items:center;padding:13px}.browser-top span{width:6px;height:6px;background:#8399a8;border-radius:50%}.browser-top b{font:500 8px 'Poppins',sans-serif;letter-spacing:.11em;margin-left:12px;color:#c8d4db}.work-preview img{width:100%;height:330px;object-fit:cover;object-position:top}.work-preview figcaption{padding:12px 16px;font:400 11px 'Poppins',sans-serif;color:var(--muted)}.process-section{padding-top:0}.process-list{list-style:none;display:grid;grid-template-columns:repeat(3,1fr);gap:38px;margin:42px 0 0;padding:0}.process-list li{border-top:1px solid var(--border);padding-top:25px;display:flex;align-items:flex-start;gap:16px}.process-list li>span{font:400 14px 'Poppins',sans-serif;color:var(--gold);padding-top:4px}.process-list h3{font-size:19px;margin-bottom:12px}.process-list p{font-size:15px}.closing{background:var(--navy);position:relative;border-top:1px solid #326277}.closing-inner{text-align:center;max-width:900px}.closing h2{font-size:clamp(34px,4vw,53px);line-height:1.2}.closing h2 em{display:block}.closing-inner>p:not(.eyebrow){max-width:630px;margin:25px auto;font-size:17px}.closing .btn{margin-top:8px}.closing-inner p.closing-note{font-family:'Poppins',sans-serif;font-size:11px;color:#bacdd7;margin:18px auto 0}#nav{background:rgba(8,12,15,.94)}#footer .footer-bottom{color:var(--dim)}
@media(min-width:1450px){.hero-grid{gap:100px}.hero{padding-top:180px}}
@media(max-width:1100px){.container{width:calc(100% - 64px)}.hero-grid{gap:40px;grid-template-columns:1.5fr 1fr}.hero{padding-top:140px}.hero h1{font-size:46px}.split{gap:60px}.work-grid{gap:40px}.section{padding:80px 0}.process-section{padding-top:0}.buyer-grid{gap:25px}}
@media(max-width:760px){.container{width:calc(100% - 40px)}.hero{padding-top:125px}.hero-grid{grid-template-columns:1fr;gap:45px}.hero h1{font-size:clamp(36px,7.3vw,52px);max-width:650px}.hero-intro{font-size:16px}.actions{gap:18px}.hero-footnote{margin-top:40px;padding:20px 0}.hero-footnote p{font-size:10px}.mobile-break{display:block}.section{padding:65px 0}.split,.work-grid{grid-template-columns:1fr;gap:32px}.founder-section .text-link{margin-top:22px}.founder-story p{font-size:16px}.section-heading>p:last-child:not(.eyebrow){font-size:16px}.buyer-grid{grid-template-columns:1fr;gap:26px;margin-top:32px}.buyer-grid h3{margin-top:12px;margin-bottom:10px}.section-top{display:block}.section-top>.text-link{margin-top:20px}.service-grid{margin-top:30px;grid-template-columns:1fr}.service{padding:27px 24px}.work-preview img{height:260px}.process-section{padding-top:0}.process-list{grid-template-columns:1fr;gap:25px;margin-top:30px}.closing-inner>p:not(.eyebrow){font-size:16px}.eyebrow{font-size:10px;margin-bottom:18px}.closing h2{font-size:34px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}

.work-intro{max-width:360px;font-size:16px}.portfolio-grid{display:grid;grid-template-columns:1fr 1fr;gap:30px;margin-top:40px}.portfolio-item{display:block;border-radius:9px}.portfolio-item .work-preview{transition:border-color .2s}.portfolio-item:hover .work-preview{border-color:var(--blue)}.portfolio-item .work-preview img{height:auto;aspect-ratio:1.44;object-fit:cover}.portfolio-item figcaption{display:flex;align-items:center;justify-content:space-between;padding:20px}.portfolio-item figcaption strong{display:block;font-size:16px;color:var(--text);font-weight:500;margin-bottom:6px}.portfolio-item figcaption>span:last-child{color:var(--gold);font-size:25px}.sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(max-width:760px){.portfolio-grid{grid-template-columns:1fr;gap:25px;margin-top:28px}.work-intro{margin-top:22px;max-width:none}}
/* Keep the single-column hero within narrow phone viewports. */
@media(max-width:760px){.hero-grid{grid-template-columns:minmax(0,1fr)}.hero-copy{min-width:0}.actions .btn{max-width:100%;gap:14px}}

/* A semantic, code-native illustration of the marketing journey. */
.hero-grid{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:68px}.hero h1{font-size:clamp(38px,4.15vw,58px)}.work-grid .work-preview img{height:auto;aspect-ratio:1.44}
.hero-journey{position:relative;min-width:0;padding:35px 0 25px}.journey-kicker{font:500 10px/1.7 'Poppins',sans-serif;text-transform:uppercase;letter-spacing:.14em;color:var(--blue);margin-bottom:26px}.journey-stages{list-style:none;padding:0;margin:0;display:grid;gap:34px}.journey-stage{position:relative;display:flex;gap:18px;align-items:center;padding:26px 24px;background:linear-gradient(120deg,#142b38,#101e27);border:1px solid #3b5667;border-radius:7px;margin-right:40px}.journey-stage:nth-child(2){margin-left:20px;margin-right:20px}.journey-stage:nth-child(3){margin-left:40px;margin-right:0}.journey-number{font:400 11px 'Poppins',sans-serif;letter-spacing:.06em;color:var(--blue);align-self:flex-start;padding-top:5px}.journey-stage-copy{flex:1;min-width:0}.journey-stage h2{font:500 23px/1.3 'Poppins',sans-serif;letter-spacing:-.035em;color:var(--text)}.journey-stage p{font:400 11px/1.6 'Poppins',sans-serif;color:var(--muted);margin-top:8px}.journey-icon{width:29px;height:29px;flex-shrink:0;color:var(--blue)}.journey-connector{position:absolute;top:100%;left:37px;height:34px;display:flex;align-items:center;justify-content:center;color:var(--blue);font:400 27px/1 sans-serif;transform:translateX(10px)}.journey-stage-final{border-color:#c89339;background:linear-gradient(110deg,#263039,#172a35);box-shadow:0 8px 35px #0002}.journey-stage-final .journey-number,.journey-stage-final .journey-icon{color:var(--gold)}.journey-stage-final h2{color:#ffe0a5}.journey-caption{font:400 11px/1.6 'Poppins',sans-serif;color:var(--dim);margin-top:26px;text-align:right}
@media(min-width:1450px){.hero-grid{gap:80px}}
@media(max-width:1100px){.hero-grid{gap:34px}.hero h1{font-size:44px}.journey-stage{padding:22px 17px;gap:12px;margin-right:20px}.journey-stage:nth-child(2){margin-left:10px;margin-right:10px}.journey-stage:nth-child(3){margin-left:20px}.journey-stage h2{font-size:20px}.journey-icon{width:24px;height:24px}.journey-kicker{font-size:9px}.journey-connector{left:24px}}
@media(max-width:760px){.hero-grid{grid-template-columns:minmax(0,1fr);gap:24px}.hero h1{font-size:clamp(36px,7.3vw,52px)}.hero-journey{width:100%;max-width:500px;margin:0 auto;padding:20px 0 0}.journey-stage,.journey-stage:nth-child(2),.journey-stage:nth-child(3){margin:0;padding:22px 18px;gap:13px}.journey-stage h2{font-size:21px}.journey-stage p{font-size:10px}.journey-connector{left:20px;transform:none}.journey-kicker{font-size:9px;letter-spacing:.1em}.journey-caption{text-align:left}.journey-icon{width:24px;height:24px}}
@media(max-width:360px){.journey-stage h2{font-size:18px}.journey-stage{gap:10px}.journey-number{font-size:10px}.journey-icon{width:21px;height:21px}}