:root{--paper:#faf9f5;--ink:#20304B;--copper:#BA674A;--line:#d9d8d2}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;background:var(--paper);color:var(--ink);font-family:'DM Sans',Arial,sans-serif}a{color:inherit;text-decoration:none}a:focus-visible,summary:focus-visible{outline:2px solid var(--copper);outline-offset:5px}.skip{position:absolute;top:-100px}.skip:focus{top:8px;z-index:10;background:white;padding:12px}header{height:80px;padding:0 5.5%;display:flex;align-items:center;justify-content:space-between;position:absolute;inset:0 0 auto;z-index:2}.brand{display:block;width:110px}.brand img{display:block;width:100%;filter:none}header nav{display:flex;gap:34px;font-size:13px;margin-left:auto;margin-right:7%}.button{display:inline-flex;align-items:center;justify-content:center;gap:22px;background:var(--ink);color:#fff;border-radius:30px;padding:12px 23px;font-size:13px;border:1px solid var(--ink);cursor:pointer}.button:hover{background:#314766}h1,h2,h3,h4,p{margin:0}.hero{min-height:470px;background:#eeeae1 url('assets/hero.png') center/cover no-repeat;display:flex;align-items:center;padding:110px 5.5% 45px}.hero-copy{width:65%}.eyebrow{font-size:9px;letter-spacing:2.5px;line-height:1.7}.hero h1{font-size:clamp(37px,4.5vw,66px);font-weight:600;letter-spacing:-3px;line-height:1.02;margin:22px 0}.lead{font-size:17px;line-height:1.5;color:#666;max-width:540px}.hero .button{margin-top:27px}.products{padding:0 3%;max-width:1500px;margin:auto}.section-heading{display:flex;align-items:center;justify-content:space-between;padding:27px 2.5%;gap:24px}.section-heading h2{font-size:30px;font-weight:500;letter-spacing:-1px}.section-heading .eyebrow{font-size:8px;flex-shrink:0}.product{position:relative;display:grid;grid-template-columns:38% 62%;min-height:450px;border-radius:20px;overflow:hidden;margin-bottom:12px}.journal{background:radial-gradient(ellipse at 80% 100%,#3c4c64,#20304B 55%,#18263d);color:white}.finance{background:radial-gradient(ellipse at 80% 100%,#ded6cb,#eeeae1 65%);color:#20304B}.product-copy{padding:38px 34px;position:relative;z-index:1}.product h3{font-size:43px;font-weight:600;letter-spacing:-2px;margin-bottom:14px}.journal h3{color:#fff}.finance h3{color:var(--copper)}.product h4{font-size:29px;font-weight:400;line-height:1.13;letter-spacing:-.6px}.product-copy>p{font-size:14px;line-height:1.7;max-width:310px;margin:20px 0 30px;opacity:.85}.product-copy>a{display:inline-flex;gap:18px;border-bottom:1px solid currentColor;padding-bottom:5px;font-size:13px}.product-copy>a:hover{opacity:.65}.product-note{display:block;font-size:8px;letter-spacing:1.7px;line-height:1.7;margin-top:35px;opacity:.7}.screens{position:relative;min-height:450px}.screen{position:absolute;width:178px;border:6px solid #151915;border-radius:27px;box-shadow:10px 12px 24px #0004;height:auto}.back{left:19%;top:25px;transform:rotate(-5deg)}.front{right:13%;top:52px;transform:rotate(5deg)}.screens small{position:absolute;bottom:12px;right:24px;font-size:8px;opacity:.65}.finance .back{display:none}.finance .front{width:194px;right:35%;top:20px;transform:rotate(9deg)}.finance .screens:before{content:'';position:absolute;left:8%;right:-10%;height:90px;bottom:0;background:linear-gradient(160deg,#e7e3d8,#b8b6a4);border-radius:60% 0 0 0;box-shadow:0 -12px 35px #fff8}.approach{display:grid;grid-template-columns:repeat(3,1fr);gap:26px;padding:15px 5.5% 26px;max-width:1500px;margin:auto}.approach article{padding-right:20px}.approach article+article{border-left:1px solid var(--line);padding-left:26px}.approach h3{font-size:16px;font-weight:500;margin-bottom:7px}.approach p{font-size:11px;line-height:1.6;color:#444}.contact{text-align:center;padding:10px 20px 0}.contact h2{font-size:29px;font-weight:500;letter-spacing:-.8px;margin-bottom:14px}.contact details{display:inline-block}.contact summary{font-size:11px;padding:10px 20px;list-style:none}.contact summary::-webkit-details-marker{display:none}.contact-options{display:flex;gap:25px;padding:20px;font-size:12px}.contact-options a{text-decoration:underline}footer{display:flex;justify-content:space-between;align-items:center;padding:10px 5.5% 20px;gap:20px}footer p,footer small{font-size:10px;color:#555}footer a:hover{text-decoration:underline}@media(min-width:1400px){.hero{min-height:540px}.product,.screens{min-height:490px}.screen{width:194px}.finance .front{width:210px}}@media(max-width:900px){header nav{gap:20px;margin-right:25px}.hero-copy{width:70%}.hero h1{letter-spacing:-1.8px}.lead{font-size:15px}.product{grid-template-columns:45% 55%}.product h3{font-size:34px}.product h4{font-size:26px}.product-copy{padding:30px 26px}.screen{width:155px}.back{left:3%;top:40px}.front{right:8%;top:80px}.finance .front{right:22%}.section-heading h2{font-size:25px}}@media(max-width:620px){header{height:75px;padding:0 6%}.brand{width:90px}header nav{gap:16px;margin:0;font-size:11px}.nav-cta{display:none}.hero{min-height:620px;align-items:flex-start;padding:105px 6% 220px;background-position:65% bottom;background-size:auto 100%}.hero-copy{width:100%;background:linear-gradient(90deg,#faf9f5e6,#faf9f500)}.hero h1{font-size:39px;letter-spacing:-2px}.hero .eyebrow{font-size:8px}.lead{font-size:14px;max-width:300px}.desktop{display:none}.section-heading{display:block;padding:24px 3%}.section-heading h2{font-size:26px;line-height:1.15}.section-heading .eyebrow{margin-top:14px}.products{padding:0 4%}.product{grid-template-columns:1fr}.product-copy{padding:28px}.product h3{font-size:38px}.product-copy>p{margin:16px 0 22px}.product-note{margin-top:23px}.screens{min-height:420px;max-width:400px;width:100%;justify-self:center}.screen{width:160px}.back{left:12%;top:0}.front{right:12%;top:30px}.finance .front{width:177px;top:0;right:27%}.approach{grid-template-columns:1fr;padding:25px 8%;gap:20px}.approach article+article{padding:20px 0 0;border-left:0;border-top:1px solid var(--line)}.approach h3{font-size:18px}.approach p{font-size:13px}.contact{padding:12px 6% 25px}.contact h2{font-size:25px}.contact-options{flex-direction:column;gap:14px}footer{flex-wrap:wrap;padding:10px 6% 24px}footer small{width:100%;text-align:center}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

@media(min-width:621px){.hero{background-size:100% 100%}}
@media(max-width:620px){.hero{background-color:#f7f5ef;background-size:auto 245px;background-position:right bottom;background-repeat:no-repeat;min-height:670px;padding-bottom:255px}.hero-copy{background:none}.hero h1{font-size:36px}.lead{color:#555}}
/* Give the company wordmark a stronger presence. */
.brand{width:154px}
@media(max-width:620px){.brand{width:126px}}

/* Collective brand accents; existing layout and artwork retained. */
.hero h1,.contact h2{color:var(--copper)}

/* Keep navigation legible independently of the hero artwork. */
header{background:var(--paper)}
@media(max-width:620px){header{height:auto;min-height:75px;flex-wrap:wrap;padding-top:8px;padding-bottom:12px;gap:8px}header nav{flex-wrap:wrap;gap:12px}.hero{padding-top:140px}}