:root{--page-bg: #fbfaf7;--page-gutter: 32px;--content-width: 1120px;--media-width: 1180px;--section-gap: 152px;--hero-section-gap: 156px;--heading-content-gap: 48px;color:#111214;background:var(--page-bg);font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,SF Pro Text,Apple SD Gothic Neo,Hiragino Sans,Yu Gothic,PingFang TC,Helvetica Neue,Arial,sans-serif;font-synthesis:none;text-rendering:geometricPrecision}html{scroll-behavior:smooth}*{box-sizing:border-box}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}body{margin:0;min-width:320px;min-height:100vh;-webkit-font-smoothing:antialiased;background:var(--page-bg)}button,a{font:inherit}button{border:0}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid rgba(10,102,255,.42);outline-offset:3px}.site-shell{min-height:100vh;overflow-x:clip;background:var(--page-bg)}.header-sentinel{display:block;width:1px;height:1px;margin-bottom:-1px;pointer-events:none}.site-header-shell{position:sticky;z-index:20;top:0;height:64px;pointer-events:none}.site-header{position:relative;z-index:20;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;width:100%;min-height:64px;padding:0 var(--page-gutter);margin:0 auto;pointer-events:auto;background:#fbfaf7f5;border-bottom:1px solid rgba(21,22,24,.12);transition:width .24s cubic-bezier(.16,1,.3,1),min-height .24s cubic-bezier(.16,1,.3,1),padding .24s cubic-bezier(.16,1,.3,1),transform .24s cubic-bezier(.16,1,.3,1),border-radius .24s cubic-bezier(.16,1,.3,1),box-shadow .24s cubic-bezier(.16,1,.3,1)}.site-header-shell.is-compact .site-header{width:min(calc(100% - 32px),960px);min-height:56px;padding:0 22px;background:#fbfaf7eb;border:1px solid rgba(17,18,20,.1);border-radius:18px;box-shadow:0 18px 48px #1112141c;transform:translateY(8px);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.site-header-shell.is-compact .site-header nav{gap:clamp(20px,3vw,36px);font-size:14px}.brand{display:inline-flex;align-items:center;justify-self:start;gap:12px;font-size:22px;font-weight:680;letter-spacing:-.03em}.brand-mark{width:34px;height:34px;overflow:hidden;border-radius:9px;box-shadow:0 4px 12px #12368c2e}.brand-mark img{display:block;width:100%;height:100%;object-fit:cover}.site-header nav{display:flex;align-items:center;justify-content:center;gap:clamp(28px,4vw,60px);font-size:15px;font-weight:540}.site-header nav a{color:#111214c7;transition:color .14s ease}.site-header nav a:hover{color:#111214}.nav-cta{display:inline-flex;align-items:center;justify-content:center;color:#fff;cursor:pointer;background:#111214;border:1px solid rgba(255,255,255,.13);box-shadow:0 8px 24px #0b0c0e21;text-decoration:none;transition:transform .14s ease,background .14s ease}.nav-cta:hover{background:#25272b;transform:translateY(-1px)}.nav-cta:active{transform:translateY(0) scale(.98)}.nav-cta{justify-self:end;padding:11px 21px;border-radius:999px;font-size:15px;font-weight:610}.header-actions{display:flex;align-items:center;justify-self:end;gap:8px}.language-picker{position:relative;display:grid;align-items:center;color:#111214bd}.language-picker select{width:66px;height:40px;padding:0 26px 0 13px;color:inherit;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#1112140b;border:1px solid rgba(17,18,20,.11);border-radius:10px;font-size:12px;font-weight:680;letter-spacing:.04em}.language-picker select:hover{color:#111214;background:#11121413}.language-picker select:focus-visible{outline:3px solid rgba(10,102,255,.42);outline-offset:3px}.language-picker svg{position:absolute;right:10px;pointer-events:none}.nav-menu-toggle{display:none;width:40px;height:40px;padding:0;color:#111214;cursor:pointer;background:#1112140f;border:1px solid rgba(17,18,20,.1);border-radius:10px;place-items:center}.hero{padding:clamp(72px,9vh,108px) 16px 0}.hero-copy{position:relative;z-index:4;display:flex;flex-direction:column;align-items:center;text-align:center}.hero h1{max-width:980px;margin:0;font-size:clamp(58px,6vw,84px);font-weight:720;letter-spacing:-.058em;line-height:.98}.hero h1>span{display:block;text-wrap:balance}:lang(ja) .section-heading h2,:lang(ja) .closing-section h2,:lang(ja) .hero-subhead,:lang(ja) .display-mode-caption,:lang(ja) .pro-card--supporting>h3,:lang(ja) .faq-list summary{word-break:keep-all;overflow-wrap:anywhere}:lang(zh-Hant) .pro-section .section-heading h2{word-break:keep-all;overflow-wrap:anywhere}:lang(ko) .hero h1,:lang(ko) .hero-subhead,:lang(ko) .display-mode-caption,:lang(ko) .closing-section,:lang(ko) .pro-plans,:lang(ko) .section-heading h2,:lang(ko) .section-description,:lang(ko) .feature-row,:lang(ko) .pro-section,:lang(ko) .reminder-section,:lang(ko) .faq-list{word-break:keep-all}:lang(ko) .hero h1{letter-spacing:-.04em;line-height:1.05}:lang(ko) .section-heading h2{letter-spacing:-.04em;line-height:1.1}:lang(ja) .hero h1,:lang(ja) .section-heading h2{letter-spacing:-.045em;line-break:strict}:lang(zh) body,:lang(zh) .hero,:lang(zh) main{font-family:-apple-system,BlinkMacSystemFont,PingFang TC,Heiti TC,Microsoft JhengHei,sans-serif}:lang(zh) .hero h1,:lang(zh) .section-heading h2{letter-spacing:-.02em;line-break:strict}.hero-subhead{max-width:680px;margin:18px auto 0;color:#111214ab;font-size:clamp(17px,1.35vw,19px);line-height:1.45;text-wrap:pretty}.hero-cta-group{display:flex;flex-direction:column;align-items:center;margin-top:20px}.hero-store-badge-link{display:inline-flex;line-height:0;border-radius:8px}.hero-store-badge-link:focus-visible{outline:3px solid rgba(0,113,227,.4);outline-offset:4px}.hero-store-badge{display:block;width:auto;height:48px}.hero-store-note{margin:10px 0 0;color:#11121499;font-size:13px;line-height:1.4}.helper-copy{display:flex;align-items:center;justify-content:center;gap:8px;margin:0 0 10px;color:#11121494;font-size:14px}.helper-touch{display:none}.device-shell{width:min(100%,var(--media-width));margin:clamp(38px,4vw,58px) auto 0;container-type:inline-size}.device-viewport{position:relative;width:100%;height:59.524cqw;overflow:visible}.device{position:absolute;isolation:isolate;top:0;left:0;width:100%;aspect-ratio:1512 / 900}.device:after{position:absolute;z-index:2;top:calc(var(--screen-bezel, 6px) - .5px);right:var(--screen-radius, 18px);left:var(--screen-radius, 18px);height:1px;content:"";background:#0b0c0f;pointer-events:none}.screen{position:absolute;z-index:1;top:0;right:0;bottom:0;left:0;overflow:hidden;background:#19174d;border:6px solid #0b0c0f;border-radius:18px;box-shadow:inset 0 0 0 1px #ffffff17,0 24px 60px #12122a29;transition:box-shadow .32s ease}.device-shell.is-display-focused .screen{box-shadow:inset 0 0 0 1px #ffffff1f,0 30px 76px #12122a3d}.wallpaper{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;background:radial-gradient(circle at 50% -8%,rgba(139,100,255,.94),transparent 45%),radial-gradient(circle at 7% 66%,rgba(33,88,255,.9),transparent 46%),radial-gradient(circle at 92% 72%,rgba(16,79,181,.88),transparent 42%),linear-gradient(145deg,#121052,#311c9f 48%,#0a327f);-webkit-user-select:none;user-select:none}.desktop-menu-bar{--desktop-menu-scale: 1;--desktop-menu-reference-height: 31px;--desktop-menu-height: var(--desktop-menu-reference-height);position:absolute;z-index:7;top:0;right:0;left:0;height:var(--desktop-menu-height);overflow:hidden;color:#fffffff5;pointer-events:none;background:#06071242;border-bottom:.5px solid rgba(255,255,255,.04);-webkit-backdrop-filter:blur(18px) saturate(1.12);backdrop-filter:blur(18px) saturate(1.12)}.desktop-menu-bar-canvas{position:absolute;top:0;left:0;display:flex;align-items:center;justify-content:space-between;box-sizing:border-box;width:1512px;height:var(--desktop-menu-reference-height);padding:0 12px;opacity:.68;transform:scale(var(--desktop-menu-scale));transform-origin:left top;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,Apple SD Gothic Neo,Hiragino Sans,Yu Gothic,sans-serif;font-size:13px;font-weight:450;line-height:1;text-shadow:0 .75px .75px rgba(3,0,35,.28);white-space:nowrap}.desktop-menu-items,.desktop-menu-status{display:flex;align-items:center}.desktop-menu-items{height:100%;gap:18px}.desktop-menu-apple{width:16px;margin-right:-2px;color:#fffffffa;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,sans-serif;font-size:17px;font-weight:400;line-height:1;text-align:center;text-shadow:none;transform:translateY(-.5px)}.desktop-menu-system-icon{display:grid;flex:0 0 auto;place-items:center}.desktop-menu-system-icon svg{display:block;width:15px;height:15px}.desktop-menu-application{font-weight:620}.desktop-menu-status{height:var(--desktop-menu-reference-height);gap:0;margin-left:auto;font-weight:500}.desktop-menu-status-item{display:grid;width:22px;height:22px;place-items:center}.desktop-menu-status-icon:before{width:15px;height:15px;content:"";background:currentColor;-webkit-mask:var(--desktop-menu-app-mask) center / contain no-repeat;mask:var(--desktop-menu-app-mask) center / contain no-repeat}.desktop-menu-system-icon--battery svg{width:16px}.desktop-menu-status time{margin-left:8px}.screen-vignette{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:#08091417;box-shadow:inset 0 0 90px #0607143d}.demo-stage-anchor{position:absolute;z-index:8;top:0;right:0;bottom:0;left:0;display:flex;justify-content:center;overflow:clip;pointer-events:none}.demo-stage{position:relative;flex:0 0 512px;width:512px;height:320px;opacity:0;pointer-events:auto;transform:scale(var(--demo-stage-scale, 1));transform-origin:top center;transition:opacity 80ms ease-out}.demo-stage[data-ready=true]{opacity:1}.display-mode-picker{display:flex;justify-content:center;gap:4px;margin:0 auto 4px;flex-wrap:wrap}.display-mode-picker button{padding:10px 18px;border-radius:999px;background:transparent;color:inherit;font:inherit;font-size:14px;cursor:pointer}.display-mode-picker button[aria-pressed=true]{background:#25262a;color:#fff}.display-mode-picker button:focus-visible{outline:2px solid #818cf8;outline-offset:3px}.display-mode-caption{text-align:center;margin:0 12px 10px;font-size:14px;color:#6e6e73}.editor-shell.capsule-demo{overflow:hidden;background:#ffffff29;border:.9px solid rgba(255,255,255,.2);backdrop-filter:blur(18px) saturate(145%);-webkit-backdrop-filter:blur(18px) saturate(145%);box-shadow:inset 0 1px #ffffff29,0 3px 12px #00000029}.capsule-black-fill{position:absolute;z-index:0;top:0;right:0;bottom:0;left:0;background:#000;border-radius:inherit;pointer-events:none}.capsule-editor-viewport{position:absolute;z-index:1;top:0;left:50%;width:512px;height:320px;transform:translate(-50%)}.capsule-editor-viewport .editor-chrome{display:none}.capsule-editor-viewport .editor-header{left:24px;right:24px}.capsule-editor-viewport .editor-content{top:52px;right:24px;left:24px}.capsule-open{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;border:0;border-radius:inherit;background:transparent;cursor:pointer}.capsule-open:focus-visible{outline:2px solid white;outline-offset:-3px}.capsule-mobile-hotspot{display:none}@media(prefers-reduced-transparency:reduce){.editor-shell.capsule-demo{backdrop-filter:none;-webkit-backdrop-filter:none;background-color:#222!important}}.notch-chrome,.editor-shell,.notch-hotspot{position:absolute;top:0;left:50%;transform:translate(-50%)}.notch-chrome{z-index:8;width:208px;height:39px;pointer-events:none;transform:translate(-50%) scale(var(--demo-native-ratio, 1));transform-origin:top center}.notch-chrome svg{display:block;width:100%;height:100%;overflow:hidden}.notch-chrome-fill{fill:#000}.notch-chrome-rim{fill:none;stroke:#fff;stroke-width:.9px;stroke-linecap:butt;stroke-linejoin:round}.notch-sensor{position:absolute;top:13px;left:50%;width:28px;height:4px;background:#08090a;border-radius:99px;transform:translate(-50%)}.notch-hotspot{z-index:15;width:230px;height:54px;padding:0;cursor:pointer;background:transparent}.notch-hotspot.is-inactive{pointer-events:none}.editor-shell{z-index:9;width:512px;height:320px;color:#fff;background:transparent;transform-origin:top center}.editor-shell-content{position:absolute;z-index:2;top:0;left:50%;width:512px;height:320px}.editor-chrome{position:absolute;z-index:0;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%;overflow:hidden;pointer-events:none}.editor-chrome-fill{fill:#020304f7}.editor-chrome-rim{fill:none;stroke:#ffffff38;stroke-width:.9px;stroke-linecap:butt;stroke-linejoin:round}.editor-header{position:absolute;z-index:2;top:12px;right:35px;left:36px;display:flex;align-items:center;justify-content:space-between;gap:20px}.editor-header strong{max-width:155px;overflow:hidden;font-size:16px;font-weight:650;line-height:1;text-overflow:ellipsis;white-space:nowrap}.editor-shell--resizable-preview .editor-header strong{max-width:min(155px,calc((100% - 168px)/2 - 44px))}.editor-shell--resizable-preview{overflow:hidden}.editor-actions{display:flex;align-items:center;gap:2px}.header-action{display:grid;width:28px;height:28px;padding:0;color:#ffffffd1;cursor:pointer;background:transparent;border:.75px solid transparent;border-radius:50%;place-items:center;transition:color .14s ease-out,background .14s ease-out,border-color .14s ease-out,transform .14s ease-out}.header-action:hover,.header-action.is-selected{color:#fff;background:#ffffff2e;border-color:#ffffff24;box-shadow:0 4px 8px #00000038;transform:translateY(-.5px)}.header-action:active{background:#ffffff38;transform:translateY(.5px) scale(.96)}.editor-content{position:absolute;z-index:2;top:52px;right:40px;left:40px;font-size:14px;line-height:1.2}.editor-content .editor-heading,.editor-content .editor-checklist-heading,.editor-content p{margin:0}.editor-content .editor-heading{font-size:19px;font-weight:700}.editor-content p{margin-top:9px;color:#fffc}.editor-content .editor-checklist-heading{margin-top:18px;font-size:17px;font-weight:700}.checklist{display:grid;gap:1px;margin-top:6px}.checklist-row{display:flex;align-items:center;min-height:25px;padding:0;color:#fff;text-align:left;cursor:pointer;background:transparent}.check-hit-area{display:grid;flex:0 0 30px;width:24px;height:24px;margin-left:0;place-items:center start}.check-marker{display:grid;width:17px;height:17px;color:#fff;background:transparent;border:1.5px solid #0a84ff;border-radius:50%;place-items:center;transition:background .12s ease,transform .12s ease}.checklist-row:hover .check-marker{transform:scale(1.05)}.checklist-row.is-complete .check-marker{background:#0a84ff}.check-label{line-height:1.2}.checklist-row.is-complete .check-label{color:#ffffff73;text-decoration:line-through;text-decoration-thickness:1px}.format-menu{position:absolute;z-index:6;top:59px;right:25px;display:grid;width:190px;gap:4px;padding:8px;background:#0a0a0bf5;border:.8px solid rgba(255,255,255,.16);border-radius:18px;box-shadow:inset 0 1px #ffffff1a,0 16px 32px #00000057}.format-menu button{display:grid;grid-template-columns:34px 1fr;align-items:center;min-height:34px;padding:5px 10px;color:#ffffffdb;text-align:left;cursor:pointer;background:#ffffff0f;border-radius:11px;font-size:13px;font-weight:520}.format-menu button:hover{color:#fff;background:#ffffff1c}.format-symbol{display:grid;color:#ffffff7a;place-items:center start}.screen,.state-rail{-webkit-tap-highlight-color:transparent}.state-rail{position:relative;z-index:14;display:grid;grid-template-columns:44px repeat(4,minmax(0,1fr));align-items:center;gap:5px;width:min(760px,100%);padding:8px;margin:12px auto 0;background:#fbfaf7f0;border:1px solid rgba(255,255,255,.76);border-radius:24px;box-shadow:0 18px 50px #06071238;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.play-toggle{display:grid;width:44px;height:44px;padding:0;color:#111214a3;cursor:pointer;background:#1112140f;border-radius:50%;place-items:center}.state-control{display:grid;grid-template-columns:40px 20px minmax(0,1fr);align-items:center;column-gap:8px;min-width:0;height:48px;padding:4px 9px;color:#1112149e;cursor:pointer;background:transparent;border:1px solid transparent;border-radius:15px;font-size:13px;white-space:nowrap;transition:color .14s ease,background .14s ease,transform .14s ease}.state-label{min-width:0;overflow:hidden;text-overflow:ellipsis}.state-control:hover{color:#111214;background:#1112140d}.state-control.is-active{color:#fff;background:#111214;box-shadow:0 6px 18px #0a0b0d33}.state-control:active{transform:scale(.98)}.state-number{display:grid;width:20px;height:20px;border:1px solid currentColor;border-radius:50%;font-size:11px;place-items:center}.notch-preview{position:relative;display:block;width:40px;height:28px;overflow:hidden;background:#fff;border:1px solid rgba(17,18,20,.2);border-radius:6px}.notch-preview-glyph{position:absolute;top:0;left:50%;display:block;width:34px;height:auto;overflow:visible;transform:translate(-50%)}.notch-preview-fill{fill:#111214}.notch-preview-rim{fill:none;stroke:#ffffff57;stroke-width:1.2px;stroke-linecap:butt;stroke-linejoin:round}.capsule-preview{position:relative;display:block;width:40px;height:28px;overflow:hidden;background:#fff;border:1px solid rgba(17,18,20,.2);border-radius:6px}.capsule-preview-pill{position:absolute;top:3px;left:50%;width:17px;height:5px;background:#111214;border-radius:99px;transform:translate(-50%)}.capsule-preview--hover .capsule-preview-pill{width:23px;height:7px}.capsule-preview--write .capsule-preview-pill{width:31px;height:20px;border-radius:6px}.capsule-preview--fold .capsule-preview-pill{width:20px;height:6px}.state-control.is-active .notch-preview,.state-control.is-active .capsule-preview{border-color:#ffffff4d}@container (max-width: 700px){.state-rail--external{gap:4px;padding:6px;border-radius:18px}.state-rail--external .notch-preview,.state-rail--external .capsule-preview{display:none}.state-rail--external .state-control{grid-template-columns:20px minmax(0,1fr);column-gap:6px;height:44px;padding:0 8px;border-radius:13px;font-size:12px}}@container (max-width: 420px){.state-rail--external{gap:3px;padding:4px;border-radius:16px}.state-rail--external .state-control{grid-template-columns:minmax(0,1fr);justify-items:center;height:44px;padding:0 4px;border-radius:12px;font-size:12px}.state-rail--external .state-number{display:none}.state-rail--external .state-label{overflow:visible;text-overflow:clip}}.content-section,#demo{scroll-margin-top:96px}.content-section{width:min(calc(100% - (var(--page-gutter) * 2)),var(--content-width));padding:0;margin:0 auto}.hero+.content-section{margin-top:var(--hero-section-gap)}.content-section+.content-section{margin-top:var(--section-gap)}.section-heading{max-width:680px}.section-eyebrow{margin:0 0 14px;color:#11121499;font-size:12px;font-weight:720;letter-spacing:.16em;line-height:1.2;text-transform:uppercase}:lang(ko) .section-eyebrow,:lang(ja) .section-eyebrow,:lang(zh) .section-eyebrow{text-transform:none}.section-heading h2{margin:0;font-size:clamp(44px,4vw,52px);font-weight:710;letter-spacing:-.055em;line-height:1.06;text-wrap:balance}.section-description{max-width:620px;margin:18px 0 0;color:#1112149e;font-size:clamp(16px,1.25vw,18px);line-height:1.5;text-wrap:pretty}.section-heading--inverse .section-eyebrow{color:#ffffff7a}.section-heading--inverse h2{color:#fff}.section-heading--inverse .section-description{color:#ffffff94}.how-section{padding:0}.steps-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;padding:0;margin:var(--heading-content-gap) 0 0;list-style:none}.steps-grid li{display:flex}.step-card{display:flex;width:100%;min-height:265px;padding:28px 28px 26px;flex-direction:column;background:#ffffff7a;border:1px solid rgba(17,18,20,.12);border-radius:20px;transition:background .16s ease,border-color .16s ease,transform .16s ease,box-shadow .16s ease}.step-card:hover{background:#ffffffc7;border-color:#11121433;box-shadow:0 18px 40px #11121412;transform:translateY(-3px)}.value-card-icon{display:grid;width:48px;height:48px;color:#fff;background:#111214;border-radius:14px;place-items:center}.step-card-copy{display:flex;flex-direction:column;gap:8px;margin-top:24px}.step-card-copy strong{font-size:21px;font-weight:680;letter-spacing:-.035em;text-wrap:balance}.step-card-copy>span{color:#1112149e;font-size:15px;line-height:1.5;text-wrap:pretty}.step-demo-link{display:inline-flex;align-items:center;gap:7px;margin-top:auto;padding-top:20px;color:#111214b8;font-size:13px;font-weight:650}.step-card:hover .step-demo-link{color:#111214}.editor-section{width:min(calc(100% - (var(--page-gutter) * 2)),var(--media-width));padding:0}.editor-section-frame{display:grid;grid-template-columns:minmax(0,.92fr) minmax(480px,1.08fr);align-items:center;gap:clamp(54px,6vw,86px);padding:clamp(54px,5vw,72px);color:#fff;background:#111214;border:1px solid rgba(255,255,255,.08);border-radius:32px;box-shadow:0 30px 90px #0e0f1121}.editor-section-copy{display:grid;gap:36px}.feature-list{align-self:stretch;border-top:1px solid rgba(255,255,255,.16)}.feature-row{display:grid;grid-template-columns:44px 1fr;gap:16px;padding:22px 0;border-bottom:1px solid rgba(255,255,255,.16)}.feature-icon{display:grid;width:38px;height:38px;color:#ffffffe6;background:#ffffff14;border:1px solid rgba(255,255,255,.12);border-radius:50%;place-items:center}.feature-row h3,.native-points h3{margin:0;font-size:18px;font-weight:650;letter-spacing:-.025em;text-wrap:balance}.feature-row p{margin:6px 0 0;color:#ffffff94;font-size:15px;line-height:1.45;text-wrap:pretty}.editor-detail-preview{position:relative;min-height:438px;overflow:hidden;background:#17181c;border:1px solid rgba(255,255,255,.1);border-radius:24px;box-shadow:inset 0 1px #ffffff0a}.editor-laptop-device{position:absolute;bottom:-2px;left:50%;width:760px;aspect-ratio:1411 / 815;transform:translate(-50%)}.editor-laptop-screen{position:absolute;z-index:1;top:8.95%;right:13.45%;bottom:15.8%;left:13.4%;overflow:hidden;background:#19174d;border-radius:3px}.editor-laptop-frame{position:absolute;z-index:12;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%;pointer-events:none;filter:drop-shadow(0 22px 30px rgba(0,0,0,.28));object-fit:fill;-webkit-user-select:none;user-select:none}.editor-laptop-editor-anchor{position:absolute;z-index:9;top:0;right:0;bottom:0;left:0;display:flex;justify-content:center;overflow:hidden;pointer-events:none}.editor-laptop-editor-stage{position:relative;flex:0 0 512px;width:512px;height:320px;transform:scale(.52);transform-origin:top center}.shortcuts-section{display:grid;grid-template-columns:minmax(0,1fr) minmax(360px,430px);align-items:center;gap:clamp(60px,7vw,96px)}.native-points{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px;margin-top:40px;padding-top:24px;border-top:1px solid rgba(17,18,20,.16)}.native-points article{display:flex;gap:16px}.native-icon{display:grid;flex:0 0 40px;width:40px;height:40px;color:#111214;background:#1112140f;border-radius:50%;place-items:center}.native-points p{margin:6px 0 0;color:#11121494;font-size:14px;line-height:1.5;text-wrap:pretty}.shortcut-board{overflow:hidden;color:#fff;background:#17181b;border:1px solid rgba(255,255,255,.08);border-radius:30px;box-shadow:0 24px 68px #10111424}.shortcut-board-header{display:flex;align-items:center;gap:15px;padding:26px 28px;border-bottom:1px solid rgba(255,255,255,.12)}.shortcut-board-icon{display:grid;width:42px;height:42px;color:#ffffffe6;background:#ffffff17;border:1px solid rgba(255,255,255,.11);border-radius:50%;place-items:center}.shortcut-board-header p{margin:0;font-size:16px;font-weight:650}.shortcut-board-header div>span{display:block;margin-top:4px;color:#ffffff75;font-size:13px}.shortcut-list{padding:6px 28px 20px}.shortcut-row{display:flex;align-items:center;justify-content:space-between;min-height:66px;gap:24px;border-bottom:1px solid rgba(255,255,255,.1);color:#ffffffb8;font-size:14px}.shortcut-row:last-child{border-bottom:0}.key-cluster{display:inline-flex;align-items:center;justify-content:flex-end;gap:6px}.key-cluster kbd{display:grid;min-width:31px;height:31px;padding:0 8px;color:#111214;background:var(--page-bg);border:1px solid rgba(0,0,0,.12);border-radius:8px;box-shadow:0 2px #fff3;font-family:inherit;font-size:12px;font-weight:700;place-items:center}.pro-benefits-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin-top:var(--heading-content-gap)}.pro-card{min-width:0;overflow:hidden;border-radius:28px}.pro-card>h3,.pro-card>p,.pro-resize-copy>h3,.pro-resize-copy>p{margin:0}.pro-card>h3,.pro-resize-copy>h3{font-size:clamp(24px,2.2vw,31px);font-weight:690;letter-spacing:-.04em;line-height:1.08;text-wrap:balance}.pro-card>p,.pro-resize-copy>p{margin-top:12px;font-size:15px;line-height:1.5;text-wrap:pretty}.pro-card--resize{display:grid;grid-column:1 / -1;grid-template-columns:minmax(260px,.72fr) minmax(0,1.28fr);align-items:center;gap:clamp(32px,4vw,52px);padding:clamp(36px,4vw,48px);color:#fff;background:radial-gradient(circle at 78% 10%,rgba(79,66,196,.28),transparent 36%),#111214;border:1px solid rgba(255,255,255,.08);box-shadow:0 30px 84px #0e0f1121}.pro-resize-copy{align-self:start;padding-top:6px}.pro-resize-copy>p{color:#fff9}.pro-card-label{display:inline-flex;align-items:center;gap:8px;margin-bottom:24px;color:#ffffffb3;font-size:13px;font-weight:650}.pro-resize-visual{min-width:0}.pro-resize-scene{position:relative;width:100%;overflow:hidden;aspect-ratio:680 / 456;background:#17181c;border:1px solid rgba(255,255,255,.12);border-radius:22px;box-shadow:inset 0 1px #ffffff0d,0 20px 52px #0000003d;contain:layout paint}.pro-resize-stage{position:absolute;isolation:isolate;top:0;left:50%;width:680px;height:456px;overflow:hidden;transform:translate(-50%) scale(var(--pro-resize-stage-scale, 1));transform-origin:top center}.pro-resize-stage .editor-shell{pointer-events:none}.pro-resize-cursor{position:absolute;z-index:16;display:grid;width:24px;height:24px;color:#fff;cursor:ew-resize;filter:drop-shadow(0 0 1px rgba(0,0,0,.95)) drop-shadow(0 2px 3px rgba(0,0,0,.7));pointer-events:none;transform:translate(-50%,-50%);place-items:center}.pro-resize-toolbar{display:flex;align-items:center;justify-content:space-between;min-height:44px;gap:18px;margin-top:14px;color:#ffffff94}.pro-resize-states{display:inline-flex;align-items:center;gap:8px;font-size:12px;font-weight:620}.pro-resize-playback{display:inline-flex;align-items:center;justify-content:center;min-width:96px;min-height:44px;gap:7px;padding:0 14px;color:#ffffffc7;cursor:pointer;background:#ffffff14;border:1px solid rgba(255,255,255,.1);border-radius:999px;font-size:12px;font-weight:650;transition:color .14s ease,background .14s ease,transform .14s ease}.pro-resize-playback:hover{color:#fff;background:#ffffff21}.pro-resize-playback:active{transform:scale(.97)}.pro-card--supporting{display:flex;min-height:300px;padding:34px;flex-direction:column;background:#ffffff8a;border:1px solid rgba(17,18,20,.12)}.pro-card--supporting>p{max-width:430px;color:#11121499}.pro-card-icon{display:grid;width:48px;height:48px;margin-bottom:28px;color:#fff;background:#111214;border-radius:14px;place-items:center}.pro-folder-visual{display:flex;flex:1;align-items:center;justify-content:center;padding-top:28px}.pro-folder-popover{width:100%;max-width:300px;overflow:hidden;color:#fff;background:#020304f7;border:.9px solid rgba(255,255,255,.16);border-radius:18px;box-shadow:0 18px 40px #0e0f112e}.pro-folder-chips{height:44px;overflow:hidden}.pro-folder-chip-track{display:flex;width:max-content;gap:6px;padding:8px 14px;transition:transform .2s ease-in-out}.pro-folder-chip{display:inline-flex;align-items:center;height:28px;gap:5px;padding:0 11px;color:#ffffffa8;white-space:nowrap;background:#ffffff0f;border:.75px solid transparent;border-radius:999px;font-size:12px;font-weight:600;transition:color .14s ease-out,background .14s ease-out,border-color .14s ease-out}.pro-folder-chip.is-selected{color:#fffffffa;background:#ffffff2e;border-color:#ffffff29}.pro-folder-chip-count{color:#ffffff6b;font-weight:500}.pro-folder-chip--new{color:#ffffff9e;background:transparent;border:1px solid rgba(255,255,255,.14)}.pro-folder-divider{height:1px;background:#ffffff14}.pro-folder-list{display:grid;align-content:start;gap:6px;padding:8px;overflow:hidden;transition:height .22s cubic-bezier(.3,.7,.2,1)}.pro-folder-row{display:flex;align-items:center;height:38px;padding:0 12px;background:#ffffff0f;border-radius:12px;transform-origin:top center}.pro-folder-row.is-selected{background:#ffffff24}.pro-folder-row-shortcut{flex:0 0 44px;color:#ffffff7a;font-size:12px;font-weight:600}.pro-folder-row-title{flex:1;min-width:0;overflow:hidden;color:#ffffffd1;font-size:13px;font-weight:500;text-overflow:ellipsis;white-space:nowrap}.pro-folder-row.is-selected .pro-folder-row-title{color:#fffffff5}.pro-folder-row>svg{flex:none;color:#ffffffc7}.pro-folder-row.is-leaving{opacity:0;transform:translateY(-6px) scale(.94);transition:opacity .16s ease-in calc(var(--row-index) * 18ms),transform .16s ease-in calc(var(--row-index) * 18ms)}.pro-folder-row.is-waiting{opacity:0;transform:translateY(14px) scale(.96);transition:none}.pro-folder-row.is-resting{opacity:1;transform:none;transition:opacity .3s cubic-bezier(.2,.9,.25,1.15) calc(var(--row-index) * 34ms),transform .3s cubic-bezier(.2,.9,.25,1.15) calc(var(--row-index) * 34ms)}.pro-customization-visual{margin-top:auto;padding-top:28px}.pro-customization-scene{position:relative;width:100%;overflow:hidden;aspect-ratio:560 / 344;background:#17181c;border:1px solid rgba(17,18,20,.12);border-radius:18px;contain:layout paint}.pro-customization-stage{position:absolute;isolation:isolate;top:0;left:50%;width:560px;height:344px;overflow:hidden;transform:translate(-50%) scale(var(--pro-customization-stage-scale, 1));transform-origin:top center}.pro-customization-stage .editor-shell{pointer-events:none}.pro-theme-picker{display:flex;flex-wrap:wrap;justify-content:center;gap:4px;margin-top:14px}.pro-theme-picker button{min-height:32px;padding:0 10px;color:#111214ad;cursor:pointer;background:#ffffffb8;border:1px solid rgba(17,18,20,.12);border-radius:999px;font-size:12px;font-weight:620;transition:color .14s ease,background .14s ease,border-color .14s ease}.pro-theme-picker button:hover{color:#111214;border-color:#1112143d}.pro-theme-picker button.is-selected{color:#fff;background:#111214;border-color:#111214}.editor-paper-card{position:absolute;z-index:1;top:46px;right:28px;bottom:8px;left:28px;background-color:transparent;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='96' height='96'%3E%3Cfilter id='g'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='1.4' numOctaves='1' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 0.3 0 0 0 0 0.24 0 0 0 0 0.17 0 0 0 1.6 -0.95'/%3E%3C/filter%3E%3Crect width='96' height='96' filter='url(%23g)'/%3E%3C/svg%3E");background-size:48px 48px;border-radius:16px;opacity:0;transform:scale(.985);transition:opacity .32s ease,transform .32s ease,background-color .32s ease}.editor-shell[data-panel-surface=paper] .editor-paper-card{background-color:#fafaf7;opacity:1;transform:none}.editor-shell[data-panel-surface=cream] .editor-paper-card{background-color:#f4efe4;opacity:1;transform:none}.editor-shell[data-panel-surface] .editor-content{transition:color .32s ease,top .32s ease,right .32s ease,left .32s ease}.editor-shell[data-panel-surface=paper] .editor-content,.editor-shell[data-panel-surface=cream] .editor-content{top:56px;right:50px;left:50px;color:#2a2823}.editor-shell[data-panel-surface=paper] .editor-content p,.editor-shell[data-panel-surface=cream] .editor-content p{color:#2a2823cc}.editor-shell[data-panel-surface=paper] .checklist-row,.editor-shell[data-panel-surface=cream] .checklist-row{color:#2a2823}.editor-shell[data-panel-surface=paper] .checklist-row.is-complete .check-label,.editor-shell[data-panel-surface=cream] .checklist-row.is-complete .check-label{color:#2a282373}.editor-shell[data-panel-text=terminal-green] .editor-content,.editor-shell[data-panel-text=terminal-green] .checklist-row{color:#34ef28}.editor-shell[data-panel-text=terminal-green] .editor-content p{color:#34ef28cc}.editor-shell[data-panel-text=terminal-green] .checklist-row.is-complete .check-label{color:#34ef2873}.editor-shell[data-panel-font=serif] .editor-content,.editor-shell[data-panel-font=serif] .editor-header strong{font-family:ui-serif,New York,Iowan Old Style,AppleMyungjo,Hiragino Mincho ProN,Songti TC,Georgia,serif}.editor-shell[data-panel-font=mono] .editor-content,.editor-shell[data-panel-font=mono] .editor-header strong{font-family:ui-monospace,SF Mono,Menlo,Apple SD Gothic Neo,Hiragino Sans,PingFang TC,monospace;letter-spacing:-.01em}.ink-character{animation:ink-character-in .36s cubic-bezier(.16,1,.3,1) var(--ink-delay, 0ms) both}@keyframes ink-character-in{0%{opacity:0}to{opacity:1}}.faq-section{display:grid;grid-template-columns:minmax(0,.8fr) minmax(480px,1.2fr);gap:clamp(56px,6vw,80px);padding:0;margin-bottom:var(--section-gap)}.faq-list{border-top:1px solid rgba(17,18,20,.18)}.faq-list details{border-bottom:1px solid rgba(17,18,20,.18)}.faq-list summary{display:flex;align-items:center;justify-content:space-between;min-height:84px;gap:24px;cursor:pointer;list-style:none;font-size:17px;font-weight:620;letter-spacing:-.02em}.faq-list summary>span{text-wrap:balance}.faq-list summary::-webkit-details-marker{display:none}.faq-caret{flex:0 0 auto;color:#1112147a;transition:transform .16s ease}.faq-list details[open] .faq-caret{transform:rotate(180deg)}.faq-list details>p{max-width:620px;padding:0 48px 24px 0;margin:-2px 0 0;color:#1112149c;font-size:15px;line-height:1.55;text-wrap:pretty}.pro-plans{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px 24px;margin-top:20px;padding:20px 28px;border:1px solid rgba(17,18,20,.1);border-radius:20px}.pro-plans p{max-width:640px;margin:0;color:#1112149e;font-size:15px;line-height:1.5;text-wrap:pretty}.pro-plans a{display:inline-flex;flex:0 0 auto;align-items:center;gap:6px;color:#111214;font-size:15px;font-weight:650;text-decoration:none}.pro-plans a:hover{text-decoration:underline}.content-section+.closing-section{margin-top:0}.closing-section{display:flex;flex-direction:column;align-items:center;margin-bottom:var(--section-gap);text-align:center}.closing-section h2{max-width:720px;margin:0;font-size:clamp(34px,3.4vw,44px);font-weight:710;letter-spacing:-.05em;line-height:1.1;text-wrap:balance}.closing-section p{margin:14px 0 24px;text-wrap:pretty;color:#1112149e;font-size:clamp(16px,1.25vw,18px);line-height:1.5}.site-footer{padding:58px 42px 32px;color:#fff;background:#111214}.footer-topline,.footer-bottomline{display:flex;width:min(100%,1200px);margin:0 auto;align-items:center;justify-content:space-between;gap:32px}.footer-topline{padding-bottom:54px}.footer-topline>p{text-wrap:balance}.footer-brand{display:inline-flex;align-items:center;gap:12px;font-size:24px;font-weight:680;letter-spacing:-.035em}.footer-brand-mark{width:38px;height:38px;overflow:hidden;border-radius:10px}.footer-brand-mark img{display:block;width:100%;height:100%;object-fit:cover}.footer-topline>p{max-width:360px;margin:0;color:#ffffff80;font-size:15px;line-height:1.5;text-align:right}.footer-bottomline{padding-top:26px;color:#ffffff7a;border-top:1px solid rgba(255,255,255,.13);font-size:13px}.footer-bottomline nav{display:flex;align-items:center;gap:28px}.footer-social-link{display:inline-flex;align-items:center;gap:6px}.footer-bottomline a{transition:color .14s ease}.footer-bottomline a:hover{color:#fff}.mobile-prototype{width:min(100vw,390px);height:min(100dvh,844px);margin-inline:auto;overflow:hidden;position:relative}@media(min-width:901px)and (max-height:900px){.hero{padding-top:clamp(64px,8svh,86px)}.device-shell{width:min(100%,var(--media-width),max(900px,calc(168svh - 279px)));margin-top:clamp(36px,5svh,48px)}}@media(max-width:1100px){:root{--section-gap: 120px;--hero-section-gap: 132px}.editor-section-frame{grid-template-columns:1fr;gap:58px;padding:64px 54px}.editor-detail-preview{min-height:500px}.editor-laptop-device{width:900px}.editor-laptop-editor-stage{transform:scale(.62)}.faq-section{grid-template-columns:1fr;gap:64px}}@media(max-width:900px){:root{--page-gutter: 22px;--section-gap: 104px;--hero-section-gap: 116px;--heading-content-gap: 48px}.site-header{grid-template-columns:1fr auto;padding:0 22px}.site-header-shell.is-compact .site-header{width:calc(100% - 24px);padding:0 18px}.site-header nav{position:absolute;top:calc(100% + 10px);right:22px;left:22px;display:none;align-items:stretch;flex-direction:column;gap:2px;padding:8px;background:var(--page-bg);border:1px solid rgba(17,18,20,.12);border-radius:16px;box-shadow:0 18px 50px #0f101229}.site-header nav.is-open{display:flex}.site-header nav a{padding:12px 14px;border-radius:10px}.site-header nav a:hover{background:#1112140e}.nav-menu-toggle{display:grid}.hero{padding:clamp(72px,9vh,96px) 22px 0}.hero h1{font-size:clamp(48px,8vw,70px)}.content-section{width:min(calc(100% - 44px),760px);padding:0}.how-section{padding:0}.steps-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.step-card{min-height:280px;padding:24px 22px}.editor-section{width:min(calc(100% - 28px),820px);padding:0}.editor-section-frame{grid-template-columns:1fr;gap:58px;padding:64px 54px}.shortcuts-section,.faq-section{grid-template-columns:1fr;gap:64px}.pro-benefits-grid,.pro-card--resize{grid-template-columns:1fr}.pro-card--resize{grid-column:auto;gap:34px;padding:42px}.pro-resize-copy{max-width:620px}.shortcut-board{width:min(100%,590px)}.faq-section{padding:0}.footer-topline,.footer-bottomline{width:min(100%,760px)}}@media(max-width:820px){.steps-grid{grid-template-columns:1fr}.step-card{min-height:0}}@media(max-width:560px){:root{--page-gutter: 16px;--section-gap: 88px;--hero-section-gap: 96px;--heading-content-gap: 36px}.site-header-shell{height:64px}.site-header{min-height:64px}.site-header-shell.is-compact .site-header{width:calc(100% - 20px);min-height:56px;padding:0 12px;border-radius:16px}.brand{gap:9px;font-size:19px}.brand-mark{width:32px;height:32px;border-radius:9px}.nav-cta{padding:10px 14px;font-size:13px}.language-picker select{width:60px;padding-left:11px}.hero{padding:48px 16px 0}.hero h1{font-size:clamp(42px,12vw,56px);letter-spacing:-.062em}.hero-subhead{max-width:360px;margin-top:18px;font-size:15px}.hero-store-badge{height:44px}.hero-cta-group{margin-top:18px}.helper-copy{margin-bottom:12px;font-size:13px}.device-shell{margin-top:30px}.demo-stage .editor-header{top:13.2px;right:38.5px;left:39.6px;gap:22px}.demo-stage .capsule-editor-viewport .editor-header{right:26.4px;left:26.4px}.demo-stage .editor-header strong{max-width:170.5px;font-size:17.6px}.demo-stage .editor-actions{gap:2.2px}.demo-stage .header-action{position:relative;width:30.8px;height:30.8px}.demo-stage .header-action:after{position:absolute;top:-11px;right:-1.1px;bottom:-11px;left:-1.1px;content:""}.demo-stage .header-action svg{width:19.8px;height:19.8px}.demo-stage .editor-content{top:57.2px;right:44px;left:44px;font-size:15.4px}.demo-stage .capsule-editor-viewport .editor-content{top:57.2px;right:26.4px;left:26.4px}.demo-stage .editor-content .editor-heading{font-size:20.9px}.demo-stage .editor-content p{margin-top:9.9px}.demo-stage .editor-content .editor-checklist-heading{margin-top:19.8px;font-size:18.7px}.demo-stage .checklist{gap:1.1px;margin-top:6.6px}.demo-stage .checklist-row{min-height:27.5px}.demo-stage .check-hit-area{flex-basis:33px;width:26.4px;height:26.4px}.demo-stage .check-marker{width:18.7px;height:18.7px;border-width:1.7px}.demo-stage .format-menu{top:64.9px;right:27.5px;width:209px;gap:4.4px;padding:8.8px;max-height:247px;overflow-y:auto;overscroll-behavior:contain;scrollbar-color:rgba(255,255,255,.35) transparent;scrollbar-width:thin}.demo-stage .format-menu::-webkit-scrollbar{width:4px}.demo-stage .format-menu::-webkit-scrollbar-thumb{background:#ffffff59;border-radius:4px}.demo-stage .format-menu button{grid-template-columns:37.4px 1fr;min-height:37.4px;padding:5.5px 11px;font-size:14.3px}.demo-stage .notch-hotspot{height:94px}.demo-stage .capsule-open{display:none}.demo-stage .capsule-mobile-hotspot{display:block;position:absolute;z-index:15;top:0;left:50%;width:230px;height:94px;padding:0;cursor:pointer;background:transparent;transform:translate(-50%)}.screen{border-width:4px;border-radius:12px}.device{--screen-bezel: 4px;--screen-radius: 12px}.content-section{width:calc(100% - 32px);padding:0}.section-eyebrow{margin-bottom:15px}.section-heading h2{font-size:clamp(36px,10vw,44px);line-height:1}.section-description{margin-top:16px;font-size:15px}.how-section{padding:0}.steps-grid{grid-template-columns:1fr;gap:14px}.step-card{min-height:0;padding:24px 22px}.step-card-copy{margin-top:22px}.editor-section{width:calc(100% - 20px);padding:0}.editor-section-frame{gap:40px;padding:40px 20px 24px;border-radius:28px}.editor-section-copy{gap:28px}.editor-detail-preview{min-height:300px;border-radius:20px}.editor-laptop-device{bottom:0;width:470px}.editor-laptop-editor-stage{transform:scale(.53)}.feature-row{grid-template-columns:42px 1fr;gap:14px;padding:20px 0}.feature-icon{width:36px;height:36px}.feature-row h3,.native-points h3{font-size:17px}.feature-row p{font-size:14px}.shortcuts-section,.faq-section{gap:40px}.native-points{grid-template-columns:1fr;gap:24px;margin-top:42px}.shortcut-board{border-radius:24px}.shortcut-board-header{padding:22px 20px}.shortcut-list{padding:4px 20px 16px}.shortcut-row{min-height:62px;gap:16px;font-size:13px}.pro-card--resize,.pro-card--supporting{padding:24px;border-radius:24px}.pro-card--resize{gap:28px}.pro-card>h3,.pro-resize-copy>h3{font-size:24px}.pro-card-label{margin-bottom:18px}.pro-resize-scene{border-radius:17px}.pro-resize-toolbar{align-items:flex-start;flex-direction:column;gap:8px}.pro-resize-playback{align-self:stretch}.pro-card--supporting{min-height:270px}.key-cluster{gap:4px}.key-cluster kbd{min-width:28px;height:28px;padding:0 7px;border-radius:7px}.faq-section{padding:0;margin-bottom:var(--section-gap)}.faq-list summary{min-height:76px;gap:16px;font-size:16px}.faq-list details>p{padding-right:30px;font-size:14px}.site-footer{padding:44px 20px 28px}.footer-topline,.footer-bottomline{align-items:flex-start;flex-direction:column}.footer-topline{padding-bottom:38px}.footer-topline>p{max-width:300px;text-align:left}.footer-bottomline{gap:24px}.footer-bottomline nav{flex-wrap:wrap;gap:16px 24px}}@media(max-width:560px),(hover:none)and (pointer:coarse){.helper-pointer{display:none}.helper-touch{display:inline}}@media(max-width:420px){.site-header{padding-right:14px;padding-left:14px}.header-actions .nav-cta{display:none}}@media(prefers-reduced-transparency:reduce){.desktop-menu-bar{background:#060712d1;-webkit-backdrop-filter:none;backdrop-filter:none}.desktop-menu-bar-canvas{opacity:.82}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.reminder-section{display:grid;grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr);align-items:center;gap:clamp(48px,6vw,88px)}.reminder-points{display:grid;gap:22px;margin-top:var(--heading-content-gap)}.reminder-points article{display:flex;gap:16px}.reminder-points h3{margin:0;font-size:16px;font-weight:650;letter-spacing:-.015em}.reminder-points p{margin:6px 0 0;color:#1112149c;font-size:15px;line-height:1.5;text-wrap:pretty}.reminder-visual{min-width:0;padding:clamp(16px,2vw,22px);background:radial-gradient(circle at 50% 0%,rgba(41,121,255,.16),transparent 42%),#111214;border:1px solid rgba(255,255,255,.08);border-radius:28px;box-shadow:0 30px 84px #0e0f1121}.reminder-scene{position:relative;width:100%;overflow:hidden;aspect-ratio:600 / 360;background:#17181c;border:1px solid rgba(255,255,255,.12);border-radius:18px;contain:layout paint}.reminder-stage{position:absolute;isolation:isolate;top:0;left:50%;width:600px;height:360px;overflow:hidden;transform:translate(-50%) scale(var(--reminder-stage-scale, 1));transform-origin:top center}.reminder-stage .editor-shell{pointer-events:none}.reminder-menu-crop{position:absolute;z-index:2;top:0;left:50%;width:1512px;transform:translate(-50%)}.reminder-stage .notch-chrome{--demo-native-ratio: var(--reminder-zoom, 1)}.reminder-overlay{position:absolute;z-index:7;top:calc(31px * var(--reminder-zoom, 1));left:50%;width:400px;height:144px;pointer-events:none;transform:translate(-50%) scale(var(--reminder-zoom, 1));transform-origin:top center}.reminder-glow{position:absolute;z-index:1;top:-31px;left:0;width:400px;height:175px;background:radial-gradient(150px 50px at 200px 37px,#2979ff75,#2979ff46,#2979ff00),radial-gradient(190px 75px at 200px 42px,#4585ea33,#4585ea1f,#4585ea00);-webkit-mask-image:linear-gradient(to bottom,rgba(0,0,0,.45) 0,#000 31px);mask-image:linear-gradient(to bottom,#00000073 0,#000 31px)}.reminder-below{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden}.reminder-support-mask{position:absolute;top:0;right:0;bottom:0;left:0;-webkit-mask-image:linear-gradient(to bottom,transparent 0,#000 12px);mask-image:linear-gradient(to bottom,transparent 0,#000 12px)}.reminder-support{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(172px 53px at 200px 35px,#0a1733ad,#0a17336b 45%,#0a17331f 78%,#0a173300);filter:blur(10px)}.reminder-message{position:absolute;z-index:2;top:8px;left:80px;display:flex;width:240px;height:48px;padding-top:5px;flex-direction:column;align-items:center;gap:2px;color:#fff;text-align:center;text-shadow:0 1px 2px rgba(0,0,0,.35)}.reminder-message strong,.reminder-message span{overflow:hidden;width:216px;text-overflow:ellipsis;white-space:nowrap}.reminder-message strong{font-size:13px;font-weight:700;line-height:18px}.reminder-message span{font-size:12px;line-height:17px}.reminder-cursor{position:absolute;z-index:16;width:24px;height:24px;margin:-3px 0 0 -5px;filter:drop-shadow(0 2px 3px rgba(0,0,0,.45));pointer-events:none;transform-origin:5px 3px}.reminder-cursor svg{display:block}.reminder-toolbar{display:flex;align-items:center;justify-content:space-between;min-height:44px;gap:18px;margin-top:14px;color:#ffffff80}.reminder-steps{display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding:0;margin:0;list-style:none;font-size:12px;font-weight:620}.reminder-steps li{display:inline-flex;align-items:center;gap:8px;transition:color .16s ease}.reminder-steps li.is-active{color:#fff}@media(max-width:1100px){.reminder-section{grid-template-columns:1fr}.reminder-copy{max-width:620px}}@media(max-width:560px){.reminder-visual{padding:12px;border-radius:24px}.reminder-scene{border-radius:14px}.reminder-points{gap:18px}}