.rh2:where(.rd,.rd *){padding:calc(var(--hd) + 4rem) 0 5.5rem}.rh2:where(.rd,.rd *) .top{display:grid;grid-template-columns:minmax(0,1fr);gap:1.25rem;align-items:start}.rh2:where(.rd,.rd *) h1{font-size:clamp(2rem,3.2vw,2.875rem);line-height:1.34;letter-spacing:.02em}.rh2:where(.rd,.rd *) h1 small{display:block;font-size:.5em;font-weight:600;color:#7FD3D9;letter-spacing:.06em;margin-bottom:0.875rem}.rh2:where(.rd,.rd *) .lede{font-size:1.0625rem}.rh2:where(.rd,.rd *) .cta{display:flex;gap:0.75rem;margin-top:1.75rem;flex-wrap:wrap}.rh2:where(.rd,.rd *) .note{margin-top:0.875rem;font-size:0.875rem;color:rgba(255,255,255,.52)}.prod:where(.rd,.rd *){margin-top:3.5rem}

@media (max-width:1080px){.rh2:where(.rd,.rd *) .top{grid-template-columns:1fr;gap:1.25rem}}
@media (max-width:700px){.rh2:where(.rd,.rd *){padding:calc(var(--hd) + 2.25rem) 0 4rem}.rh2:where(.rd,.rd *) h1{font-size:1.875rem}.prod:where(.rd,.rd *){margin-top:2.25rem}}.sh:where(.rd,.rd *){position:relative;min-height:max(47.5rem,min((100vh / var(--z,1)),57.5rem));display:flex;align-items:center;padding:calc(var(--hd) + 3rem) 0 4.5rem;overflow:hidden}.sh:where(.rd,.rd *) .grid{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:3rem;align-items:center;width:100%}.sh:where(.rd,.rd *) h1{font-size:clamp(2rem,3.2vw,3rem);line-height:1.34;letter-spacing:.02em}.sh:where(.rd,.rd *) h1 small{display:block;font-size:.5em;font-weight:600;color:#7FD3D9;letter-spacing:.06em;margin-bottom:0.875rem}.sh:where(.rd,.rd *) .lede{margin-top:1.375rem;font-size:1.0625rem;max-width:30em}.sh:where(.rd,.rd *) .cta{display:flex;gap:0.75rem;margin-top:2.125rem;flex-wrap:wrap}.sh:where(.rd,.rd *) .note{margin-top:1rem;font-size:0.875rem;color:rgba(255,255,255,.52)}.sh:where(.rd,.rd *) .stage{height:32.5rem}.fw:where(.rd,.rd *){position:absolute;z-index:3;display:flex;align-items:center;gap:0.5rem;padding:0.25rem 0.5rem 0.25rem 0;background:none;border:0;color:rgba(255,255,255,.62);font-size:0.875rem;font-weight:600;letter-spacing:.04em;cursor:pointer;transition:color .2s;white-space:nowrap}.fw:hover:where(.rd,.rd *),.fw.on:where(.rd,.rd *){color:#fff}.fw:where(.rd,.rd *)::after{content:"";width:0;height:0.0625rem;background:#7FD3D9;transition:width .25s}.fw.on:where(.rd,.rd *)::after{width:1rem}.sh:where(.rd,.rd *) .stage .lbl.h{color:#fff;font-weight:600;font-size:0.875rem}.sh:where(.rd,.rd *) .stage .lbl.c{color:rgba(255,255,255,.5);font-size:0.75rem}.sh:where(.rd,.rd *) .meta{position:absolute;left:var(--gut);right:var(--gut);bottom:1.25rem;display:flex;justify-content:space-between;align-items:center;gap:1rem;max-width:var(--wrap);margin:0 auto}.sh:where(.rd,.rd *) .hint{font-size:0.78125rem;color:rgba(255,255,255,.46)}.trust:where(.rd,.rd *){padding:3.5rem 0;border-bottom:0.0625rem solid var(--line)}.trust:where(.rd,.rd *) .in{display:grid;grid-template-columns:minmax(0,3fr) minmax(0,9fr);gap:3rem;align-items:center}.trust:where(.rd,.rd *) h2{font-size:0.9375rem;font-weight:600;line-height:1.7}.trust:where(.rd,.rd *) h2>span:last-child{display:block;margin-top:0.375rem;font-size:0.84375rem;font-weight:400;color:var(--ink-3)}.trust:where(.rd,.rd *) h2 a{color:var(--teal-d);text-decoration:underline;text-underline-offset:0.1875rem}.di:where(.rd,.rd *){width:1.75rem;height:1.75rem;fill:var(--teal)}.di:where(.rd,.rd *) .s{fill:#B9C3CE}.dk:where(.rd,.rd *) .di{fill:#7FD3D9}.dk:where(.rd,.rd *) .di .s{fill:rgba(255,255,255,.28)}.story:where(.rd,.rd *) .in{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:5rem}.story:where(.rd,.rd *) .side{position:sticky;top:calc(var(--hd) * var(--hd-on, 1) + 3.5rem);align-self:start}.steps:where(.rd,.rd *){list-style:none;border-top:0.0625rem solid var(--line)}.steps:where(.rd,.rd *) li{display:grid;grid-template-columns:3rem minmax(0,1fr) auto;gap:1.25rem;align-items:start;padding:1.75rem 0;border-bottom:0.0625rem solid var(--line)}.steps:where(.rd,.rd *) li h3{font-size:1.1875rem;line-height:1.5}.steps:where(.rd,.rd *) li p{margin-top:0.375rem;color:var(--ink-2);font-size:0.96875rem}.steps:where(.rd,.rd *) .tg{display:flex;flex-wrap:wrap;gap:0.375rem;margin-top:0.75rem}.steps:where(.rd,.rd *) .tg span{font-size:0.78125rem;padding:0.0625rem 0.5rem;border:0.0625rem solid var(--line-2);border-radius:0.25rem;color:var(--ink-2)}.steps:where(.rd,.rd *) .tg span.ok{border-color:#CFE0D3;background:var(--green-soft);color:var(--green-t)}.steps:where(.rd,.rd *) .tg span.rev{border-color:#F2D9BC;background:var(--orange-soft);color:var(--orange-t)}.ai:where(.rd,.rd *){padding:7.5rem 0}.ai:where(.rd,.rd *) .grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:0.0625rem;margin-top:3rem;background:rgba(255,255,255,.1);border:0.0625rem solid rgba(255,255,255,.1);border-radius:0.625rem;overflow:hidden}.ai:where(.rd,.rd *) .grid div{background:var(--ink);padding:1.75rem 1.5rem 2rem}.ai:where(.rd,.rd *) .grid h3{margin-top:1.75rem;font-size:1.0625rem}.value:where(.rd,.rd *) .grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.5rem;margin-top:3rem}.vc:where(.rd,.rd *){border:0.0625rem solid var(--line);border-radius:0.625rem;overflow:hidden;background:#fff}.vc:where(.rd,.rd *) .ui{height:10.5rem;padding:1.375rem;background:var(--paper);border-bottom:0.0625rem solid var(--line);font-size:0.8125rem;color:var(--ink-2);display:flex;flex-direction:column;gap:0.5rem;justify-content:center}.vc:where(.rd,.rd *) .ui .r{display:flex;justify-content:space-between;align-items:center;gap:0.75rem;padding:0.5625rem 0.75rem;background:#fff;border:0.0625rem solid var(--line);border-radius:0.375rem}.vc:where(.rd,.rd *) .ui .r b{font-weight:600;color:var(--ink)}.vc:where(.rd,.rd *) .ui .r em{font-style:normal;font-size:0.75rem;padding:0.0625rem 0.4375rem;border-radius:0.25rem;background:#F1F3F6;color:var(--ink-3)}.vc:where(.rd,.rd *) .ui .r em.ok{background:var(--green-soft);color:var(--green-t)}.vc:where(.rd,.rd *) .ui .r em.rev{background:var(--orange-soft);color:var(--orange-t)}.vc:where(.rd,.rd *) .ui .r em.ed{background:var(--blue-soft);color:var(--blue)}.vc:where(.rd,.rd *) .tx{padding:1.5rem}.vc:where(.rd,.rd *) h3{font-size:1.125rem}.vc:where(.rd,.rd *) p{margin-top:0.5rem;color:var(--ink-2);font-size:0.9375rem}.vc:where(.rd,.rd *) .demo{font-size:0.71875rem;color:var(--ink-4);text-align:right}.voices:where(.rd,.rd *) .grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.5rem;margin-top:3rem}.voices:where(.rd,.rd *) figure{padding-top:1.5rem;border-top:0.125rem solid var(--ink)}.voices:where(.rd,.rd *) blockquote{font-size:1.0625rem;line-height:1.85}.voices:where(.rd,.rd *) figcaption{margin-top:1rem;font-size:0.875rem;color:var(--ink-3)}.qa:where(.rd,.rd *){display:grid;grid-template-columns:minmax(0,4fr) minmax(0,8fr);gap:4rem}.end:where(.rd,.rd *){padding:7.5rem 0;text-align:left}.end:where(.rd,.rd *) .in{display:flex;justify-content:space-between;align-items:flex-end;gap:3rem}.end:where(.rd,.rd *) h2{font-size:clamp(1.75rem,2.8vw,2.5rem);line-height:1.4}.end:where(.rd,.rd *) p{margin-top:0.875rem;color:rgba(255,255,255,.72);max-width:32em}.end:where(.rd,.rd *) .cta{display:flex;gap:0.75rem;flex-wrap:wrap}

@media (max-width:1080px){.sh:where(.rd,.rd *){min-height:0;display:block}.sh:where(.rd,.rd *) .grid{grid-template-columns:1fr;gap:1.75rem}.sh:where(.rd,.rd *) .stage{height:27.5rem}.trust:where(.rd,.rd *) .in{grid-template-columns:1fr;gap:1.25rem}.story:where(.rd,.rd *) .in{grid-template-columns:1fr;gap:2rem}.story:where(.rd,.rd *) .side{position:static}.ai:where(.rd,.rd *) .grid{grid-template-columns:repeat(2,minmax(0,1fr))}.value:where(.rd,.rd *) .grid,.voices:where(.rd,.rd *) .grid{grid-template-columns:1fr}.qa:where(.rd,.rd *){grid-template-columns:1fr;gap:1rem}.end:where(.rd,.rd *) .in{flex-direction:column;align-items:flex-start}
}
@media (max-width:700px){.sh:where(.rd,.rd *){padding:calc(var(--hd) + 2.25rem) 0 4rem}.sh:where(.rd,.rd *) h1{font-size:1.875rem}.sh:where(.rd,.rd *) .stage{height:23.75rem}.steps:where(.rd,.rd *) li{grid-template-columns:2.25rem minmax(0,1fr);gap:0.875rem}.ai:where(.rd,.rd *){padding:5rem 0}.ai:where(.rd,.rd *) .grid{grid-template-columns:1fr}.ai:where(.rd,.rd *) .grid div{display:flex;align-items:center;gap:1rem;padding:1.125rem 1.25rem}.ai:where(.rd,.rd *) .grid h3{margin-top:0}.fw:where(.rd,.rd *){font-size:0.78125rem}
}.voices:where(.rd,.rd *) .grid{grid-template-columns:repeat(3,minmax(0,1fr))}.disc:where(.rd,.rd *) .four{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1.5rem;margin-top:2.5rem}.disc:where(.rd,.rd *) .four div{padding-top:1.125rem;border-top:0.125rem solid var(--ink)}.disc:where(.rd,.rd *) dt{font-weight:600;font-size:1.0625rem}.disc:where(.rd,.rd *) dd{margin:0.5rem 0 0;color:var(--ink-2);font-size:0.9375rem}.disc:where(.rd,.rd *) .after{margin-top:1.75rem;color:var(--ink-3);font-size:0.90625rem;max-width:40em}.plans:where(.rd,.rd *) .lede a{color:var(--teal-d);text-decoration:underline;text-underline-offset:0.1875rem}.plans:where(.rd,.rd *) .cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.25rem;margin-top:2.5rem;align-items:start}.plans:where(.rd,.rd *) article{background:#fff;border:0.0625rem solid var(--line);border-radius:0.625rem;padding:1.75rem}.plans:where(.rd,.rd *) article h3{font-size:1.375rem}.plans:where(.rd,.rd *) .fit{margin-top:0.125rem;color:var(--teal-d);font-size:0.875rem;font-weight:600}.plans:where(.rd,.rd *) article>p{margin-top:0.5rem;color:var(--ink-2);font-size:0.9375rem}.plans:where(.rd,.rd *) article .btn{width:100%;margin-top:1.125rem}.plans:where(.rd,.rd *) .small{font-size:0.8125rem!important;color:var(--ink-3)!important;margin-top:0.5rem!important}.plans:where(.rd,.rd *) article b{display:block;margin-top:1.25rem;font-size:0.875rem}.plans:where(.rd,.rd *) ul{list-style:none;margin-top:0.5rem}.plans:where(.rd,.rd *) li{display:flex;gap:0.5rem;padding:0.3125rem 0;font-size:0.90625rem;color:var(--ink-2)}.plans:where(.rd,.rd *) li svg{width:0.875rem;height:0.875rem;flex:none;margin-top:0.375rem;color:var(--green-t)}.cmp:where(.rd,.rd *){margin-top:1.75rem;border-top:0.0625rem solid var(--line-2)}.cmp:where(.rd,.rd *) summary{cursor:pointer;padding:1.125rem 0;font-weight:600;color:var(--teal-d)}.cmp:where(.rd,.rd *) .tw{overflow-x:auto}.cmp:where(.rd,.rd *) table{width:100%;min-width:40rem;border-collapse:collapse;font-size:0.875rem;background:#fff}.cmp:where(.rd,.rd *) th,.cmp:where(.rd,.rd *) td{padding:0.5625rem 0.75rem;border-bottom:0.0625rem solid var(--line);text-align:left;vertical-align:top}.cmp:where(.rd,.rd *) thead th{background:var(--ink);color:#fff}.cmp:where(.rd,.rd *) th[colspan]{background:var(--paper);font-weight:600}.cmp:where(.rd,.rd *) tbody th{font-weight:500}.rel:where(.rd,.rd *) .rgrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.25rem;margin-top:1.25rem}.rel:where(.rd,.rd *) .rgrid a{display:block;padding:1.25rem;border:0.0625rem solid var(--line);border-radius:0.5rem}.rel:where(.rd,.rd *) .rgrid a:hover{border-color:var(--ink)}.rel:where(.rd,.rd *) .rgrid b{display:block;font-size:1rem}.rel:where(.rd,.rd *) .rgrid span{display:block;margin-top:0.25rem;font-size:0.875rem;color:var(--ink-3)}
@media (max-width:1080px){.disc:where(.rd,.rd *) .four,.plans:where(.rd,.rd *) .cards,.rel:where(.rd,.rd *) .rgrid{grid-template-columns:1fr}.voices:where(.rd,.rd *) .grid{grid-template-columns:1fr}}.next:where(.rd,.rd *){display:flex;flex-wrap:wrap;gap:0.375rem 1.375rem;margin-top:1.125rem;font-size:0.90625rem;color:rgba(255,255,255,.4)}.next:where(.rd,.rd *) a{color:#7FD3D9;font-weight:600}.next:where(.rd,.rd *) a:hover{text-decoration:underline;text-underline-offset:0.1875rem}.fwsec:where(.rd,.rd *){padding:7rem 0}.fwsec:where(.rd,.rd *) .grid{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,7fr);gap:3rem;align-items:center}.fwsec:where(.rd,.rd *) .note{margin-top:1rem;font-size:0.84375rem;color:rgba(255,255,255,.5)}.fwsec:where(.rd,.rd *) .stage{height:31.25rem}
@media (max-width:1080px){.fwsec:where(.rd,.rd *){padding:5rem 0}.fwsec:where(.rd,.rd *) .grid{grid-template-columns:1fr;gap:1.5rem}.fwsec:where(.rd,.rd *) .stage{height:26.25rem}}
@media (max-width:700px){.fwsec:where(.rd,.rd *) .stage{height:23.75rem}}

@media (max-width:700px){.fw:where(.rd,.rd *){max-width:calc(100vw - 2.5rem);white-space:normal;line-height:1.25}.sh:where(.rd,.rd *) .stage,.fwsec:where(.rd,.rd *) .stage{overflow:hidden}}


/* 合作企業 logo 牆放在標題右側，與標題頂端對齊 */
.trust:where(.rd,.rd *) .logo-grid{margin-top:0}

/* 相鄰且同底色的區塊（使用回饋→揭露準備、方案與定價→常見問題）各自的上下內距會疊成兩倍空白：後一區不再留上內距 */
.voices:where(.rd,.rd *)+.disc,.plans:where(.rd,.rd *)+.paper{padding-top:0}
