:root{--blue:#2563eb;--sky:#0ea5e9;--navy:#0f172a;--text:#475569;--line:#e2e8f0;--pale:#eff6ff}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--navy);background:#fff;font-family:"Noto Sans JP","Hiragino Kaku Gothic ProN",Arial,sans-serif;line-height:1.75}a{color:inherit;text-decoration:none}button{font:inherit}.header{position:fixed;z-index:50;top:0;left:0;width:100%;height:84px;padding:0 max(5.5vw,24px);display:flex;align-items:center;justify-content:space-between;background:#ffffffd9;backdrop-filter:blur(12px);box-shadow:0 4px 16px #0f172a14}.logo{display:flex;align-items:center;font-size:24px;font-weight:900;letter-spacing:-1px}.logo span{display:grid;place-items:center;width:34px;height:34px;margin-right:8px;border-radius:10px;color:#fff;background:linear-gradient(135deg,var(--blue),var(--sky));font-size:17px}.logo em{color:var(--blue);font-style:normal}.nav{display:flex;gap:32px;color:var(--text);font-size:14px;font-weight:700}.nav a{transition:.2s}.nav a:hover{color:var(--blue)}.menu{display:none;border:0;background:none;padding:8px}.menu i{display:block;width:25px;height:2px;margin:5px;background:#1e293b;transition:.25s}.button{display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:14px 30px;border-radius:999px;color:#fff;background:linear-gradient(110deg,var(--blue),var(--sky));font-weight:800;line-height:1.2;box-shadow:0 10px 25px #2563eb30;transition:.25s}.button:hover{transform:translateY(-2px);box-shadow:0 14px 30px #2563eb45}.header-cta{padding:12px 24px;font-size:14px}.outline{color:var(--blue);background:#fff;border:2px solid #dbeafe;box-shadow:none}.hero{min-height:820px;padding:154px max(5.5vw,24px) 54px;overflow:hidden;background:radial-gradient(circle at 15% 45%,#dbeafe 0,transparent 31%),radial-gradient(circle at 90% 28%,#e0f2fe 0,transparent 26%),#fff}.hero-inner{max-width:1140px;margin:auto;display:grid;grid-template-columns:1fr 1.05fr;align-items:center;gap:45px}.badge{display:inline-block;margin:0 0 18px;padding:3px 13px;color:var(--blue);border:1px solid #dbeafe;border-radius:999px;background:var(--pale);font-size:14px;font-weight:700}.hero h1{margin:0 0 18px;font-size:48px;line-height:1.45;letter-spacing:.08em;font-weight:900}.hero h1 small{font-size:.7em}.hero h1 strong{color:transparent;background:linear-gradient(100deg,var(--blue),var(--sky));background-clip:text}.lead{margin:0 0 25px;color:var(--text);font-size:17px;font-weight:600;line-height:1.9}.actions{display:flex;gap:14px;flex-wrap:wrap}.mock{height:430px;position:relative}.laptop{position:absolute;top:52px;right:-40px;width:520px;height:315px;padding:50px 25px 20px;display:grid;grid-template-columns:1fr 1fr;gap:14px;border:9px solid #172033;border-radius:15px;background:#f8fafc;box-shadow:0 30px 65px #1e40af35;transform:perspective(900px) rotateY(-4deg)}.laptop:after{content:"";position:absolute;left:50%;bottom:-30px;width:330px;height:22px;transform:translateX(-50%) skew(25deg);background:#cbd5e1;border-radius:0 0 20px 20px}.laptop>div{padding:15px;border-radius:10px;background:#fff;box-shadow:0 3px 12px #0f172a0c;color:#64748b}.laptop strong{display:block;color:var(--blue);font-size:38px}.bars{color:var(--sky)!important;font-size:34px}.donut{width:92px;height:92px;border:13px solid #bfdbfe;border-top-color:var(--blue);border-radius:50%!important;text-align:center;color:var(--blue)!important;font-weight:900}.phone{position:absolute;z-index:2;left:15px;bottom:20px;width:145px;height:280px;border:8px solid #111827;border-radius:28px;background:linear-gradient(var(--pale),#fff);display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:0 25px 40px #1e3a8a35;color:var(--blue)}.phone strong{font-size:45px}.phone small{color:#64748b}.stats{max-width:650px;margin:58px auto 0;display:flex;justify-content:space-around;text-align:center}.stats div{display:flex;flex-direction:column}.stats b{color:var(--blue);font-size:27px}.stats small{color:#64748b}.section{padding:90px max(5.5vw,24px)}.heading{max-width:780px;margin:0 auto 48px;text-align:center}.heading>span,.eyebrow{color:var(--blue);font-size:13px;font-weight:800;letter-spacing:.14em}.heading h2,.feature h2,.cta h2{margin:8px 0 12px;font-size:34px;line-height:1.45}.heading p,.feature-copy>p{margin:0;color:#64748b}.pale-blue{background:var(--pale)}.soft{background:#f8fafc}.cards{max-width:1140px;margin:auto;display:grid;gap:24px}.cols-3{grid-template-columns:repeat(3,1fr)}.cols-4{grid-template-columns:repeat(4,1fr)}.cards article{padding:30px;border:1px solid var(--line);border-radius:15px;background:#fff;box-shadow:0 8px 25px #0f172a0b;opacity:0;transform:translateY(20px);transition:.5s}.cards article.visible{opacity:1;transform:none}.cards article>i{font-style:normal;font-size:34px}.cards h3{margin:14px 0 8px;font-size:17px}.cards p{margin:0;color:#64748b;font-size:14px}.feature{max-width:1440px;margin:auto;display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.cloud-art{height:390px;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;border-radius:30px;background:linear-gradient(145deg,#dbeafe,#f8fafc);font-size:100px}.cloud-art span{position:absolute;padding:10px;border-radius:15px;background:#fff;box-shadow:0 10px 30px #1e40af25;font-size:40px}.cloud-art span:nth-child(1){top:55px;left:70px}.cloud-art span:nth-child(2){top:55px;right:75px}.cloud-art span:nth-child(3){bottom:50px;left:80px}.cloud-art span:nth-child(4){bottom:45px;right:70px}.feature ul{list-style:none;padding:0}.feature li{display:flex;gap:12px;align-items:flex-start;margin:18px 0}.feature li>i{display:grid;place-items:center;width:22px;height:22px;flex:0 0 22px;border-radius:50%;background:var(--blue);color:#fff;font-size:12px;font-style:normal}.feature li span{display:flex;flex-direction:column}.feature li small{color:#64748b}.reasons{color:#fff;background:linear-gradient(145deg,#1d4ed8,#3b97fd)}.light p{color:#dbeafe}.reasons article{background:#1e3a8a66;border-color:#ffffff1f;text-align:center;backdrop-filter:blur(8px)}.reasons article p{color:#dbeafe}.voices article p{min-height:105px;color:#334155}.voices footer{display:flex;flex-direction:column;margin-top:22px;padding-top:16px;border-top:1px solid var(--line);font-size:13px}.voices footer small{color:#94a3b8}.steps{max-width:920px;margin:auto;display:flex;align-items:center;justify-content:center;text-align:center}.steps>span{margin:0 35px;color:#93c5fd;font-size:25px}.steps article{flex:1;position:relative;opacity:0;transform:translateY(20px);transition:.5s}.steps article.visible{opacity:1;transform:none}.steps article>b{position:absolute;top:-12px;left:20%;color:#dbeafe;font-size:38px}.steps article>i{display:grid;place-items:center;width:88px;height:88px;margin:auto;border-radius:50%;background:var(--pale);font-size:35px;font-style:normal}.steps h3{margin:14px 0 0}.steps p{margin:0;color:#64748b;font-size:13px}.prices{align-items:center}.prices article{text-align:left}.prices article>b{font-size:16px}.prices h3{font-size:28px}.prices h3 small{color:#64748b;font-size:12px}.prices ul{list-style:none;padding:0;margin:24px 0}.prices li{margin:12px 0;font-size:14px}.prices .button{width:100%}.popular{position:relative;border:2px solid var(--blue)!important;transform:scale(1.04)!important}.popular.visible{transform:scale(1.04)!important}.popular>em{position:absolute;left:50%;top:-15px;padding:3px 20px;transform:translateX(-50%);border-radius:99px;background:var(--blue);color:#fff;font-size:12px;font-style:normal}.dark{background:var(--navy)}.faq{max-width:900px;margin:auto}.faq article{border-bottom:1px solid var(--line)}.faq button{width:100%;padding:20px 15px;border:0;background:#fff;display:flex;justify-content:space-between;text-align:left;font-weight:700;cursor:pointer}.faq button span b{margin-right:15px;color:var(--blue)}.faq button i{color:var(--blue);font-style:normal}.faq article>p{max-height:0;margin:0 55px;overflow:hidden;color:#64748b;opacity:0;transition:.3s}.faq article.is-open>p{max-height:130px;padding:0 0 20px;opacity:1}.company{max-width:850px;margin:auto;padding:15px 40px;border-radius:15px;background:#fff}.company div{display:grid;grid-template-columns:180px 1fr;padding:16px;border-bottom:1px solid var(--line)}.company div:last-child{border:0}.company dt{color:var(--blue);font-weight:800}.company dd{margin:0;color:var(--text)}.cta{padding:85px 24px;text-align:center;color:#fff;background:linear-gradient(135deg,var(--blue),#1d4ed8 55%,var(--sky))}.cta h2{margin-top:0;font-size:42px}.cta p{color:#dbeafe}.cta .actions{justify-content:center;margin:30px 0 18px}.white{color:#1d4ed8;background:#fff}.glass{border:1px solid #ffffff77;background:#ffffff25;box-shadow:none}.cta small{color:#bfdbfe}.footer{padding:48px max(8vw,24px);display:grid;grid-template-columns:2fr 1fr 1fr;gap:40px;background:var(--navy);color:#94a3b8;font-size:13px}.footer .logo{color:#fff}.footer>div:not(:first-child){display:flex;flex-direction:column;gap:7px}.footer>div>b{color:#fff}.footer>small{grid-column:1/-1;padding-top:25px;border-top:1px solid #1e293b}.footer a:hover{color:#fff}
@media(max-width:900px){.header{height:70px;padding:0 18px}.header-cta,.nav{display:none}.menu{display:block}.menu[aria-expanded="true"] i:nth-child(1){transform:translateY(7px) rotate(45deg)}.menu[aria-expanded="true"] i:nth-child(2){opacity:0}.menu[aria-expanded="true"] i:nth-child(3){transform:translateY(-7px) rotate(-45deg)}.nav.is-open{display:flex;position:absolute;left:0;top:70px;width:100%;padding:24px;flex-direction:column;gap:20px;background:#fff;box-shadow:0 15px 20px #0f172a20}.menu-open{overflow:hidden}.hero{padding:120px 20px 45px}.hero-inner{grid-template-columns:1fr;text-align:center}.hero h1{font-size:39px}.lead{font-size:15px}.actions{justify-content:center}.mock{height:340px}.laptop{width:87vw;right:0;height:260px}.phone{width:110px;height:220px}.stats{margin-top:25px}.cols-3,.cols-4{grid-template-columns:1fr 1fr}.feature{grid-template-columns:1fr;padding-left:24px;padding-right:24px}.cloud-art{order:2}.popular,.popular.visible{transform:none!important}.footer{grid-template-columns:1fr 1fr}.footer>div:first-child{grid-column:1/-1}}
@media(max-width:600px){.logo{font-size:21px}.section{padding:65px 18px}.heading h2,.feature h2,.cta h2{font-size:27px}.heading h2 br{display:none}.hero{min-height:auto}.hero h1{font-size:31px;line-height:1.55;letter-spacing:.04em}.badge{font-size:12px}.mock{height:280px}.laptop{top:35px;width:100%;height:210px;padding:35px 10px 10px;border-width:6px}.laptop>div{padding:8px;font-size:10px}.laptop strong{font-size:26px}.bars{font-size:21px}.donut{width:65px;height:65px;border-width:8px}.phone{left:-3px;bottom:0;width:86px;height:175px;border-width:5px}.phone strong{font-size:30px}.stats b{font-size:21px}.button{padding:13px 21px;font-size:14px}.cols-3,.cols-4{grid-template-columns:1fr}.cards article{padding:25px}.feature{gap:30px}.cloud-art{height:270px;font-size:70px}.cloud-art span{padding:7px;font-size:25px}.cloud-art span:nth-child(1),.cloud-art span:nth-child(3){left:35px}.cloud-art span:nth-child(2),.cloud-art span:nth-child(4){right:35px}.steps{flex-direction:column;gap:15px}.steps>span{margin:4px;transform:rotate(90deg)}.steps article{width:100%}.prices{gap:35px}.faq button{padding:18px 5px}.faq article>p{margin:0 30px}.company{padding:8px 15px}.company div{grid-template-columns:1fr;padding:14px 0}.company dd{margin-top:4px}.cta{padding:65px 18px}.footer{grid-template-columns:1fr}.footer>div:first-child,.footer>small{grid-column:auto}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.cards article,.steps article{opacity:1;transform:none}}

/* Figma original image assets */
.hero{position:relative;background:#fff}
.hero-bg{position:absolute;inset:84px 0 auto;width:100%;height:737px;object-fit:cover;object-position:center;opacity:.96}
.hero-inner,.stats{position:relative;z-index:2}
.hero-laptop{position:absolute;top:-38px;right:-58px;width:590px;height:590px;object-fit:contain;filter:drop-shadow(0 25px 28px #1e40af28)}
.hero-device{position:absolute;z-index:3;right:280px;bottom:-12px;width:300px;height:300px;object-fit:contain;filter:drop-shadow(0 20px 25px #1e40af25)}
.cloud-art>img{width:100%;height:100%;object-fit:cover}
.reasons article{padding:12px 12px 28px}
.reasons article>img{width:100%;height:162px;border-radius:12px;object-fit:cover;background:#fff}
.reasons article h3,.reasons article p{padding-left:16px;padding-right:16px}
.voices footer{flex-direction:row;align-items:center;gap:12px}.voices footer>img{width:42px;height:42px;border-radius:50%;object-fit:cover}.voices footer>span{display:flex;flex-direction:column}
.hero-person{position:absolute;z-index:4;right:-105px;bottom:-130px;width:470px;height:470px;object-fit:contain;object-position:center bottom;filter:drop-shadow(0 24px 30px #1e40af1f)}
.hero .mock{height:667px;position:relative}.hero-laptop-frame,.hero-device-frame,.hero-person-frame{position:absolute;overflow:hidden;pointer-events:none}.hero-laptop-frame{left:-40px;top:17px;width:521px;height:358px}.hero-laptop-frame img{position:absolute;left:-10.38%;top:-51.96%;width:120.35%;height:175.1%;max-width:none}.hero-device-frame{z-index:3;left:-79px;top:131px;width:248px;height:407px}.hero-device-frame img{position:absolute;left:-112.2%;top:-52.88%;width:329.27%;height:200.37%;max-width:none}.hero-person-frame{z-index:4;left:221px;top:129px;width:392px;height:557px}.hero-person-frame img{position:absolute;left:-179.08%;top:-22.98%;width:438.01%;height:164.45%;max-width:none}.hero>.stats{display:none}
.problem-cards{padding-top:32px}.problem-cards article{position:relative;padding:48px 32px 34px;border-radius:24px;text-align:center;background:#f8fafc}.problem-cards article>i{position:absolute;left:50%;top:-40px;width:80px;height:80px;display:grid;place-items:center;transform:translateX(-50%) rotate(3deg);transform-origin:50% 85%;border:1px solid #f1f5f9;border-radius:16px;background:#fff;box-shadow:0 6px 14px #0f172a18;will-change:transform}.problem-cards article>i img{width:48px;height:48px;object-fit:contain}.problem-cards article h3{font-size:20px;line-height:1.4}.problem-cards article p{text-align:center;line-height:1.65}
@media(hover:hover) and (pointer:fine){.problem-cards article>i:hover{animation:problem-icon-wiggle .55s ease-in-out}}
@keyframes problem-icon-wiggle{0%,100%{transform:translateX(-50%) rotate(3deg)}20%{transform:translateX(-50%) rotate(-5deg) translateY(-2px)}40%{transform:translateX(-50%) rotate(6deg)}60%{transform:translateX(-50%) rotate(-3deg) translateY(-1px)}80%{transform:translateX(-50%) rotate(4deg)}}
@media(prefers-reduced-motion:reduce){.problem-cards article>i:hover{animation:none}}
@media(max-width:900px){.hero-bg{inset:70px 0 auto;height:780px;object-position:center}.hero-laptop{top:-75px;right:50%;width:480px;height:480px;transform:translateX(50%)}.hero-device{right:50%;bottom:-15px;width:225px;height:225px;transform:translateX(80%)}.reasons article>img{height:180px}}
@media(max-width:900px){.hero-person{right:calc(50% - 280px);bottom:-75px;width:330px;height:330px}.problem-cards{gap:56px 24px}}
@media(max-width:600px){.hero-bg{height:720px;object-position:42% center;opacity:.76}.hero-laptop{top:-68px;width:390px;height:390px}.hero-device{bottom:-4px;width:180px;height:180px}.reasons article>img{height:190px}}
@media(max-width:600px){.hero-person{right:-70px;bottom:-45px;width:250px;height:250px}.problem-cards{gap:64px}.problem-cards article{padding-top:48px}}

/* First-view alignment for Figma node 509:34 */
@media(min-width:901px){.hero{height:823px;min-height:823px;padding:156px 0 0}.hero-inner{width:1140px;max-width:calc(100% - 140px);height:667px;grid-template-columns:491px minmax(0,1fr);gap:39px;align-items:start}.hero-copy{width:491px;min-width:0}.hero h1{height:207px;margin:0;font-size:0;line-height:70px;letter-spacing:normal}.hero-line{display:block;height:70px;white-space:nowrap}.hero-line b{font-weight:700}.hero-line.first b{font-size:40px;letter-spacing:4px}.hero-line.first small{font-size:32px;letter-spacing:3.2px}.hero-line.second b{font-size:48px;letter-spacing:6px}.hero-line.second small{font-size:36px;letter-spacing:4px}.hero-line.third strong,.hero-line.third b{font-size:48px;letter-spacing:4.8px}.hero-copy .lead{height:127px;margin:0;font-size:18px;line-height:29.25px}.hero-copy .actions{width:411px;height:47px;justify-content:center;align-items:center}.hero-copy .actions .button{width:253px;height:47px;padding:0 28px 0 32px}.hero .badge{width:246px;height:25px;margin:0;padding:1px 13px;line-height:21px}.hero .mock{width:610px;min-width:0;height:667px}}
@media(max-width:900px){.hero-line{display:block}.hero-line b{font-size:inherit}.hero-line small{font-size:.7em}.hero-laptop-frame{left:50%;top:0;width:440px;height:302px;transform:translateX(-45%)}.hero-device-frame{left:50%;top:95px;width:190px;height:312px;transform:translateX(-125%)}.hero-person-frame{left:50%;top:120px;width:280px;height:398px;transform:translateX(10%)}.hero-person-frame img{left:-179.08%;top:-22.98%;width:438.01%;height:164.45%}}
@media(max-width:600px){.hero-laptop-frame{width:340px;height:234px}.hero-device-frame{top:75px;width:145px;height:238px}.hero-person-frame{top:96px;width:210px;height:299px}.hero h1{font-size:0;line-height:1.5}.hero-line{height:48px;white-space:nowrap}.hero-line.first b{font-size:27px;letter-spacing:2px}.hero-line.first small{font-size:21px}.hero-line.second b,.hero-line.third b,.hero-line.third strong{font-size:31px;letter-spacing:2px}.hero-line.second small{font-size:23px}}
@media(min-width:901px){.hero-inner{gap:79px}.hero .mock{width:570px}}
@media(min-width:901px){.header .nav{margin-left:auto}.header .header-cta{margin-left:28px}}
@media(max-width:900px){.hero .mock{height:520px}}
@media(max-width:600px){.hero .mock{height:395px}}
body.admin-bar .header{top:32px}
@media(max-width:782px){body.admin-bar .header{top:46px}}