:root{--ink:#29253b;--muted:#706c80;--purple:#6650d9;--lavender:#f3f0fe;--line:#e8e4f0;--paper:#fff;--radius:24px}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--paper);color:var(--ink);font-family:system-ui,-apple-system,"Segoe UI","Microsoft JhengHei",sans-serif;line-height:1.8}a{color:inherit;text-decoration:none}a:hover{color:var(--purple)}button{font:inherit}img{max-width:100%;display:block}h1,h2,h3,p{margin:0}h1,h2,h3{font-weight:750;line-height:1.4}p+p{margin-top:18px}.container{width:calc(100% - 64px);max-width:1160px;margin-inline:auto;padding-inline:0}.muted{color:var(--muted)}.eyebrow{font-size:12px;letter-spacing:.12em;font-weight:700;color:var(--purple);margin-bottom:18px}.skip-link{position:fixed;top:-100px;left:20px;z-index:100;background:#fff;padding:12px}.skip-link:focus{top:8px}:focus-visible{outline:3px solid #947ded;outline-offset:5px}.site-header{border-bottom:1px solid var(--line);background:rgba(255,255,255,.96)}.nav-inner{min-height:82px;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{display:inline-flex;align-items:center;gap:10px;font-size:22px;font-weight:800;letter-spacing:-.5px}.brand-mark{display:grid;place-content:center;background:var(--purple);color:#fff;width:34px;height:34px;border-radius:10px;font-size:26px;line-height:1;position:relative}.brand-mark>span{position:absolute;right:3px;bottom:2px;font-size:28px;color:#ded4ff}.nav-links{display:flex;align-items:center;gap:30px;font-size:14px;font-weight:600}.nav-cta{border:1px solid var(--line);padding:9px 18px;border-radius:99px}.hero{display:grid;grid-template-columns:1.05fr 1fr;gap:64px;align-items:center;padding-block:72px 90px}.status-dot{display:inline-block;width:7px;height:7px;background:var(--purple);border-radius:50%;margin-right:8px}h1{font-size:clamp(42px,4.5vw,64px);letter-spacing:-.055em;line-height:1.2}h1>span{color:var(--purple)}.hero-lead{font-size:21px;font-weight:600;margin-top:28px}.hero-description{font-size:15px;margin-top:18px}.hero-actions{display:flex;align-items:center;flex-wrap:wrap;gap:22px;margin-top:30px}.button-primary{display:inline-flex;align-items:center;gap:26px;padding:14px 24px;background:var(--purple);color:#fff;border-radius:12px;font-size:15px;font-weight:650;box-shadow:0 8px 20px #6650d923}.button-primary:hover{color:#fff;background:#5340be;transform:translateY(-1px)}.text-link{font-size:14px;font-weight:600}.micro{font-size:12px;color:var(--muted);margin-top:16px}.hero-visual{position:relative;background:linear-gradient(135deg,#f3f0fe,#e9e4fc);border-radius:36px;padding:26px 28px 55px;transform:rotate(1deg)}.visual-note{font-size:12px;color:#665781;margin-bottom:18px;display:flex;align-items:center;gap:8px}.visual-note>span{font-size:20px}.hero-screen{border:1px solid #ddd5f3;border-radius:14px;overflow:hidden;background:#fff;box-shadow:0 14px 25px #51417a15;display:block}.window-bar{background:#fff;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:9px 12px;font-size:9px;color:#7b728e;border-bottom:1px solid var(--line)}.window-bar>span:first-child{color:#d8d1e5;letter-spacing:2px}.hero-screen img{width:100%;height:430px;object-fit:cover;object-position:top}.judgment-note{position:absolute;bottom:12px;left:-22px;background:#fff;border:1px solid var(--line);border-radius:14px;padding:13px 20px;box-shadow:0 10px 24px #45326e12;display:flex;align-items:center;gap:12px;transform:rotate(-1deg)}.note-icon{width:34px;height:34px;display:grid;place-content:center;background:var(--lavender);color:var(--purple);border-radius:10px}.judgment-note strong{display:block;font-size:13px}.judgment-note div>span{display:block;color:var(--muted);font-size:11px}.facts{display:grid;grid-template-columns:repeat(3,1fr) 1.4fr;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding-block:30px}.facts>div{padding:0 30px;border-right:1px solid var(--line)}.facts>div:first-child{padding-left:0}.facts>div:last-child{border:0}.facts strong{font-size:38px;line-height:1.4;font-weight:700;letter-spacing:-1px}.facts span{display:block;font-size:13px;color:var(--muted)}.facts .fact-message{font-size:16px;align-self:center}.fact-message strong{font-size:16px;letter-spacing:0}.why-section{display:grid;grid-template-columns:1fr 1.25fr;gap:80px;padding-block:90px}h2{font-size:clamp(28px,3vw,38px);letter-spacing:-.045em}.why-copy{font-size:16px}.principles{display:flex;flex-wrap:wrap;gap:10px;margin-top:24px}.principles span{font-size:12px;border:1px solid var(--line);border-radius:99px;padding:5px 14px}.experience-section{background:#faf9fd;border-block:1px solid var(--line);padding-block:76px}.section-intro{max-width:700px;margin-bottom:40px}.section-intro>p:last-child{margin-top:16px;font-size:15px}.entry-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-bottom:30px}.entry-card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden}.entry-copy{padding:28px 30px}.entry-copy .eyebrow{display:block;margin-bottom:8px}.entry-copy h3{font-size:22px;margin-bottom:10px}.entry-copy p{font-size:14px;color:var(--muted)}.screen-link{display:block;position:relative}.entry-screen{margin:0 24px 24px;border:1px solid var(--line);border-radius:14px;overflow:hidden;background:#f5f6fa}.entry-screen img{width:100%;height:300px;object-fit:cover;object-position:top}.zoom-label{display:block;background:#fff;border-top:1px solid var(--line);padding:10px 16px;color:var(--purple);font-size:12px;font-weight:650}.step-row{display:grid;grid-template-columns:1fr 1fr;gap:72px;align-items:center;padding-block:56px;border-bottom:1px solid var(--line)}.step-row.reverse .step-copy{order:2}.step-number{display:block;color:#b5a8e8;font-size:46px;font-weight:700;line-height:1;letter-spacing:-2px;margin-bottom:24px}.step-copy h3{font-size:30px;margin-bottom:22px;letter-spacing:-.025em}.step-copy p{font-size:15px}.step-copy .eyebrow{font-size:12px;margin-top:0;margin-bottom:12px}.step-tag{display:inline-block;margin-top:24px;color:var(--purple);background:#ece7fb;border-radius:99px;padding:6px 14px;font-size:12px}.step-screen{border:1px solid var(--line);border-radius:18px;overflow:hidden;box-shadow:0 14px 30px #39305408;background:#fff}.step-screen img{width:100%;height:480px;object-fit:cover;object-position:bottom}.human-card{display:grid;grid-template-columns:1fr 1fr;gap:52px;align-items:center;margin-top:48px;padding:40px;background:#eee9fc;border-radius:var(--radius)}.human-card h3{font-size:26px;margin-bottom:16px}.human-card p:last-child{font-size:14px;color:#625676}.human-screen{border:1px solid #dfd6f5;border-radius:16px;overflow:hidden}.human-screen img{width:100%;height:350px;object-fit:cover;object-position:bottom}.topics-section{padding-block:88px}.topic-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.topic-grid article{padding:24px 20px;border:1px solid var(--line);border-radius:18px;display:flex;flex-direction:column;align-items:flex-start}.topic-grid article>span{font-size:11px;color:var(--purple);letter-spacing:.08em;margin-bottom:16px;font-weight:700}.topic-grid h3{font-size:18px;margin-bottom:12px}.topic-grid p{font-size:13px;color:var(--muted);margin-bottom:22px}.topic-grid small{font-size:10px;background:var(--lavender);color:#685492;border-radius:99px;padding:4px 10px;margin-top:auto}.cta-section{text-align:center;background:#302547;color:#fff;padding:56px 24px 60px;border-radius:28px}.cta-section .eyebrow{color:#c4b2fa}.cta-section h2{font-size:34px}.cta-section p:not(.eyebrow){color:#d3c9e1;font-size:14px;margin:20px 0 26px}.cta-section .button-primary{background:#b8a5ff;color:#302547}.site-footer{display:flex;align-items:center;justify-content:space-between;gap:24px;padding-block:40px}.site-footer .brand{font-size:18px}.site-footer p{font-size:12px;color:var(--muted)}.site-footer small{font-size:10px;color:var(--muted);text-align:right}dialog{padding:0;border:1px solid var(--line);border-radius:18px;width:min(940px,94vw);max-height:92dvh;color:var(--ink);background:#f8f7fb}dialog::backdrop{background:#17102be0}.viewer-bar{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:14px 20px;background:#fff;border-bottom:1px solid var(--line)}.viewer-bar p{font-size:13px;font-weight:650}.viewer-bar button{flex-shrink:0;border:1px solid var(--line);border-radius:8px;background:#fff;color:var(--ink);padding:7px 12px;font-size:13px}.viewer-content{overflow:auto;max-height:calc(92dvh - 75px);padding:20px}.viewer-content img{width:650px;max-width:100%;height:auto;margin-inline:auto}body.viewer-open{overflow:hidden}
@media(min-width:1400px){.container{max-width:1160px}}
@media(max-width:1000px){.hero{gap:36px}.hero-visual{padding-inline:20px}.hero-screen img{height:390px}.topic-grid{grid-template-columns:repeat(2,1fr)}.step-row{gap:40px}.step-copy h3{font-size:27px}.why-section{gap:40px}.human-card{padding:30px;gap:30px}}
@media(max-width:700px){html{scroll-padding-top:24px}.container{width:calc(100% - 40px)}.nav-inner{min-height:70px}.brand{font-size:20px}.nav-links{gap:10px}.nav-links>a:not(.nav-cta){display:none}.nav-cta{font-size:12px;padding:7px 12px}.hero{grid-template-columns:1fr;padding-block:44px 55px;gap:38px}h1{font-size:46px}.hero .eyebrow{font-size:10px;letter-spacing:.07em}.hero-lead{font-size:19px;margin-top:22px}.hero-description{font-size:14px}.desktop-break{display:none}.hero-actions{gap:16px}.button-primary{font-size:14px;padding:12px 20px;gap:20px}.text-link{font-size:12px}.micro{font-size:10px}.hero-visual{transform:none;border-radius:24px;padding:20px 20px 56px}.hero-screen img{height:350px}.judgment-note{left:10px;bottom:12px;transform:none}.facts{grid-template-columns:repeat(3,1fr);padding-block:24px}.facts>div{padding:0 14px}.facts>div:nth-child(3){border:0}.facts strong{font-size:32px}.facts span{font-size:10px}.facts .fact-message{grid-column:1/-1;padding:20px 0 0;text-align:center;font-size:14px}.fact-message br{display:none}.fact-message strong{font-size:14px}.why-section{grid-template-columns:1fr;padding-block:50px;gap:24px}.why-section h2 br{display:none}.why-copy{font-size:14px}.experience-section{padding-block:48px}.section-intro{margin-bottom:28px}.section-intro>p:last-child{font-size:14px}.entry-grid{grid-template-columns:1fr;gap:18px}.entry-copy{padding:24px}.entry-screen{margin-inline:18px}.entry-screen img{height:250px}.step-row{grid-template-columns:1fr;gap:24px;padding-block:38px}.step-row.reverse .step-copy{order:0}.step-number{font-size:36px;margin-bottom:18px}.step-copy h3{font-size:26px;margin-bottom:18px}.step-copy p{font-size:14px}.step-screen img{height:390px}.human-card{grid-template-columns:1fr;padding:24px;gap:24px;margin-top:32px}.human-card h3{font-size:24px}.human-screen img{height:310px}.topics-section{padding-block:52px}.topic-grid{gap:12px}.topic-grid article{padding:20px 14px}.topic-grid h3{font-size:16px}.topic-grid p{font-size:12px}.topic-grid small{font-size:9px;padding:4px 7px}.cta-section{padding:40px 20px;border-radius:22px}.cta-section h2{font-size:27px}.cta-section p:not(.eyebrow){font-size:13px}.site-footer{flex-wrap:wrap;gap:12px;padding-block:30px}.site-footer small{width:100%;text-align:left}.viewer-bar{padding:12px}.viewer-bar p{font-size:12px}.viewer-content{padding:8px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button-primary:hover{transform:none}}