body.lp2{margin:0}
body.lp2{
  --wall:#dcddd8; --wall2:#d2d3cd; --ink:#161616; --mute:#5b5c58; --line:#bfc0ba; --paper:#fbfbf8;
  --marker:#d42f26; --brand:#ffd400; --y:#ffe27a; --b:#cfe2f3; --p:#f7c6c1; --gr:#d2e7c8; --bub:#2b2d31; --chat:#1d1f22; --white:#fff;
  --sans:'Golos Text',-apple-system,'Helvetica Neue',Arial,sans-serif; --serif:Literata,Georgia,'Times New Roman',serif; --hand:Neucha,'Comic Sans MS',cursive;
  color-scheme:light;
}
html.lp2-root{scroll-padding-top:72px}
@media (prefers-reduced-motion:no-preference){
html.lp2-root:focus-within{scroll-behavior:smooth}
}
body.lp2{background:var(--wall);color:var(--ink);font:400 17px/1.55 var(--sans);-webkit-font-smoothing:antialiased;overflow-x:hidden}
body.lp2 a{color:inherit}
body.lp2 img{max-width:100%}
body.lp2 .w{max-width:1440px;margin:0 auto;padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px));box-sizing:border-box}
@media (min-width:900px){
body.lp2 .w{padding-left:max(48px,env(safe-area-inset-left,0px));padding-right:max(48px,env(safe-area-inset-right,0px))}
}
@media (min-width:1300px){
body.lp2 .w{padding-left:80px;padding-right:80px}
}
body.lp2 :focus-visible{outline:3px solid var(--ink);outline-offset:3px}
body.lp2::before{content:"";position:fixed;inset:0 0 auto;height:env(safe-area-inset-top,0px);z-index:30;background:var(--wall)}
body.lp2 .top{position:sticky;top:env(safe-area-inset-top,0px);z-index:20;background:var(--wall);transition:box-shadow .2s}
body.lp2 .top.stuck{box-shadow:0 1px 0 var(--line)}
body.lp2 .top .w{display:flex;align-items:center;gap:28px;height:64px}
@media (min-width:900px){
body.lp2 .top .w{height:84px}
body.lp2 .top.stuck .w{height:64px}
}
body.lp2 .top .w{transition:height .2s}
body.lp2 .logo{font:800 22px/1 var(--sans);letter-spacing:-.03em;text-decoration:none}
body.lp2 .top nav{display:none;gap:24px;font-size:15px}
body.lp2 .top nav a{text-decoration:none;color:var(--mute)}
body.lp2 .top nav a:hover{color:var(--ink)}
body.lp2 .top .key{margin-left:auto;font-size:15px;text-underline-offset:4px}
@media (min-width:1100px){
body.lp2 .top nav{display:flex}
}
@media (max-width:599px){
body.lp2 .top .key{display:none}
body.lp2 .top .btn.sm{margin-left:auto;height:38px;padding:0 14px;font-size:14px}
body.lp2 .top .btn.sm .lg{display:none}
}
body.lp2 .btn{display:inline-flex;align-items:center;justify-content:center;height:52px;padding:0 24px;border-radius:8px;background:var(--ink);color:var(--white);font-weight:600;font-size:16px;text-decoration:none;white-space:nowrap;transition:transform .15s,background .15s;border:0;cursor:pointer;font-family:inherit}
body.lp2 .btn:hover{background:#000}
body.lp2 .btn:active{transform:translateY(1px)}
body.lp2 .btn.sm{height:42px;padding:0 18px;font-size:15px}
body.lp2 .btn.ghost{background:transparent;color:var(--ink);box-shadow:inset 0 0 0 1.5px var(--ink)}
body.lp2 .btn.ghost:hover{background:var(--ink);color:var(--white)}
body.lp2 h2{margin:0;font:800 clamp(38px,5vw,64px)/1 var(--sans);letter-spacing:-.045em;max-width:13em;text-wrap:balance}
body.lp2 .sub{margin:16px 0 0;font-size:clamp(16px,1.4vw,19px);color:var(--mute);max-width:34em}
body.lp2 .sec{padding-top:clamp(84px,10vw,150px)}
body.lp2 .ph{background:#222;overflow:hidden;position:relative}
body.lp2 .ph img{display:block;width:100%;height:100%;object-fit:cover;filter:grayscale(1) contrast(1.12) brightness(.95)}
body.lp2 .fit{position:relative;width:100%}
body.lp2 .fit>.fit-in{position:absolute;left:0;top:0;transform-origin:0 0}
body.lp2 .sheet{position:absolute;background:var(--paper);box-shadow:0 1px 1px #0000001a,0 26px 40px -24px #00000066;padding:34px 36px;box-sizing:border-box;font:400 13.5px/1.4 var(--serif);color:#222}
body.lp2 .sheet h3{margin:0;font:600 18px/1.3 var(--serif)}
body.lp2 .sheet .s{margin:4px 0 16px;color:#666;font-size:12.5px}
body.lp2 .sheet table{width:100%;border-collapse:collapse}
body.lp2 .sheet td,body.lp2 .sheet th{border-bottom:1px solid #c9c9c3;padding:8px 5px;text-align:left;vertical-align:top}
body.lp2 .sheet th{font-weight:600;font-size:11.5px;color:#555;border-bottom:1.5px solid #333}
body.lp2 .sheet td:first-child{width:52px;font-variant-numeric:tabular-nums}
body.lp2 .hand{position:absolute;font:400 24px/1.05 var(--hand);color:var(--marker);white-space:nowrap}
body.lp2 svg.mk{position:absolute;overflow:visible}
body.lp2 svg.mk path{fill:none;stroke:var(--marker);stroke-width:3;stroke-linecap:round;stroke-linejoin:round}
body.lp2 .phone{position:absolute;width:236px;height:450px;border-radius:32px;background:#111;padding:9px;box-sizing:border-box;box-shadow:0 30px 50px -24px #000000b0}
body.lp2 .scr{position:relative;width:100%;height:100%;border-radius:24px;background:#f6f6f3;overflow:hidden;font-size:12px;line-height:1.3;color:var(--ink)}
body.lp2 .scr .tp{padding:20px 14px 10px;display:flex;justify-content:space-between;align-items:baseline}
body.lp2 .scr .tp b{font:800 28px/1 var(--sans);letter-spacing:-.03em;font-variant-numeric:tabular-nums}
body.lp2 .scr .me{margin:0 9px;border-radius:12px;background:var(--y);padding:11px}
body.lp2 .scr .me b{display:block;font-size:14px}
body.lp2 .scr .me span{display:block;margin-top:5px;font-size:12.5px}
body.lp2 .scr .me em{display:block;margin-top:8px;font-style:normal;font-weight:700;font-size:19px;font-variant-numeric:tabular-nums}
body.lp2 .scr .me i{display:block;height:4px;margin-top:9px;border-radius:2px;background:#0000001a;overflow:hidden}
body.lp2 .scr .me i::after{content:"";display:block;height:100%;width:var(--pr,60%);background:var(--ink);transition:width .6s}
body.lp2 .scr .nx{margin:8px 9px 0;border-radius:12px;background:var(--white);border:1px solid #e1e2dd;padding:9px 11px}
body.lp2 .scr .nx small{color:var(--mute)}
body.lp2 .scr .push{position:absolute;left:7px;right:7px;top:7px;border-radius:14px;background:#ffffffee;box-shadow:0 10px 24px -10px #0007;padding:9px 11px;font-size:11.5px;line-height:1.3;transform:translateY(-130%);transition:transform .45s cubic-bezier(.2,.9,.3,1.2)}
body.lp2 .scr .push b{display:flex;justify-content:space-between;font-size:10.5px;color:var(--mute);font-weight:600;margin-bottom:2px}
body.lp2 .scr .push b span{font-weight:400}
body.lp2 .tag{position:absolute;background:var(--brand);padding:6px 10px;font:600 13px/1 var(--sans);border-radius:3px;box-shadow:0 2px 0 #00000014}
body.lp2 .hero-d{display:none}
body.lp2 .hero-d .fit-in{width:1440px;height:930px}
body.lp2 .hero-d .photo{position:absolute;left:720px;top:0;width:720px;height:780px}
body.lp2 .hero-d .photo img{object-position:50% 30%}
body.lp2 .hero-d .text{position:absolute;left:80px;top:90px;width:560px}
body.lp2 .kick{margin:0 0 18px;font-size:16px;color:var(--mute)}
body.lp2 h1{margin:0;font:800 84px/.97 var(--sans);letter-spacing:-.05em}
body.lp2 .lead{margin:28px 0 30px;font-size:19px;max-width:27em}
body.lp2 .acts{display:flex;gap:24px;align-items:center;flex-wrap:wrap}
body.lp2 .ul{font-weight:600;text-underline-offset:5px}
body.lp2 .meta{margin-top:24px;font-size:14px;color:var(--mute);display:flex;flex-wrap:wrap;gap:6px 20px}
@media (min-width:1100px){
body.lp2 .hero-d{display:block}
body.lp2 .hero-m{display:none}
}
body.lp2 .hero-m .hero-title{padding-top:18px;max-width:640px}
body.lp2 .hero-m .text{max-width:560px;margin:22px auto 0}
body.lp2 .hero-m .kick{font-size:14px;margin-bottom:10px}
body.lp2 .hero-m h1{font-size:clamp(44px,12vw,64px)}
body.lp2 .hero-m .lead{font-size:16px;margin:16px 0 20px}
body.lp2 .hero-m .btn{width:100%;box-sizing:border-box}
@media (min-width:600px){
body.lp2 .hero-m .btn{width:auto}
}
body.lp2 .hero-m .row2{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-top:14px;font-size:14px}
body.lp2 .hero-m .row2 span{color:var(--mute)}
body.lp2 .hero-m .stage{max-width:560px;margin:24px auto 0}
body.lp2 .hero-m .fit-in{width:390px;height:680px}
body.lp2 .hero-m .photo{position:absolute;left:-16px;right:-16px;top:0;height:340px}
body.lp2 .hero-m .photo img{object-position:30% 30%}
body.lp2 .hero-m .sheet{padding:18px;font-size:11.5px;line-height:1.35}
body.lp2 .hero-m .sheet h3{font-size:14px}
body.lp2 .hero-m .sheet .s{font-size:10.5px;margin:2px 0 10px}
body.lp2 .hero-m .sheet td{padding:6px 3px}
body.lp2 .hero-m .sheet td:first-child{width:38px}
body.lp2 .hero-m .hand{font-size:19px}
body.lp2 .hero-m svg.mk path{stroke-width:2.5}
body.lp2 .hero-m .phone{width:176px;height:340px;border-radius:26px;padding:7px}
body.lp2 .hero-m .scr{border-radius:20px;font-size:10.5px}
body.lp2 .hero-m .scr .tp{padding:16px 11px 8px}
body.lp2 .hero-m .scr .tp b{font-size:22px}
body.lp2 .hero-m .scr .me{margin:0 7px;padding:9px;border-radius:10px}
body.lp2 .hero-m .scr .me b{font-size:12px}
body.lp2 .hero-m .scr .me span{font-size:10.5px}
body.lp2 .hero-m .scr .me em{font-size:16px;margin-top:6px}
body.lp2 .hero-m .scr .nx{margin:6px 7px 0;padding:7px 9px;border-radius:10px}
body.lp2 .hero-m .scr .push{font-size:10px;padding:7px 9px}
body.lp2 .hero-m .tag{font-size:11px;padding:5px 8px}
html.js body.lp2 .draw path{stroke-dasharray:1;stroke-dashoffset:1}
html.js body.lp2 .write{clip-path:inset(-20% 100% -20% 0)}
html.js body.lp2 .strike{transition:color .3s}
body.lp2 .play .draw path{animation:draw .45s ease-out forwards;animation-delay:var(--d,0s)}
body.lp2 .play .write{animation:write .6s steps(9,end) forwards;animation-delay:var(--d,0s)}
@keyframes draw{to{stroke-dashoffset:0}}
@keyframes write{to{clip-path:inset(-20% -10% -20% 0)}}
body.lp2 .scr .push.show{transform:translateY(0)}
body.lp2 .flip{display:inline-block}
body.lp2 .flip.go{animation:flip .5s ease}
@keyframes flip{0%{transform:none}45%{transform:translateY(-60%);opacity:0}55%{transform:translateY(60%);opacity:0}100%{transform:none}}
body.lp2 .steps{display:grid;grid-template-columns:minmax(0,1fr);gap:40px;margin-top:40px}
@media (min-width:900px){
body.lp2 .steps{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-top:56px}
}
body.lp2 .step .vis{border-radius:6px;overflow:hidden}
body.lp2 .step .fit-in{width:410px;height:330px}
body.lp2 .step .n{display:flex;align-items:baseline;gap:12px;margin-top:20px}
body.lp2 .step .n em{font-style:normal;flex:0 0 auto;width:30px;height:30px;border-radius:50%;background:var(--ink);color:var(--white);display:inline-flex;align-items:center;justify-content:center;font-weight:700;font-size:14px}
body.lp2 .step h3{margin:0;font:700 clamp(22px,2vw,26px)/1.15 var(--sans);letter-spacing:-.025em}
body.lp2 .step p{margin:10px 0 0 42px;font-size:16px;color:#333;max-width:24em}
body.lp2 .v1{background:var(--wall2)}
body.lp2 .v1 .sheet{left:34px;top:30px;width:270px;height:330px;transform:rotate(-4deg);padding:22px;font-size:11px}
body.lp2 .v1 .sheet h3{font-size:14px}
body.lp2 .chip{position:absolute;background:var(--white);border-radius:8px;padding:8px 11px;font-size:13px;box-shadow:0 8px 16px -10px #0006;transition:transform .5s cubic-bezier(.2,.8,.3,1.1),opacity .3s;transition-delay:var(--d,0s)}
body.lp2 .chip b{font-size:10px;padding:3px 5px;border-radius:3px;margin-right:6px;background:var(--b)}
html.js body.lp2 .v1:not(.on) .chip{transform:translate(160px,-10px) rotate(8deg);opacity:0}
body.lp2 .v2{background:var(--paper)}
body.lp2 .v2 .fit-in{padding:22px;box-sizing:border-box}
body.lp2 .mini{display:grid;grid-template-columns:46px repeat(3,1fr);gap:5px;font-size:12.5px}
body.lp2 .mini span{padding:6px 7px;border-radius:4px;transition:opacity .25s,transform .25s,background .3s;transition-delay:var(--d,0s)}
body.lp2 .mini .t{padding-left:0;color:var(--mute);background:none}
body.lp2 .cy{background:var(--y)}
body.lp2 .cb{background:var(--b)}
body.lp2 .cp{background:var(--p)}
body.lp2 .cg{background:var(--gr)}
body.lp2 .cr{background:#e3342f;color:var(--white)}
html.js body.lp2 .v2:not(.on) .mini span:not(.t){opacity:0;transform:translateX(-6px)}
body.lp2 .mini .moved{animation:moved .9s ease}
@keyframes moved{0%{box-shadow:0 0 0 2px var(--ink)}100%{box-shadow:0 0 0 0 transparent}}
body.lp2 .redo{margin-top:16px;border:1px solid #d9dad4;border-radius:8px;padding:10px 12px;display:flex;justify-content:space-between;gap:10px;font-size:13.5px;min-height:20px}
body.lp2 .redo .q{white-space:nowrap;overflow:hidden}
body.lp2 .redo .q::after{content:"";display:inline-block;width:1.5px;height:1em;background:var(--ink);vertical-align:-2px;margin-left:1px;animation:caret 1s steps(1) infinite}
body.lp2 .redo.done .q::after{display:none}
@keyframes caret{50%{opacity:0}}
body.lp2 .redo b{color:var(--mute);font-weight:500;white-space:nowrap}
body.lp2 .redo.done b{color:#2a7a3a}
body.lp2 .v3{background:var(--wall2)}
body.lp2 .v3 .ph{position:absolute;inset:0}
body.lp2 .v3 .phone{left:105px;top:44px;width:200px;height:380px;border-radius:28px;transition:transform .7s cubic-bezier(.2,.8,.3,1)}
html.js body.lp2 .v3:not(.on) .phone{transform:translateY(120px)}
body.lp2 .v3 .scr .me{background:var(--b)}
body.lp2 .step .vis{transition:opacity .45s,filter .45s}
body.lp2 .steps.live .step:not(.cur) .vis{opacity:.55;filter:grayscale(.7)}
body.lp2 .step .n em{transition:background .3s,color .3s}
body.lp2 .steps.live .step.cur .n em{background:var(--brand);color:var(--ink)}
body.lp2 .step .bar{display:block;height:2px;margin-top:14px;background:var(--line);overflow:hidden}
body.lp2 .step .bar::after{content:"";display:block;height:100%;background:var(--ink);transform:scaleX(0);transform-origin:left}
body.lp2 .steps.live .step.cur .bar::after{animation:bar var(--dur,4s) linear forwards}
body.lp2 .steps.live .step.done .bar::after{transform:scaleX(1)}
@keyframes bar{to{transform:scaleX(1)}}
@media (max-width:899px){
body.lp2 .step .bar{display:none}
}
body.lp2 .two{display:grid;grid-template-columns:minmax(0,1fr);gap:18px;margin-top:40px;align-items:center}
@media (min-width:900px){
body.lp2 .two{grid-template-columns:minmax(0,5fr) 90px minmax(0,6fr);gap:0;margin-top:56px}
}
body.lp2 .chat{display:flex;flex-direction:column;gap:8px;padding:clamp(18px,2vw,28px);background:var(--chat);border-radius:10px;min-height:380px;box-sizing:border-box;transition:opacity .5s}
body.lp2 .chat .cap{color:#9a9ea4;font-size:13px;margin-bottom:6px;display:flex;justify-content:space-between}
body.lp2 .chat .cap span{color:#e06a62}
body.lp2 .m{align-self:flex-start;max-width:82%;background:var(--bub);color:#eceef0;border-radius:16px 16px 16px 4px;padding:8px 13px 6px;font-size:15px;line-height:1.35;transition:opacity .25s,transform .25s}
body.lp2 .m small{display:block;margin-top:2px;font-size:11px;color:#8e9298}
body.lp2 .m b{display:block;font-size:12.5px;color:#8fb7ff;font-weight:600;margin-bottom:1px}
body.lp2 .m.r{align-self:flex-end;border-radius:16px 16px 4px 16px;background:#3a4f6b}
body.lp2 .m.typing{padding:12px 14px;display:flex;gap:4px}
body.lp2 .m.typing i{width:6px;height:6px;border-radius:50%;background:#8e9298;animation:dots 1s infinite}
body.lp2 .m.typing i:nth-child(2){animation-delay:.15s}
body.lp2 .m.typing i:nth-child(3){animation-delay:.3s}
@keyframes dots{0%,60%,100%{opacity:.3}30%{opacity:1}}
html.js body.lp2 .chat .m:not(.in):not(.typing){opacity:0;transform:translateY(8px)}
body.lp2 .chat.quiet{opacity:.72}
body.lp2 .arrow{font:400 64px/1 var(--hand);text-align:center;color:var(--ink)}
body.lp2 .arrow .d{display:none}
@media (max-width:899px){
body.lp2 .arrow{font-size:48px}
body.lp2 .arrow .r{display:none}
body.lp2 .arrow .d{display:inline}
}
body.lp2 .after{display:flex;flex-direction:column;gap:16px}
body.lp2 .bot{background:var(--white);border-radius:14px;padding:18px 20px;box-shadow:0 18px 30px -20px #0006;max-width:440px;transition:transform .5s cubic-bezier(.2,.8,.3,1.1),opacity .3s;transition-delay:var(--d,0s)}
html.js body.lp2 .after:not(.on) .bot{opacity:0;transform:translateY(-14px) scale(.98)}
body.lp2 .bot .hd{display:flex;justify-content:space-between;color:var(--mute);font-size:13px}
body.lp2 .bot .hd b{color:var(--ink)}
body.lp2 .bot p{margin:10px 0 12px;font-size:17px}
body.lp2 .bot .o{display:inline-flex;height:38px;align-items:center;padding:0 14px;border-radius:8px;background:#e9f1fb;color:#1f5fbf;font-weight:600;font-size:14px;text-decoration:none}
@media (min-width:900px){
body.lp2 .bot+.bot{margin-left:40px}
}
body.lp2 .after .t{font-size:16px;color:#333;max-width:30em;margin:0}
body.lp2 #change.scroll-driven .chat,body.lp2 #change.scroll-driven .m,body.lp2 #change.scroll-driven .bot{transition:none;animation:none}
body.lp2 .feats{display:grid;grid-template-columns:minmax(0,1fr);margin-top:56px;border-top:1.5px solid var(--ink)}
body.lp2 .feats div{padding:16px 0;border-bottom:1px solid var(--line)}
body.lp2 .feats b{display:block;font-size:19px;letter-spacing:-.01em}
body.lp2 .feats span{display:block;margin-top:6px;font-size:15px;color:#444}
@media (min-width:700px){
body.lp2 .feats{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:24px}
}
@media (min-width:1100px){
body.lp2 .feats{grid-template-columns:repeat(5,minmax(0,1fr));column-gap:0;margin-top:70px}
body.lp2 .feats div{padding:18px 20px 0 0;border-bottom:0}
body.lp2 .feats div+div{padding-left:20px;border-left:1px solid var(--line)}
}
body.lp2 .who2{display:grid;grid-template-columns:minmax(0,1fr);gap:28px}
@media (min-width:900px){
body.lp2 .who2{grid-template-columns:minmax(0,1fr) minmax(320px,420px);gap:56px;align-items:center}
}
body.lp2 .who-list{display:none;list-style:none;margin:40px 0 0;padding:0;border-top:1.5px solid var(--ink)}
@media (min-width:900px){
body.lp2 .who-list{display:block}
}
body.lp2 .who-list li{display:grid;grid-template-columns:76px minmax(0,230px) minmax(0,1fr);gap:16px;align-items:baseline;padding:15px 0;border-bottom:1px solid var(--line);cursor:default;outline:none;position:relative}
body.lp2 .who-list li:focus-visible{outline:3px solid var(--ink);outline-offset:4px;border-radius:4px}
body.lp2 .who-list time{position:relative;font:400 15px/1 var(--serif);font-variant-numeric:tabular-nums;color:var(--mute);transition:color .25s}
body.lp2 .who-list time svg{position:absolute;left:-9px;top:-10px;width:62px;height:34px;overflow:visible}
body.lp2 .who-list time path{fill:none;stroke:var(--marker);stroke-width:2.2;stroke-linecap:round;stroke-dasharray:1;stroke-dashoffset:1}
body.lp2 .who-list li.on time{color:var(--ink)}
body.lp2 .who-list li.on time path{animation:draw .5s ease-out forwards}
body.lp2 .who-list b{font:700 20px/1.2 var(--sans);letter-spacing:-.02em;color:var(--mute);transition:color .25s}
body.lp2 .who-list span{font-size:15px;line-height:1.45;color:#8a8b86;transition:color .25s}
body.lp2 .who-list li.on b{color:var(--ink)}
body.lp2 .who-list li.on span{color:#333}
body.lp2 .who-cards{display:flex;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;-webkit-overflow-scrolling:touch;margin:0 calc(-1 * max(16px,env(safe-area-inset-right,0px))) 0 0;padding-right:16px}
body.lp2 .who-cards::-webkit-scrollbar{display:none}
body.lp2 .who-card{margin:0;flex:none;width:min(78vw,340px);scroll-snap-align:start}
body.lp2 .who-card .ph{aspect-ratio:4/5;border-radius:4px}
body.lp2 .who-card img{transition:filter 1s ease,transform 1.2s ease}
body.lp2 .who-card.lit img{filter:none;transform:scale(1.02)}
body.lp2 .who-card figcaption{margin-top:12px}
body.lp2 .who-card figcaption b{display:block;font:700 21px/1.2 var(--sans);letter-spacing:-.02em}
body.lp2 .who-card figcaption span{display:block;margin-top:4px;font-size:15px;color:#333}
body.lp2 .slot{position:absolute;left:12px;bottom:12px;max-width:calc(100% - 24px);box-sizing:border-box;border-radius:8px;padding:8px 11px 9px;font-size:13.5px;line-height:1.3;color:var(--ink);box-shadow:0 10px 18px -12px #000a;transition:transform .45s cubic-bezier(.2,.8,.3,1.2),opacity .3s;transition-delay:.45s}
body.lp2 .slot small{display:block;font-size:11px;opacity:.7;font-variant-numeric:tabular-nums}
html.js body.lp2 .who-card:not(.lit) .slot{opacity:0;transform:translateY(10px) rotate(-3deg);transition-delay:0s}
body.lp2 .who-ind{display:flex;align-items:center;justify-content:space-between;margin-top:14px}
body.lp2 .who-ind .bars{display:flex;gap:6px;align-items:center}
body.lp2 .who-ind .bars i{display:block;width:6px;height:4px;border-radius:2px;background:var(--line);transition:width .25s,background .25s}
body.lp2 .who-ind .bars i.on{width:22px;background:var(--ink)}
body.lp2 .who-ind .cnt{font-size:13px;color:var(--mute);font-variant-numeric:tabular-nums}
@media (min-width:900px){
body.lp2 .who-cards{display:block;position:relative;aspect-ratio:4/5;overflow:hidden;margin:0;padding:0;border-radius:4px;background:#222}
body.lp2 .who-card{position:absolute;inset:0;width:auto;opacity:0;transition:opacity .5s}
body.lp2 .who-card.on{opacity:1}
body.lp2 .who-card .ph{position:absolute;inset:0;aspect-ratio:auto}
body.lp2 .who-card figcaption{display:none}
body.lp2 .who-ind{display:none}


}
body.lp2 .exp{display:grid;grid-template-columns:minmax(0,1fr);gap:20px;align-items:start}
body.lp2 .exp .sub{margin:0;max-width:34em}
body.lp2 .exp-collage{display:grid;grid-template-columns:minmax(0,1fr);gap:12px;margin-top:32px}
body.lp2 .exp-collage img{display:block;width:100%;height:auto;aspect-ratio:16/9;min-height:0;object-fit:cover;object-position:center;background:#bcbdb7}
@media (min-width:640px){
body.lp2 .exp-collage{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (min-width:900px){
body.lp2 .exp{grid-template-columns:minmax(0,6fr) minmax(0,5fr);gap:64px}
body.lp2 .exp h2{max-width:11em}
body.lp2 .exp .sub{padding-top:6px}
body.lp2 .exp-collage{gap:16px;margin-top:40px}
}
body.lp2 .nums{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));margin-top:48px;border-top:1.5px solid var(--ink)}
body.lp2 .nums div{padding:18px 12px 18px 0;border-bottom:1px solid var(--line)}
body.lp2 .nums div:nth-child(2n){padding-left:16px;border-left:1px solid var(--line)}
body.lp2 .nums b{display:block;font:800 clamp(34px,4vw,54px)/1 var(--sans);letter-spacing:-.05em;font-variant-numeric:tabular-nums;white-space:nowrap}
body.lp2 .nums span{display:block;margin-top:10px;font:400 22px/1.15 var(--hand);color:var(--marker);max-width:15em}
@media (min-width:900px){
body.lp2 #experience{display:flex;flex-direction:column}
body.lp2 #experience .nums{order:1}
body.lp2 #experience .exp-collage{order:2}
body.lp2 .nums{grid-template-columns:repeat(4,minmax(0,1fr));margin-top:36px}
body.lp2 .nums div{border-bottom:0;padding:22px 20px 0 0}
body.lp2 .nums div+div{padding-left:22px;border-left:1px solid var(--line)}
}
body.lp2 .who{display:grid;grid-template-columns:minmax(0,1fr);gap:28px;align-items:start}
@media (min-width:900px){
body.lp2 .who{grid-template-columns:minmax(0,520px) minmax(0,1fr);gap:64px}
}
body.lp2 .who .ph{height:clamp(300px,42vw,600px);border-radius:4px}
body.lp2 .who .ph img{object-position:30% 50%;filter:none}
body.lp2 .who h2{font-size:clamp(38px,4vw,54px)}
body.lp2 .who .r{margin:6px 0 24px;color:var(--mute)}
body.lp2 .who p{font-size:clamp(17px,1.4vw,19px);margin:0 0 22px;max-width:30em}
body.lp2 .who ul{margin:0;padding:0;list-style:none;border-top:1px solid var(--line)}
body.lp2 .who li{padding:12px 0;border-bottom:1px solid var(--line);font-size:16px}
body.lp2 .who .note{position:relative;display:inline-block;margin-top:22px;font:400 22px/1.1 var(--hand);color:var(--marker);transform:rotate(-2deg)}
body.lp2 .hero-m .hero-service{font-size:16px;line-height:1.5;color:var(--mute);max-width:32em}
body.lp2 .reviews-wall{display:grid;grid-template-columns:minmax(0,1fr);gap:20px;margin:32px 0 0;max-width:520px}
body.lp2 .reviews-column{display:flex;flex-direction:column;gap:20px;min-width:0}
body.lp2 .reviews-wall a{display:block;border-radius:10px}
body.lp2 .reviews-wall img{display:block;width:100%;height:auto;border-radius:10px}
body.lp2 .review-excerpt{margin:0}
body.lp2 .review-excerpt figcaption{margin-top:8px;font-size:13px;color:var(--mute)}
body.lp2 .review-excerpt figcaption a{display:inline-block;text-decoration:underline;text-underline-offset:3px}
body.lp2 .reviews-wall a:focus-visible{outline:3px solid var(--marker);outline-offset:4px}
@media (min-width:1000px){
body.lp2 .reviews-wall{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;max-width:none;margin-top:36px}
body.lp2 .reviews-column{gap:24px}
}
body.lp2 .price{display:grid;grid-template-columns:minmax(0,1fr);gap:24px;margin-top:40px}
@media (min-width:1000px){
body.lp2 .price{grid-template-columns:minmax(0,4fr) minmax(0,7fr);margin-top:56px}
}
body.lp2 .one{background:var(--paper);border-radius:10px;padding:clamp(22px,2.4vw,30px);align-self:start}
body.lp2 .one .k{font-size:14px;color:var(--mute)}
body.lp2 .one h3{margin:6px 0 8px;font:800 30px/1.1 var(--sans);letter-spacing:-.03em}
body.lp2 .one .pr{font:800 60px/1 var(--sans);letter-spacing:-.05em;margin:22px 0 4px}
body.lp2 .one ul{margin:22px 0 26px;padding:0;list-style:none;font-size:15px}
body.lp2 .one li{padding:7px 0;border-top:1px solid #e3e4de}
body.lp2 .one .btn{width:100%;box-sizing:border-box}
body.lp2 .one .x{margin-top:10px;text-align:center;font-size:13px;color:var(--mute)}
body.lp2 .many{border-top:1.5px solid var(--ink);padding-top:22px}
body.lp2 .many h3,body.lp2 .more h3{margin:0;font:800 30px/1.1 var(--sans);letter-spacing:-.03em}
body.lp2 .many .d{margin:8px 0 14px;color:var(--mute)}
body.lp2 .pk{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px 16px;align-items:center;padding:18px 0;border-bottom:1px solid var(--line)}
body.lp2 .pk b{font-size:22px}
body.lp2 .pk small{display:block;color:var(--mute);font-size:14px}
body.lp2 .pk .s2{font:700 24px/1 var(--sans);text-align:right}
body.lp2 .pk .s2 small{font-weight:400;margin-top:6px}
body.lp2 .pk .btn{height:44px;grid-column:1/-1}
@media (min-width:640px){
body.lp2 .pk{grid-template-columns:minmax(0,1fr) 170px 150px}
body.lp2 .pk .s2{text-align:left}
body.lp2 .pk .btn{grid-column:auto}
}
body.lp2 .lim{margin:14px 0 0;font-size:14px;color:var(--mute)}
body.lp2 .trial{margin-top:26px;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px 20px;background:var(--wall2);border-radius:10px;padding:20px 24px}
body.lp2 .trial>div,body.lp2 .team3>div{flex:1 1 260px;min-width:0}
body.lp2 .trial b{display:block;font-size:19px}
body.lp2 .trial span{color:#444;font-size:15px}
body.lp2 .incl{display:grid;grid-template-columns:minmax(0,1fr);gap:24px;margin-top:56px}
@media (min-width:900px){
body.lp2 .incl{grid-template-columns:minmax(0,4fr) minmax(0,7fr)}
}
body.lp2 .incl ul{margin:0;padding:0;list-style:none;display:grid;grid-template-columns:minmax(0,1fr);border-top:1.5px solid var(--ink)}
@media (min-width:640px){
body.lp2 .incl ul{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:24px}
}
body.lp2 .incl li{padding:12px 0;border-bottom:1px solid var(--line);font-size:16px}
body.lp2 .incl li::before{content:"✓";display:inline-block;width:22px;color:var(--mute)}
body.lp2 .more .row{display:flex;justify-content:space-between;gap:16px;padding:14px 0;border-bottom:1px solid var(--line);align-items:center}
body.lp2 .more .row a{font-weight:700;text-decoration:none;white-space:nowrap}
body.lp2 .more .row a:hover{text-decoration:underline}
body.lp2 .more p{margin:8px 0 6px;color:var(--mute)}
body.lp2 .faq{margin-top:56px;border-top:1.5px solid var(--ink)}
body.lp2 .faq details{border-bottom:1px solid var(--line)}
body.lp2 .faq summary{list-style:none;cursor:pointer;padding:18px 36px 18px 0;font-weight:600;font-size:18px;position:relative}
body.lp2 .faq summary::-webkit-details-marker{display:none}
body.lp2 .faq summary::after{content:"+";position:absolute;right:4px;top:12px;font:400 28px/1 var(--sans);transition:transform .2s}
body.lp2 .faq details[open] summary::after{transform:rotate(45deg)}
body.lp2 .faq details p{margin:0 0 18px;max-width:46em;color:#333;font-size:16px}
body.lp2 .team3{margin-top:24px;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px 20px;padding:18px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
body.lp2 .team3 b{font-size:18px}
body.lp2 .team3 span{color:var(--mute);font-size:15px;display:block}
body.lp2 footer{margin-top:clamp(84px,10vw,150px);border-top:1px solid var(--line)}
body.lp2 footer .w{padding-top:34px;padding-bottom:48px;display:flex;flex-wrap:wrap;gap:12px 32px;justify-content:space-between;font-size:14px;color:var(--mute)}
body.lp2 footer nav{display:flex;flex-wrap:wrap;gap:8px 20px}
body.lp2 footer a{text-underline-offset:3px}
body.lp2 .mk-w{position:relative;white-space:nowrap}
body.lp2 .mk-w svg{position:absolute;overflow:visible;pointer-events:none}
body.lp2 .mk-w path{fill:none;stroke:var(--marker);stroke-width:3;stroke-linecap:round;stroke-linejoin:round}
body.lp2 h2 .mk-w path{stroke-width:4}
html.js body.lp2 .mk-w path{stroke-dasharray:1;stroke-dashoffset:1}
body.lp2 .mk-w.play path{animation:draw .7s ease-out forwards;animation-delay:var(--d,.15s)}
body.lp2 .feats,body.lp2 .nums{position:relative;border-top:0}
body.lp2 .feats::before,body.lp2 .nums::before{content:"";position:absolute;left:0;right:0;top:0;height:1.5px;background:var(--ink);transform-origin:left;transition:transform .9s ease}
html.js body.lp2 .feats:not(.on)::before,html.js body.lp2 .nums:not(.on)::before{transform:scaleX(0)}
body.lp2 .feats>div,body.lp2 .nums>div,body.lp2 .incl li,body.lp2 .pk,body.lp2 .one,body.lp2 .trial,body.lp2 .more .row,body.lp2 .team3{transition:opacity .5s,transform .5s;transition-delay:var(--d,0s)}
html.js body.lp2 .feats:not(.on)>div,html.js body.lp2 .nums:not(.on)>div,html.js body.lp2 .incl ul:not(.on) li,html.js body.lp2 .many:not(.on) .pk,html.js body.lp2 .more:not(.on) .row,html.js body.lp2 .more:not(.on) .team3{opacity:0;transform:translateY(12px)}
html.js body.lp2 .price:not(.on) .one{opacity:0;transform:translateY(18px) rotate(-1deg)}
html.js body.lp2 .price:not(.on) .trial{opacity:0;transform:translateY(12px)}
body.lp2 .reveal img{transition:clip-path 1.1s cubic-bezier(.6,0,.2,1),transform 1.6s ease}
html.js body.lp2 .reveal:not(.on) img{clip-path:inset(0 0 100% 0);transform:scale(1.06)}
body.lp2 .faq details[open] p{animation:faq .35s ease}
@keyframes faq{from{opacity:0;transform:translateY(-6px)}}
body.lp2 .one{position:relative}
body.lp2 .one .pr{position:relative}
body.lp2 .one .note{position:absolute;right:0;top:60px;font:400 20px/1.05 var(--hand);letter-spacing:0;color:var(--marker);transform:rotate(-4deg);text-align:right}
body.lp2 .one .note svg{position:absolute;left:-36px;top:-30px;width:40px;height:40px;overflow:visible}
body.lp2 .one .note path{fill:none;stroke:var(--marker);stroke-width:2.4;stroke-linecap:round}
@media (max-width:420px){
body.lp2 .one .note{font-size:18px}
}
html.js body.lp2 .one:not(.play) .note{clip-path:inset(-30% 100% -30% -60px)}
body.lp2 .one.play .note{animation:noteW .8s steps(10,end) .6s backwards}
@keyframes noteW{from{clip-path:inset(-30% 100% -30% -60px)}to{clip-path:inset(-30% -10% -30% -60px)}}
@media (prefers-reduced-motion:reduce){
body.lp2 *,body.lp2 *::before,body.lp2 *::after{animation-duration:.001s!important;animation-delay:0s!important;transition-duration:.001s!important;transition-delay:0s!important}


}


/* Production integrations: independent of the old landing stylesheet. */
body.lp2 [hidden]{display:none!important}
body.lp2 .anchor{display:block;position:relative;scroll-margin-top:90px}
body.lp2 .btn{box-sizing:border-box;white-space:normal;text-align:center;min-height:52px;height:auto;padding-top:14px;padding-bottom:14px}
body.lp2 .btn.sm{min-height:42px;padding-top:10px;padding-bottom:10px}
body.lp2 .plan-dialog{box-sizing:border-box;background:var(--paper);color:var(--ink);border-color:var(--line);font-family:var(--sans)}
body.lp2 .plan-dialog *{box-sizing:border-box}
body.lp2 .plan-dialog h2{max-width:none;font:700 24px/1.2 var(--sans);letter-spacing:-.025em}
body.lp2 .plan-dialog p{color:var(--mute)}
body.lp2 .plan-dialog input,body.lp2 .plan-dialog select{background:#fff;color:var(--ink);border-color:#92938c;font:400 16px/1.4 var(--sans);color-scheme:light}
body.lp2 .plan-dialog input::placeholder{color:var(--mute)}
body.lp2 .plan-dialog .plan-consent input{margin-top:2px;accent-color:var(--ink)}
body.lp2 .plan-dialog .plan-error{color:#b4231b}
body.lp2 .plan-dialog .kg-btn{border:1px solid var(--ink);border-radius:8px;background:var(--ink);color:#fff;min-height:48px;padding:12px 20px;font:600 16px/1.4 var(--sans);cursor:pointer}
body.lp2 .plan-dialog .kg-btn--block{width:100%}
body.lp2 .plan-dialog .kg-btn--line{background:transparent;color:var(--ink)}
body.lp2 .plan-dialog button:disabled{opacity:.6;cursor:wait}
body.lp2 .plan-dialog .kg-x{border:1px solid var(--line);border-radius:8px;width:44px;height:44px;flex:none;background:transparent;color:var(--ink);font:400 28px var(--sans);cursor:pointer}
@media(max-width:599px){body.lp2 .plan-dialog{padding:20px}}

/* Claude's updated alignment: the role photograph starts alongside the role list. */
@media(min-width:900px){body.lp2 .who2{column-gap:56px;row-gap:0;align-items:start}body.lp2 .who2>.who-head{grid-column:1/-1}body.lp2 .who2 .who-list,body.lp2 .who2>.who-pic{margin-top:40px}}
body.lp2 .who-list time{display:inline-block;justify-self:start}
body.lp2 .who-list time svg{width:calc(100% + 18px)}