:root{--color-primary:#4576ed;--color-primary-light:#6182f3;--color-primary-dark:#3451db;--color-primary-bg:#e5eafd;--color-success:#5fce8c;--color-warning:#f3bb4e;--color-danger:#ef4444;--color-bg:#eaeff7;--color-bg-warm:#f1f4fa;--color-surface:#fff;--color-ink:#08142c;--color-text-primary:#08142c;--color-text-secondary:#7a8396;--color-text-tertiary:#b3bdce;--color-border:#dde4f0;--color-option-bg:#eef2f9;--shadow-sm:0 1px 2px #08142c0a, 0 4px 12px #08142c0d;--shadow-md:0 2px 4px #08142c0a, 0 10px 28px #08142c12;--shadow-lg:0 6px 16px #08142c0f, 0 20px 48px #08142c1a;--radius-md:12px;--radius-lg:16px;--radius-xl:20px;--radius-2xl:24px;--radius-3xl:28px;--radius-full:9999px;--ease-out:cubic-bezier(.25, .46, .45, .94);--ease-spring:cubic-bezier(.34, 1.56, .64, 1);--font-family:-apple-system, BlinkMacSystemFont, "SF Pro Text", "Helvetica Neue", "PingFang TC", "Noto Sans TC", "Microsoft JhengHei", sans-serif;--fs-hero:clamp(38px, 6.2vw, 60px);--fs-h2:clamp(26px, 4vw, 36px);--fs-pain:clamp(24px, 3.4vw, 32px);--fs-h3:clamp(19px, 2.2vw, 22px);--fs-body:17px;--fs-caption:14px;--container:1120px;--nav-h:68px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:calc(var(--nav-h) + 16px)}body{font:400 var(--fs-body) / 1.9 var(--font-family);letter-spacing:.012em;background:var(--color-bg);color:var(--color-text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;min-height:100dvh;overflow-x:hidden}img{max-width:100%;display:block}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:none}h1,h2,h3{letter-spacing:.02em;text-wrap:balance;font-weight:800;line-height:1.35}::selection{background:var(--color-primary-bg);color:var(--color-primary-dark)}.container{max-width:var(--container);padding:0 max(clamp(20px, 4vw, 32px), env(safe-area-inset-right)) 0 max(clamp(20px, 4vw, 32px), env(safe-area-inset-left));margin:0 auto}.section-head{text-align:center;margin-bottom:clamp(40px,6vw,64px)}.section-head__kicker{font-size:var(--fs-h3);color:var(--color-primary);margin-bottom:10px;font-weight:800}.section-head__title{font-size:var(--fs-h2);color:var(--color-ink)}.btn{border-radius:var(--radius-full);letter-spacing:.02em;white-space:nowrap;height:54px;transition:transform .18s var(--ease-out), box-shadow .18s var(--ease-out), background .18s ease, color .18s ease;justify-content:center;align-items:center;gap:8px;padding:0 32px;font-size:17px;font-weight:700;display:inline-flex}.btn--primary{background:var(--color-primary);color:#fff;box-shadow:0 6px 20px #4576ed59}.btn--primary:hover{background:var(--color-primary-dark);transform:translateY(-2px);box-shadow:0 10px 28px #4576ed66}.btn--primary:active{transform:scale(.97)}.btn--ghost{background:var(--color-surface);color:var(--color-primary);border:1.5px solid #4576ed59}.btn--ghost:hover{border-color:var(--color-primary-light);background:var(--color-primary-bg);transform:translateY(-2px)}.btn--ghost:active{transform:scale(.97)}.btn--on-dark{color:var(--color-primary-dark);background:#fff;box-shadow:0 6px 20px #08142c40}.btn--on-dark:hover{transform:translateY(-2px)}.rv{opacity:0;transform:translateY(18px)}.rv-in{opacity:1;transition:opacity .65s var(--ease-out), transform .65s var(--ease-out);transform:translateY(0)}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.rv{opacity:1;transform:none}.rv-in{transition:none}}.nav{height:var(--nav-h);z-index:100;background:0 0;transition:background .25s,box-shadow .25s;position:fixed;top:0;left:0;right:0}.nav--scrolled{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:0 1px 0 var(--color-border);background:#f4f7fcf5}.nav__inner{max-width:var(--container);height:100%;padding:0 max(clamp(20px, 4vw, 32px), env(safe-area-inset-right)) 0 max(clamp(20px, 4vw, 32px), env(safe-area-inset-left));align-items:center;gap:28px;margin:0 auto;display:flex}.nav__brand{letter-spacing:.01em;color:var(--color-ink);align-items:center;margin-right:auto;font-size:22px;font-weight:800;display:flex}.brand-logo{white-space:nowrap}.brand-dot{vertical-align:baseline;width:.704em;height:.704em;margin-left:.2em}.nav__links{gap:28px;display:flex}.nav__link{color:#5a6375;font-size:16px;font-weight:600;transition:color .15s}.nav__link:hover{color:var(--color-ink)}.nav__signin{color:var(--color-ink);font-size:16px;font-weight:600}.nav__signin:hover{color:var(--color-primary)}.nav__cta{height:42px;padding:0 22px;font-size:15px}.nav__burger,.nav__menu,.nav__scrim{display:none}.hero{padding:calc(var(--nav-h) + clamp(48px, 9vw, 96px)) 0 0;position:relative;overflow:hidden}.hero:before{content:"";background:linear-gradient(180deg, #fff 0%, #f4f9fd 30%, #e3eef8 62%, var(--color-bg) 100%);pointer-events:none;position:absolute;inset:0}.hero__inner{text-align:center;position:relative}.hero__title{font-size:var(--fs-hero);letter-spacing:.03em;color:var(--color-ink);margin-bottom:clamp(20px,3vw,28px);line-height:1.28}.hero__clause{display:inline}.hero__subtitle{max-width:640px;color:var(--color-text-secondary);margin:0 auto clamp(32px,4.5vw,44px);font-size:clamp(17px,2vw,19px);line-height:1.95}.hero__ctas{flex-wrap:wrap;justify-content:center;gap:16px;display:flex}.hero__micro{font-size:var(--fs-caption);color:var(--color-text-tertiary);letter-spacing:.04em;margin-top:18px}.hero__shot{clip-path:inset(-64px -64px 0);max-width:980px;height:clamp(260px,38vw,440px);margin:clamp(40px,6vw,72px) auto 0;position:relative}.hero__shot>.shot-img,.hero__shot>.shot-ph{border-radius:var(--radius-3xl) var(--radius-3xl) 0 0;box-shadow:var(--shadow-lg)}.hero__shot:after{content:"";background:linear-gradient(180deg, transparent, var(--color-bg));pointer-events:none;height:72px;position:absolute;bottom:0;left:-64px;right:-64px}.hero__phone{display:none}.motto-band{padding:clamp(48px,7vw,80px) 0 clamp(20px,3vw,32px)}.motto-band__grid{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}.motto-band__item{background:var(--color-surface);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);letter-spacing:.03em;color:var(--color-ink);justify-content:center;align-items:center;gap:12px;padding:22px 16px;font-size:clamp(16px,1.8vw,19px);font-weight:700;display:flex}.motto-band__item svg{color:var(--color-primary);flex-shrink:0}.pains{padding:clamp(40px,6vw,72px) 0}.pains__stack{flex-direction:column;gap:clamp(24px,3.5vw,40px);display:flex}.pain-card{isolation:isolate;background:var(--color-surface);border-radius:var(--radius-3xl);box-shadow:var(--shadow-sm);grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:clamp(28px,5vw,64px);padding:clamp(32px,5.5vw,72px);display:grid;position:relative}.pain-card:before{content:"";pointer-events:none;border-radius:inherit;z-index:-1;background:radial-gradient(620px 360px at 90% -8%,#8b7bf714,#0000 62%);position:absolute;inset:0}.pain-card:nth-child(3n+2):before{background:radial-gradient(620px 360px at -8% -8%,#5b8def17,#0000 62%)}.pain-card:nth-child(3n):before{background:radial-gradient(620px 360px at 90% 108%,#f3bb4e14,#0000 62%)}.pain-card--flip .pain-card__text{order:2}.pain-card--flip .pain-card__shot{order:1}.pain-card__kicker{letter-spacing:.08em;color:var(--color-primary);margin-bottom:14px;font-size:15px;font-weight:800}.pain-card__pain{font-size:var(--fs-pain);color:var(--color-ink);margin-bottom:18px;line-height:1.42}.pain-card__relief{font-size:var(--fs-h3);color:var(--color-primary-dark);margin-bottom:14px;font-weight:700;line-height:1.6}.pain-card__body{color:var(--color-text-secondary);max-width:46ch;line-height:2}.shot-ph{border:2px dashed var(--color-border);border-radius:var(--radius-xl);background:var(--color-bg-warm);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:10px;width:100%;padding:24px;display:flex;position:relative;overflow:hidden}.shot-ph--desktop{aspect-ratio:16/10}.shot-ph--phone{aspect-ratio:390/844;max-width:360px;margin:0 auto}.shot-ph--devices{aspect-ratio:1700/1100}.shot-ph__skeleton{opacity:.55;pointer-events:none;background:linear-gradient(var(--color-option-bg), var(--color-option-bg)) 12% 18% / 40% 10px no-repeat, linear-gradient(var(--color-option-bg), var(--color-option-bg)) 12% 30% / 76% 10px no-repeat, linear-gradient(var(--color-option-bg), var(--color-option-bg)) 12% 42% / 64% 10px no-repeat, linear-gradient(var(--color-option-bg), var(--color-option-bg)) 12% 62% / 76% 10px no-repeat, linear-gradient(var(--color-option-bg), var(--color-option-bg)) 12% 74% / 52% 10px no-repeat;position:absolute;inset:0}.shot-ph__icon{color:var(--color-text-tertiary);position:relative}.shot-ph__label{color:var(--color-text-secondary);font-size:15px;font-weight:700;position:relative}.shot-ph__note{color:var(--color-text-tertiary);max-width:32ch;font-size:13px;line-height:1.7;position:relative}.shot-img{border-radius:var(--radius-xl);width:100%;height:auto;box-shadow:var(--shadow-md)}.shot-video{border-radius:var(--radius-xl);width:100%;box-shadow:var(--shadow-md);display:block}.shot-img--phone,.shot-video--phone{box-sizing:content-box;--shell-bw:clamp(7px, 2.6vw, 10px);border:var(--shell-bw) solid var(--color-ink);background:var(--color-ink);box-shadow:var(--shadow-lg);width:calc(100% - 2 * var(--shell-bw));aspect-ratio:390/844;object-fit:cover;border-radius:13%/6%;max-width:340px;height:auto;margin:0 auto}.philosophy{padding:clamp(48px,7vw,88px) 0}.philosophy__card{background:var(--color-ink);border-radius:var(--radius-3xl);text-align:center;box-shadow:var(--shadow-lg);padding:clamp(44px,7vw,88px) clamp(28px,6vw,88px)}.philosophy__kicker{letter-spacing:.1em;color:#8faaf5;margin-bottom:20px;font-size:15px;font-weight:800}.philosophy__headline{color:#fff;max-width:21em;margin:0 auto 24px;font-size:clamp(26px,4vw,42px);line-height:1.5}.philosophy__body{color:#ffffffb8;text-align:left;max-width:620px;margin:0 auto 20px;line-height:2}.philosophy__body:last-of-type{margin-bottom:clamp(28px,4vw,40px)}.philosophy__principles{flex-wrap:wrap;justify-content:center;gap:12px;list-style:none;display:flex}.philosophy__principles li{border-radius:var(--radius-full);color:#ffffffe6;letter-spacing:.03em;border:1px solid #ffffff38;padding:10px 20px;font-size:15px;font-weight:600}.everywhere{padding:clamp(40px,6vw,72px) 0}.everywhere__card{isolation:isolate;background:linear-gradient(135deg, var(--color-primary) 0%, var(--color-primary-dark) 100%);border-radius:var(--radius-3xl);grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:center;gap:clamp(28px,5vw,64px);padding:clamp(44px,6.5vw,80px) clamp(28px,6vw,80px);display:grid;position:relative;overflow:hidden;box-shadow:0 24px 56px #3451db59}.everywhere__card:before{content:"";pointer-events:none;z-index:-1;border:64px solid #ffffff12;border-radius:50%;width:520px;height:520px;position:absolute;top:-220px;right:-140px}.everywhere__card:after{content:"";pointer-events:none;z-index:-1;background:#08142c1f;border-radius:50%;width:380px;height:380px;position:absolute;bottom:-180px;left:-130px}.everywhere__title{font-size:var(--fs-h2);color:#fff;margin-bottom:18px}.everywhere__body{color:#ffffffd9;max-width:42ch;margin-bottom:28px;line-height:2}.everywhere__shot{position:relative}.everywhere .shot-ph{background:#ffffff1a;border-color:#ffffff59}.everywhere .shot-ph__label{color:#ffffffe6}.everywhere .shot-ph__note{color:#ffffffa6}.everywhere .shot-ph__icon{color:#ffffffb3}.everywhere .shot-ph__skeleton{opacity:.18;filter:invert()}.more{padding:clamp(48px,7vw,88px) 0}.more__grid{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}.more-card{background:var(--color-surface);border-radius:var(--radius-2xl);box-shadow:var(--shadow-sm);transition:transform .22s var(--ease-out), box-shadow .22s var(--ease-out);padding:28px 26px}.more-card:hover{box-shadow:var(--shadow-md);transform:translateY(-4px)}.more-card__icon{border-radius:var(--radius-md);background:var(--color-primary-bg);width:46px;height:46px;color:var(--color-primary);justify-content:center;align-items:center;margin-bottom:16px;display:flex}.more-card__title{color:var(--color-ink);margin-bottom:8px;font-size:18px;font-weight:800}.more-card__body{color:var(--color-text-secondary);font-size:15px;line-height:1.9}.faq{padding:clamp(40px,6vw,72px) 0}.faq__list{flex-direction:column;gap:14px;max-width:760px;margin:0 auto;display:flex}.faq__item{background:var(--color-surface);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);overflow:hidden}.faq__item summary{cursor:pointer;color:var(--color-ink);justify-content:space-between;align-items:center;gap:16px;padding:20px 26px;font-size:17px;font-weight:700;list-style:none;display:flex}.faq__item summary::-webkit-details-marker{display:none}.faq__item summary svg{color:var(--color-text-tertiary);transition:transform .25s var(--ease-out);flex-shrink:0}.faq__item[open] summary svg{transform:rotate(180deg)}.faq__answer{color:var(--color-text-secondary);padding:0 26px 22px;line-height:2}.closing{text-align:center;padding:clamp(72px,10vw,128px) 0;position:relative;overflow:hidden}.closing:before{content:"";pointer-events:none;background:radial-gradient(860px 520px at 18% 108%,#8b7bf733,#0000 64%),radial-gradient(1000px 560px at 84% 104%,#f3bb4e2e,#0000 66%);position:absolute;inset:0}.closing__inner{position:relative}.closing__title{color:var(--color-ink);margin-bottom:clamp(28px,4vw,40px);font-size:clamp(26px,4.2vw,40px)}.closing__ctas{flex-wrap:wrap;justify-content:center;gap:16px;display:flex}.footer{background:var(--color-surface);border-top:1px solid var(--color-border);padding:clamp(44px,6vw,64px) 0 36px}.footer__grid{grid-template-columns:1.4fr repeat(3,1fr);gap:32px;margin-bottom:44px;display:grid}.footer__brand-name{color:var(--color-ink);align-items:center;margin-bottom:10px;font-size:20px;font-weight:800;display:flex}.footer__motto{color:var(--color-text-tertiary);letter-spacing:.03em;font-size:14px}.footer__heading{letter-spacing:.06em;color:var(--color-text-secondary);margin-bottom:16px;font-size:14px;font-weight:800}.footer__links{flex-direction:column;gap:12px;list-style:none;display:flex}.footer__link{color:var(--color-text-secondary);font-size:15px;transition:color .15s}.footer__link:hover{color:var(--color-ink)}.footer__link--placeholder{color:var(--color-text-tertiary);cursor:default}.footer__link--placeholder:hover{color:var(--color-text-tertiary)}.footer__badge{border-radius:var(--radius-full);background:var(--color-option-bg);color:var(--color-text-tertiary);letter-spacing:.04em;vertical-align:middle;margin-left:8px;padding:1px 8px;font-size:11px;font-weight:700;display:inline-block}.footer__bottom{border-top:1px solid var(--color-border);color:var(--color-text-tertiary);flex-wrap:wrap;justify-content:space-between;gap:16px;padding-top:24px;font-size:13px;display:flex}@media (width<=900px){.pain-card{grid-template-columns:1fr}.pain-card--flip .pain-card__text{order:1}.pain-card--flip .pain-card__shot{order:2}.pain-card__body{max-width:none}.everywhere__card{grid-template-columns:1fr}.more__grid{grid-template-columns:repeat(2,1fr)}.footer__grid{grid-template-columns:1fr 1fr}}@media (width<=640px){:root{--nav-h:56px}.nav{background:0 0}.nav--scrolled{box-shadow:0 1px 0 var(--color-border);background:#fff}.nav--open{box-shadow:none;background:#fff}.nav__inner{gap:12px}.nav__links,.nav__signin,.nav__cta{display:none}.nav__brand{font-size:20px}.nav__burger{width:44px;height:44px;color:var(--color-primary);justify-content:center;align-items:center;margin-right:-10px;display:flex}.nav__menu{padding:2px max(20px, env(safe-area-inset-right)) 18px max(20px, env(safe-area-inset-left));opacity:0;pointer-events:none;background:#fff;border-radius:0 0 18px 18px;transition:opacity .18s,transform .18s;display:block;position:absolute;top:100%;left:0;right:0;transform:translateY(-8px);box-shadow:0 22px 44px #08142c29}.nav__menu--open{opacity:1;pointer-events:auto;transform:translateY(0)}.nav__menu-link{color:var(--color-ink);border-bottom:1px solid #dde4f08c;padding:14px 0;font-size:17px;font-weight:600;display:block}.nav__menu-link:active{color:var(--color-primary)}.nav__menu-ctas{gap:12px;padding-top:16px;display:flex}.nav__menu-ctas .btn{flex:1 1 0;height:46px;padding:0;font-size:15px}.nav__scrim{top:var(--nav-h);z-index:-1;background:#08142c38;display:block;position:fixed;bottom:0;left:0;right:0}.hero{padding-top:calc(var(--nav-h) + 60px)}.hero__title{letter-spacing:.01em;color:#17181a;margin-bottom:24px;font-size:clamp(34px,10.6vw,44px);line-height:1.1}.hero__clause{display:block}.hero__punct{display:none}.hero__subtitle{color:#57606e;margin-bottom:38px;padding:0 16px;font-size:17px;line-height:1.55}.hero__ctas{gap:14px}.hero__ctas .btn{flex:1 1 0;max-width:190px;height:44px;padding:0 12px;font-size:16px}.closing__ctas .btn{width:100%}.hero__shot{clip-path:none;height:auto;margin:44px 0 0;overflow:visible}.hero__shot>.shot-img,.hero__shot>.shot-ph{display:none}.hero__phone{display:block}.hero__shot:after{display:none}.motto-band__grid,.more__grid{grid-template-columns:1fr}.shot-ph--phone{max-width:340px;margin:0 auto}.shot-img--phone,.shot-video--phone{max-width:320px}.footer__bottom{flex-direction:column}}.shot-img--devices{box-shadow:none;border-radius:0}p,li,summary{text-wrap:pretty}.hero__subtitle,.pain-card__relief,.hero__micro,.faq__item summary,.footer__motto{text-wrap:balance}.pain-card__pain,.pain-card__relief,.everywhere__title,.section-head__title,.closing__title{word-break:keep-all;overflow-wrap:anywhere}.pain-card__pain{text-spacing-trim:trim-start}@supports not (text-spacing-trim:trim-start){.pain-card__pain{text-indent:-.5em}}:root{--color-text-quiet:#646d7f}.hero__micro,.footer__motto,.footer__bottom{color:var(--color-text-quiet)}@media (width<=640px){.hero{padding-bottom:48px}.motto-band{padding-top:8px}.footer__grid>:first-child{grid-column:1/-1}.footer__links{gap:0}.footer__link{align-items:center;min-height:44px;display:inline-flex}.nav__brand{min-height:44px}}@media (width<=374px){.philosophy__card{padding-left:20px;padding-right:20px}.philosophy__principles li{padding:9px 14px;font-size:14px}}@media (width<=359px){.hero__ctas .btn{padding:0 8px;font-size:15px}}@media (width<=900px){.motto-band__grid{grid-template-columns:1fr;max-width:520px;margin-inline:auto}.more-card:last-child:nth-child(odd){grid-column:1/-1}}.motto-band__item{word-break:keep-all;overflow-wrap:anywhere}.philosophy__principles{max-width:620px;margin-inline:auto}@media (pointer:coarse) and (width>=641px){.nav__link,.nav__signin{align-items:center;min-height:44px;display:inline-flex}.nav__cta{height:44px}}@media (pointer:coarse){.nav__brand{min-height:44px}.footer__links{gap:0}.footer__link{align-items:center;min-height:44px;display:inline-flex}}@media (orientation:landscape) and (height<=500px){:root{--nav-h:56px}.hero{padding-top:calc(var(--nav-h) + clamp(16px, 5svh, 32px))}.hero__title{margin-bottom:12px;font-size:clamp(32px,11svh,48px)}.hero__subtitle{margin-bottom:20px}}@media (width>=901px){.shot-img--phone,.shot-video--phone{max-width:clamp(240px, calc((100svh - var(--nav-h) - 96px) * 390 / 844), 340px)}}.hero__subtitle{word-break:keep-all;overflow-wrap:anywhere}.punct-hang,.hero__clause:last-child .hero__punct{margin-inline-end:-.45em}@media (width<=900px){.shot-img--devices{width:109.5%;max-width:none;margin-left:-4.7%}}@media (width<=640px){.nav--scrolled{-webkit-backdrop-filter:none;backdrop-filter:none}.footer__grid{grid-template-columns:repeat(3,minmax(0,1fr));column-gap:16px}}@media (orientation:landscape) and (height<=500px) and (width>=641px){.pain-card,.everywhere__card{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.pain-card--flip .pain-card__text{order:2}.pain-card--flip .pain-card__shot{order:1}.shot-img--phone,.shot-video--phone{max-width:clamp(140px, calc((100svh - var(--nav-h) - 40px) * 390 / 844), 340px)}}@media (width<=640px) and (orientation:landscape) and (height<=500px){.hero__shot>.shot-img{border-radius:18px;display:block}.hero__shot>.shot-ph{border-radius:18px;display:flex}.hero__phone{display:none}}.shot-video::-webkit-media-controls-start-playback-button{-webkit-appearance:none;display:none!important}.shot-video::-webkit-media-controls{display:none!important}.faq__item summary:focus-visible{outline:2px solid var(--color-primary);outline-offset:-4px;border-radius:var(--radius-xl)}.hero__micro{word-break:keep-all;overflow-wrap:anywhere}@media (width<=319.98px){.pain-card__pain,.pain-card__relief,.everywhere__title,.section-head__title,.closing__title,.hero__subtitle,.hero__micro,.motto-band__item{word-break:normal}.philosophy__principles li{white-space:normal;border-radius:18px}}