@import "tailwindcss";

:root{--ink:#06111f;--navy:#071827;--cyan:#39e7ff;--mint:#66ffd1;--soft:#9eb4c5;--line:rgba(112,225,255,.16);--card:rgba(10,32,48,.72)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--ink);color:#eefbff;font-family:Arial,"Noto Sans TC",sans-serif;overflow-x:hidden}a{text-decoration:none;color:inherit}button{font:inherit}.noise{position:fixed;inset:0;opacity:.025;pointer-events:none;z-index:20;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.8'/%3E%3C/svg%3E")}
.nav-wrap{height:82px;display:flex;align-items:center;justify-content:space-between;padding:0 6vw;position:absolute;top:0;width:100%;z-index:10;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:10px;font-weight:800;letter-spacing:.12em}.brand-mark{display:grid;place-items:center;width:37px;height:37px;border:1px solid var(--cyan);color:var(--cyan);font:700 15px monospace;box-shadow:inset 0 0 15px rgba(57,231,255,.12)}nav{display:flex;align-items:center;gap:34px;color:#b9cbd5;font-size:14px}nav a:hover{color:var(--cyan)}.nav-cta{border:1px solid var(--cyan);padding:11px 20px;color:var(--cyan)}.menu-button{display:none;background:none;border:0;color:white;font-size:24px}
.hero{min-height:820px;padding:150px 7vw 70px;display:grid;grid-template-columns:1.08fr .92fr;align-items:center;position:relative;background:linear-gradient(120deg,#06111f 30%,#082435 100%);overflow:hidden}.hero:before{content:"";position:absolute;inset:0;background-image:linear-gradient(var(--line) 1px,transparent 1px),linear-gradient(90deg,var(--line) 1px,transparent 1px);background-size:56px 56px;mask-image:linear-gradient(90deg,transparent,black)}.hero-copy{position:relative;z-index:2;max-width:680px}.eyebrow{font:600 12px monospace;letter-spacing:.2em;color:var(--cyan);display:flex;align-items:center;gap:10px}.eyebrow span{width:32px;height:1px;background:var(--cyan)}h1,h2{font-weight:300;letter-spacing:-.04em;margin:0}h1{font-size:clamp(58px,6.6vw,104px);line-height:.98;margin:22px 0 30px}h1 em,h2 em{font-style:normal;color:transparent;-webkit-text-stroke:1px var(--cyan);text-shadow:0 0 25px rgba(57,231,255,.12)}.lead{max-width:590px;color:#b5c8d4;font-size:18px;line-height:1.9}.hero-actions{display:flex;align-items:center;gap:34px;margin-top:42px}.button{border:0;cursor:pointer;padding:16px 24px;font-weight:700;display:inline-flex;gap:28px;align-items:center}.primary{background:var(--cyan);color:#03202b;box-shadow:0 0 32px rgba(57,231,255,.2)}.primary:hover{background:#80f1ff;transform:translateY(-2px)}.text-link{font-weight:700;border-bottom:1px solid #68818e;padding:14px 0}.text-link span{color:var(--cyan);margin-left:15px}.metrics{display:flex;gap:48px;margin-top:68px;padding-top:25px;border-top:1px solid var(--line)}.metrics div{display:flex;flex-direction:column;gap:6px}.metrics strong{font:700 25px monospace;color:#fff}.metrics span{font-size:12px;color:#728e9e}.hero-visual{height:590px;position:relative;display:grid;place-items:center}.hero-visual:before{content:"";position:absolute;width:420px;height:420px;background:radial-gradient(circle,rgba(57,231,255,.18),transparent 65%);filter:blur(10px)}.orbit{position:absolute;border:1px solid rgba(57,231,255,.3);border-radius:50%;animation:spin 18s linear infinite}.orbit:before{content:"";position:absolute;width:7px;height:7px;border-radius:50%;background:var(--cyan);box-shadow:0 0 14px var(--cyan);top:17%;left:9%}.orbit-a{width:390px;height:390px}.orbit-b{width:500px;height:300px;transform:rotate(62deg);animation-duration:24s;animation-direction:reverse}.orbit-c{width:300px;height:520px;transform:rotate(-35deg);animation-duration:29s}.core{width:160px;height:160px;border:1px solid var(--cyan);background:rgba(7,27,42,.9);border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:0 0 55px rgba(57,231,255,.24),inset 0 0 40px rgba(57,231,255,.1);z-index:2}.core span{font:700 48px monospace;color:var(--cyan)}.core small{font:9px monospace;letter-spacing:.14em;color:#7895a5}.data{position:absolute;font:10px monospace;letter-spacing:.15em;color:#72a3b4}.d1{top:18%;left:15%}.d2{top:24%;right:7%}.d3{bottom:16%;left:22%}.d4{bottom:25%;right:2%}@keyframes spin{to{transform:rotate(360deg)}}
.section{padding:120px 7vw}.section-label{font:600 11px monospace;letter-spacing:.18em;color:var(--cyan);margin-bottom:45px}.about{background:#f1f7f7;color:#092033}.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:8vw;align-items:start}.section h2{font-size:clamp(48px,5.2vw,78px);line-height:1.08}.about h2 em{color:transparent;-webkit-text-stroke:1px #0f7f93;text-shadow:none}.about-copy .large{font-size:22px;line-height:1.65;margin-top:0;color:#183a4a}.about-copy p:last-child{color:#57707b;line-height:1.9}.concepts{display:grid;grid-template-columns:repeat(3,1fr);margin-top:90px;border-top:1px solid #ccdadc}.concepts article{padding:35px 32px 25px 0;border-right:1px solid #ccdadc;position:relative}.concepts article+article{padding-left:32px}.concepts article>span{font:11px monospace;color:#7b959d}.concept-icon{font-size:35px;color:#118da0;margin:38px 0 24px}.concepts h3{font-size:21px}.concepts p{color:#637d87;line-height:1.7;font-size:14px}
.applications{background:#071725}.section-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:70px}.section-heading>p{max-width:360px;color:var(--soft);line-height:1.8}.app-layout{display:grid;grid-template-columns:.8fr 1.2fr;border:1px solid var(--line);min-height:520px}.app-list{display:flex;flex-direction:column}.app-list button{flex:1;text-align:left;padding:0 30px;background:transparent;color:#9bb2c0;border:0;border-bottom:1px solid var(--line);cursor:pointer;font-size:18px;display:grid;grid-template-columns:45px 1fr 20px;align-items:center}.app-list button span{font:11px monospace;color:#54717f}.app-list button b{font-weight:400;color:var(--cyan);opacity:0}.app-list button.active{color:#fff;background:linear-gradient(90deg,rgba(57,231,255,.13),transparent);border-left:2px solid var(--cyan)}.app-list button.active b{opacity:1}.app-display{position:relative;overflow:hidden;padding:70px;background:radial-gradient(circle at 70% 50%,rgba(57,231,255,.13),transparent 38%),#091d2c;border-left:1px solid var(--line);display:flex;flex-direction:column;justify-content:flex-end}.app-display:before{content:"";position:absolute;inset:0;background-image:linear-gradient(var(--line) 1px,transparent 1px),linear-gradient(90deg,var(--line) 1px,transparent 1px);background-size:38px 38px;mask-image:radial-gradient(circle at 70% 45%,black,transparent 55%)}.app-number{position:absolute;right:40px;top:20px;font:700 130px monospace;color:rgba(91,230,255,.06)}.app-display>p,.app-display>h3{position:relative;z-index:2}.app-display>p{font:11px monospace;letter-spacing:.2em;color:var(--cyan)}.app-display h3{font-size:46px;margin:10px 0}.app-display .app-desc{font:16px Arial;letter-spacing:0;color:#a8c0cd;line-height:1.8;max-width:430px}.pulse-grid{position:absolute;right:12%;top:22%;display:grid;grid-template-columns:repeat(5,8px);gap:22px}.pulse-grid i{width:4px;height:4px;border-radius:50%;background:var(--cyan);box-shadow:0 0 10px var(--cyan);animation:pulse 2s infinite alternate}.pulse-grid i:nth-child(3n){animation-delay:1s}@keyframes pulse{to{opacity:.1;transform:scale(.5)}}
.responsibility{background:#eaf2f2;color:#0c2533}.responsibility h2 em{color:transparent;-webkit-text-stroke:1px #168b9b;text-shadow:none}.responsibility-grid{display:grid;grid-template-columns:1fr 1fr;gap:9vw}.responsibility-grid>div>p{max-width:480px;color:#607781;line-height:1.9;margin-top:35px}.principles article{display:grid;grid-template-columns:55px 1fr;border-top:1px solid #c5d5d7;padding:23px 0}.principles span{font:11px monospace;color:#168b9b}.principles h3{margin:0 0 7px}.principles p{margin:0;color:#6a8088;font-size:14px;line-height:1.6}
.cta-section{min-height:590px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:100px 20px;position:relative;overflow:hidden;background:#06131f}.cta-section>*{z-index:2}.cta-section h2{font-size:clamp(43px,5vw,72px);margin:25px 0}.cta-section>p:not(.eyebrow){color:#91aab8;margin:0 0 35px}.cta-glow{position:absolute;width:650px;height:420px;border-radius:50%;background:rgba(30,205,229,.14);filter:blur(100px)}footer{min-height:110px;padding:25px 7vw;display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line);color:#718996;font-size:12px}
[data-reveal]{opacity:0;transform:translateY(24px);transition:.8s ease}[data-reveal].visible{opacity:1;transform:none}
@media(max-width:900px){.nav-wrap{position:absolute}.menu-button{display:block}nav{display:none;position:absolute;top:82px;left:0;right:0;padding:25px;background:#071827;flex-direction:column;border-bottom:1px solid var(--line)}nav.open{display:flex}.hero{grid-template-columns:1fr;padding-top:140px}.hero-visual{height:430px;order:-1}.hero-copy{text-align:center;margin:auto}.eyebrow,.hero-actions{justify-content:center}.metrics{justify-content:center}.about-grid,.responsibility-grid,.app-layout{grid-template-columns:1fr}.concepts{grid-template-columns:1fr}.concepts article{border-right:0;border-bottom:1px solid #ccdadc;padding-left:0!important}.section-heading{align-items:start;gap:30px;flex-direction:column}.app-display{min-height:430px;border-left:0}.section{padding:85px 7vw}}
@media(max-width:560px){h1{font-size:52px}.hero{padding-left:5vw;padding-right:5vw}.hero-visual{transform:scale(.72);margin:-60px 0}.hero-actions{flex-direction:column;gap:12px}.metrics{gap:18px}.metrics strong{font-size:20px}.section{padding:70px 6vw}.app-display{padding:40px 25px}.app-list button{min-height:68px}.responsibility-grid{gap:55px}footer{flex-direction:column;justify-content:center;gap:15px}.cta-section h2{font-size:40px}}