@font-face{font-family:Manrope;src:url('/luma/assets/manrope.ttf') format('truetype');font-weight:200 800;font-style:normal;font-display:swap}
:root{color-scheme:dark;--bg:#000;--surface:#181818;--text:#f7f7f7;--muted:#a2a2a2;--mint:#b5f4c4;--line:#313131;--curve:cubic-bezier(.22,1,.36,1);font-family:Manrope,'PingFang SC','Hiragino Sans GB',sans-serif;color:var(--text);background:var(--bg)}
*{box-sizing:border-box}body{margin:0}a{color:inherit;text-decoration:none}a,button{touch-action:manipulation}button{font:inherit;cursor:pointer}button,video{color:inherit}p,h1,h2,h3,figure{margin:0}p{color:var(--muted);text-wrap:pretty}h1,h2,h3{text-wrap:balance;white-space:pre-line;letter-spacing:-.035em}ul,ol{margin:0;padding:0;list-style:none}button:disabled{cursor:default}img,video{max-width:100%;display:block}svg{width:24px;height:24px;flex:none}a:hover{color:var(--mint)}:focus-visible{outline:2px solid var(--mint);outline-offset:4px}button,a{transition:opacity .3s var(--curve),transform .3s var(--curve),color .3s var(--curve)}button:active,.button:active{transform:scale(.98)}::selection{background:var(--mint);color:#000}[hidden]{display:none!important}
.heading-1{font-size:60px;line-height:60px;font-weight:600}.heading-2{font-size:48px;line-height:48px;font-weight:600}.heading-3{font-size:36px;line-height:40px;font-weight:600}.heading-4{font-size:30px;line-height:36px;font-weight:600}.heading-5{font-size:24px;line-height:32px;font-weight:600}.title-1{font-size:20px;line-height:28px;font-weight:500}.title-2{font-size:18px;line-height:28px;font-weight:500}.title-3{font-size:16px;line-height:24px;font-weight:500}.body-3{font-size:16px;line-height:24px;font-weight:400}.body-6{font-size:14px;line-height:20px;font-weight:400}.button-md{font-size:16px;line-height:24px;font-weight:600}.button-Xsm{font-size:12px;line-height:16px;font-weight:600}.caption-1{font-size:14px;line-height:20px;font-weight:500}.caption-2{font-size:14px;line-height:20px;font-weight:400}
.wrap{width:min(1120px,calc(100% - 96px));margin-inline:auto}.section{padding-block:96px;scroll-margin-top:96px}.button{display:inline-flex;align-items:center;justify-content:center;gap:12px;padding:8px 12px;background:var(--mint);color:#000;border:0;border-radius:8px;min-height:48px}.button:hover{color:#000;transform:translateY(-2px);opacity:.9}.button svg{width:20px;height:20px}.text-link{display:inline-flex;align-items:center;gap:8px;color:var(--mint)}.text-link svg{width:16px;height:16px}.skip-link{position:fixed;left:16px;top:8px;transform:translateY(-200%);padding:12px 16px;background:var(--mint);color:#000;z-index:100}.skip-link:focus{transform:none}
.site-header{position:relative;z-index:20;display:flex;align-items:center;gap:32px;max-width:960px;width:calc(100% - 48px);margin:24px auto 0;padding:12px 24px;border:1px solid var(--line);border-radius:32px;background:rgb(24 24 24/.7);backdrop-filter:blur(24px)}.brand{display:inline-flex;align-items:center;gap:8px;white-space:nowrap;letter-spacing:-.02em}.brand span{font-weight:400}.brand img{border-radius:8px}.main-nav{display:flex;align-items:center;gap:24px;margin-left:auto}.language-switch{display:flex;gap:12px;padding-left:24px;border-left:1px solid var(--line);white-space:nowrap}.language-switch a{color:var(--muted)}.language-switch [aria-current]{color:var(--text)}.menu-toggle{display:none;border:0;background:none;padding:8px;color:var(--text);position:relative;z-index:2}
.hero{text-align:center;padding-top:48px}.hero h1{max-width:680px;margin:0 auto;background:linear-gradient(100deg,#fff,#9b9b9b);color:transparent;background-clip:text}.hero-description{max-width:680px;margin:24px auto 24px}.proof{margin-top:16px}.requirements{margin-top:8px;font-size:12px;line-height:16px}.demo{margin-top:8px;text-align:left}.demo-stage{position:relative;left:50%;transform:translateX(-50%);width:min(1480px,100vw);height:480px;overflow:hidden}.demo-stage video{width:100%;height:100%;object-fit:contain;background:transparent;border:0;border-radius:0;mask-image:linear-gradient(to right,transparent,#000 5%,#000 95%,transparent),linear-gradient(to bottom,transparent,#000 4%,#000 97%,transparent);mask-composite:intersect}.demo-toolbar{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-top:16px}.demo-chapters{display:flex;gap:8px}.chapter{display:inline-flex;align-items:center;gap:4px;border:1px solid var(--line);border-radius:8px;background:#181818;padding:8px 12px}.chapter svg{width:12px;height:12px}.chapter:hover,.chapter[aria-pressed=true]{color:var(--mint)}.demo figcaption{max-width:680px;margin-top:12px;color:var(--muted)}.demo-error{margin-top:12px;color:var(--mint)}
.speed-layout{display:grid;grid-template-columns:1.1fr 1fr;gap:64px;align-items:center}.speed-number{font-size:128px;line-height:128px;font-weight:600;color:var(--mint);letter-spacing:-.08em}.speed-number span{font-size:96px;line-height:96px}.speed-layout h2{margin-top:16px}.speed-layout p{max-width:440px;margin-top:16px}.speed-layout .caption-2{margin-top:12px}.speed-ruler{position:relative;display:flex;justify-content:space-between;padding-block:24px}.speed-ruler:before{content:'';position:absolute;top:64px;height:2px;background:var(--line);width:100%;left:0}.speed-ruler>div{display:flex;flex-direction:column;align-items:center;gap:24px;position:relative}.speed-ruler i{width:12px;height:12px;background:#000;border:2px solid #777;border-radius:9999px}.speed-ruler .selected{color:var(--mint)}.speed-ruler .selected i{background:var(--mint);border-color:var(--mint);transform:scale(1.5)}.key-hint{display:flex;align-items:center;gap:8px;margin-top:48px}.key-hint kbd{font-family:inherit;font-size:20px;line-height:28px;font-weight:500;padding:8px 12px;background:var(--surface);border:1px solid #555;border-radius:8px}.key-hint>div{margin-left:8px}.key-hint p,.key-hint .caption-2{margin-top:0}
.benefits{display:grid;grid-template-columns:1fr 1fr;gap:80px;margin-top:80px;padding-top:48px}.benefits article>svg{width:40px;height:40px;margin-bottom:24px}.benefits p{margin-top:16px;max-width:440px}.benefits .text-link{margin-top:24px}.tagline-section{padding-top:48px;padding-bottom:96px}.tagline{max-width:680px}.tagline [data-word]{transition:opacity .5s var(--curve)}.motion .tagline [data-word]{opacity:.4}.motion .tagline [data-word].visible{opacity:1}
.formats-section{display:grid;grid-template-columns:1.15fr 1fr;gap:80px;align-items:center}.formats-section p{margin-top:24px;max-width:520px}.format-cloud{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:16px;padding:32px}.format-cloud li{border:1px solid var(--line);border-radius:12px;padding:16px 24px;color:var(--muted)}.format-cloud li:first-child,.format-cloud li:nth-child(4){color:var(--mint);border-color:#49614f}.start-section h2{margin-bottom:48px}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:48px}.step-number{color:var(--mint);display:block;margin-bottom:24px}.steps p{margin-top:16px}.pricing-faq{display:grid;grid-template-columns:1fr 1fr;gap:80px}.price{font-size:72px;line-height:72px;font-weight:600;color:var(--mint);letter-spacing:-.06em;margin-top:32px}.pricing>.title-3{margin-top:8px;color:var(--text)}.purchase-details{margin-top:24px;color:var(--muted);display:grid;gap:12px}.purchase-details li:before{content:'✓';color:var(--mint);margin-right:12px}.pricing .button{margin-top:32px}.pricing>.caption-2{margin-top:16px;max-width:440px}.faq h2{margin-bottom:24px}.faq details{border:1px solid var(--line);border-radius:12px;margin-bottom:12px;padding:16px 24px}.faq summary{display:flex;align-items:center;justify-content:space-between;gap:24px;cursor:pointer;list-style:none}.faq summary::-webkit-details-marker{display:none}.faq summary span{font-size:24px;line-height:32px;color:var(--muted);transition:transform .3s var(--curve)}.faq details[open] summary span{transform:rotate(45deg)}.faq details p{margin-top:16px}.final-cta{text-align:center}.final-cta img{margin:0 auto 24px}.final-cta h2{max-width:680px;margin:auto}.final-cta p{margin-top:24px}.final-cta .button{margin-top:32px}.site-footer{padding-top:48px;padding-bottom:32px}.footer-main{display:flex;align-items:flex-start;justify-content:space-between;gap:48px}.footer-main p{margin-top:12px}.footer-links{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:24px;max-width:520px}.footer-base{display:flex;justify-content:space-between;gap:24px;color:var(--muted);margin-top:48px}.policy{max-width:800px;padding-top:80px;padding-bottom:96px}.policy h1{margin-top:32px;margin-bottom:48px}.policy section{margin-top:32px}.policy p{margin-top:16px}.policy a{color:var(--mint)}
.motion [data-reveal]{transition:opacity .7s var(--curve),transform .7s var(--curve)}.motion [data-reveal].pending{opacity:0;transform:translateY(32px)}
@media(max-width:900px){.wrap{width:calc(100% - 64px)}.site-header{gap:24px}.main-nav{gap:16px}.main-nav a:last-child{display:none}.language-switch{padding-left:16px}.speed-layout,.formats-section,.pricing-faq{gap:48px}.benefits{gap:48px}.steps{gap:24px}.footer-main{flex-direction:column}.footer-links{justify-content:flex-start;max-width:none}.demo-toolbar{align-items:flex-start;flex-wrap:wrap;gap:12px}}
@media(max-width:620px){.wrap{width:calc(100% - 32px)}.site-header{width:calc(100% - 32px);margin-top:16px;gap:12px;padding:12px 16px}.brand{font-size:14px;line-height:20px;gap:4px}.brand img{width:24px;height:24px}.language-switch{margin-left:auto;padding-left:0;border:0;gap:8px;font-size:12px;line-height:16px}.menu-toggle{display:flex;flex-direction:column;gap:4px}.menu-toggle span{display:block;width:16px;height:2px;background:currentColor;transition:transform .5s var(--curve)}.main-nav{display:none}.menu-open .main-nav{display:flex;position:fixed;inset:80px 0 0;background:#181818;min-height:calc(100dvh - 80px);border-radius:16px;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:32px;padding:48px 32px;margin:0;z-index:1}.menu-open .main-nav a{display:block;font-size:24px;line-height:32px}.menu-open .menu-toggle span:first-child{transform:translateY(3px) rotate(45deg)}.menu-open .menu-toggle span:last-child{transform:translateY(-3px) rotate(-45deg)}.hero{padding-top:48px}.heading-1{font-size:48px;line-height:48px}.heading-2{font-size:36px;line-height:40px}.heading-3{font-size:30px;line-height:36px}.heading-4{font-size:24px;line-height:32px}.hero-description{margin:24px auto}.proof{font-size:12px;line-height:16px}.requirements{font-size:12px;line-height:16px}.demo{margin-top:8px}.demo-stage{height:300px}.demo-stage video{border-radius:0}.demo-chapters{gap:4px;flex-wrap:wrap}.chapter{padding:8px}.demo-toolbar>.caption-1{font-size:14px;line-height:20px}.demo figcaption{font-size:12px;line-height:16px}.section{padding-block:64px}.speed-layout,.formats-section,.pricing-faq{grid-template-columns:1fr;gap:40px}.speed-number{font-size:96px;line-height:96px}.speed-number span{font-size:72px;line-height:72px}.speed-detail{padding-block:0}.key-hint{margin-top:24px}.benefits{grid-template-columns:1fr;gap:48px;margin-top:64px;padding-top:0}.tagline-section{padding-top:24px}.format-cloud{justify-content:flex-start;padding:0;gap:8px}.format-cloud li{font-size:16px;line-height:24px;padding:12px 16px}.steps{grid-template-columns:1fr;gap:32px}.step-number{margin-bottom:12px}.start-section h2{margin-bottom:32px}.price{font-size:60px;line-height:60px}.pricing-faq{gap:64px}.faq details{padding:16px}.footer-main{gap:32px}.footer-links{gap:16px}.footer-base{flex-direction:column;gap:16px;margin-top:32px}.policy{padding-top:48px;padding-bottom:64px}.policy h1{font-size:36px;line-height:40px}.site-footer{padding-top:32px}.final-cta h2{font-size:36px;line-height:40px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important;scroll-behavior:auto!important;animation:none!important}.motion [data-reveal].pending{opacity:1;transform:none}.motion .tagline [data-word]{opacity:1}}
@media(max-width:620px){.menu-open .site-header{backdrop-filter:none;background:#181818}.menu-open{overflow:hidden}}

.button-sm{font-size:14px;line-height:20px;font-weight:600}

.demo-stage video[controls]{mask-image:none}

.demo-stage video:not([controls]){object-fit:cover;transform:none}

/* The glass is live HTML above the clean moving sample. */
.demo-glass{position:absolute;bottom:24px;left:50%;transform:translateX(-50%);width:min(760px,calc(100% - 48px));padding:16px 24px;border:1px solid rgba(255,255,255,.24);border-radius:24px;background:rgba(48,48,48,.45);backdrop-filter:blur(24px) saturate(1.6);-webkit-backdrop-filter:blur(24px) saturate(1.6);box-shadow:inset 0 1px 0 rgba(255,255,255,.16),0 16px 48px rgba(0,0,0,.3);color:#fff;z-index:1}
.demo-control-top,.demo-volume,.demo-main-controls,.demo-options,.demo-timeline{display:flex;align-items:center;gap:12px}
.demo-control-top{justify-content:space-between;gap:16px}.demo-main-controls{gap:16px}.demo-options{gap:8px}.demo-volume{gap:8px}
.glass-button{display:inline-flex;align-items:center;justify-content:center;flex:none;width:36px;height:36px;padding:6px;background:transparent;border:0;border-radius:8px;color:inherit;cursor:pointer}.glass-button:hover{background:rgba(255,255,255,.14)}.glass-button:active{background:rgba(255,255,255,.24)}.glass-button svg{width:24px;height:24px}.main-play{width:44px;height:44px;padding:8px}.main-play svg{width:28px;height:28px}.main-play span{display:inline-flex}.main-play span[hidden]{display:none}.is-muted{opacity:.55}
.demo-glass input[type=range]{accent-color:#fff;cursor:pointer;min-width:0;margin:0;height:24px;padding:0}.demo-volume input{width:72px}.demo-timeline{gap:12px;margin-top:8px;font-variant-numeric:tabular-nums}.demo-timeline input{flex:1;width:100%}.demo-timeline output{flex:none;min-width:40px;text-align:center}.demo-options select{min-width:58px;max-width:72px;height:36px;padding:0 4px;border:0;border-radius:8px;background:transparent;color:#fff;font:inherit;font-size:14px;cursor:pointer;color-scheme:dark}.demo-options select:hover{background:rgba(255,255,255,.1)}.demo-close{display:none}.demo-modal{inset:0;width:100vw;height:100dvh;max-width:none;max-height:none;margin:0;padding:0;border:0;background:#000;color:#fff;overflow:hidden}.demo-modal::backdrop{background:#000}.demo-modal .demo-stage{left:0;transform:none;width:100%;height:100%}.demo-modal .demo-stage video{transform:none;mask-image:none}.demo-modal .demo-close{display:flex;position:absolute;top:24px;right:24px;z-index:2;background:rgba(50,50,50,.7)}.demo-modal .demo-glass{bottom:32px;width:min(920px,calc(100% - 48px))}
@media(max-width:620px){.demo-glass{bottom:16px;width:calc(100% - 32px);padding:12px;border-radius:20px}.demo-control-top{gap:8px}.demo-main-controls{gap:4px}.optional-control{display:none}.demo-volume{gap:0}.demo-volume input{width:42px}.glass-button{width:32px;height:36px;padding:4px}.main-play{width:36px;height:40px}.demo-options{gap:0}.demo-options select{min-width:48px;max-width:54px;padding:0;font-size:12px}.demo-timeline{gap:8px;margin-top:4px}.demo-timeline output{min-width:36px;font-size:12px}.demo-modal .demo-glass{bottom:24px;width:calc(100% - 32px)}}

.demo-glass{transition:opacity .3s var(--curve),transform .3s var(--curve)}.controls-idle .demo-glass{opacity:0;transform:translate(-50%,12px);pointer-events:none}.controls-idle{cursor:none}.demo-stage:focus,#experience:focus{outline:none}
.language-switch{position:relative;border-left:1px solid var(--line);padding-left:24px;flex:none}.language-switch summary{display:flex;align-items:center;gap:8px;cursor:pointer;list-style:none;min-height:28px;color:var(--muted)}.language-switch summary::-webkit-details-marker{display:none}.language-switch summary>svg{width:16px;height:16px}.language-switch .language-chevron{width:12px;height:12px}.language-switch[open] summary{color:var(--text)}.language-switch[open] .language-chevron{transform:rotate(180deg)}.language-options{position:absolute;top:calc(100% + 16px);right:-16px;display:flex;flex-direction:column;min-width:180px;max-height:320px;overflow:auto;padding:8px;background:#1c1c1c;border:1px solid var(--line);border-radius:12px;box-shadow:0 16px 40px #0008;z-index:20}.language-options a{display:block;padding:10px 12px;border-radius:6px;white-space:nowrap}.language-options a[aria-current=true],.language-options a:hover{background:#ffffff0a;color:var(--mint)}
@media(max-width:620px){.language-switch{padding-left:0;border-left:0}.language-switch summary{gap:4px}.language-switch summary>svg:first-child{display:none}.language-options{right:0;min-width:160px}.demo-options select{max-width:76px}}
@media(prefers-reduced-motion:reduce){.demo-glass{transition:none}}

.demo-credit{margin-top:8px;font-size:12px;line-height:18px;color:#959595}.demo-credit a{text-decoration:underline;text-underline-offset:3px}.demo-options select{max-width:112px}@media(max-width:620px){.demo-options select{max-width:88px}}

/* Local alternative: the film is the stage, with shared product content and controls. */
body[data-design=oil]{--bg:#060a0c;--surface:#0f171a;--text:#f4f6f5;--muted:#adb8bc;--mint:#99e3ed;--line:#253138;background:var(--bg);font-family:-apple-system,BlinkMacSystemFont,'Helvetica Neue','PingFang SC',sans-serif}
[data-design=oil] .wrap{width:min(1280px,calc(100% - 128px))}
[data-design=oil] .site-header{position:absolute;top:0;left:0;right:0;width:min(1312px,calc(100% - 96px));max-width:none;margin:0 auto;padding:28px 0;border:0;border-radius:0;background:transparent;backdrop-filter:none;gap:32px}
[data-design=oil] .brand{font-size:18px;font-weight:600;letter-spacing:-.04em}[data-design=oil] .brand img{width:30px;height:30px}[data-design=oil] .main-nav{font-size:14px}[data-design=oil] .language-options{background:#10191d}
[data-design=oil] .hero{width:100%;max-width:none;padding:0;margin:0;position:relative;isolation:isolate;text-align:left}
[data-design=oil] .hero-copy{position:absolute;top:0;left:max(64px,calc((100vw - 1280px)/2));padding-top:176px;width:min(660px,calc(100% - 128px));z-index:2;pointer-events:none}
[data-design=oil] .hero-copy .button{pointer-events:auto}
[data-design=oil] .hero h1{font-size:clamp(72px,7.2vw,108px);line-height:1.04;font-weight:600;letter-spacing:-.045em;word-spacing:.08em;margin:0;background:none;background-clip:initial;color:var(--text);text-wrap:initial;text-shadow:0 2px 32px #0005}
html[lang=zh-Hans] [data-design=oil] .hero h1{line-height:1.18;letter-spacing:-.055em;font-size:clamp(64px,6.4vw,96px)}
[data-design=oil] .hero-description{max-width:440px;margin:28px 0;color:#d3d9d9;font-size:18px;line-height:28px;text-shadow:0 1px 16px #000}
[data-design=oil] .button{padding:14px 24px;border-radius:8px;font-size:15px;line-height:22px;font-weight:600;min-height:50px}
[data-design=oil] .hero .proof{font-size:13px;line-height:20px;color:#c3cdce;margin-top:18px}[data-design=oil] .requirements{font-size:12px;line-height:20px;color:#99a9ad;margin-top:8px}
[data-design=oil] .hero .demo{margin-top:0}
[data-design=oil] .demo-stage{left:0;transform:none;width:100%;height:min(920px,100svh);min-height:820px;background:var(--bg)}
[data-design=oil] .demo-stage video:not([controls]){object-fit:cover;object-position:67% center;transform:none;mask-image:linear-gradient(to right,transparent,#0003 25%,#000 70%),linear-gradient(to bottom,transparent,#000 14%,#000 78%,transparent);mask-composite:intersect;opacity:.84}
[data-design=oil] .demo-stage video[controls]{object-fit:cover;opacity:.84;mask-image:none}
[data-design=oil] .demo-glass{bottom:44px;background:rgba(31,44,47,.42);border-color:#f2ffff30;box-shadow:inset 0 1px 0 #ffffff13,0 20px 60px #0005}
[data-design=oil] .demo-toolbar,[data-design=oil] .demo figcaption,[data-design=oil] .demo-credit{width:min(1280px,calc(100% - 128px));margin-left:auto;margin-right:auto}
[data-design=oil] .demo-toolbar{margin-top:24px;padding-bottom:12px;border-bottom:1px solid var(--line)}
[data-design=oil] .chapter{background:transparent;border:0;padding:8px 12px;border-radius:6px;color:var(--muted);font-size:13px}[data-design=oil] .chapter:hover,[data-design=oil] .chapter[aria-pressed=true]{color:var(--mint);background:#99e3ed0a}
[data-design=oil] .demo figcaption{max-width:none;margin-top:16px;font-size:13px;color:#adb8bc}[data-design=oil] .demo-credit{margin-top:8px;color:#95a4a9}
[data-design=oil] .section{padding-block:112px}[data-design=oil] .heading-2{font-size:56px;line-height:1.12}[data-design=oil] .heading-3{font-size:42px;line-height:1.15}[data-design=oil] .body-3{font-size:17px;line-height:28px}
[data-design=oil] .speed-layout{grid-template-columns:1fr 1fr;gap:100px;align-items:center}[data-design=oil] .speed-number{font-size:240px;line-height:1;color:var(--text);font-weight:500;letter-spacing:-.075em}[data-design=oil] .speed-number span{font-size:160px;color:var(--mint)}
[data-design=oil] .speed-layout h2{margin-top:24px}[data-design=oil] .speed-ruler{padding-block:32px}[data-design=oil] .speed-ruler:before{top:72px}[data-design=oil] .speed-ruler i{background:var(--bg)}[data-design=oil] .key-hint{margin-top:64px}[data-design=oil] .key-hint kbd{background:transparent;border-color:#829397;border-radius:6px}
[data-design=oil] .benefits{gap:100px;border-top:1px solid var(--line);padding-top:56px;margin-top:96px}[data-design=oil] .benefits article>svg{color:var(--mint);width:32px;height:32px}
[data-design=oil] .tagline-section{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding-block:88px}[data-design=oil] .tagline{max-width:1000px;font-size:64px;line-height:1.15;font-weight:500;letter-spacing:-.06em}
[data-design=oil] .format-cloud{padding:0;gap:0;justify-content:flex-start}[data-design=oil] .format-cloud li{border:0;border-bottom:1px solid var(--line);border-radius:0;width:33.33%;padding:24px 0;font-size:22px;line-height:32px}
[data-design=oil] .start-section{border-top:1px solid var(--line)}[data-design=oil] .step-number{font-size:16px;line-height:24px;margin-bottom:20px}[data-design=oil] .steps{gap:64px}[data-design=oil] .steps li{border-top:1px solid var(--line);padding-top:24px}
[data-design=oil] .price{font-size:112px;line-height:1.1;font-weight:500;color:var(--text)}[data-design=oil] .pricing-faq{gap:112px}[data-design=oil] .faq details{border:0;border-bottom:1px solid var(--line);border-radius:0;padding:22px 0;margin:0}[data-design=oil] .faq summary{line-height:26px}[data-design=oil] .faq details p{padding-top:8px}
[data-design=oil] .final-cta{padding-block:128px}[data-design=oil] .final-cta img{border-radius:16px}[data-design=oil] .site-footer{border-top:1px solid var(--line);padding-top:48px}
[data-design=oil] .policy{padding-top:148px}[data-design=oil] .policy h1{font-size:64px;line-height:1.15}[data-design=oil] .policy .body-3{font-size:17px;line-height:29px}
[data-design=oil] .demo-modal .demo-stage{height:100%;min-height:0}[data-design=oil] .demo-modal video:not([controls]){mask-image:none;opacity:1;object-fit:contain}[data-design=oil] .demo-modal .demo-glass{bottom:32px}
@keyframes oil-enter{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}
@media(prefers-reduced-motion:no-preference){[data-design=oil] .hero-copy{animation:oil-enter .55s var(--curve) both}[data-design=oil] .language-switch[open] .language-options{animation:oil-enter .18s var(--curve) both}}
@media(max-width:1100px){[data-design=oil] .wrap{width:calc(100% - 80px)}[data-design=oil] .hero-copy{left:40px;padding-top:160px;width:600px;max-width:calc(100% - 80px)}[data-design=oil] .hero h1{font-size:88px}[data-design=oil] .speed-layout{gap:56px}[data-design=oil] .speed-number{font-size:200px}[data-design=oil] .pricing-faq{gap:64px}[data-design=oil] .demo-toolbar,[data-design=oil] .demo figcaption,[data-design=oil] .demo-credit{width:calc(100% - 80px)}}
@media(max-width:700px){[data-design=oil] .wrap{width:calc(100% - 48px)}[data-design=oil] .site-header{width:calc(100% - 48px);padding:24px 0;gap:12px}[data-design=oil] .brand{font-size:16px}[data-design=oil] .brand img{width:26px;height:26px}[data-design=oil] .main-nav{display:none}[data-design=oil] .hero-copy{left:24px;width:calc(100% - 48px);max-width:none;padding-top:116px}[data-design=oil] .hero h1{font-size:64px;line-height:1.06;letter-spacing:-.06em}html[lang=zh-Hans] [data-design=oil] .hero h1{font-size:56px;line-height:1.2}[data-design=oil] .hero-description{font-size:16px;line-height:25px;max-width:310px;margin-block:24px}[data-design=oil] .hero .proof{max-width:300px;line-height:22px}[data-design=oil] .hero .requirements{max-width:300px;line-height:20px}[data-design=oil] .demo-stage{height:820px;min-height:820px}[data-design=oil] .demo-stage video:not([controls]){object-position:60% center;mask-image:linear-gradient(to bottom,transparent,#0003 57%,#000 70%,#000 82%,transparent);opacity:.7}[data-design=oil] .demo-glass{bottom:32px}[data-design=oil] .demo-toolbar,[data-design=oil] .demo figcaption,[data-design=oil] .demo-credit{width:calc(100% - 48px)}[data-design=oil] .demo-toolbar{gap:12px;align-items:center;flex-wrap:wrap}[data-design=oil] .demo-toolbar>span{width:100%}[data-design=oil] .demo-chapters{justify-content:space-between;width:100%;gap:0}[data-design=oil] .chapter{font-size:13px;padding:8px}[data-design=oil] .section{padding-block:72px}[data-design=oil] .heading-2{font-size:40px;line-height:1.2}[data-design=oil] .heading-3{font-size:32px;line-height:1.2}[data-design=oil] .speed-layout{display:block}[data-design=oil] .speed-number{font-size:176px}[data-design=oil] .speed-number span{font-size:112px}[data-design=oil] .speed-detail{padding-top:40px}[data-design=oil] .key-hint{margin-top:32px}[data-design=oil] .benefits{gap:48px;margin-top:72px;padding-top:40px}[data-design=oil] .tagline-section{padding-block:80px}[data-design=oil] .tagline{font-size:48px;line-height:1.25}[data-design=oil] .formats-section{display:block}[data-design=oil] .format-cloud{margin-top:32px}[data-design=oil] .format-cloud li{font-size:20px;padding-block:18px}[data-design=oil] .steps{gap:32px}[data-design=oil] .pricing-faq{display:block}[data-design=oil] .faq{margin-top:64px}[data-design=oil] .price{font-size:80px}[data-design=oil] .policy{padding-top:120px}[data-design=oil] .policy h1{font-size:42px;line-height:1.2}[data-design=oil] .menu-open .main-nav{display:flex}
}
/* The hero remains full bleed even when the shared wrap narrows. */
[data-design=oil] .hero.wrap{width:100%;margin:0}
html.motion [data-design=oil] .tagline [data-word]{opacity:.3}html.motion [data-design=oil] .tagline [data-word].visible{opacity:1}
@media(max-width:900px){[data-design=oil] .speed-layout,[data-design=oil] .formats-section,[data-design=oil] .pricing-faq{grid-template-columns:1fr}[data-design=oil] .speed-detail{padding-top:32px}[data-design=oil] .site-header .main-nav{display:none}[data-design=oil] .menu-toggle{display:flex;flex-direction:column;gap:4px}[data-design=oil] .menu-toggle span{display:block;width:16px;height:2px;background:currentColor}[data-design=oil].menu-open .site-header .main-nav{display:flex;position:fixed;inset:80px 0 0;min-height:calc(100dvh - 80px);padding:48px 32px;align-items:flex-start;justify-content:flex-start;flex-direction:column;gap:32px;background:var(--surface);margin:0}[data-design=oil].menu-open .main-nav a{display:block;font-size:24px;line-height:32px}}
/* Hold gesture preview shares the App's press, threshold and release rhythm. */
[data-hold-preview]{--hold-progress:.25}
[data-hold-preview][data-boost=true]{--hold-progress:1}
#experience:focus{outline:none}
.speed-readout{position:relative;isolation:isolate}
[data-design=oil] .speed-number{display:flex;align-items:baseline;font-variant-numeric:tabular-nums;transition:color .2s,text-shadow .2s}
[data-design=oil] .speed-number [data-hold-value]{font-size:inherit;color:inherit;letter-spacing:-.075em}
[data-boost=true] .speed-number{color:var(--mint);text-shadow:0 0 56px #99e3ed2b}
[data-hold-preview] .speed-ruler{position:relative}
[data-hold-preview] .speed-ruler:after{content:'';position:absolute;inset:72px 0 auto;height:1px;background:var(--mint);transform:scaleX(var(--hold-progress));transform-origin:left;transition:transform .35s cubic-bezier(.2,.8,.2,1);box-shadow:0 0 12px #99e3ed66}
[data-hold-preview] .speed-ruler>div{position:relative;z-index:1;transition:color .2s}
.hold-keys{display:flex;gap:10px;flex:none}
.hold-keys button{width:52px;height:52px;display:grid;place-items:center;border:1px solid #829397;border-radius:7px;background:transparent;color:var(--text);font-size:26px;line-height:1;cursor:pointer;touch-action:none;user-select:none;-webkit-user-select:none;transition:color .15s,background .15s,border-color .15s,box-shadow .2s,transform .15s}
.hold-keys button:hover{border-color:var(--mint)}
.hold-keys button[aria-pressed=true]{color:#092024;background:var(--mint);border-color:var(--mint);box-shadow:0 0 28px #99e3ed38;transform:translateY(2px)}
.hold-keys button:focus-visible{outline:2px solid var(--mint);outline-offset:5px}
.hold-keys button:disabled{cursor:default;opacity:.5}
.hold-instructions{max-width:400px;margin-top:22px;color:var(--muted)}
.hold-preview-note{color:#82969d;margin-top:10px}
.speed-trails{position:absolute;inset:-20px -20px 45%;overflow:hidden;z-index:-1;pointer-events:none;opacity:0;transition:opacity .18s}
.speed-trails i{position:absolute;left:0;top:26%;width:48%;height:1px;background:linear-gradient(90deg,transparent,#99e3ed88,transparent);animation:hold-wind .5s linear infinite;animation-play-state:paused}
.speed-trails i:nth-child(2){top:40%;animation-delay:-.24s;width:36%}.speed-trails i:nth-child(3){top:56%;animation-delay:-.1s;width:60%}.speed-trails i:nth-child(4){top:70%;animation-delay:-.35s;width:43%}.speed-trails i:nth-child(5){top:84%;animation-delay:-.17s;width:55%}
[data-boost=true] .speed-trails{opacity:.65}[data-boost=true] .speed-trails i{animation-play-state:running}
@keyframes hold-wind{0%{opacity:0;transform:translateX(-120%) scaleX(.5)}25%{opacity:.7}100%{opacity:0;transform:translateX(240%) scaleX(1.8)}}
.guide-intro{max-width:760px;margin:24px 0 0;color:var(--muted)}
.app-evidence{margin:40px 0 48px}.app-evidence img{display:block;width:100%;height:auto;border-radius:12px;border:1px solid #ffffff16}.app-evidence figcaption{margin-top:14px;color:var(--muted)}
@media(max-width:700px){.hold-keys button{width:48px;height:48px}.hold-instructions{max-width:100%}.app-evidence{margin:28px 0 36px}.app-evidence img{border-radius:8px}.speed-trails{inset:-8px -8px 45%}}
@media(prefers-reduced-motion:reduce){.speed-trails{display:none}.hold-keys button,.speed-number,[data-hold-preview] .speed-ruler:after{transition:none!important}.hold-keys button[aria-pressed=true]{transform:none}}