:root{--navy:#102b2b;--deep:#0a2021;--teal:#b9d9c7;--mint:#dcebe1;--cream:#f6f5ef;--white:#fff;--ink:#172a28;--muted:#6b7771;--line:#dfe5de;--orange:#df875b}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;font-family:"DM Sans",sans-serif;color:var(--ink);background:var(--cream);line-height:1.6}a{color:inherit;text-decoration:none}.container{width:min(1160px,calc(100% - 48px));margin:0 auto}.topbar{background:var(--deep);color:#c6d5ce;font-size:11px;letter-spacing:.04em}.topbar-inner{min-height:36px;display:flex;align-items:center;justify-content:space-between;gap:20px}.topbar a{color:#f1f6f1}.site-header{background:rgba(246,245,239,.96);position:sticky;top:0;z-index:20;border-bottom:1px solid rgba(16,43,43,.08);backdrop-filter:blur(14px)}.nav-wrap{height:82px;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:12px}.brand-mark{height:42px;width:42px;display:grid;place-items:center;background:var(--navy);color:var(--teal);font:800 16px Manrope,sans-serif;letter-spacing:-.08em;border-radius:2px}.brand-name{font:800 14px Manrope,sans-serif;letter-spacing:.08em;line-height:1.15}.brand-name small{display:block;font:600 9px "DM Sans",sans-serif;letter-spacing:.25em;margin-top:5px;color:var(--muted)}nav{display:flex;align-items:center;gap:34px;font-size:12px;font-weight:600}nav>a{color:#52615b;transition:color .2s}nav>a:hover,nav>a.active{color:var(--navy)}nav .nav-cta{padding:13px 17px;background:var(--navy);color:white}nav .nav-cta span{padding-left:10px;color:var(--teal)}.menu-toggle{display:none;border:0;background:transparent;padding:8px}.menu-toggle span{display:block;width:24px;height:2px;background:var(--navy);margin:5px}.hero{background:var(--navy);color:white;position:relative;overflow:hidden;padding:86px 0 0}.hero-grid{display:grid;grid-template-columns:1fr .9fr;gap:65px;align-items:center;min-height:470px;position:relative;z-index:1}.hero-copy{padding-bottom:65px}.eyebrow,.section-kicker{font-size:10px;font-weight:700;letter-spacing:.19em;text-transform:uppercase}.eyebrow{color:var(--teal);display:flex;align-items:center;gap:12px}.eyebrow-line{height:1px;width:32px;background:var(--teal)}h1,h2,h3,p{margin-top:0}h1,h2{font-family:Manrope,sans-serif;letter-spacing:-.055em;line-height:1.08}h1{font-size:clamp(42px,5.1vw,68px);font-weight:600;margin:24px 0}h1 em,h2 em{color:var(--teal);font-style:normal}h1 em{font-weight:400}.hero-lead{color:#c2d1c9;max-width:460px;font-size:15px;line-height:1.9}.hero-actions{display:flex;align-items:center;gap:26px;flex-wrap:wrap;margin-top:30px}.button{display:inline-flex;align-items:center;justify-content:center;gap:24px;padding:15px 19px;font-size:11px;font-weight:700;transition:transform .2s,background .2s}.button:hover{transform:translateY(-2px)}.button-primary{background:var(--teal);color:var(--deep)}.button-primary span{font-size:17px}.text-link{font-size:11px;font-weight:600;color:#e3ebe5}.text-link span{margin-left:8px;color:var(--teal)}.hero-note{font-size:10px;color:#a9c0b5;margin-top:38px;display:flex;align-items:center;gap:9px}.status-dot,.details-dot{width:7px;height:7px;border-radius:50%;background:#a8d6b7;display:inline-block}.hero-visual{position:relative;min-height:425px;display:flex;align-items:center;justify-content:center;padding-bottom:35px}.visual-card{width:min(390px,100%);height:360px;background:#e3ece4;color:var(--navy);padding:23px;position:relative;box-shadow:20px 25px 70px #05151555}.card-topline,.card-bottom{display:flex;justify-content:space-between;align-items:center}.card-topline{font:700 10px Manrope;letter-spacing:.16em}.card-symbol{font-size:24px;color:#628875}.visual-illustration{height:220px;position:relative;overflow:hidden;margin-top:12px;background:#d1e2d6}.sun{position:absolute;width:90px;height:90px;border-radius:50%;background:#e5a47a;right:43px;top:25px}.building{position:absolute;bottom:25px;background:#719783}.building-back{height:100px;width:85px;left:58px;background:#9abca7}.building-front{height:155px;width:108px;left:120px;background:#315e51}.building-front:before{content:"";position:absolute;inset:18px 18px 0;background:repeating-linear-gradient(90deg,transparent 0 17px,#b7d1bf 17px 22px),repeating-linear-gradient(0deg,transparent 0 22px,#b7d1bf 22px 27px)}.building-side{height:120px;width:55px;left:228px;background:#537d69;transform:skewY(-16deg);transform-origin:bottom}.ground-line{position:absolute;bottom:20px;left:0;right:0;height:5px;background:#244b42}.card-bottom{margin-top:18px}.mini-label{display:block;font-size:8px;letter-spacing:.14em;color:#63766b;margin-bottom:4px}.card-bottom strong{font:800 18px Manrope;letter-spacing:.02em}.verified-mark{width:29px;height:29px;display:grid;place-items:center;background:var(--navy);color:var(--teal);border-radius:50%}.floating-tag{position:absolute;bottom:45px;left:-20px;display:flex;gap:12px;align-items:center;padding:15px 18px;background:#fff;color:var(--ink);box-shadow:0 12px 35px #06161635}.tag-icon{font-size:22px;color:#4f8069}.floating-tag strong,.floating-tag small{display:block}.floating-tag strong{font-size:11px}.floating-tag small{font-size:9px;color:var(--muted);margin-top:2px}.hero-index{position:absolute;right:0;bottom:7px;font-size:9px;letter-spacing:.14em;color:#a6bdb2}.hero-index span{color:#57766a;padding:0 7px}.hero-shape{position:absolute;border:1px solid #47706633;border-radius:50%;pointer-events:none}.shape-one{width:570px;height:570px;right:-210px;top:-170px}.shape-two{width:410px;height:410px;right:-130px;top:-90px}.hero-footer{border-top:1px solid #ffffff1b;display:flex;justify-content:space-between;padding:20px 0;font-size:9px;letter-spacing:.15em;color:#a9c0b5}.section-pad{padding:105px 0}.intro-grid{display:grid;grid-template-columns:1fr 1fr;gap:100px;align-items:start}.section-kicker{color:#5c8a73;margin-bottom:22px}.intro h2,.section-heading h2,.company h2{font-size:clamp(34px,4vw,48px);font-weight:600;margin-bottom:0}.intro h2 span,.company h2 span{color:#719783}.intro-text{padding-top:32px}.intro-text p,.company-copy>p{font-size:14px;color:#63716a;line-height:1.95;margin-bottom:18px}.underlined-link{display:inline-flex;gap:30px;align-items:center;margin-top:12px;font-size:11px;font-weight:700;border-bottom:1px solid #8fa99a;padding-bottom:9px}.underlined-link span{color:#5d8c73;font-size:16px}.principles{background:#e9eee7}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:50px;margin-bottom:40px}.section-heading h2{font-size:43px}.section-heading>p{max-width:380px;font-size:13px;color:#68766e;line-height:1.9;margin:0 0 4px}.principle-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.principle-card{min-height:285px;background:#f9faf6;padding:28px;position:relative;display:flex;flex-direction:column;align-items:flex-start}.principle-card.featured{background:var(--navy);color:white}.principle-number{font:700 10px Manrope;color:#8b9b90;letter-spacing:.1em}.principle-icon{font-size:27px;color:#719783;margin:25px 0 16px}.principle-card h3{font:700 19px Manrope;letter-spacing:-.03em;margin-bottom:10px}.principle-card p{font-size:12px;color:#6d7971;line-height:1.9;margin:0}.principle-card.featured p{color:#c0d0c7}.principle-card.featured .principle-number{color:#a7c1b2}.card-line{position:absolute;bottom:0;left:28px;right:28px;height:3px;background:#c1d9c9}.featured .card-line{background:#d78e68}.company{background:#f8f8f2}.company-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:85px;align-items:start}.company-copy{position:sticky;top:130px}.company h2{margin-bottom:25px}.company-copy>p{max-width:370px}.registry-note{display:flex;gap:13px;align-items:center;margin-top:33px;padding-top:23px;border-top:1px solid var(--line);max-width:340px}.registry-icon{width:30px;height:30px;background:#dcebe1;color:#315e51;display:grid;place-items:center;border-radius:50%;font-size:13px}.registry-note strong,.registry-note small{display:block}.registry-note strong{font-size:11px}.registry-note small{font-size:10px;color:#7b8780;margin-top:3px}.details-panel{background:white;border:1px solid #e7ebe4;padding:27px 30px;box-shadow:0 16px 45px #17382a0b}.details-header{display:flex;justify-content:space-between;align-items:center;font:700 10px Manrope;letter-spacing:.15em;padding-bottom:18px;border-bottom:1px solid var(--line)}.details-dot{background:#d78e68}.detail-row{display:grid;grid-template-columns: .78fr 1.22fr;gap:20px;padding:15px 0;border-bottom:1px solid #edf0eb;font-size:11px;align-items:start}.detail-row>span{color:#7b8780}.detail-row strong{font-weight:600;line-height:1.65;overflow-wrap:anywhere}.detail-row strong a{color:#477b60}.details-footer{display:flex;justify-content:space-between;padding-top:20px;color:#8a978f;font-size:9px;letter-spacing:.12em}.contact{background:var(--navy);color:white;position:relative;overflow:hidden}.contact:after{content:"SJ";position:absolute;right:-20px;bottom:-130px;font:800 350px Manrope;color:#ffffff06;letter-spacing:-.1em;pointer-events:none}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:100px;align-items:center;position:relative;z-index:1}.light-kicker{color:var(--teal)}.contact h2{font-size:clamp(37px,4.6vw,56px);margin-bottom:22px;font-weight:600}.contact>div>div>p{font-size:13px;color:#b8c9c0;line-height:1.9;max-width:390px}.contact-card{padding:30px;background:#173b38;border:1px solid #416057}.contact-label{font-size:9px;letter-spacing:.15em;color:#a9c2b5;font-weight:700}.contact-email{display:flex;align-items:center;justify-content:space-between;gap:15px;font:600 clamp(15px,2vw,21px) Manrope;margin:13px 0 27px;overflow-wrap:anywhere}.contact-email span{color:var(--teal)}.contact-divider{height:1px;background:#ffffff1c;margin-bottom:25px}.contact-card p{font-size:12px;color:#d1ddd6;line-height:1.9;margin:12px 0 24px}.button-light{background:var(--teal);color:var(--deep)}.site-footer{background:#081b1c;color:#b6c8bf}.footer-main{min-height:100px;display:flex;align-items:center;justify-content:space-between;gap:20px}.footer-brand .brand-mark{background:#d4e6da;color:var(--navy)}.footer-brand .brand-name{color:white}.footer-brand .brand-name small{color:#8fa79a}.footer-main>p{font-size:10px;margin:0;color:#82988d}.back-top{font-size:10px;color:#d7e4dc}.footer-bottom{display:flex;justify-content:space-between;gap:20px;border-top:1px solid #ffffff17;padding:18px 0;font-size:9px;color:#7e958a}
@media(max-width:850px){.hero-grid{gap:25px;grid-template-columns:1fr .85fr}.hero-visual{min-height:350px}.visual-card{height:320px;padding:18px}.visual-illustration{height:185px}.floating-tag{left:-5px;bottom:24px}.intro-grid,.company-grid,.contact-grid{gap:45px}.company-grid{grid-template-columns:.75fr 1.25fr}.details-panel{padding:22px}.detail-row{grid-template-columns:.7fr 1.3fr;gap:12px}.section-pad{padding:80px 0}}
@media(max-width:680px){.container{width:min(100% - 36px,540px)}.topbar-inner{min-height:34px;font-size:9px}.topbar-inner span{max-width:58%}.nav-wrap{height:70px}.menu-toggle{display:block;cursor:pointer}nav{display:none;position:absolute;top:70px;left:0;right:0;padding:20px 24px 25px;background:var(--cream);border-bottom:1px solid var(--line);align-items:stretch;gap:0;flex-direction:column}nav.open{display:flex}nav a{padding:13px 0}nav .nav-cta{padding:13px 15px;margin-top:8px}.hero{padding-top:58px}.hero-grid{grid-template-columns:1fr;gap:8px}.hero-copy{padding-bottom:0}.hero h1{font-size:47px;margin:20px 0}.hero-lead{font-size:13px}.hero-actions{gap:17px}.hero-note{margin-top:25px}.hero-visual{min-height:355px;margin-top:10px}.visual-card{width:min(360px,90%);height:310px}.visual-illustration{height:175px}.floating-tag{left:0;bottom:22px}.hero-index{right:2px;bottom:1px}.hero-footer{gap:12px;flex-wrap:wrap;font-size:8px}.section-pad{padding:66px 0}.intro-grid,.company-grid,.contact-grid{grid-template-columns:1fr;gap:26px}.intro h2,.section-heading h2,.company h2{font-size:37px}.intro-text{padding-top:0}.section-heading{display:block}.section-heading>p{margin-top:18px}.principle-grid{grid-template-columns:1fr;gap:12px}.principle-card{min-height:235px}.principle-icon{margin:18px 0 12px}.company-copy{position:static}.company-copy>p{max-width:none}.details-panel{padding:20px 16px}.detail-row{grid-template-columns:.78fr 1.22fr;font-size:10px;gap:12px}.contact-grid{gap:35px}.contact h2{font-size:43px}.contact-card{padding:23px 18px}.contact-email{font-size:15px}.footer-main{padding:24px 0;align-items:flex-start;flex-direction:column;gap:14px}.footer-main>p{order:3}.back-top{position:absolute;right:24px}.footer-bottom{font-size:8px;flex-wrap:wrap}.shape-one{right:-400px}.shape-two{right:-320px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important}}