:root{--navy:#071427;--surface:#0b1b32;--text:#edf2fa;--muted:#a2b2c8;--blue:#327ce0;--line:rgba(172,198,229,.18);--serif:"Songti TC","Noto Serif CJK TC","PMingLiU",serif;--sans:Inter,"Helvetica Neue","PingFang HK","PingFang TC","Noto Sans CJK TC","Microsoft JhengHei",sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--navy);color:var(--text);font-family:var(--sans);font-size:16px;line-height:1.6}a{color:inherit;text-decoration:none}button{font:inherit}a,button,summary{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,summary:focus-visible{outline:2px solid #9ec8ff;outline-offset:6px}.skip{position:fixed;top:-100px;left:20px;z-index:10;background:white;color:#071427;padding:12px}.skip:focus{top:10px}.site-header{height:105px;max-width:1376px;margin:auto;padding:0 64px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);position:relative;z-index:2}.wordmark img{width:192px;height:auto;display:block}.site-header nav{display:flex;gap:34px;font-size:14px;color:#bac7d9}.site-header nav a{padding:12px 0;transition:color .2s}.site-header nav a:hover{color:white}.button{display:inline-flex;align-items:center;justify-content:center;gap:32px;padding:16px 25px;min-height:54px;border:1px solid #b7cee9;border-radius:3px;background:linear-gradient(135deg,#f6faff,#c3d4e9);color:#102139;font-weight:600;font-size:14px;transition:transform .2s,box-shadow .2s}.button:hover{transform:translateY(-2px);box-shadow:0 8px 32px #628ab730}.button span{font-size:21px;line-height:1}.button-small{min-height:42px;padding:10px 17px;gap:22px;font-size:13px;background:transparent;color:#e4edf9;border-color:#53647b}.hero{max-width:1376px;margin:auto;position:relative;min-height:770px;display:grid;grid-template-columns:1fr 1fr;align-items:center;padding:0 64px 50px;overflow:hidden}.hero-copy{z-index:1;position:relative;padding-top:30px}.eyebrow{font-size:10px;letter-spacing:2.3px;font-weight:500;color:#a6b7ce;margin:0 0 26px;display:flex;align-items:center;gap:10px}.eyebrow>span{height:5px;width:5px;background:#66a8ff;border-radius:50%;box-shadow:0 0 12px #66a8ff}h1{font-family:var(--serif);font-size:clamp(42px,4.7vw,68px);font-weight:600;line-height:1.35;letter-spacing:3px;margin:0 0 27px;text-wrap:balance}h1 em{font-style:normal;font-family:Georgia,serif;font-weight:400;font-size:1.1em;letter-spacing:0}.hero-description{font-size:15px;color:var(--muted);line-height:1.95;margin:0 0 34px}.hero-actions{display:flex;gap:28px;align-items:center}.text-link{font-size:13px;display:inline-flex;align-items:center;gap:14px;min-height:44px;transition:color .2s}.text-link:hover{color:#8dbdff}.hero-caption{position:relative;margin:65px 0 0;padding-left:36px;font-size:11px;color:#c4cfdf;line-height:1.8;letter-spacing:1px}.caption-line{width:22px;position:absolute;left:0;top:9px;height:1px;background:#8b9eb7}.hero-caption small{font-size:10px;letter-spacing:.3px;color:#8b9eb7}.hero-visual{height:655px;width:100%;position:relative;overflow:hidden;align-self:center;isolation:isolate;mask-image:linear-gradient(to bottom,transparent 0%,black 8%,black 90%,transparent 100%);-webkit-mask-image:linear-gradient(to bottom,transparent 0%,black 8%,black 90%,transparent 100%)}.hero-visual>img{position:absolute;width:146%;height:auto;max-width:none;left:-23%;top:-48%;opacity:.97}.visual-shade{position:absolute;inset:0;background:linear-gradient(90deg,var(--navy) 0%,transparent 18%,transparent 85%,var(--navy)),linear-gradient(0deg,var(--navy),transparent 16%,transparent 88%,var(--navy));pointer-events:none}.visual-label{position:absolute;bottom:52px;right:10px;display:flex;gap:12px;font-size:8px;letter-spacing:2px;line-height:1.8;color:#b9ccdf}.cross{font-size:26px;font-weight:200}.hero-index{position:absolute;bottom:32px;left:64px;color:#7489a5;font-size:8px;letter-spacing:2px}.section{max-width:1248px;margin:auto;padding:90px 0;scroll-margin-top:30px}.section-heading{display:flex;align-items:end;justify-content:space-between;margin-bottom:40px}.section-heading .eyebrow,.guide .eyebrow,.questions .eyebrow{margin-bottom:15px}h2{font-family:var(--serif);font-size:36px;font-weight:500;line-height:1.5;letter-spacing:1.6px;margin:0;text-wrap:balance}.section-heading>p,.guide-intro>p:not(.eyebrow){font-size:13px;line-height:1.9;color:var(--muted);margin:0}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--line)}.service-card{padding:28px 30px 23px;min-width:0;position:relative;background:linear-gradient(155deg,#11253b33,#071427);border-right:1px solid var(--line)}.service-card:last-child{border:0}.featured{background:radial-gradient(at 10% 5%,#1c46793b,transparent 70%),linear-gradient(145deg,#11294155,#09182c)}.card-top{display:flex;justify-content:space-between;align-items:center;gap:10px}.service-number{font-size:8px;letter-spacing:1.2px;color:#8197b3}.badge{display:inline-flex;align-items:center;gap:5px;color:#9fc7ed;font-size:10px;white-space:nowrap}.badge i{width:4px;height:4px;border-radius:50%;background:#8ec2f4}.badge-muted{color:#899aaf}.service-symbol{width:44px;height:44px;color:#b7cee9;margin:38px 0 24px}.service-symbol svg{width:44px;height:44px}.service-card h3{font-size:26px;font-weight:500;letter-spacing:-.8px;margin:0 0 13px}.service-card>p{font-size:12px;line-height:1.9;color:var(--muted);margin:0;min-height:69px}.model-tags{display:flex;gap:7px;flex-wrap:wrap;margin:27px 0 31px}.model-tags span{font-size:9px;border:1px solid #aac4e123;padding:3px 8px;color:#a0b5cf;border-radius:2px}.coming-note{height:83px;display:flex;align-items:center;font-size:9px;letter-spacing:2px;color:#6c809b}.card-link{display:flex;justify-content:space-between;align-items:center;min-height:48px;width:100%;border:0;border-top:1px solid var(--line);background:transparent;color:#dceafa;font-size:13px;padding:18px 0 3px;transition:color .2s}.card-link:not(.disabled):hover{color:#7bb6ff}.card-link span{font-size:22px;line-height:1}.card-link.disabled{color:#8192a9;cursor:not-allowed}.price-link{font-size:10px;color:#94b3d4;display:inline-flex;align-items:center;min-height:36px;margin-top:5px}.price-link:hover{text-decoration:underline}.upcoming{padding-bottom:64px}.guide{display:grid;grid-template-columns:1fr 1fr;gap:80px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.guide-intro h2{margin-bottom:25px}.guide-intro .text-link{margin-top:23px}.steps{list-style:none;margin:0;padding:0}.steps li{display:flex;gap:30px;padding:26px 0;border-bottom:1px solid var(--line)}.steps li:first-child{padding-top:4px}.steps li:last-child{border:0;padding-bottom:0}.step-number{font-family:Georgia,serif;color:#7f9dbd;font-size:26px;font-style:italic;line-height:1.3}.steps h3{font-size:16px;font-weight:500;margin:0 0 9px}.steps p{color:var(--muted);font-size:12px;margin:0;line-height:1.9}.questions{display:grid;grid-template-columns:1fr 1.6fr;gap:80px}.faq-list details{border-bottom:1px solid var(--line)}.faq-list summary{list-style:none;display:flex;align-items:center;justify-content:space-between;min-height:70px;gap:20px;font-size:14px;cursor:pointer}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary span{font-size:20px;font-weight:300;color:#8a9bb3;transition:transform .2s}.faq-list details[open] summary span{transform:rotate(45deg)}.faq-list details p{font-size:13px;line-height:1.9;color:var(--muted);margin:0;padding:0 32px 24px 0}.closing{text-align:center;padding:85px 24px 100px;background:radial-gradient(ellipse at 50% 100%,#15355b70,transparent 70%);border-top:1px solid var(--line)}.closing .eyebrow{justify-content:center;font-size:9px}.closing h2{margin-bottom:32px;font-size:32px}.closing .button{font-size:13px}footer{max-width:1376px;margin:auto;border-top:1px solid var(--line);padding:35px 64px;display:flex;align-items:center;justify-content:space-between;gap:30px;font-size:10px;color:#8191a7}.footer-brand{font-size:15px;color:#d7e2f1;letter-spacing:2px;font-weight:500}.footer-brand span{display:block;font-size:9px;color:#91a3bc;letter-spacing:1px;margin-top:5px}footer p{margin:0}footer>a:last-child{min-height:44px;display:flex;align-items:center}@media(min-width:1550px){.hero-visual>img{width:140%;left:-20%;top:-48%}}@media(max-width:1350px){.section{margin-left:64px;margin-right:64px}.hero{min-height:710px}.hero-visual{height:600px}.hero-caption{margin-top:50px}.hero h1{font-size:56px}}@media(max-width:1050px){.site-header{padding:0 32px;height:90px}.site-header nav{gap:22px}.wordmark img{width:160px}.hero{padding:0 32px 45px;min-height:650px}.hero h1{font-size:44px;letter-spacing:2px}.hero-visual{height:540px}.hero-visual>img{width:175%;left:-38%;top:-42%}.hero-description{font-size:13px}.hero-actions{gap:18px}.hero-actions .button{padding:13px 18px;gap:18px}.hero-caption{margin-top:35px}.hero-index{left:32px}.section{margin-left:32px;margin-right:32px;padding:65px 0}.service-card{padding:24px 22px}.service-card>p{font-size:12px;min-height:90px}.service-number{font-size:7px;letter-spacing:.7px}.upcoming{padding-bottom:65px}.guide,.questions{gap:45px}footer{padding:30px 32px}}@media(max-width:720px){html{scroll-padding-top:24px}.site-header{height:82px;padding:0 22px}.site-header nav{display:none}.wordmark img{width:150px}.button-small{font-size:11px;gap:12px;padding:10px 12px}.hero{display:flex;flex-direction:column;padding:0 24px 40px;min-height:0;align-items:stretch}.hero-copy{padding-top:50px}.eyebrow{font-size:8px;letter-spacing:1.7px;margin-bottom:22px}.hero h1{font-size:clamp(38px,9.5vw,58px);line-height:1.4;letter-spacing:1px;margin-bottom:24px}.hero-description{font-size:13px;margin-bottom:26px}.hero-actions{gap:24px}.hero-actions .button{font-size:12px;min-height:49px}.text-link{font-size:12px}.hero-caption{display:none}.hero-visual{align-self:center;width:min(100%,470px);height:470px;margin-top:20px;margin-bottom:8px}.hero-visual>img{width:140%;left:-20%;top:-44%}.visual-label{bottom:26px;right:5px;font-size:7px}.hero-index{bottom:18px;left:24px;font-size:7px}.section{margin-left:24px;margin-right:24px;padding:56px 0}.section-heading{display:block;margin-bottom:30px}.section-heading>p{margin-top:18px;font-size:12px}h2{font-size:29px}.service-grid{grid-template-columns:1fr}.service-card{padding:26px;border-right:0;border-bottom:1px solid var(--line)}.service-card>p{min-height:0}.service-number{font-size:8px}.service-symbol{margin:28px 0 18px}.model-tags{margin:22px 0}.upcoming{padding-bottom:26px}.coming-note{height:62px}.guide,.questions{grid-template-columns:1fr;gap:38px}.guide-intro h2{font-size:32px}.steps li{gap:24px}.questions{gap:20px}.closing{padding:65px 24px}.closing h2{font-size:26px}.closing .eyebrow{font-size:7px}footer{padding:28px 24px;flex-wrap:wrap;gap:20px}footer p{order:3;width:100%;font-size:9px}footer>a:last-child{margin-left:auto}}@media(max-width:380px){.site-header{padding:0 16px}.wordmark img{width:130px}.hero{padding-left:20px;padding-right:20px}.hero-visual{height:420px}.hero-actions{gap:17px}.text-link{font-size:11px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}}
/* Keep poster typography outside the visible architectural illustration. */
.hero-visual::before{content:"";position:absolute;inset:0 0 auto;height:82px;z-index:1;background:linear-gradient(var(--navy) 38%,transparent);pointer-events:none}

.footer-info{font-size:10px;line-height:1.9}.footer-info address{font-style:normal;color:#b1c0d4;margin-bottom:4px}@media(max-width:720px){.footer-info{order:3;width:100%}.footer-info p{width:auto}}
.footer-contact{display:flex;flex-wrap:wrap;gap:12px 28px;margin-bottom:16px}.footer-contact span{display:block;font-size:11px;color:#a2b2c8}.footer-contact a{display:inline-flex;align-items:center;min-height:32px;font-size:14px;color:#edf2fa;white-space:nowrap;transition:color .2s}.footer-contact a:hover{color:#8dbdff}@media(max-width:720px){.footer-contact{gap:12px 24px}.footer-contact a{min-height:44px}}

/* PhanEdge portal brand */
.wordmark{display:flex;align-items:center;gap:12px}.wordmark img{width:52px;height:40px;object-fit:contain}.wordmark>span{font-size:24px;font-weight:650;letter-spacing:1px;color:#f2f6ff;line-height:1.2}.wordmark small{display:block;font-size:11px;letter-spacing:2px;font-weight:500;color:#abbfd9;margin-top:5px}.card-link:disabled{opacity:1}.badge-muted{color:#a5b6cd}.hero h1 em{color:#84b9ff}@media(max-width:720px){.wordmark{gap:8px}.wordmark img{width:40px;height:36px}.wordmark>span{font-size:21px}.wordmark small{font-size:9px}.site-header .button-small{min-height:44px}}