@font-face{font-family:AispectJP;src:url(assets/fonts/noto-sans-jp-0.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:AispectJP;src:url(assets/fonts/noto-sans-jp-1.ttf) format("truetype");font-weight:500 600;font-style:normal;font-display:swap}@font-face{font-family:AispectJP;src:url(assets/fonts/noto-sans-jp-2.ttf) format("truetype");font-weight:700;font-style:normal;font-display:swap}:root{--navy:#142d49;--head:#182f49;--ink:#263748;--muted:#657589;--sub:#53677d;--accent:#2f6fa7;--accent-2:#5eb8ca;--line:#e5eaf0;--soft:#f7f9fb;--canvas:#fbfcfd;--grad:linear-gradient(125deg,#173d66 0%,#2d6fa8 64%,#5bb7c8 120%);--grad-text:linear-gradient(105deg,#183f78 5%,#2a76b7 56%,#54b8c7 100%);--font:AispectJP,"Noto Sans JP","Hiragino Sans",sans-serif;--kit-color-primary-hover:#244d74}html{scroll-padding-top:76px;background:#fff}body{font-family:var(--font);color:var(--ink);background:#fff;letter-spacing:.005em}body.review .review-bar{display:none!important}.wrap{width:min(1200px,calc(100% - 96px))}.grid-bg{background-image:radial-gradient(circle at 77% 27%,rgba(126,203,218,.18),transparent 31%),linear-gradient(90deg,rgba(217,225,233,.4) 1px,transparent 1px),linear-gradient(rgba(217,225,233,.4) 1px,transparent 1px);background-size:auto,40px 40px,40px 40px}.kicker{margin-bottom:18px;font-family:ui-monospace,SFMono-Regular,monospace;font-size:11px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:#678597}.em{background:var(--grad-text);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.site-head{background:#ffffffe6;border-bottom:1px solid rgba(225,231,237,.84);backdrop-filter:blur(18px) saturate(1.2)}.site-head.scrolled{box-shadow:0 8px 32px #142d490f}.header{height:76px;gap:18px}.wordmark img{width:182px}.series{border-color:#dfe5eb;padding:2px;box-shadow:0 1px 2px #162d460d}.series>*{height:28px;padding:0 13px;font-size:11.5px}.series>[aria-current]{background:#1c3a5d}.header nav{gap:28px;font-size:12.5px;font-weight:500;color:#405064}.header nav a{position:relative;padding:25px 0}.header nav a:after{content:"";position:absolute;left:0;right:100%;bottom:18px;height:1px;background:#3b79aa;transition:right .25s ease}.header nav a:hover:after{right:0}.head-cta{gap:10px}[data-kansho-mounted=button].button{min-height:44px;border-radius:8px;padding:0 18px;background:var(--grad);color:#fff;box-shadow:0 8px 20px #1c4d772e;font-family:var(--font);font-weight:600}[data-kansho-mounted=button].button:hover{background:linear-gradient(125deg,#1d4a78,#347bb3);box-shadow:0 12px 28px #1c4d7738}[data-kansho-mounted=button].button.secondary,[data-kansho-mounted=button].button.line{background:#fff;color:#263e57;border:1px solid #dce4eb;box-shadow:0 3px 10px #112a430d}[data-kansho-mounted=button].button.secondary:hover,[data-kansho-mounted=button].button.line:hover{background:#f6f9fb;border-color:#c9d7e2}[data-kansho-mounted=button].button.small{min-height:36px;padding-inline:14px;font-size:12px}[data-kansho-mounted=button].replay{border-radius:999px;background:#fff;color:#326f9f;border:1px solid #d6e1e9;box-shadow:none}.hero-area{min-height:690px;background-color:#fff}.hero-area:before{width:620px;height:620px;right:-110px;top:-190px;background:#cce8f0;opacity:.38;filter:blur(90px)}.hero-area:after{width:480px;height:480px;left:-230px;bottom:-220px;background:#dae6f4;opacity:.5;filter:blur(90px)}.hero{min-height:690px;padding:104px 0 86px;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(500px,.85fr);grid-template-areas:"k visual" "title visual" "lead visual" "actions visual" "fine visual";column-gap:48px;align-content:center;align-items:start}.hero>.kicker{grid-area:k;align-self:end}.hero>h1{grid-area:title;font-size:clamp(43px,3.7vw,52px);font-weight:600;line-height:1.38;letter-spacing:-.052em;color:#132b45;word-break:keep-all;overflow-wrap:normal}.hero>.lead{grid-area:lead;max-width:610px;margin-top:25px;font-size:16px;line-height:2;color:#617286}.hero>.lead b{color:#243b53}.hero>.acts{grid-area:actions;margin-top:30px}.hero>.fine{grid-area:fine;margin-top:18px}.hero>.aha,.hero>.console{grid-area:visual;margin:0;align-self:center}.hero-area .constel{opacity:.23;right:-120px;top:80px;transform:scale(1.22)}.aha{position:relative!important;display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:14px!important;padding:42px 18px 34px!important;perspective:1000px}.aha:before{content:"";position:absolute;inset:7% 1% 0;border-radius:50%;background:radial-gradient(ellipse,rgba(59,118,163,.16),transparent 68%);filter:blur(16px)}.aha .rc{position:relative!important;min-height:132px;padding:17px 18px!important;border:1px solid #e5eaf0!important;border-radius:13px!important;background:#fffffff0!important;box-shadow:0 16px 38px #17375417!important;transform:perspective(700px) rotateX(3deg)!important}.aha .rc:nth-child(1){transform:rotate(-2deg) translateY(10px)!important}.aha .rc:nth-child(2){transform:rotate(1.6deg) translateY(-8px)!important}.aha .rc:nth-child(3){transform:rotate(-1deg) translate(12px)!important}.aha .rc:nth-child(4){transform:rotate(2deg) translate(-8px,10px)!important}.aha .join{display:none!important}.aha .hitc{grid-column:1/-1;justify-self:center;width:74%;min-height:150px;padding:20px 24px!important;border:1px solid rgba(255,255,255,.32)!important;border-radius:15px!important;background:linear-gradient(135deg,#204268eb,#5b7799c7)!important;box-shadow:0 24px 60px #11304c40!important;backdrop-filter:blur(16px);transform:translateY(-10px) translateZ(38px)!important}.aha .hitc .v{font-size:17px}.hero-c{grid-template-columns:minmax(0,1.15fr) minmax(500px,.85fr);text-align:left}.pg-custom .hero-c>h1{font-size:46px}.hero-c .acts{justify-content:flex-start}.hero-c .console{width:100%;border:1px solid #e3e9ef!important;border-radius:16px!important;background:#fff!important;box-shadow:0 26px 70px #14375624!important;transform:perspective(1000px) rotateY(-2deg) rotateX(1deg)}.section{padding:128px 0}.section.soft{background:#f7f9fb}.section:nth-of-type(2n):not(.integrations-showcase){background-color:#fbfcfd}.section h2,.integrations-showcase h2{font-size:clamp(34px,3.5vw,50px);font-weight:600;line-height:1.42;letter-spacing:-.045em;color:#172f49}.section h2 span{background:var(--grad-text);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.section .lead{max-width:720px;color:#657589;line-height:2}[data-kansho-mounted=card]{border-color:transparent!important;background:#fff;box-shadow:var(--kit-shadow-card)!important}.reason,.wk,.bb,.qbox,.card[data-req],.step,.result,.use,.how-card{border-radius:14px!important}.reason,.wk{padding:30px!important}.reason .n,.wk .n,.card .no{letter-spacing:.12em;color:#6a8798}.reason b,.wk b{color:#203851}.fact{border-radius:14px!important;background:linear-gradient(145deg,#edf5fb,#eef8f8)!important;box-shadow:inset 0 0 0 1px #366a8f12!important}.works,.reasons,.grid,.bubbles{gap:22px}.wk .ic{background:var(--grad);border-radius:10px}.wk .ex i{border-radius:6px;background:#f5f7f9}.stage{border-radius:18px!important;background:#f5f8fa!important;padding:30px!important;box-shadow:inset 0 0 0 1px #e3e9ee!important}.stage .graph{background-color:#fff;box-shadow:0 12px 34px #12314c12}.about-head{gap:76px}.about-head .def{border-color:#78c8d6}.integrations-showcase{position:relative;overflow:hidden;padding:112px 0 120px;border-top:1px solid #edf0f3;border-bottom:1px solid #edf0f3;background:#fff}.integration-copy{text-align:center;max-width:760px;margin-inline:auto}.integration-copy p{max-width:650px;margin:15px auto 0;color:#6a7582;font-size:15px;line-height:1.9}.integration-field{--tilt-x:0deg;--tilt-y:0deg;position:relative;display:grid;grid-template-columns:repeat(5,112px);grid-auto-rows:84px;justify-content:center;gap:22px 28px;max-width:920px;margin:58px auto 0;padding:28px 18px 40px;perspective:900px;background-image:radial-gradient(circle,#dce3e8 .9px,transparent 1px);background-size:16px 16px;mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent)}.integration-field:after{content:"";position:absolute;left:13%;right:13%;bottom:0;height:60px;background:radial-gradient(ellipse,rgba(84,177,194,.25),transparent 68%);filter:blur(16px)}.integration-tile{position:relative;z-index:1;display:grid;place-items:center;margin:0;border:1px solid #e7ebef;border-radius:13px;background:#fff;box-shadow:0 10px 25px #1a344a0e;transform:rotateX(9deg);transition:transform .35s ease,box-shadow .35s ease,opacity .35s ease}.integration-tile:nth-child(5n+1){transform:rotateX(9deg) rotate(-2deg)}.integration-tile:nth-child(5n){transform:rotateX(9deg) rotate(2deg)}.integration-tile.edge{opacity:.38}.integration-tile img{display:block;width:40px;height:40px;object-fit:contain}.integration-tile:hover{z-index:4;opacity:1;transform:rotateX(4deg) translateY(-5px);box-shadow:0 16px 34px #1a344a1f}.integration-core{z-index:5;scale:1.14;border-color:#173b61;background:#173b61;box-shadow:0 20px 42px #12395b42;transform:rotateX(5deg) translateY(-7px) translateZ(32px)}.integration-core img{width:36px;height:36px;filter:brightness(0) invert(1)}.integration-note{text-align:center;margin-top:4px;color:#98a3ad;font-size:10.5px}.pickbox,.human,details.more{border-color:#e1e7ec;border-radius:14px;box-shadow:0 8px 26px #12314c0d}.pick{border-radius:999px;background:#fff;border-color:#dbe3ea;color:#50677b}.pick.sel{background:#1d446e;border-color:#1d446e}.card.on{border-color:#8fcbd8!important;box-shadow:0 14px 36px #266f9321!important}.flow{border-radius:18px}.closing{background:linear-gradient(135deg,#102b47,#205b89 60%,#4d9db1)}footer{padding-top:54px;padding-bottom:54px}@media(max-width:1080px){.header nav{display:none}.hero{grid-template-columns:1fr 1fr;column-gap:36px}.hero h1{font-size:46px}.hero>.lead{font-size:15px}}@media(max-width:820px){.wrap{width:min(100% - 36px,680px)}.header{height:66px;gap:10px}.wordmark img{width:145px}.series,.head-cta .line{display:none}.hero-area,.hero{min-height:auto}.hero{display:block;padding:74px 0 64px}.hero>h1{font-size:clamp(35px,10.4vw,48px);line-height:1.38}.hero>.lead{font-size:15px;line-height:1.9}.hero>.aha,.hero>.console{margin-top:48px}.aha{grid-template-columns:1fr 1fr!important;padding-inline:0!important}.aha .rc{min-height:118px;padding:14px!important}.aha .rc:nth-child(4){display:none}.aha .hitc{width:88%}.hero-c .console{transform:none}.section{padding:86px 0}.section h2,.integrations-showcase h2{font-size:34px}.about-head{grid-template-columns:1fr;gap:26px}.integrations-showcase{padding:82px 0 88px}.integration-field{grid-template-columns:repeat(3,88px);grid-auto-rows:70px;gap:14px 16px;margin-top:38px;padding-inline:0;mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent)}.integration-tile:nth-child(n+10){display:none}.integration-core{scale:1.06}}@media(max-width:560px){.wrap{width:calc(100% - 28px)}.wordmark img{width:135px}.head-cta .button{padding-inline:11px!important;font-size:11px!important}.hero{padding-top:60px}.hero>h1{font-size:36px;letter-spacing:-.045em}.hero .acts{display:grid}.hero .acts .button{width:100%}.aha{grid-template-columns:1fr!important}.aha .rc:nth-child(3),.aha .rc:nth-child(4){display:none}.aha .hitc{grid-column:1;width:100%}.section h2,.integrations-showcase h2{font-size:30px}.integration-copy p{font-size:14px}}@media(prefers-reduced-motion:reduce){.integration-tile,.aha .rc,.aha .hitc,.hero-c .console{transform:none!important;transition:none!important}}@media(min-width:821px){.about-head{grid-template-columns:minmax(0,1.3fr) minmax(320px,.7fr);gap:64px}.about-head h2{font-size:clamp(34px,3vw,46px)}.section .about-head h2 .line-lock{display:inline-block;white-space:nowrap}}.section .about-head h2 .line-lock--plain{color:#172f49;background:none;-webkit-background-clip:border-box;background-clip:border-box;-webkit-text-fill-color:#172f49}.section.darkband h2{color:#eefaff}.section.darkband h2 span{color:#8edbe8;background:linear-gradient(105deg,#a8ecf4 5%,#67c7e0 55%,#8bb8ff);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.section.darkband .lead{color:#c6d8e7}.section.darkband .stage .qt:not(.on){background:#fff;color:#3c5874;border-color:#d3e0ec}.section.darkband .stage .qt:not(.on) span{color:#68869d}@media(max-width:560px){.section .about-head h2 .line-lock{display:inline;white-space:normal}}