.homepage-design {
--navy:#16213e;--teal:#007e77;--teal-dark:#006863;--mint:#daf0e9;--pale:#f4f8f6;--cream:#fbf8f4;--ink:#16213e;--muted:#526073;--line:#d9e2e2;--coral:#ec8c76;--lilac:#eae6fa;--font-body:'DM Sans',sans-serif;--font-heading:'Manrope',sans-serif;--font-editorial:'Newsreader',Georgia,serif;
--color-brand-primary:var(--navy);--color-brand-primary-hover:#25365b;--color-brand-primary-foreground:#fff;--color-ink:var(--ink);--color-muted:var(--muted);--color-line:var(--line);--color-surface:#fff;--color-canvas:var(--pale);
background: #fff; color: var(--ink); color-scheme: light; font-family: var(--font-body); font-size: 16px; line-height: normal;
*, *::before, *::after { box-sizing:border-box }
[hidden] { display:none!important }
button, a { -webkit-tap-highlight-color:transparent }
img { max-width:100%;display:block }
.shell { max-width:1440px;padding-left:clamp(24px,5.4vw,84px);padding-right:clamp(24px,5.4vw,84px);margin-inline:auto }
.site-header { height:91px;background:rgba(255,255,255,.96);border-bottom:1px solid #eef1f0;position:relative;z-index:25 }
.desktop-nav { display:flex;gap:clamp(22px,2.5vw,45px);align-items:center;margin-left:auto }
.desktop-nav a:not([class*="text-brand-"]) { font-weight:700;font-size:13px;color:#243048;transition:color .2s }
.desktop-nav a:not([class*="text-brand-"]):hover { color:var(--teal) }
.nav-cta { background:var(--teal);color:#fff;min-width:129px;text-align:center;padding:15px 17px;border-radius:3px;font-size:13px;font-weight:700;display:flex;justify-content:space-between;gap:20px;align-items:center;transition:background .2s,transform .2s }
.nav-cta:hover { background:var(--teal-dark);transform:translateY(-1px) }
.menu-toggle { display:none }
.eyebrow { font-family:var(--font-heading);font-size:11px;font-weight:800;letter-spacing:.18em;display:flex;align-items:center;gap:13px;color:var(--teal-dark) }
.eyebrow-line { display:inline-block;width:30px;height:1px;background:currentColor }
.eyebrow.light { color:#fff }
h1, h2, h3, h4, p { margin-top:0 }
h1, h2, h3, h4 { font-family:var(--font-heading);letter-spacing:-.058em }
em { font-style:normal;color:var(--teal) }
.text-link { font-size:13px;font-weight:800;display:inline-flex;align-items:center;gap:13px;border-bottom:1px solid currentColor;padding-bottom:7px;color:var(--navy) }
.text-link:hover { color:var(--teal) }
.hero-actions { display:flex;align-items:center;gap:30px;flex-wrap:wrap;margin-top:35px }
.hero-home { position:relative;min-height:710px;display:grid;grid-template-columns:54% 46%;gap:0;align-items:center;padding-top:42px;padding-bottom:72px;overflow:hidden }
.hero-copy { position:relative;z-index:3;padding-bottom:35px }
.hero-copy h1 { font-size:clamp(58px,5.35vw,86px);line-height:1.10;font-weight:800;letter-spacing:-.075em;max-width:740px;margin:27px -110px 27px 0 }
.teal-ink { color:var(--teal) }
.hero-lead { font-size:18px;line-height:1.7;color:#4a586b;max-width:475px }
.hero-art { height:560px;position:relative;margin-left:-35px }
.art-halo { position:absolute;width:530px;height:530px;border-radius:50%;background:#e5f6ef;top:18px;right:-83px }
.art-grid { position:absolute;inset:25px -75px 0 0;background-image:linear-gradient(#a8d4c622 1px,transparent 1px),linear-gradient(90deg,#a8d4c622 1px,transparent 1px);background-size:32px 32px;mask-image:radial-gradient(ellipse at center,#000 40%,transparent 75%) }
.dashboard-window { background:#fff;border:1px solid #dce6e3;box-shadow:0 24px 65px rgba(18,55,55,.13),0 7px 18px rgba(18,55,55,.06);border-radius:12px;overflow:hidden;position:relative }
.hero-window { position:absolute;width:465px;top:95px;right:-35px;transform:rotate(-2deg) }
.window-top { height:43px;border-bottom:1px solid #e9eeee;display:flex;align-items:center;padding:0 17px;gap:20px;font-size:10px;font-weight:700;color:#698080 }
.window-dots { display:flex;gap:5px }
.window-dots i { width:7px;height:7px;background:#d5e0e0;border-radius:50% }
.window-dots i:first-child { background:#edae9e }
.window-dots i:nth-child(2) { background:#f3d2a0 }
.window-dots i:nth-child(3) { background:#abd6c7 }
.window-icon { margin-left:auto }
.dashboard-inner { padding:29px 27px 28px }
.dash-intro { display:flex;flex-direction:column;gap:9px }
.dash-kicker, .tiny-label { font-size:9px;font-weight:800;color:#53847d;letter-spacing:.13em }
.dash-intro strong { font-size:22px;font-family:var(--font-heading);letter-spacing:-.05em }
.dash-small { font-size:10px;color:#82908d }
.dash-stats { display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:24px 0 }
.dash-stats>div { min-height:120px;border:1px solid #e8efec;border-radius:7px;padding:15px;background:#fbfdfb;position:relative;overflow:hidden }
.dash-stats span { font-size:10px;color:#697b7e;display:block }
.dash-stats strong { display:block;font-family:var(--font-heading);font-size:19px;margin-top:9px }
.dash-stats small { display:block;margin-top:14px;color:var(--teal);font-size:10px;font-weight:700 }
.sparkline { height:40px;display:flex;align-items:end;gap:7px;position:absolute;right:15px;bottom:15px }
.sparkline i { width:10px;border-radius:4px 4px 0 0;background:#65bba9 }
.sparkline i:nth-child(1) { height:21% }
.sparkline i:nth-child(2) { height:52% }
.sparkline i:nth-child(3) { height:37% }
.sparkline i:nth-child(4) { height:72% }
.sparkline i:nth-child(5) { height:63% }
.sparkline i:nth-child(6) { height:87% }
.sparkline i:nth-child(7) { height:72% }
.dash-review { border:1px solid #e3ebe9;border-radius:7px;display:flex;gap:14px;padding:14px }
.review-icon { width:38px;height:38px;flex-shrink:0;border-radius:50%;background:#e5f4ee;color:#1c8b81;text-align:center;font:46px/1 var(--font-editorial) }
.dash-review p { font-size:12px;line-height:1.55;margin:9px 0 }
.review-chips { display:flex;flex-wrap:wrap;gap:7px }
.review-chips span { font-size:9px;color:#327b6a;background:#e6f5ee;padding:5px 7px;border-radius:3px }
.review-chips span:last-child { color:#966353;background:#fff0e9 }
.mini-card { position:absolute;z-index:2;top:400px;left:-10px;background:#fff;width:285px;min-height:97px;box-shadow:0 19px 55px #142c3b22;border:1px solid #e4e3ec;border-radius:9px;display:flex;gap:13px;align-items:center;padding:15px;transform:rotate(4deg) }
.mini-symbol { width:51px;height:51px;border-radius:10px;background:#ece7fb;color:#6554b7;font:800 30px/51px var(--font-heading);text-align:center }
.mini-symbol span { color:#ed916f }
.mini-card>div:nth-child(2) { display:flex;flex-direction:column;gap:4px }
.mini-card span { font-size:8px;letter-spacing:.1em;color:#8a839d;font-weight:800 }
.mini-card strong { font-size:12px }
.mini-card small { font-size:10px;color:#687085 }
.mini-card b { margin-left:auto;align-self:flex-start;font-size:12px;color:#7867b6 }
.floating-label { font:800 10px var(--font-heading);letter-spacing:.15em;color:#457e74;position:absolute;z-index:1 }
.top-label { top:36px;right:15px }
.top-label span { font-size:25px;vertical-align:middle;margin-left:12px }
.bottom-label { bottom:11px;right:60px }
.hero-index { position:absolute;bottom:22px;left:clamp(24px,5.4vw,84px);right:clamp(24px,5.4vw,84px);padding-top:17px;border-top:1px solid #dfe6e5;font:800 10px var(--font-heading);letter-spacing:.1em;display:flex;justify-content:space-between;color:#66817e }
.credibility-bar { background:#f4f8f6;border-block:1px solid #e3eae8 }
.credibility-grid { display:grid;grid-template-columns:repeat(3,1fr);padding-block:32px }
.credibility-grid>div { padding:10px 34px;border-left:1px solid #d4dfdd }
.credibility-grid>div:first-child { border:0;padding-left:0 }
.credibility-grid strong { display:block;font:800 15px var(--font-heading);margin:3px 0 8px }
.credibility-grid p { font-size:12px;color:#5d706e;margin:0;line-height:1.6 }
.index-num { font:800 11px var(--font-heading);color:var(--teal);display:block;margin-bottom:15px }
.section { padding-top:110px;padding-bottom:115px }
.section-topline { display:flex;justify-content:space-between;gap:12px;border-top:1px solid #aebec0;padding-top:16px;font:800 12px var(--font-heading);color:var(--muted);letter-spacing:.13em }
.section-heading { display:flex;justify-content:space-between;gap:40px;align-items:end;margin:50px 0 50px }
.section-heading h2 { font-size:clamp(49px,5.1vw,76px);line-height:1.13;letter-spacing:-.068em;margin:0;font-weight:800 }
.section-heading h2 em, .company-grid em { font-family:var(--font-editorial);font-weight:400;font-style:italic;letter-spacing:-.04em }
.section-heading>p { max-width:320px;font-size:17px;line-height:1.7;color:var(--muted);margin:0 5% 6px 0 }
.section-heading .text-link { margin-bottom:13px }
.product-grid { display:grid;grid-template-columns:1.15fr 1fr;grid-template-rows:330px 330px;gap:20px }
.product-feature { position:relative;border-radius:7px;overflow:hidden;min-height:0;transition:transform .25s,box-shadow .25s }
.product-feature:hover { transform:translateY(-4px);box-shadow:0 18px 35px #111f3630 }
.reviato-tile { grid-row:span 2;background:#d7ece5 }
.nuntio-tile { background:#e9e7fa }
.profix-tile { background:#f6dfd3 }
.tile-content { position:relative;z-index:2;padding:39px 40px;max-width:490px }
.tile-kicker { font:800 12px var(--font-heading);letter-spacing:.12em;color:#456c67 }
.tile-content :is(h2, h3) { font-size:clamp(36px,4.1vw,62px);letter-spacing:-.07em;line-height:1;margin:27px 0 15px }
.tile-content :is(h2, h3) .title-arrow { font-size:21px;vertical-align:top;margin-left:12px;color:var(--teal) }
.tile-content p { font-size:15px;line-height:1.65;max-width:335px;margin-bottom:25px }
.tile-link { font-size:12px;border-bottom:1px solid currentColor;padding-bottom:6px;font-weight:800 }
.reviato-visual { position:absolute;top:345px;right:-38px;width:80%;min-width:395px;background:white;box-shadow:0 23px 45px #2a6b6350;border:1px solid #a7c7c0;border-radius:10px;transform:rotate(-5deg);padding:0 20px 25px }
.rv-menu { height:39px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #e6eeee;font:800 13px var(--font-heading);color:#0e8579 }
.rv-menu span { font-size:11px;color:#879b9d }
.rv-title { font:800 18px var(--font-heading);padding:24px 0 20px;letter-spacing:-.05em }
.rv-title small { float:right;color:#78918d;font:600 10px var(--font-body);padding-top:6px }
.rv-visual-body { display:grid;grid-template-columns:1fr 1fr;gap:14px }
.rv-score, .rv-bars { background:#f5faf7;border-radius:6px;padding:18px;min-height:158px }
.rv-score>span, .rv-bars>span { font-size:9px;color:#71817c;font-weight:800;letter-spacing:.05em }
.rv-score strong { display:block;font:800 39px var(--font-heading);margin:15px 0 8px }
.rv-score strong small { font-size:14px;color:#849792 }
.rv-score i { font:700 10px var(--font-body);color:#0a9e7a }
.rv-bars>div { height:7px;border-radius:4px;background:#dceae6;margin-top:14px;overflow:hidden }
.rv-bars>div b { display:block;height:100%;background:#1ca98e;border-radius:4px }
.rv-bars>div:nth-of-type(2) b { background:#90d1bc }
.rv-bars>div:nth-of-type(4) b { background:#efb099 }
.rv-bottom { display:flex;gap:10px;margin-top:12px }
.rv-bottom span { font-size:10px;flex:1;border:1px solid #e8eeee;padding:10px }
.rv-bottom b { display:block;margin-top:7px;color:var(--teal);font-size:9px }
.nuntio-tile .tile-content, .profix-tile .tile-content { padding:33px 38px;max-width:350px }
.nuntio-tile .tile-content :is(h2, h3), .profix-tile .tile-content :is(h2, h3) { font-size:41px;margin:21px 0 11px }
.nuntio-tile .tile-content p, .profix-tile .tile-content p { font-size:13px;max-width:245px }
.nuntio-visual { position:absolute;width:300px;height:175px;right:-48px;bottom:-22px;background:#f9f7ff;border:1px solid #c8c0e6;box-shadow:0 15px 35px #635aa633;border-radius:9px;transform:rotate(-7deg);padding:15px }
.nv-header { display:flex;justify-content:space-between;font:800 13px var(--font-heading);color:#6257a7 }
.nv-header small { font:600 8px var(--font-body);color:#a19ab4 }
.nv-days, .nv-posts { display:grid;grid-template-columns:repeat(5,1fr);gap:5px }
.nv-days { margin-top:20px;font-size:7px;font-weight:800;text-align:center;color:#aba2bd }
.nv-posts { margin-top:9px }
.nv-posts i { height:68px;border:1px solid #e4ddf1;border-radius:4px;background:white;font-style:normal }
.nv-posts i:first-child { background:#d4eedf }
.nv-posts i:nth-child(3) { background:#ffe6d9 }
.nv-posts i:nth-child(4) { background:#e2dcf9 }
.nv-posts b { display:block;font-size:16px;text-align:center;padding-top:10px }
.nv-posts small { display:block;font-size:6px;text-align:center }
.early-pill { background:#e6ab93;padding:4px 6px;margin-left:10px;color:#633124;font-size:12px;letter-spacing:.08em }
.profix-visual { position:absolute;width:285px;height:200px;bottom:-35px;right:-17px;transform:rotate(-6deg);border:1px solid #ebc6b4;border-radius:8px;background:#fffaf7;box-shadow:0 15px 38px #a9736340;padding:17px }
.pf-header { font:800 11px var(--font-heading);display:flex;justify-content:space-between }
.pf-chart { height:92px;display:flex;gap:13px;align-items:end;margin:16px 0 12px;border-bottom:1px solid #e4d6cf;padding:0 10px }
.pf-chart i { flex:1;background:#f1ac91;border-radius:3px 3px 0 0 }
.pf-chart i:nth-child(2n) { background:#7485a1 }
.pf-caption span { font-size:7px;letter-spacing:.1em;color:#a2776d;font-weight:800;display:block }
.pf-caption strong { display:block;font:800 13px var(--font-heading);margin-top:5px }
.illustration-note { text-align:right;color:var(--muted);font-size:12px;margin-top:16px }
.open-section { position:relative;background:var(--navy);color:white;padding:120px 0 115px;overflow:hidden }
.open-layout { display:grid;grid-template-columns:46% 54%;gap:7%;position:relative;z-index:2 }
.open-intro h2 { font-size:clamp(58px,6vw,91px);line-height:1.12;margin:25px 0 24px;letter-spacing:-.08em }
.open-intro h2 em { font-family:var(--font-editorial);font-weight:400;font-style:italic;color:#88d8c8 }
.open-intro p { color:#c8d5d8;font-size:17px;line-height:1.75;max-width:375px;margin-bottom:33px }
.repo-list { padding-right:8%;margin-left:10px }
.repo-list a { position:relative;display:block;border-top:1px solid #68788c;padding:22px 45px 22px 0 }
.repo-list a:last-child { border-bottom:1px solid #68788c }
.repo-list span { font:800 12px var(--font-heading);letter-spacing:.12em;color:#9bd4c9 }
.repo-list strong { font:700 clamp(25px,2.9vw,39px) var(--font-heading);display:block;letter-spacing:-.06em;margin:13px 0 9px }
.repo-list p { color:#bccbd0;font-size:13px;margin:0 }
.repo-list b { position:absolute;right:3px;top:52px;font-size:18px;color:#a5dfd3 }
.repo-list a:hover strong { color:#9bdfd0 }
.open-watermark { font:800 270px var(--font-heading);letter-spacing:-.2em;position:absolute;bottom:-133px;left:-50px;color:#ffffff05;pointer-events:none }
.company-section { padding-bottom:100px }
.company-grid { display:grid;grid-template-columns:1fr 1fr;gap:12%;margin:55px 0 80px }
.company-grid h2 { font-size:clamp(42px,4.5vw,69px);line-height:1.18;margin:0;max-width:610px }
.company-copy { padding-top:10px }
.company-copy p { font-size:18px;color:var(--muted);line-height:1.8;max-width:450px }
.company-copy .text-link { margin-top:12px }
.principle-row { display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #d1dcd9;border-bottom:1px solid #d1dcd9 }
.principle-row div { padding:34px 25px;border-right:1px solid #d1dcd9;display:flex;gap:25px;align-items:center }
.principle-row div:first-child { padding-left:0 }
.principle-row div:last-child { border:0 }
.principle-row span { font-size:10px;color:var(--teal);font-weight:800 }
.principle-row strong { font:800 15px var(--font-heading) }
.journal-section { background:#f8faf8 }
.journal-section .section-heading { margin-bottom:50px }
.journal-grid { display:grid;grid-template-columns:1fr 1fr;gap:30px }
.journal-card:hover h3 { color:var(--teal) }
.journal-art { height:350px;position:relative;overflow:hidden;margin-bottom:25px }
.journal-art-one { background:#cee7dd }
.journal-art-two { background:#eee0d3 }
.oversize-quote { position:absolute;font:520px/.9 var(--font-editorial);top:-65px;left:5%;color:#97cdbb }
.journal-art-card { position:absolute;right:11%;top:17%;background:#fffdf6;padding:35px 40px;transform:rotate(8deg);box-shadow:0 15px 35px #134d4630;min-width:265px }
.journal-art-card span { font:800 10px var(--font-heading);letter-spacing:.13em;color:var(--teal) }
.journal-art-card p { font:700 27px/1.25 var(--font-heading);letter-spacing:-.05em;margin:25px 0 }
.journal-art-card i { font-style:normal;color:#c28b63 }
.margin-pill { position:absolute;top:52px;left:11%;font:800 20px var(--font-heading);letter-spacing:-.05em }
.margin-chart { display:flex;gap:16px;align-items:end;position:absolute;bottom:0;right:0;width:70%;height:245px;padding:20px 24px 0;background:#f8e9db;transform:skewX(-10deg) }
.margin-chart i { display:block;flex:1;background:#bd8b7b }
.margin-chart i:nth-child(2n) { background:#607e91 }
.journal-meta { font:800 12px var(--font-heading);letter-spacing:.12em;color:var(--teal) }
.journal-card h3 { font-size:28px;line-height:1.3;margin:15px 0 12px;letter-spacing:-.05em;max-width:470px;transition:color .2s }
.journal-card>p { color:var(--muted);font-size:14px;line-height:1.65;max-width:420px }
.journal-link { display:inline-block;font-size:12px;font-weight:800;border-bottom:1px solid currentColor;margin-top:5px;padding-bottom:5px }
.closing-section { background:var(--teal-dark);color:#fff;padding:90px 0 }
.closing-inner { display:grid;grid-template-columns:1fr 1fr;gap:12%;align-items:end }
.closing-inner h2 { font-size:clamp(55px,6vw,86px);line-height:1.13;margin:19px 0 0 }
.closing-inner p { color:#d3ede5;line-height:1.75;max-width:390px;font-size:17px;margin-bottom:30px }
.site-footer { background:#111a31;color:#fff;padding:68px 0 80px }
.footer-grid { display:grid;grid-template-columns:2.3fr 1fr 1fr 1.2fr;gap:45px }
.footer-grid>div>span { font:800 10px var(--font-heading);letter-spacing:.13em;color:#a8c4c3;margin-bottom:8px }
.footer-grid>div>a { font-size:13px;color:#d4e1e5 }
.footer-grid>div>a:hover { color:#9ee2d0 }
@media(max-width:1190px) {
.hero-home { grid-template-columns:54% 46% }
.hero-copy h1 { font-size:63px }
.hero-art { transform:scale(.82);transform-origin:50% 50%;margin-right:-80px }
}
@media(max-width:920px) {
.shell { padding-inline:30px }
.desktop-nav, .nav-cta { display:none }
.menu-toggle { display:block;margin-left:auto;border:1px solid #d4e0de;border-radius:4px;background:white;padding:11px 15px;color:var(--navy);font-size:23px }
.hero-home { grid-template-columns:1fr;min-height:0;padding-top:80px }
.hero-copy h1 { max-width:780px;margin:24px 0 }
.hero-lead { max-width:610px }
.hero-art { transform:none;max-width:660px;margin:35px auto 0;width:100%;height:500px }
.hero-window { right:15% }
.mini-card { left:2% }
.art-halo { right:1% }
.hero-index { display:none }
.credibility-grid { grid-template-columns:repeat(3,1fr) }
.credibility-grid>div { padding-inline:20px }
.product-grid { grid-template-columns:1fr 1fr;grid-template-rows:380px 380px }
.reviato-tile { grid-column:1/-1;grid-row:auto }
.reviato-visual { top:125px;right:0;width:48%;min-width:340px }
.nuntio-tile, .profix-tile { min-height:380px }
.nuntio-visual, .profix-visual { right:-15px }
.tile-content { max-width:340px }
.open-layout { grid-template-columns:1fr 1fr;gap:5% }
.repo-list { margin-left:0;padding-right:0 }
.principle-row strong { font-size:13px }
.journal-art { height:270px }
.journal-art-card { right:5%;padding:24px }
.section-heading>p { margin-right:0 }
}
@media(max-width:690px) {
.site-header { height:72px }
.shell { padding-inline:21px }
.section { padding-block:77px }
.section-topline span:last-child { display:none }
.section-heading { display:block;margin:35px 0 }
.section-heading h2 { font-size:47px }
.section-heading p { margin-top:25px;font-size:15px }
.hero-home { padding-top:60px;padding-bottom:45px }
.hero-copy .eyebrow { font-size:11px }
.hero-copy h1 { font-size:clamp(43px,10vw,60px);letter-spacing:-.065em;margin:20px 0 24px }
.hero-lead { font-size:16px }
.hero-actions { gap:20px }
.hero-art { height:370px;margin:20px auto 0;transform:scale(.75);transform-origin:top left;width:132%;max-width:none }
.hero-window { right:0;top:70px }
.art-halo { right:-70px;top:0 }
.mini-card { left:6%;top:340px }
.top-label { right:20px;top:0 }
.bottom-label { display:none }
.credibility-grid { grid-template-columns:1fr;padding-block:16px }
.credibility-grid>div, .credibility-grid>div:first-child { border-left:0;border-bottom:1px solid #d9e2df;padding:19px 0;display:grid;grid-template-columns:30px 1fr;align-items:start;column-gap:14px }
.credibility-grid>div:last-child { border:0 }
.credibility-grid .index-num { grid-row:span 2;margin:3px 0 }
.credibility-grid strong { margin:0 0 5px }
.credibility-grid p { grid-column:2 }
.product-grid { display:block }
.product-feature { display:block;height:440px;margin-bottom:16px }
.reviato-visual { width:88%;top:235px;right:-18px;min-width:300px }
.tile-content { padding:29px }
.tile-content :is(h2, h3) { font-size:45px;margin-top:20px }
.tile-content p { max-width:275px;font-size:13px }
.nuntio-tile, .profix-tile { height:335px }
.nuntio-visual { right:-25px;width:255px;height:165px }
.profix-visual { width:245px;height:168px }
.illustration-note { text-align:left }
.open-section { padding:79px 0 }
.open-layout { grid-template-columns:1fr;gap:40px }
.open-intro h2 { font-size:60px }
.open-intro p { font-size:15px }
.repo-list a { padding:20px 20px 20px 0 }
.repo-list strong { font-size:26px }
.company-grid { display:block;margin:37px 0 }
.company-grid h2 { font-size:44px }
.company-copy { margin-top:25px }
.company-copy p { font-size:15px }
.principle-row { display:block }
.principle-row div, .principle-row div:first-child { padding:19px 0;border-right:0;border-bottom:1px solid #d1dcd9 }
.principle-row div:last-child { border:0 }
.journal-grid { grid-template-columns:1fr;gap:45px }
.journal-art { height:275px }
.journal-card h3 { font-size:26px }
.closing-inner { grid-template-columns:1fr;gap:27px }
.closing-inner h2 { font-size:58px }
.closing-inner p { font-size:15px }
.footer-grid { grid-template-columns:1fr 1fr;gap:39px }
}
@media(prefers-reduced-motion:reduce) {
*, *::before, *::after { transition:none!important;animation:none!important }
}
.brand-wordmark { display:block;font:800 26px/1 var(--font-heading);letter-spacing:-.083em;color:var(--navy) }
.brand-wordmark>span { color:var(--teal) }
.credibility-grid>a { display:block;position:relative;padding:13px 35px 16px;border-left:1px solid #d4dfdd;transition:background .2s }
.credibility-grid>a:first-child { padding-left:0;border:0 }
.credibility-grid>a:hover { background:#edf5f1 }
.credibility-grid>a strong { font:800 15px var(--font-heading);line-height:1.45;display:flex;justify-content:space-between;align-items:start;gap:10px;margin:5px 0 8px;letter-spacing:-.02em }
.credibility-grid>a strong span { color:var(--teal);font-size:13px;font-weight:600 }
.credibility-grid>a p { color:#5d706e;font-size:12px;line-height:1.6;margin:0;max-width:315px }
.hero-copy h1 { font-size:clamp(55px,5vw,80px);max-width:715px;margin-right:-65px }
.hero-copy .hero-lead { max-width:480px }
.proof-section { background:#fbf8f4;border-top:1px solid #eee8df;border-bottom:1px solid #e8e4dd }
.proof-layout { display:grid;grid-template-columns:34% 1fr;gap:8%;padding-block:92px 100px }
.proof-intro { display:flex;flex-direction:column;justify-content:space-between;padding:17px 0 12px }
.proof-index { font:700 16px/1.55 var(--font-heading);letter-spacing:-.04em;color:#73827e }
.proof-quote { position:relative;border-left:1px solid #c9d7ce;padding:0 0 0 7% }
.proof-quote-mark { display:block;color:var(--teal);font:400 95px/.7 var(--font-editorial);margin-top:10px }
.proof-quote blockquote { font:400 clamp(34px,3.5vw,49px)/1.18 var(--font-editorial);letter-spacing:-.023em;margin:9px 0 34px;max-width:770px;color:var(--navy) }
.proof-quote-meta { border-top:1px solid #cbd8d0;padding-top:19px;display:flex;justify-content:space-between;gap:25px;align-items:end }
.proof-quote-meta strong { display:block;font:800 14px var(--font-heading) }
.proof-quote-meta span { display:block;font-size:12px;color:var(--muted);margin-top:6px }
.proof-quote-meta a { font-size:12px;font-weight:800;border-bottom:1px solid currentColor;padding-bottom:5px;color:var(--teal) }
@media(max-width:920px) {
.brand-wordmark { font-size:24px }
}
@media(max-width:690px) {
.brand-wordmark { font-size:21px }
.hero-copy h1 { font-size:clamp(43px,10vw,60px);margin-right:0 }
.credibility-grid>a, .credibility-grid>a:first-child { border-left:0;border-bottom:1px solid #d9e2df;padding:19px 0 }
.credibility-grid>a:last-child { border-bottom:0 }
.credibility-grid>a strong { font-size:14px;margin:7px 0 }
.proof-layout { grid-template-columns:1fr;gap:28px;padding-block:64px }
.proof-index { display:none }
.proof-quote { padding-left:23px }
.proof-quote blockquote { font-size:33px }
.proof-quote-meta { display:block }
.proof-quote-meta a { display:inline-block;margin-top:18px }
}
}
.homepage-design {
  .site-width { width: 100%; max-width: 1440px; padding-inline: clamp(24px, 5.4vw, 84px); margin-inline: auto; }
  .header-row { height: 100%; min-height: 0; gap: 48px; }
  .site-logo { width: auto; }
  .site-header .brand-wordmark, .site-footer .brand-wordmark { font: 800 27px/1 var(--font-heading); letter-spacing: -.085em; }
  .site-footer .brand-wordmark { color: white; }
  .site-footer .brand-wordmark > span { color: #98dfc8; }
  .hero-copy h1 { text-wrap: initial; }
  .hero-copy { padding-top: 0; }
  .section-heading { max-width: none; }
  .section-heading h2 { text-wrap: initial; }
  .company-careers-link { margin-left: 22px; }
  .footer-grid h2 { font: 800 10px var(--font-heading); color: #a8c4c3; letter-spacing: .13em; margin: 0 0 8px; }
  .footer-grid p, .footer-base { font-size: 12px; color: #adbccc; }
  .footer-grid > div:first-child > p { color: #adbccc; }
  .site-footer :focus-visible { outline-color: #98dfc8; }
  .footer-grid .text-link { color: #d4e1e5; }
  .footer-links { gap: 12px; }
  .sample-width-83 { width: 83%; } .sample-width-59 { width: 59%; } .sample-width-72 { width: 72%; } .sample-width-42 { width: 42%; }
  .sample-height-34 { height: 34%; } .sample-height-53 { height: 53%; } .sample-height-43 { height: 43%; } .sample-height-73 { height: 73%; } .sample-height-62 { height: 62%; } .sample-height-89 { height: 89%; } .sample-height-76 { height: 76%; }
  .sample-height-35 { height: 35%; } .sample-height-70 { height: 70%; } .sample-height-51 { height: 51%; } .sample-height-82 { height: 82%; } .sample-height-58 { height: 58%; }
  @media (max-width: 1023px) {
    .site-width { padding-inline: 30px; }
    .desktop-nav { display: none; }
    .site-header .menu-toggle { display: inline-flex; }
    .mobile-nav:not([hidden]) { display: flex; position: absolute; top: 100%; left: 0; right: 0; flex-direction: column; padding-block: 15px 25px; background: white; box-shadow: 0 15px 30px #16213e19; }
    .mobile-nav > a { padding-block: 14px; border-bottom: 1px solid var(--line); font-size: 14px; font-weight: 700; }
  }
  @media (max-width: 690px) {
    .site-width { padding-inline: 21px; }
    .company-careers-link { margin: 14px 0 0; }
  }
}
.homepage-design {
  h2, h3, h4 { font-weight: 700; }
  p { margin-bottom: 1em; }
  .credibility-grid p, .repo-list p { margin-bottom: 0; }
  .section-heading > p { margin-bottom: 6px; }
  .hero-lead { margin-bottom: 1em; }
  @media (max-width: 690px) {
    .hero-art { width: 465px; transform: scale(.8); transform-origin: top left; }
  }
  @media (max-width: 430px) {
    .hero-art { transform: scale(.72); }
  }
  @media (max-width: 390px) {
    .hero-art { transform: scale(.68); }
  }
  @media (max-width: 370px) {
    .hero-art { transform: scale(.63); }
  }
}
.homepage-design {
  @media (max-width: 920px) {
    .hero-home { grid-template-columns: minmax(0, 1fr); }
    .hero-copy { min-width: 0; }
  }
}

.homepage-design .site-header { --color-brand-primary: var(--teal); --color-brand-primary-hover: var(--teal-dark); }
.homepage-design .open-section { --color-brand-primary: #edf9f3; --color-brand-primary-hover: #fff; --color-brand-primary-foreground: var(--navy); }
.homepage-design .closing-section, .homepage-design .contact-section { --color-brand-primary: #c7f0e5; --color-brand-primary-hover: #fff; --color-brand-primary-foreground: var(--navy); }

.homepage-design .open-section :focus-visible, .homepage-design .closing-section :focus-visible, .homepage-design .contact-section :focus-visible { outline-color: white; }