:root{--paper: #f4f1ea;--paper-2: #ebe6dc;--card: #fffdf9;--ink: #191a1c;--ink-2: #3b3a37;--muted: #6d6961;--faint: #9a958b;--line: rgba(25, 26, 28, .1);--line-2: rgba(25, 26, 28, .18);--cobalt: #1245ff;--cut: #e5484d;--crease: #1f9d55;--display: "Bricolage Grotesque", "Be Vietnam Pro", system-ui, sans-serif;--sans: "Geist", "Be Vietnam Pro", system-ui, -apple-system, "Segoe UI", sans-serif;--mono: "JetBrains Mono", ui-monospace, "SF Mono", Menlo, monospace;--ease: cubic-bezier(.22, .8, .2, 1);--wrap: min(1200px, calc(100vw - 48px) );color-scheme:light}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font:400 17px/1.6 var(--sans);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}img,canvas,svg{display:block;max-width:100%}a{color:inherit}h1,h2,h3{margin:0;font-family:var(--display);font-weight:800;letter-spacing:-.035em;line-height:1.02;text-wrap:balance}p{margin:0;text-wrap:pretty}.sx-wrap{width:var(--wrap);margin:0 auto}.sx-skip{position:absolute;left:-9999px}.sx-skip:focus{left:16px;top:12px;z-index:100;padding:8px 12px;background:var(--ink);color:#fff}.sx-btn{display:inline-flex;gap:8px;align-items:center;justify-content:center;height:46px;padding:0 22px;border:1px solid var(--ink);border-radius:999px;background:var(--ink);color:var(--paper);font:600 15px/1 var(--sans);text-decoration:none;transition:transform .25s var(--ease),background .2s,box-shadow .25s var(--ease)}.sx-btn:hover{transform:translateY(-1px);box-shadow:0 10px 24px -12px #191a1c8c}.sx-btn svg{width:16px;height:16px}.sx-btn.line{background:transparent;color:var(--ink);border-color:var(--line-2)}.sx-btn.line:hover{border-color:var(--ink);box-shadow:none}.sx-btn.sm{height:38px;padding:0 16px;font-size:14px}.sx-btn:focus-visible,.sx-nav a:focus-visible{outline:2px solid var(--cobalt);outline-offset:3px}.sx-top{position:fixed;inset:0 0 auto;z-index:50;transition:background .3s,box-shadow .3s,backdrop-filter .3s}.sx-top.on{background:color-mix(in srgb,var(--paper) 82%,transparent);box-shadow:0 1px 0 var(--line);-webkit-backdrop-filter:saturate(1.4) blur(14px);backdrop-filter:saturate(1.4) blur(14px)}.sx-top-in{display:flex;gap:28px;align-items:center;height:68px}.sx-logo{display:flex;color:var(--ink)}.sx-logo svg{width:auto;height:26px;fill:currentColor}.sx-nav{display:flex;gap:26px;margin-right:auto;font-size:15px}.sx-nav a{color:var(--ink-2);text-decoration:none;transition:color .2s}.sx-nav a:hover,.sx-nav a[aria-current=page]{color:var(--ink)}.sx-top-act{display:flex;gap:14px;align-items:center;font-size:15px}.sx-top-act>a:not(.sx-btn){color:var(--ink-2);text-decoration:none}.sx-lang{color:var(--muted);font:500 13px/1 var(--mono);text-decoration:none;text-transform:uppercase}.sx-eye{display:inline-flex;gap:8px;align-items:center;margin-bottom:18px;color:var(--muted);font:500 13px/1 var(--mono);letter-spacing:.04em;text-transform:uppercase}.sx-eye:before{content:"";width:14px;height:14px;background:linear-gradient(135deg,var(--cobalt) 0 50%,var(--ink) 50%);clip-path:polygon(0 40%,40% 0,100% 0,100% 100%,0 100%)}.sx-sec{padding:140px 0}.sx-head{max-width:760px;margin-bottom:64px}.sx-head h2{font-size:clamp(40px,5.2vw,72px)}.sx-head p{margin-top:20px;max-width:600px;color:var(--muted);font-size:19px}.sx-head.center{margin-inline:auto;text-align:center}.sx-head.center p{margin-inline:auto}.sx-hero{position:relative;height:380vh}.sx-stage{position:sticky;top:0;height:100vh;height:100svh;overflow:hidden;background:var(--stage, #f1f1ef)}.sx-hero+.sx-sec{background:linear-gradient(to bottom,var(--stage, var(--paper)),var(--paper) 360px)}.sx-stage canvas{position:absolute;inset:0;width:100%;height:100%}.sx-hero-copy{position:absolute;inset:0 0 auto;z-index:2;padding-top:clamp(110px,16vh,170px);text-align:center;transition:opacity .5s var(--ease),transform .6s var(--ease)}.sx-hero-copy.off{opacity:0;transform:translateY(-24px);pointer-events:none}.sx-hero h1{font-size:clamp(46px,7.4vw,112px);letter-spacing:-.045em}.sx-hero h1 em{color:var(--cobalt);font-style:normal}.sx-hero-sub{max-width:600px;margin:22px auto 0;color:var(--ink-2);font-size:clamp(17px,1.5vw,20px)}.sx-cta{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin-top:30px}.sx-note{margin-top:16px;color:var(--muted);font-size:14px}.sx-steps{position:absolute;inset:auto 0 clamp(24px,5vh,48px);z-index:2;opacity:0;transform:translateY(16px);transition:opacity .6s var(--ease),transform .7s var(--ease)}.sx-steps.on{opacity:1;transform:none}.sx-steps ol{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin:0;padding:0;list-style:none}.sx-steps li{position:relative;padding-top:16px;color:var(--faint);transition:color .4s var(--ease)}.sx-steps li:before{content:"";position:absolute;inset:0 0 auto;height:2px;background:var(--line-2)}.sx-steps li:after{content:"";position:absolute;inset:0 auto auto 0;width:calc(var(--k, 0) * 100%);height:2px;background:var(--ink)}.sx-steps li.on{color:var(--ink)}.sx-steps b{display:block;font:700 16px/1.3 var(--display);letter-spacing:-.01em}.sx-steps span{display:block;margin-top:4px;font-size:14px;line-height:1.45}.sx-steps small{display:block;margin-bottom:6px;font:500 12px/1 var(--mono)}.sx-range{display:grid;grid-template-columns:repeat(6,1fr);gap:16px}.sx-item{position:relative;grid-column:span 2;overflow:hidden;border-radius:20px;background:#f1f1ef}.sx-item.wide{grid-column:span 3}.sx-item img{width:100%;height:100%;aspect-ratio:4 / 3;object-fit:cover;transition:transform 1.2s var(--ease)}.sx-item:hover img{transform:scale(1.04)}.sx-item figcaption{position:absolute;inset:auto 18px 16px;display:flex;gap:10px;align-items:baseline;justify-content:space-between;font-size:14px}.sx-item figcaption b{font:700 17px/1.2 var(--display);letter-spacing:-.01em}.sx-item figcaption span{color:var(--muted)}.sx-feat{display:grid;grid-template-columns:1fr 1.25fr;gap:clamp(32px,6vw,96px);align-items:center;padding:72px 0;border-top:1px solid var(--line)}.sx-feat.flip>.sx-feat-pic{order:-1}.sx-feat h3{font-size:clamp(30px,3.4vw,46px)}.sx-feat p{margin-top:18px;color:var(--ink-2);font-size:18px}.sx-feat ul{display:grid;gap:10px;margin:26px 0 0;padding:0;list-style:none;color:var(--ink-2);font-size:16px}.sx-feat li{display:flex;gap:10px}.sx-feat li:before{content:"";flex:none;width:6px;height:6px;margin-top:10px;border-radius:2px;background:var(--cobalt)}.sx-feat-pic{overflow:hidden;border:1px solid var(--line);border-radius:20px;background:var(--card);box-shadow:0 40px 80px -48px #191a1c73}.sx-feat-pic img{width:100%;height:auto}.sx-die{padding:36px;background:linear-gradient(var(--line) 1px,transparent 1px) 0 0 / 24px 24px,linear-gradient(90deg,var(--line) 1px,transparent 1px) 0 0 / 24px 24px,var(--card)}.sx-die svg{width:100%;height:auto}.sx-die .cut{fill:none;stroke:var(--cut);stroke-width:1.4;stroke-linejoin:round}.sx-die .crease{fill:none;stroke:var(--crease);stroke-width:1;stroke-dasharray:5 4}.sx-chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:26px}.sx-chips span{padding:7px 11px;border:1px solid var(--line-2);border-radius:8px;background:var(--card);font:500 13px/1 var(--mono)}.sx-dark{margin:0 16px;padding:140px 0;border-radius:32px;background:radial-gradient(80% 60% at 70% 0%,#20263d,transparent 70%),#121316;color:#f3f1ec}.sx-dark .sx-eye{color:#a7a49c}.sx-dark .sx-head p{color:#b9b5ad}.sx-grid4{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;overflow:hidden;border:1px solid rgba(255,255,255,.1);border-radius:20px;background:#ffffff1a}.sx-grid4>div{padding:28px 24px 30px;background:#16171b}.sx-grid4 b{display:block;margin:18px 0 8px;font:700 18px/1.25 var(--display)}.sx-grid4 p{color:#a7a49c;font-size:15px}.sx-grid4 svg{width:22px;height:22px;fill:none;stroke:#f3f1ec;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.sx-plans{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.sx-plan{display:flex;flex-direction:column;padding:30px 28px;border:1px solid var(--line);border-radius:20px;background:var(--card)}.sx-plan.best{border-color:var(--ink);box-shadow:0 30px 60px -40px #191a1c80}.sx-plan h3{font-size:22px}.sx-plan .price{margin:14px 0 4px;font:800 44px/1 var(--display);letter-spacing:-.04em;white-space:nowrap}.sx-plan .price small{margin-left:4px;color:var(--muted);font:500 15px/1 var(--sans);letter-spacing:0}.sx-plan .for{color:var(--muted);font-size:15px}.sx-plan ul{display:grid;gap:9px;margin:22px 0 26px;padding:20px 0 0;border-top:1px solid var(--line);list-style:none;font-size:15px}.sx-plan li{display:flex;gap:10px}.sx-plan li:before{content:"";flex:none;width:14px;height:14px;margin-top:5px;background:var(--ink);-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M5 12.5l4.5 4.5L19 7.5' fill='none' stroke='black' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M5 12.5l4.5 4.5L19 7.5' fill='none' stroke='black' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / contain no-repeat}.sx-plan .sx-btn{margin-top:auto}.sx-free-tools{margin-top:26px;color:var(--muted);font-size:15px;text-align:center}.sx-faq{max-width:820px;margin:0 auto}.sx-faq details{border-bottom:1px solid var(--line)}.sx-faq details:first-of-type{border-top:1px solid var(--line)}.sx-faq summary{position:relative;padding:24px 48px 24px 0;font:700 19px/1.4 var(--display);letter-spacing:-.01em;list-style:none;cursor:pointer}.sx-faq summary::-webkit-details-marker{display:none}.sx-faq summary:after{content:"";position:absolute;top:50%;right:4px;width:14px;height:14px;margin-top:-7px;background:linear-gradient(var(--ink),var(--ink)) center / 14px 2px no-repeat,linear-gradient(var(--ink),var(--ink)) center / 2px 14px no-repeat;transition:transform .3s var(--ease)}.sx-faq details[open] summary:after{transform:rotate(45deg)}.sx-faq details p{padding:0 48px 26px 0;color:var(--ink-2)}.sx-end{padding:160px 0 140px;text-align:center}.sx-end h2{font-size:clamp(48px,7vw,104px);letter-spacing:-.045em}.sx-end h2 em{color:var(--cobalt);font-style:normal}.sx-foot{padding:56px 0 40px;border-top:1px solid var(--line);color:var(--muted);font-size:14px}.sx-foot-in{display:flex;flex-wrap:wrap;gap:32px;justify-content:space-between}.sx-foot nav{display:flex;flex-wrap:wrap;gap:22px}.sx-foot a{text-decoration:none}.sx-foot a:hover{color:var(--ink)}.sx-page-top{padding-top:170px}.sx-page-top h1{font-size:clamp(42px,5.6vw,80px);letter-spacing:-.045em}.sx-cmp-h{margin-bottom:28px;font-size:clamp(28px,3vw,40px)}.sx-cmp{overflow:hidden;border:1px solid var(--line);border-radius:20px;background:var(--card)}.sx-cmp-row{display:grid;grid-template-columns:1.6fr repeat(3,1fr);align-items:center;min-height:52px;border-top:1px solid var(--line);font-size:15px}.sx-cmp-row>span{padding:12px 20px}.sx-cmp-row>span+span{text-align:center}.sx-cmp-head{border-top:0;background:var(--paper-2);font:700 16px/1.2 var(--display)}.sx-cmp-group{padding:22px 20px 8px;border-top:1px solid var(--line);color:var(--muted);font:500 12px/1 var(--mono);letter-spacing:.04em;text-transform:uppercase}.sx-cmp .yes{color:var(--cobalt);font-weight:700}.sx-cmp .no{color:var(--faint)}@media(max-width:700px){.sx-cmp-row{grid-template-columns:1.3fr repeat(3,1fr);font-size:13px}.sx-cmp-row>span{padding:10px 8px}}.js .rv{opacity:0;transform:translateY(28px);transition:opacity .9s var(--ease),transform 1s var(--ease)}.js .rv.in{opacity:1;transform:none}@media(max-width:900px){.sx-nav{display:none}.sx-sec{padding:96px 0}.sx-range{grid-template-columns:1fr 1fr}.sx-item,.sx-item.wide{grid-column:span 1}.sx-feat,.sx-feat.flip{grid-template-columns:1fr}.sx-feat.flip>.sx-feat-pic{order:0}.sx-grid4{grid-template-columns:1fr 1fr}.sx-plans{grid-template-columns:1fr}.sx-steps ol{grid-template-columns:repeat(4,1fr);gap:8px}.sx-steps span{display:none}.sx-dark{margin:0;border-radius:0}}@media(max-width:560px){:root{--wrap: calc(100vw - 32px) }.sx-top-act>a:not(.sx-btn):not(.sx-lang){display:none}.sx-range,.sx-grid4{grid-template-columns:1fr}.sx-steps b{font-size:13px}.sx-hero{height:300vh}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.sx-hero{height:auto}.sx-stage{position:relative;height:92vh}.sx-steps{opacity:1;transform:none}}
