:root{--ink:#061b33;--blue:#1268f3;--sky:#6ec1ff;--paper:#f4f7fb;--line:#d7e1eb;--muted:#5d7287;--white:#fff;--max:1180px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{color:var(--ink);background:var(--white);margin:0;font-family:Inter,Noto Sans JP,Hiragino Kaku Gothic ProN,sans-serif}a{color:inherit;text-decoration:none}.site-header{z-index:5;border-bottom:1px solid #061b3317;align-items:center;height:84px;padding:0 max(5vw,24px);display:flex;position:absolute;inset:0 0 auto}.brand{letter-spacing:.08em;align-items:center;gap:12px;font-size:13px;font-weight:800;display:flex}.brand small{letter-spacing:.28em;margin-top:2px;font-size:8px;display:block}.brand-mark{color:#fff;background:var(--blue);border-radius:50%;place-items:center;width:38px;height:38px;font-size:10px;display:grid}.site-header nav{gap:34px;margin-left:auto;margin-right:38px;font-size:12px;font-weight:650;display:flex}.site-header nav a:hover{color:var(--blue)}.header-cta{background:var(--ink);color:#fff;border-radius:3px;padding:15px 18px;font-size:12px;font-weight:700}.header-cta span{color:var(--sky);margin-left:12px}.hero{background:linear-gradient(110deg,#fff 0%,#f7faff 52%,#e8f3ff 100%);align-items:center;height:100svh;min-height:760px;max-height:940px;padding:110px max(7vw,28px) 60px;display:flex;position:relative;overflow:hidden}.hero-copy{z-index:2;position:relative}.eyebrow{color:#417fbe;letter-spacing:.2em;align-items:center;gap:12px;font-size:10px;font-weight:700;display:flex}.eyebrow span{background:var(--blue);width:25px;height:1px}h1{letter-spacing:-.06em;margin:28px 0;font-size:clamp(52px,6vw,88px);font-weight:760;line-height:1.13}h1 em{color:var(--blue);font-style:normal}.hero-lead{color:var(--muted);margin:0 0 38px;font-size:15px;line-height:2}.primary-button{background:#ffffffc7;border:1px solid #bfd0e0;justify-content:space-between;width:225px;padding:18px 20px;font-size:12px;font-weight:700;display:flex}.atlas-visual{aspect-ratio:1;width:min(62vw,820px);position:absolute;top:9%;right:-7%}.sphere{background:radial-gradient(circle at 35% 30%,#fff 0 6%,#84c8ff 26%,#1670ea 60%,#082f72 100%);border-radius:50%;width:61%;height:61%;position:absolute;top:20%;right:16%;box-shadow:inset -35px -30px 80px #0014418c,0 35px 90px #1268f347}.sphere:after{content:"";background:repeating-linear-gradient(24deg,#0000 0 42px,#ffffff26 43px 44px);border-radius:50%;position:absolute;inset:8%}.orbit{border:1px solid #1268f33d;border-radius:50%;position:absolute;transform:rotate(-24deg)}.orbit.one{inset:7%}.orbit.two{inset:-7% 3%}.point{border:2px solid var(--blue);background:#fff;border-radius:50%;width:8px;height:8px;position:absolute;box-shadow:0 0 0 7px #1268f31f}.point.a{top:26%;left:8%}.point.b{bottom:14%;right:26%}.coordinate{color:#4a8dd1;letter-spacing:.15em;font:10px monospace;position:absolute;bottom:19%;left:6%}.section{padding:110px max(7vw,28px)}.section-head{max-width:var(--max);margin:0 auto 70px}.section-index{border-top:1px solid var(--line);letter-spacing:.2em;color:#71869b;justify-content:space-between;padding-top:13px;font-size:10px;display:flex}.section-index b{font-weight:500}.section-title{justify-content:space-between;align-items:end;gap:50px;margin-top:54px;display:flex}.section-title h2,.home-contact h2{letter-spacing:-.055em;margin:0;font-size:clamp(38px,4.7vw,66px);line-height:1.22}.section-title h2 em{color:var(--blue);font-style:normal}.section-title>p{color:#94aac0;max-width:400px;font-size:13px;line-height:1.8}.about-grid{max-width:var(--max);grid-template-columns:.85fr 1.15fr;align-items:start;gap:10vw;margin:auto;display:grid}.lead-copy{color:var(--blue);font-size:22px;font-weight:650;line-height:1.7}.about-grid>div{color:var(--muted);font-size:15px;line-height:2}.about-grid>div p{margin:0 0 22px}.values{max-width:var(--max);border-block:1px solid var(--line);grid-template-columns:repeat(3,1fr);margin:85px auto 0;display:grid}.values div{border-right:1px solid var(--line);flex-direction:column;gap:8px;padding:30px 3vw;display:flex}.values div:last-child{border:0}.values b{color:var(--blue);font-size:20px;font-weight:620}.values span{color:#71869b;font-size:11px}.services{background:var(--ink);color:#fff}.services .section-index{color:#7391af;border-color:#36516e}.services .section-title h2{color:#fff}.service-grid{max-width:var(--max);border-top:1px solid #35506d;grid-template-columns:repeat(3,1fr);margin:auto;display:grid}.service-card{border-inline:1px solid #35506d;border-top:0;min-height:30px;padding:31px;transition:all .25s;position:relative}.service-card+.service-card{border-left:0}.service-card:hover{background:#0b2a4d;transform:translateY(-4px)}.service-card>span{color:#6383a4;font-size:10px;display:block}.service-card small{color:var(--sky);letter-spacing:.12em;margin-top:12px;display:block}.service-card h3{margin:14px 0;font-size:22px}.service-card p{color:#9db2c7;font-size:13px;line-height:1.9}.service-card>a{width:38px;height:38px;color:var(--sky);border:1px solid #41607e;place-items:center;display:grid;position:absolute;bottom:28px;right:28px}.works-section{background:var(--paper)}.cards-grid{max-width:var(--max);grid-template-columns:repeat(3,1fr);gap:40px 26px;margin:auto;display:grid}.content-art{place-items:center;height:245px;display:grid;position:relative;overflow:hidden}.content-art:before,.content-art:after{content:"";border-radius:50%;position:absolute}.content-art:before{opacity:.35;border:1px solid;width:65%;height:65%}.content-art:after{opacity:.2;border:1px solid;width:92%;height:92%;transform:rotate(-23deg)}.content-art span{z-index:1;letter-spacing:.12em;font-size:13px;font-weight:700;position:relative}.content-art i{background:currentColor;border-radius:50%;width:9px;height:9px;position:absolute;top:22%;left:24%;box-shadow:180px 120px}.work-1{color:#87caff;background:linear-gradient(145deg,#0b2c54,#1872e1)}.work-2{color:#0b5ab4;background:linear-gradient(145deg,#dcefff,#8bc8fa)}.work-3{color:#67b8ff;background:#0c2340}.blog-1{color:#1763b6;background:#dcefff}.blog-2{color:#6fc2ff;background:#09264a}.blog-3{color:#264766;background:#e7edf3}.content-meta{color:#8294a6;letter-spacing:.06em;gap:12px;margin-top:18px;font-size:9px;display:flex}.content-meta small{color:var(--blue)}.content-card h3{margin:11px 0;font-size:18px;line-height:1.55}.content-card>p{color:var(--muted);min-height:44px;font-size:12px;line-height:1.8}.read-link{letter-spacing:.12em;color:#597087;margin-top:10px;font-size:9px;font-weight:700;display:inline-block}.section-link{border-bottom:1px solid #aec0d1;width:max-content;margin:55px auto 0;padding:13px 0;font-size:12px;font-weight:700;display:block}.home-contact{text-align:center;color:#fff;background:radial-gradient(circle at 70% 20%, #11477d, transparent 40%), var(--ink);padding:115px max(7vw,28px)}.home-contact .eyebrow{color:var(--sky);justify-content:center}.home-contact h2{margin:30px 0}.home-contact>p:not(.eyebrow){color:#9eb3c7;line-height:1.9}.contact-button{background:var(--blue);justify-content:space-between;max-width:310px;margin:35px auto 0;padding:18px 20px;font-size:12px;font-weight:700;display:flex}.footer{color:#fff;background:#031426;padding:70px max(7vw,28px) 25px}.footer-grid{max-width:var(--max);grid-template-columns:1fr 1fr 1.4fr;align-items:start;gap:6vw;margin:auto;display:grid}.footer-grid>p{color:#8298ae;font-size:12px;line-height:1.8}.footer-grid nav{color:#9bb0c5;grid-template-columns:1fr 1fr;gap:13px 30px;font-size:11px;display:grid}.footer-bottom{max-width:var(--max);color:#678198;letter-spacing:.08em;border-top:1px solid #273b50;justify-content:space-between;align-items:center;margin:60px auto 0;padding-top:22px;font-size:9px;display:flex}.listing-page{padding:170px max(7vw,28px) 110px}.page-hero{max-width:var(--max);margin:0 auto 85px}.page-hero h1,.article-hero h1,.contact-intro h1{letter-spacing:-.055em;margin:28px 0;font-size:clamp(46px,5.8vw,76px);line-height:1.15}.page-hero>p:last-child,.article-hero>p:last-of-type,.contact-intro>p:last-of-type{color:var(--muted);line-height:1.9}.article-page{padding:150px max(7vw,28px) 110px}.article-hero{max-width:900px;margin:0 auto 70px}.article-hero>a{color:#6c8195;font-size:11px}.article-hero h1{font-size:clamp(42px,5vw,68px)}.article-meta{border-top:1px solid var(--line);color:#70869b;flex-wrap:wrap;align-items:center;gap:12px;margin-top:30px;padding-top:18px;font-size:10px;display:flex}.article-meta strong{color:var(--blue);margin-left:auto}.prose{color:#344e66;max-width:760px;margin:auto;font-size:15px;line-height:2}.prose h2{color:var(--ink);letter-spacing:-.03em;margin:55px 0 15px;font-size:28px}.prose p{margin:0 0 22px}.policy-note{background:var(--paper);padding:20px;font-size:12px}.contact-page{background:linear-gradient(120deg,#edf5fc 0 50%,#08203c 50%);grid-template-columns:.8fr 1.2fr;gap:8vw;min-height:760px;padding:160px max(7vw,28px) 100px;display:grid}.contact-intro{padding-top:35px}.contact-intro h1{font-size:clamp(42px,4.8vw,67px)}.contact-intro ul{color:#5f778d;border-top:1px solid #c8d7e4;margin-top:40px;padding:30px 0 0;font-size:11px;list-style:none}.contact-intro li{margin:12px 0}.contact-intro li:before{content:"✓";color:var(--blue);margin-right:9px}.form-panel{background:#fff;padding:45px;box-shadow:0 20px 70px #02142824}.contact-form label{margin-bottom:25px;font-size:11px;font-weight:700;display:block}.contact-form label>span{color:var(--blue);margin-left:6px;font-size:9px}.contact-form input,.contact-form textarea{background:0 0;border:0;border-bottom:1px solid #c8d5e0;outline:none;width:100%;padding:13px 2px;font:13px inherit;display:block}.contact-form input:focus,.contact-form textarea:focus{border-color:var(--blue)}.form-row{grid-template-columns:1fr 1fr;gap:25px;display:grid}.agree{color:#647a8f;align-items:center;font-weight:400!important;display:flex!important}.agree input{width:auto;margin:0 8px 0 0}.honeypot{left:-9999px;position:absolute!important}.submit-button{background:var(--blue);color:#fff;cursor:pointer;border:0;justify-content:space-between;width:100%;padding:18px 20px;font-weight:700;display:flex}.submit-button:disabled{opacity:.55}.form-status{color:#526b83;min-height:20px;font-size:11px;line-height:1.6}@media (width<=850px){.site-header nav{display:none}.header-cta{margin-left:auto}.hero{align-items:flex-start}.hero-copy{margin-top:110px}.atlas-visual{opacity:.64;width:620px;right:-330px}h1{font-size:clamp(48px,12vw,70px)}.section{padding:80px max(6vw,24px)}.section-title{flex-direction:column;align-items:start}.about-grid{grid-template-columns:1fr;gap:25px}.values{grid-template-columns:1fr}.values div{border-right:0;border-bottom:1px solid var(--line)}.service-grid,.cards-grid{grid-template-columns:1fr}.service-card,.service-card+.service-card{border-bottom:1px solid #35506d;border-left:1px solid #35506d;min-height:310px}.content-art{height:340px}.footer-grid{grid-template-columns:1fr 1fr}.footer-grid nav{grid-column:1/-1}.contact-page{background:linear-gradient(#edf5fc 0 42%,#08203c 42%);grid-template-columns:1fr}.contact-intro{padding-bottom:60px}.article-meta strong{margin-left:0}}@media (width<=520px){.brand{font-size:11px}.header-cta{padding:12px}.hero{min-height:720px}.hero-copy{margin-top:105px}.hero-lead br{display:none}.atlas-visual{right:-390px}.section-title h2,.home-contact h2{font-size:36px}.cards-grid{gap:50px}.content-art{height:250px}.footer-grid{grid-template-columns:1fr}.footer-grid nav{grid-template-columns:1fr 1fr}.footer-bottom{flex-wrap:wrap;gap:15px}.form-row{grid-template-columns:1fr;gap:0}.form-panel{padding:28px 22px}.contact-page{padding-inline:20px}.page-hero h1,.article-hero h1,.contact-intro h1{font-size:42px}}.site-header{z-index:20;backdrop-filter:blur(18px);background:#ffffffe0;position:fixed}.section-selector{z-index:19;color:#fff;backdrop-filter:blur(16px);background:#061b33f0;align-items:center;height:52px;padding:0 max(5vw,24px);display:flex;position:fixed;top:84px;left:0;right:0;box-shadow:0 10px 28px #061b331f}.selector-label{letter-spacing:.24em;color:#6f94b9;margin-right:auto;font-size:8px}.section-selector nav{height:100%;display:flex}.section-selector nav a{color:#9db1c5;align-items:center;gap:8px;padding:0 18px;font-size:11px;transition:color .2s,background .2s;display:flex;position:relative}.section-selector nav a i{color:#577b9e;font:8px monospace}.section-selector nav a:hover,.section-selector nav a.active{color:#fff;background:#ffffff0f}.section-selector nav a:after{content:"";background:#58b2ff;height:2px;transition:transform .2s;position:absolute;bottom:0;left:18px;right:18px;transform:scaleX(0)}.section-selector nav a.active:after{transform:scaleX(1)}.selector-mobile{display:none}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}#about,#services,#works,#company,#contact{scroll-margin-top:-24px}.company-profile{max-width:var(--max);background:var(--paper);grid-template-columns:.7fr 1.3fr;gap:7vw;margin:85px auto 0;padding:50px;display:grid}.company-profile h3{margin:18px 0 8px;font-size:30px}.company-profile small{color:#71869b}.company-profile dl{margin:0}.company-profile dl>div{border-bottom:1px solid var(--line);grid-template-columns:120px 1fr;gap:25px;padding:16px 0;font-size:12px;display:grid}.company-profile dt{color:#71869b}.company-profile dd{margin:0;font-weight:600}@media (width<=850px){.site-header{height:72px}.section-selector{height:48px;padding:0;top:72px}.selector-label{display:none}.section-selector nav{overscroll-behavior-inline:contain;scrollbar-width:none;width:100%;display:flex;overflow-x:auto}.section-selector nav::-webkit-scrollbar{display:none}.section-selector nav a{flex:none;padding:0 15px;font-size:10px}.section-selector nav a:after{left:15px;right:15px}.company-profile{grid-template-columns:1fr;gap:30px;padding:30px}.company-profile dl>div{grid-template-columns:90px 1fr}#about,#services,#works,#company,#contact{scroll-margin-top:120px}}