:root{--primary: #dc2626;--primary-dark: #b91c1c;--primary-light: rgba(220, 38, 38, .14);--primary-mid: rgba(220, 38, 38, .32);--accent: #991b1b;--accent-light: rgba(220, 38, 38, .08);--text-primary: #f4f4f5;--text-secondary: rgba(228, 228, 231, .66);--text-muted: rgba(220, 220, 220, .38);--bg-white: #09090b;--bg-light: #0f0f12;--bg-light2: #16161c;--border: rgba(255, 255, 255, .08);--border-light: #222228;--shadow-sm: 0 1px 4px rgba(0, 0, 0, .45);--shadow-md: 0 8px 32px rgba(0, 0, 0, .55);--shadow-lg: 0 20px 64px rgba(0, 0, 0, .65);--shadow-card: 0 4px 28px rgba(0, 0, 0, .45), 0 0 0 1px rgba(255, 255, 255, .04);--shadow-elevated: 0 32px 90px rgba(0, 0, 0, .55);--radius: 22px;--radius-sm: 14px;--radius-xs: 9px;--transition: .28s cubic-bezier(.22, 1, .36, 1);--ease-cinematic: cubic-bezier(.16, 1, .3, 1);--container-max: min(1224px, 94vw);--section-y: clamp(88px, 12vw, 132px)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;scroll-padding-top:100px;font-size:16px}body{font-family:Inter,Noto Sans TC,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:var(--text-primary);background-color:var(--bg-white);background-image:linear-gradient(105deg,transparent 0%,rgba(220,38,38,.035) 38%,transparent 62%),radial-gradient(ellipse 100% 70% at 50% -25%,rgba(220,38,38,.08),transparent 52%),radial-gradient(ellipse 80% 50% at 100% 0%,rgba(127,29,29,.07),transparent 45%),radial-gradient(ellipse 70% 45% at 0% 100%,rgba(220,38,38,.05),transparent 40%),radial-gradient(ellipse 55% 40% at 80% 88%,rgba(39,39,42,.45),transparent 55%);line-height:1.72;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;opacity:.055;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}body:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;background-image:linear-gradient(rgba(255,255,255,.028) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.028) 1px,transparent 1px);background-size:72px 72px;mask-image:radial-gradient(ellipse 85% 70% at 50% 35%,rgba(0,0,0,.22),transparent 72%);-webkit-mask-image:radial-gradient(ellipse 85% 70% at 50% 35%,rgba(0,0,0,.22),transparent 72%)}#root{position:relative;z-index:1;isolation:isolate}::selection{background:#dc262652;color:var(--text-primary)}.skip-link{position:fixed;top:0;left:0;z-index:10001;padding:12px 20px;font-size:.875rem;font-weight:700;color:#fff;background:var(--primary);border-radius:0 0 var(--radius-sm) 0;box-shadow:var(--shadow-md);transform:translateY(-120%);transition:transform .22s ease}.skip-link:focus{transform:translateY(0);outline:2px solid #fff;outline-offset:2px}#main-content:focus{outline:none}ul{list-style:none}a{text-decoration:none;color:inherit}button{cursor:pointer;border:none;background:none;font-family:inherit}img{max-width:100%;height:auto}.container{max-width:var(--container-max);margin:0 auto;padding:0 clamp(20px,4vw,36px)}.section{padding:var(--section-y) 0}.section__header{text-align:center;margin-bottom:clamp(48px,7vw,80px);max-width:800px;margin-left:auto;margin-right:auto}.section__label{display:inline-block;font-size:.6875rem;font-weight:800;color:var(--primary);text-transform:uppercase;letter-spacing:.16em;margin-bottom:18px;padding:6px 16px;background:var(--primary-light);border-radius:100px;border:1px solid var(--primary-mid);box-shadow:0 0 24px #dc262633}.section__title{font-size:clamp(1.875rem,2.2vw + 1.1rem,2.875rem);font-weight:800;color:var(--text-primary);line-height:1.1;letter-spacing:-.038em;margin-bottom:18px;text-wrap:balance}.section__subtitle{font-size:clamp(1.03125rem,.6vw + .95rem,1.1875rem);color:var(--text-secondary);max-width:38rem;margin:0 auto;line-height:1.82;text-wrap:pretty}.btn{display:inline-flex;align-items:center;gap:8px;padding:11px 22px;border-radius:var(--radius-xs);font-size:.9375rem;font-weight:600;transition:all var(--transition);white-space:nowrap;cursor:pointer;border:2px solid transparent;letter-spacing:-.01em}.btn--primary{background:linear-gradient(135deg,#e02727,#b91c1c);color:#fff;border-color:var(--primary);box-shadow:0 2px 12px #dc262640}.btn--primary:hover{background:linear-gradient(135deg,#ef4444,#dc2626);border-color:var(--primary-dark);transform:translateY(-2px);box-shadow:0 8px 24px #dc26266b}.btn--outline{background:transparent;color:#f0f0f0cc;border-color:#3a3a3a}.btn--outline:hover{border-color:var(--primary);background:var(--primary-light);color:#fff;transform:translateY(-2px)}.btn--white{background:#fff;color:var(--primary);border-color:#fff}.btn--white:hover{background:var(--primary-light);transform:translateY(-2px);box-shadow:0 4px 16px #fff3}.btn--outline-white{background:transparent;color:#ffffffd9;border-color:#ffffff40}.btn--outline-white:hover{background:#ffffff14;border-color:#ffffff80;color:#fff}.btn--lg{padding:14px 28px;font-size:1rem;border-radius:10px}.btn__arrow{transition:transform var(--transition);flex-shrink:0}.btn:hover .btn__arrow{transform:translate(4px)}.btn:focus-visible{outline:2px solid rgba(255,255,255,.95);outline-offset:3px}.btn--primary:focus-visible{outline-color:#fecaca}a:focus-visible,.header__nav-link:focus-visible,.header__hamburger:focus-visible{outline:2px solid var(--primary);outline-offset:3px}.header{position:fixed;top:0;left:0;right:0;z-index:1000;width:auto;transform:none;border-radius:0;background:#09090bc7;backdrop-filter:blur(28px) saturate(1.35);-webkit-backdrop-filter:blur(28px) saturate(1.35);border-bottom:1px solid rgba(255,255,255,.06);box-shadow:0 1px #ffffff0a;transition:transform .5s var(--ease-cinematic),width .5s var(--ease-cinematic),border-radius .5s var(--ease-cinematic),background .4s ease,box-shadow .4s ease,border-color .35s ease,top .45s var(--ease-cinematic)}.header:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent 0%,rgba(220,38,38,.15) 20%,rgba(248,113,113,.55) 50%,rgba(220,38,38,.15) 80%,transparent 100%);opacity:.9;pointer-events:none}.header--scrolled{top:12px;left:50%;right:auto;transform:translate(-50%);width:min(1180px,calc(100vw - 28px));border-radius:999px;border:1px solid rgba(255,255,255,.1);border-bottom:1px solid rgba(255,255,255,.1);background:#0e0e12e0;box-shadow:0 12px 48px #0000008c,0 0 0 1px #dc26261a,inset 0 1px #ffffff0f}.header__inner{display:flex;align-items:center;justify-content:space-between;gap:clamp(12px,2vw,24px);height:112px;transition:height .45s var(--ease-cinematic)}.header--scrolled .header__inner{height:76px}.header__logo{display:flex;flex-direction:column;cursor:pointer;flex-shrink:0;gap:1px;text-decoration:none;transition:transform .35s var(--ease-cinematic)}.header__logo:hover{text-decoration:none;transform:scale(1.02)}.header__logo-img{height:88px;width:auto;display:block;object-fit:contain;transition:height .45s var(--ease-cinematic)}.header--scrolled .header__logo-img{height:52px}.header__logo-name{font-size:1.1875rem;font-weight:800;color:var(--text-primary);letter-spacing:-.03em;line-height:1}.header__logo-tagline{font-size:.6875rem;color:var(--text-muted);font-weight:400;letter-spacing:.01em;line-height:1}.header__nav-shell{position:relative;flex:1;display:flex;justify-content:center;align-items:center;min-width:0}.header__nav-shell-glow{display:none}@media (min-width: 769px){.header__nav-shell-glow{display:block;position:absolute;width:min(420px,55vw);height:72px;border-radius:50%;background:radial-gradient(ellipse at center,rgba(220,38,38,.16) 0%,rgba(220,38,38,.04) 45%,transparent 70%);filter:blur(18px);pointer-events:none;opacity:.85;z-index:0}.header__nav{position:relative;z-index:1;display:inline-flex;align-items:center;margin-left:0;padding:5px 6px;gap:3px;border-radius:999px;background:linear-gradient(160deg,#ffffff12,#ffffff05 40%,#00000026);border:1px solid rgba(255,255,255,.1);box-shadow:inset 0 1px #ffffff1a,0 10px 40px #00000059}.header__nav-link{position:relative;font-size:.8125rem;font-weight:600;letter-spacing:.06em;color:#f4f4f58c;padding:10px 18px;border-radius:999px;text-decoration:none;border:none;background:none;cursor:pointer;font-family:inherit;display:inline-block;transition:color .3s ease,background .3s ease,box-shadow .35s ease}.header__nav-link:after{content:"";position:absolute;left:50%;bottom:7px;width:22px;height:2px;margin-left:-11px;border-radius:2px;background:linear-gradient(90deg,transparent,#f87171,#dc2626,transparent);transform:scaleX(0);opacity:0;transition:transform .4s var(--ease-cinematic),opacity .3s ease}.header__nav-link:hover{color:#fafafa;background:#ffffff0f}.header__nav-link:hover:after{transform:scaleX(1);opacity:1}.header__nav-link--active{color:#fecaca;background:#dc262629;box-shadow:inset 0 0 0 1px #dc262659}.header__nav-link--active:after{transform:scaleX(1);opacity:1}}@media (min-width: 769px) and (max-width: 1024px){.header__nav-link{padding:9px 12px;font-size:.75rem;letter-spacing:.04em}}@media (max-width: 768px){.header__nav-shell{display:contents}.header__nav-shell-glow{display:none!important}.header__nav{margin-left:0;padding:0;border:none;border-radius:0;background:transparent;box-shadow:none}.header__nav-link{font-size:.875rem;font-weight:500;letter-spacing:-.01em;padding:7px 12px;border-radius:var(--radius-xs)}.header__nav-link:after{display:none}.header__nav-link:hover{background:var(--bg-light);color:var(--text-primary)}.header__nav-link--active{color:var(--primary);background:var(--primary-light);box-shadow:none}}.header__cta-desktop{margin-left:0;flex-shrink:0;font-size:.8125rem;padding:10px 22px;border-radius:999px}.header__cta-pill{position:relative;overflow:hidden;box-shadow:0 0 28px #dc262652,0 4px 16px #00000059}.header__cta-pill:after{content:"";position:absolute;top:0;right:0;bottom:0;left:-60%;background:linear-gradient(100deg,transparent 0%,rgba(255,255,255,.18) 45%,transparent 75%);transform:skew(-18deg) translate(0);opacity:0;transition:opacity .3s ease;pointer-events:none}.header__cta-pill:hover:after{opacity:1;animation:header-cta-sweep .85s var(--ease-cinematic) forwards}@keyframes header-cta-sweep{0%{transform:skew(-18deg) translate(-20%)}to{transform:skew(-18deg) translate(220%)}}.header__hamburger{display:none;flex-direction:column;justify-content:center;gap:5px;padding:11px;margin-left:0;flex-shrink:0;border-radius:14px;border:1px solid rgba(255,255,255,.1);background:#ffffff0a;transition:background .3s ease,border-color .3s ease,box-shadow .3s ease}.header__hamburger:hover{background:#dc26261f;border-color:#dc262659;box-shadow:0 0 20px #dc262633}.header__hamburger span{display:block;width:22px;height:2px;background:linear-gradient(90deg,#e5e5e5,#fafafa);border-radius:2px;transition:all .3s ease;transform-origin:center}.header__hamburger--open span:nth-child(1){transform:translateY(7px) rotate(45deg)}.header__hamburger--open span:nth-child(2){opacity:0;transform:scaleX(0)}.header__hamburger--open span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}.header__backdrop{display:none}@media (max-width: 768px){.header__backdrop{display:block;position:fixed;right:0;bottom:0;left:0;top:72px;z-index:998;margin:0;padding:0;border:none;background:#00000085;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);cursor:pointer;opacity:0;pointer-events:none;transition:opacity .25s ease}.header__backdrop--visible{opacity:1;pointer-events:auto}}.back-to-top{position:fixed;right:max(16px,env(safe-area-inset-right,0px));bottom:calc(24px + env(safe-area-inset-bottom,0px));z-index:997;width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.35rem;color:#fff;background:linear-gradient(145deg,#e02727,#b91c1c);border:1px solid rgba(255,255,255,.14);box-shadow:0 6px 22px #dc262661;transition:transform .25s ease,box-shadow .25s ease;animation:anim-backtop-in .45s cubic-bezier(.22,1,.36,1) both}.back-to-top:hover{transform:translateY(-3px);box-shadow:0 10px 28px #dc26267a}.back-to-top:focus-visible{outline:2px solid #fecaca;outline-offset:3px}.mobile-sticky-cta{display:none}@media (max-width: 768px){.mobile-sticky-cta{display:flex;align-items:center;justify-content:center;gap:10px;position:fixed;left:0;right:0;bottom:0;z-index:960;padding:10px 14px calc(10px + env(safe-area-inset-bottom,0px));background:linear-gradient(180deg,#09090b1f,#09090be6 42%,#09090bf5);border-top:1px solid rgba(255,255,255,.08);box-shadow:0 -12px 40px #00000073}.mobile-sticky-cta__btn{flex:1;min-height:46px;max-width:220px;justify-content:center;font-weight:700;font-size:.9375rem}.mobile-sticky-cta__btn--ghost{flex:0 1 auto;max-width:100px;min-width:0;border-color:#fff3;color:#fafafaeb;background:#ffffff0d}}@media (max-width: 768px){body.mobile-sticky-pad{padding-bottom:calc(64px + env(safe-area-inset-bottom,0px))}body.mobile-sticky-pad .back-to-top{bottom:calc(88px + env(safe-area-inset-bottom,0px))}}.header__cta-mobile{display:none}.hero{padding:clamp(120px,18vh,168px) 0 clamp(72px,12vh,112px);background-color:#0c0c10;background-image:radial-gradient(rgba(255,255,255,.014) 1px,transparent 1px),radial-gradient(ellipse 120% 80% at 50% 0%,rgba(220,38,38,.055) 0%,transparent 56%),radial-gradient(ellipse 120% 85% at 50% 100%,rgba(0,0,0,.15) 0%,transparent 50%),linear-gradient(195deg,#09090b52,#09090b1f 42%,#09090b5c),radial-gradient(ellipse 95% 70% at 70% 20%,rgba(22,22,28,.1),transparent 55%),url(/HERO.webp);background-size:28px 28px,100% 100%,100% 100%,100% 100%,100% 100%,cover;background-position:0 0,center,center,center,center,center 18%;background-repeat:repeat,no-repeat,no-repeat,no-repeat,no-repeat,no-repeat;box-shadow:inset 0 0 88px #00000024,inset 0 -64px 72px -32px #0000001a;position:relative;overflow:hidden}.process{background-color:#0c0c10;background-image:radial-gradient(rgba(255,255,255,.014) 1px,transparent 1px),radial-gradient(ellipse 120% 80% at 50% 0%,rgba(220,38,38,.055) 0%,transparent 56%),radial-gradient(ellipse 120% 85% at 50% 100%,rgba(0,0,0,.15) 0%,transparent 50%),linear-gradient(195deg,#09090b52,#09090b1f 42%,#09090b5c),radial-gradient(ellipse 95% 70% at 70% 20%,rgba(22,22,28,.1),transparent 55%),url(/%E5%8D%80%E5%A1%8A3.webp);background-size:28px 28px,100% 100%,100% 100%,100% 100%,100% 100%,cover;background-position:0 0,center,center,center,center,center 28%;background-repeat:repeat,no-repeat,no-repeat,no-repeat,no-repeat,no-repeat;box-shadow:inset 0 0 88px #00000024,inset 0 -64px 72px -32px #0000001a;position:relative;overflow:hidden}.cta{background-color:#0c0c10;background-image:radial-gradient(rgba(255,255,255,.014) 1px,transparent 1px),radial-gradient(ellipse 120% 80% at 50% 0%,rgba(220,38,38,.055) 0%,transparent 56%),radial-gradient(ellipse 120% 85% at 50% 100%,rgba(0,0,0,.15) 0%,transparent 50%),linear-gradient(195deg,#09090b52,#09090b1f 42%,#09090b5c),radial-gradient(ellipse 95% 70% at 70% 20%,rgba(22,22,28,.1),transparent 55%),url(/CTA.webp);background-size:28px 28px,100% 100%,100% 100%,100% 100%,100% 100%,cover;background-position:0 0,center,center,center,center,center 18%;background-repeat:repeat,no-repeat,no-repeat,no-repeat,no-repeat,no-repeat;box-shadow:inset 0 0 88px #00000024,inset 0 -64px 72px -32px #0000001a;position:relative;overflow:hidden}.hero:after,.process:after,.cta:after{content:"";position:absolute;top:0;right:0;width:55%;height:100%;z-index:0;opacity:.28;background:radial-gradient(ellipse at top right,rgba(220,38,38,.055) 0%,transparent 58%);pointer-events:none}.process>.container{position:relative;z-index:1}.process .section__label,.process .section__title,.process .section__subtitle{text-shadow:0 2px 32px rgba(0,0,0,.68)}.hero__inner{display:flex;align-items:center;gap:clamp(48px,6vw,96px)}.hero__content{flex:1;min-width:0;padding:clamp(18px,2.2vw,26px) clamp(18px,2.4vw,28px) clamp(20px,2.8vw,30px);border-radius:clamp(16px,2vw,22px);background:#00000061;border:1px solid rgba(255,255,255,.1);box-shadow:0 28px 56px #0000006b,inset 0 1px #ffffff12;backdrop-filter:blur(14px) saturate(1.15);-webkit-backdrop-filter:blur(14px) saturate(1.15)}.hero__badge{display:inline-flex;align-items:center;gap:7px;background:#dc262647;color:#fff;font-size:.8125rem;font-weight:600;padding:8px 17px;border-radius:100px;margin-bottom:clamp(22px,4vw,32px);border:1px solid rgba(252,165,165,.45);letter-spacing:.04em;box-shadow:0 4px 20px #00000059,0 0 36px #dc262638}.hero__badge-icon{font-size:.8125rem}.hero__title{font-size:clamp(2rem,3.2vw + 1.25rem,3.5rem);font-weight:800;line-height:1.08;letter-spacing:-.042em;margin-bottom:clamp(18px,3vw,26px);color:#fafafa;text-wrap:balance;text-shadow:0 1px 0 rgba(0,0,0,.45),0 2px 12px rgba(0,0,0,.55),0 16px 48px rgba(0,0,0,.4)}.hero__title-highlight{color:#fecaca;text-shadow:0 1px 0 rgba(0,0,0,.4),0 0 48px rgba(220,38,38,.55),0 4px 28px rgba(0,0,0,.45)}.hero__subtitle{font-size:clamp(1.03125rem,.45vw + .98rem,1.1875rem);color:#fcfcfce6;line-height:1.82;margin-bottom:clamp(28px,4vw,40px);max-width:36rem;text-wrap:pretty;text-shadow:0 1px 6px rgba(0,0,0,.62)}.hero__features{display:flex;flex-direction:column;gap:10px;margin-bottom:44px}.hero__features-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px 24px}.hero__feature-item{display:flex;align-items:center;gap:9px;font-size:.9375rem;font-weight:500;color:#fffffff0;padding:10px 12px;border-radius:12px;background:#00000052;border:1px solid rgba(255,255,255,.1);box-shadow:0 2px 12px #00000038}.hero__feature-icon{color:var(--primary);flex-shrink:0;font-size:1rem}.hero__actions{display:flex;gap:12px;flex-wrap:wrap}.hero .btn--outline{background:#00000047;color:#ffffffeb;border-color:#ffffff61;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.hero .btn--outline:hover{background:#ffffff1a;border-color:#ffffff8c;color:#fff;transform:translateY(-2px);box-shadow:0 8px 24px #00000040}.hero__visual{flex-shrink:0;width:min(448px,100%);padding:clamp(16px,2.2vw,24px);border-radius:clamp(20px,2.4vw,28px);background:linear-gradient(168deg,#f4f4f7,#e6e7ef 45%,#d9dbe6);border:1px solid rgba(255,255,255,.9);box-shadow:0 32px 72px #0006,inset 0 1px #fffffff2}.hero__visual .hero-showcase__grid{background-image:linear-gradient(rgba(0,0,0,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(0,0,0,.055) 1px,transparent 1px);opacity:.5}.hero__visual .hero-showcase__rim{box-shadow:inset 0 1px #ffffff8c,inset 0 -1px #0000001a,0 0 0 1px #0000000f,0 22px 52px #0000002e}.hero__visual .hero-showcase__glow{opacity:.75}.hero-showcase{position:relative;width:100%;max-width:420px;margin:0 auto;padding:26px 18px 30px;border-radius:22px;isolation:isolate;overflow:visible}.hero-showcase__glow{position:absolute;top:-12%;right:-12%;bottom:-12%;left:-12%;border-radius:28px;background:radial-gradient(ellipse 75% 55% at 50% 18%,rgba(220,38,38,.32),transparent 58%),radial-gradient(ellipse 50% 45% at 85% 75%,rgba(153,27,27,.18),transparent 50%),radial-gradient(ellipse 40% 35% at 10% 70%,rgba(220,38,38,.1),transparent 55%);filter:blur(.5px);pointer-events:none;z-index:0}.hero-showcase__grid{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:22px;background-image:linear-gradient(rgba(255,255,255,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px);background-size:18px 18px;opacity:.45;-webkit-mask-image:radial-gradient(ellipse 92% 85% at 50% 42%,rgba(0,0,0,.9) 0%,transparent 72%);mask-image:radial-gradient(ellipse 92% 85% at 50% 42%,rgba(0,0,0,.9) 0%,transparent 72%);pointer-events:none;z-index:1}.hero-showcase__particles{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:22px;background-image:radial-gradient(1.5px 1.5px at 14% 22%,rgba(255,255,255,.14),transparent),radial-gradient(1px 1px at 72% 18%,rgba(255,255,255,.1),transparent),radial-gradient(1px 1px at 88% 48%,rgba(252,165,165,.2),transparent),radial-gradient(1.5px 1.5px at 22% 78%,rgba(255,255,255,.08),transparent),radial-gradient(1px 1px at 56% 82%,rgba(255,255,255,.12),transparent),radial-gradient(1px 1px at 40% 38%,rgba(220,38,38,.25),transparent),radial-gradient(1.5px 1.5px at 92% 88%,rgba(255,255,255,.06),transparent);pointer-events:none;z-index:2}.hero-showcase__rim{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:22px;box-shadow:inset 0 1px #ffffff1a,inset 0 -1px #00000059,0 0 0 1px #ffffff0f,0 24px 56px #0000008c;pointer-events:none;z-index:4}.hero-showcase__scene{position:relative;z-index:3;display:flex;flex-direction:column;align-items:center;gap:0}.hero-showcase__focus{position:relative;width:100%;max-width:360px;transform:translateZ(0)}.hero-showcase__label{display:inline-block;font-size:.6875rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:#fca5a5f2;margin-bottom:14px;padding:5px 12px;border-radius:100px;border:1px solid rgba(220,38,38,.35);background:#dc26261f}.hero-laptop{position:relative;width:100%;max-width:360px;perspective:980px}.hero-laptop__lid{position:relative;transform:rotateX(4deg);transform-origin:50% 100%;border-radius:14px 14px 10px 10px;padding:10px 10px 12px;background:linear-gradient(165deg,#373737a6,#161616eb);border:1px solid rgba(255,255,255,.12);box-shadow:0 0 0 1px #00000080,0 22px 52px #00000085,0 0 44px -10px #dc262624,inset 0 1px #ffffff24;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}.hero-laptop__bezel{position:relative;border-radius:10px;padding:7px 7px 9px;background:linear-gradient(180deg,#0a0a0a,#121212);border:1px solid rgba(255,255,255,.06);box-shadow:inset 0 0 0 1px #0009}.hero-laptop__cam{position:absolute;top:5px;left:50%;transform:translate(-50%);width:5px;height:5px;border-radius:50%;background:radial-gradient(circle at 30% 30%,#3f3f46,#18181b);box-shadow:0 0 0 1px #ffffff14}.hero-laptop__hinge{height:5px;margin:0 18%;border-radius:0 0 6px 6px;background:linear-gradient(90deg,transparent,#2a2a2a 20%,#3a3a3a 50%,#2a2a2a 80%,transparent);box-shadow:inset 0 1px #ffffff0f}.hero-laptop__base{height:10px;margin:0 4%;border-radius:0 0 18px 18px;background:linear-gradient(180deg,#1f1f1f,#141414 40%,#0d0d0d);border:1px solid rgba(255,255,255,.06);border-top:none;box-shadow:0 14px 28px #00000080,inset 0 1px #ffffff0d}.hero-mock{margin-top:10px;border-radius:8px;overflow:hidden;background:#0f0f0f;border:1px solid rgba(255,255,255,.06)}.hero-mock__nav{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 10px;background:linear-gradient(180deg,#161616,#111);border-bottom:1px solid rgba(255,255,255,.05)}.hero-mock__brand{width:52px;height:14px;border-radius:4px;background:linear-gradient(90deg,#dc2626,#991b1b);box-shadow:0 0 16px #dc262659}.hero-mock__links{display:flex;align-items:center;gap:6px}.hero-mock__link{height:5px;border-radius:3px;background:#ffffff1f}.hero-mock__hero{padding:14px 12px 16px;background:radial-gradient(ellipse 120% 90% at 50% 0%,rgba(220,38,38,.22) 0%,transparent 55%),linear-gradient(180deg,#141414,#0d0d0d)}.hero-mock__eyebrow{display:block;font-size:.5625rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#fca5a5d9;margin-bottom:8px}.hero-mock__title-line{display:block;height:8px;border-radius:4px;background:#ffffffe0;margin-bottom:6px;max-width:100%}.hero-mock__title-line--short{width:58%;opacity:.45;height:6px}.hero-mock__actions{display:flex;gap:6px;margin-top:12px}.hero-mock__pill{height:18px;width:52px;border-radius:5px;background:#ffffff14;border:1px solid rgba(255,255,255,.1)}.hero-mock__pill--primary{width:64px;background:linear-gradient(135deg,#e02727,#b91c1c);border-color:#dc262680;box-shadow:0 4px 14px #dc262659}.hero-mock__body{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:10px;background:#0c0c0c;border-top:1px solid rgba(255,255,255,.04)}.hero-mock__col{height:36px;border-radius:6px;background:linear-gradient(135deg,#1a1a1a,#121212);border:1px solid rgba(255,255,255,.05)}.hero-mock__col--accent{background:linear-gradient(135deg,#dc262626,#161616);border-color:#dc262633}.hero-float-card{position:absolute;display:flex;align-items:center;gap:8px;padding:9px 12px;border-radius:11px;font-size:.6875rem;font-weight:600;color:#ffffffeb;background:#161616eb;border:1px solid rgba(255,255,255,.1);box-shadow:0 12px 28px #00000073,inset 0 1px #ffffff14;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);white-space:nowrap;z-index:5;backface-visibility:hidden}.hero-float-card__icon{font-size:.875rem;color:#f87171;flex-shrink:0}.hero-float-card__text{letter-spacing:.01em}.hero-float-card--1{top:6%;right:-8px}.hero-float-card--2{top:38%;left:-12px}.hero-float-card--3{bottom:22%;right:-10px}.hero-showcase__metrics{width:100%;max-width:340px;margin-top:28px;padding:14px 14px 12px;border-radius:14px;background:#0c0c0cbf;border:1px solid rgba(255,255,255,.07);display:flex;flex-direction:column;gap:11px;box-shadow:inset 0 1px #ffffff0d}.hero-metric__row{display:flex;align-items:center;justify-content:space-between;margin-bottom:4px}.hero-metric__label{font-size:.6875rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#ffffff73}.hero-metric__val{font-size:.75rem;font-weight:800;color:#fff;letter-spacing:-.02em}.hero-metric__track{height:4px;border-radius:100px;background:#ffffff0f;overflow:hidden}.hero-metric__fill{height:100%;border-radius:100px;box-shadow:0 0 12px #dc262659}.services{background-color:transparent;background-image:none;box-shadow:inset 0 1px #ffffff0b}.services .container{max-width:min(1280px,96vw)}.services__grid{display:grid;grid-template-columns:repeat(2,1fr);align-items:start;gap:clamp(24px,3vw,40px) clamp(28px,3.5vw,44px)}.services__grid .service-card:nth-child(3){grid-column:1 / -1;justify-self:stretch;width:100%;max-width:100%}.service-card{display:flex;flex-direction:column;background:linear-gradient(165deg,#1a1a1f,#121216 55%,#101014);border:1px solid rgba(255,255,255,.07);border-radius:var(--radius);padding:clamp(24px,3vw,32px) clamp(22px,2.5vw,30px) clamp(26px,3vw,34px);transition:transform var(--transition),box-shadow var(--transition),border-color .35s var(--ease-cinematic);position:relative;overflow:hidden;height:fit-content;container-type:inline-size;container-name:service-card;box-shadow:var(--shadow-card)}.service-card:after{content:"";position:absolute;bottom:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--card-color, var(--primary)),transparent);opacity:0;transition:opacity var(--transition)}.service-card:hover{transform:translateY(-8px);border-color:#dc262638;box-shadow:var(--shadow-elevated),0 0 0 1px #dc26261f}.service-card:hover:after{opacity:1}.service-card:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--card-color, var(--primary)),transparent);opacity:0;transition:opacity var(--transition)}.service-card:hover:before{opacity:.55}.service-card__icon-wrap{display:inline-flex;align-items:center;justify-content:center;width:52px;height:52px;border-radius:var(--radius-sm);font-size:1.375rem;margin-bottom:16px;flex-shrink:0}.service-card__title{font-size:1.25rem;font-weight:700;color:var(--text-primary);margin-bottom:16px;letter-spacing:-.02em;flex-shrink:0}.service-card__media:not(.service-card__media--empty){position:relative;width:100%;aspect-ratio:16 / 9;max-height:min(72vh,560px);margin-bottom:22px;border-radius:14px;overflow:hidden;background:radial-gradient(ellipse 80% 60% at 50% 20%,#2a2a2af2,#101010 78%);border:1px solid rgba(255,255,255,.08);box-shadow:inset 0 1px #ffffff0d}@supports (width: 1cqw){.service-card__media:not(.service-card__media--empty){aspect-ratio:auto;height:min(56.25cqw,min(72vh,560px))}}.service-card__media:not(.service-card__media--empty) img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center;display:block}.service-card__media--empty{display:flex;align-items:center;justify-content:center;aspect-ratio:16 / 9;min-height:200px;margin-bottom:22px;border-radius:14px;overflow:hidden;background:linear-gradient(145deg,#1f1f1f,#121212 55%,#161616);border:1px solid rgba(255,255,255,.08)}.service-card__media--empty:after{content:"建議 1200 × 675";font-size:.6875rem;font-weight:700;letter-spacing:.08em;color:#ffffff38;text-transform:uppercase}.service-card__desc{font-size:.9375rem;color:var(--text-secondary);line-height:1.75;margin-bottom:22px;flex-shrink:0}.service-card__points{display:flex;flex-direction:column;gap:11px;margin-top:auto}.service-card__points li{display:flex;align-items:center;gap:10px;font-size:1.0625rem;font-weight:500;color:var(--text-primary);line-height:1.45}.service-card__points svg{flex-shrink:0;font-size:1.125rem}.process__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:clamp(16px,2vw,28px);position:relative}.process__connector{position:absolute;top:clamp(108px,11vw,132px);left:calc(12.5% + 16px);right:calc(12.5% + 16px);height:1px;background:var(--border);z-index:0;pointer-events:none}.process-step{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;background:linear-gradient(165deg,#1c1c22,#121216);padding:28px 22px;border:1px solid rgba(255,255,255,.07);border-radius:var(--radius);text-align:center;transition:transform var(--transition),box-shadow var(--transition),border-color var(--transition);overflow:hidden;box-shadow:var(--shadow-card)}.process-step:not(.process-step--cover){justify-content:center}.process-step:hover{transform:translateY(-5px);box-shadow:var(--shadow-md);border-color:var(--primary-mid)}.process-step--cover{padding:0;min-height:clamp(260px,34vw,380px);border-color:#333}.process-step__bg{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0}.process-step__bg img{width:100%;height:100%;object-fit:cover;object-position:center;display:block}.process-step__scrim{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none;background:linear-gradient(to top,#000000f0,#0000008c 42%,#0000001f)}.process-step__body{display:contents}.process-step__body--cover{display:flex;flex-direction:column;flex:1;justify-content:flex-end;align-items:center;align-self:stretch;width:100%;padding:52px 20px 22px;text-align:center;position:relative;z-index:2}.process-step--cover .process-step__num{position:absolute;top:14px;left:50%;transform:translate(-50%);z-index:3;margin-bottom:0}.process-step--cover .process-step__title,.process-step--cover .process-step__desc{text-shadow:0 2px 14px rgba(0,0,0,.9)}.process-step--cover .process-step__desc{color:#ebebebe0}.process-step__num{display:inline-block;font-size:.6875rem;font-weight:800;color:var(--primary);background:var(--primary-light);padding:4px 10px;border-radius:100px;letter-spacing:.06em;margin-bottom:12px;border:1px solid var(--primary-mid)}.process-step:not(.process-step--cover) .process-step__visual{width:100%;aspect-ratio:16 / 9;max-height:min(38vh,260px);margin-bottom:14px;border-radius:var(--radius-sm);overflow:hidden;background:linear-gradient(165deg,#1c1c1c,#121212 55%,#101010);border:1px solid rgba(255,255,255,.07);display:flex;align-items:center;justify-content:center}.process-step:not(.process-step--cover) .process-step__visual .process-step__icon{display:flex;align-items:center;justify-content:center;font-size:1.875rem;color:var(--text-muted);margin-bottom:0;transition:color var(--transition),transform var(--transition)}.process-step:not(.process-step--cover):hover .process-step__visual .process-step__icon{color:var(--primary);transform:scale(1.08)}.process-step__title{font-size:1.0625rem;font-weight:700;color:var(--text-primary);margin-bottom:10px;letter-spacing:-.01em}.process-step__desc{font-size:.875rem;color:var(--text-secondary);line-height:1.65}.portfolio{background-color:transparent;background-image:none;box-shadow:inset 0 1px #ffffff0b}.portfolio .container{max-width:min(1280px,96vw)}.portfolio__grid{display:grid;grid-template-columns:repeat(2,1fr);gap:clamp(22px,2.8vw,40px)}.portfolio .browser-mock__content{min-height:clamp(300px,46vw,460px)}.portfolio-card{background:#181818;border:1px solid #2a2a2a;border-radius:var(--radius);overflow:hidden;transition:transform var(--transition),box-shadow var(--transition)}.portfolio-card:hover{transform:translateY(-6px);box-shadow:var(--shadow-lg)}.portfolio-card__body{padding:22px 22px 26px}.portfolio-card__icon{font-size:1.3125rem;margin-bottom:10px}.portfolio-card__title{font-size:1.0625rem;font-weight:700;color:var(--text-primary);margin-bottom:8px;letter-spacing:-.01em}.portfolio-card__desc{font-size:.9375rem;color:var(--text-secondary);line-height:1.65;margin-bottom:14px}.portfolio-card__tags{display:flex;flex-wrap:wrap;gap:6px}.portfolio-card__tag{font-size:.75rem;font-weight:600;padding:4px 10px;border-radius:100px;border:1px solid;letter-spacing:.01em}.browser-mock{background:#1e1e1e;border-bottom:1px solid #333}.browser-mock__content{min-height:clamp(240px,36vw,360px);height:auto;overflow:hidden;display:flex;flex-direction:column}.browser-mock__topbar{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;border-bottom:1px solid #e9eef4;flex-shrink:0}.browser-mock__logo-block{height:8px;border-radius:4px}.browser-mock__nav-items{display:flex;gap:6px}.browser-mock__nav-item{width:20px;height:6px;background:#3a3a3a;border-radius:3px}.browser-mock__hero-block{padding:14px 16px;display:flex;flex-direction:column;gap:8px;flex:1;min-height:0}.browser-mock__hero-block--cover{padding:0;gap:0}.browser-mock__hero-wire{display:flex;flex-direction:column;gap:8px;flex:1;min-height:0}.browser-mock__hero-img{flex:1;width:100%;min-height:0;object-fit:cover;object-position:center}.browser-mock__title-line{height:12px;border-radius:4px}.browser-mock__sub-line{height:8px;width:55%;background:#3a3a3a;border-radius:3px}.browser-mock__btn-block{height:18px;width:28%;border-radius:4px;margin-top:6px}.browser-mock__sections{display:flex;gap:8px;padding:12px 16px;background:#1a1a1a;flex-shrink:0}.browser-mock__section-block{flex:1;min-height:56px;height:auto;border-radius:6px}.why{background-color:#111;background-image:radial-gradient(ellipse 70% 50% at 100% 20%,rgba(220,38,38,.08),transparent 55%),radial-gradient(ellipse 60% 45% at 0% 80%,rgba(39,39,42,.4),transparent 50%);box-shadow:inset 0 1px #ffffff0f}.why__inner{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:flex-start}.why__left{padding-top:4px}.why__left .section__title{text-align:left;margin-bottom:16px}.why__desc{font-size:1.0625rem;color:var(--text-secondary);line-height:1.85;margin:16px 0 36px}.why__right{padding-top:8px}.why__list{display:flex;flex-direction:column}.why__item{display:flex;align-items:flex-start;gap:14px;padding:18px 0;border-bottom:1px solid var(--border-light);font-size:1rem;font-weight:500;color:var(--text-primary);transition:padding-left var(--transition)}.why__item:first-child{border-top:1px solid var(--border-light)}.why__item:hover{padding-left:6px}.why__item-icon{color:var(--primary);flex-shrink:0;font-size:1.0625rem;margin-top:3px}.cta{padding:clamp(88px,14vw,128px) 0}.cta:before{content:"";position:absolute;bottom:-45%;left:-12%;width:55%;height:130%;z-index:0;pointer-events:none;background:radial-gradient(ellipse at center,rgba(220,38,38,.05) 0%,rgba(153,27,27,.02) 42%,transparent 68%)}.cta__inner{position:relative;z-index:1;text-align:center;max-width:min(720px,100%);margin:0 auto;padding:clamp(36px,5vw,52px) clamp(22px,4vw,40px);border-radius:var(--radius);background:#0a0a0cdb;border:1px solid rgba(255,255,255,.12);box-shadow:var(--shadow-card),0 24px 64px #0006;backdrop-filter:blur(22px) saturate(1.2);-webkit-backdrop-filter:blur(22px) saturate(1.2)}.cta__eyebrow{display:inline-block;font-size:.75rem;font-weight:700;color:#ffffff80;text-transform:uppercase;letter-spacing:.12em;margin-bottom:20px}.cta__title{font-size:clamp(1.875rem,2vw + 1.25rem,3rem);font-weight:800;color:#fafafa;letter-spacing:-.038em;margin-bottom:18px;line-height:1.1;text-wrap:balance;text-shadow:0 2px 48px rgba(0,0,0,.4)}.cta__subtitle{font-size:clamp(1.03125rem,.5vw + .98rem,1.125rem);color:#f4f4f5a8;max-width:32rem;margin:0 auto clamp(36px,5vw,52px);line-height:1.82;text-wrap:pretty}.cta__actions{display:flex;justify-content:center;gap:12px;flex-wrap:wrap}.footer{background:#0a0a0a;background-image:radial-gradient(rgba(255,255,255,.025) 1px,transparent 1px);background-size:24px 24px;padding-top:80px;position:relative}.footer:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(220,38,38,.55) 30%,rgba(220,38,38,.55) 70%,transparent)}.footer__grid{display:grid;grid-template-columns:1.8fr 1fr 1fr 1.4fr;gap:48px;padding-bottom:56px;border-bottom:1px solid rgba(255,255,255,.07)}.footer__brand-mark{display:flex;align-items:baseline;gap:6px;margin-bottom:6px}.footer__brand-f1{font-size:2.75rem;font-weight:900;color:var(--primary);letter-spacing:-.05em;line-height:1;text-shadow:0 0 24px rgba(220,38,38,.4)}.footer__brand-team{font-size:1.125rem;font-weight:700;color:#fffc;letter-spacing:.08em;line-height:1}.footer__slogan{font-size:.6875rem;color:#ffffff4d;letter-spacing:.16em;text-transform:uppercase;margin-bottom:14px}.footer__social{display:flex;gap:8px;margin-top:22px}.footer__social-link{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:8px;background:#181818;border:1px solid #2a2a2a;color:#ffffff6b;font-size:.9375rem;transition:all var(--transition)}.footer__social-link:hover{background:var(--primary-light);border-color:var(--primary-mid);color:var(--primary);transform:translateY(-2px)}.footer__cta-link{display:inline-flex;align-items:center;gap:6px;margin-top:20px;font-size:.875rem;font-weight:600;color:var(--primary);border:1px solid var(--primary-mid);background:var(--primary-light);padding:8px 16px;border-radius:8px;transition:all var(--transition)}.footer__cta-link:hover{background:var(--primary);color:#fff;border-color:var(--primary);transform:translateY(-2px)}.footer__desc{font-size:.875rem;color:#ffffff73;line-height:1.75;max-width:280px}.footer__heading{font-size:.6875rem;font-weight:700;color:#ffffffe6;text-transform:uppercase;letter-spacing:.14em;margin-bottom:20px;padding-bottom:12px;border-bottom:1px solid rgba(220,38,38,.35);position:relative}.footer__heading:before{content:"";position:absolute;bottom:-1px;left:0;width:24px;height:1px;background:var(--primary)}.footer__nav-list,.footer__contact-list{display:flex;flex-direction:column;gap:10px}.footer__nav-list a{font-size:.875rem;color:#ffffff80;transition:color var(--transition),padding-left var(--transition);display:block}.footer__nav-list a:hover{color:#fff;padding-left:6px}.footer__contact-item{display:flex;align-items:center;gap:10px;font-size:.875rem}.footer__contact-icon{font-size:.9375rem;color:var(--primary);flex-shrink:0}.footer__contact-item a{color:#ffffff80;transition:color var(--transition)}.footer__contact-item a:hover{color:#fff}.footer__bottom{padding:24px 0;display:flex;align-items:center;justify-content:space-between;font-size:.8125rem;color:#ffffff40;background:transparent}.footer__bottom-tagline{font-size:.75rem;color:#ffffff2e;letter-spacing:.04em}.footer__stats{display:flex;gap:0;padding:28px 0;margin-bottom:8px;border-top:1px solid rgba(255,255,255,.05);border-bottom:1px solid rgba(255,255,255,.05)}.footer__stat-item{flex:1;text-align:center;padding:0 16px;position:relative}.footer__stat-item+.footer__stat-item:before{content:"";position:absolute;left:0;top:10%;height:80%;width:1px;background:#ffffff14}.footer__stat-num{font-size:1.625rem;font-weight:900;color:var(--primary);letter-spacing:-.03em;line-height:1;margin-bottom:4px;text-shadow:0 0 16px rgba(220,38,38,.35)}.footer__stat-label{font-size:.6875rem;color:#ffffff59;letter-spacing:.06em;text-transform:uppercase}@media (max-width: 1024px){.hero__title{font-size:2.5rem}.hero__inner{gap:48px}.services__grid{gap:24px 28px}.process__grid{grid-template-columns:1fr 1fr;gap:16px}.process__connector{display:none}.portfolio__grid{grid-template-columns:repeat(2,1fr)}.footer__grid{grid-template-columns:1fr 1fr;gap:40px}.footer__brand{grid-column:1 / -1}.footer__desc{max-width:480px}}@media (max-width: 768px){.container{padding:0 20px}.section{padding:clamp(64px,18vw,88px) 0}.header--scrolled{top:0;left:0;right:0;transform:none;width:auto;max-width:none;border-radius:0;border:none;border-bottom:1px solid rgba(255,255,255,.06);box-shadow:0 1px #ffffff0a;background:#09090be0}.header__inner,.header--scrolled .header__inner{height:72px}.header__logo-img,.header--scrolled .header__logo-img{height:56px}.header__nav{display:flex;position:fixed;top:72px;left:0;right:0;background:#0e0e12f7;backdrop-filter:blur(20px) saturate(1.2);-webkit-backdrop-filter:blur(20px) saturate(1.2);border-bottom:1px solid rgba(255,255,255,.08);box-shadow:0 16px 48px #000000a6;flex-direction:column;align-items:stretch;gap:0;padding:12px 16px 16px;transform:translateY(-8px);opacity:0;pointer-events:none;transition:all .25s ease;margin-left:0}.header__nav--open{transform:translateY(0);opacity:1;pointer-events:all}.header__nav-link{text-align:left;padding:12px 14px;border-radius:8px;font-size:.9375rem;color:#ffffffd9}.header__nav-link:hover{background:#1e1e1e;color:#fff}.header__hamburger{display:flex;margin-left:auto}.header__cta-desktop{display:none}.header__cta-mobile{display:inline-flex;margin-top:8px;justify-content:center;width:100%}.hero,.process,.cta{background-position:0 0,center,center,center,center,center top}.hero{padding:112px 0 64px}.hero__inner{flex-direction:column;gap:44px}.hero__content{max-width:100%}.hero__title{font-size:2rem}.hero__subtitle{max-width:100%}.hero__features-grid{grid-template-columns:1fr}.hero__visual{width:100%}.hero-showcase{max-width:440px;margin:0 auto;padding:22px 14px 26px}.hero-showcase__particles{display:none}.hero-float-card{font-size:.625rem;padding:8px 10px}.hero-float-card--1{top:2%;right:0}.hero-float-card--2{top:34%;left:0}.hero-float-card--3{bottom:24%;right:0}.services__grid{grid-template-columns:1fr}.services__grid .service-card:nth-child(3){grid-column:auto;max-width:100%;justify-self:stretch}.process__grid{grid-template-columns:1fr}.process__connector{display:none}.portfolio__grid{grid-template-columns:1fr}.why__inner{grid-template-columns:1fr;gap:40px}.why__desc{margin-bottom:8px}.cta__title{font-size:2rem}.footer__grid{grid-template-columns:1fr;gap:36px}.footer__brand{grid-column:auto}.footer__stats{display:grid;grid-template-columns:1fr 1fr;gap:20px 16px;padding:24px 0}.footer__stat-item+.footer__stat-item:before{display:none}.footer__stat-num{white-space:nowrap}.footer__stat-label{white-space:nowrap;word-break:keep-all}}@media (max-width: 430px){.container{padding:0 16px}.hero__title{font-size:1.75rem}.hero__actions{flex-direction:column}.hero__actions .btn{width:100%;justify-content:center}.section__title{font-size:1.625rem}.cta__title{font-size:1.75rem}.cta__actions{flex-direction:column;align-items:center}.cta__actions .btn{width:100%;justify-content:center;max-width:300px}.service-card{padding:28px 22px}}.page-hero{padding:clamp(120px,16vh,160px) 0 clamp(64px,10vh,96px);background-color:#09090b;background-image:radial-gradient(ellipse 100% 70% at 50% 0%,rgba(220,38,38,.08) 0%,transparent 52%),linear-gradient(180deg,#09090be6,#09090bc7 45%,#09090bf0),radial-gradient(ellipse 100% 70% at 50% 0%,#16161c,#0e0e12 45%,#09090b),url(/web-design.webp);background-size:100% 100%,100% 100%,100% 100%,cover;background-position:center,center,center,center 22%;background-repeat:no-repeat;position:relative;overflow:hidden;box-shadow:inset 0 -60px 80px -20px #0006}.page-hero:before{content:"";position:absolute;top:0;left:50%;transform:translate(-50%);width:78%;height:100%;background:radial-gradient(ellipse at top,rgba(220,38,38,.11) 0%,transparent 58%);pointer-events:none}.page-hero__inner{position:relative;z-index:1;text-align:center}.page-hero__breadcrumb{display:flex;align-items:center;justify-content:center;gap:6px;font-size:.8125rem;color:#ffffff5c;margin-bottom:clamp(16px,3vw,24px);letter-spacing:.02em}.page-hero__breadcrumb a{color:#ffffff52;text-decoration:none;transition:color .25s}.page-hero__breadcrumb a:hover{color:#dc2626}.page-hero__breadcrumb-sep{color:#ffffff26}.page-hero__label{display:inline-block;font-size:.6875rem;font-weight:700;color:#fca5a5;text-transform:uppercase;letter-spacing:.14em;padding:5px 12px;border:1px solid rgba(220,38,38,.3);border-radius:100px;margin-bottom:20px;background:#dc26261a}.page-hero__title{font-size:clamp(1.875rem,2.5vw + 1rem,3.125rem);font-weight:800;color:#fafafa;letter-spacing:-.04em;line-height:1.1;margin-bottom:clamp(14px,2.5vw,20px);text-wrap:balance;text-shadow:0 2px 40px rgba(0,0,0,.35)}.page-hero__subtitle{font-size:clamp(1rem,.5vw + .92rem,1.125rem);color:#f4f4f5a8;max-width:36rem;margin:0 auto;line-height:1.82;text-wrap:pretty}.service-detail-section{padding:clamp(72px,12vw,112px) 0;background:#09090b}.service-detail-section:nth-child(2n){background:#0c0c10}.service-detail__inner{display:grid;grid-template-columns:1fr 1fr;gap:clamp(48px,8vw,96px);align-items:start}.service-detail__num{font-size:.6875rem;font-weight:800;letter-spacing:.12em;color:#dc2626;margin-bottom:16px;text-transform:uppercase}.service-detail__icon-wrap{display:inline-flex;align-items:center;justify-content:center;width:60px;height:60px;border-radius:16px;font-size:1.625rem;margin-bottom:18px}.service-detail__title{font-size:2rem;font-weight:800;color:#f0f0f0;letter-spacing:-.03em;margin-bottom:14px}.service-detail__desc{font-size:1rem;color:#dcdcdc9e;line-height:1.82;margin-bottom:28px}.service-detail__features{display:flex;flex-direction:column;gap:10px;margin-bottom:28px}.service-detail__feature{display:flex;align-items:flex-start;gap:10px;font-size:.9375rem;color:#f0f0f0d9;font-weight:500}.service-detail__feature-icon{font-size:1rem;flex-shrink:0;margin-top:3px}.service-detail__tech-heading{font-size:.6875rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:#94a3b8;margin-bottom:10px}.service-detail__tech-tags{display:flex;flex-wrap:wrap;gap:6px}.service-detail__tech-tag{font-size:.75rem;font-weight:600;padding:4px 11px;border-radius:100px;border:1px solid #333;background:#1e1e1e;color:#dcdcdca6}.service-detail__media:not(.service-detail__media--empty){position:relative;width:100%;aspect-ratio:16 / 9;max-height:min(72vh,580px);margin-bottom:22px;border-radius:16px;overflow:hidden;background:radial-gradient(ellipse 80% 60% at 50% 20%,#2a2a2af2,#101010 78%);border:1px solid rgba(255,255,255,.08);box-shadow:inset 0 1px #ffffff0d}.service-detail__media:not(.service-detail__media--empty) img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center;display:block}.service-detail__media--empty{display:flex;align-items:center;justify-content:center;width:100%;margin-bottom:22px;border-radius:16px;overflow:hidden;aspect-ratio:16 / 9;min-height:220px;background:linear-gradient(145deg,#1a1a1a,#111);border:1px solid rgba(255,255,255,.08)}.service-detail__media--empty:after{content:"建議 1200 × 675";font-size:.6875rem;font-weight:700;letter-spacing:.06em;color:#fff3;text-transform:uppercase}.service-detail__card{background:#111;border-radius:20px;padding:28px;position:relative;overflow:hidden}.service-detail__card-title{font-size:.6875rem;font-weight:700;color:#ffffff61;text-transform:uppercase;letter-spacing:.1em;margin-bottom:18px}.sd-stat-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:14px}.sd-stat-item{background:#1c1c1c;border-radius:10px;padding:14px;border:1px solid #2a2a2a}.sd-stat-label{font-size:.6875rem;color:#ffffff61;margin-bottom:5px;font-weight:500}.sd-stat-val{font-size:1.25rem;font-weight:800;letter-spacing:-.025em}.sd-code-block{background:#1c1c1c;border-radius:10px;padding:14px;border:1px solid #2a2a2a}.sd-code-line{height:6px;border-radius:3px;margin-bottom:7px}.sd-code-line:last-child{margin-bottom:0}.pf-filter-wrap{display:flex;justify-content:center;gap:8px;flex-wrap:wrap;margin-bottom:48px}.pf-filter-btn{padding:8px 18px;border-radius:100px;font-size:.875rem;font-weight:600;border:1.5px solid #333;background:#181818;color:#dcdcdc99;cursor:pointer;transition:all .25s ease;font-family:inherit}.pf-filter-btn:hover{border-color:#dc2626;color:#fca5a5;background:#dc26261a}.pf-filter-btn--active{background:#dc2626;color:#fff;border-color:#dc2626}.pf-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:clamp(22px,2.8vw,40px)}.pf-card{background:#181818;border:1px solid #2a2a2a;border-radius:22px;overflow:hidden;transition:transform .25s ease,box-shadow .25s ease}.pf-card:hover{transform:translateY(-6px);box-shadow:0 12px 40px #00000080}.pf-card__body{padding:20px 22px 24px}.pf-card__top{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.pf-card__title{font-size:1.0625rem;font-weight:700;color:#f0f0f0;letter-spacing:-.01em}.pf-card__category{font-size:.75rem;font-weight:700;padding:4px 10px;border-radius:100px;white-space:nowrap;letter-spacing:.01em}.pf-card__desc{font-size:.9375rem;color:#dcdcdc80;line-height:1.65}.container:has(.pf-grid){max-width:min(1280px,96vw)}.about-mission{padding:96px 0;background:#0d0d0d}.about-mission__inner{display:grid;grid-template-columns:1.1fr 1fr;gap:80px;align-items:center}.about-mission__title{font-size:2.25rem;font-weight:800;color:#f0f0f0;letter-spacing:-.03em;margin-bottom:18px;line-height:1.2}.about-mission__desc{font-size:1rem;color:#dcdcdc9e;line-height:1.85;margin-bottom:32px}.about-stats{display:grid;grid-template-columns:1fr 1fr;gap:14px}.about-stat-card{background:#0f0f0f;border-radius:16px;padding:24px;text-align:center;position:relative;overflow:hidden}.about-stat-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:#dc2626}.about-stat-num{font-size:2.25rem;font-weight:900;color:#fff;letter-spacing:-.04em;line-height:1;margin-bottom:7px}.about-stat-num em{font-style:normal;color:#dc2626}.about-stat-label{font-size:.8125rem;color:#ffffff73;font-weight:500}.about-values{padding:96px 0;background:#111}.about-values-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.value-card{background:#181818;border-radius:20px;padding:32px 24px;border:1px solid #2a2a2a;transition:transform .25s ease,box-shadow .25s ease;text-align:center}.value-card:hover{transform:translateY(-5px);box-shadow:0 8px 32px #00000080}.value-card__icon{width:52px;height:52px;border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:1.375rem;margin:0 auto 18px}.value-card__title{font-size:1.0625rem;font-weight:700;color:#f0f0f0;margin-bottom:10px;letter-spacing:-.01em}.value-card__desc{font-size:.875rem;color:#dcdcdc8c;line-height:1.7}.about-team{padding:96px 0;background:#0d0d0d}.team-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.team-card{background:#181818;border:1px solid #2a2a2a;border-radius:20px;padding:36px 28px;text-align:center;transition:transform .25s ease,box-shadow .25s ease}.team-card:hover{transform:translateY(-5px);box-shadow:0 8px 32px #00000080}.team-card__avatar{width:72px;height:72px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.5rem;font-weight:800;color:#fff;margin:0 auto 18px}.team-card__name{font-size:1.125rem;font-weight:700;color:#f0f0f0;margin-bottom:4px;letter-spacing:-.01em}.team-card__role{font-size:.8125rem;font-weight:600;color:#dc2626;margin-bottom:16px}.team-card__bio{font-size:.875rem;color:#dcdcdc80;line-height:1.7}.contact-page-section{padding:96px 0;background:#0d0d0d}.contact-layout{display:grid;grid-template-columns:1.35fr 1fr;gap:72px}.contact-form-heading{font-size:1.5rem;font-weight:800;color:#f0f0f0;letter-spacing:-.025em;margin-bottom:6px}.contact-form-sub{font-size:.9375rem;color:#dcdcdc8c;margin-bottom:32px;line-height:1.7}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.form-group{display:flex;flex-direction:column;margin-bottom:18px}.form-label{font-size:.8125rem;font-weight:600;color:#dcdcdcb3;margin-bottom:7px}.form-label em{font-style:normal;color:#dc2626}.form-control{width:100%;padding:11px 14px;font-size:.9375rem;font-family:inherit;color:#f0f0f0;background:#1a1a1a;border:1.5px solid #333;border-radius:10px;transition:border-color .25s,box-shadow .25s,background .25s;outline:none;line-height:1.5}.form-control:focus{border-color:#dc2626;background:#1e1e1e;box-shadow:0 0 0 3px #dc262626}.form-control:focus-visible{border-color:#dc2626;background:#1e1e1e;box-shadow:0 0 0 3px #dc262633;outline:none}.form-control::placeholder{color:#dcdcdc4d}textarea.form-control{resize:vertical;min-height:130px}select.form-control{cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%2394a3b8' stroke-width='2'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;padding-right:36px}.form-submit-btn{width:100%;padding:14px;font-size:1rem;font-weight:700;background:#dc2626;color:#fff;border:none;border-radius:10px;cursor:pointer;transition:background .25s,transform .25s,box-shadow .25s;display:flex;align-items:center;justify-content:center;gap:8px;font-family:inherit;letter-spacing:-.01em;margin-top:8px}.form-submit-btn:hover:not(:disabled){background:#b91c1c;transform:translateY(-2px);box-shadow:0 6px 20px #dc262659}.form-submit-btn:disabled{opacity:.72;cursor:not-allowed;transform:none;box-shadow:none}.form-submit-btn:focus-visible{outline:2px solid rgba(252,165,165,.95);outline-offset:3px}.form-success{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:56px 24px;text-align:center}.form-success__icon{font-size:3rem;color:#dc2626}.form-success__title{font-size:1.375rem;font-weight:700;color:#f0f0f0}.form-success__sub{font-size:.9375rem;color:#dcdcdc8c}.contact-info-card{background:#0f0f0f;border-radius:20px;padding:36px 28px;height:fit-content;position:sticky;top:96px}.contact-info-title{font-size:1.125rem;font-weight:700;color:#fff;margin-bottom:6px;letter-spacing:-.015em}.contact-info-sub{font-size:.875rem;color:#ffffff6b;margin-bottom:28px;line-height:1.65}.contact-info-items{display:flex;flex-direction:column;margin-bottom:24px}.contact-info-item{display:flex;align-items:flex-start;gap:14px;padding:16px 0;border-bottom:1px solid rgba(255,255,255,.06)}.contact-info-item:last-child{border-bottom:none}.contact-info-icon{width:36px;height:36px;border-radius:9px;background:#dc262626;display:flex;align-items:center;justify-content:center;font-size:1rem;color:#dc2626;flex-shrink:0}.contact-info-label{font-size:.6875rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:#ffffff52;margin-bottom:3px}.contact-info-value{font-size:.9375rem;color:#ffffffc7;font-weight:500}.contact-info-value a{color:#ffffffc7;text-decoration:none;transition:color .25s}.contact-info-value a:hover{color:#fca5a5}.contact-info-note{background:#dc26261a;border:1px solid rgba(220,38,38,.2);border-radius:10px;padding:14px 16px;font-size:.8125rem;color:#ffffff8c;line-height:1.65}.contact-info-note strong{color:#fca5a5;display:block;font-size:.6875rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;margin-bottom:5px}@media (max-width: 1024px){.service-detail__inner{grid-template-columns:1fr;gap:40px}.about-mission__inner{grid-template-columns:1fr;gap:48px}.about-values-grid,.pf-grid{grid-template-columns:repeat(2,1fr)}.contact-layout{grid-template-columns:1fr;gap:40px}.contact-info-card{position:static}}@media (max-width: 768px){.page-hero{padding:116px 0 60px}.page-hero__title{font-size:2rem}.service-detail-section,.about-mission,.about-values,.about-team{padding:64px 0}.about-values-grid{grid-template-columns:1fr 1fr}.team-grid,.pf-grid,.form-row{grid-template-columns:1fr}.contact-page-section{padding:64px 0}}@media (max-width: 430px){.page-hero__title{font-size:1.75rem}.about-values-grid{grid-template-columns:1fr}.about-stats{grid-template-columns:1fr 1fr}}@keyframes anim-fade-rise{0%{opacity:0;transform:translateY(22px)}to{opacity:1;transform:translateY(0)}}@keyframes anim-fade-in{0%{opacity:0}to{opacity:1}}@keyframes anim-page-enter{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes anim-backtop-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes anim-hero-glow{0%{opacity:.55;transform:translate(-8%,-4%) scale(1)}to{opacity:.85;transform:translate(4%,6%) scale(1.06)}}@keyframes anim-hero-laptop-float{0%,to{transform:translateZ(0)}50%{transform:translate3d(0,-6px,0)}}@keyframes anim-bar-grow{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes anim-cta-glow{0%,to{opacity:1;transform:translate(0) scale(1)}50%{opacity:.85;transform:translate(2%,3%) scale(1.03)}}.page-main{animation:anim-page-enter .55s cubic-bezier(.22,1,.36,1) both}.page-main .page-hero__breadcrumb{animation:anim-fade-rise .6s cubic-bezier(.22,1,.36,1) both;animation-delay:.04s}.page-main .page-hero__label{animation:anim-fade-rise .6s cubic-bezier(.22,1,.36,1) both;animation-delay:.08s}.page-main .page-hero__title{animation:anim-fade-rise .65s cubic-bezier(.22,1,.36,1) both;animation-delay:.12s}.page-main .page-hero__subtitle{animation:anim-fade-rise .65s cubic-bezier(.22,1,.36,1) both;animation-delay:.18s}.hero{position:relative}.hero:before{content:"";position:absolute;inset:-20% -10% auto 40%;height:70%;max-height:520px;background:radial-gradient(ellipse at center,rgba(220,38,38,.045) 0%,transparent 62%);pointer-events:none;z-index:0;animation:anim-hero-glow 14s ease-in-out infinite alternate}.hero .container{position:relative;z-index:1}.hero__badge{animation:anim-fade-rise .65s cubic-bezier(.22,1,.36,1) both;animation-delay:.06s}.hero__title{animation:anim-fade-rise .72s cubic-bezier(.22,1,.36,1) both;animation-delay:.12s}.hero__subtitle{animation:anim-fade-rise .72s cubic-bezier(.22,1,.36,1) both;animation-delay:.18s}.hero__features{animation:anim-fade-rise .72s cubic-bezier(.22,1,.36,1) both;animation-delay:.24s}.hero__actions{animation:anim-fade-rise .72s cubic-bezier(.22,1,.36,1) both;animation-delay:.3s}.hero__visual{animation:anim-fade-rise .85s cubic-bezier(.22,1,.36,1) both;animation-delay:.2s}.hero-laptop{animation:anim-hero-laptop-float 8.5s cubic-bezier(.42,0,.58,1) infinite;animation-delay:.85s;backface-visibility:hidden}.hero-metric__fill{transform-origin:left center;animation:anim-bar-grow 1.05s cubic-bezier(.22,1,.36,1) .55s both}@keyframes anim-hero-float-card{0%,to{transform:translateZ(0)}50%{transform:translate3d(0,-3px,0)}}.hero-float-card--1{animation:anim-hero-float-card 7.8s cubic-bezier(.42,0,.58,1) infinite;animation-delay:.15s}.hero-float-card--2{animation:anim-hero-float-card 8.6s cubic-bezier(.42,0,.58,1) infinite;animation-delay:.45s}.hero-float-card--3{animation:anim-hero-float-card 7.2s cubic-bezier(.42,0,.58,1) infinite;animation-delay:.05s}.hero__feature-item{transition:transform .35s cubic-bezier(.22,1,.36,1),color .25s ease}.hero__feature-item:hover{transform:translate(4px)}.reveal .section__header>*{opacity:0;transform:translateY(18px);transition:opacity .6s cubic-bezier(.22,1,.36,1),transform .6s cubic-bezier(.22,1,.36,1)}.reveal.reveal--visible .section__header>*{opacity:1;transform:translateY(0)}.reveal.reveal--visible .section__header .section__label{transition-delay:.04s}.reveal.reveal--visible .section__header .section__title{transition-delay:.1s}.reveal.reveal--visible .section__header .section__subtitle{transition-delay:.16s}.reveal .service-card{opacity:0;transform:translateY(32px);transition:opacity .58s cubic-bezier(.22,1,.36,1),transform .58s cubic-bezier(.22,1,.36,1),box-shadow var(--transition),border-color .25s ease}.reveal.reveal--visible .service-card{opacity:1;transform:translateY(0)}.reveal.reveal--visible .service-card:nth-child(1){transition-delay:.06s}.reveal.reveal--visible .service-card:nth-child(2){transition-delay:.14s}.reveal.reveal--visible .service-card:nth-child(3){transition-delay:.22s}.reveal .process__connector{opacity:0;transform:scaleX(.35);transition:opacity .75s cubic-bezier(.22,1,.36,1),transform .85s cubic-bezier(.22,1,.36,1)}.reveal.reveal--visible .process__connector{opacity:1;transform:scaleX(1);transition-delay:.12s}.reveal .process-step{opacity:0;transform:translateY(26px);transition:opacity .55s cubic-bezier(.22,1,.36,1),transform .55s cubic-bezier(.22,1,.36,1),box-shadow var(--transition),border-color .25s ease}.reveal.reveal--visible .process-step{opacity:1;transform:translateY(0)}.reveal.reveal--visible .process-step:nth-child(2){transition-delay:.06s}.reveal.reveal--visible .process-step:nth-child(3){transition-delay:.12s}.reveal.reveal--visible .process-step:nth-child(4){transition-delay:.18s}.reveal.reveal--visible .process-step:nth-child(5){transition-delay:.24s}.reveal .portfolio-card{opacity:0;transform:translateY(28px);transition:opacity .55s cubic-bezier(.22,1,.36,1),transform .55s cubic-bezier(.22,1,.36,1),box-shadow var(--transition)}.reveal.reveal--visible .portfolio-card{opacity:1;transform:translateY(0)}.reveal.reveal--visible .portfolio-card:nth-child(1){transition-delay:.05s}.reveal.reveal--visible .portfolio-card:nth-child(2){transition-delay:.11s}.reveal.reveal--visible .portfolio-card:nth-child(3){transition-delay:.17s}.reveal.reveal--visible .portfolio-card:nth-child(4){transition-delay:.23s}.reveal .why__left>*{opacity:0;transform:translateY(16px);transition:opacity .55s cubic-bezier(.22,1,.36,1),transform .55s cubic-bezier(.22,1,.36,1)}.reveal.reveal--visible .why__left>*{opacity:1;transform:translateY(0)}.reveal.reveal--visible .why__left .section__label{transition-delay:.04s}.reveal.reveal--visible .why__left .section__title{transition-delay:.1s}.reveal.reveal--visible .why__left .why__desc{transition-delay:.16s}.reveal.reveal--visible .why__left .btn{transition-delay:.22s}.reveal .why__item{opacity:0;transform:translate(-12px);transition:opacity .5s cubic-bezier(.22,1,.36,1),transform .5s cubic-bezier(.22,1,.36,1),padding-left var(--transition)}.reveal.reveal--visible .why__item{opacity:1;transform:translate(0)}.reveal.reveal--visible .why__item:nth-child(1){transition-delay:.08s}.reveal.reveal--visible .why__item:nth-child(2){transition-delay:.14s}.reveal.reveal--visible .why__item:nth-child(3){transition-delay:.2s}.reveal.reveal--visible .why__item:nth-child(4){transition-delay:.26s}.reveal.reveal--visible .why__item:nth-child(5){transition-delay:.32s}.reveal .cta__inner>*{opacity:0;transform:translateY(18px);transition:opacity .58s cubic-bezier(.22,1,.36,1),transform .58s cubic-bezier(.22,1,.36,1)}.reveal.reveal--visible .cta__inner>*{opacity:1;transform:translateY(0)}.reveal.reveal--visible .cta__inner .cta__eyebrow{transition-delay:.04s}.reveal.reveal--visible .cta__inner .cta__title{transition-delay:.1s}.reveal.reveal--visible .cta__inner .cta__subtitle{transition-delay:.16s}.reveal.reveal--visible .cta__inner .cta__actions{transition-delay:.22s}.reveal .footer__stats,.reveal .footer__grid,.reveal .footer__bottom{opacity:0;transform:translateY(16px);transition:opacity .55s cubic-bezier(.22,1,.36,1),transform .55s cubic-bezier(.22,1,.36,1)}.reveal.reveal--visible .footer__stats,.reveal.reveal--visible .footer__grid,.reveal.reveal--visible .footer__bottom{opacity:1;transform:translateY(0)}.reveal.reveal--visible .footer__grid{transition-delay:.08s}.reveal.reveal--visible .footer__bottom{transition-delay:.14s}.cta:before{animation:anim-cta-glow 12s ease-in-out infinite}.portfolio-card .browser-mock{transition:transform .5s cubic-bezier(.22,1,.36,1)}.portfolio-card:hover .browser-mock{transform:scale(1.03)}.service-card__icon-wrap{transition:transform .4s cubic-bezier(.22,1,.36,1),box-shadow .35s ease}.service-card:hover .service-card__icon-wrap{transform:scale(1.06) rotate(-2deg)}.reveal>.service-detail-section{opacity:0;transform:translateY(28px);transition:opacity .58s cubic-bezier(.22,1,.36,1),transform .58s cubic-bezier(.22,1,.36,1)}.reveal.reveal--visible>.service-detail-section{opacity:1;transform:translateY(0)}.reveal.reveal--visible>.service-detail-section:nth-child(1){transition-delay:.06s}.reveal.reveal--visible>.service-detail-section:nth-child(2){transition-delay:.14s}.reveal.reveal--visible>.service-detail-section:nth-child(3){transition-delay:.22s}.reveal .about-mission,.reveal .about-values,.reveal .about-team{opacity:0;transform:translateY(26px);transition:opacity .58s cubic-bezier(.22,1,.36,1),transform .58s cubic-bezier(.22,1,.36,1)}.reveal.reveal--visible .about-mission{opacity:1;transform:translateY(0);transition-delay:.06s}.reveal.reveal--visible .about-values{opacity:1;transform:translateY(0);transition-delay:.12s}.reveal.reveal--visible .about-team{opacity:1;transform:translateY(0);transition-delay:.18s}.reveal .value-card,.reveal .team-card{opacity:0;transform:translateY(22px);transition:opacity .52s cubic-bezier(.22,1,.36,1),transform .52s cubic-bezier(.22,1,.36,1),box-shadow var(--transition),border-color .25s ease}.reveal.reveal--visible .value-card,.reveal.reveal--visible .team-card{opacity:1;transform:translateY(0)}.reveal.reveal--visible .value-card:nth-child(1){transition-delay:.1s}.reveal.reveal--visible .value-card:nth-child(2){transition-delay:.16s}.reveal.reveal--visible .value-card:nth-child(3){transition-delay:.22s}.reveal.reveal--visible .value-card:nth-child(4){transition-delay:.28s}.reveal.reveal--visible .team-card:nth-child(1){transition-delay:.1s}.reveal.reveal--visible .team-card:nth-child(2){transition-delay:.16s}.reveal.reveal--visible .team-card:nth-child(3){transition-delay:.22s}.reveal.reveal--visible .team-card:nth-child(4){transition-delay:.28s}.reveal .pf-filter-wrap{opacity:0;transform:translateY(14px);transition:opacity .5s cubic-bezier(.22,1,.36,1),transform .5s cubic-bezier(.22,1,.36,1)}.reveal.reveal--visible .pf-filter-wrap{opacity:1;transform:translateY(0);transition-delay:.05s}.reveal .pf-card{opacity:0;transform:translateY(24px);transition:opacity .52s cubic-bezier(.22,1,.36,1),transform .52s cubic-bezier(.22,1,.36,1),box-shadow var(--transition)}.reveal.reveal--visible .pf-card{opacity:1;transform:translateY(0)}.reveal.reveal--visible .pf-card:nth-child(1){transition-delay:.06s}.reveal.reveal--visible .pf-card:nth-child(2){transition-delay:.11s}.reveal.reveal--visible .pf-card:nth-child(3){transition-delay:.16s}.reveal.reveal--visible .pf-card:nth-child(4){transition-delay:.21s}.reveal.reveal--visible .pf-card:nth-child(5){transition-delay:.26s}.reveal.reveal--visible .pf-card:nth-child(6){transition-delay:.31s}.reveal.reveal--visible .pf-card:nth-child(7){transition-delay:.36s}.reveal.reveal--visible .pf-card:nth-child(8){transition-delay:.41s}.reveal.reveal--visible .pf-card:nth-child(9){transition-delay:.46s}.reveal.reveal--visible .pf-card:nth-child(10){transition-delay:.51s}.reveal .contact-layout>*{opacity:0;transform:translateY(22px);transition:opacity .55s cubic-bezier(.22,1,.36,1),transform .55s cubic-bezier(.22,1,.36,1)}.reveal.reveal--visible .contact-layout>*{opacity:1;transform:translateY(0)}.reveal.reveal--visible .contact-layout>*:nth-child(1){transition-delay:.08s}.reveal.reveal--visible .contact-layout>*:nth-child(2){transition-delay:.14s}.header{transition:background .35s ease,box-shadow .35s ease,border-color .35s ease}.btn{transition:transform .3s cubic-bezier(.22,1,.36,1),box-shadow .3s ease,border-color .25s ease,background .25s ease,color .25s ease}.btn:active{transform:scale(.98)}@media (max-width: 768px){.hero:before{animation:none;opacity:.72}.hero-laptop,.hero-float-card--1,.hero-float-card--2,.hero-float-card--3{animation:none}.cta:before{animation:none}.page-main{animation:anim-page-enter .38s cubic-bezier(.22,1,.36,1) both}}@media (prefers-reduced-motion: reduce){body:before{opacity:0}.header{transition:none}.header__cta-pill:hover:after{animation:none;opacity:0}.page-main{animation:none}.page-main .page-hero__breadcrumb,.page-main .page-hero__label,.page-main .page-hero__title,.page-main .page-hero__subtitle{animation:none;opacity:1;transform:none}.hero:before{animation:none}.hero__badge,.hero__title,.hero__subtitle,.hero__features,.hero__actions,.hero__visual{animation:none;opacity:1;transform:none}.hero-laptop,.hero-float-card--1,.hero-float-card--2,.hero-float-card--3,.hero-metric__fill{animation:none}.hero__feature-item:hover{transform:none}.cta:before{animation:none}.portfolio-card .browser-mock,.portfolio-card:hover .browser-mock{transform:none;transition:none}.service-card:hover .service-card__icon-wrap,.btn:active{transform:none}.reveal>.service-detail-section,.reveal.reveal--visible>.service-detail-section,.reveal .about-mission,.reveal .about-values,.reveal .about-team,.reveal.reveal--visible .about-mission,.reveal.reveal--visible .about-values,.reveal.reveal--visible .about-team,.reveal .value-card,.reveal .team-card,.reveal.reveal--visible .value-card,.reveal.reveal--visible .team-card,.reveal .pf-filter-wrap,.reveal.reveal--visible .pf-filter-wrap,.reveal .pf-card,.reveal.reveal--visible .pf-card,.reveal .contact-layout>*,.reveal.reveal--visible .contact-layout>*{opacity:1;transform:none;transition:none}html{scroll-behavior:auto}.back-to-top{animation:none}.process-step:hover{transform:none}}