:root{--font-sans:system-ui, -apple-system, "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Yu Gothic", "Meiryo", sans-serif;--font-mono:ui-monospace, "SF Mono", "JetBrains Mono", "Cascadia Code", Menlo, Consolas, monospace;--bg:#e9eef7;--bg-1:#fff;--bg-2:#f1f5fc;--line:#142c601f;--line-2:#142c6038;--text:#0c1424;--muted:#4c5a76;--accent:#c6820e;--accent-lo:#e7a62a;--accent-ink:#1a1200;--cyan:#0c7e88;--glow:#c6820e47;--wire:#142c604d;--wire-2:#142c608c;--water:#142c601a;--card-shadow:0 1px 2px #1020480f, 0 18px 40px -28px #10204859;--logo-filter:brightness(.2)}@media (prefers-color-scheme:dark){:root{--bg:#070a12;--bg-1:#0c121f;--bg-2:#101827;--line:#7e94be24;--line-2:#8ca4d04d;--text:#e8edf8;--muted:#90a0be;--accent:#f7b733;--accent-lo:#ffd37a;--accent-ink:#160e00;--cyan:#5cd8e0;--glow:#f7b73373;--wire:#96afdc38;--wire-2:#b4cdff80;--water:#7896d21a;--card-shadow:0 1px 0 #ffffff08 inset, 0 24px 60px -34px #000000e6;--logo-filter:brightness(1.9)}}:root[data-theme=dark]{--bg:#070a12;--bg-1:#0c121f;--bg-2:#101827;--line:#7e94be24;--line-2:#8ca4d04d;--text:#e8edf8;--muted:#90a0be;--accent:#f7b733;--accent-lo:#ffd37a;--accent-ink:#160e00;--cyan:#5cd8e0;--glow:#f7b73373;--wire:#96afdc38;--wire-2:#b4cdff80;--water:#7896d21a;--card-shadow:0 1px 0 #ffffff08 inset, 0 24px 60px -34px #000000e6;--logo-filter:brightness(1.9)}:root[data-theme=light]{--bg:#e9eef7;--bg-1:#fff;--bg-2:#f1f5fc;--line:#142c601f;--line-2:#142c6038;--text:#0c1424;--muted:#4c5a76;--accent:#c6820e;--accent-lo:#e7a62a;--accent-ink:#1a1200;--cyan:#0c7e88;--glow:#c6820e47;--wire:#142c604d;--wire-2:#142c608c;--water:#142c601a;--card-shadow:0 1px 2px #1020480f, 0 18px 40px -28px #10204859;--logo-filter:brightness(.2)}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--text);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;margin:0;line-height:1.72;overflow-x:hidden}img{max-width:100%;display:block}a{color:inherit;text-decoration:none}::selection{background:var(--accent);color:var(--accent-ink)}:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:3px}.wrap{width:min(1200px,100%);margin-inline:auto;padding-inline:clamp(1.15rem,4vw,2.5rem)}.eyebrow{font-family:var(--font-mono);letter-spacing:.24em;text-transform:uppercase;color:var(--muted);align-items:center;gap:.6rem;font-size:.74rem;display:inline-flex}.eyebrow:before{content:"";background:var(--accent);width:1.7rem;height:1px;display:inline-block}.eyebrow--center{justify-content:center}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}.section{padding-block:clamp(4.5rem,9vw,8rem);position:relative}.section--panel{background:var(--bg-2);border-block:1px solid var(--line);overflow:hidden}.section__head{flex-direction:column;display:flex}.section__title{letter-spacing:-.02em;text-wrap:balance;margin:.7rem 0 0;font-size:clamp(1.9rem,3.6vw,2.9rem);font-weight:800;line-height:1.08}.section__lead{max-width:60ch;color:var(--muted);margin:1rem 0 0;font-size:1.02rem}.section__lead b,.section__lead strong{color:var(--text);font-weight:600}.rule{background:linear-gradient(90deg, transparent, var(--line-2), transparent);border:0;height:1px;margin:0}.footer{border-top:1px solid var(--line);background:var(--bg);padding-block:clamp(3rem,6vw,4.5rem) 2rem}.footer__grid{grid-template-columns:1.4fr 1fr 1fr;gap:2rem;display:grid}@media (width<=860px){.footer__grid{grid-template-columns:1fr 1fr}}@media (width<=520px){.footer__grid{grid-template-columns:1fr}}@media (width<=860px){.footer__brand{grid-column:1/-1}}.footer__brand .brand{margin-bottom:.8rem}.footer__tagline{max-width:34ch;color:var(--muted);margin:0;font-size:.9rem}.footer__col-title{color:var(--accent);font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;margin:0 0 .8rem;font-size:.72rem}.footer__line{color:var(--muted);margin:0 0 .5rem;font-size:.9rem}.footer__social{gap:.6rem;margin-top:1rem;display:flex}.footer__social a{border:1px solid var(--line-2);width:40px;height:40px;color:var(--muted);border-radius:10px;place-items:center;transition:color .2s,border-color .2s,transform .2s;display:grid}.footer__social a:hover{color:var(--accent);border-color:var(--accent);transform:translateY(-2px)}.footer__bottom{border-top:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-top:2.6rem;padding-top:1.5rem;display:flex}.footer__bottom p{color:var(--muted);font-family:var(--font-mono);letter-spacing:.04em;margin:0;font-size:.76rem}.nav{z-index:50;border-bottom:1px solid #0000;transition:background .3s,border-color .3s,-webkit-backdrop-filter .3s,backdrop-filter .3s;position:fixed;inset:0 0 auto}.nav--scrolled{background:color-mix(in srgb, var(--bg) 78%, transparent);-webkit-backdrop-filter:blur(14px)saturate(1.2);backdrop-filter:blur(14px)saturate(1.2);border-bottom:1px solid var(--line)}.nav__inner{justify-content:space-between;align-items:center;height:68px;display:flex}.nav__links{align-items:center;gap:2rem;margin:0;padding:0;list-style:none;display:flex}@media (width<=860px){.nav__links{display:none}}.nav__link{color:var(--muted);padding:.4rem 0;font-size:.9rem;transition:color .2s;position:relative}.nav__link-sub{color:var(--accent);font-family:var(--font-mono);letter-spacing:.15em;opacity:.7;font-size:.64rem;display:block}.nav__link:after{content:"";background:var(--accent);width:0;height:1px;transition:width .25s;position:absolute;bottom:-2px;left:0}.nav__link:hover{color:var(--text)}.nav__link:hover:after{width:100%}.nav__tools{align-items:center;gap:.8rem;display:flex}.nav__cta{border:1px solid var(--line-2);color:var(--text);font-family:var(--font-mono);letter-spacing:.04em;border-radius:999px;align-items:center;gap:.45rem;padding:.55rem 1.05rem;font-size:.8rem;transition:border-color .2s,background .2s,color .2s;display:inline-flex}.nav__cta:hover{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}@media (width<=520px){.nav__cta{display:none}}.nav__theme{border:1px solid var(--line-2);width:38px;height:38px;color:var(--muted);cursor:pointer;background:0 0;border-radius:999px;place-items:center;transition:color .2s,border-color .2s;display:grid}.nav__theme:hover{color:var(--text);border-color:var(--accent)}.brand{align-items:center;display:inline-flex}.brand__logo{object-fit:contain;width:auto;height:34px;filter:var(--logo-filter)}.brand--footer .brand__logo{height:40px}.hero{align-items:center;min-height:100svh;display:flex;position:relative;overflow:hidden}.hero__canvas{z-index:0;width:100%;height:100%;position:absolute;inset:0}.hero:after{content:"";z-index:1;pointer-events:none;background:radial-gradient(120% 90% at 22% 34%, color-mix(in srgb, var(--bg) 82%, transparent) 0%, color-mix(in srgb, var(--bg) 30%, transparent) 42%, transparent 70%);position:absolute;inset:0}.hero__inner{z-index:2;padding-block:8rem 4rem;position:relative}.hero__title{letter-spacing:-.035em;text-wrap:balance;margin:1.1rem 0 0;font-size:clamp(2.9rem,8.2vw,6.4rem);font-weight:800;line-height:.98}.hero__title-line{display:block}.hero__title-line--accent{background:linear-gradient(92deg, var(--accent), var(--accent-lo));color:#0000;-webkit-background-clip:text;background-clip:text}.hero__lead{max-width:46ch;color:var(--muted);margin:1.6rem 0 0;font-size:clamp(1rem,1.4vw,1.16rem)}.hero__lead b{color:var(--text);font-weight:600}.hero__chips{flex-wrap:wrap;gap:.55rem;margin:2rem 0 0;padding:0;list-style:none;display:flex}.hero__chip{border:1px solid var(--line-2);background:color-mix(in srgb, var(--bg-1) 55%, transparent);color:var(--muted);font-family:var(--font-mono);letter-spacing:.06em;border-radius:999px;align-items:center;gap:.5rem;padding:.4rem .85rem;font-size:.74rem;display:inline-flex}.hero__chip:before{content:"";background:var(--accent);width:6px;height:6px;box-shadow:0 0 8px var(--glow);border-radius:50%}.hero__cta{flex-wrap:wrap;gap:.9rem;margin:2.3rem 0 0;display:flex}.hero__anchor{z-index:2;color:var(--muted);font-family:var(--font-mono);letter-spacing:.2em;text-transform:uppercase;font-size:.7rem;position:absolute;bottom:2.1rem}.hero__anchor b{color:var(--accent);letter-spacing:0;font-size:1.3rem;font-weight:700;display:block}.hero__anchor--left{left:clamp(1.15rem,4vw,2.5rem)}.hero__anchor--right{text-align:right;right:clamp(1.15rem,4vw,2.5rem)}@media (width<=860px){.hero__anchor{display:none}}.btn{font-family:var(--font-mono);letter-spacing:.03em;cursor:pointer;border:1px solid #0000;border-radius:10px;align-items:center;gap:.6rem;padding:.9rem 1.5rem;font-size:.86rem;transition:transform .18s,box-shadow .25s,background .25s,border-color .25s,color .25s;display:inline-flex}.btn__arrow{transition:transform .2s}.btn:hover .btn__arrow{transform:translate(3px)}.btn--primary{background:var(--accent);color:var(--accent-ink);box-shadow:0 10px 30px -10px var(--glow);font-weight:700}.btn--primary:hover{box-shadow:0 16px 40px -12px var(--glow);transform:translateY(-2px)}.btn--ghost{border-color:var(--line-2);color:var(--text)}.btn--ghost:hover{border-color:var(--accent);color:var(--accent);transform:translateY(-2px)}.btn--block{justify-content:center;width:100%}.services__grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.1rem;margin-top:2.6rem;display:grid}.card{border:1px solid var(--line);background:var(--bg-1);box-shadow:var(--card-shadow);border-radius:14px;padding:1.6rem 1.5rem 1.7rem;transition:transform .22s,border-color .22s;position:relative;overflow:hidden}.card:before{content:"";background:linear-gradient(90deg, var(--accent), var(--accent-lo), transparent);transform-origin:0;height:2px;transition:transform .4s;position:absolute;inset:0 0 auto;transform:scaleX(0)}.card:hover{border-color:var(--line-2);transform:translateY(-5px)}.card:hover:before{transform:scaleX(1)}.card__icon{width:34px;height:34px;color:var(--accent)}.card__index{color:var(--muted);font-family:var(--font-mono);opacity:.6;font-size:.72rem;position:absolute;top:1.2rem;right:1.3rem}.card__tag{color:var(--accent);font-family:var(--font-mono);letter-spacing:.14em;font-size:.72rem}.card__title{letter-spacing:-.01em;margin:.9rem 0 .5rem;font-size:1.22rem}.card__text{color:var(--muted);margin:0;font-size:.95rem}.concept{text-align:center;position:relative}.concept__glow{pointer-events:none;opacity:.5;background:radial-gradient(60% 100% at 50% 100%, var(--glow), transparent 70%);height:80%;position:absolute;inset:auto 0 -50%}.concept__inner{position:relative}.concept__formula{flex-wrap:wrap;justify-content:center;align-items:center;gap:clamp(.8rem,3vw,2.2rem);margin:1.4rem 0 1.6rem;display:flex}.concept__term{letter-spacing:-.02em;font-size:clamp(1.8rem,5vw,3.4rem);font-weight:800}.concept__term--geek{color:var(--accent)}.concept__op{color:var(--muted);font-family:var(--font-mono);font-size:clamp(1.4rem,3vw,2rem)}.concept__glyph{width:clamp(48px,9vw,84px);height:auto;color:var(--accent)}.concept__quote{letter-spacing:-.01em;text-wrap:balance;max-width:26ch;margin:0 auto;font-size:clamp(1.15rem,2.4vw,1.7rem);font-weight:600;line-height:1.6}.concept__quote b{color:var(--accent)}.strengths__grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1.1rem;margin-top:2.6rem;display:grid}.strength{border:1px solid var(--line);background:var(--bg-1);box-shadow:var(--card-shadow);border-radius:14px;padding:1.7rem 1.6rem}.strength__head{align-items:center;gap:.8rem;margin-bottom:1.1rem;display:flex}.strength__num{background:var(--accent);width:30px;height:30px;color:var(--accent-ink);font-family:var(--font-mono);border-radius:8px;place-items:center;font-size:.8rem;font-weight:700;display:grid}.strength__title{letter-spacing:-.01em;margin:0;font-size:1.18rem}.strength__list{flex-direction:column;gap:.7rem;margin:0;padding:0;list-style:none;display:flex}.strength__item{color:var(--muted);padding-left:1.5rem;font-size:.94rem;position:relative}.strength__item:before{content:"";border:1.5px solid var(--accent);border-radius:2px;width:.6rem;height:.6rem;position:absolute;top:.55em;left:0;transform:rotate(45deg)}.strength__item b{color:var(--text);font-weight:600}.about__grid{grid-template-columns:.85fr 1.15fr;align-items:center;gap:clamp(1.6rem,4vw,3.4rem);margin-top:2.6rem;display:grid}@media (width<=860px){.about__grid{grid-template-columns:1fr}}.about__portrait{aspect-ratio:4/5;border:1px solid var(--line-2);background:var(--bg-2);border-radius:16px;position:relative;overflow:hidden}@media (width<=860px){.about__portrait{max-width:340px}}.about__photo{object-fit:cover;object-position:center 22%;width:100%;height:100%}.about__name{letter-spacing:-.02em;margin:.2rem 0;font-size:clamp(1.5rem,3vw,2.1rem)}.about__name span{color:var(--muted);font-family:var(--font-mono);letter-spacing:.05em;margin-top:.3rem;font-size:.9rem;font-weight:400;display:block}.about__bio{max-width:52ch;color:var(--muted);margin:1.1rem 0 1.6rem}.spec{border-top:1px solid var(--line);display:grid}.spec__row{border-bottom:1px solid var(--line);grid-template-columns:130px 1fr;align-items:baseline;gap:1rem;padding:.85rem 0;display:grid}@media (width<=520px){.spec__row{grid-template-columns:1fr;gap:.2rem}}.spec__key{color:var(--accent);font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;font-size:.72rem}.spec__val{font-size:.95rem}.spec__val .sep{color:var(--muted);margin-inline:.5rem}.contact__grid{grid-template-columns:1fr 1.1fr;align-items:start;gap:clamp(2rem,5vw,4rem);margin-top:2.4rem;display:grid}@media (width<=860px){.contact__grid{grid-template-columns:1fr}}.contact__office{font-family:var(--font-mono);margin-top:1.6rem;font-size:.95rem}.contact__office span{color:var(--muted);letter-spacing:.14em;text-transform:uppercase;margin-bottom:.3rem;font-size:.72rem;display:block}.form{border:1px solid var(--line);background:var(--bg-1);box-shadow:var(--card-shadow);border-radius:16px;padding:clamp(1.4rem,3vw,2.2rem)}.form__head{color:var(--muted);font-family:var(--font-mono);letter-spacing:.14em;align-items:center;gap:.6rem;margin-bottom:1.4rem;font-size:.72rem;display:flex}.form__dot{background:#3ecf8e;border-radius:50%;width:9px;height:9px;box-shadow:0 0 8px #3ecf8e87}.form__note{color:var(--muted);margin:.2rem 0 1.2rem;font-size:.8rem}.field{margin-bottom:1.1rem}.field__label{color:var(--muted);font-family:var(--font-mono);letter-spacing:.1em;margin-bottom:.5rem;font-size:.74rem;display:block}.field__req{color:var(--accent)}.field__input{border:1px solid var(--line-2);background:var(--bg-2);width:100%;color:var(--text);font-family:var(--font-sans);border-radius:10px;padding:.8rem .95rem;font-size:.98rem;transition:border-color .2s,box-shadow .2s}.field__input--area{resize:vertical;min-height:130px}.field__input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--glow);outline:none}.alert{text-align:left;border:1px solid #0000;border-radius:10px;margin-bottom:1rem;padding:.85rem 1rem;font-size:.92rem}.alert__item+.alert__item{margin-top:.3rem}.alert--danger{color:#e5484d;background:#e5484d1f;border-color:#e5484d73}.alert--success{color:#2fae74;background:#2fae741f;border-color:#2fae7473}.has-js .reveal{opacity:0;transition:opacity .7s cubic-bezier(.2,.7,.2,1),transform .7s cubic-bezier(.2,.7,.2,1);transform:translateY(22px)}.has-js .reveal.is-in{opacity:1;transform:none}@media (prefers-reduced-motion:reduce){*,:before,:after{animation:none!important}.has-js .reveal{opacity:1;transition:none;transform:none}.btn,.card,.footer__social a{transition:none}}