:root{--ink:#25204b;--muted:#645d7b;--purple:#6844d8;--pink:#ef4f92;--orange:#ff8500;--paper:#fffafd;--line:#e8dcff}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:var(--paper);font-family:-apple-system,BlinkMacSystemFont,"Hiragino Kaku Gothic ProN","Yu Gothic",Meiryo,sans-serif;line-height:1.8}.site-header{height:74px;padding:0 max(24px,calc((100% - 1200px)/2));display:flex;justify-content:space-between;align-items:center;gap:30px;background:#fff;border-bottom:1px solid #eee4fa}.brand{color:var(--purple);font-size:1.35rem;font-weight:900;line-height:1.15;letter-spacing:.03em;text-decoration:none}.brand span{display:block;margin-bottom:4px;color:#9b7de3;font-size:.58rem;letter-spacing:.14em}.site-header nav{display:flex;align-items:center;gap:25px}.site-header nav a{color:#554e74;font-size:.8rem;font-weight:700;text-decoration:none}.site-header .back{padding:7px 14px;border:1px solid #bba6ec;border-radius:999px;color:var(--purple)}.hero{min-height:580px;display:flex;align-items:center;background:#fff6fb url("img/puraico/hero.png") right center/cover no-repeat}.hero__inner{width:min(1200px,100%);margin:auto;padding:86px 38px}.eyebrow{margin:0 0 12px;color:var(--orange);font-size:.7rem;font-weight:900;letter-spacing:.18em}.hero h1{margin:0;color:#6339cd;font-size:clamp(3.1rem,7vw,6rem);line-height:1;letter-spacing:.02em}.hero__lead{margin:20px 0 12px;font-size:clamp(1.55rem,3vw,2.4rem);font-weight:900;line-height:1.45}.hero__copy{margin:0;color:var(--muted);font-size:.96rem}.status{display:inline-block;margin-top:20px;padding:5px 14px;border-radius:999px;color:#fff;background:linear-gradient(90deg,var(--orange),#ffb22e);font-size:.78rem;font-weight:900;letter-spacing:.08em}.section{width:min(1200px,100%);margin:auto;padding:100px 38px}.intro{display:grid;grid-template-columns:minmax(0,.85fr) minmax(500px,1.15fr);align-items:center;gap:50px}.intro h2,.interface h2,.notes h2{margin:0 0 20px;font-size:clamp(2rem,3.5vw,3.25rem);line-height:1.35;letter-spacing:.03em}.intro p,.interface p,.notes p{margin:0;color:var(--muted)}.intro>img{width:100%;border-radius:26px;box-shadow:0 18px 45px rgb(103 68 216 / 15%)}.check-list{margin:24px 0 0;padding:0;list-style:none}.check-list li{margin:8px 0;padding-left:24px;color:#514973;font-size:.92rem;font-weight:700;position:relative}.check-list li:before{content:"✓";position:absolute;left:0;color:var(--orange);font-weight:900}.showcase{min-height:420px;padding:88px 30px;display:flex;align-items:center;background:#fff url("img/puraico/ico-flow.png") center/cover no-repeat}.showcase__inner{width:min(1120px,100%);margin:auto}.showcase h2{margin:0 0 16px;color:#5939cf;font-size:clamp(2.2rem,4vw,4rem);line-height:1.25}.showcase p:last-child{max-width:460px;margin:0;color:#655d82}.section-heading{text-align:center;margin-bottom:36px}.section-heading h2{margin:0;font-size:clamp(2rem,3.5vw,3rem);line-height:1.35}.wide-visual{width:100%;display:block;border-radius:22px;box-shadow:0 16px 38px rgb(96 53 193 / 16%)}.size-table-wrap{max-width:820px;margin:40px auto 0;padding:12px 24px;background:#fff;border:1px solid var(--line);border-radius:20px}.size-table{width:100%;border-collapse:collapse}.size-table th,.size-table td{padding:13px 8px;border-bottom:1px solid #eee7f6;text-align:left;font-size:.9rem}.size-table th{color:#5c3ec1}.size-table tbody tr:last-child td{border:0}.howto{padding-top:50px}.howto__grid{display:grid;grid-template-columns:minmax(300px,.7fr) minmax(520px,1.3fr);gap:44px;align-items:center}.howto ol{margin:0;padding:0;list-style:none;counter-reset:step}.howto li{position:relative;margin:0 0 20px;padding:14px 18px 14px 74px;background:#fff;border:1px solid var(--line);border-radius:16px}.howto li:before{counter-increment:step;content:counter(step);position:absolute;top:17px;left:18px;width:37px;height:37px;display:grid;place-items:center;border-radius:50%;color:#fff;background:linear-gradient(135deg,var(--orange),#ffb02e);font-weight:900}.howto strong{display:block;color:#e06d00;font-size:1.2rem}.howto span{display:block;color:var(--muted);font-size:.85rem;line-height:1.7}.howto img{width:100%;border-radius:22px;box-shadow:0 18px 44px rgb(103 68 216 / 14%)}.interface{display:grid;grid-template-columns:minmax(430px,1.1fr) minmax(0,.9fr);align-items:center;gap:64px}.interface__visual{padding:24px;background:linear-gradient(135deg,#f0e9ff,#fff2f8);border-radius:28px}.interface__visual img{width:100%;display:block;border-radius:18px;box-shadow:0 18px 35px rgb(52 29 118 / 14%)}.note{margin-top:22px!important;padding:14px 18px;color:#584b7f!important;background:#f6f1ff;border-left:4px solid var(--pink);font-size:.82rem}.notes{display:grid;grid-template-columns:minmax(0,.85fr) minmax(440px,1.15fr);align-items:center;gap:44px;padding-bottom:110px}.notes>img{width:100%;border-radius:25px;box-shadow:0 18px 42px rgb(103 68 216 / 13%)}footer{padding:27px max(24px,calc((100% - 1200px)/2));display:flex;justify-content:space-between;gap:20px;color:#eee8ff;background:#31205f;font-size:.78rem}footer a{color:#fff;text-decoration:none}@media(max-width:850px){.site-header{height:auto;padding:15px 20px;align-items:flex-start}.site-header nav{justify-content:flex-end;flex-wrap:wrap;gap:6px 15px}.site-header nav a{font-size:.72rem}.hero{min-height:520px;background-position:64% center}.hero__inner{padding:72px 26px}.hero__copy br{display:none}.section{padding:70px 22px}.intro,.howto__grid,.interface,.notes{grid-template-columns:1fr;gap:30px}.intro>img{order:-1}.howto{padding-top:22px}.size-table-wrap{padding:8px 14px;overflow-x:auto}.size-table{min-width:500px}.notes{padding-bottom:75px}.showcase{min-height:360px;background-position:58% center}.showcase__inner{padding-right:32%}}@media(max-width:500px){.site-header{gap:13px}.brand{font-size:1.08rem}.site-header nav{gap:4px 11px}.hero{min-height:510px;background-position:68% center}.hero__lead{font-size:1.5rem}.hero__inner{padding-top:55px}.showcase{min-height:330px;background-position:62% center}.showcase__inner{padding-right:20%}.howto li{padding-left:65px}.howto li:before{left:14px}.interface__visual{padding:13px}footer{display:block}footer span{display:block;margin-top:8px}}