.wrap{width:min(1280px,100%);padding-left:48px;padding-right:48px}.nav{height:68px}.site-head{background:rgba(255,255,255,.92)}.logo img{width:148px}.main-nav{gap:38px}.pill{min-height:46px;padding:0 16px;border-radius:15px}.hero-shell{padding:40px 0}.hero{min-height:544px;border-radius:20px}.hero-copy{width:544px;min-height:544px;padding:0 64px;display:flex;flex-direction:column;justify-content:center}.hero h1{font-size:64px;line-height:1.12;letter-spacing:-.06em;margin:0 0 18px}.hero p{font-size:17px;line-height:2;margin:0;max-width:448px}.hero .actions{margin-top:30px}.hero .btn{min-height:46px;padding:0 16px;border-radius:15px}.start-section{background:#fff;padding:80px 0}.start-section .section-head{margin-bottom:40px}.start-section .section-head h2{font-size:40px}.portal-grid{display:grid;grid-template-columns:repeat(12,1fr);grid-template-rows:minmax(240px,1fr) minmax(192px,.72fr);gap:20px}.portal{min-height:0;border-radius:20px}.portal-review{grid-column:1/span 7;grid-row:1/span 2}.portal-partner{grid-column:8/span 5;grid-row:1}.portal-article{grid-column:8/span 3;grid-row:2}.portal-advisors{grid-column:11/span 2;grid-row:2}.portal h3{left:24px;bottom:20px;font-size:24px}.home-navy{width:100%;background:#0c243c;color:#fff;padding:56px 0;text-align:left}.home-navy .eyebrow{color:var(--orange);margin-bottom:14px}.home-navy h2{font-size:46px;line-height:1.2;letter-spacing:-.04em;color:#fff;max-width:880px;margin:0}.home-navy p{font-size:18px;color:#d0dbe5;margin:16px 0 0}.footer{background:#fff;color:var(--navy);border-top:1px solid var(--line);padding:0}.foot-grid{padding-top:48px;padding-bottom:34px;grid-template-columns:minmax(0,1fr) minmax(0,.65fr);gap:64px}.foot-logo{width:192px;filter:none}.footer p,.footer a{color:#60758a}.contact-lines span{color:#60758a}.copy{border-top:1px solid var(--line);margin:0;padding:16px 0;color:#72869a}
@media(max-width:1023px){.wrap{padding-left:32px;padding-right:32px}.nav{height:76px}.logo img{width:156px}.hero-shell{padding:40px 0}.hero{min-height:0;background:#fff;display:flex;flex-direction:column}.hero:after{display:none}.hero-copy{position:relative;order:1;width:100%;min-height:0;padding:36px 40px 40px}.hero>img{position:relative;order:2;inset:auto;width:100%;height:368px;object-fit:cover;object-position:80% 32%}.hero h1{font-size:58.4px;line-height:1.12}.portal-grid{grid-template-columns:repeat(12,1fr);grid-template-rows:minmax(240px,1fr) minmax(192px,.72fr)}.portal-review{grid-column:1/span 7;grid-row:1/span 2}.portal-partner{grid-column:8/span 5;grid-row:1}.portal-article{grid-column:8/span 3;grid-row:2}.portal-advisors{grid-column:11/span 2;grid-row:2}.foot-grid{grid-template-columns:1fr;gap:36px}}
@media(max-width:767px){.wrap{padding-left:20px;padding-right:20px}.nav{height:76px}.logo img{width:140px}.main-nav{top:76px}.hero-shell{padding:20px 0}.hero-copy{padding:20px 24px 24px}.hero h1{font-size:34px;line-height:1.1}.hero p{font-size:16px;line-height:2}.hero>img{height:288px;object-position:80% 34%}.hero .actions{margin-top:24px}.hero .actions .btn{width:auto}.start-section{padding:32px 0 64px}.start-section .section-head{display:grid;grid-template-columns:1fr;gap:18px;margin-bottom:26px}.start-section .section-head h2{font-size:34px}.portal-grid{grid-template-columns:1.27fr 1fr;grid-template-rows:156px 136px 144px;gap:12px}.portal-review{grid-column:1;grid-row:1/span 2}.portal-partner{grid-column:2;grid-row:1}.portal-article{grid-column:1/span 2;grid-row:3}.portal-advisors{grid-column:2;grid-row:2}.portal{border-radius:16px}.portal-advisors{border-radius:24px 16px 24px 16px}.portal h3{left:16px;bottom:14px;font-size:19px}.home-navy{padding:44px 0}.home-navy h2{font-size:34px}.home-navy p{font-size:16px}.foot-grid{padding-top:40px;padding-bottom:30px}.foot-logo{width:172px}.copy{padding-bottom:18px}}
@media(min-width:768px){.start-section .section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:48px}.start-section .section-head>div{max-width:42rem}.start-section .section-head h2{font-size:33.6px;line-height:1.14;margin-bottom:0}.start-section .section-head>p{width:340px;max-width:340px;font-size:14px;line-height:2;margin:0}.portal-grid{height:clamp(360px,41.9vw,496px);grid-template-rows:1.39fr 1fr;gap:20px}.portal{min-width:0;min-height:0;height:auto;box-shadow:none;border:1px solid #d5e3ee}.portal img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.portal-review img{object-position:50% 48%}.portal-partner img{object-position:50% 42%}.portal-article img{object-position:50% 48%}.portal-advisors img{object-position:64% 38%}.portal:after{background:linear-gradient(180deg,rgba(244,249,253,.18) 0%,rgba(237,246,252,.52) 54%,rgba(229,241,250,.96) 100%)}.portal-partner:after{background:linear-gradient(90deg,rgba(244,249,253,.95) 0%,rgba(237,246,252,.64) 45%,rgba(229,241,250,.28) 100%)}.portal h3{color:var(--navy2);font-weight:800}.portal:before{content:"→";position:absolute;z-index:3;right:18px;top:14px;color:var(--navy);font-size:18px;line-height:1}.portal-article h3:before,.portal-advisors h3:before{content:"";display:block;width:5px;height:5px;border-radius:50%;background:var(--orange);margin-bottom:9px}.home-navy .eyebrow{width:40px;height:3px;overflow:hidden;font-size:0;background:var(--orange);margin-bottom:16px}.home-navy h2{font-size:16px;line-height:2;font-weight:400;letter-spacing:0;max-width:576px;margin:0}.home-navy h2:before{content:"เพราะสำหรับเรา";display:block;font-size:52px;line-height:1.08;font-weight:800;letter-spacing:-.04em;color:#fff;margin-bottom:20px}.home-navy p{font-size:16px;line-height:2;margin:0;max-width:576px}.footer{min-height:297px}}
/* Owner-approved Mosaic proportions */
@media (min-width:768px){
  .portal-grid{grid-template-columns:repeat(21,minmax(0,1fr))}
  .portal-review{grid-column:1/span 11}
  .portal-partner{grid-column:12/span 10}
  .portal-article{grid-column:12/span 5}
  .portal-advisors{grid-column:17/span 5}
  .portal-advisors img{object-position:43% 38%}
  .portal-partner:after{background:linear-gradient(180deg,rgba(244,249,253,.18) 0%,rgba(237,246,252,.52) 54%,rgba(229,241,250,.96) 100%)}
}
@media (min-width:768px) and (max-width:1023px){
  .portal-grid{grid-template-columns:repeat(20,minmax(0,1fr))}
  .portal-review{grid-column:1/span 10}
  .portal-partner{grid-column:11/span 10}
  .portal-article{grid-column:11/span 5}
  .portal-advisors{grid-column:16/span 5}
}
@media (max-width:767px){
  .hero-copy{padding-left:0;padding-right:0}
  .portal-article img{object-position:50% 14%}
}
@media (max-width:600px){
  .portal-grid{grid-template-rows:156px 136px clamp(220px,58vw,320px)}
  .portal-article img{object-position:50% 22%}
}
@media (min-width:375px) and (max-width:600px){
  .portal-grid{grid-template-rows:156px 136px clamp(187px,49.3vw,272px)}
}

/* Standard phone article tile only; avoid the measured 411px Fold 7 cover width. */
@media (min-width:375px) and (max-width:430px) and (device-posture:continuous),
       (min-width:375px) and (max-width:400px),
       (min-width:420px) and (max-width:430px){
  .portal-grid{grid-template-rows:156px 136px clamp(150px,39.44vw,218px)}
}