/* Owner-selected reference, 9 October: online documents, laptop + portrait iPad,
   LINE process and full-size original form. No generated text or UI imagery. */
.h31-body{background:#fff;color:#092c46}
.n31,.n31.scrolled{background:#fffdf9f5}.n31 .wrap{max-width:1280px}.n31-links{margin-left:auto;gap:38px;color:#092c46}.n31-end{margin-left:0}
.n31-end .b31-teal,.n31-logo small{display:none}.n31 .b31-ghost{border:1px solid #092c46;border-radius:99px;padding:0 28px}
.n31-logo span{font-size:27px}.n31-logo img{width:48px;height:48px;padding:0;background:transparent}
.h31{max-width:none;padding:54px max(40px,calc((100vw - 1280px)/2)) 36px;gap:0;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);background:radial-gradient(ellipse at 90% 15%,#c4cda960,transparent 28%),linear-gradient(100deg,#fffdf9,#f3efe6 75%,#e8e3d5);overflow:hidden}
.r33-eyebrow{font-family:Georgia,serif;font-size:14px;line-height:1.5;letter-spacing:.12em;color:#57718a;margin:0 0 20px}
.h31 h1{font-family:"Plex Thai",sans-serif;font-weight:700;font-size:clamp(34px,3.7vw,56px);line-height:1.28;letter-spacing:-.03em;color:#092c46;margin:0 0 16px}
.r33-platforms{font-weight:600;font-size:clamp(15px,1.65vw,23px);margin:0 0 8px}.r33-subtitle{font-size:22px;line-height:1.6;margin:0;color:#153852}
.h31-lead{display:block}.h31-actions{margin:20px 0 24px;flex-wrap:wrap}.h31-actions .b31{border-radius:99px;background:linear-gradient(120deg,#13aba8,#00716e);font-size:17px;padding:0 24px;height:52px}
.r33-channels{display:flex;gap:22px;margin:0 0 42px}.r33-channels span{display:grid;grid-template-columns:30px auto;gap:0 9px;font-size:12px;line-height:1.5}.r33-channels .ico{grid-row:1/3;width:28px;height:28px;align-self:center}
.h31-note{border-top:1px solid #8c9da6;padding-top:9px;font-size:13px;color:#57718a}
.h31-scene{aspect-ratio:1.2;min-width:0;margin:0}
.h31-scene .d31-laptop{left:0;top:3%;width:88%;transform:perspective(1200px) rotateY(-5deg)}
.h31-scene .d31-lid{border-radius:18px 18px 5px 5px;padding:2.6% 2% 2.2%}
.h31-scene .d31-ipad{left:auto;right:0;top:15%;width:42%;padding:1.7%;border-radius:22px;transform:rotate(3deg);box-shadow:0 1px 0 2px #aeb3b0,0 20px 30px -12px #253e4666}
.h31-scene .d31-ipad img{aspect-ratio:842/1191;border-radius:10px;background:#fff}
.h31-scene .p32-paper{display:none}.h31-scene figcaption{max-width:none;text-align:right;bottom:-12px;font-size:11px;width:100%}
.r33-flow{margin:24px auto 32px;display:grid;grid-template-columns:1.35fr repeat(3,1fr);border:1px solid #e2e9e9;background:#f5f7f6;border-radius:16px;padding:22px;gap:20px;max-width:1200px}
.r33-flow>div{display:flex;align-items:center;gap:14px}.r33-flow p{margin:0}.r33-flow b{font-size:19px;display:block;color:#092c46}.r33-flow small{font-size:12px;display:block;color:#57718a;line-height:1.6;margin-top:5px}.r33-flow .ico{flex-shrink:0;width:48px;height:48px;background:#fff;border-radius:50%;padding:12px;color:#087c76;box-shadow:0 5px 18px #17372f08}.r33-line{font-family:Arial,sans-serif;display:grid;place-items:center;flex-shrink:0;background:#06c755;color:#fff;font-weight:bold;width:60px;height:60px;border-radius:15px;font-size:17px}
.r33-document{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,.8fr);gap:46px;align-items:start;max-width:1200px;padding-top:12px;padding-bottom:44px}.r33-document>a{display:block;border:1px solid #d9e1e5;border-radius:4px;box-shadow:0 7px 25px #123a4812;overflow:hidden}.r33-document img{display:block;width:100%;height:auto}.r33-document>div{padding-top:22px}.r33-document h2{font-family:"Plex Thai",sans-serif;font-size:clamp(34px,4vw,50px);line-height:1.25;margin:20px 0;color:#092c46;letter-spacing:-.025em}.r33-document ul{list-style:none;padding:0;margin:32px 0;display:grid;gap:36px}.r33-document li{display:flex;gap:20px;align-items:flex-start}.r33-document li .ico{width:64px;height:64px;padding:17px;flex-shrink:0;border-radius:50%;background:#fbf2dd;color:#092c46}.r33-document h3{font-size:22px;margin:0 0 5px}.r33-document li p{font-size:17px;color:#57718a;line-height:1.6;margin:0}
/* Preserve all original marketing sections. Never hide content to fit a reference. */
.f31,.a31,.c31{display:block}
.h31-classic{background:#fffdf9}
.h31-classic .sec{scroll-margin-top:100px}
.h31{position:relative;isolation:isolate;min-height:660px;display:block;background:#faf7f0;padding-top:55px;padding-bottom:45px}
.h31-copy{position:relative;z-index:2;max-width:560px;width:43%;pointer-events:none}
.h31-copy a{pointer-events:auto}
.h31-copy .h31-lead{font-size:14px;line-height:1.8;max-width:440px;margin-top:18px}
.h31-copy .h31-actions{margin:20px 0}
.r34-scene-wrap{position:absolute;inset:0;z-index:0;max-width:none}
.r34-scene{display:block;width:100%;height:100%;object-fit:cover}
.r34-scene-caption{position:absolute;bottom:14px;right:4%;font-size:11px;color:#526576;margin:0}
.h31-scene-wrap[hidden]{display:none}
.n31-links{gap:22px;font-size:14px}
.r33-document>a{background:#fff}
.f31{padding:36px 0;background:#f6f8f7}
.a31{background:#fff;padding:64px 0}
.h31-classic .sec{padding-top:64px;padding-bottom:64px}
.h31-classic .aud{border-bottom:1px solid #e2e8e4;background:#f6f8f7}
@media(min-width:1500px){.h31{min-height:740px}.h31-copy{padding-top:35px}}
@media(max-width:1000px){.h31-copy{width:46%}.h31-copy h1{font-size:38px}.h31-copy .h31-lead{font-size:13px}.h31{min-height:600px}}
@media(max-width:700px){
  .h31{padding:32px 20px 0;min-height:0;display:flex;flex-direction:column;gap:0}
  .h31-copy{width:100%;max-width:none}
  .r34-scene-wrap{position:relative;width:calc(100% + 40px);margin:0 -20px;height:320px;overflow:hidden}
  .r34-scene{width:720px;max-width:none;height:360px;position:absolute;right:-10px;bottom:0}
  .r34-scene-caption{bottom:5px;font-size:9px;right:15px}
  .n31 .wrap{height:auto!important;min-height:70px;flex-wrap:wrap;padding-top:12px;padding-bottom:12px}
  .n31-links{display:flex!important;order:3;flex-basis:100%;overflow-x:auto;white-space:nowrap;gap:22px;padding:12px 0 0;margin:0}
  .n31-end{margin-left:auto}
  .h31-copy .h31-actions .b31{font-size:15px;padding:0 18px}
}
.ft31{background:#fff;color:#092c46;border-top:1px solid #e3e8e7}.ft31 .n31-logo{color:#092c46}.ft31 .n31-logo b{color:#007b79}.ft31 p,.ft31 nav a{color:#57718a}
@media(max-width:1000px){.h31{padding:42px 28px;grid-template-columns:.9fr 1.1fr}.r33-platforms{font-size:17px}.r33-subtitle{font-size:18px}.r33-channels{gap:12px}.r33-flow{margin:20px;grid-template-columns:repeat(2,1fr)}.r33-document{gap:26px}.r33-document li{gap:12px}.r33-document h3{font-size:19px}.r33-document li p{font-size:15px}}
@media(max-width:700px){.h31{grid-template-columns:1fr;padding:32px 20px 42px;gap:24px}.h31 h1{font-size:38px}.h31-copy{align-items:flex-start}.r33-channels{margin-bottom:24px}.h31-scene{width:100%;max-width:540px}.r33-flow{grid-template-columns:1fr;gap:22px;padding:22px}.r33-flow>div:not(:last-child){border-bottom:1px solid #e1e8e5;padding-bottom:18px}.r33-document{grid-template-columns:1fr;padding:20px}.r33-document>div{grid-row:1}.r33-document ul{gap:22px}.r33-document h2{font-size:38px}.r33-document .r33-eyebrow{font-size:12px}.n31-logo span{font-size:22px}.n31-logo img{width:38px;height:38px}.h31-actions .b31{width:auto}.h31-scene figcaption{font-size:10px}.n31 .wrap{height:70px}}