:root{--ink:#202923;--muted:#626e66;--blue:#164b35;--line:#e2e7e3;--light:#f3f6f4}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:#ffffff;color:var(--ink);font-family:Arial,'Hiragino Kaku Gothic ProN','Yu Gothic',sans-serif;font-size:16px;line-height:1.85}a{color:inherit;text-underline-offset:6px}a:focus-visible,summary:focus-visible{outline:2px solid var(--blue);outline-offset:6px}header,main,footer{max-width:1440px;margin:auto;padding-left:64px;padding-right:64px}header{display:flex;justify-content:space-between;align-items:center;height:94px;border-bottom:1px solid var(--line)}.brand{font-size:25px;font-weight:700;letter-spacing:-.06em;text-decoration:none}.brand span{color:var(--blue);font-size:14px;vertical-align:super;margin-left:4px}nav{display:flex;gap:35px}nav a{font-size:14px;text-decoration:none}.hero{min-height:650px;position:relative;display:grid;grid-template-columns:1fr 1.08fr;gap:45px;align-items:center;padding:65px 0 72px}.eyebrow{font-size:12px;font-weight:700;letter-spacing:.12em;color:var(--blue)}h1{font-size:clamp(40px,4.5vw,68px);letter-spacing:-.055em;line-height:1.35;margin:22px 0 24px}h1 em{font-style:normal;color:var(--blue)}p{margin:0 0 24px}.hero-copy>p{color:var(--muted);font-size:15px}.button{display:inline-flex;min-height:46px;padding:11px 25px;background:var(--blue);color:#ffffff;border-radius:50px;text-decoration:none;font-weight:700;font-size:14px;align-items:center}.button:hover{background:#0d3826}.hero-window{display:block;text-decoration:none;border:1px solid #d7e2db;transform:rotate(-3deg);box-shadow:14px 20px 0 #164b3509;background:#f3f6f4;overflow:hidden}.hero-window img{display:block;width:100%;aspect-ratio:1.5;object-fit:cover;object-position:45% 50%}.window-bar,.window-foot{padding:15px 17px;display:flex;justify-content:space-between;gap:10px}.window-bar{font-size:10px;letter-spacing:.08em;color:#637268}.window-foot{align-items:center}.window-foot strong{font-size:14px}.window-foot span{font-size:11px;color:#637268}.hero-bottomline{position:absolute;bottom:15px;left:0;right:0;display:flex;justify-content:space-between;border-top:1px solid var(--line);padding-top:16px;color:var(--muted);font-size:11px;letter-spacing:.13em}section:not(.hero){padding:72px 0}.section-head{display:flex;justify-content:space-between;gap:24px;align-items:center;margin-bottom:38px}.section-head .small{color:var(--muted)}h2{font-size:34px;line-height:1.5;letter-spacing:-.045em;margin:10px 0 0}h3{font-size:25px;line-height:1.5;letter-spacing:-.025em;margin:0 0 20px}.feature-title{display:flex;justify-content:space-between;align-items:end;margin-bottom:36px}.feature-title h2{font-size:clamp(70px,10vw,130px);line-height:.9;letter-spacing:-.06em;margin:0}.feature-title h2 span{display:inline-block;font-size:16px;font-weight:400;letter-spacing:.08em;margin-left:25px}.feature-title p{font-size:16px;margin:0;color:var(--muted)}.featured{border-bottom:1px solid var(--line)}.feature-visual{background:#edf3ef;margin:0;padding:38px 60px 20px;overflow:hidden}.feature-visual img{display:block;width:100%;box-shadow:0 20px 40px #0003}.feature-visual figcaption{font-size:12px;color:#626e66;margin-top:17px}.feature-body{display:grid;grid-template-columns:1fr 1fr;gap:80px;margin-top:40px}.feature-body h3{font-size:31px}.feature-body p{color:var(--muted)}.tags{display:flex;flex-wrap:wrap;gap:7px;margin:20px 0 25px}.tags span{font-size:12px;border:1px solid #dbe5de;border-radius:50px;padding:4px 11px;color:#476050}.links{display:flex;align-items:center;gap:22px;font-size:14px}.case{margin:0}.case>div{display:grid;grid-template-columns:75px 1fr;gap:15px;padding:17px 0;border-top:1px solid var(--line)}.case dt{font-size:12px;color:var(--muted)}.case dd{margin:0;font-size:14px;color:#394c40}.case strong{font-size:28px;color:var(--blue)}.small{font-size:13px;line-height:1.7;color:var(--muted)}.app-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:0;counter-reset:app}.app{counter-increment:app;border-top:1px solid var(--line);border-right:1px solid var(--line);padding:30px;position:relative;display:flex}.app:first-child{padding-left:0}.app:last-child{border-right:0;padding-right:0}.app:before{content:'0' counter(app);position:absolute;right:26px;top:21px;color:#96a79b;font-size:16px}.app-content{display:flex;flex-direction:column;width:100%}.app h3{font-size:29px;margin:18px 0}.app p{font-size:15px;color:var(--muted)}.app .eyebrow{font-size:11px;max-width:80%}.app details{padding:14px 0 20px;border-top:1px solid var(--line);margin-bottom:20px}.app summary{font-size:14px;cursor:pointer}.app details p{margin-top:12px;font-size:14px}.text-link{color:var(--blue);font-size:14px;font-weight:700}.app .text-link{margin-top:auto}.auth-note{margin-top:8px}.arg{border-top:1px solid var(--line)}.arg .section-head p{color:var(--muted);font-size:14px;margin:0}.arg-row{display:grid;grid-template-columns:1.15fr 1fr;align-items:center;gap:55px;border-top:1px solid var(--line);padding:36px 0}.arg-image{overflow:hidden}.arg-image img{display:block;width:100%;aspect-ratio:1.9;object-fit:cover;transition:transform .3s}.arg-row:hover .arg-image img{transform:scale(1.025)}.arg-row h3{margin:14px 0}.arg-row p{color:var(--muted);font-size:15px}.compact{font-size:14px;margin:20px 0}.compact dt{font-weight:700}.compact dd{margin:7px 0 0;color:var(--muted)}.collab{display:grid;grid-template-columns:1fr 1fr;gap:50px;background:#edf4ef;color:#202923;padding:42px;margin:30px 0}.collab .eyebrow{color:#164b35}.collab h3{font-size:31px;margin-top:12px}.collab p{font-size:15px;color:#526659}.collab .button{background:#164b35;color:#ffffff}.collab .case>div{border-color:#d1dfd5}.collab dt{color:#164b35}.collab dd{color:#202923}.other{display:flex;justify-content:space-between;gap:20px;padding:22px 0;border-top:1px solid var(--line);font-size:14px}.other>span{color:var(--muted)}.about{display:grid;grid-template-columns:1fr 1fr;gap:100px;border-top:1px solid var(--line)}.about h2{font-size:45px}.about-lead{font-size:29px;margin:28px 0;color:var(--ink)!important}.about p{color:var(--muted)}.ai{font-size:14px;border-left:2px solid var(--blue);padding-left:19px}.skills{padding-top:25px}.skills h3{font-size:19px}.skills dt{font-size:12px;color:var(--blue);margin-top:25px}.skills dd{margin:8px 0 0;font-size:16px}.skills dl{margin:0 0 25px}footer{display:flex;justify-content:space-between;gap:20px;align-items:center;border-top:1px solid var(--line);padding-top:30px;padding-bottom:35px}footer>span,footer>a:last-child{font-size:12px;color:var(--muted)}.skip{position:absolute;top:-90px;background:var(--blue);color:#111;padding:10px;z-index:10}.skip:focus{top:10px}.skip{color:#fff}@media(max-width:1000px){header,main,footer{padding-left:32px;padding-right:32px}.hero{gap:25px;min-height:590px}.hero-window{transform:rotate(-2deg)}.window-bar span:last-child,.window-foot span{display:none}.feature-body,.about{gap:40px}.app{padding:25px}.arg-row{gap:30px}.section-head h2{font-size:28px}}@media(max-width:700px){header,main,footer{padding-left:23px;padding-right:23px}header{height:78px}.brand{font-size:22px}nav{gap:19px}nav a{font-size:13px}.hero{display:block;padding:45px 0 62px}.hero-copy h1{font-size:46px;line-height:1.3}.hero-copy>p{font-size:14px}.hero-window{margin:45px 5px 22px;transform:rotate(-2deg)}.hero-window img{aspect-ratio:1.8}.hero-bottomline span:last-child{display:none}section:not(.hero){padding:48px 0}.feature-title h2{font-size:77px}.feature-title h2 span{display:none}.feature-title p{font-size:13px}.feature-visual{padding:18px 17px 13px}.feature-body,.about,.collab{grid-template-columns:1fr;gap:28px}.feature-body h3{font-size:27px}.section-head .small{display:none}.app-grid{grid-template-columns:1fr}.app{padding:28px 0!important;border-right:0}.app:before{right:0}.app h3{font-size:30px}.app .tags{margin-top:0}.arg .section-head{display:block}.arg .section-head p{margin-top:18px}.arg-row{grid-template-columns:1fr;gap:23px}.arg-row h3{font-size:26px}.collab{padding:27px}.collab h3{font-size:27px}.other{display:block}.other a{display:block;margin-top:10px}.about{gap:16px}.about h2{font-size:36px}.skills{padding-top:10px}footer{flex-wrap:wrap}.links{flex-wrap:wrap;gap:18px}h2{font-size:28px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.arg-image img{transition:none}}
