:root{--lilac:#e6dbef;--ink:#2b082a;--copper:#c38660;--copper-dark:#9a5838;--rule:rgba(43,8,42,.4);--font:'Inter',Arial,sans-serif;--gutter:5.5%;--space:64px;--radius:0;--ease:cubic-bezier(.3,.7,.2,1);--duration:320ms;--body:clamp(18px,2.3vw,32px);--heading:clamp(40px,6.1vw,88px)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;background:var(--lilac);color:var(--ink);font-family:var(--font);font-size:var(--body);line-height:1.3;-webkit-font-smoothing:antialiased}h1,h2,h3,p{margin:0}h1,h2,h3{font-weight:600;letter-spacing:-.055em;line-height:1.02}h2{font-size:var(--heading)}a{color:inherit;text-decoration:none}button,input{font:inherit;color:inherit}button,a,input{-webkit-tap-highlight-color:transparent}button{cursor:pointer}img{display:block;max-width:100%;height:auto}ol,ul{list-style:none;margin:0;padding:0}.container{width:89%;max-width:1700px;margin-inline:auto}.eyebrow{text-transform:uppercase;font-size:clamp(12px,1.35vw,19px);letter-spacing:.12em;margin-bottom:18px}.button{display:inline-flex;align-items:center;justify-content:center;gap:20px;padding:21px 40px;background:var(--copper);border:1px solid transparent;border-radius:var(--radius);font-size:clamp(16px,1.9vw,27px);font-weight:500;transition:background var(--duration) var(--ease),transform var(--duration) var(--ease)}.button:hover{background:#d29670}.button span{font-size:1.4em;line-height:.8;transition:transform var(--duration) var(--ease)}.button:hover span{transform:translateX(5px)}:focus-visible{outline:3px solid var(--copper-dark);outline-offset:5px}.wordmark{font-weight:600;letter-spacing:-.065em;line-height:1}.number{color:var(--copper-dark)}.skip-link{position:fixed;top:10px;left:10px;z-index:10;background:var(--ink);color:var(--lilac);padding:12px;transform:translateY(-150%)}.skip-link:focus{transform:none}[hidden]{display:none!important}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}
/* === section: header === */
.header{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--rule);min-height:102px;gap:32px}.header .wordmark{font-size:48px}.header .nav-inner{display:flex;align-items:center;gap:44px}.header nav{font-size:17px}.header nav a:not(.button):hover{text-decoration:underline;text-underline-offset:6px}.header .outline{border-color:var(--ink);background:transparent;font-size:17px;padding:15px 46px}.header .outline:hover{background:rgba(43,8,42,.06)}.header .menu-toggle{background:transparent;border:1px solid var(--rule);padding:10px 14px;font-size:16px}.header .menu-toggle span{display:inline-block;margin-left:15px;transition:transform var(--duration) var(--ease)}.header .menu-toggle[aria-expanded=true] span{transform:rotate(45deg)}
@media(max-width:900px){.header{min-height:82px;flex-wrap:wrap;gap:0;padding-block:18px}.header .wordmark{font-size:32px}.header .menu-toggle:not([hidden]){display:block}.header nav{width:100%}.header .nav-inner{flex-direction:column;align-items:stretch;gap:20px;padding-block:24px 8px}.header.enhanced nav{display:grid;grid-template-rows:0fr;visibility:hidden;transition:grid-template-rows var(--duration) var(--ease),visibility var(--duration)}.header.enhanced nav .nav-inner{overflow:hidden;min-height:0;padding-block:0;transition:padding var(--duration) var(--ease)}.header.enhanced.open nav{grid-template-rows:1fr;visibility:visible}.header.enhanced.open .nav-inner{padding-block:24px 8px}}
/* === section: hero === */
.hero{padding-top:50px;overflow:hidden}.hero .hero-heading{text-align:center;position:relative;z-index:1}.hero .hero-kicker{font-size:24px;letter-spacing:.06em;margin-bottom:16px}.hero h1{font-size:clamp(48px,7.5vw,108px);line-height:.95;letter-spacing:-.065em}.hero .hero-image{width:100%;height:490px;object-fit:cover;mask-image:linear-gradient(to bottom,transparent,#000 8%,#000 90%,transparent);margin-top:0}.hero .hero-bottom{display:flex;justify-content:space-between;align-items:center;gap:32px;padding-block:34px 48px;border-bottom:1px solid var(--rule)}.hero .hero-bottom p{font-size:32px;line-height:1.25;max-width:19.5em;text-wrap:pretty}.hero .button{min-width:360px}
@media(min-width:1600px){.hero .hero-image{height:34vw;max-height:650px}}@media(max-width:1024px){.hero .hero-kicker{font-size:18px}.hero .hero-image{height:35vw}.hero .hero-bottom p{font-size:24px}.hero .button{min-width:260px;padding:18px 24px}}@media(max-width:767px){.hero{padding-top:38px}.hero .hero-kicker{font-size:14px;margin-bottom:18px}.hero h1{font-size:clamp(38px,9.8vw,72px);line-height:1.02}.hero .hero-image{height:230px;width:145%;max-width:none;object-fit:cover;margin-left:-23%;margin-top:20px}.hero .hero-bottom{align-items:flex-start;flex-direction:column;padding-block:22px 34px;gap:24px}.hero .hero-bottom p{font-size:21px}.hero .button{min-width:0;font-size:18px;padding:17px 24px}}
/* === section: connection === */
.connection .connection-body{position:relative;display:grid;grid-template-columns:65% 35%;align-items:center;min-height:500px;padding-block:40px 22px}.connection .connection-copy{position:relative;z-index:1}.connection h2{font-size:clamp(36px,5vw,72px);letter-spacing:-.06em;margin-bottom:30px}.connection .connection-copy>p:not(.eyebrow){font-size:30px;line-height:1.3}.connection .emphasis{font-weight:600;letter-spacing:-.035em;margin-top:28px}.connection img{width:110%;max-width:110%;margin-left:-5%;mask-image:linear-gradient(to bottom,transparent,#000 4%,#000 94%,transparent),linear-gradient(to right,transparent,#000 5%,#000 95%,transparent);mask-composite:intersect}.connection .operation-strip{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--rule);padding-block:34px 40px;font-size:32px;font-weight:500;letter-spacing:-.04em;text-align:center}.connection .operation-strip li+li{border-left:1px solid var(--rule)}.connection .operation-strip li:first-child{text-align:left}.connection .operation-strip li:last-child{text-align:right}
@media(max-width:1024px){.connection .connection-body{min-height:370px}.connection .connection-copy>p:not(.eyebrow){font-size:22px}.connection .operation-strip{font-size:24px}.connection h2{margin-bottom:22px}}@media(max-width:767px){.connection .connection-body{grid-template-columns:1fr;padding-block:34px 16px}.connection h2{font-size:36px}.connection .connection-copy>p:not(.eyebrow){font-size:20px}.connection .emphasis{margin-top:20px}.connection img{width:75%;max-width:300px;margin:16px auto 0}.connection .operation-strip{grid-template-columns:1fr 1fr;gap:22px 0;font-size:23px;padding-block:24px 30px}.connection .operation-strip li:nth-child(n){text-align:center}.connection .operation-strip li:nth-child(3){border:0}}
/* === section: standard === */
.standard{background:var(--ink);color:var(--lilac);padding-block:62px 40px}.standard h2{font-size:clamp(42px,6.7vw,96px);margin-bottom:34px}.standard .conditions{display:grid;grid-template-columns:1fr 1.1fr 1fr}.standard .conditions li{padding:20px 30px 26px;position:relative}.standard .conditions li:nth-child(3n+1){padding-left:0}.standard .conditions li:nth-child(-n+3){border-bottom:1px solid #8e778e}.standard .conditions li:not(:nth-child(3n+1))::before{content:'';position:absolute;left:0;top:20px;bottom:24px;width:1px;background:#8e778e}.standard .number{color:#d99c72;font-size:32px}.standard h3{font-size:32px;letter-spacing:-.045em;margin-block:4px 7px;white-space:nowrap}.standard .conditions p{font-size:23px;letter-spacing:-.04em}.standard .standard-end{border-top:1px solid #8e778e;padding-top:22px;font-size:32px}
@media(max-width:1024px){.standard{padding-block:42px 32px}.standard .conditions li{padding-inline:20px}.standard .number{font-size:24px}.standard h3{font-size:22px;white-space:normal}.standard .conditions p{font-size:17px}.standard .standard-end{font-size:24px}}@media(max-width:767px){.standard h2{font-size:43px}.standard .conditions{grid-template-columns:1fr}.standard .conditions li:nth-child(n){padding:20px 0;border-bottom:1px solid #8e778e;display:grid;grid-template-columns:42px 1fr}.standard .conditions li::before{display:none}.standard .number{grid-row:span 2}.standard h3{font-size:23px;white-space:normal;margin-top:0}.standard .conditions p{font-size:18px}.standard .standard-end{border-top:0;font-size:22px}}
/* === section: capability === */
.capability{padding-top:60px}.capability h2{font-size:clamp(40px,5.9vw,85px);margin-bottom:20px}.capability .problems li:first-child h3{text-wrap:balance}.capability .problems li{border-top:1px solid var(--rule)}.capability .problems li:last-child{border-bottom:1px solid var(--rule)}.capability .problems a{display:grid;grid-template-columns:7.8% 53.8% 1fr 36px;align-items:center;min-height:124px;gap:0;transition:background var(--duration) var(--ease)}.capability .problems a:hover{background:rgba(255,255,255,.22)}.capability .number{font-size:30px}.capability h3{font-size:42px;letter-spacing:-.055em;padding-right:20px}.capability .problems p{font-size:25px;border-left:1px solid var(--rule);padding-left:55px;line-height:1.3}.capability .arrow{font-size:42px;color:var(--copper-dark);transition:transform var(--duration) var(--ease)}.capability a:hover .arrow{transform:translateX(5px)}
@media(max-width:1024px){.capability h3{font-size:29px}.capability .problems p{font-size:18px;padding-left:25px}.capability .problems a{min-height:100px}.capability .number{font-size:24px}}@media(max-width:767px){.capability{padding-top:38px}.capability h2{font-size:38px;overflow-wrap:normal}.capability .problems a{grid-template-columns:34px 1fr 24px;padding-block:23px;row-gap:14px}.capability h3{font-size:25px;padding:0}.capability .number{font-size:18px;align-self:start}.capability .problems p{grid-column:2;border:0;padding:0;font-size:18px}.capability .arrow{grid-column:3;grid-row:1 / span 2;font-size:28px}}
/* === section: cta === */
.cta{display:grid;grid-template-columns:1fr 1fr;gap:40px;padding-block:48px 66px;border-bottom:1px solid var(--rule)}.cta h2{font-size:clamp(48px,6.5vw,94px);margin-bottom:28px}.cta h3{font-size:44px;margin-bottom:24px}.cta .cta-copy>p:not(.eyebrow){font-size:25px;line-height:1.45}.cta .form-area{align-self:center;padding-top:40px}.cta label{display:block;font-size:23px;margin-bottom:9px}.cta input{width:100%;min-width:0;background:transparent;border:1px solid var(--ink);border-radius:0;height:64px;padding:10px 14px;font-size:22px;margin-bottom:20px;transition:background var(--duration) var(--ease)}.cta input:focus{background:rgba(255,255,255,.2)}.cta .name-fields{display:grid;grid-template-columns:1fr 1fr;gap:28px}.cta .button{width:100%;padding:20px 12px;font-size:25px}.cta .form-note{font-size:25px;line-height:1.45;margin-top:26px}.cta .thank-you{padding:35px 0}.cta .thank-you h3{font-size:48px}.cta .thank-you p{font-size:25px}.cta .form-area{transition:height var(--duration) var(--ease)}
@media(max-width:1024px){.cta h3{font-size:32px}.cta .cta-copy>p:not(.eyebrow),.cta .form-note{font-size:19px}.cta label{font-size:18px}.cta input{height:52px}.cta .button{font-size:19px}.cta .name-fields{gap:18px}}@media(max-width:767px){.cta{grid-template-columns:1fr;gap:32px;padding-block:36px 40px}.cta h2{font-size:58px}.cta h3{font-size:30px}.cta .form-area{padding:0}.cta .name-fields{gap:14px}.cta .form-note{font-size:18px}.cta .cta-copy>p:not(.eyebrow){font-size:18px}.cta .button{font-size:18px}}
/* === section: footer === */
.footer{padding-block:40px 60px}.footer .wordmark{font-size:clamp(64px,9.5vw,137px)}.footer .tagline{display:flex;align-items:center;gap:20px;font-size:28px;margin-top:4px}.footer .tagline::before{content:'';width:22px;height:22px;background:var(--copper)}.footer .footer-bottom{border-top:1px solid var(--rule);padding-top:30px;margin-top:24px;display:flex;justify-content:space-between;font-size:25px}.footer .footer-bottom a:hover{text-decoration:underline}
@media(max-width:767px){.footer{padding-block:30px 36px}.footer .wordmark{font-size:clamp(54px,15vw,100px)}.footer .tagline{font-size:18px;gap:12px;margin-top:10px}.footer .tagline::before{width:14px;height:14px}.footer .footer-bottom{font-size:15px;gap:14px;flex-wrap:wrap;padding-top:22px}}