.cp-page{--cp-navy:#102b3b;--cp-deep:#0b2433;--cp-ink:#132f3e;--cp-teal:#58bfc2;--cp-teal-dark:#177c82;--cp-yellow:#f4b63f;--cp-paper:#f5f7f7;--cp-line:#d9e2e3;color:var(--cp-ink);background:var(--cp-paper);scroll-behavior:smooth;margin:0;font-family:Arial,Helvetica,sans-serif;font-size:16px}.cp-page *{box-sizing:border-box}.cp-page img{max-width:100%;height:auto;display:block}.cp-page a{color:inherit}.cp-page h1,.cp-page h2,.cp-page h3,.cp-page p,.cp-page figure{margin:0}.cp-page h1,.cp-page h2,.cp-page h3{letter-spacing:-.045em}.cp-page h2{font-size:clamp(2.2rem,4.2vw,4rem);line-height:1.06}.cp-page p{line-height:1.65}.cp-shell{width:min(100% - 48px,1240px);margin-inline:auto}.cp-skip{z-index:30;color:#000;background:#fff;padding:12px 18px;position:absolute;top:-80px;left:12px}.cp-skip:focus{top:12px}.cp-page a:focus-visible{outline:3px solid var(--cp-yellow);outline-offset:4px}.cp-header{z-index:5;background:var(--cp-deep);color:#fff;border-bottom:1px solid #31505d;position:relative}.cp-header-inner{align-items:center;gap:48px;height:82px;display:flex}.cp-brand,.cp-footer-brand{letter-spacing:-.03em;white-space:nowrap;align-items:center;gap:13px;font-size:1.14rem;text-decoration:none;display:inline-flex}.cp-brand-mark{flex:none;grid-template-columns:1fr 1fr;gap:4px;width:32px;height:32px;display:grid;transform:rotate(-9deg)}.cp-brand-mark i{background:var(--cp-teal);border-radius:3px;display:block}.cp-brand-mark i:first-child,.cp-brand-mark i:last-child{background:var(--cp-yellow)}.cp-brand-mark-small{gap:3px;width:27px;height:27px}.cp-header nav{align-items:center;gap:32px;margin-left:auto;display:flex}.cp-header nav a,.cp-language{color:#d6e6e8;font-size:.94rem;text-decoration:none}.cp-header nav a:hover,.cp-language:hover{color:var(--cp-yellow)}.cp-language{letter-spacing:.08em;font-weight:800}.cp-hero{background:var(--cp-deep);color:#fff;overflow:hidden}.cp-hero-grid{grid-template-columns:.88fr 1.12fr;align-items:center;gap:5%;min-height:690px;padding-block:74px 92px;display:grid}.cp-eyebrow{text-transform:uppercase;letter-spacing:.2em;color:#84dadd;align-items:center;gap:14px;font-size:.78rem;font-weight:800;line-height:1.4;display:flex}.cp-eyebrow>span{background:var(--cp-yellow);width:31px;height:2px}.cp-eyebrow.cp-dark{color:var(--cp-teal-dark)}.cp-hero h1{max-width:720px;margin:24px 0 25px;font-size:clamp(3.5rem,6.2vw,6.7rem);font-weight:800;line-height:1.02}.cp-hero h1 em{color:var(--cp-yellow);font-style:normal}.cp-lead{color:#d7e5e7;max-width:580px;font-size:1.16rem}.cp-actions{flex-wrap:wrap;align-items:center;gap:22px;margin-top:35px;display:flex}.cp-button{justify-content:center;align-items:center;gap:20px;min-height:55px;font-weight:700;text-decoration:none;transition:transform .2s;display:inline-flex}.cp-button:hover{transform:translateY(-2px)}.cp-button-primary{background:var(--cp-yellow);color:var(--cp-ink);border-radius:8px;padding:0 24px}.cp-button-text{color:#e1f1f2;text-underline-offset:6px;text-decoration:underline}.cp-footnote{color:#8eabb3;margin-top:38px;font-size:.83rem}.cp-hero-visual{position:relative}.cp-visual-frame{aspect-ratio:1640/1140;background:linear-gradient(145deg,#3cc3c4,#14868b);border-radius:24px;width:100%;max-width:760px;margin-left:auto;padding:10px;overflow:hidden;transform:rotate(1.5deg);box-shadow:0 38px 80px #00000047}.cp-visual-frame img{object-fit:contain;border-radius:16px;width:100%;height:100%}.cp-hero-visual figcaption{color:#a5c9cd;font-size:.8rem;position:absolute;bottom:-30px;right:0}.cp-latest{border-bottom:1px solid var(--cp-line);background:#fff;padding:92px 0}.cp-latest-grid{grid-template-columns:repeat(3,1fr);gap:18px;display:grid}.cp-latest-grid article{background:var(--cp-navy);color:#fff;border-radius:18px;min-height:245px;padding:29px 30px 32px}.cp-latest-grid article:nth-child(2){background:#177c82}.cp-latest-grid article:nth-child(3){color:var(--cp-ink);background:#fff7e6;border:1px solid #ead8ae}.cp-latest-grid span{background:var(--cp-yellow);width:38px;height:38px;color:var(--cp-ink);border-radius:50%;place-items:center;font-size:.78rem;font-weight:800;display:inline-grid}.cp-latest-grid h3{margin:28px 0 12px;font-size:1.55rem}.cp-latest-grid p{color:#d7e5e7}.cp-latest-grid article:nth-child(3) p{color:#536b74}.cp-devices{border-bottom:1px solid var(--cp-line);background:#eef4f4;padding:100px 0}.cp-device-grid{grid-template-columns:1fr 1fr;align-items:start;gap:24px;display:grid}.cp-device-shot{background:#fff;border:1px solid #cbd9da;border-radius:20px;overflow:hidden;box-shadow:0 18px 48px #133d4817}.cp-device-shot img{object-fit:contain;background:#0f2c3b;width:100%}.cp-ipad-shot img{aspect-ratio:1640/1140}.cp-iphone-shot img{aspect-ratio:1800/828}.cp-device-shot figcaption{color:#526a74;gap:4px;padding:17px 20px 19px;display:grid}.cp-device-shot figcaption strong{color:var(--cp-ink);font-size:1.08rem}.cp-section{padding:106px 0 116px}.cp-section-heading{justify-content:space-between;align-items:end;gap:64px;margin-bottom:44px;display:flex}.cp-section-heading h2{max-width:700px;margin-top:16px}.cp-section-heading>p{color:#526a74;max-width:390px}.cp-feature-grid{grid-template-columns:repeat(3,1fr);gap:18px;display:grid}.cp-feature-card{border:1px solid var(--cp-line);background:#fff;border-radius:18px;flex-direction:column;min-height:400px;padding:29px 30px 32px;display:flex}.cp-card-number{letter-spacing:.15em;color:#52727d;font-size:.76rem;font-weight:800}.cp-feature-card h3{margin:30px 0 15px;font-size:1.64rem;line-height:1.12}.cp-feature-card p{color:#536b74}.cp-glyph{align-items:end;gap:8px;height:95px;margin-top:34px;display:flex}.cp-plan-glyph{grid-template-rows:repeat(2,27px);grid-template-columns:repeat(3,27px);align-content:end;display:grid}.cp-plan-glyph span{background:#d7f2f1;border:3px solid #127c82;border-radius:6px}.cp-plan-glyph span:nth-child(2),.cp-plan-glyph span:nth-child(5){background:#fbd682;border-color:#d99d26}.cp-attendance-card{background:#edf9f8}.cp-check-glyph span{color:#127c82;background:#fff;border:2px solid #148c8e;border-radius:9px;place-items:center;width:38px;height:38px;font-size:1.45rem;font-weight:800;display:grid}.cp-check-glyph span:last-child{color:#b37a14;border-color:#d49d32}.cp-participation-card{background:#fffaf0}.cp-chart-glyph span{background:#1f9ba1;border-radius:6px 6px 2px 2px;width:26px;height:38px}.cp-chart-glyph span:nth-child(2){background:#f1b84b;height:72px}.cp-chart-glyph span:nth-child(3){height:54px}.cp-chart-glyph span:nth-child(4){background:#164c61;height:88px}.cp-guide{background:#e9f0f0;border-top:1px solid #d5e0e1;padding:108px 0 118px}.cp-guide-list{gap:32px;display:grid}.cp-guide-card{background:#fff;border:1px solid #cbd9da;border-radius:24px;grid-template-columns:minmax(320px,.82fr) minmax(0,1.18fr);align-items:center;gap:34px;padding:24px;display:grid;box-shadow:0 18px 48px #133d4814}.cp-guide-card:nth-child(2n){grid-template-columns:minmax(0,1.18fr) minmax(320px,.82fr)}.cp-guide-card:nth-child(2n) .cp-guide-copy{order:2}.cp-guide-card:nth-child(2n) .cp-guide-media{order:1}.cp-guide-copy{padding:18px 12px 18px 18px}.cp-guide-number{color:#116f75;letter-spacing:.12em;text-transform:uppercase;background:#dff4f2;border-radius:999px;padding:8px 12px;font-size:.76rem;font-weight:800;display:inline-flex}.cp-guide-copy h3{margin:18px 0 14px;font-size:clamp(1.8rem,3vw,2.65rem);line-height:1.08}.cp-guide-copy>p{color:#526a74}.cp-guide-copy ol{counter-reset:cp-step;gap:13px;margin:26px 0 0;padding:0;list-style:none;display:grid}.cp-guide-copy li{counter-increment:cp-step;grid-template-columns:34px 1fr;column-gap:11px;line-height:1.48;display:grid}.cp-guide-copy li:before{content:counter(cp-step);background:var(--cp-navy);color:#fff;border-radius:50%;grid-row:1/3;place-items:center;width:30px;height:30px;font-size:.78rem;font-weight:800;display:grid}.cp-guide-copy li strong{font-size:.98rem}.cp-guide-copy li span{color:#5b7078;font-size:.94rem}.cp-guide-media{background:#0f2c3b;border-radius:17px;overflow:hidden;box-shadow:0 15px 34px #0e333e29}.cp-guide-media>figure>img{aspect-ratio:1640/1140;object-fit:contain;width:100%;height:auto}.cp-guide-media figcaption{color:#c4d8dc;letter-spacing:.04em;background:#102b3b;padding:12px 15px;font-size:.78rem}.cp-phone-view{border-top:1px solid #31505d}.cp-phone-view summary{cursor:pointer;color:#e5f0f2;background:#17394a;padding:14px 16px;font-size:.84rem;font-weight:700;list-style:none}.cp-phone-view summary::-webkit-details-marker{display:none}.cp-phone-view summary:after{content:"＋";float:right;color:var(--cp-yellow)}.cp-phone-view[open] summary:after{content:"−"}.cp-phone-view figure{margin:0}.cp-phone-view img{aspect-ratio:1800/828;object-fit:contain;background:#fff;width:100%;height:auto}.cp-three-d{background:var(--cp-navy);color:#fff;padding:108px 0}.cp-three-d-grid{grid-template-columns:.72fr 1.28fr;align-items:center;gap:6%;display:grid}.cp-three-d h2{margin:18px 0 22px}.cp-three-d p:not(.cp-eyebrow){color:#c9dade}.cp-three-d ul{color:#e5f0f2;gap:10px;margin:25px 0 0;padding-left:20px;display:grid}.cp-three-d li::marker{color:var(--cp-yellow)}.cp-wide-shot{background:#fff;border-radius:22px;padding:10px;transform:rotate(1deg);box-shadow:0 28px 65px #00000040}.cp-wide-shot img{aspect-ratio:1640/1140;object-fit:contain;border-radius:14px;width:100%;height:auto}.cp-wide-shot figcaption{color:#60717a;padding:13px 8px 4px;font-size:.82rem}.cp-phone-view-dark{border:1px solid #31505d;border-radius:14px;margin-top:22px;overflow:hidden}.cp-phone-view-dark summary{background:#17394a}.cp-phone-view-dark figcaption{color:#60717a;background:#fff;padding:12px 15px;font-size:.8rem}.cp-help{background:#f7f3e8;padding:86px 0}.cp-help-panel{background:#fff;border:1px solid #dfd5ba;border-radius:22px;justify-content:space-between;align-items:center;gap:54px;padding:48px 54px;display:flex}.cp-help h2{margin:14px 0;font-size:clamp(2rem,3.4vw,3.3rem)}.cp-help p:last-child{color:#526a74;max-width:760px}.cp-help .cp-button{flex:none}.cp-privacy{background:#ecf2f2;padding:90px 0}.cp-privacy-panel{background:#fff;border:1px solid #cbdada;border-radius:22px;grid-template-columns:130px 1fr;align-items:start;gap:35px;padding:54px 62px;display:grid}.cp-privacy-symbol{color:#167f83;background:#d9f2ef;border-radius:18px;place-items:center;width:78px;height:78px;font-size:3.5rem;display:grid}.cp-privacy h2{margin:14px 0 16px;font-size:clamp(2rem,3.4vw,3.3rem)}.cp-privacy p:last-child{color:#526a74;max-width:820px}.cp-footer{background:var(--cp-deep);color:#fff;padding:58px 0 48px}.cp-footer-inner{grid-template-columns:1fr 1fr auto;gap:36px;display:grid}.cp-footer p{color:#afc6cc;margin-top:12px;font-size:.89rem}.cp-footer-end{color:#afc6cc;flex-direction:column;justify-content:space-between;align-items:end;font-size:.85rem;display:flex}.cp-footer-end a{color:#fff;text-decoration:none}@media (max-width:1000px){.cp-header-inner{gap:20px}.cp-header nav{gap:16px}.cp-hero-grid{grid-template-columns:1fr;gap:58px}.cp-visual-frame{max-width:none;margin:0}.cp-guide-card,.cp-guide-card:nth-child(2n){grid-template-columns:1fr}.cp-guide-card:nth-child(2n) .cp-guide-copy{order:1}.cp-guide-card:nth-child(2n) .cp-guide-media{order:2}.cp-three-d-grid{grid-template-columns:1fr;gap:45px}}@media (max-width:720px){.cp-shell{width:min(100% - 32px,1240px)}.cp-header-inner{flex-wrap:wrap;gap:16px;height:auto;min-height:72px;padding-block:17px}.cp-brand{font-size:1rem}.cp-header nav{order:4;justify-content:space-between;gap:8px;width:100%;margin:0}.cp-header nav a{font-size:.76rem}.cp-language{margin-left:auto}.cp-hero-grid{gap:52px;padding-block:58px 70px}.cp-hero h1{font-size:clamp(3rem,11vw,5.3rem)}.cp-actions{align-items:stretch;gap:14px}.cp-button-primary{width:100%}.cp-button-text{margin-inline:auto}.cp-section,.cp-latest,.cp-devices,.cp-guide,.cp-three-d{padding:74px 0}.cp-section-heading{margin-bottom:28px;display:block}.cp-section-heading>p{margin-top:20px}.cp-feature-grid,.cp-latest-grid,.cp-device-grid{grid-template-columns:1fr}.cp-feature-card,.cp-latest-grid article{min-height:0}.cp-guide-list{gap:22px}.cp-guide-card{gap:14px;padding:12px}.cp-guide-copy{padding:18px 12px}.cp-guide-copy li{grid-template-columns:31px 1fr}.cp-guide-media figcaption{font-size:.72rem}.cp-wide-shot{transform:none}.cp-help{padding:62px 0}.cp-help-panel{padding:31px 25px;display:block}.cp-help .cp-button{margin-top:28px}.cp-privacy{padding:60px 0}.cp-privacy-panel{grid-template-columns:1fr;gap:18px;padding:31px 25px}.cp-footer-inner{grid-template-columns:1fr;gap:32px}.cp-footer-end{align-items:start;gap:22px}}@media (prefers-reduced-motion:reduce){.cp-page{scroll-behavior:auto}.cp-button{transition:none}}