:root{--bg:#071217;--surface:#0d1c23;--ink:#edf7f6;--muted:#91a7ac;--line:#21343b;--accent:#9cebd4}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.8 'Segoe UI','Microsoft YaHei',sans-serif}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}header{height:94px;max-width:1380px;padding:0 6%;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:25px;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:12px;font-size:23px;font-weight:750;line-height:1.2;letter-spacing:1px}.brand img{width:43px;height:43px;border-radius:12px}.brand small{display:block;font-size:8px;letter-spacing:2.6px;color:var(--muted);margin-top:7px}.thin{font-weight:400;margin-left:5px}nav{display:flex;gap:28px;font-size:14px;color:#b2c1c4}.nav-cta{font-size:13px;border-bottom:1px solid #8baba9;padding:8px 0}main{overflow:hidden}section{max-width:1240px;margin:auto;padding:100px 36px}.hero{display:grid;grid-template-columns:1.18fr 1fr;align-items:center;min-height:700px;padding-top:65px;padding-bottom:85px;gap:40px}.eyebrow{color:var(--accent);font-size:11px;letter-spacing:2.5px;font-weight:650;margin:0 0 25px}.eyebrow>span{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--accent);margin-right:8px}.hero h1{font-size:clamp(42px,5vw,69px);line-height:1.25;font-weight:650;letter-spacing:-2px;margin:0 0 28px}.gradient{color:var(--accent)}.intro{color:var(--muted);font-size:15px;line-height:2}.actions{display:flex;gap:14px;margin-top:34px}.button{display:inline-flex;justify-content:center;align-items:center;padding:12px 23px;border:1px solid #40585c;background:transparent;color:var(--ink);font-size:14px;border-radius:4px;transition:transform .2s,background .2s}.button:hover{transform:translateY(-3px);background:#15313a}.primary{background:var(--accent);color:#082824;border-color:var(--accent);font-weight:650}.primary:hover{background:#c3f9e9}.hero-note{display:flex;align-items:center;gap:16px;margin-top:48px;font-size:11px;letter-spacing:1px;color:#809a9e}.hero-note i{width:3px;height:3px;background:#6b8a8f;border-radius:50%}.hero-art{position:relative;padding:25px}.hero-art>img{width:100%;border-radius:28%;position:relative;box-shadow:0 20px 100px #12607644;transform:rotate(-4deg)}.orbit{position:absolute;inset:-18px;border:1px solid #35555c;border-radius:50%;transform:rotate(-20deg)}.floating{position:absolute;background:#10252ae8;backdrop-filter:blur(15px);border:1px solid #42616a;padding:12px 18px;font-size:11px;letter-spacing:2px;border-radius:6px}.top{top:4px;right:0}.bottom{bottom:3px;left:0;font-size:14px}.bottom small{font-size:11px;color:#acc8c9;letter-spacing:1px}.ribbon{display:flex;justify-content:center;gap:34px;border-block:1px solid var(--line);padding:22px;color:#64898b;font-size:13px;letter-spacing:2px;white-space:nowrap}.ribbon span{color:#b4c8ca;font-size:11px}.section-head{display:flex;justify-content:space-between;align-items:flex-end;gap:30px;margin-bottom:40px}.section-head .eyebrow{margin-bottom:14px}h2{font-size:clamp(29px,3vw,40px);font-weight:550;line-height:1.4;letter-spacing:-1px;margin:0}.section-head>p{font-size:13px;color:var(--muted);margin:0}.creation-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:26px}.creation{border:1px solid var(--line);border-radius:8px;overflow:hidden}.abstract{height:280px;position:relative;padding:33px;overflow:hidden;display:flex;flex-direction:column;justify-content:space-between}.abstract b{font-size:44px;line-height:1.05;letter-spacing:-1px;z-index:1}.abstract span{font-size:11px;letter-spacing:2px;z-index:1}.rings{background:radial-gradient(ellipse at 90% 60%,#2c83a2,transparent 50%),linear-gradient(130deg,#101b2c,#254859)}.rings:after{content:'';position:absolute;width:260px;height:260px;border:36px solid #80ded480;border-radius:50%;right:-30px;top:28px;box-shadow:0 0 0 30px #72b6d32b,0 0 0 65px #72b6d31a;transform:rotate(-25deg) scaleX(.62)}.sound{background:linear-gradient(135deg,#242135,#4f3448);color:#f8e6cd}.wave{position:absolute;font-size:47px;letter-spacing:3px;color:#e9b99a8c;bottom:50px;white-space:nowrap;transform:rotate(-8deg)}.card-body{padding:29px}.card-body small{color:#76a4a8;font-size:10px;letter-spacing:2px}h3{font-size:21px;font-weight:550;margin:12px 0}.card-body p,.service-grid p{color:var(--muted);font-size:14px}.card-body button{padding:8px 0;background:none;border:0;color:var(--accent);font-size:13px}.disclosure{font-size:11px;color:#799298;margin-top:21px}.text-link{font-size:13px;color:var(--accent)}#services{padding-top:35px}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--line);border-radius:8px}.service-grid article{padding:34px;border-right:1px solid var(--line)}.service-grid article:last-child{border:0}.service-number{font-size:12px;color:#65908d}.service-grid h3{margin-top:28px}.service-grid ul{list-style:none;padding:22px 0;font-size:13px;color:#bfcdce;line-height:2.5;border-top:1px solid var(--line);margin-top:25px}.service-grid li:before{content:'＋';margin-right:12px;color:#68a8a0}.service-grid a{font-size:12px;color:var(--accent)}.process{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:12px;padding:27px 0;color:#a9c0c1}.process span{color:#6c9093}.process b{font-weight:400}.process i{color:#5c7b80}.whale{background:linear-gradient(120deg,#102c36,#0a202b);border:1px solid #294754;border-radius:12px;display:grid;grid-template-columns:1fr 1fr;gap:70px;padding:60px;max-width:1168px}.whale h2{margin-bottom:25px}.whale p:not(.eyebrow){color:#a2bec3;font-size:14px}.whale .button{margin-top:16px}.system{align-self:center;border:1px solid #39616c;border-radius:10px;padding:30px;background:#071a2580;transform:rotate(2deg)}.system-title{font-size:24px;border-bottom:1px solid #294751;padding-bottom:22px}.system-title span{display:block;font-size:9px;letter-spacing:3px;color:#76b8c0}.nodes{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:27px 0}.nodes span{padding:16px 8px;text-align:center;border:1px solid #345966;border-radius:5px;background:#163946;font-size:13px}.system-bottom{text-align:center;font-size:12px;letter-spacing:2px;color:var(--accent);padding:12px 0}.system>small{display:block;text-align:center;font-size:10px;color:#73949c}.product-list{border-top:1px solid var(--line)}.product-list article{display:flex;align-items:center;gap:26px;padding:25px 5px;border-bottom:1px solid var(--line)}.product-list img,.letter-icon{width:74px;height:74px;flex-shrink:0;border-radius:17px;object-fit:contain}.letter-icon{display:grid;place-items:center;font-size:42px;background:linear-gradient(135deg,#705636,#ccaa6d);color:#fff4d6}.letter-icon.blue{background:linear-gradient(135deg,#103c6b,#1a849e);font-size:35px}.letter-icon.cyan{background:linear-gradient(135deg,#194b51,#3cb69b)}.product-list h3{font-size:19px;margin:2px 0}.product-list small{color:#7c9b9e;font-size:9px;letter-spacing:2px}.product-list p{color:var(--muted);font-size:13px;margin:0}.product-list button{margin-left:auto;border:1px solid #355159;border-radius:50%;width:43px;height:43px;flex-shrink:0;background:transparent;color:var(--accent);font-size:22px}.product-list button:hover{background:#23434b}.about{display:grid;grid-template-columns:.7fr 1fr;gap:85px;align-items:center;padding-top:20px}.portrait{padding:20px 40px;background:#10242b;border-radius:9px}.portrait img{width:100%;border-radius:22%;filter:saturate(.7)}.portrait small{display:block;text-align:center;font-size:10px;letter-spacing:2px;color:#8da8ad;margin-top:14px}.about p:not(.eyebrow){font-size:14px;color:var(--muted)}.about h2{margin-bottom:25px}.tags{display:flex;flex-wrap:wrap;gap:9px;margin-top:28px}.tags span{border:1px solid #2d4850;padding:4px 12px;font-size:11px;color:#a1bdc0;border-radius:3px}.contact{text-align:center;border-top:1px solid var(--line);background:radial-gradient(ellipse at center bottom,#123c4055,transparent 65%);max-width:none;padding:90px 24px}.contact h2{font-size:clamp(36px,4.5vw,58px)}.contact h2 span{color:var(--accent)}.contact>p:not(.eyebrow){font-size:14px;color:var(--muted);margin:25px 0}.contact .copy-status{min-height:24px;margin:12px 0!important;color:var(--accent)!important}.contact>small{color:#67888f;font-size:10px}footer{border-top:1px solid var(--line);padding:33px 6%;display:flex;align-items:center;justify-content:space-between;gap:20px;color:#759499;font-size:11px}footer .brand{font-size:18px;color:#b8d1d1}dialog{background:#11262f;color:var(--ink);border:1px solid #42626c;border-radius:12px;max-width:560px;width:calc(100% - 32px);padding:40px}dialog::backdrop{background:#020c12c9;backdrop-filter:blur(6px)}dialog h2{font-size:28px}dialog p:not(.eyebrow){color:#b0c4c8;font-size:14px;white-space:pre-line}dialog .button{margin-top:20px}.close{position:absolute;right:16px;top:10px;border:0;background:none;color:#bfdfdf;font-size:28px}a:focus-visible,button:focus-visible{outline:2px solid var(--accent);outline-offset:5px}@media(max-width:800px){header{height:auto;min-height:80px;flex-wrap:wrap;padding:18px 24px;gap:20px}nav{order:3;width:100%;justify-content:space-between;gap:12px;font-size:12px}.nav-cta{font-size:11px}.brand{font-size:20px}.hero{grid-template-columns:1fr;padding:55px 24px;gap:50px}.hero-art{max-width:390px;width:85%;margin:auto}.hero h1{font-size:45px}.hero-note{margin-top:28px}.ribbon{justify-content:flex-start;overflow:hidden;padding-left:24px;gap:20px}section{padding:65px 24px}.section-head{display:block}.section-head>p,.section-head>.text-link{display:block;margin-top:18px}.creation-grid,.service-grid,.whale,.about{grid-template-columns:1fr}.abstract{height:250px}.service-grid article{border-right:0;border-bottom:1px solid var(--line)}.process{flex-wrap:wrap;justify-content:center}.process>span{width:100%;text-align:center}.whale{margin:0 20px;padding:32px 24px;gap:35px}.system{padding:22px;transform:none}.about{gap:35px}.portrait{max-width:300px;margin:auto}.product-list article{gap:16px}.product-list img,.letter-icon{width:55px;height:55px;border-radius:12px}.product-list h3{font-size:16px}.product-list p{font-size:12px}.product-list small{font-size:8px;letter-spacing:1px}.product-list button{width:33px;height:33px}.actions{gap:10px}.button{font-size:12px;padding:12px 16px}footer{flex-wrap:wrap;padding:28px 24px}footer small{order:3;width:100%}.desktop{display:none}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}