@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800&family=Noto+Sans+TC:wght@400;500;600;700;800&display=swap');
:root{--ink:#1d1d1f;--secondary:#6e6e73;--blue:#0066cc;--white:#fff;--light:#f5f5f7;--font:'DM Sans','Noto Sans TC',-apple-system,BlinkMacSystemFont,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:74px}body{margin:0;background:var(--white);color:var(--ink);font-family:var(--font);-webkit-font-smoothing:antialiased}a{color:inherit}a:focus-visible{outline:3px solid var(--blue);outline-offset:5px}h1,h2,h3,p{margin-top:0}p{line-height:1.7}.container{width:min(100% - 48px,1080px);margin-inline:auto}.skip-link{position:absolute;top:-4rem;left:1rem;z-index:30;background:#fff;color:#111;padding:.7rem 1rem}.skip-link:focus{top:1rem}.reading-progress{position:fixed;top:0;left:0;height:3px;width:100%;background:var(--blue);transform:scaleX(0);transform-origin:left;z-index:30}
.site-header{height:53px;background:rgba(255,255,255,.87);backdrop-filter:saturate(180%) blur(18px);-webkit-backdrop-filter:saturate(180%) blur(18px);border-bottom:1px solid #e5e5e7;position:sticky;top:0;z-index:20}.nav-inner{width:min(100% - 48px,1080px);height:100%;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:2rem}.wordmark{text-decoration:none;font-size:1.05rem;font-weight:800;letter-spacing:-.055em;white-space:nowrap}.wordmark span{font-weight:500}.wordmark .brand-dot{color:var(--blue);font-weight:800}.site-header nav{display:flex;align-items:center;gap:2.5rem}.site-header nav a{text-decoration:none;font-size:.73rem;font-weight:500;color:#444449;transition:color .2s}.site-header nav a:hover,.blue-link:hover{color:#004b9c}
.hero{text-align:center;overflow:hidden;background:radial-gradient(ellipse 46% 39% at 50% 67%,#e7ecff 0%,#f8f9ff 55%,#fff 100%)}.hero-inner{padding:116px 0 0}.overline,.kicker,.service-number,.work-category,.art-label,.screen-overline{font-size:.7rem;letter-spacing:.13em;font-weight:700}.overline{color:#6e6e73;margin-bottom:28px}.overline span{margin:0 .75rem;color:#c2c2c5}.hero h1{font-size:clamp(3.4rem,7.3vw,6.4rem);line-height:1.15;letter-spacing:-.075em;font-weight:800;margin-bottom:20px}.hero h1 span{background:linear-gradient(100deg,#1d1d1f 16%,#3855a6 75%,#7369d5);background-clip:text;-webkit-background-clip:text;color:transparent}.hero-lead{font-size:clamp(1.15rem,2vw,1.6rem);font-weight:700;letter-spacing:-.04em;margin-bottom:8px}.hero-desc{font-size:1rem;color:var(--secondary);max-width:580px;margin:0 auto}.hero-links{display:flex;align-items:center;justify-content:center;gap:28px;margin:28px 0 75px}.pill-button{display:inline-flex;align-items:center;gap:1.2rem;padding:11px 21px;border-radius:999px;background:var(--blue);color:#fff;text-decoration:none;font-size:.9rem;transition:background .2s,transform .2s}.pill-button:hover{background:#0053a6;transform:translateY(-2px)}.blue-link{color:var(--blue);text-decoration:none;font-size:.93rem}.blue-link span{font-size:1.35rem;vertical-align:-.05em;margin-left:2px}
.hero-display{position:relative;width:min(870px,100%);margin:auto;padding:0 2rem 0}.display-glow{position:absolute;inset:22% 7% -10%;background:#879fe1;filter:blur(92px);opacity:.34}.display-screen{position:relative;overflow:hidden;border:10px solid #1e202b;border-bottom-width:15px;border-radius:22px 22px 0 0;background:#0b1326;box-shadow:0 12px 35px #202a5050,0 5px 0 #85899e;text-align:left;aspect-ratio:1.86}.screen-top{height:40px;display:flex;align-items:center;justify-content:space-between;padding:0 20px;background:#181e31;color:#aeb7d3;font-size:.64rem;letter-spacing:.06em}.screen-dots{letter-spacing:.17em;color:#768199}.screen-body{height:calc(100% - 40px);padding:8% 9%;background:radial-gradient(circle at 84% 74%,#334c95 0%,#1b2e60 27%,#101b36 56%,#0c1428 100%);color:#fff;position:relative}.screen-overline{color:#afc1ec;font-size:.58rem}.screen-title{font-weight:800;font-size:clamp(3rem,4.6vw,4.3rem);letter-spacing:-.075em;line-height:1.04;margin-top:16px}.screen-title i{font-style:normal;color:#87a6ff}.screen-footer{position:absolute;left:9%;right:9%;bottom:8%;display:flex;justify-content:space-between;gap:1rem;color:#a6b6db;font-size:.65rem;font-weight:600;letter-spacing:.08em}
.section{padding:135px 0}.section-head{margin-bottom:52px}.kicker{color:var(--blue);margin-bottom:15px}.section h2{font-size:clamp(2.4rem,4.5vw,4.1rem);line-height:1.22;letter-spacing:-.065em;font-weight:800;margin-bottom:20px}.section h2 span{color:#86868b}.section-head>p:last-child{font-size:1.08rem;color:var(--secondary);max-width:630px;margin:0}.services{background:var(--light)}.service-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.service-card{background:#fff;border-radius:20px;padding:29px 29px 35px;min-height:370px;transition:transform .25s,box-shadow .25s}.service-card:hover{transform:translateY(-5px);box-shadow:0 14px 40px #1d1d1f12}.service-number{color:#9a9aa0}.service-icon{display:grid;place-items:center;width:66px;height:66px;border-radius:17px;background:#eaf1ff;color:var(--blue);font-size:2rem;margin:32px 0 27px}.service-card h3{font-size:1.35rem;letter-spacing:-.04em;margin-bottom:10px}.service-card p{font-size:.86rem;color:var(--secondary);min-height:3.8rem}.service-card ul{list-style:none;padding:0;margin:22px 0 0;display:grid;gap:9px}.service-card li{font-size:.8rem;color:#4a4a4f}.service-card li::before{content:'✓';color:var(--blue);margin-right:10px}.fine-print{color:#86868b;font-size:.75rem;margin:20px 0 0}
.works{background:#fff}.work-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.work-card{background:var(--light);border-radius:20px;overflow:hidden}.work-link{display:block;text-decoration:none;height:100%}.work-link:focus-visible{outline-offset:-5px}.work-art{height:330px;position:relative;overflow:hidden;padding:29px}.island-art{background:#dceee5;color:#183f35}.ielts-art{background:#ede8f7;color:#37316e}.art-label{position:relative;z-index:1;font-size:.63rem}.island-word,.ielts-word{position:absolute;left:8%;bottom:12%;z-index:2;font-size:clamp(2.5rem,4vw,4.4rem);font-weight:800;letter-spacing:-.085em;line-height:1}.island-word span,.ielts-word span{display:block;font-size:.67rem;letter-spacing:.12em;font-weight:600;margin-top:14px}.island-blob{position:absolute;width:320px;height:420px;right:-3%;top:-24%;background:linear-gradient(145deg,#a8ceb4,#70ad98);border-radius:55% 35% 60% 32%;transform:rotate(24deg);box-shadow:-30px 45px 0 #bedcc6}.ielts-orbit{position:absolute;width:360px;height:360px;right:-60px;top:-80px;border:60px solid #c7bee6;border-radius:50%;box-shadow:0 0 0 38px #ddd6ed}.work-info{display:flex;justify-content:space-between;gap:1rem;padding:27px 29px 31px}.work-category{color:#86868b}.work-info h3{font-size:1.48rem;letter-spacing:-.04em;margin:7px 0}.work-info h3 small{font-size:.8rem;color:var(--secondary);font-weight:500}.work-info p{font-size:.84rem;color:var(--secondary);margin:0}.work-arrow{display:grid;place-items:center;flex:none;width:43px;height:43px;border-radius:50%;background:#fff;color:var(--blue);font-size:1.2rem;transition:background .2s,color .2s,transform .2s}.work-link:hover .work-arrow,.work-link:focus-visible .work-arrow{background:var(--blue);color:#fff;transform:translate(2px,-2px)}.work-link:hover .work-art{filter:saturate(1.16)}
.pricing{background:#10121b;color:#fff}.pricing-layout{display:grid;grid-template-columns:1.1fr .9fr;gap:8%;align-items:start}.pricing .kicker{color:#93b6ff}.pricing h2 span{color:#9da2b4}.pricing-detail{padding-top:29px}.pricing-label{font-weight:700;font-size:1.25rem;color:#c3d1ff}.pricing-detail p:not(.pricing-label){color:#b9bbc6;font-size:.94rem;line-height:1.95}.pricing-detail strong{color:#fff}.contact{text-align:center;background:#f5f5f7}.contact-inner{max-width:700px}.contact h2{font-size:clamp(2.8rem,6vw,5.5rem)}.contact>div>p:not(.kicker){color:var(--secondary);font-size:1rem;max-width:590px;margin:0 auto}.pending-badge{display:inline-flex;align-items:center;gap:10px;margin-top:35px;background:#e9e9ed;border-radius:999px;padding:12px 18px;color:#5b5b62;font-size:.78rem}.pending-dot{height:7px;width:7px;border-radius:50%;background:#92929a}
.site-footer{background:#f5f5f7;border-top:1px solid #dedee2;padding:32px 0 45px}.footer-inner{display:flex;justify-content:space-between;align-items:end;gap:2rem}.footer-brand{font-weight:800;letter-spacing:-.04em}.footer-inner p,.footer-end{font-size:.72rem;color:#86868b}.footer-inner p{margin:7px 0 0}.footer-end{display:flex;gap:24px}
@media(max-width:800px){.section{padding:95px 0}.service-grid{grid-template-columns:1fr}.service-card{min-height:0}.service-card p{min-height:0}.pricing-layout{grid-template-columns:1fr;gap:6px}.pricing-detail{padding-top:0}.work-art{height:260px}}
@media(max-width:600px){.container,.nav-inner{width:calc(100% - 36px)}.site-header{height:51px}.site-header nav{gap:16px}.site-header nav a{font-size:.65rem}.wordmark{font-size:.9rem}.hero-inner{padding-top:89px}.hero h1{font-size:clamp(3rem,12vw,4.7rem)}.hero-desc{font-size:.88rem}.hero-links{margin-bottom:60px}.hero-display{padding:0}.display-screen{border-width:6px;border-bottom-width:9px;border-radius:12px 12px 0 0;aspect-ratio:1.28}.screen-top{height:28px;padding:0 11px;font-size:.49rem}.screen-body{height:calc(100% - 28px)}.screen-overline{font-size:.44rem}.screen-title{font-size:clamp(2.3rem,10vw,4rem);margin-top:13px}.screen-footer{font-size:.4rem;gap:.2rem}.section{padding:86px 0}.section h2{font-size:clamp(2.25rem,9vw,3.25rem)}.section-head{margin-bottom:36px}.section-head>p:last-child{font-size:.9rem}.service-grid{gap:12px}.service-card{padding:25px;border-radius:17px}.service-icon{margin:20px 0}.work-grid{grid-template-columns:1fr;gap:20px}.work-art{height:265px}.island-word,.ielts-word{font-size:3.3rem}.work-info{padding:22px}.footer-inner,.footer-end{align-items:start;flex-direction:column;gap:12px}.footer-end{gap:5px}}
@media(max-width:360px){.site-header nav{gap:9px}.site-header nav a{font-size:.59rem}.hero-links{gap:16px}.pill-button{font-size:.8rem;padding:10px 15px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important}}