*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{-webkit-font-smoothing:antialiased;scroll-behavior:smooth}:root{--bg:#faf8f5;--surface:#f2ede5;--ink:#1a1a1a;--white:#fff;--accent:#e85d2c;--accent2:#2d6a8e;--muted:rgba(26,26,26,.42);--line:rgba(26,26,26,.08);--sans:-apple-system,"PingFang SC","Microsoft YaHei","Noto Sans SC",system-ui,sans-serif;--mono:"SF Mono","Fira Code",monospace;--shadow:0 1px 3px rgba(0,0,0,.03),0 16px 48px rgba(0,0,0,.07)}body[data-theme=ocean]{--bg:#f6f7f9;--surface:#eaeef2;--ink:#16202b;--accent:#0d7377;--accent2:#c1440e;--muted:rgba(22,32,43,.42);--line:rgba(22,32,43,.08)}body[data-theme=ink]{--bg:#f5f2ec;--surface:#ebe6db;--ink:#1a1a1a;--accent:#3d2817;--accent2:#7a5230;--muted:rgba(26,26,26,.42);--line:rgba(26,26,26,.08)}body[data-theme=moss]{--bg:#f5f6f0;--surface:#e8ece0;--ink:#1a2e22;--accent:#2d6a4f;--accent2:#b08900;--muted:rgba(26,46,34,.42);--line:rgba(26,46,34,.08)}body[data-theme=plum]{--bg:#f8f4f6;--surface:#eee0e8;--ink:#2a1a2e;--accent:#7d2168;--accent2:#d4a017;--muted:rgba(42,26,46,.42);--line:rgba(42,26,46,.08)}body[data-theme=rust]{--bg:#f7f4f1;--surface:#ede4dc;--ink:#2a1a10;--accent:#a04020;--accent2:#3a5a40;--muted:rgba(42,26,16,.42);--line:rgba(42,26,16,.08)}body[data-theme=slate]{--bg:#f4f5f7;--surface:#e4e7eb;--ink:#1e293b;--accent:#475569;--accent2:#b91c1c;--muted:rgba(30,41,59,.42);--line:rgba(30,41,59,.08)}body{font-family:var(--sans);background:var(--bg);color:var(--ink);overflow-x:hidden;line-height:1.6}img{display:block;max-width:100%}a{color:inherit;text-decoration:none}.nav{position:fixed;top:0;left:0;right:0;z-index:200;display:flex;justify-content:space-between;align-items:center;padding:20px 40px;color:#fff;mix-blend-mode:difference;opacity:0;transform:translateY(-8px);transition:opacity .8s .3s,transform .8s .3s}.nav.in{opacity:1;transform:translateY(0)}.nav-logo{font-size:17px;font-weight:700;letter-spacing:.05em}.nav-right{display:flex;align-items:center;gap:24px}.nav-menu{font-size:14px;font-weight:500;cursor:pointer;display:flex;align-items:center;gap:8px}.nav-menu span{display:flex;flex-direction:column;gap:4px}.nav-menu span i{display:block;width:18px;height:1.5px;background:currentColor}.menu-overlay{position:fixed;inset:0;z-index:150;background:var(--ink);color:var(--white);display:flex;flex-direction:column;justify-content:center;padding:0 8vw;opacity:0;visibility:hidden;transition:opacity .5s,visibility 0s .5s}.menu-overlay.open{opacity:1;visibility:visible;transition:opacity .5s}.menu-overlay ul{list-style:none}.menu-overlay li{overflow:hidden}.menu-overlay a{display:inline-block;font-size:clamp(36px,7vw,84px);font-weight:700;letter-spacing:-.02em;line-height:1.15;color:var(--white);transform:translateY(100%)}.menu-overlay.open a{animation:mb .8s cubic-bezier(.16,1,.3,1) forwards}.menu-overlay.open li:nth-child(1) a{animation-delay:.05s}.menu-overlay.open li:nth-child(2) a{animation-delay:.12s}.menu-overlay.open li:nth-child(3) a{animation-delay:.19s}.menu-overlay.open li:nth-child(4) a{animation-delay:.26s}@keyframes mb{0%{transform:translateY(100%)}55%{transform:translateY(-6%)}80%{transform:translateY(2%)}to{transform:translateY(0)}}.menu-overlay a:hover{color:var(--accent)}.menu-overlay a .num{font-size:14px;font-family:var(--mono);font-weight:400;color:var(--accent);margin-right:16px;vertical-align:super;opacity:.7}.menu-foot{position:absolute;bottom:40px;left:8vw;right:8vw;display:flex;justify-content:space-between;font-size:13px;opacity:.3}.hero{min-height:100vh;display:flex;flex-direction:column;justify-content:center;padding:120px 8vw 80px;max-width:1200px}.hero-eyebrow{font-size:14px;font-weight:600;color:var(--accent);letter-spacing:.08em;margin-bottom:32px;opacity:0;transform:translateY(16px);transition:opacity .8s,transform .8s}.hero.in .hero-eyebrow{opacity:1;transform:translateY(0)}.hero-line{overflow:hidden;display:block}.hero-line-inner{display:block;transform:translateY(110%);transition:transform 1s cubic-bezier(.16,1,.3,1)}.hero.in .hero-line-inner{transform:translateY(0)}.hero.in .hero-line:nth-child(1) .hero-line-inner{transition-delay:.1s}.hero.in .hero-line:nth-child(2) .hero-line-inner{transition-delay:.2s}.hero h1{font-size:clamp(36px,6vw,72px);font-weight:700;letter-spacing:-.02em;line-height:1.2;margin-bottom:32px}.hero h1 .hl{color:var(--accent)}.hero-sub{font-size:clamp(16px,2vw,19px);color:var(--muted);max-width:440px;line-height:1.7;opacity:0;transform:translateY(20px);transition:opacity 1s .4s,transform 1s .4s}.hero.in .hero-sub{opacity:1;transform:translateY(0)}.marquee-strip{overflow:hidden;white-space:nowrap;padding:20px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);-webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}.marquee-track{display:inline-block;animation:mq 30s linear infinite}.marquee-track span{font-size:clamp(18px,2.2vw,26px);font-weight:700;letter-spacing:.02em;margin-right:40px}.marquee-track span em{font-style:normal;color:var(--accent)}.marquee-track span:nth-child(2n) em{color:var(--accent2)}.marquee-track span:after{content:"·";margin-left:40px;color:var(--muted);font-weight:400}@keyframes mq{0%{transform:translate(0)}to{transform:translate(-50%)}}.feed{padding:80px 0 160px}.feed-label{padding:0 8vw;margin-bottom:80px;display:flex;justify-content:space-between;align-items:baseline;border-bottom:1px solid var(--line);padding-bottom:20px;font-size:13px;font-family:var(--mono);color:var(--muted);background:var(--surface);padding-top:20px;padding-left:8vw;padding-right:8vw}.feed-label span:first-child{font-weight:700;color:var(--ink)}.project{margin-bottom:160px}.project:last-child{margin-bottom:0}.project:nth-child(odd) .project-img-wrap{margin-left:8vw;width:72%}.project:nth-child(2n) .project-img-wrap{margin-left:auto;margin-right:8vw;width:58%}.project-img-wrap{position:relative;overflow:hidden}.project-img{width:100%;display:block;box-shadow:var(--shadow);transform:translateY(8%) scale(1.06);filter:blur(8px);opacity:0;transition:transform 1.2s cubic-bezier(.16,1,.3,1),filter 1.2s cubic-bezier(.16,1,.3,1),opacity .7s cubic-bezier(.16,1,.3,1)}.project.revealed .project-img{transform:translateY(0) scale(1);filter:blur(0);opacity:1}.project-img-wrap:hover .project-img{transform:scale(1.03)}.project-meta{display:flex;justify-content:space-between;align-items:baseline;margin-top:16px;padding:0 8vw;overflow:hidden}.project-meta-inner{display:flex;justify-content:space-between;width:100%;transform:translateY(100%);transition:transform .7s cubic-bezier(.16,1,.3,1) .25s}.project.revealed .project-meta-inner{transform:translateY(0)}.project-title{font-size:clamp(18px,2vw,24px);font-weight:700;letter-spacing:-.01em}.project-title em{font-style:normal;color:var(--accent)}.project-link{font-size:13px;font-weight:500;color:var(--muted);transition:color .3s}.project-link:hover{color:var(--accent)}.pricing{padding:120px 8vw;max-width:1200px}.pricing-head{display:flex;justify-content:space-between;align-items:baseline;padding-bottom:20px;margin-bottom:80px;border-bottom:1px solid var(--line);font-size:13px;font-family:var(--mono);color:var(--muted)}.pricing-head span:first-child{font-weight:700;color:var(--ink)}.pricing h2{font-size:clamp(32px,5vw,56px);font-weight:700;letter-spacing:-.02em;line-height:1.1;margin-bottom:24px}.pricing h2 .hl{color:var(--accent)}.pricing-intro{font-size:17px;color:var(--muted);line-height:1.7;max-width:500px;margin-bottom:80px}.tier{display:grid;grid-template-columns:60px 1fr auto;align-items:start;gap:32px;padding:48px 0;border-top:1px solid var(--line)}.tier:last-of-type{border-bottom:1px solid var(--line)}.tier-num{font-family:var(--mono);font-size:13px;font-weight:700;color:var(--accent);padding-top:6px}.tier-name{font-size:clamp(22px,2.8vw,32px);font-weight:700;letter-spacing:-.01em;margin-bottom:12px}.tier-name em{font-style:normal;color:var(--accent)}.tier-desc{font-size:15px;line-height:1.7;color:var(--muted);max-width:420px}.tier-price{text-align:right;white-space:nowrap}.tier-price .from{display:block;font-size:12px;font-family:var(--mono);color:var(--muted);margin-bottom:4px}.tier-price .amount{font-size:clamp(24px,3vw,36px);font-weight:700;letter-spacing:-.02em}.seo-addon{margin-top:80px;padding:56px 48px;background:var(--ink);color:var(--white);border-radius:8px;border-left:4px solid var(--accent)}.seo-addon h3{font-size:clamp(24px,3vw,36px);font-weight:700;letter-spacing:-.01em;margin-bottom:16px}.seo-addon h3 .hl{color:var(--accent)}.seo-addon p{font-size:16px;line-height:1.7;opacity:.5;max-width:480px;margin-bottom:12px}.seo-price{font-family:var(--mono);font-size:14px;color:var(--accent);font-weight:700}.about{padding:120px 8vw;max-width:1200px}.about h2{font-size:clamp(32px,5vw,56px);font-weight:700;letter-spacing:-.02em;line-height:1.1;margin-bottom:40px}.about h2 .hl{color:var(--accent)}.about-text{max-width:560px}.about-text p{font-size:clamp(17px,2vw,20px);line-height:1.8;color:var(--ink);margin-bottom:28px}.about-text p:last-child{color:var(--muted);font-size:16px}.about-text em{font-style:normal;color:var(--accent)}.steps{margin-top:80px}.step{display:grid;grid-template-columns:80px 1fr;gap:32px;padding:40px 0;border-top:1px solid var(--line)}.step:last-child{border-bottom:1px solid var(--line)}.step-num{font-family:var(--mono);font-size:13px;font-weight:700;color:var(--accent);padding-top:6px}.step-title{font-size:clamp(20px,2.5vw,28px);font-weight:700;letter-spacing:-.01em;margin-bottom:10px}.step-title em{font-style:normal;color:var(--accent)}.step-text{font-size:15px;line-height:1.7;color:var(--muted);max-width:440px}footer{background:var(--ink);color:var(--white);padding:120px 8vw 48px}.foot-label{font-size:13px;font-family:var(--mono);font-weight:600;color:var(--accent);letter-spacing:.08em;margin-bottom:28px}.foot-cta{font-size:clamp(32px,6vw,72px);font-weight:700;letter-spacing:-.02em;line-height:1.1;margin-bottom:32px}.foot-cta .hl{color:var(--accent)}.foot-sub{font-size:16px;opacity:.4;margin-bottom:36px;max-width:400px;line-height:1.6}.foot-link{display:inline-flex;align-items:center;gap:8px;font-size:clamp(17px,2vw,22px);font-weight:600;border-bottom:2px solid var(--white);padding-bottom:4px;transition:gap .3s,opacity .3s}.foot-link:hover{gap:14px;opacity:.7}.foot-info{display:flex;justify-content:space-between;margin-top:80px;padding-top:24px;border-top:1px solid rgba(255,255,255,.1);font-size:12px;opacity:.3}@media(max-width:768px){.nav{padding:16px 20px}.hero{padding:100px 24px 60px;min-height:auto}.hero h1{font-size:clamp(30px,10vw,44px)}.feed{padding:60px 0 100px}.project{margin-bottom:100px}.project:nth-child(odd) .project-img-wrap,.project:nth-child(2n) .project-img-wrap{width:100%;margin:0}.project-meta{padding:0 24px}.pricing,.about{padding:80px 24px}.tier{grid-template-columns:1fr;gap:12px;padding:36px 0}.tier-price{text-align:left}.seo-addon{padding:40px 28px}.step{grid-template-columns:1fr;gap:12px}footer{padding:80px 24px 40px}}.theme-switch{position:fixed;top:22px;right:120px;z-index:201;display:flex;gap:6px;align-items:center;padding:5px 10px;border-radius:100px;background:#ffffffd9;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.theme-switch button{width:18px;height:18px;border-radius:50%;border:2px solid transparent;cursor:pointer;transition:transform .2s,border-color .2s;opacity:.5}.theme-switch button:hover{opacity:1;transform:scale(1.15)}.theme-switch button.active{opacity:1;border-color:currentColor;transform:scale(1.15)}@media(max-width:768px){.theme-switch{top:18px;right:80px;padding:3px 6px}.theme-switch button{width:14px;height:14px}}