:root{--bg:#0b101b;--ink:#f7f9ff;--muted:#a5afc2;--line:#273142;--blue:#3158ff;--paper:#edf1f8;--dark:#0b152b}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.6 Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}a:focus-visible,button:focus-visible{outline:3px solid #7bc9ff;outline-offset:7px}.wrap{width:min(1216px,calc(100% - 80px));margin:auto}header{display:flex;align-items:center;justify-content:space-between;min-height:108px;border-bottom:1px solid var(--line)}.brand{font-weight:800;letter-spacing:.075em;font-size:24px;display:flex;align-items:center;gap:13px}.mark{display:inline-block;width:21px;height:21px;background:var(--blue);border-radius:5px;transform:rotate(-10deg)}nav{display:flex;gap:34px;font-size:14px;color:#cad1e0}nav a:hover{color:white}.hero{padding:92px 0 77px;display:grid;grid-template-columns:1fr 265px;gap:55px;align-items:end}.eyebrow{font-size:12px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:#9badff;margin:0 0 28px}.hero h1{font-size:clamp(58px,6.8vw,97px);line-height:1.03;letter-spacing:-.065em;font-weight:500;margin:0;max-width:950px}.hero h1 span{display:block;color:#8da3ff}.hero-note{font-size:17px;line-height:1.8;color:var(--muted);margin:0 0 6px}.hero-note strong{font-weight:400;color:#e0e6f1}.section-head{display:flex;align-items:center;justify-content:space-between;padding:25px 0;border-top:1px solid var(--line)}.section-head h2{font-size:13px;letter-spacing:.15em;text-transform:uppercase;font-weight:500;margin:0}.section-head span{color:var(--muted);font-size:12px}.project{overflow:hidden;border-radius:9px;background:var(--paper);color:var(--dark);display:grid;grid-template-columns:1fr 1fr;margin-bottom:76px}.project-info{padding:56px 54px;display:flex;flex-direction:column;align-items:start}.label{font-size:11px;letter-spacing:.15em;text-transform:uppercase;font-weight:700;margin:0 0 32px;color:#536580}.project h3{font-size:67px;font-weight:500;letter-spacing:-.06em;line-height:1.1;margin:0 0 12px}.project-sub{font-size:22px;line-height:1.4;max-width:360px;margin:0 0 21px}.project-copy{color:#516078;max-width:390px;font-size:15px;margin:0 0 28px}.tags{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:40px}.tag{font-size:11px;background:#dfe5f0;border-radius:99px;padding:6px 11px}.button{display:inline-block;background:var(--blue);color:#fff;border:0;padding:13px 23px;border-radius:5px;font-size:14px;font-weight:700;margin-top:auto;transition:background .2s,transform .2s}.button:hover{background:#2045e5;transform:translateY(-2px)}.project-visual{padding:49px 42px;display:flex;flex-direction:column;justify-content:center;background:#dce5fc;position:relative}.workflow-label{font-size:11px;letter-spacing:.15em;text-transform:uppercase;color:#445b90;margin-bottom:24px}.workflow{display:flex;flex-direction:column;gap:0}.step{background:#f9fbff;border:1px solid #c7d3ee;border-radius:6px;padding:19px 21px;display:grid;grid-template-columns:34px 1fr;gap:16px;align-items:center}.step-num{font-size:14px;color:#4165be}.step h4{font-size:16px;margin:0 0 3px;font-weight:600}.step p{font-size:12px;color:#65728b;margin:0}.connector{height:24px;width:1px;background:#9db0df;margin-left:37px}.workflow-foot{font-size:11px;color:#536580;line-height:1.6;margin:25px 0 0;max-width:360px}.approach{display:grid;grid-template-columns:1fr 1fr;gap:100px;padding:0 0 75px;border-bottom:1px solid var(--line)}.approach h2{font-size:35px;line-height:1.2;letter-spacing:-.035em;margin:0;font-weight:500;max-width:420px}.approach p{margin:0;color:var(--muted);font-size:16px;max-width:500px}.contact{padding:48px 0 52px;display:flex;justify-content:space-between;gap:25px;align-items:center}.contact p{margin:0;color:var(--muted);font-size:14px}.contact a{font-size:21px;border-bottom:1px solid #7f96fb;padding-bottom:3px}.contact a:hover{color:#9badff}footer{display:flex;justify-content:space-between;gap:20px;color:#75839a;font-size:11px;padding-bottom:28px}@media(max-width:1000px){.hero{grid-template-columns:1fr}.hero-note{max-width:450px}.project-info{padding:40px 34px}.project-visual{padding:40px 28px}.approach{gap:40px}.hero h1{font-size:76px}}@media(max-width:700px){.wrap{width:calc(100% - 40px)}header{min-height:82px}.brand{font-size:20px}nav{gap:20px;font-size:12px}.hero{padding:57px 0 50px;gap:30px}.hero h1{font-size:clamp(45px,10vw,65px)}.eyebrow{font-size:10px;margin-bottom:23px}.hero-note{font-size:15px}.project{grid-template-columns:1fr;margin-bottom:48px}.project-info{padding:32px 27px}.label{margin-bottom:24px}.project h3{font-size:55px}.project-sub{font-size:20px}.project-visual{padding:30px 27px}.approach{grid-template-columns:1fr;gap:24px;padding-bottom:40px}.approach h2{font-size:30px}.contact{align-items:start;flex-direction:column;padding:35px 0}.contact a{font-size:20px}footer{flex-direction:column;gap:4px}.section-head span{font-size:10px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button{transition:none}}

nav a[aria-current="page"]{color:#9badff} .library-head{padding:72px 0 48px;max-width:800px}.library-head h1{font-size:clamp(42px,5vw,72px);line-height:1.1;letter-spacing:-.05em;font-weight:500;margin:0 0 24px}.library-head p:last-child{color:var(--muted);font-size:18px;max-width:660px;margin:0}.library-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;padding-bottom:56px}.service{display:flex;flex-direction:column;align-items:start;background:#131c2c;border:1px solid #2d3b54;border-radius:9px;padding:30px;min-height:420px}.service-number{color:#9badff;font-size:14px;letter-spacing:.12em;margin-bottom:32px}.service h2{font-size:28px;line-height:1.25;letter-spacing:-.025em;font-weight:500;margin:0 0 20px}.service p{font-size:16px;color:var(--muted);margin:0 0 26px}.service .button{font-size:14px;line-height:1.5;padding:13px 17px}.quote-note{padding:36px 0 44px;border-top:1px solid var(--line)}.quote-note h2{font-size:28px;letter-spacing:-.025em;font-weight:500;margin:0 0 14px}.quote-note p{color:var(--muted);font-size:16px;margin:0;max-width:680px}.quote-note a{color:#a7b8ff;text-decoration:underline;text-underline-offset:4px}@media(max-width:1000px){.library-grid{grid-template-columns:1fr}.service{min-height:0}.service-number{margin-bottom:18px}.service .button{margin-top:8px}}@media(max-width:700px){header{flex-wrap:wrap;gap:18px;padding:20px 0}nav{flex-wrap:wrap;gap:14px 22px;font-size:14px}.library-head{padding:44px 0 32px}.library-head p:last-child{font-size:16px}.service{padding:27px}.library-grid{padding-bottom:38px}.quote-note{padding:30px 0}}