@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&family=Noto+Sans+JP:wght@400;500;600;700;800;900&display=swap');
:root{--navy:#0c1530;--ink:#14213b;--muted:#697892;--blue:#4c64fb;--mint:#22d7b3;--line:#e7ebf4}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,'Noto Sans JP',system-ui,sans-serif;color:var(--ink);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,a{ -webkit-tap-highlight-color:transparent}.wrap{max-width:1180px;margin:auto;padding-left:24px;padding-right:24px}.header{height:78px;position:sticky;top:0;background:#ffffffed;backdrop-filter:blur(18px);z-index:40;border-bottom:1px solid #edf0f5}.head-inner{height:100%;display:flex;align-items:center;justify-content:space-between;gap:20px}.logo{display:flex;align-items:center;gap:10px;white-space:nowrap;font-size:19px;font-weight:600;letter-spacing:-.7px}.logo b{font-weight:900}.logo-mark{width:37px;height:37px;border-radius:11px;background:#4d61fb;display:grid;place-items:center;color:#fff;font-size:26px}.header nav{display:flex;gap:33px;font-size:13px;font-weight:700;color:#617089}.header nav a:hover,.footer a:hover{color:var(--blue)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:22px;font-weight:800;border-radius:12px;transition:transform .2s,box-shadow .2s;white-space:nowrap}.btn:hover{transform:translateY(-2px)}.btn-small{background:#202f56;color:white;padding:12px 22px;font-size:13px}.btn-main{background:#4a62fa;color:white;padding:20px 29px;box-shadow:0 12px 30px #334ff63a;font-size:15px}.btn-main:hover{box-shadow:0 17px 32px #334ff64b}.btn-outline{border:1px solid #cbd4e9;padding:19px 25px;background:#fff;color:#34435c;font-size:14px}.hero{position:relative;overflow:hidden;background:linear-gradient(112deg,#f9fbff 0%,#f0f4ff 60%,#e8edff 100%)}.hero-grid{display:grid;grid-template-columns:1fr .98fr;align-items:center;gap:45px;min-height:650px;padding-top:72px;padding-bottom:90px;position:relative;z-index:2}.glow{position:absolute;border-radius:50%;filter:blur(10px);pointer-events:none}.glow1{width:620px;height:620px;background:#dbe3ff9c;right:-120px;top:-220px}.glow2{width:270px;height:270px;background:#c4fff051;left:25%;bottom:-160px}.eyebrow,.kicker{font-size:11px;font-weight:900;letter-spacing:2px;color:#4b63ed}.eyebrow{display:flex;align-items:center;gap:9px;margin:0 0 22px}.dot{width:7px;height:7px;background:#32caa3;border-radius:50%;box-shadow:0 0 0 4px #d5f7e9}h1,h2,h3,p{margin-top:0}.hero h1{font-size:clamp(37px,3.8vw,58px);line-height:1.42;letter-spacing:-2.7px;font-weight:900;margin-bottom:24px;white-space:nowrap}.hero h1 span{color:#4a62fa}.lead{font-size:15px;line-height:2.15;color:#51617c;max-width:545px}.lead strong{color:#304264}.hero-actions{display:flex;align-items:center;gap:12px;margin-top:34px}.trust{margin:21px 0 0;color:#7a8aa4;font-size:11px;font-weight:700}.hero-visual{position:relative;padding:30px 8px}.window{background:#fff;border:1px solid #e8edff;border-radius:20px;box-shadow:0 35px 80px #30459a2c;overflow:hidden;transform:rotate(1.3deg)}.window-head{height:58px;background:#f7f9ff;display:flex;align-items:center;justify-content:space-between;padding:0 22px;border-bottom:1px solid #e7eafa;font-size:10px;letter-spacing:1px;font-weight:900;color:#95a0b8}.window-dots{display:flex;gap:5px}.window-dots i{width:8px;height:8px;border-radius:50%;background:#cbd4e7}.window-dots i:first-child{background:#ffadad}.window-dots i:nth-child(2){background:#ffd69b}.local{color:#19a786}.window-content{display:flex;align-items:center;justify-content:space-around;gap:5px;padding:36px 23px 28px}.file-left,.file-right{width:40%;min-width:0}.photo{height:190px;border-radius:12px;position:relative;overflow:hidden;background:linear-gradient(180deg,#a9d8ff 0%,#d2efff 60%,#7bd8cf 61%,#7bc7b7 100%);border:5px solid white;box-shadow:0 6px 20px #263b5a1d}.photo-before{filter:saturate(.68)}.photo-after{filter:saturate(1.18)}.sun{position:absolute;width:55px;height:55px;border-radius:50%;background:#fff1b6;top:32px;right:34px;box-shadow:0 0 30px #fff4b9}.mount{position:absolute;width:175px;height:175px;transform:rotate(45deg);bottom:-124px;border-radius:22px}.m1{background:#5a9ea0;left:-34px}.m2{background:#386e86;right:-55px;bottom:-140px}.file-info{display:flex;align-items:center;justify-content:space-between;font-size:11px;gap:5px;margin:12px 1px}.file-info strong{font-size:11px;overflow:hidden;text-overflow:ellipsis}.file-info span{color:#9aa5bb;font-size:10px}.tag{display:inline-block;padding:5px 8px;font-size:10px;font-weight:900;border-radius:5px}.tag-old{color:#7c8598;background:#e9edf4}.tag-new{color:#139f8b;background:#dcfaf3}.convert-arrow{color:#4b65fa;text-align:center}.convert-arrow span{font-size:38px;font-weight:900}.convert-arrow small{display:block;font-size:8px;letter-spacing:1px;font-weight:900}.window-foot{padding:18px 21px;background:#fafbff;border-top:1px solid #eff1f8;display:flex;align-items:center;justify-content:space-between;font-size:10px;font-weight:800;color:#55708a}.mini-check{color:#19be94}.meter{display:flex;gap:4px}.meter i{width:7px;height:16px;background:#4d67f7;border-radius:2px}.meter i:nth-child(4){background:#93a4fa}.meter i:nth-child(5){background:#d8dffb}.float-card{position:absolute;background:#fff;border:1px solid #eef2fa;border-radius:13px;padding:13px 18px;font-size:12px;font-weight:800;box-shadow:0 12px 28px #24356b22;z-index:2}.fc-top{top:5px;right:-6px;transform:rotate(6deg)}.fc-bottom{bottom:9px;left:-18px;transform:rotate(-4deg)}.benefit-bar{border-bottom:1px solid #eef0f7}.benefit-grid{display:grid;grid-template-columns:repeat(3,1fr);padding-top:27px;padding-bottom:27px}.benefit-grid>div{display:flex;align-items:center;flex-wrap:wrap;gap:4px 15px;padding-left:35px;border-right:1px solid #e9edf5}.benefit-grid>div:first-child{padding-left:0}.benefit-grid>div:last-child{border:0}.benefit-grid span{font-weight:900;font-size:12px;color:#4f67fb}.benefit-grid strong{font-size:14px}.benefit-grid small{flex-basis:100%;margin-left:35px;font-size:11px;color:#8693a7}.section{padding:105px 0}.section-heading{text-align:center;margin-bottom:48px}.section-heading h2{font-size:clamp(27px,3vw,39px);line-height:1.6;letter-spacing:-1.4px;margin:15px 0}.section-heading p{font-size:14px;color:var(--muted);line-height:1.9}.feature-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:22px}.feature{border:1px solid #e8edf7;border-radius:22px;background:white;padding:34px 38px;overflow:hidden;box-shadow:0 5px 24px #23365c07}.feature.large{grid-column:span 2;display:grid;grid-template-columns:1fr 1fr;column-gap:60px;align-items:center}.feature.large .compare-art{grid-column:2;grid-row:1/5}.feature-icon{display:grid;place-items:center;width:48px;height:48px;border-radius:14px;font-size:25px;font-weight:800;margin-bottom:20px}.blue{background:#eef1ff;color:#5067ff}.violet{background:#f2eefe;color:#8868eb}.mint{background:#e7faf5;color:#26ad91}.peach{background:#fff1e9;color:#ee935b}.feature h3{font-size:20px;letter-spacing:-.8px;margin:0 0 13px}.feature p{font-size:13px;color:#718097;line-height:2;margin:0;max-width:455px}.compare-art{background:#f1f4fb;padding:15px;border-radius:15px}.compare-label{display:flex;justify-content:space-between;color:#788ba5;font-size:10px;font-weight:900;letter-spacing:2px;margin-bottom:10px}.compare-picture{height:200px;border-radius:8px;position:relative;overflow:hidden;background:linear-gradient(120deg,#9bd0f5,#ddedf9 60%,#89ced0 61%,#5cb6a1)}.art-sun{position:absolute;width:68px;height:68px;background:#fff1b1;top:25px;right:65px;border-radius:50%}.art-mountain{position:absolute;height:160px;width:260px;background:#518994;transform:rotate(26deg);bottom:-122px;left:32px;border-radius:30px}.compare-line{position:absolute;left:50%;top:0;bottom:0;width:3px;background:white;box-shadow:0 0 6px #0004}.compare-line i{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:grid;place-items:center;background:white;color:#4359d9;border-radius:50%;width:40px;height:40px;font-weight:900;font-style:normal}.mini-queue{margin-top:27px;background:#f7f9fd;padding:12px;border-radius:10px}.mini-queue div{border-bottom:1px solid #e9edf5;padding:8px 6px;color:#8090a6;font-size:11px;display:flex;justify-content:space-between}.mini-queue div:last-child{border:0}.mini-queue span{color:#2bc39f}.chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:24px}.chips span{font-size:10px;font-weight:800;color:#23a589;background:#e8fbf4;padding:8px;border-radius:5px}.privacy{background:#111b3a;color:white;padding:95px 0}.privacy-grid{display:grid;grid-template-columns:.8fr 1fr;gap:120px;align-items:center}.privacy-illustration{height:310px;display:grid;place-items:center;position:relative}.shield{z-index:2;width:135px;height:155px;clip-path:polygon(50% 0%,100% 17%,94% 67%,50% 100%,6% 67%,0 17%);background:linear-gradient(135deg,#22d8af,#6e81ff);display:grid;place-items:center;font-size:85px;font-weight:900;box-shadow:0 0 40px #20dec7}.shield-orbit{position:absolute;border:1px solid #435070;border-radius:50%}.orbit1{height:255px;width:255px}.orbit2{height:335px;width:335px}.light{color:#72e9cf}.privacy h2{font-size:clamp(30px,3.2vw,43px);letter-spacing:-1.6px;line-height:1.55;margin:19px 0 18px}.privacy p{color:#cad5ec;font-size:14px;line-height:2.15}.privacy .privacy-note{font-size:11px;color:#8e9bb9}.privacy a{display:inline-block;color:#70e6d1;font-size:13px;font-weight:800;margin-top:10px}.how{background:#f7f9fe}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.steps article{background:white;border:1px solid #e8edf5;border-radius:18px;padding:35px;position:relative}.step-no{color:#d3daf1;font-weight:900;font-size:28px;margin-bottom:12px}.step-icon{background:#edf1ff;color:#4c62ec;border-radius:16px;height:70px;width:70px;display:grid;place-items:center;font-weight:900;font-size:36px;margin:0 0 25px}.steps h3{font-size:18px}.steps p{font-size:13px;color:#7a879c;line-height:2;margin:0}.center{text-align:center;margin-top:45px}.under-cta{font-size:11px;color:#909bb0;margin:17px 0 0}.use-grid{display:grid;grid-template-columns:1fr 1fr;gap:90px;align-items:center}.use-grid h2{font-size:38px;line-height:1.5;letter-spacing:-1.5px;margin:15px 0}.use-grid>div>p{color:#77859b;line-height:2;font-size:14px}.use-list>div{display:flex;gap:16px;padding:18px 0;border-bottom:1px solid #edf0f7}.use-list>div>span{color:#556df9;font-size:22px}.use-list strong{font-size:15px}.use-list p{font-size:12px;color:#8b96a9;margin:8px 0 0}.faq{background:#f7f9fe}.faq-wrap{max-width:900px}.faq details{background:#fff;border:1px solid #e9edf5;border-radius:13px;margin-bottom:11px;padding:0 23px}.faq summary{padding:22px 0;list-style:none;cursor:pointer;font-weight:800;font-size:14px;display:flex;justify-content:space-between;gap:14px}.faq summary::-webkit-details-marker{display:none}.faq summary:after{content:'+';font-size:19px;color:#5a6ff4}.faq details[open] summary:after{content:'−'}.faq details p{margin:0 0 21px;font-size:13px;color:#748198;line-height:2}.last-cta{text-align:center;background:linear-gradient(115deg,#4353db,#6476ff);padding:95px 0;color:white}.last-cta h2{font-size:clamp(28px,3.5vw,44px);margin:18px 0}.last-cta p{color:#e1e6ff;margin-bottom:32px}.btn-white{padding:19px 28px;background:#fff;color:#4055dc}.footer{background:#fff}.foot-inner{min-height:105px;display:flex;justify-content:space-between;align-items:center;gap:20px}.footer .logo{font-size:16px}.footer .logo-mark{width:30px;height:30px;font-size:20px}.foot-inner>div{display:flex;gap:25px;font-size:12px;font-weight:700;color:#758198}.foot-inner small{color:#9ba4b2;font-size:11px}@media(max-width:980px){.header nav{display:none}.hero-grid{grid-template-columns:1fr;min-height:0;padding-top:70px}.hero-visual{width:min(570px,100%);margin:auto}.hero h1{white-space:normal}.privacy-grid{gap:40px}.feature.large{grid-template-columns:1fr 1fr;gap:30px}.benefit-grid>div{padding-left:15px}.benefit-grid strong{font-size:12px}}@media(max-width:640px){.wrap{padding-left:19px;padding-right:19px}.header{height:66px}.head-inner{gap:8px}.header .logo{font-size:16px}.header .btn-small{padding:11px 13px;font-size:11px}.hero-grid{padding-top:55px;padding-bottom:63px;gap:17px}.hero h1{font-size:clamp(29px,8vw,42px);letter-spacing:-1.4px}.lead{font-size:13px;line-height:2}.hero-actions{flex-direction:column;align-items:stretch}.hero-actions .btn{width:100%;padding:17px}.trust{font-size:10px}.hero-visual{padding:28px 0}.window-content{padding:25px 13px}.photo{height:137px}.file-info{display:block}.file-info strong{font-size:9px}.file-info span{display:none}.convert-arrow span{font-size:25px}.float-card{font-size:9px;padding:10px}.fc-bottom{left:-5px}.fc-top{right:0}.benefit-grid{grid-template-columns:1fr;gap:16px;padding-top:25px;padding-bottom:25px}.benefit-grid>div{padding:0;border:0}.benefit-grid>div:first-child{padding-left:0}.benefit-grid small{margin-left:35px}.section{padding:70px 0}.section-heading{margin-bottom:33px}.feature-grid,.steps,.use-grid,.privacy-grid{grid-template-columns:1fr}.feature.large{grid-column:auto;display:block}.feature.large .compare-art{margin-top:24px}.feature{padding:26px}.privacy{padding:75px 0}.privacy-illustration{height:235px;order:2}.orbit1{width:200px;height:200px}.orbit2{height:245px;width:245px}.shield{width:100px;height:118px;font-size:62px}.privacy-grid{gap:22px}.steps{gap:13px}.steps article{padding:26px}.use-grid{gap:20px}.use-grid h2{font-size:31px}.foot-inner{flex-wrap:wrap;padding-top:25px;padding-bottom:25px}.foot-inner>div{gap:16px;flex-wrap:wrap}.foot-inner small{width:100%}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.btn{transition:none}}