:root{--ink:#102638;--navy:#102638;--navy2:#172f41;--orange:#ec5f39;--cream:#f6f3ed;--cream2:#ebe8df;--muted:#6d7780;--teal:#5eafb9;--white:#fff;--border:#dfe3e2}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font-family:Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased}a{text-decoration:none;color:inherit}button,input,textarea,select{font:inherit}button{cursor:pointer}.shell{width:min(1260px,calc(100% - 90px));margin:0 auto}
.topbar{background:#102638;color:#d9e1e4;min-height:36px;display:flex;align-items:center;font-size:10px;font-weight:700;letter-spacing:.14em}.topbar .shell{display:flex;justify-content:space-between;gap:15px}.topbar .dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#f47c57;margin-right:8px}.topbar .sep{color:#6a7b84;margin:0 11px}
.header{position:relative;z-index:5;background:#fff;border-bottom:1px solid #e8ecec}.header-inner{height:91px;display:flex;align-items:center;justify-content:space-between;gap:26px}.logo{display:flex;align-items:center;gap:12px;min-width:245px}.brand-icon{width:56px;height:56px;background:#142d3c;display:grid;place-items:center;position:relative;overflow:hidden;color:#fff;font-family:Arial,sans-serif;font-size:25px;font-weight:900;letter-spacing:-.1em;flex-shrink:0}.brand-icon:before{content:"";position:absolute;top:-4px;left:-5px;border-top:8px solid #e85b38;width:42px;transform:rotate(-48deg);transform-origin:35px 3px}.brand-icon:after{content:"";position:absolute;bottom:0;right:0;width:16px;height:16px;background:var(--orange);clip-path:polygon(100% 0,100% 100%,0 100%)}.brand-icon span{position:relative;z-index:1}.logo-copy strong{display:block;font-size:17px;line-height:1.03;font-weight:900;letter-spacing:-.042em}.logo-copy small{display:block;margin-top:5px;color:#7b858e;font-size:9px;font-weight:800;letter-spacing:.23em}.nav{display:flex;align-items:center;gap:35px;margin-left:auto}.nav a{font-size:12px;font-weight:800;color:#334652;transition:color .2s}.nav a:hover{color:var(--orange)}.header-cta{padding:16px 18px;border-radius:3px;background:var(--orange);color:#fff;font-size:11px;font-weight:900;letter-spacing:.08em;white-space:nowrap;display:flex;align-items:center;gap:19px}.header-cta:hover{background:#d94a27}.hamburger{display:none;background:none;border:0;color:var(--ink);font-size:25px}
.hero{background:var(--cream);overflow:hidden;position:relative}.hero-inner{display:grid;grid-template-columns:49% 51%;min-height:635px}.hero-copy{padding:91px 30px 65px 0;position:relative;z-index:2}.eyebrow{display:inline-flex;align-items:center;gap:11px;font-size:10px;letter-spacing:.22em;color:var(--orange);font-weight:900}.eyebrow:before{content:"";width:26px;height:2px;background:var(--orange)}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(54px,6.5vw,91px);letter-spacing:-.08em;font-weight:900;line-height:.98;margin:31px 0 24px;max-width:710px}h1 .em{font-family:Georgia,'Times New Roman',serif;font-weight:400;font-style:italic;letter-spacing:-.08em;color:var(--orange);white-space:nowrap}.hero-p{font-size:16px;color:#5b6972;line-height:1.85;max-width:490px;margin-bottom:31px}.buttons{display:flex;align-items:center;gap:15px;flex-wrap:wrap}.btn{min-height:56px;display:inline-flex;align-items:center;justify-content:center;gap:23px;padding:0 25px;text-transform:uppercase;font-size:11px;font-weight:900;letter-spacing:.09em;border:0;border-radius:3px;transition:transform .2s,background .2s}.btn:hover{transform:translateY(-2px)}.btn-primary{color:#fff;background:var(--orange)}.btn-primary:hover{background:#d94a27}.btn-plain{color:var(--ink);background:none;border:1px solid #bbc2c3}.btn-dark{background:var(--navy);color:white}.mini-proof{display:flex;align-items:center;gap:16px;margin-top:61px;padding-top:22px;border-top:1px solid #d5d9d8;max-width:455px}.proof-badge{background:#e8e9e1;width:47px;height:47px;display:grid;place-items:center;color:var(--ink);font-size:22px;border-radius:50%}.mini-proof div strong{font-size:12px;letter-spacing:.01em}.mini-proof div span{display:block;color:#76828a;font-size:11px;margin-top:6px}
.hero-visual{margin-right:calc((1260px - min(1260px,100vw - 90px))/(-2));background:#243b4b;position:relative;overflow:hidden;min-height:635px}.hero-visual:before{content:"";position:absolute;inset:0;background:linear-gradient(115deg,#10263808,#0d263a22);opacity:1;z-index:1}.hero-illustration{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:0}.hero-visual:after{content:"";position:absolute;inset:0;z-index:2;background:linear-gradient(180deg,transparent 62%,#0b2639a8 100%)}.visual-top-badge{position:absolute;z-index:3;top:34px;right:34px;border:1px solid #ffffff6b;display:flex;gap:13px;align-items:center;padding:13px 17px;color:white;background:#112b3ba1;backdrop-filter:blur(12px)}.visual-top-badge svg{width:25px;height:25px}.visual-top-badge b{font-size:10px;line-height:1.7;letter-spacing:.16em}.visual-bottom-card{position:absolute;z-index:3;bottom:37px;left:35px;background:#fff;display:flex;align-items:center;gap:18px;padding:20px 21px;box-shadow:0 16px 30px #08182730}.visual-bottom-card>span{font-size:32px;font-weight:900;letter-spacing:-.08em;color:var(--orange)}.visual-bottom-card>div{border-left:1px solid #d6dee1;padding-left:16px}.visual-bottom-card b{display:block;font-size:11px;font-weight:900}.visual-bottom-card small{display:block;color:#77818a;font-size:10px;margin-top:6px}.hero-corner{position:absolute;z-index:3;right:0;bottom:0;border-left:91px solid transparent;border-bottom:91px solid var(--orange)}
.ribbon{background:#122d3f;color:#fff}.ribbon-inner{display:flex;align-items:center;justify-content:space-between;min-height:75px;gap:20px}.ribbon-item{display:flex;align-items:center;gap:14px;font-size:11px;font-weight:900;letter-spacing:.14em;white-space:nowrap}.ribbon-item svg{width:20px;height:20px;color:#7abec2;fill:none;stroke:currentColor;stroke-width:1.8}.ribbon-sep{height:24px;width:1px;background:#5c728045}
.section{padding:112px 0}.section-head{display:flex;justify-content:space-between;gap:60px;align-items:flex-end;margin-bottom:45px}.kicker{font-size:11px;color:var(--orange);letter-spacing:.22em;font-weight:900;display:flex;align-items:center;gap:11px}.kicker:before{content:"";width:22px;height:2px;background:var(--orange)}h2{font-size:clamp(40px,4.65vw,64px);letter-spacing:-.065em;line-height:1.04;font-weight:900;margin:18px 0 0;max-width:690px}h2 em{font-family:Georgia,serif;font-weight:400;color:var(--orange);letter-spacing:-.055em}.section-lead{font-size:15px;line-height:1.9;color:#697681;max-width:380px;margin:0 0 5px}.services{background:#fff}.services-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.service-card{border:1px solid #e2e6e4;padding:31px 30px 29px;min-height:285px;display:flex;flex-direction:column;position:relative;overflow:hidden;background:#fff;transition:transform .2s,border-color .2s,box-shadow .2s}.service-card:hover{border-color:var(--orange);box-shadow:0 15px 35px #172f4014;transform:translateY(-4px)}.service-card:before{content:"";position:absolute;top:0;left:0;width:55px;height:3px;background:var(--orange)}.service-card .top{display:flex;justify-content:space-between;align-items:center}.service-card svg{width:43px;height:43px;color:#2e7286;stroke:currentColor;stroke-width:1.45;fill:none;stroke-linecap:round;stroke-linejoin:round}.service-number{font-size:11px;color:#bac3c8;font-weight:900}.service-card h3{font-size:21px;letter-spacing:-.045em;margin:30px 0 13px}.service-card p{font-size:13px;color:#73818b;line-height:1.8;margin:0;max-width:300px}.service-card .more{color:var(--orange);font-size:17px;margin-top:auto;align-self:flex-end}
.story{background:#edf0ef}.story-grid{display:grid;grid-template-columns:49% 51%;align-items:center;gap:0}.story-visual{min-height:485px;position:relative;background:#183d4d;overflow:hidden}.story-visual:before{content:"";position:absolute;inset:0;opacity:.25;background-image:repeating-linear-gradient(90deg,transparent 0 39px,#ffffff12 40px 41px)}.story-visual:after{content:"";position:absolute;inset:0;background:linear-gradient(30deg,#17354ab0,transparent 85%)}.experience-art{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;isolation:isolate;background:radial-gradient(circle at 48% 48%,#498797 0%,#245165 42%,#123343 100%)}.experience-art:before,.experience-art:after{content:"";position:absolute;inset:14%;border:1px solid #83c6cc40;border-radius:50%;z-index:-1}.experience-art:after{inset:25%;border-style:dashed;transform:rotate(19deg)}.exp-number{color:#fff;font-weight:900;font-size:clamp(130px,17vw,240px);line-height:.8;letter-spacing:-.09em;text-shadow:0 12px 40px #142c3d73}.exp-number>span{color:#f16d4a;font-size:.47em;vertical-align:top;line-height:1}.exp-divider{height:3px;background:#f16d4a;width:46px;margin-top:29px;margin-bottom:20px}.exp-label{text-align:center;color:#e6f5f6;font-size:13px;letter-spacing:.21em;line-height:1.8;font-weight:900}.story-visual .story-mono{position:absolute;bottom:22px;left:25px;z-index:2;color:white;font-size:11px;letter-spacing:.22em;font-weight:900}.story-text{padding:62px 45px 60px 83px}.story-text h2{font-size:clamp(38px,4.2vw,58px)}.story-text p{margin:24px 0;color:#677580;line-height:1.95;font-size:15px;max-width:500px}.check-list{display:grid;gap:16px;margin:28px 0 33px}.check{display:flex;gap:12px;align-items:center;font-size:13px;font-weight:800}.check span{width:24px;height:24px;border-radius:50%;background:#daece9;display:grid;place-items:center;color:#287b79}
.process{background:var(--navy);color:white}.process h2{max-width:650px}.process .section-lead{color:#adbec7}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;margin-top:52px}.step{border-top:1px solid #ffffff45;padding-top:23px}.step .step-number{font-size:13px;color:#f28161;font-weight:900;letter-spacing:.12em}.step h3{font-size:23px;letter-spacing:-.04em;margin:25px 0 12px}.step p{color:#adbbc4;font-size:14px;line-height:1.85;max-width:320px}
.contact{background:#f9f7f2}.contact-grid{display:grid;grid-template-columns:45% 55%;gap:42px}.contact h2{margin-top:20px}.contact-intro{font-size:16px;line-height:1.9;color:#64717b;max-width:390px;margin:25px 0}.area{margin-top:42px;border-top:1px solid #d7dcdc;padding-top:25px;display:flex;gap:12px;align-items:flex-start}.area svg{width:24px;height:24px;color:var(--orange);stroke:currentColor;stroke-width:1.7;fill:none}.area b{display:block;font-size:13px}.area small{display:block;margin-top:5px;color:#6b7981;font-size:12px}.form-card{background:#fff;box-shadow:0 17px 45px #263a4720;padding:37px}.form-title{font-size:23px;font-weight:900;letter-spacing:-.04em;margin-bottom:5px}.form-subtitle{font-size:13px;color:#77858c;line-height:1.6;margin-bottom:25px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.field{display:flex;flex-direction:column;gap:7px}.field.wide{grid-column:1/-1}.field label{font-size:10px;letter-spacing:.1em;font-weight:900;text-transform:uppercase}.field input,.field select,.field textarea{width:100%;border:1px solid #d8dfdf;outline:none;background:#fbfcfb;padding:14px 14px;font-size:13px;min-height:49px;color:#203442;border-radius:2px}.field input:focus,.field select:focus,.field textarea:focus{border-color:#4c9aaa}.field textarea{min-height:94px;resize:vertical}.form-btn{width:100%;margin-top:20px}.form-note{font-size:11px;color:#8a949a;line-height:1.6;margin:13px 0 0}.form-success{margin-top:12px;color:#245e5c;background:#e2f1ec;padding:12px;font-size:12px;display:none}
.footer{background:#0a1b2a;color:#fff;padding:45px 0 23px}.footer-top{display:flex;align-items:flex-start;justify-content:space-between;gap:30px;padding-bottom:39px;border-bottom:1px solid #ffffff21}.footer .logo-copy strong{color:white}.footer .logo-copy small{color:#8b9fad}.footer .brand-icon{background:#f05e3b}.footer-desc{font-size:13px;color:#9eb1ba;line-height:1.8;max-width:260px}.footer-nav{display:flex;gap:27px;align-items:center}.footer-nav a{font-size:12px;font-weight:750;color:#d0dde2}.footer-bottom{display:flex;justify-content:space-between;padding-top:23px;color:#80949f;font-size:11px;gap:20px}.preview-flag{position:fixed;bottom:14px;right:14px;z-index:20;background:#fff;color:#1d3340;border:1px solid #dae0dd;padding:9px 13px;font-size:10px;box-shadow:0 8px 30px #0002;display:flex;align-items:center;gap:7px}.preview-flag span{width:7px;height:7px;border-radius:50%;background:var(--orange)}
@media(max-width:1080px){.nav{gap:18px}.hero-inner{grid-template-columns:51% 49%}h1{font-size:clamp(49px,6vw,78px)}.story-text{padding-left:44px}.shell{width:min(100% - 50px,1260px)}}
@media(max-width:780px){.topbar .right{display:none}.header-inner{height:73px}.hamburger{display:block}.header-cta{display:none}.nav{display:none;position:absolute;left:0;right:0;top:73px;background:white;padding:20px 26px;box-shadow:0 16px 26px #081e2915;flex-direction:column;align-items:flex-start;gap:23px}.nav.open{display:flex}.hero-inner{grid-template-columns:1fr}.hero-copy{padding:62px 0 47px}.hero-visual{min-height:440px;margin-right:0}.hero-p{max-width:620px}.mini-proof{margin-top:35px}.ribbon-inner{flex-wrap:wrap;justify-content:space-around;padding:18px 0;gap:17px}.ribbon-sep{display:none}.section{padding:75px 0}.section-head{display:block}.section-lead{margin-top:20px;max-width:540px}.services-grid{grid-template-columns:repeat(2,1fr)}.story-grid{grid-template-columns:1fr}.story-visual{min-height:350px}.story-text{padding:56px 15px}.steps{grid-template-columns:1fr;gap:20px}.step h3{margin:15px 0 7px}.contact-grid{grid-template-columns:1fr;gap:30px}.footer-top{flex-direction:column}.footer-nav{flex-wrap:wrap}.preview-flag{right:9px;bottom:9px}}
@media(max-width:520px){.shell{width:calc(100% - 36px)}.topbar{font-size:9px;letter-spacing:.07em}.logo{min-width:0;gap:8px}.brand-icon{width:48px;height:48px;font-size:22px}.logo-copy strong{font-size:14px}.logo-copy small{font-size:8px;letter-spacing:.15em}h1{font-size:clamp(49px,12vw,68px);margin-top:24px}.hero-copy{padding-top:49px}.hero-p{font-size:15px}.buttons .btn{width:100%}.hero-visual{min-height:340px}.visual-top-badge{top:19px;right:18px}.visual-bottom-card{bottom:25px;left:17px;padding:13px 15px;gap:10px}.visual-bottom-card>span{font-size:27px}.visual-bottom-card small{font-size:9px}.ribbon-inner{display:grid;grid-template-columns:1fr 1fr;gap:20px}.ribbon-item{font-size:9px;letter-spacing:.07em;gap:8px}.ribbon-item svg{width:18px;height:18px}h2{font-size:41px}.services-grid{grid-template-columns:1fr}.service-card{min-height:255px}.story-text{padding:53px 0}.process{padding-bottom:55px}.contact-grid{display:block}.form-card{margin-top:28px;padding:24px 18px}.form-grid{grid-template-columns:1fr}.field.wide{grid-column:1}.footer-bottom{flex-direction:column}.preview-flag{font-size:9px}}
