:root {
  --ink: #eaf6ff;
  --muted: #afc3d8;
  --mist: rgba(216, 240, 255, 0.1);
  --line: rgba(223, 242, 255, 0.19);
  --blue: #71d6ff;
  --cyan: #54ffd3;
  --coral: #ff917f;
  --violet: #bda0ff;
  --navy: #071a31;
  --deep: #04101f;
  --serif: "Noto Serif TC", Georgia, serif;
  --sans: "Noto Sans TC", sans-serif;
  --mono: "DM Mono", monospace;
  --shadow: 0 26px 75px rgba(0, 5, 17, 0.34);
  color-scheme: dark;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin: 0; min-width: 320px; overflow-x: hidden; color: var(--ink); background: #061a31; font-family: var(--sans); font-weight: 400; line-height: 1.7; }
a { color: inherit; text-decoration: none; }
button { font: inherit; }
::selection { color: #071a31; background: var(--cyan); }

.ambient { position: fixed; z-index: -3; border-radius: 100%; filter: blur(22px); opacity: .78; pointer-events: none; }
.ambient-one { width: 45vw; height: 45vw; top: -16vw; right: -10vw; background: radial-gradient(circle, rgba(75, 135, 255, .52), rgba(75, 135, 255, 0) 70%); }
.ambient-two { width: 46vw; height: 46vw; left: -29vw; top: 32%; background: radial-gradient(circle, rgba(60, 238, 196, .21), rgba(60, 238, 196, 0) 70%); }
.ambient-three { width: 37vw; height: 37vw; bottom: -12vw; right: 8vw; background: radial-gradient(circle, rgba(190, 123, 255, .26), rgba(190, 123, 255, 0) 70%); }
.site-noise { pointer-events: none; position: fixed; inset: 0; z-index: 10; opacity: .045; 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='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.85'/%3E%3C/svg%3E"); }

.section-shell { width: min(1200px, calc(100% - 80px)); margin: 0 auto; }
section { position: relative; }
.eyebrow { margin: 0 0 18px; display: flex; align-items: center; gap: 9px; color: #9cc9e5; font: 500 11px/1.4 var(--mono); letter-spacing: .12em; text-transform: uppercase; }
.pulse-dot { width: 8px; height: 8px; border-radius: 50%; background: var(--cyan); box-shadow: 0 0 0 0 rgba(84, 255, 211, .5); animation: pulse 2.6s infinite; }
@keyframes pulse { 70% { box-shadow: 0 0 0 8px rgba(84,255,211,0); } 100% { box-shadow: 0 0 0 0 rgba(84,255,211,0); } }
h1, h2, h3, p { margin-top: 0; }
h2 { margin-bottom: 0; color: #f3fbff; font: 700 clamp(32px, 4vw, 56px)/1.27 var(--serif); letter-spacing: -.075em; }
h2 em { color: #bfeaff; font-style: normal; }
h3 { font: 700 23px/1.38 var(--serif); letter-spacing: -.05em; }

.site-header { width: min(1200px, calc(100% - 80px)); position: fixed; top: 25px; left: 50%; z-index: 50; transform: translateX(-50%); display: flex; align-items: center; min-height: 67px; padding: 9px 11px 9px 18px; border: 1px solid rgba(226, 245, 255, .18); border-radius: 19px; background: rgba(7, 28, 54, .57); box-shadow: 0 16px 50px rgba(0, 9, 24, .2), inset 0 1px rgba(255,255,255,.12); backdrop-filter: blur(22px) saturate(140%); -webkit-backdrop-filter: blur(22px) saturate(140%); }
.brand { display: inline-flex; align-items: center; gap: 10px; min-width: 183px; }
.brand-logo { display: block; width: 34px; height: 34px; flex: 0 0 34px; object-fit: contain; filter: drop-shadow(0 0 9px rgba(87, 240, 232, .5)); }
.brand-mark { position: relative; display: flex; gap: 2px; align-items: flex-end; width: 25px; height: 26px; transform: skewY(-25deg); }
.brand-mark::before { content: ""; position: absolute; width: 20px; height: 20px; left: 0; bottom: 0; border: 1px solid rgba(156, 232, 255, .8); border-radius: 7px 7px 7px 0; transform: rotate(30deg); }
.brand-mark i { display: block; position: relative; z-index: 1; width: 3px; border-radius: 3px; background: linear-gradient(180deg, var(--cyan), #7aafff); box-shadow: 0 0 10px rgba(82, 225, 255, .8); }
.brand-mark i:nth-child(1) { height: 9px; }.brand-mark i:nth-child(2) { height: 15px; }.brand-mark i:nth-child(3) { height: 20px; }
.brand-lockup { display: flex; flex-direction: column; gap: 0; line-height: 1; }
.brand-lockup strong { font: 700 18px/1 var(--serif); letter-spacing: .08em; }.brand-lockup small { color: #82aac4; font: 400 6.5px/1.5 var(--mono); letter-spacing: .17em; margin-top: 3px; }
.desktop-nav { display: flex; gap: 29px; align-items: center; margin-left: auto; margin-right: 29px; }
.desktop-nav a { color: #c8d8e5; font-size: 13px; transition: color .25s ease; }.desktop-nav a:hover { color: var(--cyan); }
.header-cta { display: inline-flex; align-items: center; gap: 11px; padding: 12px 16px; border-radius: 12px; background: rgba(124, 218, 255, .12); color: #e9fbff; border: 1px solid rgba(141,228,255,.22); font-size: 13px; transition: background .25s, transform .25s; }.header-cta:hover { background: rgba(124, 218, 255, .24); transform: translateY(-1px); }.header-cta span { color: var(--cyan); font-size: 16px; }
.menu-button, .mobile-menu { display: none; }

.hero { min-height: min(860px, 100vh); padding: 176px 0 94px; display: grid; grid-template-columns: minmax(0, .98fr) minmax(440px, .9fr); gap: 34px; align-items: center; }
.hero-copy { position: relative; z-index: 2; }
h1 { display: flex; flex-direction: column; gap: 2px; margin: 0 0 28px; font: 900 clamp(48px, 6vw, 86px)/1.12 var(--serif); letter-spacing: -.12em; }
h1 span { display: block; width: fit-content; position: relative; text-shadow: 0 5px 35px rgba(105, 205, 255, .13); }
h1 span:nth-child(1) { color: #f6fcff; }h1 span:nth-child(2) { color: #a9e9ff; margin-left: 7.5%; }h1 span:nth-child(3) { color: #9ff2d7; margin-left: 2.2%; }
h1 span:nth-child(3)::after { content:""; position: absolute; left: 4%; right: 1%; bottom: -7px; height: 8px; background: linear-gradient(90deg, rgba(102,249,205,.82), rgba(102,249,205,0)); clip-path: polygon(0 45%,100% 0,96% 90%,1% 100%); opacity: .75; }
.hero-lead { margin-bottom: 15px; color: #e7f8ff; font: 600 clamp(18px, 1.6vw, 22px)/1.5 var(--serif); letter-spacing: -.035em; }.hero-text { max-width: 503px; margin-bottom: 27px; color: var(--muted); font-size: 15px; line-height: 2; }
.hero-actions, .contact-actions { display: flex; align-items: center; gap: 12px; flex-wrap: wrap; }.button { display: inline-flex; align-items: center; justify-content: center; gap: 15px; min-height: 53px; padding: 13px 20px; border-radius: 13px; font-size: 14px; font-weight: 600; transition: transform .25s ease, box-shadow .25s ease, background .25s ease; }.button:hover { transform: translateY(-3px); }.button span { font-size: 19px; line-height: 0; }.button-primary { background: linear-gradient(135deg, #7fe6ff, #5df1ce); color: #072237; box-shadow: 0 13px 32px rgba(40, 212, 211, .2), inset 0 1px rgba(255,255,255,.75); }.button-primary:hover { box-shadow: 0 17px 37px rgba(40, 212, 211, .36), inset 0 1px rgba(255,255,255,.75); }.button-quiet { border: 1px solid var(--line); background: rgba(202, 233, 255, .055); color: #d6e8f4; box-shadow: inset 0 1px rgba(255,255,255,.07); }.button-quiet:hover { background: rgba(202, 233, 255, .13); }.hero-note { margin: 22px 0 0; color: #87a5bd; font-size: 12px; }

.hero-orbit { position: relative; height: 465px; isolation: isolate; }.orbit { position: absolute; border: 1px solid rgba(134, 214, 255, .16); border-radius: 50%; transform: rotate(-23deg); }.orbit-large { width: 90%; height: 53%; top: 22%; left: 5%; }.orbit-small { width: 57%; height: 34%; top: 32%; left: 22%; border-color: rgba(83, 255, 209, .23); }.signal { position: absolute; width: 9px; height: 9px; border-radius: 50%; background: var(--cyan); box-shadow: 0 0 0 6px rgba(84,255,211,.08), 0 0 20px 2px var(--cyan); }.signal span { position: absolute; height: 55px; width: 1px; top: 7px; left: 4px; background: linear-gradient(var(--cyan), transparent); transform: rotate(22deg); transform-origin: top; }.signal-one { top: 11%; left: 21%; }.signal-two { bottom: 13%; right: 11%; background: #a2b4ff; box-shadow: 0 0 0 6px rgba(162,180,255,.08), 0 0 20px 2px #a2b4ff; }.signal-three { top: 23%; right: 7%; transform: scale(.6); }
.glass-panel { overflow: hidden; position: absolute; width: 84%; min-height: 303px; left: 8%; top: 16%; padding: 24px 23px 21px; border: 1px solid rgba(207, 242, 255, .26); border-radius: 24px; background: linear-gradient(135deg, rgba(180, 224, 255, .2), rgba(28, 83, 141, .23) 46%, rgba(33, 68, 123, .12)); box-shadow: var(--shadow), inset 0 1px rgba(255,255,255,.28), inset 12px 0 28px rgba(135,235,255,.03); backdrop-filter: blur(25px) saturate(140%); -webkit-backdrop-filter: blur(25px) saturate(140%); transform: rotate(-4deg); transition: transform .45s cubic-bezier(.2,.8,.2,1); }.hero-orbit:hover .glass-panel { transform: rotate(-1.5deg) translateY(-5px); }.panel-glint { position: absolute; width: 62%; height: 140%; top: -37%; left: -39%; background: linear-gradient(90deg, transparent, rgba(255,255,255,.16), transparent); transform: rotate(30deg); }.panel-topline { position: relative; display: flex; align-items: center; justify-content: space-between; padding-bottom: 18px; border-bottom: 1px solid rgba(225,244,255,.15); }.panel-label { color: #d9efff; font: 500 11px var(--mono); letter-spacing: .09em; }.status { display: inline-flex; align-items: center; gap: 6px; color: #9cebcf; font-size: 10px; }.status i { width: 5px; height: 5px; border-radius: 50%; background: var(--cyan); box-shadow: 0 0 8px var(--cyan); }.review-stream { position: relative; padding: 11px 0 3px; }.review-row { display: grid; grid-template-columns: 24px 1fr auto; align-items: center; gap: 7px; padding: 10px 0; border-bottom: 1px solid rgba(225,244,255,.09); }.review-row p { margin: 0; color: #d4e4ef; font-size: 12px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }.review-row b { color: #8badc1; font-size: 9px; font-weight: 500; }.review-row.positive b { color: #8be7c6; }.row-icon { width: 21px; height: 21px; display: grid; place-items: center; border-radius: 7px; background: rgba(91, 229, 255, .13); color: #9ceaff; font-size: 11px; }.review-row.positive .row-icon { color: #9df4d6; background: rgba(93, 241, 194, .13); }.panel-summary { position: relative; display: flex; align-items: center; justify-content: space-between; margin-top: 18px; }.panel-summary div { display: flex; flex-direction: column; gap: 2px; }.panel-summary small { color: #7ea5bd; font-size: 9px; }.panel-summary strong { color: #ecf8ff; font-size: 13px; font-weight: 600; }.panel-summary > span { color: #74b3d5; font-size: 15px; }.float-card { position: absolute; z-index: 2; padding: 10px 13px; border: 1px solid rgba(210,240,255,.2); border-radius: 13px; background: rgba(9, 37, 71, .66); box-shadow: 0 13px 35px rgba(0,4,18,.23), inset 0 1px rgba(255,255,255,.15); backdrop-filter: blur(14px); -webkit-backdrop-filter: blur(14px); }.float-card p { margin: 0; color: #d9efff; font-size: 11px; line-height: 1.55; }.float-card span { display: block; margin-bottom: 5px; color: var(--cyan); font: 500 10px var(--mono); }.float-card-one { left: -2%; bottom: 10%; transform: rotate(5deg); }.float-card-two { right: -2%; top: 8%; transform: rotate(-8deg); }.float-card-two .mini-spark { font-size: 15px; margin-bottom: 2px; }.scroll-cue { position: absolute; display: flex; gap: 9px; align-items: center; bottom: 30px; left: 0; color: #7395ae; font: 10px var(--mono); letter-spacing: .12em; }.scroll-cue i { width: 32px; height: 1px; background: #7395ae; }

.intro-band { padding: 110px 0 128px; }.section-intro { max-width: 662px; }.value-stacks { display: grid; grid-template-columns: 1.05fr .95fr 1fr; gap: 15px; margin-top: 54px; align-items: start; }.value-card { min-height: 366px; position: relative; overflow: hidden; padding: 24px 24px 21px; border: 1px solid rgba(214,240,255,.14); border-radius: 20px; background: linear-gradient(145deg, rgba(187,231,255,.095), rgba(21,57,98,.14)); box-shadow: inset 0 1px rgba(255,255,255,.09); transition: transform .28s, border-color .28s, background .28s; }.value-card:hover { transform: translateY(-8px); border-color: rgba(168,235,255,.34); background: linear-gradient(145deg, rgba(187,231,255,.16), rgba(21,57,98,.18)); }.card-two { margin-top: 40px; min-height: 360px; background: linear-gradient(145deg, rgba(116,255,213,.11), rgba(16,75,91,.12)); }.card-three { margin-top: 13px; min-height: 390px; background: linear-gradient(145deg, rgba(202,178,255,.11), rgba(46,45,105,.16)); }.card-number { color: #80a9c3; font: 400 10px var(--mono); letter-spacing: .1em; }.value-icon { margin: 38px 0 23px; width: 52px; height: 52px; position: relative; display: grid; place-items: center; color: var(--cyan); font-size: 33px; }.icon-magnet { border: 1px solid rgba(123,235,255,.35); border-radius: 15px; transform: rotate(-11deg); }.icon-magnet span { position: absolute; display: block; width: 5px; border-radius: 5px; background: #7deeff; box-shadow: 0 0 12px rgba(125,238,255,.65); }.icon-magnet span:nth-child(1) { height: 23px; left: 15px; bottom: 9px; }.icon-magnet span:nth-child(2) { height: 31px; left: 24px; bottom: 9px; }.icon-magnet span:nth-child(3) { height: 15px; left: 33px; bottom: 9px; }.icon-spark { color: #77f9d0; text-shadow: 0 0 24px rgba(88,255,209,.6); }.icon-stars { color: #c4b7ff; text-shadow: 0 0 24px rgba(196,183,255,.48); }.icon-stars i { position: absolute; bottom: 0; right: 0; color: #8eece4; font-size: 21px; font-style: normal; }.value-card h3 { margin-bottom: 10px; }.value-card p { color: #a9c2d4; font-size: 13px; line-height: 1.85; }.card-tail { display: block; position: absolute; left: 24px; bottom: 20px; color: #a5dff0; font-size: 11px; }.card-tail b { margin-left: 5px; color: var(--cyan); }

.pain-section { display: grid; grid-template-columns: .82fr 1.18fr; gap: clamp(46px, 8vw, 126px); align-items: center; padding: 96px 0 125px; border-top: 1px solid rgba(180,225,255,.12); }.pain-visual { min-height: 410px; position: relative; }.pain-ring { position: absolute; left: 50%; top: 50%; border: 1px solid rgba(123,219,255,.2); border-radius: 50%; transform: translate(-50%, -50%) rotate(-28deg); }.ring-a { width: 312px; height: 312px; }.ring-b { width: 216px; height: 216px; border-style: dashed; border-color: rgba(113,222,255,.26); animation: spin 18s linear infinite; }.ring-c { width: 113px; height: 113px; border-color: rgba(97,255,208,.36); }.pain-core { position: absolute; left: 50%; top: 50%; width: 84px; height: 84px; transform: translate(-50%, -50%); display: flex; flex-direction: column; align-items: center; justify-content: center; border: 1px solid rgba(181, 237, 255, .34); border-radius: 50%; background: rgba(37, 107, 147, .31); box-shadow: 0 0 45px rgba(70,202,255,.23), inset 0 0 18px rgba(173,245,255,.12); }.pain-core span { color: #e9f8ff; font: 700 18px/1 var(--serif); }.pain-core small { margin-top: 5px; color: #9ac2d8; font: 7px/1.4 var(--mono); letter-spacing: .1em; text-align: center; }.pain-tag { position: absolute; padding: 8px 11px; border: 1px solid rgba(177,230,255,.22); border-radius: 10px; background: rgba(12,48,80,.57); color: #b7d7e7; font-size: 10px; line-height: 1.5; box-shadow: 0 10px 25px rgba(0,4,18,.2); backdrop-filter: blur(12px); }.tag-a { top: 4%; right: 0; }.tag-b { bottom: 14%; left: 2%; }.tag-c { bottom: 4%; right: 5%; }.pain-arrow { position: absolute; top: 13%; left: 11%; color: var(--coral); font-size: 33px; transform: rotate(25deg); text-shadow: 0 0 15px rgba(255,141,120,.6); }.pain-copy h2 { margin-bottom: 26px; font-size: clamp(30px, 3.5vw, 49px); }.pain-list { border-top: 1px solid rgba(189,230,255,.14); }.pain-list p { display: grid; grid-template-columns: 35px 1fr; gap: 8px; margin: 0; padding: 12px 0; border-bottom: 1px solid rgba(189,230,255,.1); color: #b9cedd; font-size: 13px; }.pain-list span { color: #70cde9; font: 10px/2.1 var(--mono); }.solution-line { margin-top: 25px; padding: 15px 18px; border-left: 2px solid var(--cyan); background: linear-gradient(90deg, rgba(76,230,242,.09), transparent); color: #d3eef8; font-size: 13px; line-height: 1.9; }

.services-section { padding: 109px 0 128px; }.services-head { max-width: 100%; display: flex; justify-content: space-between; align-items: end; gap: 45px; }.services-head > div { max-width: 745px; }.services-head h2 { display: inline-block; }.services-head h2 + p { display: inline-block; max-width: 262px; margin: 0 0 4px 36px; color: #9fb7c9; font-size: 13px; line-height: 1.9; }.service-gallery { display: grid; grid-template-columns: 1.1fr .9fr .92fr; grid-template-rows: 240px 242px 245px; gap: 15px; margin-top: 51px; }.service-card { position: relative; overflow: hidden; padding: 22px; border: 1px solid rgba(216, 242, 255, .15); border-radius: 20px; background: linear-gradient(135deg, rgba(165,219,255,.09), rgba(10,43,84,.2)); box-shadow: inset 0 1px rgba(255,255,255,.08); transition: transform .25s ease, border-color .25s ease; }.service-card:hover { transform: translateY(-5px); border-color: rgba(158,231,255,.36); }.service-card::after { content: ""; position: absolute; width: 150px; height: 180px; top: -70px; right: -45px; border-radius: 50%; background: radial-gradient(circle, rgba(97,205,255,.15), transparent 70%); }.service-large { grid-row: span 2; }.service-medium { grid-column: 2 / span 2; }.service-wide { grid-column: 2 / span 2; }.service-small { grid-column: span 1; }.service-small.coral { background: linear-gradient(135deg, rgba(255,141,122,.12), rgba(87,36,61,.18)); }.service-wide.violet { background: linear-gradient(135deg, rgba(174,154,255,.15), rgba(49,42,113,.19)); }.service-wide.dark { background: linear-gradient(135deg, rgba(54,128,164,.14), rgba(8,29,61,.25)); }.service-index { color: #81abc5; font: 10px var(--mono); }.service-card h3 { position: relative; z-index: 1; margin: 18px 0 7px; font-size: 21px; }.service-card p { position: relative; z-index: 1; max-width: 430px; margin-bottom: 0; color: #aec6d7; font-size: 12px; line-height: 1.8; }.service-card small { position: absolute; right: 21px; bottom: 18px; color: #7195ad; font: 9px var(--mono); letter-spacing: .08em; }.service-symbol { position: relative; z-index: 1; width: 43px; height: 43px; margin-top: 25px; border: 1px solid rgba(137,222,255,.3); border-radius: 12px; color: var(--cyan); }.monitor { display: flex; align-items: flex-end; gap: 4px; padding: 9px; }.monitor i { width: 5px; display: block; border-radius: 4px 4px 1px 1px; background: linear-gradient(#83e9ff, #5ff4cb); box-shadow: 0 0 10px rgba(103,239,255,.35); }.monitor i:nth-child(1) { height: 10px; }.monitor i:nth-child(2) { height: 21px; }.monitor i:nth-child(3) { height: 15px; }.reply { display: grid; place-items: center; font-size: 27px; transform: rotate(-13deg); }.relay { display: flex; align-items: center; justify-content: space-around; border-radius: 50%; }.relay i { width: 6px; height: 6px; border: 1px solid var(--violet); border-radius: 50%; box-shadow: 0 0 7px rgba(187,166,255,.6); }.chart { display: flex; align-items: end; gap: 4px; padding: 8px; }.chart i { flex: 1; background: var(--cyan); border-radius: 3px; }.chart i:nth-child(1) { height: 10px; }.chart i:nth-child(2) { height: 19px; }.chart i:nth-child(3) { height: 13px; }.chart i:nth-child(4) { height: 25px; }.invite { display: grid; place-items: center; border-radius: 50%; color: var(--coral); font-size: 26px; border-color: rgba(255,158,141,.32); }.report { padding: 10px; }.report i { display: block; height: 3px; margin: 4px 0; border-radius: 3px; background: #90dbea; }.report i:nth-child(1) { width: 72%; }.report i:nth-child(2) { width: 95%; }.report i:nth-child(3) { width: 53%; }

.fit-section { display: grid; grid-template-columns: .94fr 1.06fr; gap: 56px; align-items: center; padding: 104px 0 126px; }.fit-copy > p:last-child { max-width: 443px; margin: 24px 0 0; color: #a8c0d1; font-size: 14px; line-height: 2; }.merchant-cloud { min-height: 370px; position: relative; border: 1px solid rgba(202, 239, 255, .16); border-radius: 25px; background: linear-gradient(135deg, rgba(105, 198, 255, .12), rgba(13, 50, 86, .22)); box-shadow: inset 0 1px rgba(255,255,255,.1), var(--shadow); overflow: hidden; }.merchant-cloud::before { content: ""; position: absolute; width: 200px; height: 200px; right: -34px; top: -67px; border: 1px solid rgba(110,234,255,.2); border-radius: 50%; box-shadow: 0 0 0 24px rgba(110,234,255,.03), 0 0 0 48px rgba(110,234,255,.02); }.merchant-chip { position: absolute; z-index: 1; display: inline-flex; align-items: center; gap: 7px; padding: 10px 12px; border: 1px solid rgba(215,243,255,.21); border-radius: 12px; background: rgba(13,61,99,.65); color: #d9eff9; font-size: 12px; box-shadow: 0 10px 25px rgba(0,4,18,.17); backdrop-filter: blur(10px); }.merchant-chip i { color: var(--cyan); font-size: 15px; font-style: normal; }.chip-restaurant { top: 55px; left: 39px; transform: rotate(-6deg); }.chip-fashion { top: 139px; right: 31px; transform: rotate(5deg); }.chip-beauty { bottom: 58px; left: 62px; transform: rotate(3deg); }.chip-retail { bottom: 35px; right: 30px; transform: rotate(-3deg); }.merchant-orb { position: absolute; left: 50%; top: 49%; width: 103px; height: 103px; transform: translate(-50%, -50%); border: 1px solid rgba(166,238,255,.38); border-radius: 50%; display: grid; place-items: center; background: radial-gradient(circle at 30% 30%, rgba(154,238,255,.3), rgba(11,59,102,.75)); box-shadow: 0 0 37px rgba(85,222,245,.25), inset 0 0 18px rgba(187,246,255,.25); }.merchant-orb span { color: #e5f8ff; font: 500 11px/1.35 var(--mono); letter-spacing: .08em; text-align: center; }

.process-section { padding: 102px 0 130px; border-top: 1px solid rgba(184,230,255,.12); }.process-intro { display: flex; justify-content: space-between; align-items: end; }.process-path { display: grid; grid-template-columns: repeat(4, 1fr); gap: 20px; margin-top: 58px; }.process-step { position: relative; padding: 0 10px 0 0; }.step-count { position: relative; z-index: 1; width: 47px; height: 47px; display: grid; place-items: center; border: 1px solid rgba(177,234,255,.35); border-radius: 50%; background: rgba(17,75,115,.63); color: #c9effd; box-shadow: 0 0 21px rgba(86,202,255,.11); font: 11px var(--mono); }.step-line { position: absolute; z-index: 0; top: 23px; left: 48px; width: calc(100% - 9px); border-top: 1px dashed rgba(178,226,255,.25); }.process-step h3 { margin: 23px 0 10px; font-size: 21px; }.process-step p { max-width: 235px; min-height: 87px; margin-bottom: 16px; color: #a9c2d3; font-size: 12px; line-height: 1.9; }.process-step > span { color: #7aa8c2; font: 9px var(--mono); letter-spacing: .1em; }

.scope-section { padding: 0 0 126px; }.scope-card { overflow: hidden; position: relative; padding: 39px 42px 25px; border: 1px solid rgba(206,242,255,.27); border-radius: 26px; background: linear-gradient(122deg, rgba(72,164,218,.25), rgba(22,75,119,.31) 49%, rgba(92,79,169,.28)); box-shadow: 0 25px 80px rgba(0,5,20,.22), inset 0 1px rgba(255,255,255,.25); backdrop-filter: blur(16px); }.scope-card::after { content: ""; position: absolute; width: 440px; height: 440px; right: -168px; top: -243px; border-radius: 50%; background: radial-gradient(circle, rgba(152,231,255,.26), transparent 68%); }.scope-top { display: flex; align-items: center; justify-content: space-between; position: relative; z-index: 1; }.scope-badge { padding: 7px 10px; border: 1px solid rgba(190,243,255,.3); border-radius: 20px; background: rgba(172,243,255,.11); color: #d8f5ff; font-size: 11px; }.scope-content { position: relative; z-index: 1; display: grid; grid-template-columns: 1.1fr .9fr; gap: 75px; margin-top: 18px; align-items: end; }.scope-content h2 { font-size: clamp(32px,4vw,52px); }.scope-content > div > p { margin-bottom: 13px; color: #c4dce9; font-size: 13px; line-height: 1.9; }.scope-content .button { margin-top: 13px; }.button-light { background: #e7f8ff; color: #0d3450; box-shadow: inset 0 1px #fff; }.button-light:hover { box-shadow: 0 12px 30px rgba(0,13,31,.25), inset 0 1px #fff; }.scope-rule { position: relative; z-index: 1; display: flex; align-items: center; gap: 12px; margin-top: 45px; color: #b5d2e3; font: 10px var(--mono); letter-spacing: .08em; }.scope-rule i { flex: 1; height: 1px; background: rgba(210,242,255,.26); }

.faq-section { display: grid; grid-template-columns: .77fr 1.23fr; gap: 11%; padding: 110px 0 138px; }.faq-aside > p:last-child { max-width: 270px; margin-top: 24px; color: #9db7ca; font-size: 13px; line-height: 1.9; }.faq-list { border-top: 1px solid rgba(194,231,255,.22); }.faq-item { border-bottom: 1px solid rgba(194,231,255,.16); }.faq-item summary { display: flex; justify-content: space-between; align-items: center; gap: 20px; padding: 21px 0; cursor: pointer; list-style: none; color: #e7f4fb; font-size: 16px; font-weight: 600; }.faq-item summary::-webkit-details-marker { display: none; }.faq-item summary b { width: 25px; height: 25px; flex: 0 0 25px; display: grid; place-items: center; border: 1px solid rgba(196,235,255,.21); border-radius: 50%; color: var(--cyan); font-size: 18px; font-weight: 400; transition: transform .25s; }.faq-item[open] summary b { transform: rotate(45deg); }.faq-answer { max-width: 620px; padding: 0 45px 22px 0; }.faq-answer p { margin: 0; color: #a8c1d1; font-size: 13px; line-height: 2; }

.contact-section { overflow: hidden; margin-bottom: 0; padding: 96px min(9.5%, 114px) 28px; border: 1px solid rgba(220,246,255,.28); border-radius: 27px 27px 0 0; background: linear-gradient(135deg, rgba(86,193,227,.25), rgba(24,78,133,.32) 49%, rgba(91,67,171,.31)); box-shadow: inset 0 1px rgba(255,255,255,.23); }.contact-section::before { content:""; position: absolute; width: 600px; height: 450px; right: -22%; top: -34%; background: radial-gradient(ellipse, rgba(180,240,255,.38), transparent 67%); transform: rotate(-22deg); }.contact-beam { position: absolute; width: 2px; height: 130%; left: 21%; top: -36%; background: linear-gradient(transparent, rgba(144,249,250,.8), transparent); transform: rotate(39deg); box-shadow: 0 0 25px rgba(130,243,255,.85); }.contact-inner { position: relative; z-index: 1; max-width: 700px; }.contact-inner h2 { font-size: clamp(43px,5.4vw,73px); }.contact-inner > p:not(.eyebrow) { max-width: 540px; margin: 28px 0 30px; color: #d2e9f5; font-size: 14px; line-height: 2; }.disclaimer { position: relative; z-index: 1; max-width: 760px; margin: 89px 0 0; padding-top: 20px; border-top: 1px solid rgba(222,247,255,.24); color: #a8c8da; font-size: 11px; line-height: 1.9; }.site-footer { min-height: 100px; display: flex; align-items: center; justify-content: space-between; gap: 20px; }.site-footer > p { margin: 0; color: #789bb5; font-size: 11px; }.back-top { color: #a9d6e9; font-size: 12px; }.back-top span { margin-left: 5px; color: var(--cyan); }

.reveal { opacity: 1; transform: none; }.js .reveal { opacity: 0; transform: translateY(20px); transition: opacity .7s ease, transform .7s cubic-bezier(.2,.8,.2,1); }.js .reveal.is-visible { opacity: 1; transform: translateY(0); }.delay-one { transition-delay: .12s; }
@keyframes spin { to { transform: translate(-50%,-50%) rotate(332deg); } }

@media (max-width: 960px) {
  .hero { grid-template-columns: 1fr; padding-top: 160px; gap: 24px; }.hero-orbit { max-width: 620px; width: 90%; margin: 0 auto; }.hero-copy { max-width: 690px; }.pain-section, .fit-section, .faq-section { grid-template-columns: 1fr; gap: 44px; }.pain-visual { max-width: 450px; width: 100%; margin: 0 auto; }.faq-section { gap: 36px; }.faq-aside > p:last-child { max-width: 480px; }.scope-content { gap: 35px; }.service-gallery { grid-template-columns: 1fr 1fr; grid-template-rows: auto; }.service-large { grid-row: auto; }.service-medium { grid-column: auto; }.service-wide { grid-column: span 2; }.service-card { min-height: 230px; }.process-path { gap: 11px; }.process-step p { min-height: 110px; }
}

@media (max-width: 720px) {
  .section-shell, .site-header { width: min(100% - 32px, 1200px); }.site-header { top: 13px; min-height: 58px; padding: 8px 9px 8px 13px; border-radius: 16px; }.brand { min-width: 0; }.brand-lockup strong { font-size: 16px; }.desktop-nav, .header-cta { display: none; }.menu-button { width: 41px; height: 38px; display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 5px; margin-left: auto; border: 1px solid rgba(196,236,255,.2); border-radius: 10px; color: inherit; background: rgba(132,207,255,.09); cursor: pointer; }.menu-button span { width: 16px; height: 1px; background: #c9edff; transition: transform .25s; }.menu-button[aria-expanded="true"] span:first-child { transform: translateY(3px) rotate(45deg); }.menu-button[aria-expanded="true"] span:last-child { transform: translateY(-3px) rotate(-45deg); }.mobile-menu { display: flex; position: absolute; top: calc(100% + 9px); left: 0; right: 0; flex-direction: column; align-items: stretch; gap: 0; padding: 8px; border: 1px solid rgba(205,240,255,.2); border-radius: 16px; background: rgba(7,28,54,.93); box-shadow: var(--shadow); backdrop-filter: blur(20px); opacity: 0; pointer-events: none; transform: translateY(-8px); transition: .25s; }.mobile-menu.is-open { opacity: 1; pointer-events: auto; transform: translateY(0); }.mobile-menu a { padding: 12px; border-bottom: 1px solid rgba(198,236,255,.09); color: #c9e2f1; font-size: 13px; }.mobile-menu a:last-child { border: 0; color: var(--cyan); }.hero { min-height: auto; padding: 135px 0 66px; }.hero h1 { font-size: clamp(46px, 13vw, 68px); gap: 4px; margin-bottom: 25px; }.hero-text { font-size: 14px; line-height: 1.95; }.hero-orbit { height: 375px; width: 100%; }.glass-panel { width: 91%; left: 4%; min-height: 260px; padding: 19px 16px; }.review-row { grid-template-columns: 22px 1fr; }.review-row b { display: none; }.review-row p { font-size: 11px; }.panel-summary { margin-top: 12px; }.float-card-one { left: 0; bottom: 3%; }.float-card-two { right: 0; top: 3%; }.scroll-cue { display: none; }.intro-band, .services-section { padding: 75px 0; }.section-intro h2, .pain-copy h2 { font-size: 34px; }.value-stacks { display: flex; flex-direction: column; gap: 13px; margin-top: 37px; }.value-card, .card-two, .card-three { width: 100%; min-height: 326px; margin-top: 0; }.pain-section { padding: 72px 0; }.pain-visual { min-height: 348px; transform: scale(.88); margin: -17px auto; }.pain-copy h2 { margin-bottom: 21px; }.services-head { display: block; }.services-head h2 + p { display: block; max-width: 420px; margin: 18px 0 0; }.service-gallery { display: grid; grid-template-columns: 1fr; gap: 12px; margin-top: 35px; }.service-wide { grid-column: auto; }.service-card { min-height: 222px; }.service-card h3 { font-size: 20px; }.fit-section { padding: 73px 0; }.merchant-cloud { min-height: 335px; }.chip-restaurant { top: 32px; left: 17px; }.chip-fashion { top: 106px; right: 13px; }.chip-beauty { left: 25px; bottom: 62px; }.chip-retail { bottom: 25px; right: 13px; max-width: 192px; }.process-section { padding: 73px 0; }.process-intro { display: block; }.process-path { display: block; margin-top: 39px; }.process-step { display: grid; grid-template-columns: 58px 1fr; column-gap: 13px; padding: 0 0 23px; }.process-step:last-child { padding-bottom: 0; }.step-count { grid-row: span 3; }.step-line { top: 47px; left: 23px; height: calc(100% - 47px); width: 0; border-top: 0; border-left: 1px dashed rgba(178,226,255,.25); }.process-step h3 { margin: 4px 0 5px; }.process-step p { min-height: 0; margin: 0 0 8px; }.scope-section { padding-bottom: 75px; }.scope-card { padding: 25px 20px 20px; }.scope-top { align-items: start; gap: 12px; }.scope-content { display: block; margin-top: 20px; }.scope-content h2 { font-size: 34px; margin-bottom: 24px; }.scope-rule { margin-top: 32px; font-size: 8px; }.faq-section { padding: 73px 0; }.faq-aside h2 { font-size: 36px; }.faq-item summary { font-size: 14px; padding: 17px 0; }.faq-answer { padding-right: 4px; }.contact-section { width: 100%; padding: 70px 16px 22px; border-radius: 23px 23px 0 0; }.contact-inner h2 { font-size: 45px; }.contact-inner > p:not(.eyebrow) { font-size: 13px; }.disclaimer { margin-top: 61px; }.site-footer { width: calc(100% - 32px); min-height: 130px; flex-wrap: wrap; padding: 20px 0; }.site-footer > p { order: 3; width: 100%; }.ambient-one { width: 100vw; height: 100vw; top: -22vw; right: -44vw; }.ambient-two { width: 95vw; height: 95vw; left: -72vw; }
}

@media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; }.reveal { opacity: 1; transform: none; transition: none; }.pulse-dot, .ring-b { animation: none; }.button, .value-card, .service-card, .glass-panel { transition: none; } }