: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);margin:0 auto;padding:0 clamp(20px,4vw,32px)}.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:#eaeff7d9}.nav__inner{max-width:var(--container);align-items:center;gap:28px;height:100%;margin:0 auto;padding:0 clamp(20px,4vw,32px);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:var(--color-text-secondary);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{max-width:980px;height:clamp(260px,38vw,440px);margin:clamp(40px,6vw,72px) auto 0;position:relative;overflow:hidden}.hero__shot>*{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:0;right:0}.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{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;overflow:hidden}.pain-card:before{content:"";pointer-events:none;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:16/9}.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%;box-shadow:var(--shadow-md)}.shot-img--phone{border:10px solid var(--color-ink);background:var(--color-ink);box-shadow:var(--shadow-lg);aspect-ratio:390/844;object-fit:cover;border-radius:44px;max-width:360px;margin:0 auto}.shot-video{border-radius:var(--radius-xl);width:100%;box-shadow:var(--shadow-md);display:block}.shot-video--phone{border:10px solid var(--color-ink);background:var(--color-ink);box-shadow:var(--shadow-lg);aspect-ratio:390/844;object-fit:cover;border-radius:44px;max-width:360px;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{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;border:64px solid #ffffff12;border-radius:50%;width:520px;height:520px;position:absolute;top:-220px;right:-140px}.everywhere__card:after{content:"";pointer-events:none;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{opacity:0;pointer-events:none;background:#fff;border-radius:0 0 18px 18px;padding:2px 22px 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 2px;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{height:auto;margin:44px 20px 0;overflow:visible}.hero__shot>*{border-radius:18px}.hero__shot:after{display:none}.motto-band__grid,.more__grid{grid-template-columns:1fr}.shot-ph--phone{max-width:340px;margin:0 auto}.shot-video--phone{max-width:340px}.footer__bottom{flex-direction:column}}