@font-face{font-family:Geist Local;src:url(/fonts/geist-98bbbccb.woff2)format("woff2");font-display:swap;font-style:normal;font-weight:100 900}:root{--ink:#10243e;--ink-deep:#07182c;--blue:#0a4c94;--blue-bright:#1d68b3;--sky:#eaf4fc;--orange:#e87432;--paper:#f6f8fa;--line:#d9e1e9;--muted:#5e6e80}*{box-sizing:border-box}html{scroll-behavior:smooth}body{color:var(--ink);line-break:strict;word-break:auto-phrase;background:#fff;margin:0;font-family:Geist Local,Hiragino Kaku Gothic ProN,Yu Gothic,Meiryo,sans-serif}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}.prototype-note{background:var(--ink-deep);color:#dce8f6;letter-spacing:.04em;justify-content:center;align-items:center;gap:12px;min-height:34px;padding:7px 24px;font-size:12px;display:flex}.prototype-note p{margin:0}.prototype-note span{color:#fff;letter-spacing:.16em;border:1px solid #7890ad;border-radius:999px;flex:none;padding:2px 8px;font-size:9px;font-weight:800}.site-header{z-index:30;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#fffffff2;border-bottom:1px solid #10243e14;grid-template-columns:minmax(280px,1fr) auto auto;align-items:center;min-height:82px;padding:0 clamp(24px,5vw,76px);display:grid;position:sticky;top:0}.brand{align-items:center;gap:12px;width:fit-content;display:inline-flex}.brand-mark{background:var(--blue);color:#fff;letter-spacing:-.03em;border-radius:12px 4px;place-items:center;width:44px;height:38px;font-size:12px;font-weight:900;display:grid}.brand-copy strong,.brand-copy small{display:block}.brand-copy strong{letter-spacing:.03em;white-space:nowrap;font-size:15px}.brand-copy small{color:var(--muted);letter-spacing:.18em;margin-top:3px;font-size:8px;font-weight:750}nav{gap:clamp(18px,2.5vw,36px);margin-right:clamp(22px,3vw,42px);font-size:13px;font-weight:750;display:flex}nav a{white-space:nowrap;transition:color .2s}nav a:hover{color:var(--blue-bright)}.header-cta{background:var(--blue);color:#fff;white-space:nowrap;border-radius:7px;padding:13px 19px;font-size:13px;font-weight:800}.hero{background:linear-gradient(90deg, #fff 0 49%, transparent 72%), linear-gradient(145deg, var(--sky), #f8fbfe);grid-template-columns:minmax(0,.96fr) minmax(500px,1.04fr);min-height:680px;display:grid;position:relative;overflow:hidden}.hero-copy{z-index:2;align-self:center;padding:76px 34px 84px clamp(28px,7.5vw,120px)}.eyebrow{color:var(--blue);letter-spacing:.23em;margin:0 0 20px;font-size:11px;font-weight:900}.eyebrow.light{color:#8fc7fb}.hero h1{color:var(--ink);letter-spacing:-.07em;margin:0;font-size:clamp(40px,4.1vw,64px);font-weight:900;line-height:1.2}.hero-title-line{white-space:nowrap;width:max-content;max-width:100%;display:block}.hero-title-line.accent{color:var(--blue-bright)}.hero-lead{color:#43566d;text-wrap:pretty;max-width:620px;margin:30px 0 0;font-size:16px;line-height:2}.hero-lead span{width:max-content;max-width:100%;display:block}.hero-actions{gap:12px;margin-top:35px;display:flex}.button{border-radius:8px;justify-content:center;align-items:center;gap:28px;min-height:52px;padding:0 24px;font-size:14px;font-weight:800;transition:transform .2s,box-shadow .2s;display:inline-flex}.button:hover{transform:translateY(-2px)}.button.primary{background:var(--orange);color:#fff;box-shadow:0 12px 30px #e8743238}.button.secondary{border:1px solid var(--line);background:#fff}.hero-visual{clip-path:polygon(14% 0,100% 0,100% 100%,0 100%);background:linear-gradient(135deg,#d9edff,#f0f7fd);min-height:680px;position:relative;overflow:hidden}.hero-grid{background-color:#0000;background-image:linear-gradient(#ffffffb3 1px,#0000 1px),linear-gradient(90deg,#ffffffb3 1px,#0000 1px);background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:42px 42px;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;position:absolute;inset:0}.hero-visual:after{content:"";background:radial-gradient(circle at 55%,#1d68b326,#0000 48%);position:absolute;inset:0}.network-core{z-index:5;background:var(--blue);color:#fff;text-align:center;border:12px solid #ffffffd1;border-radius:50%;place-content:center;width:196px;height:196px;display:grid;position:absolute;top:48%;left:53%;transform:translate(-50%,-50%);box-shadow:0 25px 70px #0a4c9440}.network-core small,.network-core strong,.network-core span{display:block}.network-core small{letter-spacing:.2em;font-size:9px;font-weight:800}.network-core strong{white-space:nowrap;margin-top:8px;font-size:19px}.network-core span{color:#b9ddff;margin-top:4px;font-size:11px}.orbit{z-index:2;border:1px solid #1d68b33d;border-radius:50%;position:absolute;top:48%;left:53%;transform:translate(-50%,-50%)}.orbit-one{width:390px;height:390px}.orbit-two{width:610px;height:610px}.process-card{z-index:5;background:#ffffffed;border:1px solid #1d68b32e;border-radius:11px;align-items:center;gap:12px;min-width:122px;padding:15px 17px;display:flex;position:absolute;box-shadow:0 14px 40px #10243e17}.process-card span{color:var(--orange);font-size:10px;font-weight:900}.process-card strong{font-size:15px}.card-proposal{top:17%;left:26%}.card-design{top:26%;right:7%}.card-build{bottom:22%;right:13%}.card-care{bottom:14%;left:20%}.proof-strip{z-index:10;background:var(--ink-deep);color:#fff;border-radius:12px;grid-template-columns:repeat(3,1fr);max-width:1120px;margin:-32px auto 0;display:grid;position:relative;box-shadow:0 16px 50px #10243e29}.proof-strip div{border-right:1px solid #ffffff24;padding:25px 34px}.proof-strip div:last-child{border-right:0}.proof-strip span,.proof-strip strong{display:block}.proof-strip span{color:#86bfff;letter-spacing:.22em;margin-bottom:8px;font-size:8px;font-weight:900}.proof-strip strong{font-size:15px}.section{max-width:1180px;margin:0 auto;padding:120px 30px}.intro{grid-template-columns:.65fr 1.35fr;gap:80px;display:grid}.section-kicker span{color:var(--muted);font-size:13px;font-weight:750}.intro-copy h2{letter-spacing:-.055em;text-wrap:balance;margin:0;font-size:clamp(37px,4.5vw,59px);line-height:1.3}.intro-copy>p{max-width:700px;color:var(--muted);margin:31px 0 0;font-size:16px;line-height:2.15}.business-section{background:var(--blue);color:#fff}.business-inner{max-width:1240px}.section-heading{grid-template-columns:minmax(260px,.8fr) minmax(360px,1.2fr);align-items:end;gap:70px;display:grid}.section-heading h2,.message-copy h2,.history-intro h2,.contact-intro h2{letter-spacing:-.055em;margin:0;font-size:clamp(38px,4vw,55px);line-height:1.2}.section-heading>p{color:#d5e9fb;max-width:650px;margin:0;font-size:15px;line-height:2}.service-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:15px;margin-top:58px;display:grid}.service-card{background:#052f5a6e;border:1px solid #ffffff2e;border-radius:14px;padding:31px}.service-card:last-child{grid-column:1/-1}.service-heading{grid-template-columns:40px 1fr;gap:10px;display:grid}.service-heading>span{color:#ffb182;padding-top:4px;font-size:11px;font-weight:900}.service-heading h3{letter-spacing:-.03em;margin:0;font-size:21px}.service-heading p{color:#c9e3f9;margin:9px 0 0;font-size:13px;line-height:1.75}.service-card ul{flex-wrap:wrap;gap:8px;margin:25px 0 0 50px;padding:0;list-style:none;display:flex}.service-card li{color:#edf7ff;white-space:nowrap;background:#ffffff0f;border:1px solid #ffffff24;border-radius:6px;padding:8px 11px;font-size:12px}.process-strip{border:1px solid #ffffff2e;border-radius:12px;grid-template-columns:repeat(4,1fr);margin-top:36px;display:grid;overflow:hidden}.process-strip div{border-right:1px solid #ffffff2e;justify-content:center;align-items:center;gap:13px;padding:22px 16px;display:flex}.process-strip div:last-child{border-right:0}.process-strip span{color:#ffb182;font-size:10px;font-weight:900}.process-strip strong{font-size:15px}.message-section{grid-template-columns:minmax(320px,.82fr) minmax(0,1.18fr);align-items:center;gap:100px;display:grid}.portrait-wrap{position:relative}.portrait-wrap img{aspect-ratio:4/5;object-fit:cover;background:var(--sky);border-radius:4px 36px 4px 4px;width:100%;display:block}.portrait-wrap>span{color:var(--muted);margin-top:12px;font-size:10px;line-height:1.6;display:block}.message-copy>p:not(.eyebrow,.draft-label){color:var(--muted);margin:24px 0 0;font-size:15px;line-height:2.1}.message-copy .message-draft{font-weight:750;color:var(--ink)!important;font-size:18px!important}.draft-label{color:#8794a3;margin:20px 0 0;font-size:10px}.signature{justify-content:flex-end;align-items:baseline;gap:14px;margin-top:34px;display:flex}.signature span{color:var(--muted);font-size:12px}.signature strong{letter-spacing:.08em;font-family:Yu Mincho,Hiragino Mincho ProN,serif;font-size:25px}.clients-section{background:var(--paper)}.clients-inner{padding-top:100px;padding-bottom:100px}.dark-heading>p{color:var(--muted)}.client-grid{border:1px solid var(--line);background:var(--line);grid-template-columns:repeat(4,1fr);gap:1px;margin-top:49px;display:grid}.client-grid span{text-align:center;background:#fff;place-items:center;min-height:82px;padding:15px;font-size:14px;font-weight:750;display:grid}.history-section{grid-template-columns:minmax(280px,.72fr) minmax(0,1.28fr);gap:85px;display:grid}.history-intro{align-self:start;position:sticky;top:125px}.history-intro>p:last-child{max-width:330px;color:var(--muted);margin:24px 0 0;font-size:14px;line-height:1.9}.timeline{border-top:2px solid var(--ink);margin:0;padding:0;list-style:none}.timeline li{border-bottom:1px solid var(--line);grid-template-columns:132px 1fr;gap:24px;padding:23px 7px;display:grid}.timeline time{color:var(--blue);white-space:nowrap;font-size:13px;font-weight:850}.timeline p{color:#35485e;margin:0;font-size:14px;line-height:1.8}.company-section{background:var(--ink-deep);color:#fff}.company-list{border-top:1px solid #ffffff47;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 65px;margin:58px 0 0;display:grid}.company-list>div{border-bottom:1px solid #ffffff2b;grid-template-columns:128px 1fr;gap:20px;padding:22px 5px;display:grid}.company-list dt{color:#8eb7de;font-size:12px;font-weight:750}.company-list dd{color:#f1f7fd;margin:0;font-size:13px;font-weight:650;line-height:1.8}.recruit-note{background:#ffffff0f;border:1px solid #ffffff2e;border-radius:12px;grid-template-columns:1fr auto;align-items:center;gap:35px;margin-top:60px;padding:32px 35px;display:grid}.recruit-note .eyebrow{color:#85bff6;margin-bottom:10px}.recruit-note h3{margin:0;font-size:21px}.recruit-note div>p:last-child{color:#bcd3e8;margin:10px 0 0;font-size:13px;line-height:1.8}.recruit-note a{min-height:48px;color:var(--ink);white-space:nowrap;background:#fff;border-radius:7px;align-items:center;gap:28px;padding:0 20px;font-size:13px;font-weight:800;display:inline-flex}.contact-section{background:var(--blue);color:#fff}.contact-inner{grid-template-columns:.72fr 1.28fr;gap:90px;max-width:1240px;display:grid}.contact-intro{align-self:start}.contact-intro>p:not(.eyebrow){color:#d5e8fa;margin:25px 0 0;font-size:14px;line-height:1.95}.contact-intro dl{border-top:1px solid #ffffff38;margin:40px 0 0}.contact-intro dl>div{border-bottom:1px solid #ffffff2b;grid-template-columns:60px 1fr;align-items:baseline;gap:20px;padding:18px 0;display:grid}.contact-intro dt{color:#91c4f2;letter-spacing:.14em;font-size:9px;font-weight:900}.contact-intro dd{margin:0;font-size:16px;font-weight:750}.contact-form{color:var(--ink);background:#fff;border-radius:14px;padding:36px;box-shadow:0 24px 70px #04203d2e}.contact-form label{color:#35485e;gap:9px;font-size:12px;font-weight:750;display:grid}.contact-form label>span{color:#b85117;background:#fde9dd;border-radius:3px;width:fit-content;margin-left:5px;padding:2px 5px;font-size:9px}.field-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-bottom:19px;display:grid}.contact-form>label{margin-bottom:19px}.contact-form input,.contact-form select,.contact-form textarea{width:100%;color:var(--ink);background:#fbfcfd;border:1px solid #ced8e2;border-radius:6px;outline:none;transition:border-color .2s,box-shadow .2s}.contact-form input,.contact-form select{height:48px;padding:0 13px}.contact-form textarea{resize:vertical;min-height:130px;padding:13px;line-height:1.7}.contact-form input:focus,.contact-form select:focus,.contact-form textarea:focus{border-color:var(--blue-bright);box-shadow:0 0 0 3px #1d68b31f}.contact-form button{background:var(--orange);color:#fff;cursor:pointer;border:0;border-radius:7px;justify-content:center;align-items:center;gap:30px;width:100%;min-height:55px;font-size:14px;font-weight:850;display:flex}.form-note{color:#7b8998;text-align:center;margin:11px 0 0;font-size:10px}.demo-message{color:#23496f;background:#edf7ff;border:1px solid #a7ccee;border-radius:7px;margin-top:18px;padding:16px 18px}.demo-message strong{color:var(--blue);font-size:12px}.demo-message p{margin:5px 0 0;font-size:12px;line-height:1.7}footer{color:#fff;background:#061221;grid-template-columns:1fr auto auto;align-items:center;gap:45px;padding:45px max(30px,50vw - 560px);display:grid}.footer-brand .brand-mark{color:var(--blue);background:#fff}.footer-brand small{color:#90a5bc}.footer-address{color:#9eb0c3;font-size:10px;line-height:1.7}.footer-address p,.copyright{margin:0}.copyright{color:#71849a;letter-spacing:.08em;white-space:nowrap;font-size:9px}@media (width<=1080px){.site-header{grid-template-columns:1fr auto}nav{display:none}.hero{grid-template-columns:minmax(0,1fr) minmax(430px,.92fr)}.hero h1{font-size:clamp(39px,4.8vw,55px)}.section-heading,.message-section,.history-section,.contact-inner{gap:55px}.company-list{gap:0 35px}footer{grid-template-columns:1fr auto}.copyright{grid-column:1/-1}}@media (width<=820px){.hero{background:#fff;min-height:auto;display:block}.hero-copy{padding:70px 24px 62px}.hero h1{max-width:650px;font-size:clamp(40px,8vw,61px)}.hero-visual{clip-path:none;min-height:520px}.proof-strip{border-radius:0;max-width:none;margin:0}.intro,.section-heading,.message-section,.history-section,.contact-inner{grid-template-columns:1fr}.intro{gap:38px}.service-list{grid-template-columns:1fr}.service-card:last-child{grid-column:auto}.client-grid{grid-template-columns:repeat(3,1fr)}.history-intro{position:static}.company-list,footer{grid-template-columns:1fr}.copyright{grid-column:auto}}@media (width<=600px){.prototype-note{justify-content:flex-start;padding-inline:16px;font-size:10px}.site-header{min-height:72px;padding:0 16px;position:relative}.brand-mark{width:39px;height:35px;font-size:10px}.brand-copy strong{font-size:12px}.header-cta{padding:11px 12px;font-size:10px}.hero-copy{padding:59px 20px 52px}.hero h1{letter-spacing:-.065em;font-size:clamp(34px,10vw,48px)}.hero-title-line{white-space:normal;width:auto}.hero-lead{font-size:14px;line-height:1.95}.hero-lead span{width:auto;display:inline}.hero-actions{flex-direction:column}.button{width:100%}.hero-visual{min-height:430px}.network-core,.orbit{left:50%}.network-core{width:166px;height:166px}.orbit-one{width:300px;height:300px}.orbit-two{width:480px;height:480px}.process-card{min-width:100px;padding:12px}.card-proposal{top:8%;left:6%}.card-design{top:22%;right:4%}.card-build{bottom:12%;right:5%}.card-care{bottom:8%;left:5%}.proof-strip{grid-template-columns:1fr}.proof-strip div{border-bottom:1px solid #ffffff24;border-right:0;padding:19px 22px}.section{padding:82px 20px}.section-heading{gap:25px}.intro-copy h2{font-size:35px}.intro-copy>p{font-size:14px}.service-card{padding:25px 20px}.service-card ul{margin-left:0}.process-strip{grid-template-columns:repeat(2,1fr)}.process-strip div:nth-child(2){border-right:0}.process-strip div:nth-child(-n+2){border-bottom:1px solid #ffffff2e}.message-section{gap:46px}.client-grid{grid-template-columns:repeat(2,1fr)}.client-grid span{min-height:70px;font-size:12px}.timeline li,.company-list>div{grid-template-columns:1fr;gap:8px}.recruit-note{grid-template-columns:1fr;padding:27px 22px}.recruit-note a{justify-content:center}.contact-form{padding:25px 20px}.field-row{grid-template-columns:1fr;margin-bottom:0}.field-row label{margin-bottom:19px}footer{gap:26px;padding:40px 20px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
