:root{--road:#3a3a3a;--ink:#1c1c1c;--muted:#5c5c5c;--paper:#f3f3f3;--white:#fff;--green:#32ba58;--green-deep:#249a45;--green-soft:#c9f5c9;--green-band:#32ba58;--sea:#9ec9e8;--line:#00000014;--danger:#c44;--font-display:"Fraunces", Georgia, serif;--font-body:"Sora", "Helvetica Neue", sans-serif;--ease:cubic-bezier(.22, 1, .36, 1)}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth}body{min-height:100vh;font-family:var(--font-body);color:var(--ink);background:var(--white);-webkit-font-smoothing:antialiased;margin:0}a{color:inherit;text-decoration:none}a:hover{color:var(--green-deep)}img{max-width:100%;height:auto;display:block}.sr-only{clip:rect(0, 0, 0, 0);border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.shell{flex-direction:column;min-height:100vh;display:flex}.topbar{z-index:30;background-color:var(--road);background-image:url(/brand/web/header-bg-new.png);background-position:50%;background-repeat:repeat-x;background-size:auto 100%;grid-template-columns:auto 1fr auto;align-items:center;gap:.75rem;min-height:48px;padding:0 .75rem 0 0;display:grid;position:sticky;top:0}.brand{clip-path:polygon(0 0,92% 0,100% 50%,92% 100%,0 100%);background:linear-gradient(#d8f8d8 0%,#b8efb8 100%);justify-content:center;align-items:center;min-height:48px;padding:.35rem 1.1rem .35rem .85rem;display:inline-flex}.brand-logo{object-fit:contain;width:auto;height:34px}.nav{justify-content:center;gap:.2rem;display:none}.nav-link{color:#ffffffe0;border-radius:999px;padding:.35rem .75rem;font-size:.85rem;font-weight:500}.nav-link:hover,.nav-link.active{color:#fff;background:#32ba5859}.topbar-right{justify-self:end;align-items:center;gap:.45rem;margin-right:.5rem;display:flex}.topbar-cta{color:#fff;background:var(--green);box-shadow:0 2px 0 var(--green-deep);border-radius:999px;padding:.45rem .95rem;font-size:.8rem;font-weight:700}.topbar-cta:hover{color:#fff;background:var(--green-deep)}.topbar-text{color:#ffffffe6!important}.topbar-user{text-overflow:ellipsis;white-space:nowrap;color:#ffffffd9;max-width:10rem;font-size:.8rem;display:none;overflow:hidden}.topbar-logout{color:#fff;font:inherit;cursor:pointer;background:0 0;border:1px solid #ffffff59;border-radius:999px;padding:.4rem .75rem;font-size:.78rem;font-weight:600}.topbar-logout:hover{background:#ffffff1a}@media (width>=900px){.topbar-user{display:inline}}@media (width>=760px){.nav{display:flex}.brand-logo{height:38px}}.hero{color:#fff;align-items:end;min-height:min(78vh,640px);display:grid;position:relative;overflow:hidden}.hero-banner{object-fit:cover;object-position:center 40%;width:100%;height:100%;animation:18s ease-in-out infinite alternate hero-ken;position:absolute;inset:0}.hero-shade{background:linear-gradient(90deg,#141414b8 0%,#14141459 48%,#14141426 100%),linear-gradient(#0000 40%,#00000059 100%);position:absolute;inset:0}.hero-inner{z-index:2;width:min(100%,40rem);padding:clamp(2rem,6vw,3.5rem) clamp(1rem,4vw,2.5rem) clamp(2rem,5vw,3rem);position:relative}.hero-brand-line{letter-spacing:.12em;text-transform:uppercase;color:var(--green-soft);animation:rise .8s var(--ease) both;margin:0 0 .75rem;font-size:.78rem;font-weight:600}.hero-title{font-family:var(--font-display);animation:rise .8s var(--ease) 60ms both;margin:0 0 .85rem;font-size:clamp(1.55rem,3.6vw,2.25rem);font-weight:600;line-height:1.2}.hero-lead{color:#ffffffe0;max-width:30rem;animation:rise .8s var(--ease) .12s both;margin:0 0 1.35rem;font-size:1rem;line-height:1.55}.hero-actions{animation:rise .8s var(--ease) .18s both;flex-direction:column;align-items:flex-start;gap:.75rem;display:flex}.link-quiet{color:var(--green-soft);border-bottom:1px solid #0000;font-size:.9rem}.link-quiet:hover{color:#fff;border-bottom-color:#fff}.quick-row{background:var(--paper);border-bottom:1px solid var(--line);flex-wrap:wrap;gap:.65rem;padding:1rem clamp(1rem,4vw,2.5rem);display:flex}.pill{color:#fff;background:var(--green);box-shadow:0 2px 0 var(--green-deep);border-radius:999px;align-items:center;gap:.45rem;padding:.55rem 1rem;font-size:.85rem;font-weight:600;display:inline-flex}.pill:hover{color:#fff;background:var(--green-deep)}.track-form{background:#fff;border-radius:999px;width:min(100%,28rem);display:flex;overflow:hidden;box-shadow:0 8px 28px #00000038}.track-form input{min-width:0;color:var(--ink);font:inherit;background:0 0;border:0;outline:none;flex:1;padding:.9rem 1.1rem;font-size:.95rem}.track-form input::placeholder{color:#9a9a9a}.track-form button{background:var(--green);color:#fff;font:inherit;cursor:pointer;border:0;padding:0 1.3rem;font-size:.9rem;font-weight:700}.track-form button:hover{background:var(--green-deep)}.page .track-form{border:1px solid var(--line);box-shadow:0 4px 18px #00000014}.section{padding:clamp(2.25rem,5vw,3.75rem) clamp(1rem,4vw,2.5rem)}.section-head{margin-bottom:1.75rem}.section-head h2{font-family:var(--font-display);margin:0 0 .4rem;font-size:clamp(1.6rem,3vw,2.1rem);font-weight:600}.section-head p{color:var(--muted);max-width:36rem;margin:0;line-height:1.55}.services-band{background:var(--green-band);color:#fff}.services-band .section-head h2,.services-band .section-head p{color:#fff}.services-band .section-head p{opacity:.9}.service-grid{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:1rem;margin:0;padding:0;list-style:none;display:grid}.service-grid li{text-align:center}.service-grid img{filter:drop-shadow(0 8px 16px #0000002e);width:min(140px,70%);transition:transform .35s var(--ease);margin:0 auto .75rem}.service-grid li:hover img{transform:translateY(-6px)}.service-grid h3{margin:0 0 .35rem;font-size:.92rem;font-weight:700;line-height:1.3}.service-grid p{color:#ffffffe0;max-width:16rem;margin:0 auto;font-size:.8rem;line-height:1.45}.coverage-band{background:#fff}.coverage-list{flex-wrap:wrap;gap:.65rem;margin:0;padding:0;list-style:none;display:flex}.coverage-list li{color:var(--green-deep);background:var(--green-soft);border-radius:999px;padding:.7rem 1rem;font-size:.92rem;font-weight:700}.steps-band{background:#fff}.step-list{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin:0;padding:0;list-style:none;display:grid}.step-list li{background:var(--paper);border-radius:16px;padding:1.1rem 1.15rem 1.2rem}.step-n{color:#fff;background:var(--green);border-radius:50%;justify-content:center;align-items:center;width:1.8rem;height:1.8rem;margin-bottom:.65rem;font-size:.85rem;font-weight:700;display:inline-flex}.step-list h3{margin:0 0 .35rem;font-size:1rem}.step-list p{color:var(--muted);margin:0;font-size:.88rem;line-height:1.5}.why-band{background:var(--paper)}.why-layout{align-items:center;gap:1.75rem;display:grid}@media (width>=860px){.why-layout{grid-template-columns:.85fr 1.15fr}}.why-art{width:min(100%,420px);margin-inline:auto}.why-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:.85rem;margin:0;padding:0;list-style:none;display:grid}.why-grid li{border:1px solid var(--line);background:#fff;border-radius:14px;grid-template-columns:56px 1fr;align-items:center;gap:.75rem;padding:.65rem .75rem;display:grid}.why-grid img{object-fit:contain;width:56px;height:56px}.why-grid h3{letter-spacing:.02em;color:var(--green-deep);margin:0 0 .2rem;font-size:.82rem;font-weight:700}.why-grid p{color:var(--muted);margin:0;font-size:.8rem;line-height:1.4}.crew-band{color:#fff;background:#101010;align-items:center;gap:1.5rem;display:grid}@media (width>=820px){.crew-band{grid-template-columns:1fr 1fr}}.crew-band h2{font-family:var(--font-display);margin:0 0 .6rem;font-size:clamp(1.5rem,3vw,2rem)}.crew-band p{color:#ffffffbf;max-width:30rem;margin:0 0 1.1rem;line-height:1.55}.crew-art{width:min(100%,480px);margin-inline:auto}.btn-green{color:#fff;background:var(--green);border-radius:999px;align-items:center;padding:.7rem 1.2rem;font-size:.9rem;font-weight:700;display:inline-flex}.btn-green:hover{color:#fff;background:var(--green-deep)}.page{background:var(--white);flex:1;padding:clamp(2rem,5vw,3.25rem) clamp(1rem,4vw,2.5rem) 4rem}.page-head{max-width:42rem;margin-bottom:2rem}.page-head h1{font-family:var(--font-display);margin:0 0 .5rem;font-size:clamp(1.8rem,4vw,2.4rem)}.page-head p{color:var(--muted);margin:0 0 1.25rem;line-height:1.55}.track-head,.contact-head{align-items:end;gap:1rem;max-width:none;display:grid}@media (width>=780px){.track-head{grid-template-columns:1fr auto}.contact-head{grid-template-columns:1fr minmax(220px,340px);align-items:center;gap:2rem}}.page-mascot.peek{justify-self:end;width:min(200px,40vw);animation:9s ease-in-out infinite alternate float-mascot}.contact-art{width:100%;max-width:340px;margin-inline:auto}.status-line{color:var(--muted)}.status-line.error{color:var(--danger)}.tracking-result{gap:2rem;max-width:40rem;display:grid}.tracking-cn{letter-spacing:.08em;color:var(--green-deep);margin:0 0 .35rem;font-size:.85rem;font-weight:600}.tracking-summary h2{font-family:var(--font-display);margin:0 0 1rem;font-size:1.5rem}.meta-grid{grid-template-columns:auto 1fr;gap:.35rem 1.25rem;margin:0;font-size:.92rem;display:grid}.meta-grid dt{color:var(--muted)}.meta-grid dd{margin:0}.timeline{border-left:2px solid #e5e5e5;margin:0;padding:0;list-style:none}.timeline li{padding:0 0 1.35rem 1.35rem;position:relative}.timeline-dot{background:#ccc;border:2px solid #fff;border-radius:50%;width:10px;height:10px;position:absolute;top:.35rem;left:-6px;box-shadow:0 0 0 1px #ddd}.timeline li.latest .timeline-dot{background:var(--green);box-shadow:0 0 0 4px #32ba5838}.timeline-body strong{display:block}.timeline-meta{color:var(--muted);margin-top:.15rem;font-size:.8rem;display:block}.timeline-body p{color:var(--muted);margin:.35rem 0 0;font-size:.88rem}.service-detail-list{gap:1.25rem;max-width:40rem;margin:0;padding:0;list-style:none;display:grid}.service-detail-list h2{margin:0 0 .3rem;font-size:1.15rem}.service-detail-list p{color:var(--muted);margin:0;line-height:1.55}.contact-block a{color:var(--green-deep);font-weight:600}.topic-list{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem;margin:.5rem 0 0;padding:0;list-style:none;display:grid}.topic-list li{background:var(--paper);border-radius:14px;padding:1rem 1.1rem}.topic-list h2{margin:0 0 .35rem;font-size:1rem}.topic-list p{color:var(--muted);margin:0;font-size:.9rem;line-height:1.5}.info-panel{background:var(--paper);border-radius:16px;max-width:40rem;margin-top:2.25rem;padding:1.25rem 1.3rem}.info-panel h2{margin:0 0 .4rem;font-size:1.15rem}.info-panel p{color:var(--muted);margin:0 0 1rem;line-height:1.55}.info-actions{flex-wrap:wrap;gap:.6rem;display:flex}.muted{color:var(--muted);font-size:.92rem}.footer{background:var(--road);color:#ffffffd9;background-image:url(/brand/web/header-bg-new.png);background-position:top;background-repeat:repeat-x;background-size:auto 28px;margin-top:auto;padding:2rem clamp(1rem,4vw,2.5rem)}.footer-logo{filter:brightness(0)invert();width:auto;height:40px;margin-bottom:.55rem}.footer-tagline{color:var(--green-soft);margin:0 0 .35rem;font-size:.82rem}.footer-copy{opacity:.8;margin:0 0 1rem;font-size:.88rem}.footer-links{flex-wrap:wrap;gap:1rem;font-size:.88rem;display:flex}.footer-links a:hover{color:var(--green-soft)}.auth-page,.portal-page{max-width:52rem}.portal-form{gap:.85rem;max-width:32rem;margin-bottom:1.75rem;display:grid}.portal-form h2,.book-form legend{font-family:var(--font-display);margin:0 0 .25rem;font-size:1.2rem}.portal-form label,.book-form label{color:var(--muted);gap:.35rem;font-size:.88rem;font-weight:600;display:grid}.portal-form input,.portal-form select,.portal-form textarea,.book-form input,.book-form select,.book-form textarea,.filter-row input,.filter-row select{border:1px solid var(--line);width:100%;font:inherit;color:var(--ink);background:#fff;border-radius:10px;padding:.65rem .8rem;font-weight:400}.portal-form textarea,.book-form textarea{resize:vertical}.optional{color:#999;font-weight:400}.auth-switch{color:var(--muted);font-size:.92rem}.auth-switch a{color:var(--green-deep);font-weight:600}.btn-outline{color:var(--ink);border:1px solid var(--line);cursor:pointer;font-size:.88rem;font-weight:600;font:inherit;background:#fff;border-radius:999px;align-items:center;padding:.65rem 1.05rem;display:inline-flex}.btn-outline:hover{border-color:var(--green);color:var(--green-deep)}.btn-outline.danger,.btn-outline.danger:hover{color:var(--danger);border-color:#f0c2c2}.btn-green:disabled,.btn-outline:disabled{opacity:.55;cursor:not-allowed}.portal-actions{flex-wrap:wrap;gap:.65rem;margin:0 0 1.5rem;display:flex}.stat-row{grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:.75rem;margin-bottom:1.75rem;display:grid}.stat{background:var(--paper);border:1px solid var(--line);border-radius:14px;padding:1rem}.stat strong{color:var(--green-deep);font-size:1.5rem;display:block}.stat span{color:var(--muted);font-size:.8rem}.portal-section{margin-top:1.5rem}.portal-section-head{justify-content:space-between;align-items:baseline;gap:1rem;margin-bottom:.75rem;display:flex}.portal-section-head h2,.portal-section h2{font-family:var(--font-display);margin:0 0 .75rem;font-size:1.25rem}.portal-section-head a{color:var(--green-deep);font-size:.88rem;font-weight:600}.shipment-list,.address-list{gap:.65rem;margin:0 0 1.5rem;padding:0;list-style:none;display:grid}.shipment-list a,.address-list li{border:1px solid var(--line);background:#fff;border-radius:12px;gap:.2rem;padding:.9rem 1rem;display:grid}.shipment-list a:hover{border-color:var(--green)}.address-list li{grid-template-columns:1fr auto;align-items:start;gap:1rem}.ship-cn{color:var(--green-deep);font-weight:700}.ship-label{font-weight:600}.ship-meta,.status-line.ok{color:var(--muted);font-size:.85rem}.status-line.ok{color:var(--green-deep)}.filter-row{flex-wrap:wrap;gap:.5rem;margin-bottom:1.25rem;display:flex}.filter-row input,.filter-row select{max-width:14rem}.pager{color:var(--muted);align-items:center;gap:.75rem;margin-top:1rem;font-size:.88rem;display:flex}.breadcrumb{color:var(--muted);margin:0 0 .75rem;font-size:.85rem}.breadcrumb a{color:var(--green-deep);font-weight:600}.detail-grid{background:var(--paper);border-radius:12px;margin:0 0 1.75rem;padding:1rem}.book-form{max-width:40rem}.book-form fieldset{border:1px solid var(--line);border-radius:14px;margin:0 0 1rem;padding:1rem}.form-row{gap:.75rem;display:grid}@media (width>=640px){.form-row{grid-template-columns:1fr 1fr}.form-row.form-row-3{grid-template-columns:1fr 1fr 1fr}}.field-hint{color:var(--muted);margin:0 0 .75rem;font-size:.82rem;font-weight:400;line-height:1.45}.dim-preview{background:#f0faf2;border:1px solid #c7ebcf;border-radius:10px;grid-template-columns:repeat(3,minmax(0,1fr));gap:.5rem;margin:.25rem 0 .75rem;padding:.75rem .85rem;display:grid}.dim-preview div{margin:0}.dim-preview dt{text-transform:uppercase;letter-spacing:.04em;color:var(--muted);font-size:.72rem;font-weight:600}.dim-preview dd{color:var(--ink);margin:.15rem 0 0;font-size:.95rem}.quote-meta{color:var(--muted);margin:0 0 .65rem;font-size:.85rem}.quote-box{background:#f0faf2;border:1px solid #c7ebcf;border-radius:12px;padding:1rem}.quote-box h2{margin:0 0 .35rem;font-size:1rem}.quote-total{color:var(--green-deep);margin:0 0 .5rem;font-size:1.4rem;font-weight:700}.quote-box ul{color:var(--muted);margin:0;padding-left:1.1rem;font-size:.88rem}.row-actions{flex-direction:column;gap:.4rem;display:flex}.check-row{align-items:center;gap:.5rem;grid-template-columns:none!important;display:flex!important}.check-row input{width:auto}@keyframes rise{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes float-mascot{0%{transform:translateY(0)}to{transform:translateY(-10px)}}@keyframes hero-ken{0%{transform:scale(1)}to{transform:scale(1.05)}}