@import "https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700&family=Noto+Sans+TC:wght@300;400;500;600;700&display=swap";:root,html[data-theme=dark]{--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--space-16:64px;--space-20:80px;--space-24:96px;--space-32:128px;--container-max:1200px;--container-narrow:800px;--nav-height:64px;--font-display:"Space Grotesk", sans-serif;--font-body:"Noto Sans TC", "Space Grotesk", system-ui, sans-serif;--font-mono:"SF Mono", "Fira Code", monospace;--text-xs:clamp(.75rem, .7rem + .2vw, .8125rem);--text-sm:clamp(.8125rem, .75rem + .25vw, .875rem);--text-base:clamp(.9375rem, .875rem + .25vw, 1rem);--text-lg:clamp(1.0625rem, 1rem + .3vw, 1.125rem);--text-xl:clamp(1.1875rem, 1.1rem + .4vw, 1.3125rem);--text-2xl:clamp(1.375rem, 1.2rem + .8vw, 1.625rem);--text-3xl:clamp(1.75rem, 1.5rem + 1.2vw, 2.25rem);--text-4xl:clamp(2.25rem, 1.8rem + 2vw, 3.25rem);--text-5xl:clamp(2.75rem, 2rem + 3.5vw, 4.5rem);--radius-sm:8px;--radius-md:12px;--radius-lg:18px;--radius-xl:28px;--radius-full:9999px;--shadow-xs:0 1px 2px #0003;--shadow-sm:0 2px 8px #0000004d;--shadow-md:0 4px 20px #0006;--shadow-lg:0 12px 36px #00000080;--shadow-xl:0 20px 50px #0009;--ease-out:cubic-bezier(.16, 1, .3, 1);--ease-in-out:cubic-bezier(.45, 0, .55, 1);--duration-fast:.15s;--duration-normal:.25s;--duration-slow:.4s;--color-bg:#0a0c14;--color-bg-subtle:#0f1320;--color-bg-muted:#181d2e;--color-surface:#141828;--color-border:#232a42;--color-border-subtle:#ffffff14;--color-text:#f8fafc;--color-text-secondary:#94a3b8;--color-text-muted:#64748b;--color-text-inverse:#0a0c14;--color-brand:#8b5cf6;--color-brand-light:#c4b5fd;--color-brand-dark:#6d28d9;--color-brand-surface:#8b5cf62e;--color-brand-glow:#8b5cf666;--color-accent-1:#06b6d4;--color-accent-2:#f59e0b;--color-accent-3:#ec4899;--color-pikiewalker:#34d399;--color-pikiewalker-light:#34d3992e;--color-geosim:#38bdf8;--color-geosim-light:#38bdf82e;--badge-pikiewalker-bg:#34d39924;--badge-pikiewalker-border:#34d39959;--badge-pikiewalker-text:#6ee7b7;--badge-geosim-bg:#38bdf824;--badge-geosim-border:#38bdf859;--badge-geosim-text:#7dd3fc;--badge-brand-bg:#8b5cf633;--badge-brand-border:#8b5cf666;--badge-brand-text:#ddd6fe;--hero-mesh-1:#8b5cf659;--hero-mesh-2:#06b6d447;--hero-mesh-3:#f59e0b33;--hero-mesh-4:#ec489938;--card-hover-border:linear-gradient(135deg, #8b5cf6, #06b6d4, #34d399);--btn-gradient:linear-gradient(135deg, #8b5cf6 0%, #06b6d4 100%);--mockup-bg:#141828;--mockup-border:#334155;--mockup-screen-bg:radial-gradient(circle at 50% 20%, #1e293b, #0f1320 100%);--mockup-card-bg:#1e293b;--mockup-card-border:#334155;--mockup-text:#f8fafc}html[data-theme=vibrant]{--color-bg:#fff;--color-bg-subtle:#fafafc;--color-bg-muted:#f3f4f6;--color-surface:#fff;--color-border:#e5e7eb;--color-border-subtle:#f3f4f6;--color-text:#111827;--color-text-secondary:#4b5563;--color-text-muted:#9ca3af;--color-text-inverse:#fff;--color-brand:#7c3aed;--color-brand-light:#a78bfa;--color-brand-dark:#6d28d9;--color-brand-surface:#f5f3ff;--color-brand-glow:#7c3aed40;--color-accent-1:#06b6d4;--color-accent-2:#f59e0b;--color-accent-3:#ec4899;--color-pikiewalker:#10b981;--color-pikiewalker-light:#d1fae5;--color-geosim:#0284c7;--color-geosim-light:#e0f2fe;--badge-pikiewalker-bg:#ecfdf5;--badge-pikiewalker-border:#a7f3d0;--badge-pikiewalker-text:#065f46;--badge-geosim-bg:#f0f9ff;--badge-geosim-border:#bae6fd;--badge-geosim-text:#0369a1;--badge-brand-bg:#f5f3ff;--badge-brand-border:#ddd6fe;--badge-brand-text:#5b21b6;--hero-mesh-1:#7c3aed2e;--hero-mesh-2:#06b6d426;--hero-mesh-3:#f59e0b1f;--hero-mesh-4:#ec48991f;--card-hover-border:linear-gradient(135deg, #7c3aed, #06b6d4);--btn-gradient:linear-gradient(135deg, #7c3aed 0%, #06b6d4 100%);--mockup-bg:#fff;--mockup-border:#1f2937;--mockup-screen-bg:radial-gradient(circle at 50% 20%, #fffc, #f9fafb 100%);--mockup-card-bg:#fff;--mockup-card-border:#e2e8f0;--mockup-text:#111827;--shadow-xs:0 1px 2px #0000000a;--shadow-sm:0 2px 8px #0000000f;--shadow-md:0 4px 20px #00000014;--shadow-lg:0 12px 36px #0000001f;--shadow-xl:0 20px 50px #00000024}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-body);font-size:var(--text-base);color:var(--color-text);background:var(--color-bg);transition:background-color var(--duration-slow) var(--ease-out), color var(--duration-slow) var(--ease-out);line-height:1.65;overflow-x:hidden}a{color:inherit;text-decoration:none}img{max-width:100%;height:auto;display:block}button{cursor:pointer;background:0 0;border:none;font-family:inherit}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);letter-spacing:-.02em;text-wrap:pretty;color:var(--color-text);font-weight:700;line-height:1.2}h1{font-size:var(--text-5xl);letter-spacing:-.03em}h2{font-size:var(--text-4xl)}h3{font-size:var(--text-3xl)}h4{font-size:var(--text-2xl)}h5{font-size:var(--text-xl)}p{text-wrap:pretty;max-width:65ch;color:var(--color-text-secondary)}.container{width:100%;max-width:var(--container-max);padding:0 var(--space-6);margin:0 auto}.container--narrow{max-width:var(--container-narrow)}.section{padding:var(--space-24) 0;background:var(--color-bg);transition:background-color var(--duration-slow) var(--ease-out);position:relative}.section--compact{padding:var(--space-16) 0}.badge{align-items:center;gap:var(--space-2);border-radius:var(--radius-full);font-size:var(--text-xs);transition:all var(--duration-fast) var(--ease-out);padding:5px 12px;font-weight:700;line-height:1;display:inline-flex}.badge--pikiewalker{background:var(--badge-pikiewalker-bg);border:1px solid var(--badge-pikiewalker-border);color:var(--badge-pikiewalker-text)}.badge--geosim{background:var(--badge-geosim-bg);border:1px solid var(--badge-geosim-border);color:var(--badge-geosim-text)}.badge--brand{background:var(--badge-brand-bg);border:1px solid var(--badge-brand-border);color:var(--badge-brand-text)}.nav{z-index:1000;height:var(--nav-height);-webkit-backdrop-filter:blur(24px)saturate(180%);transition:all var(--duration-normal) var(--ease-out);background:#0a0c14d9;border-bottom:1px solid #ffffff14;position:fixed;top:0;left:0;right:0}html[data-theme=vibrant] .nav{border-bottom:1px solid var(--color-border-subtle);background:#ffffffd9}.nav.scrolled{background:#0a0c14f2;box-shadow:0 4px 20px #00000080}html[data-theme=vibrant] .nav.scrolled{background:#fffffff2;box-shadow:0 4px 20px #0000000f}.nav__inner{height:100%;max-width:var(--container-max);padding:0 var(--space-6);justify-content:space-between;align-items:center;margin:0 auto;display:flex}.nav__brand{align-items:center;gap:var(--space-3);font-family:var(--font-display);color:var(--color-text);letter-spacing:-.02em;font-weight:700;text-decoration:none;display:flex}.nav__brand-logo{border-radius:var(--radius-sm);width:36px;height:36px;transition:transform var(--duration-fast) var(--ease-out);box-shadow:0 4px 16px #00e5ff40}.nav__brand:hover .nav__brand-logo{transform:rotate(-4deg)scale(1.06)}.nav__brand-text{font-size:var(--text-base);letter-spacing:.1em;align-items:center;gap:6px;display:flex}.nav__brand-name{color:var(--color-text);font-weight:700}.nav__brand-suffix{color:#00e5ff;font-weight:700}.nav__links{align-items:center;gap:var(--space-8);list-style:none;display:flex}.nav__link{font-size:var(--text-sm);color:var(--color-text-secondary);transition:color var(--duration-fast) var(--ease-out);font-weight:600;position:relative}.nav__link:hover{color:var(--color-brand-light)}html[data-theme=vibrant] .nav__link:hover{color:var(--color-brand)}.nav__link:after{content:"";background:var(--btn-gradient);width:0;height:2px;transition:width var(--duration-normal) var(--ease-out);border-radius:1px;position:absolute;bottom:-4px;left:0}.nav__link:hover:after{width:100%}.nav__toggle{cursor:pointer;z-index:1001;background:0 0;border:none;flex-direction:column;justify-content:center;gap:5px;width:40px;height:40px;padding:8px;display:none}.nav__toggle span{background:var(--color-text);width:22px;height:2px;transition:all var(--duration-normal) var(--ease-out);transform-origin:50%;border-radius:1px;display:block}.nav__toggle.active span:first-child{transform:translateY(7px)rotate(45deg)}.nav__toggle.active span:nth-child(2){opacity:0}.nav__toggle.active span:nth-child(3){transform:translateY(-7px)rotate(-45deg)}.nav__mobile-menu{top:var(--nav-height);backdrop-filter:blur(24px);padding:var(--space-6);box-shadow:var(--shadow-xl);opacity:0;pointer-events:none;transition:transform var(--duration-normal) var(--ease-out), opacity var(--duration-normal) var(--ease-out);z-index:999;background:#0f1320fa;border-bottom:1px solid #232a42;display:none;position:fixed;left:0;right:0;transform:translateY(-10px)}html[data-theme=vibrant] .nav__mobile-menu{border-bottom:1px solid var(--color-border);background:#fffffffa}.nav__mobile-menu.open{opacity:1;pointer-events:auto;transform:translateY(0)}.nav__mobile-links{gap:var(--space-4);flex-direction:column;list-style:none;display:flex}.nav__mobile-link{font-size:var(--text-lg);padding:var(--space-3) var(--space-2);color:var(--color-text);border-radius:var(--radius-sm);transition:background var(--duration-fast) var(--ease-out), color var(--duration-fast) var(--ease-out);font-weight:600;display:block}.nav__mobile-link:hover{background:var(--color-brand-surface);color:var(--color-brand-light)}.theme-switcher{z-index:1000;-webkit-backdrop-filter:blur(20px);border-radius:var(--radius-full);background:#141828eb;border:1px solid #ffffff1f;align-items:center;gap:6px;padding:6px 10px;font-size:13px;font-weight:600;animation:4s ease-in-out infinite alternate floatBounce;display:flex;position:fixed;bottom:24px;right:24px;box-shadow:0 8px 32px #00000080,inset 0 0 0 1px #ffffff1a}html[data-theme=vibrant] .theme-switcher{background:#ffffffeb;border:1px solid #00000014;box-shadow:0 8px 32px #00000026,inset 0 0 0 1px #fffc}@keyframes floatBounce{0%{transform:translateY(0)}to{transform:translateY(-4px)}}.theme-switcher__label{color:var(--color-text-secondary);align-items:center;gap:4px;padding:0 4px 0 6px;font-size:12px;display:flex}.theme-btn{border-radius:var(--radius-full);color:var(--color-text-secondary);transition:all var(--duration-fast) var(--ease-out);cursor:pointer;background:0 0;align-items:center;gap:6px;padding:6px 14px;font-size:12px;font-weight:700;display:inline-flex}.theme-btn:hover{color:var(--color-text);background:#ffffff14}html[data-theme=vibrant] .theme-btn:hover{background:#0000000d}.theme-btn.active{color:#0a0c14;box-shadow:var(--shadow-sm);background:#f8fafc}html[data-theme=vibrant] .theme-btn.active{color:#fff;background:#111827}.theme-btn__dot{border-radius:50%;width:9px;height:9px;display:inline-block}.btn{justify-content:center;align-items:center;gap:var(--space-2);font-family:var(--font-display);font-weight:600;font-size:var(--text-sm);padding:var(--space-3) var(--space-6);border-radius:var(--radius-md);transition:all var(--duration-normal) var(--ease-out);white-space:nowrap;display:inline-flex;position:relative;overflow:hidden}.btn--primary{color:#0a0c14;background:#f8fafc}html[data-theme=vibrant] .btn--primary{color:#fff;background:#111827}.btn--primary:hover{background:#e2e8f0;transform:translateY(-2px);box-shadow:0 8px 24px #ffffff26}html[data-theme=vibrant] .btn--primary:hover{background:#1f2937;box-shadow:0 8px 24px #00000026}.btn--vibrant{background:var(--btn-gradient);color:#fff;box-shadow:0 4px 20px var(--color-brand-glow)}.btn--vibrant:hover{box-shadow:0 8px 30px var(--color-brand-glow);filter:brightness(1.08);transform:translateY(-2px)}.btn--outline{border:1.5px solid var(--color-border);color:var(--color-text);background:var(--color-surface)}.btn--outline:hover{border-color:var(--color-brand);color:var(--color-brand-light);background:var(--color-brand-surface);transform:translateY(-2px)}html[data-theme=vibrant] .btn--outline:hover{color:var(--color-brand)}.btn--lg{padding:var(--space-4) var(--space-8);font-size:var(--text-base);border-radius:var(--radius-lg)}.btn--sm{padding:var(--space-2) var(--space-4);font-size:var(--text-xs)}.btn__icon{width:18px;height:18px}.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-8);transition:all var(--duration-normal) var(--ease-out);position:relative}.card:hover{border-color:var(--color-brand);box-shadow:var(--shadow-lg);transform:translateY(-4px)}.product-card{background:linear-gradient(180deg, var(--color-surface) 0%, var(--color-bg-subtle) 100%);border:1px solid var(--color-border);position:relative;overflow:hidden}.product-card:before{content:"";border-radius:var(--radius-lg);background:var(--card-hover-border);-webkit-mask-composite:xor;opacity:0;transition:opacity var(--duration-normal) var(--ease-out);pointer-events:none;padding:2px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-composite:exclude;mask-mode:match-source,match-source}.product-card:hover:before{opacity:1}.product-card__accent{height:4px;position:absolute;top:0;left:0;right:0}.product-card__header{align-items:center;gap:var(--space-4);margin-bottom:var(--space-6);display:flex}.product-card__icon{border-radius:var(--radius-md);width:60px;height:60px;box-shadow:var(--shadow-sm);transition:transform var(--duration-fast) var(--ease-out);justify-content:center;align-items:center;font-size:30px;display:flex}.product-card:hover .product-card__icon{transform:scale(1.1)rotate(4deg)}.product-card__name{font-family:var(--font-display);font-size:var(--text-2xl);color:var(--color-text);font-weight:700}.product-card__tagline{font-size:var(--text-sm);color:var(--color-text-secondary);margin-top:var(--space-1)}.product-card__description{color:var(--color-text-secondary);margin-bottom:var(--space-6);line-height:1.7}.product-card__features{gap:var(--space-2);margin-bottom:var(--space-6);flex-wrap:wrap;display:flex}.product-card__actions{align-items:center;gap:var(--space-3);display:flex}.hero{padding-top:calc(var(--nav-height) + var(--space-20));padding-bottom:var(--space-20);position:relative;overflow:hidden}.hero__bg{background:radial-gradient(ellipse 70% 60% at 50% -10%, var(--hero-mesh-1) 0%, transparent 65%), radial-gradient(ellipse 60% 50% at 85% 25%, var(--hero-mesh-2) 0%, transparent 60%), radial-gradient(ellipse 55% 45% at 15% 35%, var(--hero-mesh-3) 0%, transparent 55%), radial-gradient(ellipse 50% 40% at 75% 75%, var(--hero-mesh-4) 0%, transparent 50%);z-index:-1;transition:all var(--duration-slow) var(--ease-out);position:absolute;inset:0}.hero__grid-pattern{opacity:.8;z-index:-1;background-image:linear-gradient(#ffffff0a 1px,#0000 1px),linear-gradient(90deg,#ffffff0a 1px,#0000 1px);background-size:48px 48px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(80% 60% at 50% 40%,#000 15%,#0000 75%);mask-image:radial-gradient(80% 60% at 50% 40%,#000 15%,#0000 75%)}html[data-theme=vibrant] .hero__grid-pattern{background-image:linear-gradient(#0000000a 1px,#0000 1px),linear-gradient(90deg,#0000000a 1px,#0000 1px)}.hero__content{text-align:center;max-width:780px;margin:0 auto}.hero__eyebrow{margin-bottom:var(--space-5);box-shadow:var(--shadow-xs)}.hero__title{margin-bottom:var(--space-6);color:var(--color-text);font-weight:700}.hero__title-highlight{background:var(--btn-gradient);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;display:inline-block}.hero__subtitle{font-size:var(--text-xl);color:var(--color-text-secondary);max-width:52ch;margin:0 auto var(--space-10);line-height:1.7}.hero__actions{justify-content:center;align-items:center;gap:var(--space-4);flex-wrap:wrap;display:flex}.feature-grid{gap:var(--space-6);grid-template-columns:repeat(auto-fit,minmax(280px,1fr));display:grid}.feature-item{padding:var(--space-6);border-radius:var(--radius-lg);background:var(--color-surface);border:1px solid var(--color-border);transition:all var(--duration-normal) var(--ease-out);position:relative;overflow:hidden}.feature-item:hover{border-color:var(--color-brand);box-shadow:var(--shadow-md);transform:translateY(-3px)}.feature-item__icon{border-radius:var(--radius-md);width:48px;height:48px;margin-bottom:var(--space-4);box-shadow:var(--shadow-xs);justify-content:center;align-items:center;font-size:22px;display:flex}.feature-item__title{font-family:var(--font-display);font-size:var(--text-lg);margin-bottom:var(--space-2);color:var(--color-text);font-weight:700}.feature-item__desc{color:var(--color-text-secondary);font-size:var(--text-sm);line-height:1.7}.section-header{text-align:center;max-width:640px;margin:0 auto var(--space-16)}.section-header__eyebrow{margin-bottom:var(--space-3);display:inline-block}.section-header__title{margin-bottom:var(--space-4);color:var(--color-text)}.section-header__subtitle{color:var(--color-text-secondary);font-size:var(--text-lg);max-width:50ch;margin:0 auto}.product-hero{padding-top:calc(var(--nav-height) + var(--space-16));padding-bottom:var(--space-16);background:var(--color-bg);transition:background-color var(--duration-slow) var(--ease-out);position:relative;overflow:hidden}.product-hero__content{gap:var(--space-12);grid-template-columns:1fr 1fr;align-items:center;display:grid}.product-hero__text{max-width:520px}.product-hero__badge{margin-bottom:var(--space-5);box-shadow:var(--shadow-xs)}.product-hero__title{margin-bottom:var(--space-4);color:var(--color-text);line-height:1.25}.product-hero__desc{font-size:var(--text-lg);color:var(--color-text-secondary);margin-bottom:var(--space-8);line-height:1.7}.product-hero__visual{justify-content:center;align-items:center;display:flex}.product-hero__mockup-wrapper{justify-content:center;align-items:center;display:flex;position:relative}.product-hero__mockup{background:var(--mockup-bg);border:10px solid var(--mockup-border);border-radius:40px;justify-content:center;align-items:center;width:290px;height:570px;display:flex;position:relative;overflow:hidden;box-shadow:0 25px 60px #0006,inset 0 0 0 2px #ffffff26}.product-hero__mockup-content{justify-content:center;align-items:center;gap:var(--space-4);width:100%;height:100%;padding:var(--space-8);text-align:center;background:var(--mockup-screen-bg);flex-direction:column;display:flex}.product-hero__mockup-icon{font-size:68px}.real-device-mockup{width:100%;max-width:320px;height:auto;box-shadow:none;filter:drop-shadow(0 25px 45px #000000bf);transition:transform var(--duration-normal) var(--ease-out), filter var(--duration-normal) var(--ease-out);border-radius:0;display:block}.real-device-mockup--geosim:hover{filter:drop-shadow(0 30px 60px #000c)drop-shadow(0 0 35px #00e5ff66);transform:translateY(-6px)scale(1.02)}.phone-frame{width:290px;transition:transform var(--duration-normal) var(--ease-out), box-shadow var(--duration-normal) var(--ease-out);background:#0c0f17;border:8px solid #1e2435;border-radius:46px;position:relative;overflow:hidden;box-shadow:0 25px 50px -12px #000000b3,inset 0 0 0 1px #ffffff1f,0 0 40px #00000080}.phone-frame--pikiewalker:hover{transform:translateY(-8px)scale(1.02);box-shadow:0 35px 65px -10px #000c,inset 0 0 0 1px #34d39966,0 0 45px #34d39959}.phone-frame--geosim:hover{transform:translateY(-8px)scale(1.02);box-shadow:0 35px 65px -10px #000c,inset 0 0 0 1px #00e5ff66,0 0 45px #00e5ff59}.phone-frame__island{z-index:10;background:#000;border-radius:12px;width:80px;height:20px;position:absolute;top:10px;left:50%;transform:translate(-50%);box-shadow:0 0 1px #fff3}.phone-frame__screen{border-radius:36px;width:100%;height:100%;display:block;position:relative;overflow:hidden}.phone-frame__image{object-fit:cover;width:100%;height:auto;display:block}.phone-frame__glare{pointer-events:none;z-index:5;background:linear-gradient(135deg,#ffffff1f 0%,#ffffff05 40%,#0000 60%);border-radius:36px;position:absolute;inset:0}.tutorial-steps{gap:var(--space-6);max-width:var(--container-narrow);flex-direction:column;margin:0 auto;display:flex}.tutorial-step{gap:var(--space-6);border-left:4px solid var(--color-brand);background:var(--color-surface);align-items:flex-start;display:flex}.tutorial-step__number{border-radius:var(--radius-md);width:42px;height:42px;font-family:var(--font-display);font-weight:800;font-size:var(--text-sm);color:#fff;box-shadow:0 4px 12px var(--color-brand-glow);flex-shrink:0;justify-content:center;align-items:center;display:flex}.tutorial-step__content{flex:1}.tutorial-step__title{font-family:var(--font-display);font-size:var(--text-lg);margin-bottom:var(--space-2);color:var(--color-text);font-weight:700}.tutorial-step__desc{color:var(--color-text-secondary);line-height:1.7}.accordion-list{gap:var(--space-4);max-width:var(--container-narrow);flex-direction:column;margin:0 auto;display:flex}.accordion-item{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);transition:all var(--duration-normal) var(--ease-out);overflow:hidden}.accordion-item:hover{border-color:var(--color-brand);box-shadow:var(--shadow-sm)}.accordion-item.is-open{border-color:var(--color-brand);box-shadow:var(--shadow-md)}.accordion-header{width:100%;padding:var(--space-5) var(--space-6);text-align:left;cursor:pointer;justify-content:space-between;align-items:center;gap:var(--space-4);background:0 0;border:none;display:flex}.accordion-header__left{align-items:center;gap:var(--space-4);display:flex}.accordion-header__badge{font-family:var(--font-display);font-size:var(--text-xs);letter-spacing:.05em;border-radius:var(--radius-sm);padding:4px 10px;font-weight:800;line-height:1}.accordion-header__title{font-family:var(--font-display);font-size:var(--text-base);color:var(--color-text);font-weight:700}.accordion-header__icon{background:var(--color-bg-muted);width:24px;height:24px;color:var(--color-text-secondary);transition:transform var(--duration-normal) var(--ease-out), background var(--duration-fast) var(--ease-out);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.accordion-item.is-open .accordion-header__icon{background:var(--color-brand-surface);color:var(--color-brand-light);transform:rotate(180deg)}.accordion-body{padding:0 var(--space-6) var(--space-6) calc(var(--space-6) + 48px);color:var(--color-text-secondary);font-size:var(--text-sm);border-top:1px solid var(--color-border-subtle);padding-top:var(--space-4);animation:fadeIn .3s var(--ease-out) forwards;margin-top:2px;line-height:1.75;display:none}.accordion-item.is-open .accordion-body{display:block}.accordion-body__extra{margin-top:var(--space-3);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);background:var(--color-bg-subtle);border-left:3px solid var(--color-brand);font-size:var(--text-xs)}.value-section{background:var(--color-bg-subtle);transition:background-color var(--duration-slow) var(--ease-out)}.value-grid{gap:var(--space-8);grid-template-columns:repeat(3,1fr);display:grid}.value-item{text-align:center;padding:var(--space-6);border-radius:var(--radius-lg);background:var(--color-surface);border:1px solid var(--color-border);transition:all var(--duration-normal) var(--ease-out)}.value-item:hover{box-shadow:var(--shadow-md);border-color:var(--color-brand);transform:translateY(-4px)}.value-item__icon{border-radius:var(--radius-md);background:var(--color-brand-surface);width:58px;height:58px;margin:0 auto var(--space-5);box-shadow:0 4px 16px var(--color-brand-glow);justify-content:center;align-items:center;font-size:26px;display:flex}.value-item__title{font-family:var(--font-display);font-size:var(--text-lg);margin-bottom:var(--space-2);color:var(--color-text);font-weight:700}.value-item__desc{color:var(--color-text-secondary);font-size:var(--text-sm);max-width:30ch;margin:0 auto;line-height:1.7}.cta-banner{padding:var(--space-16) 0;text-align:center;background:var(--color-bg);transition:background-color var(--duration-slow) var(--ease-out)}.cta-banner__inner{color:#fff;border-radius:var(--radius-xl);padding:var(--space-16) var(--space-8);box-shadow:var(--shadow-xl);background:linear-gradient(135deg,#141828 0%,#0f1320 100%);border:1px solid #ffffff1a;position:relative;overflow:hidden}.cta-banner__pattern{background:radial-gradient(circle at 15% 40%, var(--hero-mesh-1) 0%, transparent 45%), radial-gradient(circle at 85% 60%, var(--hero-mesh-2) 0%, transparent 45%), radial-gradient(circle at 50% 90%, var(--hero-mesh-3) 0%, transparent 50%);opacity:.8;z-index:0;position:absolute;inset:0}.cta-banner__content{z-index:1;position:relative}.cta-banner__title{margin-bottom:var(--space-4);color:#fff!important}.cta-banner__desc{font-size:var(--text-lg);max-width:45ch;margin:0 auto var(--space-8);color:#fffc!important}.cta-banner__actions{justify-content:center;align-items:center;gap:var(--space-4);flex-wrap:wrap;display:flex}.btn--white{color:#0a0c14;background:#fff;font-weight:700}.btn--white:hover{background:#f3f4f6;transform:translateY(-2px);box-shadow:0 8px 24px #fff3}.btn--ghost-white{color:#fff;border:1.5px solid #ffffff4d}.btn--ghost-white:hover{background:#ffffff26;border-color:#fff;transform:translateY(-2px)}.footer{background:var(--color-bg-subtle);border-top:1px solid var(--color-border-subtle);padding:var(--space-16) 0 var(--space-8);transition:background-color var(--duration-slow) var(--ease-out)}.footer__grid{gap:var(--space-12);margin-bottom:var(--space-12);grid-template-columns:2fr 1fr 1fr;display:grid}.footer__brand-name{font-family:var(--font-display);font-size:var(--text-lg);margin-bottom:var(--space-3);color:var(--color-text);font-weight:700}.footer__brand-desc{color:var(--color-text-secondary);font-size:var(--text-sm);max-width:36ch;line-height:1.7}.footer__col-title{font-family:var(--font-display);font-size:var(--text-sm);margin-bottom:var(--space-4);color:var(--color-text);font-weight:700}.footer__links{gap:var(--space-3);flex-direction:column;list-style:none;display:flex}.footer__link{font-size:var(--text-sm);color:var(--color-text-secondary);transition:color var(--duration-fast) var(--ease-out)}.footer__link:hover{color:var(--color-brand-light)}html[data-theme=vibrant] .footer__link:hover{color:var(--color-brand)}.footer__bottom{padding-top:var(--space-6);border-top:1px solid var(--color-border-subtle);justify-content:space-between;align-items:center;display:flex}.footer__copyright{font-size:var(--text-xs);color:var(--color-text-muted)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.animate-in{opacity:0;animation:fadeInUp .6s var(--ease-out) forwards}.animate-in--delay-1{animation-delay:.1s}.animate-in--delay-2{animation-delay:.2s}.animate-in--delay-3{animation-delay:.3s}.animate-in--delay-4{animation-delay:.4s}@media (width<=768px){.nav__links{display:none}.nav__toggle{display:flex}.nav__mobile-menu{display:block}.theme-switcher{padding:4px 8px;font-size:11px;bottom:16px;right:16px}.theme-btn{padding:4px 10px;font-size:11px}.hero{padding-top:calc(var(--nav-height) + var(--space-12));padding-bottom:var(--space-12)}.hero__actions{flex-direction:column;width:100%}.hero__actions .btn{width:100%;max-width:320px}.product-hero__content{text-align:center;grid-template-columns:1fr}.product-hero__text{max-width:100%}.product-hero__mockup{width:240px;height:480px}.feature-grid{grid-template-columns:1fr}.value-grid{gap:var(--space-6);grid-template-columns:1fr}.footer__grid{gap:var(--space-8);grid-template-columns:1fr}.footer__bottom{gap:var(--space-3);text-align:center;flex-direction:column}.cta-banner__inner{padding:var(--space-10) var(--space-6)}.cta-banner__actions{flex-direction:column}.cta-banner__actions .btn{width:100%;max-width:320px}.accordion-header{padding:var(--space-4)}.accordion-body{padding:0 var(--space-4) var(--space-4) var(--space-4)}}