:root{--ink:#061a2c;--ink2:#0e2b43;--blue:#168fd1;--cyan:#39c6f3;--violet:#6c55ed;--lime:#b9f34a;--mist:#eff7fb;--muted:#607584;--line:#d7e5eb;--white:#fff;--radius:24px;--shadow:0 24px 70px rgba(6,26,44,.12)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;color:var(--ink);background:#fbfdff;font-family:"Noto Sans TC",sans-serif;line-height:1.75;-webkit-font-smoothing:antialiased}body:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:99;background:linear-gradient(rgba(6,26,44,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(6,26,44,.025) 1px,transparent 1px);background-size:64px 64px;mask-image:linear-gradient(to bottom,black,transparent 75%)}a{color:inherit;text-decoration:none}button{font:inherit}img{display:block}.shell{width:min(1160px,calc(100% - 48px));margin-inline:auto}.skip-link{position:fixed;left:16px;top:-60px;z-index:100;padding:10px 15px;background:var(--ink);color:#fff;border-radius:8px}.skip-link:focus{top:12px}.site-header{position:fixed;inset:0 0 auto;z-index:30;transition:.3s}.site-header.scrolled{background:rgba(255,255,255,.9);box-shadow:0 1px 24px rgba(6,26,44,.08);backdrop-filter:blur(18px)}.nav{height:88px;display:flex;align-items:center;justify-content:space-between;transition:.3s}.site-header.scrolled .nav{height:74px}.brand{display:flex;align-items:center;gap:12px}.brand-mark{width:36px;height:36px;position:relative;overflow:hidden;flex:0 0 36px}.brand-mark img{position:absolute;width:auto;height:34px;max-width:none;left:50%;top:50%;transform:translate(-50%,-50%)}.brand b{display:block;font:700 17px/1 Outfit;letter-spacing:.18em}.brand small{display:block;margin-top:7px;font-size:10px;letter-spacing:.11em;color:var(--muted)}.nav-links{display:flex;align-items:center;gap:30px;font-size:13px;font-weight:600}.nav-links>a:not(.nav-cta){position:relative}.nav-links>a:not(.nav-cta):after{content:"";position:absolute;left:0;right:100%;bottom:-7px;height:2px;background:var(--blue);transition:.25s}.nav-links>a:hover:after{right:0}.nav-cta{padding:11px 18px;color:#fff;background:var(--ink);border-radius:99px}.nav-cta span{color:var(--cyan);margin-left:7px}.menu-button{display:none;width:42px;height:42px;padding:8px;border:0;background:transparent}.menu-button span{display:block;height:2px;background:var(--ink);margin:7px 0;border-radius:2px}
.hero{min-height:790px;padding-top:88px;position:relative;overflow:hidden;background:radial-gradient(circle at 86% 20%,rgba(108,85,237,.18),transparent 22%),radial-gradient(circle at 72% 76%,rgba(185,243,74,.17),transparent 19%),linear-gradient(125deg,#f7fcff 0%,#fff 54%,#eef4ff 100%)}.hero:after{content:"BUILD • SHIP • GROW •";position:absolute;right:-64px;top:220px;color:var(--violet);font:700 10px Outfit;letter-spacing:.35em;writing-mode:vertical-rl}.hero-grid{min-height:702px;display:grid;grid-template-columns:1.08fr .92fr;align-items:center;position:relative}.eyebrow,.kicker,.section-label{font-weight:700;font-size:11px;letter-spacing:.17em}.eyebrow{display:flex;align-items:center;gap:10px;width:max-content;padding:7px 13px;border:1px solid #cfe2ec;border-radius:99px;background:rgba(255,255,255,.72);color:#3c657a}.eyebrow span{width:24px;height:2px;background:var(--blue)}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(44px,5.2vw,72px);line-height:1.15;letter-spacing:-.055em;margin:28px 0 24px;font-weight:800}h1 em{font-style:normal;background:linear-gradient(90deg,var(--blue),var(--violet));background-clip:text;-webkit-background-clip:text;color:transparent}.hero-lead{font-size:18px;color:#536c7a;max-width:640px}.hero-actions{display:flex;gap:14px;margin:38px 0}.button{display:inline-flex;align-items:center;justify-content:center;gap:26px;padding:14px 24px;border:1px solid transparent;border-radius:12px;font-weight:700;transition:.25s}.button.primary{background:linear-gradient(110deg,var(--blue),var(--violet));color:#fff;box-shadow:0 15px 35px rgba(82,101,230,.25)}.button.primary:hover{transform:translateY(-2px);box-shadow:0 20px 42px rgba(82,101,230,.32)}.button.ghost{border-color:#b8cbd4;background:rgba(255,255,255,.6)}.button.ghost:hover{border-color:var(--blue);color:var(--blue)}.hero-trust{display:flex;gap:22px;font-size:12px;color:#587080}.hero-trust span:before{content:"✓";margin-right:7px;color:var(--blue);font-weight:800}.hero-visual{height:520px;display:grid;place-items:center;position:relative}.orbit{position:absolute;border:1px solid rgba(22,143,209,.28);border-radius:50%}.orbit-one{width:420px;height:420px;animation:spin 20s linear infinite}.orbit-two{width:320px;height:320px;border-style:dashed;animation:spin 14s linear infinite reverse}.core{z-index:2;width:180px;height:180px;position:relative;overflow:hidden;transform:rotate(-4deg)}.core>img{position:absolute;width:155%;height:auto;max-width:none;left:50%;top:7%;transform:translateX(-50%);filter:drop-shadow(0 14px 20px rgba(16,78,155,.18))}.core small{position:absolute;bottom:10px;left:50%;transform:translateX(-50%);font:600 9px/1.5 Outfit;letter-spacing:.3em;text-align:center;color:var(--ink);white-space:nowrap}.float-card{position:absolute;z-index:3;display:flex;align-items:center;gap:12px;padding:14px 20px;background:rgba(255,255,255,.83);border:1px solid rgba(255,255,255,.9);border-radius:15px;box-shadow:0 18px 45px rgba(6,26,44,.13);backdrop-filter:blur(12px);font-size:11px;line-height:1.4;animation:float 4s ease-in-out infinite}.float-card i,.availability i{width:9px;height:9px;border-radius:50%;background:#35d89a;box-shadow:0 0 0 6px rgba(53,216,154,.13)}.float-card b{font-size:15px}.card-a{top:74px;right:2px}.card-b{bottom:68px;left:12px;animation-delay:-2s}.code-lines{position:absolute;right:2px;bottom:88px;width:120px}.code-lines span{display:block;height:3px;margin:10px;background:#9fd6e9;border-radius:2px}.code-lines span:nth-child(2){width:70%}.code-lines span:nth-child(3){width:85%}@keyframes spin{to{transform:rotate(360deg)}}@keyframes float{50%{transform:translateY(-9px) rotate(1deg)}}
.value-strip{background:linear-gradient(100deg,var(--ink),#102f48);color:#fff}.value-grid{display:grid;grid-template-columns:repeat(4,1fr)}.value-grid>div{min-height:118px;padding:26px 26px;display:flex;align-items:center;gap:17px;border-right:1px solid rgba(255,255,255,.12)}.value-grid>div:last-child{border:0}.value-grid b{color:var(--lime);font:600 11px Outfit;letter-spacing:.15em}.value-grid span{font-size:13px;color:#d4e0e7}.section{padding:112px 0}.section-label{display:flex;gap:12px;color:#7192a3;padding-bottom:16px;margin-bottom:62px;border-bottom:1px solid var(--line)}.section-label span{color:var(--blue)}.kicker{color:var(--blue);margin-bottom:14px}.section h2{font-size:clamp(34px,4vw,53px);line-height:1.3;letter-spacing:-.04em;margin-bottom:0}.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:90px}.about-copy{padding-top:24px}.about-copy p,.section-head>p,.outcomes-copy>p,.faq-intro{color:var(--muted)}.about-points{display:flex;flex-wrap:wrap;gap:9px;margin-top:30px}.about-points span{padding:8px 13px;border-radius:99px;background:#edf8fc;color:#315f77;font-size:12px;font-weight:600}.services{background:linear-gradient(180deg,#eef8fc,#f7f5ff 58%,#fbfdff);position:relative;overflow:hidden}.services:before{content:"";position:absolute;width:430px;height:430px;border:90px solid rgba(108,85,237,.035);border-radius:50%;right:-230px;top:160px}.section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:50px;margin-bottom:50px;position:relative}.section-head>div{max-width:700px}.section-head>p{max-width:390px;margin:0}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;position:relative}.service-card{min-height:380px;padding:32px;background:#fff;border:1px solid #dfeaf0;border-radius:var(--radius);position:relative;overflow:hidden;transition:.3s}.service-card:hover{transform:translateY(-6px);border-color:transparent;box-shadow:var(--shadow)}.service-card:before{content:"";position:absolute;width:110px;height:110px;right:-55px;top:-48px;border-radius:50%;background:linear-gradient(135deg,rgba(57,198,243,.13),rgba(108,85,237,.09));transition:.35s}.service-card:hover:before{transform:scale(1.5)}.service-no{position:absolute;right:25px;top:22px;color:#91a6b2;font:600 10px Outfit;letter-spacing:.12em}.icon{width:56px;height:56px;display:grid;place-items:center;border-radius:15px;background:#e8f7fd;color:var(--blue);font:700 13px Outfit}.service-card h3{font-size:20px;line-height:1.4;margin:28px 0 12px}.service-card p{color:var(--muted);font-size:14px}.service-card>ul{list-style:none;padding:0;margin:22px 0 0;display:grid;gap:7px;font-size:12px;color:#496574}.service-card>ul li:before{content:"—";margin-right:8px;color:var(--blue)}.service-card.featured{grid-column:span 2;min-height:420px;padding:40px;color:#fff;border:0;background:radial-gradient(circle at 85% 20%,rgba(185,243,74,.18),transparent 26%),linear-gradient(145deg,#0b2539,#173452 62%,#28357b)}.featured:after{content:"24/7";position:absolute;right:-12px;bottom:-55px;color:rgba(255,255,255,.045);font:700 175px Outfit}.featured .service-no{color:#9cb1c0}.featured .icon{background:var(--lime);color:var(--ink);width:64px;height:64px;font-size:20px}.featured h3{font-size:30px}.featured p{color:#bdccd5;max-width:620px;font-size:15px}.featured .service-tags{display:flex;flex-wrap:wrap;gap:8px}.featured .service-tags li{padding:6px 11px;border:1px solid rgba(255,255,255,.18);border-radius:99px;color:#dce6eb}.featured .service-tags li:before{display:none}.featured>a{position:absolute;right:32px;top:50%;font-weight:700;color:var(--lime)}.accent{background:linear-gradient(145deg,#efffd5,#dcf7a8);border:0}.accent .icon{background:var(--ink);color:var(--lime)}
.outcomes{background:var(--ink);color:#fff;position:relative;overflow:hidden}.outcomes:after{content:"S";position:absolute;left:-60px;bottom:-300px;color:rgba(255,255,255,.02);font:700 640px Outfit}.outcomes-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:90px;position:relative;z-index:1}.outcomes-copy{padding-top:45px}.outcomes-copy>p{margin-top:24px;max-width:500px}.text-link{display:inline-flex;gap:20px;margin-top:15px;padding-bottom:5px;border-bottom:1px solid currentColor;font-weight:700}.outcome-list{border-top:1px solid rgba(255,255,255,.14)}.outcome-list article{display:grid;grid-template-columns:55px 1fr;padding:28px 6px;border-bottom:1px solid rgba(255,255,255,.14)}.outcome-list b{color:var(--lime);font:600 11px Outfit}.outcome-list h3{margin:0 0 7px;font-size:19px}.outcome-list p{margin:0;color:#aabcc7;font-size:14px}.process{position:relative}.process-grid{display:grid;grid-template-columns:repeat(4,1fr)}.process-grid article{padding:30px;border-top:2px solid var(--line);position:relative}.process-grid article:before{content:"";position:absolute;width:11px;height:11px;left:30px;top:-7px;border:6px solid #dff3fb;border-radius:50%;background:var(--blue)}.process-grid article:nth-child(2):before{background:var(--violet);border-color:#ebe8ff}.process-grid article:nth-child(3):before{background:#ff6b70;border-color:#ffe9ea}.process-grid article:nth-child(4):before{background:#55c872;border-color:#e1f7e6}.process-grid b{font:600 11px Outfit;color:#87a0ad}.process-grid h3{margin:34px 0 10px;font-size:19px}.process-grid p{color:var(--muted);font-size:14px}.faq{background:#f2f7fa}.faq-grid{display:grid;grid-template-columns:.72fr 1.28fr;gap:100px}.faq-grid .section-label{margin-bottom:45px}.faq-intro{max-width:420px;margin-top:20px}.faq-list{border-top:1px solid #cbdce4}.faq-list details{border-bottom:1px solid #cbdce4}.faq-list summary{list-style:none;cursor:pointer;padding:25px 0;display:flex;justify-content:space-between;gap:20px;font-size:17px;font-weight:700}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary span{color:var(--blue);font-size:23px;font-weight:400;transition:.25s}.faq-list details[open] summary span{transform:rotate(45deg)}.faq-list details p{padding:0 40px 24px 0;margin:0;color:var(--muted);font-size:14px}.contact{background:radial-gradient(circle at 10% 100%,rgba(108,85,237,.25),transparent 30%),radial-gradient(circle at 90% 10%,rgba(57,198,243,.17),transparent 24%),#06192a;color:#fff;position:relative;overflow:hidden}.contact-stage{display:grid;grid-template-columns:1.08fr .92fr;gap:80px;align-items:center}.contact-copy h2 em{font-style:normal;color:var(--lime)}.contact-copy>p:not(.kicker){max-width:620px;color:#a8bac5}.availability{display:inline-flex;align-items:center;gap:10px;margin-bottom:28px;padding:7px 13px;border:1px solid rgba(255,255,255,.14);border-radius:99px;color:#b5c5ce;font-size:11px}.contact-actions{display:flex;gap:14px;margin-top:36px}.contact-call{border-color:rgba(255,255,255,.25);color:#fff}.contact-card{min-height:420px;margin:0;padding:38px;background:linear-gradient(145deg,#fff,#edf7fb);border-radius:30px;box-shadow:0 40px 90px rgba(0,0,0,.28);color:var(--ink);font-style:normal;position:relative;overflow:hidden;transform:rotate(1.5deg)}.contact-card:before{content:"";position:absolute;width:220px;height:220px;right:-100px;top:-100px;border-radius:50%;background:#ffd84d}.contact-card-top{display:flex;justify-content:space-between;position:relative;z-index:1}.contact-card-top span{font:600 9px Outfit;letter-spacing:.2em;color:#718a99}.contact-card-top b{text-align:right;font:600 16px/1.3 Outfit}.contact-details{display:grid;gap:20px;margin-top:100px}.contact-details p{margin:0}.contact-details span{display:block;color:#718a99;text-transform:uppercase;font:600 10px Outfit;letter-spacing:.15em}.card-sticker{position:absolute;right:28px;bottom:25px;width:88px;height:88px;display:grid;place-content:center;text-align:center;border-radius:50%;background:var(--violet);color:#fff;box-shadow:0 14px 25px rgba(108,85,237,.3);font:700 14px/1.2 Outfit;transform:rotate(-10deg)}.card-sticker small{font:500 10px "Noto Sans TC"}footer{padding:34px 0;background:#03111d;color:#fff}.footer-row{display:flex;align-items:center;justify-content:space-between}.brand.inverse small{color:#839caa}.footer-row>p{margin:0;color:#718b99;font-size:11px}.back-top{color:#a3b6c1;font-size:12px}.reveal{opacity:0;transform:translateY(20px);transition:opacity .65s ease,transform .65s ease}.reveal.visible{opacity:1;transform:none}
@media(max-width:1000px){.service-grid{grid-template-columns:repeat(2,1fr)}.contact-stage,.outcomes-grid{gap:45px}.nav-links{gap:20px}}
@media(max-width:860px){.nav-links{position:absolute;top:74px;left:24px;right:24px;padding:24px;background:#fff;border-radius:18px;box-shadow:var(--shadow);display:none;flex-direction:column;align-items:stretch}.nav-links.open{display:flex}.menu-button{display:block}.hero{min-height:auto}.hero-grid{grid-template-columns:1fr;padding:95px 0 55px}.hero-visual{height:430px}.value-grid{grid-template-columns:repeat(2,1fr)}.value-grid>div:nth-child(2){border-right:0}.value-grid>div:nth-child(-n+2){border-bottom:1px solid rgba(255,255,255,.12)}.about-grid,.outcomes-grid,.faq-grid,.contact-stage{grid-template-columns:1fr;gap:48px}.service-grid{grid-template-columns:1fr 1fr}.featured{grid-column:span 2}.process-grid{grid-template-columns:repeat(2,1fr)}.section{padding:85px 0}.contact-card{max-width:620px}.outcomes-copy{padding-top:0}}
@media(max-width:600px){.shell{width:min(100% - 30px,1160px)}.nav{height:72px}.site-header.scrolled .nav{height:66px}.brand-mark{width:32px;height:32px;flex-basis:32px}.brand-mark img{height:30px}.brand b{font-size:15px}.brand small{margin-top:5px;font-size:9px}.hero{padding-top:55px}.hero:after{display:none}.hero-grid{padding-top:75px}.eyebrow{font-size:9px}.hero-lead{font-size:16px}.hero-actions,.contact-actions{flex-direction:column;align-items:stretch}.hero-trust{flex-direction:column;gap:6px}.hero-visual{height:340px;margin-top:10px}.orbit-one{width:300px;height:300px}.orbit-two{width:230px;height:230px}.core{width:142px;height:142px}.core small{bottom:5px;font-size:8px}.card-a{top:24px}.card-b{bottom:20px}.code-lines{right:-20px;bottom:50px}.value-grid{grid-template-columns:1fr}.value-grid>div{min-height:74px;border-right:0!important;border-bottom:1px solid rgba(255,255,255,.12)!important;padding:18px 8px}.value-grid>div:last-child{border-bottom:0!important}.section-label{margin-bottom:42px}.section-head{display:block}.section-head>p{margin-top:20px}.about-grid{gap:32px}.service-grid{grid-template-columns:1fr}.featured{grid-column:auto;min-height:500px;padding:30px}.featured>a{left:30px;right:auto;top:auto;bottom:30px}.service-card{min-height:360px}.process-grid{grid-template-columns:1fr}.faq-grid{gap:28px}.contact-card{min-height:400px;padding:27px;transform:rotate(.5deg)}.contact-details{margin-top:80px}.card-sticker{width:74px;height:74px;right:18px}.footer-row{flex-direction:column;gap:22px;text-align:center}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.orbit,.float-card{animation:none}.reveal{opacity:1;transform:none;transition:none}}

/* Responsive hardening */
html,body{overflow-x:hidden}
.shell{width:calc(100% - 48px);max-width:1160px}
.hero-grid>*,.about-grid>*,.section-head>*,.outcomes-grid>*,.faq-grid>*,.contact-stage>*{min-width:0}
.contact-details a,.contact-details p{overflow-wrap:anywhere}
.service-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,340px),1fr));width:100%}
.service-card{min-width:0;width:100%;overflow-wrap:anywhere}
.service-card.featured{grid-column:1/-1}
@media(max-width:860px){
  .section-head{display:block}
  .section-head>p{max-width:620px;margin-top:22px}
  .hero-copy{max-width:680px}
  .contact-card{width:100%}
}
@media(max-width:600px){
  .shell{width:calc(100% - 30px)}
  .service-grid{display:block;width:100%}
  .service-card,.service-card.featured{display:block;width:100%;max-width:100%;margin-bottom:16px;grid-column:auto}
  h1{font-size:clamp(35px,10.5vw,42px);line-height:1.2;letter-spacing:-.045em}
  .section h2{font-size:clamp(28px,8.5vw,34px);line-height:1.38}
  .hero-grid{padding-top:68px}
  .hero-visual{height:310px;margin-top:4px}
  .orbit-one{width:270px;height:270px}
  .orbit-two{width:205px;height:205px}
  .core{width:126px;height:126px}
  .core small{bottom:2px;font-size:7px}
  .float-card{padding:10px 13px;gap:8px;font-size:9px}
  .float-card b{font-size:12px}
  .card-a{top:15px;right:0}
  .card-b{bottom:13px;left:0}
  .code-lines{display:none}
  .hero-actions .button,.contact-actions .button{width:100%}
  .about-points{display:grid;grid-template-columns:1fr}
  .about-points span{width:fit-content}
  .service-card,.service-card.featured{min-height:0;padding:26px}
  .service-card.featured{padding-bottom:82px}
  .featured h3{font-size:25px}
  .featured>a{left:26px;bottom:26px}
  .process-grid article{padding:25px 12px 28px 24px}
  .process-grid article:before{left:24px}
  .outcome-list article{grid-template-columns:42px 1fr;padding:23px 0}
  .faq-list summary{font-size:15px;line-height:1.55;padding:20px 0}
  .faq-list details p{padding-right:0}
  .contact-card{min-height:390px;padding:24px}
  .contact-card-top{gap:14px}
  .contact-card-top b{font-size:13px}
  .contact-details{margin-top:68px;font-size:14px}
  .card-sticker{width:68px;height:68px;right:16px;bottom:16px;font-size:12px}
}
@media(max-width:370px){
  .brand{gap:8px}.brand b{font-size:14px}.brand small{letter-spacing:.06em}
  .hero-trust{font-size:11px}
  .orbit-one{width:245px;height:245px}.orbit-two{width:185px;height:185px}
  .float-card{padding:8px 10px}
  .contact-card{padding:20px}
}