:root{color:#edf0e7;background:#18201c;font-family:Aptos Display,SF Pro Display,HarmonyOS Sans SC,MiSans,PingFang SC,Microsoft YaHei,Arial,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;--ink: #f5f1e8;--muted: rgba(235, 231, 218, .74);--line: rgba(246, 232, 198, .18);--paper: rgba(28, 37, 31, .62);--paper-solid: #20281f;--accent: #e1b56e;--deep: #f4d69a;--shadow: 0 28px 80px rgba(9, 14, 10, .34);--font-display: "Aptos Display", "SF Pro Display", "HarmonyOS Sans SC", "MiSans", "PingFang SC", sans-serif;--font-ui: "Aptos", "SF Pro Text", "HarmonyOS Sans SC", "MiSans", "PingFang SC", "Microsoft YaHei", sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;font-family:var(--font-ui);background:linear-gradient(180deg,#161d1433,#141a1580),radial-gradient(circle at 64% 10%,rgba(226,181,110,.18),transparent 34%),url(/assets/alpine-valley.png),linear-gradient(135deg,#1a211b,#425032 46%,#171d18);background-size:auto,auto,cover,auto;background-position:center,center,center top,center;background-attachment:scroll,scroll,fixed,scroll}a{color:inherit;text-decoration:none}button{border:0;font:inherit;cursor:pointer}.premium-word{color:#f6f1e5db;font-family:var(--font-display);text-shadow:none}.hero-panel{position:relative;height:100svh;min-height:720px;margin:0;width:100%;overflow:hidden;border:0;display:grid;place-items:center;padding:clamp(34px,4.6vw,72px);background:linear-gradient(180deg,#151b1633,#13181442),radial-gradient(circle at 72% 10%,rgba(226,181,110,.08),transparent 32%),url(/assets/alpine-valley.png),linear-gradient(180deg,#2a3029,#181d19);background-size:auto,auto,cover,auto;background-position:center,center,center top,center;box-shadow:none}.hero-panel:before,.hero-panel:after{content:"";position:absolute;pointer-events:none;transition:opacity .3s ease}.hero-panel:before{top:0;right:0;bottom:0;left:0;z-index:1;background:linear-gradient(180deg,#f6dba80f,#1116120f),radial-gradient(circle at 26% 22%,rgba(245,233,211,.1),transparent 30%);mix-blend-mode:soft-light;opacity:.5}.hero-panel:after{z-index:1;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 78% 22%,rgba(255,246,225,.08),transparent 26%),#11161203;-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);opacity:.1}.hero-window{position:relative;z-index:2;width:min(1680px,calc(100vw - clamp(96px,9vw,172px)));height:min(820px,calc(100svh - clamp(68px,9.2vw,144px)));min-height:620px;overflow:hidden;border:1px solid rgba(247,231,198,.32);border-radius:clamp(34px,4.4vw,78px);background:linear-gradient(90deg,#eeeadc57 0,#eeeadc57 37%,#eeeadc0f 37%,#eeeadc0f 58%,#080d0a38 72%),linear-gradient(180deg,#f8e6be0d,#090e0a29),url(/assets/alpine-valley.png);background-size:auto,auto,cover;background-position:center,center,center center;box-shadow:inset 0 0 0 1px #fff6e11a,inset 0 0 46px #fff6e10a,inset 0 -42px 84px #fff6e11f,inset 36px 0 72px #fff6e112,inset -36px 0 72px #fff6e112,0 28px 88px #05080633;-webkit-backdrop-filter:none;backdrop-filter:none}.hero-window:before,.hero-window:after{content:"";position:absolute;pointer-events:none}.hero-window:before{top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,rgba(236,234,224,.32) 0 32%,transparent 58%),radial-gradient(circle at 21% 34%,rgba(244,238,222,.16),transparent 28%);opacity:.86}.hero-window:after{inset:clamp(28px,3.2vw,50px);border:1px solid rgba(250,238,213,.3);border-radius:clamp(24px,3.5vw,62px);background:linear-gradient(90deg,rgba(255,250,238,.035),transparent 10% 90%,rgba(255,250,238,.035)),linear-gradient(180deg,rgba(255,250,238,.03),transparent 14% 82%,rgba(255,250,238,.08));-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:inset 0 -28px 46px #fff4da1a,inset 0 0 18px #fff4da0a,0 0 0 1px #fff4da0a}.site-header{position:absolute;left:clamp(64px,6.4vw,122px);right:clamp(64px,6.4vw,122px);top:clamp(28px,4.2vh,52px);z-index:20;display:grid;grid-template-columns:auto 1fr;align-items:center;gap:clamp(32px,5vw,96px);padding:0}.logo{color:#f8f3e6eb;font-size:11px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;display:inline-flex;width:126px;height:126px;align-items:center;justify-content:center;min-height:40px;padding:14px;border:1px solid rgba(246,231,198,.1);background:#141c19b8;box-shadow:0 28px 70px #05080647;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);text-align:center}.menu-link{display:none;justify-self:end;align-items:center;justify-content:center;width:48px;height:48px;border-radius:999px;border:1px solid rgba(216,248,253,.42);background:#06161f57;color:#e7f0f1;box-shadow:0 14px 34px #1c202414;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);transition:transform .25s ease,background .25s ease,box-shadow .25s ease}.menu-link:hover{transform:translateY(-2px);background:#daf7fb2e;box-shadow:0 18px 42px #1c20241f}.site-header .menu-panel{position:relative;z-index:40;justify-self:center;width:fit-content;display:flex;align-items:center;gap:clamp(16px,2vw,34px);padding:12px clamp(20px,2.2vw,36px);border:1px solid rgba(255,250,238,.34);border-radius:999px;background:linear-gradient(135deg,#fffaee6b,#fffaee38);box-shadow:inset 0 1px #ffffff47,0 18px 48px #090e0a1f;-webkit-backdrop-filter:blur(24px) saturate(1.08);backdrop-filter:blur(24px) saturate(1.08);opacity:1;transform:none;pointer-events:auto;transition:border-color .22s ease,background .22s ease,box-shadow .22s ease}.site-header .menu-panel a{display:flex;align-items:center;min-height:34px;padding:0;border-radius:0;color:#111612e6;font-size:13px;font-weight:950;letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;text-shadow:0 1px 0 rgba(255,246,225,.32);transition:transform .2s ease,background .2s ease,color .2s ease}.site-header .menu-panel a:hover{transform:translateY(-2px);background:transparent;color:#0c110d}.hero-copy{position:absolute;left:clamp(78px,7.4vw,136px);top:47%;transform:translateY(-35%);z-index:3;width:min(720px,48vw);margin:0;text-align:left;animation:hero-copy-rise .95s cubic-bezier(.2,.8,.2,1) both}.hero-copy>span,.kicker{display:inline-block;color:#3b4d2fb3;font-size:13px;font-weight:900;letter-spacing:.14em;text-transform:uppercase}.hero-copy h1{margin:18px 0;color:#151b16;font-family:Georgia,Times New Roman,Songti SC,SimSun,serif;font-size:clamp(82px,9vw,158px);line-height:.9;letter-spacing:0;font-weight:500;white-space:nowrap;text-wrap:balance}.hero-title{display:grid;gap:2px}.hero-title span,.hero-title strong{display:block}.hero-title span{color:#151b16c7;font-family:var(--font-display);font-size:.34em;font-weight:800;letter-spacing:.14em;text-transform:uppercase}.hero-title strong{color:#151b16;font-family:var(--font-ui);font-size:.86em;font-weight:950;letter-spacing:0;transform:none}.hero-copy p{margin:0;max-width:620px;color:#151b16b3;font-size:15px;line-height:1.85}.hero-copy p strong{color:#111711;font-weight:900}.hero-actions{display:flex;justify-content:flex-start;gap:14px;flex-wrap:wrap;margin-top:38px}.hero-actions a,.hero-actions button,.contact-panel>a,.contact-panel>button{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 30px;border-radius:999px;border:1px solid rgba(255,250,238,.52);background:linear-gradient(135deg,#fffaeeb8,#fffaee75);color:#141b15;font-size:13px;font-weight:850;letter-spacing:.08em;box-shadow:inset 0 1px #ffffff57,0 16px 30px #0a0e0a1f;-webkit-backdrop-filter:blur(18px) saturate(1.08);backdrop-filter:blur(18px) saturate(1.08);transition:transform .22s ease,background .22s ease,box-shadow .22s ease,color .22s ease}.hero-actions button{background:#fffaee6b;color:#e7f0f1;border:1px solid rgba(246,231,198,.24);box-shadow:none}.hero-actions a:hover,.hero-actions button:hover{transform:translateY(-3px) scale(1.02);background:#151b16;color:#f5f1e8;box-shadow:0 18px 36px #0a0e0a38}.hero-actions a:active,.hero-actions button:active{transform:translateY(-1px) scale(.99)}.hero-foot{position:absolute;z-index:3;left:clamp(78px,7.4vw,136px);right:clamp(78px,7.4vw,136px);bottom:clamp(36px,5vh,58px);display:flex;justify-content:space-between;color:#f5f0e2ad;font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.metric-board{width:min(1180px,88vw);margin:72px auto 0;display:grid;grid-template-columns:repeat(6,1fr);gap:14px}.metric-board article{position:relative;overflow:hidden;min-height:160px;padding:24px;border:1px solid rgba(214,248,253,.18);border-radius:42px;background:#09192294;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease}.metric-board article:before,.about-card:before,.result-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:linear-gradient(135deg,rgba(214,248,253,.18),transparent 34%),radial-gradient(circle at 20% 0%,rgba(111,195,213,.12),transparent 28%);opacity:0;transition:opacity .3s ease}.metric-board article:hover{transform:translateY(-6px);border-color:#6fc3d561;box-shadow:0 28px 64px #00080e3d}.metric-board article:hover:before,.about-card:hover:before,.result-card:hover:before{opacity:1}.metric-value{display:flex;align-items:baseline;gap:6px;min-height:58px;white-space:nowrap}.metric-board strong{color:var(--deep);font-size:clamp(34px,3.1vw,52px);line-height:1}.metric-board em{color:var(--deep);font-size:clamp(20px,1.7vw,30px);line-height:1;font-style:normal;font-weight:900}.metric-board span{display:block;margin-top:18px;font-weight:850}.metric-board p{margin:8px 0 0;color:var(--muted);font-size:13px;line-height:1.6}.content-section{width:min(1180px,88vw);margin:120px auto 0}.about-grid{display:grid;grid-template-columns:.86fr 1.14fr;gap:72px;align-items:start}.content-section h2{margin:16px 0 0;color:var(--ink);font-family:var(--font-display);font-size:clamp(34px,4vw,62px);line-height:1.12;letter-spacing:0}.about-card{position:relative;overflow:hidden;border:1px solid rgba(214,248,253,.18);background:#09192294;box-shadow:0 18px 50px #20232614;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.about-card{padding:42px;border-radius:48px}.about-structured{display:grid;gap:22px}.about-structured article{position:relative;display:grid;grid-template-columns:110px 1fr;gap:28px;padding-bottom:22px;border-bottom:1px solid rgba(48,51,54,.1);transition:transform .24s ease,border-color .24s ease}.about-structured article:hover{transform:translate(6px);border-color:#b58a4440}.about-structured article:last-child{padding-bottom:0;border-bottom:0}.about-structured span{color:var(--accent);font-size:13px;font-weight:900;letter-spacing:.12em}.about-structured p{margin:0}.about-card p,.section-title p,.contact-panel p,.result-hero p{color:var(--muted);font-size:16px;line-height:1.9}.section-title{max-width:820px}.section-title p{margin:16px 0 0}.scope-switcher{margin-top:42px}.scope-focus{position:relative;overflow:hidden;min-height:430px;display:grid;grid-template-columns:minmax(280px,.88fr) minmax(460px,1.12fr);gap:28px;padding:clamp(28px,4vw,52px);border:1px solid rgba(214,248,253,.2);border-radius:58px;background:linear-gradient(135deg,#0a1c2694,#07141c61),radial-gradient(circle at 78% 14%,rgba(151,225,235,.14),transparent 30%),url(/assets/alpine-valley.png);background-size:auto,auto,cover;background-position:center,center,center top;box-shadow:0 30px 90px #1c20241a}.scope-focus:before{content:"";position:absolute;top:18px;right:18px;bottom:18px;left:18px;border:1px solid rgba(214,248,253,.18);border-radius:46px;pointer-events:none}.scope-copy{position:relative;z-index:2;align-self:end;max-width:440px}.scope-copy span,.scope-card span{color:var(--accent);font-size:12px;font-weight:900;letter-spacing:.12em;text-transform:uppercase}.scope-copy svg{display:block;margin-top:28px;color:var(--deep)}.scope-copy h3{margin:22px 0 14px;color:var(--ink);font-family:var(--font-display);font-size:clamp(36px,4.3vw,58px);line-height:1.06}.scope-copy p{margin:0;color:var(--muted);font-size:17px;line-height:1.9}.scope-rail{position:relative;z-index:2;display:grid;grid-template-columns:repeat(4,minmax(84px,1fr));align-items:end;gap:12px;min-width:0}.scope-card{--card-image: url(/assets/alpine-valley.png);--card-position: center center;position:relative;overflow:hidden;height:300px;display:flex;flex-direction:column;justify-content:flex-end;gap:12px;padding:18px;border:1px solid rgba(214,248,253,.24);border-radius:42px;background:linear-gradient(180deg,#fff4da14,#0008088a),var(--card-image);background-size:auto,cover;background-position:center,var(--card-position);color:#fff;text-align:left;box-shadow:0 18px 48px #090e0a2e;transform:translateY(16px) scale(.96);transition:transform .42s cubic-bezier(.22,1,.36,1),box-shadow .42s ease,filter .42s ease}.scope-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#00000005,#00000014 34%,#080c0ab8),radial-gradient(circle at 22% 16%,rgba(255,246,225,.12),transparent 30%);pointer-events:none}.scope-card:nth-child(1){--card-image: url(/assets/cards/scope-core.jpg);--card-position: center center}.scope-card:nth-child(2){--card-image: url(/assets/cards/scope-product.jpg);--card-position: center center}.scope-card:nth-child(3){--card-image: url(/assets/cards/scope-tech.jpg);--card-position: center center}.scope-card:nth-child(4){--card-image: url(/assets/cards/scope-resource.jpg);--card-position: center center}.scope-card>*{position:relative;z-index:1}.scope-card span,.scope-card svg{color:#ffffffdb}.scope-card strong{min-height:52px;color:#fff;font-size:17px;line-height:1.35;text-shadow:0 12px 28px rgba(0,0,0,.22)}.scope-card.is-active{transform:translateY(-18px) scale(1.035);filter:saturate(1.12) contrast(1.04);border-color:#f6e7c66b;box-shadow:0 28px 70px #090e0a47}.scope-card:hover{transform:translateY(-18px) scale(1.035)}.orbit-node h3{margin:22px 0 12px;color:var(--ink);font-size:24px;line-height:1.22}.system-section{width:min(1180px,90vw)}.orbit-map{position:relative;min-height:600px;margin-top:46px}.orbit-line{position:absolute;top:64px;right:12%;bottom:64px;left:12%;border:1px solid rgba(48,51,54,.15);border-radius:50%;pointer-events:none}.orbit-line.two{top:124px;right:24%;bottom:124px;left:24%;opacity:.7}.orbit-core{position:absolute;left:50%;top:50%;width:210px;height:210px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;transform:translate(-50%,-50%);border-radius:50%;border:1px solid rgba(214,248,253,.28);background:radial-gradient(circle,#183641e0,#081720a8);text-align:center;box-shadow:var(--shadow)}.orbit-core strong{font-size:24px;line-height:1.25}.orbit-core span{display:block;color:var(--accent);font-size:12px;font-weight:900;letter-spacing:.1em}.orbit-node{position:absolute;width:220px;min-height:126px;padding:18px;border:1px solid var(--line);border-radius:34px;background:#09192294;box-shadow:0 18px 42px #1e22261a;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;transition:transform .24s ease,box-shadow .24s ease,border-color .24s ease}.orbit-node:hover{transform:translateY(-6px);border-color:#b58a4461;box-shadow:0 28px 62px #1e222629}.orbit-node span{color:var(--accent);font-weight:900}.orbit-node p{margin:0;color:var(--muted);line-height:1.7}.node-1{left:calc(50% - 110px);top:0}.node-2{right:8%;top:106px}.node-3{right:8%;bottom:106px}.node-4{left:calc(50% - 110px);bottom:0}.node-5{left:8%;bottom:106px}.node-6{left:8%;top:106px}.project-switcher{margin-top:42px}.switcher-stage{position:relative;overflow:hidden;min-height:560px;display:grid;grid-template-rows:auto 1fr;gap:30px;padding:clamp(28px,4.2vw,54px);border:1px solid rgba(214,248,253,.2);border-radius:58px;background:linear-gradient(135deg,#0a1c2694,#07141c61),radial-gradient(circle at 78% 14%,rgba(151,225,235,.14),transparent 30%),url(/assets/alpine-valley.png);background-size:auto,auto,cover;background-position:center,center,center top;box-shadow:0 30px 90px #1c20241f}.switcher-stage:before{content:"";position:absolute;top:18px;right:18px;bottom:18px;left:18px;border:1px solid rgba(214,248,253,.18);border-radius:46px;pointer-events:none}.stage-copy{position:relative;z-index:2;display:grid;grid-template-columns:minmax(260px,.95fr) auto;gap:32px;align-items:end}.stage-copy>div:first-child{max-width:660px}.stage-copy>div:first-child>span{color:var(--accent);font-size:12px;font-weight:900;letter-spacing:.14em;text-transform:uppercase}.stage-copy svg{display:block;margin-top:28px;color:var(--deep)}.stage-copy h3{margin:22px 0 14px;color:var(--ink);font-family:var(--font-display);font-size:clamp(36px,4.1vw,62px);line-height:1.05;white-space:nowrap}.stage-copy p{margin:0;color:var(--muted);font-size:16px;line-height:1.9}.stage-copy .project-links{align-self:end;justify-content:flex-end;padding-top:0;min-width:260px}.stage-rail{position:relative;z-index:2;display:grid;grid-template-columns:repeat(6,minmax(120px,1fr));align-items:end;gap:12px;min-width:0}.rail-card{--card-image: url(/assets/alpine-valley.png);--card-position: center center;position:relative;overflow:hidden;height:246px;display:flex;flex-direction:column;justify-content:flex-end;gap:12px;padding:18px;border:1px solid rgba(246,231,198,.24);border-radius:42px;background:linear-gradient(180deg,#fff4da14,#0008088a),var(--card-image);background-size:auto,cover;background-position:center,var(--card-position);color:#fff;text-align:left;box-shadow:0 18px 48px #090e0a33;transform:translateY(14px) scale(.965);transition:transform .42s cubic-bezier(.22,1,.36,1),box-shadow .42s ease,filter .42s ease}.rail-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#00000005,#0000001f 38%,#080c0abd),radial-gradient(circle at 24% 18%,rgba(255,246,225,.12),transparent 30%);pointer-events:none}.rail-card:nth-child(1){--card-image: url(/assets/cards/project-course.jpg);--card-position: center center}.rail-card:nth-child(2){--card-image: url(/assets/cards/project-ai.jpg);--card-position: center center}.rail-card:nth-child(3){--card-image: url(/assets/cards/project-profile.jpg);--card-position: center center}.rail-card:nth-child(4){--card-image: url(/assets/cards/project-kb.jpg);--card-position: center center}.rail-card:nth-child(5){--card-image: url(/assets/cards/project-tracking.jpg);--card-position: center center}.rail-card:nth-child(6){--card-image: url(/assets/cards/project-scope.jpg);--card-position: center center}.rail-card>*{position:relative;z-index:1}.rail-card span{color:#ffffffc7;font-size:12px;font-weight:900}.rail-card svg{color:#ffffffe0}.rail-card strong{min-height:52px;color:#fff;font-size:16px;line-height:1.35;text-shadow:0 12px 28px rgba(0,0,0,.2)}.rail-card:nth-child(5) strong{white-space:nowrap;font-size:clamp(14px,.92vw,16px)}.rail-card.is-active{transform:translateY(-18px) scale(1.035);filter:saturate(1.12) contrast(1.04);border-color:#f6e7c66b;box-shadow:0 28px 70px #090e0a4d}.rail-card:hover{transform:translateY(-18px) scale(1.035)}.project-links{margin-top:auto;display:flex;flex-wrap:wrap;gap:10px;padding-top:28px}.project-links button,.result-card a,.back-link{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:40px;padding:0 16px;border-radius:999px;background:#051118eb;color:#e7f0f1;font-size:13px;font-weight:820;line-height:1;transition:transform .22s ease,background .22s ease,box-shadow .22s ease,gap .22s ease}.project-links button svg,.result-card a svg{width:22px;height:22px;flex:0 0 22px;padding:5px;border-radius:999px;background:#e7f3f5f5;color:#071722;stroke-width:2.4;align-self:center;justify-self:center;display:block;margin:0}.project-links button:hover{gap:10px;transform:translateY(-3px) scale(1.02);background:#6fc3d5;color:#071722;box-shadow:0 16px 32px #6fc3d542}.project-links button:active{transform:translateY(-1px) scale(.99)}.contact-panel{position:relative;width:100%;min-height:100vh;margin:120px 0 0;overflow:hidden;display:grid;place-items:center;padding:8vw;text-align:center;border:0;background:radial-gradient(circle at 70% 18%,rgba(111,195,213,.18),transparent 30%),linear-gradient(180deg,#0a1b2338,#0512186b),url(/assets/alpine-valley.png),linear-gradient(180deg,#eeeeed,#e3e3e1);background-size:auto,auto,cover,auto;background-position:center,center,center top,center;box-shadow:none}.contact-panel:before,.contact-panel:after{content:"";position:absolute;pointer-events:none}.contact-panel:before{top:0;right:0;bottom:0;left:0;z-index:1;background:radial-gradient(circle at 70% 18%,rgba(111,195,213,.18),transparent 24%),radial-gradient(circle at 66% 62%,rgba(111,195,213,.1),transparent 28%);mix-blend-mode:screen;opacity:.66}.contact-panel:after{z-index:2;inset:clamp(28px,5vw,64px);border:1px solid rgba(214,248,253,.22);border-radius:clamp(30px,4.5vw,58px);background:#ffffff05;box-shadow:inset 0 0 0 1px #ffffff29,inset 0 0 48px #ffffff1a,0 18px 70px #1f232614}.contact-panel>div,.contact-panel>a{position:relative;z-index:3}.contact-panel h2{margin:20px auto 0;max-width:960px;font-family:var(--font-display);font-size:clamp(42px,6vw,86px);line-height:1.08}.contact-panel p{max-width:820px;margin:24px auto 0}.contact-panel>a,.contact-panel>button{margin-top:-44px}.qr-modal{position:fixed;z-index:60;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;padding:28px}.qr-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#00080e8f;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);animation:qr-fade .24s ease both}.qr-dialog{position:relative;z-index:1;width:min(460px,100%);padding:42px;border:1px solid rgba(214,248,253,.24);border-radius:30px;background:linear-gradient(180deg,#0a1c26e6,#06141cd1),radial-gradient(circle at 70% 10%,rgba(111,195,213,.14),transparent 30%);box-shadow:0 34px 90px #00080e61;text-align:center;animation:qr-rise .42s cubic-bezier(.22,1,.36,1) both}.qr-close{position:absolute;right:18px;top:18px;width:44px;height:44px;display:inline-flex;align-items:center;justify-content:center;border-radius:999px;background:#d6f8fd24;color:var(--ink);transition:transform .22s ease,background .22s ease}.qr-close:hover{transform:rotate(6deg) scale(1.04);background:#d6f8fd3d}.qr-dialog h2{margin:18px 0 0;color:var(--ink);font-family:var(--font-display);font-size:36px}.qr-dialog p{max-width:320px;margin:12px auto 24px;color:var(--muted);line-height:1.7}.qr-dialog img{width:min(300px,100%);aspect-ratio:1;object-fit:contain;padding:14px;border-radius:22px;background:#fff;box-shadow:inset 0 0 0 1px #30333614,0 18px 50px #1e22261f}.result-page{position:fixed;z-index:30;top:0;right:0;bottom:0;left:0;width:100%;margin:0;overflow-y:auto;padding:42px max(5vw,28px) 92px;background:radial-gradient(circle at 72% 8%,rgba(255,246,225,.12),transparent 28%),linear-gradient(180deg,#0e17147a,#0a110f9e),url(/assets/alpine-valley.png);background-size:auto,auto,cover;background-position:center,center,center top}body.result-open{overflow:hidden}.home-shell{transform-origin:center top;transition:transform .48s cubic-bezier(.22,1,.36,1),filter .48s ease,opacity .48s ease}body.result-open .home-shell{transform:translateY(18px) scale(.982);filter:blur(2px) saturate(.94)}::view-transition-group(root){animation-duration:.56s;animation-timing-function:cubic-bezier(.22,1,.36,1)}::view-transition-old(root){animation:portfolio-fade-out .34s cubic-bezier(.4,0,1,1) both}::view-transition-new(root){animation:portfolio-fade-in .56s cubic-bezier(.22,1,.36,1) both}.result-page>*{width:min(1180px,100%);margin-left:auto;margin-right:auto}.result-page{animation:closeup-enter .58s cubic-bezier(.22,1,.36,1) both}.result-page .back-link,.result-page .result-hero,.result-page .result-note,.result-page .result-card{animation:closeup-content-enter .62s cubic-bezier(.22,1,.36,1) both}.result-page .result-hero{animation-delay:.04s}.result-page .result-card{animation-delay:.08s}.back-link{width:fit-content;min-width:132px;min-height:46px;padding:0 22px;white-space:nowrap;writing-mode:horizontal-tb;background:linear-gradient(135deg,#fffaeec2,#fffaee7a);color:#13201b;border:1px solid rgba(255,250,238,.48);box-shadow:inset 0 1px #ffffff61,0 18px 50px #090e0a29;-webkit-backdrop-filter:blur(22px) saturate(1.08);backdrop-filter:blur(22px) saturate(1.08)}.result-hero{margin-top:56px;padding:72px;border:1px solid rgba(255,250,238,.18);border-radius:56px;background:linear-gradient(135deg,#14221f94,#0e18166b);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(18px) saturate(1.08);backdrop-filter:blur(18px) saturate(1.08)}.result-hero h1{margin:18px 0 0;font-size:clamp(42px,6vw,86px);line-height:1.02}.result-note{margin-top:24px;padding:20px 24px;border:1px solid rgba(255,250,238,.18);background:#18262275;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.result-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:22px;margin-top:26px}.result-card{position:relative;overflow:hidden;padding:22px;border:1px solid rgba(255,250,238,.16);border-radius:42px;background:linear-gradient(135deg,#1624218a,#0c16145c);box-shadow:0 18px 52px #090e0a29;-webkit-backdrop-filter:blur(18px) saturate(1.06);backdrop-filter:blur(18px) saturate(1.06)}.result-card img{width:100%;max-height:760px;object-fit:contain;background:#fffaee1a;border:1px solid rgba(255,250,238,.16);border-radius:28px}.result-card h2{margin:18px 0 14px;font-size:22px}.pdf-tile{min-height:280px;display:grid;place-items:center;align-content:center;gap:12px;background:linear-gradient(135deg,#0a202ad1,#0d2d38b8);border:1px solid rgba(214,248,253,.14);border-radius:26px;color:var(--deep)}.pdf-tile span{font-weight:900;letter-spacing:.12em}.reveal-surface{opacity:0;transform:translateY(34px) scale(.985);filter:blur(8px);transition:opacity .78s cubic-bezier(.2,.8,.2,1),transform .78s cubic-bezier(.2,.8,.2,1),filter .78s cubic-bezier(.2,.8,.2,1)}.reveal-surface.is-visible{opacity:1;transform:translateY(0) scale(1);filter:blur(0)}@keyframes hero-rise{0%{opacity:0;transform:translateY(28px) scale(.985);filter:blur(10px)}to{opacity:1;transform:translateY(0) scale(1);filter:blur(0)}}@keyframes portfolio-fade-out{to{opacity:.64;transform:translateY(12px) scale(.992);filter:blur(2px)}}@keyframes portfolio-fade-in{0%{opacity:0;transform:translateY(-32px) scale(.99);filter:blur(10px)}to{opacity:1;transform:translateY(0) scale(1);filter:blur(0)}}@keyframes closeup-enter{0%{opacity:0;transform:translateY(-44px) scale(.985);filter:blur(12px)}to{opacity:1;transform:translateY(0) scale(1);filter:blur(0)}}@keyframes closeup-content-enter{0%{opacity:0;transform:translateY(-28px)}to{opacity:1;transform:translateY(0)}}@keyframes qr-fade{0%{opacity:0}to{opacity:1}}@keyframes qr-rise{0%{opacity:0;transform:translateY(26px) scale(.97);filter:blur(10px)}to{opacity:1;transform:translateY(0) scale(1);filter:blur(0)}}@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.reveal-surface{opacity:1;transform:none;filter:none}.home-shell,body.result-open .home-shell{transform:none;filter:none}}@media (max-width: 1080px){.site-header{grid-template-columns:1fr;left:42px;right:42px;top:32px;padding:0;gap:18px}.site-header .menu-panel{justify-self:start;max-width:100%;overflow-x:auto;scrollbar-width:none;gap:22px}.site-header .menu-panel::-webkit-scrollbar{display:none}.metric-board,.result-grid{grid-template-columns:repeat(2,1fr)}.hero-copy{left:42px;top:50%;width:min(720px,calc(100% - 84px));margin:0}.scope-focus,.switcher-stage{grid-template-columns:1fr}.switcher-stage{grid-template-rows:auto auto}.scope-copy,.stage-copy{align-self:start}.stage-copy{grid-template-columns:1fr}.stage-copy .project-links{justify-content:flex-start}.scope-rail,.stage-rail{grid-template-columns:repeat(3,1fr)}.scope-card,.scope-card.is-active,.rail-card,.rail-card.is-active{height:220px}.about-grid{grid-template-columns:1fr;gap:28px}.orbit-map{min-height:auto;display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.orbit-line,.orbit-core{display:none}.orbit-node{position:static;width:auto}}@media (max-width: 720px){.hero-panel{height:auto;min-height:92vh;margin:0;width:100%;padding:18px}.hero-window{width:100%;height:auto;min-height:calc(92vh - 36px);border-radius:0}.site-header{left:24px;right:24px;top:24px;padding:0;gap:14px}.site-header .menu-panel{width:100%;display:flex;border-radius:0;gap:18px}.logo{width:92px;height:92px;font-size:10px}.hero-copy{width:min(100% - 48px,620px);left:24px;top:56%;margin:0}.hero-copy h1{font-size:56px;white-space:normal}.hero-foot{left:22px;right:22px;flex-direction:column;gap:8px}.metric-board,.result-grid,.orbit-map{grid-template-columns:1fr}.scope-focus,.switcher-stage{min-height:auto;padding:28px;border-radius:34px}.stage-copy{grid-template-columns:1fr;gap:18px}.stage-copy h3{white-space:normal}.stage-copy .project-links{justify-content:flex-start;min-width:0}.scope-focus:before,.switcher-stage:before{top:12px;right:12px;bottom:12px;left:12px;border-radius:18px}.scope-rail,.stage-rail{grid-template-columns:1fr}.scope-card,.scope-card.is-active,.rail-card,.rail-card.is-active{height:132px;transform:none}.metric-board,.content-section,.system-section,.result-page{width:min(100% - 32px,1180px)}.content-section{margin-top:82px}.about-card,.result-hero{padding:28px}.contact-panel{width:100%;margin-bottom:0;min-height:72vh}.qr-dialog{padding:34px 22px 24px;border-radius:24px}.hero-panel:after,.contact-panel:after{top:18px;right:18px;bottom:18px;left:18px;border-radius:0}}@keyframes hero-copy-rise{0%{opacity:0;transform:translateY(calc(-35% + 28px)) scale(.985);filter:blur(10px)}to{opacity:1;transform:translateY(-35%) scale(1);filter:blur(0)}}
