:root{--ink:#10251e;--forest:#123f32;--green:#2a7359;--lime:#b7dd65;--cream:#f3f1e8;--paper:#faf9f4;--muted:#6d7771;--line:#d9ddd5}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:var(--paper);font-family:"DM Sans","Noto Sans JP",sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}.site-header{height:84px;padding:0 clamp(24px,5vw,76px);display:flex;align-items:center;justify-content:space-between;position:absolute;z-index:10;width:100%}.brand{display:flex;align-items:center;gap:12px;font-weight:700;font-size:19px;letter-spacing:-.02em}.brand-mark{width:27px;height:28px;display:flex;align-items:flex-end;gap:2px}.brand-mark i{display:block;width:7px;background:var(--green);border-radius:8px 8px 2px 2px;transform:rotate(18deg);transform-origin:bottom}.brand-mark i:nth-child(1){height:15px}.brand-mark i:nth-child(2){height:24px}.brand-mark i:nth-child(3){height:19px}.site-nav{display:flex;align-items:center;gap:38px;font-size:14px;font-weight:600}.site-nav>a:not(.nav-contact):hover{color:var(--green)}.nav-contact{padding:12px 20px;background:var(--ink);color:white;border-radius:99px}.nav-contact span,.button span{margin-left:12px}.menu-button{display:none;background:none;border:0}.hero{min-height:750px;height:100vh;max-height:920px;padding:150px clamp(24px,8vw,130px) 80px;display:flex;position:relative;overflow:hidden;background:linear-gradient(130deg,var(--paper) 55%,#e9eee3 55%)}.hero:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(18,63,50,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(18,63,50,.04) 1px,transparent 1px);background-size:58px 58px;mask-image:linear-gradient(90deg,transparent 0,black 40%,black 100%)}.hero-copy{width:58%;z-index:1;align-self:center}.eyebrow{font-size:12px;letter-spacing:.19em;font-weight:700;color:var(--green);display:flex;align-items:center;gap:12px}.eyebrow span{width:28px;height:1px;background:currentColor}.hero h1{font-size:clamp(55px,6.7vw,104px);line-height:.94;letter-spacing:-.065em;margin:30px 0 34px}.hero h1 em,.contact h2 em{font-family:Georgia,serif;font-weight:400;color:var(--green)}.lead{font-size:clamp(16px,1.5vw,21px);line-height:1.9;color:#52615a}.hero-actions{display:flex;align-items:center;gap:32px;margin-top:45px}.button{display:inline-flex;align-items:center;justify-content:center;padding:17px 24px;border-radius:4px;font-weight:700;font-size:14px;transition:.25s}.primary{background:var(--forest);color:white}.primary:hover{transform:translateY(-2px);background:var(--green)}.text-link{font-size:14px;font-weight:700;border-bottom:1px solid var(--ink);padding:8px 0}.text-link span{margin-left:18px}.hero-visual{position:absolute;right:5vw;top:50%;width:38vw;height:520px;transform:translateY(-45%)}.orb{position:absolute;border-radius:50%;filter:blur(1px)}.orb-one{width:380px;height:380px;right:0;top:20px;background:radial-gradient(circle at 36% 30%,#d8ef9b,var(--green) 46%,#103a2e 75%);box-shadow:0 40px 80px rgba(14,57,43,.25)}.orb-two{width:170px;height:170px;left:10px;bottom:35px;background:radial-gradient(circle at 35% 30%,#d8efa4,#8eb750 45%,#486b37);opacity:.9}.code-card{position:absolute;left:4%;top:32%;width:330px;padding:20px 24px 27px;background:rgba(9,29,24,.89);box-shadow:0 25px 70px rgba(10,37,28,.3);border:1px solid rgba(255,255,255,.14);backdrop-filter:blur(12px);border-radius:9px;color:#dce9df;transform:rotate(-3deg)}.card-dots{display:flex;gap:6px;margin-bottom:23px}.card-dots i{width:6px;height:6px;border-radius:50%;background:#6a7d74}.code-card code{font-size:13px;line-height:1.9}.code-card code b{color:#b7dd65}.code-card code span{color:#f2cd77}.status-pill{position:absolute;right:-10px;bottom:40px;padding:12px 18px;background:white;border-radius:99px;box-shadow:0 14px 35px rgba(18,63,50,.17);font-size:12px;font-weight:700}.status-pill i{display:inline-block;width:8px;height:8px;margin-right:8px;background:#73b957;border-radius:50%;box-shadow:0 0 0 4px #e0f1db}.scroll-note{position:absolute;bottom:30px;left:clamp(24px,5vw,76px);font-size:9px;letter-spacing:.23em;transform:rotate(-90deg);transform-origin:left}.scroll-note span{display:inline-block;width:45px;height:1px;background:var(--ink);vertical-align:middle;margin-left:10px}.section{padding:120px clamp(24px,8vw,130px)}.section-heading{display:grid;grid-template-columns:1fr 1.5fr 1fr;align-items:end;gap:40px;margin-bottom:60px}.section-heading h2,.about h2{font-size:clamp(36px,4vw,58px);letter-spacing:-.05em;margin:0}.section-heading>p:last-child{color:var(--muted);line-height:1.9;font-size:14px}.service-grid{display:grid;grid-template-columns:repeat(6,1fr);border-top:1px solid var(--line);border-left:1px solid var(--line)}.service-card{grid-column:span 2;min-height:410px;padding:32px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);position:relative;transition:.3s}.service-card:nth-child(4){grid-column:2/span 2}.service-card:hover{background:#f0f3e9;transform:translateY(-5px)}.number{position:absolute;right:25px;top:25px;color:#9ba39e;font-size:11px}.icon{font-size:26px;color:var(--green);height:70px}.service-card h3{font-size:22px;margin:8px 0 18px}.service-card p{color:var(--muted);font-size:14px;line-height:1.8}.service-card ul{list-style:none;padding:0;margin:25px 0 0;font-size:12px;line-height:2;color:#53615b}.service-card li:before{content:"—";margin-right:8px;color:var(--green)}.strengths{background:var(--forest);color:white;display:grid;grid-template-columns:1fr 1fr;gap:10vw}.eyebrow.light{color:var(--lime)}.strength-copy h2{font-size:clamp(44px,5vw,72px);line-height:1.15;letter-spacing:-.055em;margin:28px 0}.strength-copy>p:not(.eyebrow){color:#b7c7c0;line-height:2;max-width:520px}.light-button{border:1px solid rgba(255,255,255,.4);margin-top:28px}.light-button:hover{background:white;color:var(--forest)}.strength-list{padding-top:20px}.strength-item{display:grid;grid-template-columns:55px 1fr;padding:30px 0;border-top:1px solid rgba(255,255,255,.18)}.strength-item b{color:var(--lime);font-size:12px}.strength-item h3{font-size:24px;margin:0 0 10px}.strength-item p{color:#aebfb8;margin:0;line-height:1.7;font-size:14px}.about{display:grid;grid-template-columns:1fr 1fr 1fr;gap:50px;align-items:start}.about-lead{font-size:clamp(28px,3.2vw,46px);line-height:1.5;letter-spacing:-.04em;margin:0}.about-text{color:var(--muted);line-height:2;font-size:15px}.contact{padding:35px;background:var(--paper)}.contact-inner{min-height:560px;background:#dbe8bc;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;position:relative;overflow:hidden}.contact-inner:before,.contact-inner:after{content:"";position:absolute;width:350px;height:350px;border-radius:50%;border:1px solid rgba(18,63,50,.13)}.contact-inner:before{left:-160px;top:-130px}.contact-inner:after{right:-170px;bottom:-140px}.contact h2{font-size:clamp(44px,5.5vw,78px);letter-spacing:-.055em;line-height:1.06;margin:24px 0}.contact h2 em{color:var(--forest)}.contact p:not(.eyebrow){line-height:1.9;color:#566451}.contact-button{background:var(--forest);color:white;margin-top:20px;padding:19px 27px}footer{padding:50px clamp(24px,5vw,76px);display:flex;align-items:center;justify-content:space-between;font-size:12px;color:var(--muted)}footer .brand{color:var(--ink);font-size:17px}.reveal{opacity:0;transform:translateY(22px);transition:opacity .7s ease,transform .7s ease}.reveal.visible{opacity:1;transform:none}
@media(max-width:900px){.site-nav{display:none;position:absolute;top:72px;right:20px;left:20px;background:var(--paper);padding:30px;flex-direction:column;box-shadow:0 20px 50px rgba(0,0,0,.12)}.site-nav.open{display:flex}.menu-button{display:block}.menu-button span{display:block;width:24px;height:1px;background:var(--ink);margin:7px}.hero{height:auto;min-height:900px;padding-top:150px;background:linear-gradient(160deg,var(--paper) 67%,#e9eee3 67%)}.hero-copy{width:100%;align-self:flex-start}.hero-visual{top:auto;bottom:5px;right:6%;width:80vw;height:380px;transform:none}.orb-one{width:270px;height:270px}.orb-two{width:120px;height:120px}.code-card{width:280px;left:0}.section-heading{grid-template-columns:1fr}.service-grid{grid-template-columns:1fr 1fr}.service-card,.service-card:nth-child(4){grid-column:span 1}.strengths{grid-template-columns:1fr}.about{grid-template-columns:1fr 1fr}.about-text{grid-column:2}.contact{padding:15px}footer{gap:25px;flex-wrap:wrap}}
@media(max-width:600px){.site-header{height:72px}.hero{min-height:850px;padding-top:125px}.hero h1{font-size:54px}.lead br{display:none}.hero-actions{align-items:flex-start;flex-direction:column}.hero-visual{width:92vw;right:-2%;height:330px}.orb-one{width:235px;height:235px}.orb-two{display:none}.code-card{width:255px;top:30%}.scroll-note{display:none}.section{padding:85px 24px}.service-grid{grid-template-columns:1fr}.service-card,.service-card:nth-child(4){grid-column:1}.strengths{gap:45px}.about{grid-template-columns:1fr}.about-text{grid-column:1}.contact-inner{padding:70px 20px;min-height:500px}.contact h2{font-size:43px}footer{flex-direction:column;align-items:flex-start}}
.section-heading .services-title{font-size:clamp(28px,3.7vw,58px);white-space:nowrap}
.strength-title{font-size:clamp(36px,4.5vw,72px)!important}.strength-title span{display:block;white-space:nowrap}