@font-face{font-family:Geist;src:url('assets/geist.woff2') format('woff2');font-display:swap}*{box-sizing:border-box}body{margin:0;background:#10130f;color:#f4f5ef;font-family:Geist,Arial,'Microsoft YaHei',sans-serif;font-size:16px;line-height:1.5}a{color:inherit;text-decoration:none;-webkit-tap-highlight-color:transparent}a:focus-visible,select:focus-visible{outline:2px solid #d3ea9d;outline-offset:5px}.hub{width:min(100% - 40px,540px);margin:auto;padding:max(24px,env(safe-area-inset-top)) 0 max(20px,env(safe-area-inset-bottom))}header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-bottom:28px}.brand{display:flex;align-items:center;gap:9px;font-size:12px;font-weight:750;letter-spacing:.2px;line-height:1.35}.brand img{flex-shrink:0}.partner{display:block;font-size:11px;letter-spacing:1.7px;color:#b6bda9}select{font:inherit;font-size:12px;border:1px solid #4a5142;border-radius:20px;color:#e6ebdf;background:#1b2119;min-height:40px;padding:7px 11px;max-width:125px;cursor:pointer}.heading{margin:0 0 22px}.heading>p{font-size:10px;letter-spacing:1.8px;color:#97a087;margin:0 0 8px}h1{font-size:28px;line-height:1.35;font-weight:550;letter-spacing:-.7px;margin:0;overflow-wrap:anywhere}.brand-links{display:grid;grid-template-columns:1fr 1fr;gap:12px}.brand-card{position:relative;min-height:177px;padding:20px 17px;border-radius:16px;isolation:isolate;overflow:hidden;border:1px solid #526040;display:flex;align-items:flex-end;background:#252e20;transition:transform .18s,border-color .18s}.brand-card>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2}.alien>img{object-position:65% center}.highway>img{object-position:82% center}.brand-card:after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(0deg,#0a100aec,#0a100a25 90%)}.highway{border-color:#765b39}.highway:after{background:linear-gradient(0deg,#281907ed,#20170a30 95%)}.card-copy strong{display:block;font-size:27px;font-weight:700;line-height:1.04;letter-spacing:-1px;margin-bottom:12px}.highway strong{font-style:italic;color:#ffdf93;font-size:25px}.card-copy>span{display:inline-block;font-size:12px;color:#e3ebd9}.brand-card:hover{transform:translateY(-2px);border-color:#d3ea9d}h2{font-size:13px;font-weight:500;color:#a6af9d;margin:25px 0 12px}.quick-links{display:grid;grid-template-columns:1fr 1fr;gap:10px}.quick-links>a{display:flex;align-items:center;gap:12px;min-height:78px;border:1px solid #333c2c;border-radius:13px;padding:15px;background:#1b2118;font-size:14px;line-height:1.4;transition:background .18s,border-color .18s;overflow-wrap:anywhere}.quick-links>a:hover{background:#293222;border-color:#6c8056}.icon{display:flex;align-items:center;justify-content:center;width:34px;height:34px;flex-shrink:0;border-radius:10px;background:#303c24;color:#cfdfab}.icon svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}footer{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:28px;padding-top:18px;border-top:1px solid #303729;font-size:9px;letter-spacing:1px;color:#7f8974}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(min-width:700px){.hub{padding-top:50px}.brand-card{min-height:210px}.quick-links>a{min-height:84px}h1{font-size:34px}.heading{margin-bottom:26px}}@media(max-width:360px){.hub{width:calc(100% - 28px)}.brand{font-size:10px;gap:5px}.brand img{width:32px}.partner{font-size:10px;letter-spacing:1px}select{max-width:105px;padding:7px 8px;font-size:11px}h1{font-size:24px}.brand-card{padding:16px 12px;min-height:165px}.card-copy strong{font-size:25px}.highway strong{font-size:21px}.quick-links>a{padding:11px 10px;gap:8px;font-size:13px}.icon{width:29px;height:29px}.icon svg{width:19px;height:19px}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}
/* Silver translucent glass; the established layout and touch targets stay intact. */
:root{color-scheme:light}
body{background:#eef1f6;background-image:radial-gradient(ellipse at 14% 8%,#d5e5ffb3 0,transparent 43%),radial-gradient(ellipse at 88% 40%,#e1dcf780 0,transparent 42%),linear-gradient(145deg,#f9fbfd 0%,#edf1f7 54%,#f5f6fa 100%);background-attachment:fixed;min-height:100svh;color:#252b38;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI','Noto Sans',Arial,'Microsoft YaHei',sans-serif;-webkit-font-smoothing:antialiased}
a:focus-visible,select:focus-visible{outline-color:#4567aa}
.brand{color:#28313e;letter-spacing:.15px}
.partner{color:#6a7280}
.brand img{filter:grayscale(1);opacity:.8}
select{border:1px solid #ffffffed;color:#454e60;background:#ffffff85;box-shadow:0 3px 12px #34476708,inset 0 1px 0 #fff;backdrop-filter:none;-webkit-backdrop-filter:none}
select option{background:#f5f7fa;color:#252b38}
.heading>p{color:#70798b}
h1{font-weight:600;letter-spacing:-.8px;color:#242b38}
.brand-card{border:1px solid #ffffffd9;border-radius:18px;background:#dfe5ee;box-shadow:0 10px 25px -12px #364a6970,0 2px 5px #3145600a;color:#fff;transition:transform .18s,box-shadow .18s}
.brand-card:after,.highway:after{inset:42% 0 0;z-index:-1;background:linear-gradient(180deg,#26324508,#172337b3 70%,#162035d4);backdrop-filter:none;-webkit-backdrop-filter:none;border-top:1px solid #ffffff20;mask-image:linear-gradient(transparent,#000 25%);-webkit-mask-image:linear-gradient(transparent,#000 25%)}
.brand-card:before{content:'';position:absolute;inset:0;z-index:1;pointer-events:none;border-radius:inherit;box-shadow:inset 0 1px 0 #ffffff75,inset 0 0 0 1px #ffffff20}
.brand-card:hover{border-color:#fff;box-shadow:0 14px 28px -10px #364a6980}
.card-copy strong{font-weight:700;letter-spacing:-.8px;text-shadow:0 1px 8px #00000022}
.highway strong{color:#fff4dd}
.card-copy>span{color:#f4f6fb}
h2{color:#646e80;font-weight:500}
.quick-links>a{border:1px solid #fffffff2;border-radius:15px;background:linear-gradient(125deg,#ffffffb8,#ffffff63);color:#394252;box-shadow:inset 0 1px 0 #fff,0 5px 18px -9px #53668435,0 1px 2px #53668406;backdrop-filter:none;-webkit-backdrop-filter:none;transition:background .18s,box-shadow .18s,transform .18s}
.quick-links>a:hover{background:#ffffffd9;border-color:#fff;box-shadow:0 7px 20px -8px #53668445;transform:translateY(-1px)}
.quick-links>a:active,.brand-card:active{transform:translateY(1px)}
.icon{background:linear-gradient(145deg,#fafcff,#e5ebf5);color:#60708e;border:1px solid #ffffffd9;box-shadow:inset 0 1px 0 #fff,0 2px 4px #485f8408}
footer{border-top-color:#64769426;color:#768092}

.brand-lockup{display:flex;align-items:center;gap:14px;min-width:0}
.alien-brand{display:flex;align-items:center;gap:9px;min-height:44px;color:#344238}
.alien-brand strong{font-family:Geist,Arial,sans-serif;font-size:13px;font-weight:560;letter-spacing:.17em;line-height:1.45;max-width:125px}
.brand-cross{font-size:20px;font-weight:300;color:#7b8493}
.highway-brand{display:flex;align-items:center;min-height:44px;flex-shrink:0}
.highway-brand img{display:block;width:100px;height:auto}
.brand-lockup .af-brand-planet{--af-planet-motion:running}
.quick-links .catalog-link{grid-column:1/-1;min-height:66px}
@media(max-width:600px){.brand-lockup{gap:8px}.alien-brand{gap:6px}.alien-brand strong{font-size:10px;letter-spacing:.14em;max-width:80px}.highway-brand img{width:76px}.brand-cross{font-size:17px}header{gap:10px}header select{max-width:104px;padding:7px 8px}}
@media(max-width:360px){.brand-lockup{gap:6px}.alien-brand{gap:4px}.alien-brand strong{font-size:9px;max-width:68px}.highway-brand img{width:60px}header select{max-width:90px;font-size:11px}.brand-lockup .af-brand-planet{width:28px;flex-shrink:0}}
@media(prefers-reduced-motion:reduce){.brand-lockup .af-brand-planet{--af-planet-motion:paused}}

#starflight{position:fixed;inset:0;width:100%;height:100%;pointer-events:none;z-index:0}.hub{position:relative;z-index:1}

/* Single-line brand with separate compact controls on small screens. */
header{flex-wrap:wrap;row-gap:10px;padding-bottom:20px}
.brand-lockup .alien-brand strong{white-space:nowrap;max-width:none;font-size:11px;letter-spacing:.1em}
.header-tools{display:flex;align-items:center;gap:6px;margin-left:auto}
.theme-toggle{display:grid;place-items:center;width:40px;height:40px;padding:9px;border:1px solid #ffffffb3;border-radius:50%;background:#ffffff80;color:#59667e;cursor:pointer}
.theme-toggle svg,.language-control>svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.theme-toggle:focus-visible{outline:2px solid #778db8;outline-offset:3px}
.sun-icon{display:none}.language-control{display:flex;align-items:center;gap:4px;color:#61718e}
.language-control select{min-height:40px}


@media(max-width:600px){header{align-items:center}.brand-lockup{width:100%;justify-content:center;gap:14px}.brand-lockup .alien-brand strong{font-size:12px}.highway-brand img{width:87px}.header-tools{margin-left:auto}.hub{padding-top:18px}}
html[data-theme=dark]{color-scheme:dark}
html[data-theme=dark] body{background:radial-gradient(ellipse at 10% 0%,#293344 0,transparent 55%),#141922;color:#e1e7f1}
html[data-theme=dark] .hub{background:none}
html[data-theme=dark] .alien-brand{color:#e0e8f0}
html[data-theme=dark] .brand-cross,html[data-theme=dark] h2,html[data-theme=dark] footer{color:#a1aec1}
html[data-theme=dark] .quick-links>a{background:linear-gradient(125deg,#323c4dcc,#202936bb);border-color:#63728a55;color:#e3eaf4;box-shadow:inset 0 1px 0 #c2d5f014,0 6px 18px #0002}
html[data-theme=dark] .quick-links>a:hover{background:#3a465c}
html[data-theme=dark] .icon{background:linear-gradient(145deg,#414e63,#273347);color:#b9cae7;border-color:#7487a344;box-shadow:none}
html[data-theme=dark] .brand-card{border-color:#a3b3cd55}
html[data-theme=dark] select,html[data-theme=dark] .theme-toggle{background:#2a3547;color:#dce6f6;border-color:#8091ac44}
html[data-theme=dark] .language-control{color:#b7c7df}
html[data-theme=dark] footer{border-color:#7185a333}
html[data-theme=dark] .moon-icon{display:none}html[data-theme=dark] .sun-icon{display:block}

/* Emerald planet and translucent glass entry surfaces. */


.quick-links>a{background:linear-gradient(125deg,#ffffffc7,#ffffff9e);border:1px solid #ffffffb3;color:#394252;box-shadow:inset 0 1px 0 #ffffffa6,0 5px 18px -9px #53668425;backdrop-filter:none;-webkit-backdrop-filter:none}
.quick-links>a:hover{background:linear-gradient(125deg,#ffffffdf,#ffffffb8)}
html[data-theme=dark],html[data-theme=dark] body{background:#000;color:#e8e8e8}
html[data-theme=dark] .quick-links>a{background:linear-gradient(125deg,#1c242bcc,#10151dcc);border:1px solid #ffffff29;color:#e2e5e9;box-shadow:inset 0 1px 0 #ffffff14,0 5px 18px #0002;backdrop-filter:none;-webkit-backdrop-filter:none}
html[data-theme=dark] .quick-links>a:hover{background:linear-gradient(125deg,#28323bd9,#192129d9)}
html[data-theme=dark] .icon{background:linear-gradient(145deg,#ffffff14,#ffffff05);border-color:#ffffff1a;color:#aabdb3}
html[data-theme=dark] select,html[data-theme=dark] .theme-toggle{background:#171e27cc;border-color:#ffffff26;color:#e0e4e8}


/* Exact homepage shell colors; sphere/rings/animation come from platform-planet.css. */
.brand-lockup .af-brand-planet{color:#b7db1d;filter:drop-shadow(0 0 5px rgba(183,219,29,.22))}
html[data-theme=light] .brand-lockup .af-brand-planet{color:#5f7810;filter:drop-shadow(0 0 5px rgba(95,120,16,.28))}
.quick-links .catalog-link{grid-column:auto;min-height:78px}
.brand-card,html[data-theme=dark] .brand-card{border-color:#7b87952e;box-shadow:0 5px 18px -10px #0003}
.brand-card:before{box-shadow:inset 0 1px 0 #ffffff16}
.brand-card:hover,html[data-theme=dark] .brand-card:hover{border-color:#8c9bad55;box-shadow:0 7px 20px -10px #0004}
html[data-theme=dark] .brand-card{background:#080a0c;background-clip:padding-box;border-color:#ffffff20}html[data-theme=light] .brand-card{background-clip:padding-box;border-color:#34425226}

/* Library sets relative positioning inline; host stays behind the existing UI. */
#starflight{position:fixed!important;inset:0;z-index:0;isolation:isolate;pointer-events:none}#starflight canvas{z-index:0!important}
/* Balance the two brands by visible height and width, including narrow phones. */
.brand-lockup .alien-brand{gap:10px}
.brand-lockup .alien-brand strong{font-size:15px;font-weight:600;letter-spacing:.075em;line-height:1.3}
.brand-lockup .af-brand-planet{transform:scale(1.32);transform-origin:center;margin:0 4px}
@media(max-width:600px){.brand-lockup{gap:11px}.brand-lockup .alien-brand strong{font-size:14px}.brand-lockup .alien-brand{gap:8px}.highway-brand img{width:87px}}
@media(max-width:360px){.brand-lockup{gap:8px}.brand-lockup .alien-brand{gap:6px}.brand-lockup .alien-brand strong{font-size:12.5px;letter-spacing:.055em}.brand-lockup .af-brand-planet{transform:scale(1.23);margin:0 2px}.highway-brand img{width:78px}}

/* Brand artwork remains clear; frost is confined to the small entry strip. */
.brand-card{display:block;height:216px;min-height:216px;padding:0;background:#060a09!important;border:1px solid #ffffff14;border-radius:18px}
.brand-card:after,.highway:after,.brand-card:before{content:none}
.brand-scene{position:absolute;inset:0;overflow:hidden;pointer-events:none}
.brand-scene img{display:block;position:absolute;width:100%;height:100%;object-fit:cover}
.alien .brand-scene{background:#040807}
.alien .brand-scene img{width:135%;height:74%;left:-30%;top:26px;object-fit:contain;object-position:center}
.highway .brand-scene img{width:100%;height:112%;top:-6%;object-position:95% center}
.brand-card .card-brand{position:absolute;z-index:1;top:17px;left:14px;inset:auto;right:auto;bottom:auto}
.brand-card .card-brand-alien{top:19px;left:14px;white-space:nowrap;font:600 11px/1.4 Geist,Arial,sans-serif;letter-spacing:.10em;color:#edf4ec;text-shadow:0 1px 8px #0008}
.brand-card img.card-brand-highway{top:13px;left:13px;width:94px;height:auto;object-fit:contain;filter:drop-shadow(0 2px 3px #0008)}
.site-entry{position:absolute;z-index:2;left:10px;right:10px;bottom:10px;display:flex;align-items:center;justify-content:space-between;gap:5px;min-height:42px;padding:9px 11px;border-radius:10px;background:linear-gradient(125deg,#ffffff20,#ffffff0b);border:1px solid #ffffff2b;box-shadow:inset 0 1px 0 #ffffff13;color:#f5f7f6;font-size:12px;line-height:1.3;backdrop-filter:none;-webkit-backdrop-filter:none}
.site-entry>span:last-child{font-size:19px;flex:none;opacity:.8}
.brand-card:hover .site-entry{background:#ffffff25;border-color:#ffffff40}
@media(max-width:360px){.brand-card{height:204px;min-height:204px}.brand-card .card-brand-alien{font-size:9px;left:11px;letter-spacing:.08em}.brand-card img.card-brand-highway{width:82px;left:11px}.site-entry{left:8px;right:8px;padding:8px;font-size:11px}}

/* Restore the original card typography; the entire card is the entry. */
.brand-card .card-copy{position:absolute;z-index:2;left:17px;right:12px;bottom:20px;color:#fff}
.brand-card .card-copy strong{font-size:27px;font-weight:700;line-height:1.04;letter-spacing:-.8px;margin-bottom:12px;text-shadow:0 2px 12px #0008}
.brand-card.highway .card-copy strong{font-size:25px;font-style:italic;color:#fff4dd}
.brand-card .card-copy>span{font-size:12px;line-height:1.5;color:#f4f6fb;text-shadow:0 1px 6px #000b}
.brand-card:after,.highway:after{content:'';position:absolute;inset:30% 0 0;z-index:1;pointer-events:none;background:linear-gradient(transparent,#0004 45%,#000b);border:0;backdrop-filter:none;-webkit-backdrop-filter:none;mask-image:none;-webkit-mask-image:none}
.alien .brand-scene img{top:1px;height:72%}
@media(max-width:360px){.brand-card .card-copy{left:12px;bottom:17px}.brand-card .card-copy strong{font-size:25px}.brand-card.highway .card-copy strong{font-size:21px}}

/* Lightweight dark green material; no generated scene or extra animation. */
.alien .alien-surface{background:radial-gradient(ellipse at 95% 0%,#71845b38,transparent 55%),linear-gradient(135deg,#080c0a 12%,#1b2b21 46%,#0b1410 66%,#050907);box-shadow:inset 0 1px 0 #d6e7bf0d}
.alien-surface:before{content:'';position:absolute;width:140%;height:170%;left:15%;top:-110%;border-radius:50%;border:1px solid #b7ce9c25;box-shadow:0 12px 35px #96b66d0c,inset 0 -12px 30px #aac58909;transform:rotate(-32deg)}
.highway .brand-scene img{width:calc(100% + 20px);max-width:none;left:0;object-position:100% center}
.alien .alien-collage img{width:100%;height:100%;left:0;top:0;object-fit:cover;object-position:center}
/* Unified fine-line service icons, with a faint ink wash instead of boxed badges. */
.quick-links .icon,html[data-theme=dark] .quick-links .icon{width:30px;height:34px;background:none;border:0;box-shadow:none;border-radius:0;color:#52635f}
.quick-links .icon svg{width:25px;height:25px;stroke-width:1.35;stroke-linecap:round;stroke-linejoin:round}
.quick-links .icon .icon-wash{fill:currentColor;fill-opacity:.065;stroke:none}
html[data-theme=dark] .quick-links .icon{color:#c5cdc7}
html[data-theme=dark] .quick-links .icon .icon-wash{fill-opacity:.09}
@media(max-width:360px){.quick-links .icon{width:26px}.quick-links .icon svg{width:23px;height:23px}}

/* Official LINE entry: service heading on desktop, header controls on phones. */
.quick-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:16px 0 8px;min-height:44px}
.quick-heading h2{margin:0}
.line-official{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:6px 0;font-family:Geist,Arial,sans-serif;font-size:12px;font-weight:600;letter-spacing:.04em;line-height:1;white-space:nowrap;color:#344238}
.line-logo{display:block;width:24px;height:24px;flex:none}
.line-official[href]{cursor:pointer}
.line-official[href]:hover{color:#078b3f}
.line-official:focus-visible{outline:2px solid #06c755;outline-offset:4px;border-radius:8px}
.line-mobile{display:none}
html[data-theme=dark] .line-official{color:#e0e8e3}
html[data-theme=dark] .line-official[href]:hover{color:#61df93}
@media(max-width:600px){
  .line-desktop{display:none}
  .line-mobile{display:inline-flex;min-height:40px;padding:7px 9px;gap:6px;border:1px solid #ffffffb3;border-radius:20px;background:#ffffff80;font-size:10px;letter-spacing:.02em}
  .line-mobile .line-logo{width:22px;height:22px}
  html[data-theme=dark] .line-mobile{background:#171e27cc;border-color:#ffffff26}
  .quick-heading{min-height:0;margin:25px 0 12px}
}
@media(max-width:360px){.line-mobile{padding:7px 8px;font-size:9px;gap:5px}.line-mobile .line-logo{width:20px;height:20px}}