.sop-page{--sop-space:calc(var(--rhythm-half)*4/3)}.sop-page picture{display:contents}.sop-page picture>source{display:none}.sop-page header{box-shadow:inset 0 -1px #0000000d}.sop-page:lang(ja) main{word-break:auto-phrase;overflow-wrap:anywhere}.sop-hero-row{text-align:center;flex-direction:column;align-items:center;gap:40px;padding-top:48px;display:flex}.sop-hero-copy{width:min(483px,100%);container-type:inline-size}.sop-hero-title{--gradient-accent-angle:77.206deg;letter-spacing:-.02em;font-size:clamp(30px,9.93789cqw,48px);line-height:1.125}.sop-hero-lead{display:block}.sop-hero-slot{vertical-align:top;width:1.249em;height:1lh;display:inline-block;position:relative}.sop-hero-slot:is(:lang(ja),:lang(zh)){margin-inline-start:.2em}.sop-hero-tile{background:linear-gradient(180deg,#dedfff 0%,var(--purple-700)43.147%,#dedfff 100%)padding-box,linear-gradient(180deg,var(--purple-500),#c8c6ff)border-box;border:.0265em solid #0000;border-radius:.3447em;width:1.2197em;height:1.2197em;padding:.053em;display:block;position:absolute;top:calc(50% + .037em);left:calc(50% - .081em);translate:-50% -50%;rotate:6deg;box-shadow:0 .3447em .4243em #7456fc99}.sop-hero-tile-face{background:linear-gradient(#c8c6ffe6,#7456fce6);border-radius:.2652em;justify-content:center;align-items:center;width:100%;height:100%;display:flex}.sop-hero-tile-face img{flex:none;width:.5303em;height:.5303em}.sop-hero-card{isolation:isolate;text-align:start;width:min(537px,100%);scroll-margin-top:calc(var(--banner-height,0px) + var(--header-height,64px));flex-shrink:0;margin-bottom:-17px;position:relative}.sop-hero-card-clip{min-height:532px;box-shadow:var(--shadow-figma-md);border-radius:46px;padding:86px 0 90px;position:relative;overflow:hidden}.sop-hero-card-bg{object-fit:cover;width:100%;max-width:none;height:100%;position:absolute;inset:0}.sop-hero-sheet{border:1px solid var(--gray-100);background:var(--white);border-radius:20px;width:min(424px,100% - 24px);height:571px;position:absolute;top:51.075px;left:calc(50% + 1px);translate:-50%;box-shadow:0 32px 64px #36363026}.sop-hero-fade{pointer-events:none;background:linear-gradient(180deg,#fff0,var(--gray-25)41.512%);width:697.352px;height:279.707px;position:absolute;bottom:-76.999px;left:calc(50% + 11.324px);translate:-50%}.sop-hero-fade.is-outer{z-index:2;width:623px;height:73px;bottom:0;left:calc(50% - 9px)}.sop-hero-form{z-index:1;width:min(355px,100% - 56px);margin-inline:auto;position:relative}.sop-hero-intro{letter-spacing:-.02em;color:var(--gray-700);margin-bottom:28.5px;font-size:16px;font-weight:500;line-height:1.5}.sop-access-notice{border:1px solid var(--gray-100);background:var(--gray-25);letter-spacing:-.02em;color:var(--gray-700);text-wrap:balance;border-radius:8px;gap:8px;padding:10px 12px;font-size:14px;font-weight:500;line-height:1.5;display:none}:root[data-sop-access=denied] .sop-access-notice{display:flex}:root[data-sop-access=denied] .sop-hero-sheet{height:max(571px,100% + 39px)}.sop-access-notice svg{width:16px;height:16px;color:var(--gray-500);flex:none;margin-top:2.5px}.sop-form,.sop-form-fields{flex-direction:column;display:flex}.sop-form.is-hero .sop-form-fields{gap:9px}.sop-form.is-hero .sop-form-submit{flex-direction:column;gap:8px;margin-top:27.5px;display:flex}.sop-form.is-cta{gap:12px}.sop-lead.is-cta{width:min(320px,100%)}.sop-form.is-cta .sop-form-fields{gap:12px}.sop-cta-consent{letter-spacing:-.01em;color:#666;font-size:12px;font-weight:500;line-height:18px}@media (min-width:1024px){.sop-hero-row{text-align:start;flex-direction:row;justify-content:space-between;align-items:flex-start;gap:24px;padding-top:45px}.sop-hero-copy{width:min(483px,100% - 561px);padding-top:56px}.sop-hero-card{margin-right:-1px}}.sop-band{--w:min(1px,(100vw - 32px)/989.545);padding-top:48px;display:flow-root;position:relative;overflow:clip}.sop-band-bg{height:844px;position:absolute;inset:0 0 auto}.sop-window{width:calc(var(--w)*989.545);height:calc(var(--w)*652);margin:0 auto calc(var(--w)*-11);outline:calc(var(--w)*1.099)solid #ffffff80;border-radius:calc(var(--w)*15.393);background:var(--white);box-shadow:0 calc(var(--w)*4.398)calc(var(--w)*13.194)#1405402e,0 calc(var(--w)*32.985)calc(var(--w)*76.965)calc(var(--w)*-10.995)#14054059;flex-direction:column;display:flex;position:relative;overflow:hidden}.sop-window-bar{height:calc(var(--w)*36.283);padding:0 calc(var(--w)*15.393);border-bottom:calc(var(--w)*1.099)solid #e3e0eb;background:#f4f3f7;flex:none;align-items:center;display:flex}.sop-window-lights{gap:calc(var(--w)*7.696);flex:1;display:flex}.sop-window-lights img{width:calc(var(--w)*10.995);height:calc(var(--w)*10.995)}.sop-window-url{justify-content:center;align-items:center;gap:calc(var(--w)*6.597);width:calc(var(--w)*230.894);height:calc(var(--w)*18.691);border-radius:calc(var(--w)*19.791);background:var(--white);font-size:calc(var(--w)*10.995);color:#4a4561;white-space:nowrap;flex:none;line-height:normal;display:flex}.sop-window-url img{width:calc(var(--w)*10.995);height:calc(var(--w)*13.194)}.sop-window-view{--sop-view-h:calc(var(--w)*615.717);background:#faf9fc;flex:1;min-height:0;position:relative}.sop-preview{position:absolute;inset:0;overflow:hidden}.sop-preview-strip{will-change:transform;position:absolute;inset:0 0 auto}.sop-preview-strip img,.sop-preview-back img{width:100%;max-width:none;height:auto;display:block}.sop-preview-back,.sop-preview-white{opacity:0;pointer-events:none;position:absolute;inset:0}.sop-preview-white{background:#fff}.sop-preview.is-playing .sop-preview-strip{animation:6.35s linear both sop-scroll}.sop-preview.is-playing .sop-preview-white{animation:6.35s linear both sop-white}.sop-preview.is-playing .sop-preview-back{animation:6.35s linear both sop-back}@keyframes sop-scroll{0%{transform:translateY(0)}28.35%{animation-timing-function:cubic-bezier(.72,0,.3,1);transform:translateY(0)}88.19%,to{transform:translateY(calc(-100% + var(--sop-view-h)))}}@supports (animation-timing-function:linear(0.0000, 0.0000, 0.0000, 0.0000, 0.0001, 0.0002, 0.0005, 0.0009, 0.0015, 0.0025, 0.0037, 0.0055, 0.0077, 0.0105, 0.0141, 0.0184, 0.0235, 0.0297, 0.0368, 0.0450, 0.0546, 0.0652, 0.0771, 0.0907, 0.1054, 0.1215, 0.1396, 0.1587, 0.1793, 0.2021, 0.2257, 0.2508, 0.2781, 0.3059, 0.3350, 0.3663, 0.3977, 0.4301, 0.4643, 0.4982, 0.5326, 0.5685, 0.6034, 0.6383, 0.6739, 0.7080, 0.7414, 0.7747, 0.8058, 0.8354, 0.8640, 0.8897, 0.9132, 0.9348, 0.9530, 0.9683, 0.9809, 0.9900, 0.9960, 0.9992, 1.0000)){@keyframes sop-scroll{0%{transform:translateY(0)}28.35%{animation-timing-function:linear(0,0,0,0,.0001,.0002,.0005,.0009,.0015,.0025,.0037,.0055,.0077,.0105,.0141,.0184,.0235,.0297,.0368,.045,.0546,.0652,.0771,.0907,.1054,.1215,.1396,.1587,.1793,.2021,.2257,.2508,.2781,.3059,.335,.3663,.3977,.4301,.4643,.4982,.5326,.5685,.6034,.6383,.6739,.708,.7414,.7747,.8058,.8354,.864,.8897,.9132,.9348,.953,.9683,.9809,.99,.996,.9992,1);transform:translateY(0)}88.19%,to{transform:translateY(calc(-100% + var(--sop-view-h)))}}}@keyframes sop-white{0%{opacity:0}76.38%{opacity:0;animation-timing-function:ease-in}82.2%,to{opacity:1}}@keyframes sop-back{0%{opacity:0}88.98%{opacity:0;animation-timing-function:ease-out}to{opacity:1}}.sop-preview.is-early.is-playing .sop-preview-strip{animation:4.55s linear both sop-scroll-early}.sop-preview.is-early.is-playing .sop-preview-white{animation:4.55s linear both sop-white-early}.sop-preview.is-early.is-playing .sop-preview-back{animation:4.55s linear both sop-back-early}.sop-preview.is-early[data-held]>*{animation-play-state:paused!important}@keyframes sop-scroll-early{0%{animation-timing-function:cubic-bezier(.72,0,.3,1);transform:translateY(0)}83.51%,to{transform:translateY(calc(-100% + var(--sop-view-h)))}}@supports (animation-timing-function:linear(0.0000, 0.0000, 0.0000, 0.0000, 0.0001, 0.0002, 0.0005, 0.0009, 0.0015, 0.0025, 0.0037, 0.0055, 0.0077, 0.0105, 0.0141, 0.0184, 0.0235, 0.0297, 0.0368, 0.0450, 0.0546, 0.0652, 0.0771, 0.0907, 0.1054, 0.1215, 0.1396, 0.1587, 0.1793, 0.2021, 0.2257, 0.2508, 0.2781, 0.3059, 0.3350, 0.3663, 0.3977, 0.4301, 0.4643, 0.4982, 0.5326, 0.5685, 0.6034, 0.6383, 0.6739, 0.7080, 0.7414, 0.7747, 0.8058, 0.8354, 0.8640, 0.8897, 0.9132, 0.9348, 0.9530, 0.9683, 0.9809, 0.9900, 0.9960, 0.9992, 1.0000)){@keyframes sop-scroll-early{0%{animation-timing-function:linear(0,0,0,0,.0001,.0002,.0005,.0009,.0015,.0025,.0037,.0055,.0077,.0105,.0141,.0184,.0235,.0297,.0368,.045,.0546,.0652,.0771,.0907,.1054,.1215,.1396,.1587,.1793,.2021,.2257,.2508,.2781,.3059,.335,.3663,.3977,.4301,.4643,.4982,.5326,.5685,.6034,.6383,.6739,.708,.7414,.7747,.8058,.8354,.864,.8897,.9132,.9348,.953,.9683,.9809,.99,.996,.9992,1);transform:translateY(0)}83.51%,to{transform:translateY(calc(-100% + var(--sop-view-h)))}}}@keyframes sop-white-early{0%{opacity:0}67.03%{opacity:0;animation-timing-function:ease-in}75.15%,to{opacity:1}}@keyframes sop-back-early{0%{opacity:0}84.62%{opacity:0;animation-timing-function:ease-out}to{opacity:1}}.sop-band-fade{inset-inline:0;pointer-events:none;background:linear-gradient(180deg,#fff0 8.802%,#fefefe3a 32.126%,#fdfdfc73 49.146%,#fbfbfbbd 66.482%,var(--gray-25)79.275%);height:211px;position:absolute;bottom:-25px}.sop-stats{padding:var(--sop-space)0}@media (min-width:768px){.sop-stat-value{margin-top:calc(33.5px - .46875em)}}.sop-wyg{padding:var(--sop-space)0;flex-direction:column;align-items:center;gap:40px;display:flex}.sop-wyg .gradient-accent-text{--gradient-accent-angle:57.856deg}.sop-wyg-art{width:min(1120px,100% - 32px);container-type:inline-size}.sop-fan{--u:calc(100cqw/1120);aspect-ratio:1120/520;position:relative}.sop-fan-band{width:100%;max-width:none;height:100%;display:block}.sop-fan-card{will-change:transform;position:absolute}.sop-fan-card.is-top{z-index:10!important}@media (scripting:enabled) and (prefers-reduced-motion:no-preference){html:not([data-lite]) .sop-fan:not([data-live]) .sop-fan-card{visibility:hidden}}.sop-fan-lift{--s:calc(var(--u)*var(--sop-fan-shadow));width:100%;height:100%;box-shadow:0 calc(var(--s)*1.709)calc(var(--s)*2.278)#290f6b0f,0 calc(var(--s)*13.668)calc(var(--s)*15.946)#290f6b1a;will-change:transform;transition:transform .42s cubic-bezier(.22,1,.36,1);position:relative}.sop-fan-lift:after{content:"";box-shadow:0 calc(var(--u)*32)calc(var(--u)*48)calc(var(--u)*-12)#290f6b52,0 calc(var(--u)*12)calc(var(--u)*20)calc(var(--u)*-8)#290f6b2e;opacity:0;pointer-events:none;transition:opacity .3s ease-out;position:absolute;inset:0}.sop-fan-card.is-lifted .sop-fan-lift{transform:translateY(calc(var(--u)*-24))scale(1.04);transition:transform .56s cubic-bezier(.34,1.56,.64,1)}.sop-fan-card.is-lifted .sop-fan-lift:after{opacity:1;transition-duration:.4s}.sop-fan-lift img{width:100%;max-width:none;height:100%;display:block}@media (prefers-reduced-motion:reduce){.sop-fan-lift,.sop-fan-card.is-lifted .sop-fan-lift{transition-timing-function:ease-out}}.sop-start{z-index:1;padding:var(--sop-space)0;flex-direction:column;align-items:center;gap:40px;display:flex;position:relative}.sop-start .gradient-accent-text{--gradient-accent-angle:54.351deg}.sop-start-cards{grid-template-columns:repeat(3,minmax(0,350px));justify-content:center;gap:12px;width:min(100% - 48px,1080px);display:grid}.sop-start-card{border:1px solid var(--gray-100);background:var(--white);box-shadow:var(--shadow-figma-md);border-radius:20px;flex-direction:column;display:flex;position:relative;container-type:inline-size}.sop-start-art{--u:calc((100cqw + 2px)/350);width:calc(var(--u)*350);height:calc(var(--u)*220);flex:none;margin:14px 0 0 -1px;position:relative}.sop-start-art.is-explore{border-radius:20px;overflow:hidden}.sop-start-layer{width:100%;max-width:none;height:100%;display:block;position:absolute;inset:0}.sop-start-pixels{background:image-set("/img/state-of-paywalls/texture-117.avif" type("image/avif")1x,"/img/state-of-paywalls/texture-117.webp" type("image/webp")1x,"/img/state-of-paywalls/texture-234.webp" 2x)0 0/calc(var(--u)*116.996)calc(var(--u)*116.996);position:absolute;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.sop-start-guides,.sop-start-move{transition:transform .56s cubic-bezier(.22,1,.36,1)var(--d,0s),opacity .56s cubic-bezier(.22,1,.36,1)var(--d,0s);position:absolute;inset:0}.sop-start-guides{--d:0s}.sop-start-move{--d:70ms}:is(.is-explore,.is-claude)>.sop-start-move{--d:0s}@media (prefers-reduced-motion:no-preference) and ((any-hover:hover) or (not (any-pointer:coarse))){.sop-start-card:hover .sop-start-move{--d:0s}.sop-start-card:hover .sop-start-guides{--d:70ms;opacity:.35}.sop-start-card:hover :is(.is-explore,.is-claude)>:is(.sop-start-move,.sop-start-guides){--d:0s;transition-duration:.42s;transition-timing-function:cubic-bezier(.5,0,.85,.4)}.sop-start-card:hover :is(.is-explore,.is-claude)>.sop-start-guides{opacity:0}.sop-start-card:hover :is(.is-explore,.is-claude)>.sop-start-move{transform:translate(0,calc(var(--u)*40))}.sop-start-card:hover .is-test>.sop-start-move{transform:translate(calc(var(--u)*-20),calc(var(--u)*10))}}.sop-start-number{border:1px solid var(--purple-50);background:var(--white);width:30px;height:30px;box-shadow:var(--shadow-figma-xs);letter-spacing:-.01em;color:var(--gray-700);border-radius:8px;justify-content:center;align-items:center;font-size:12px;font-weight:600;line-height:12px;display:flex;position:absolute;top:11px;left:11px}.sop-start-title{letter-spacing:-.02em;color:var(--gray-1300);margin:27.23px 21px 0;font-size:20px;font-weight:600;line-height:1.375;position:relative;top:1px}.sop-start-text{letter-spacing:-.02em;max-width:247px;color:var(--color-text-description);margin:8.5px 21px 22.77px;font-size:14px;font-weight:500;line-height:1.5}.sop-cta{padding-top:var(--sop-space);position:relative;overflow-x:clip}.sop-cta-glow{width:max(100%,1440px);max-width:none;height:calc(100% + 81px);position:absolute;top:-80px;left:50%;translate:-50%}.sop-cta-fade{inset-inline:0;pointer-events:none;background:linear-gradient(#0000,#000);height:160px;position:absolute;bottom:-1px}.sop-cta-card{background:var(--gray-25);min-height:591px;box-shadow:inset 0 0 0 1px var(--gray-100),var(--shadow-figma-xs);border-radius:20px;padding:65px;display:flex;position:relative;overflow:hidden}.sop-cta-gradient{width:902.5px;max-width:none;height:100%;position:absolute;top:0;right:0}.sop-cta-copy{flex-direction:column;align-items:flex-start;gap:32px;width:min(520px,100% - 426px);min-width:0;display:flex;position:relative}.sop-cta-art{transform-origin:100% 0;width:476px;height:560px;position:absolute;top:0;right:0;overflow:hidden;scale:1.0884}.sop-phone{width:268px;height:496.5px;position:absolute;top:45px;left:141px}.sop-phone img{width:100%;max-width:none;height:100%;position:absolute;inset:0}.sop-callout{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);isolation:isolate;background:linear-gradient(#efeef6d9,#eeeef0d9);border-radius:17.877px;flex-direction:column;align-items:flex-start;padding:10px 20px;display:flex;position:absolute;overflow:hidden;box-shadow:0 8px 8px -4px #36363008,0 24px 56px -12px #3636302e}.sop-callout[data-glass]{-webkit-backdrop-filter:none;backdrop-filter:none;outline-offset:-1px;background:0 0;outline:1px solid #ffffff80;overflow:visible}.sop-callout[data-glass]:before{background:linear-gradient(90deg,#ffffffd9 0 6%,#fff0 16%),linear-gradient(#28283c1a,#28283c05 30% 70%,#28283c38),linear-gradient(135deg,#e5e5df24,#90908724);border-radius:21.229px;inset:-3.352px}.sop-callout-glass{z-index:-1;border-radius:21.229px;position:absolute;inset:-3.352px;overflow:hidden}.sop-callout-glass:after{content:"";background:linear-gradient(#ffffffbf,#fafaf9bf);position:absolute;inset:0}.sop-callout-scene{max-width:none;position:absolute}.sop-callout:before{content:"";border-radius:inherit;-webkit-mask-composite:xor;pointer-events:none;background:linear-gradient(90deg,#fbfbfb 0 3.352px,#0000 3.352px),linear-gradient(#e5e4ec,#f4f4f6 45%,#ececee);padding:3.352px;position:absolute;inset:0;-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor,source-over;mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0)}.sop-callout-value{font-family:var(--font-heading);letter-spacing:-.02em;color:#6d3fe6;white-space:nowrap;font-size:42px;font-weight:600;line-height:normal}.sop-callout-text{width:var(--text-w);font-family:var(--font-heading);color:#21211f;flex:none;font-size:15px;font-weight:500;line-height:1.2}.sop-faq summary{cursor:pointer;list-style:none}.sop-faq summary::-webkit-details-marker{display:none}.sop-faq details:not([open]) .sop-faq-arrow{rotate:180deg}@media (max-width:1023.98px){.sop-cta-card{text-align:center;flex-direction:column;align-items:center;min-height:0;padding:40px 24px}.sop-cta-copy{align-items:center;width:100%}.sop-cta-gradient,.sop-cta-art{display:none}.sop-lead.is-cta{text-align:start;width:min(400px,100%)}}@media (max-width:767px){.sop-start-cards{grid-template-columns:minmax(0,350px)}}@media (min-width:560px) and (max-width:767px){.sop-start-cards{grid-template-columns:minmax(0,680px)}.sop-start-card{grid-template-rows:1fr auto auto 1fr;grid-template-columns:auto minmax(0,1fr);column-gap:8px;display:grid}.sop-start-art{--u:calc(min(300px,46cqw)/350);grid-area:1/1/-1/2;align-self:center;margin:14px 0 14px -1px}.sop-start-title{grid-area:2/2;margin:0 24px 0 0}.sop-start-text{grid-area:3/2;max-width:none;margin:8.5px 24px 0 0}}@media (max-width:479.98px){.sop-cta-card{padding:32px 20px}}