.guest-hero .demo{display:flex;gap:18px;align-items:center}.guest-hero .demo.col{flex-direction:column;align-items:flex-start;gap:16px}.guest-hero .device{position:relative;flex-shrink:0;border-radius:26px;background:#1d1b19;padding:7px;box-shadow:0 14px 34px #0000002b}.guest-hero .device .glass{position:relative;overflow:hidden;border-radius:20px;background:var(--bg)}.guest-hero .device .scr{position:absolute;left:0;top:0;width:390px;height:660px;transform-origin:0 0;background:var(--bg);opacity:0}.guest-hero .device .scr.f1{opacity:1}.guest-hero .scr{animation:13s infinite}.guest-hero .scr.f1{animation-name:f1}.guest-hero .scr.f2{animation-name:f2}.guest-hero .scr.f3{animation-name:f3}.guest-hero .scr.f4{animation-name:f4}
@keyframes f1{0%,22%{opacity:1}24%,100%{opacity:0}}
@keyframes f2{0%,22%{opacity:0}24%,48%{opacity:1}50%,100%{opacity:0}}
@keyframes f3{0%,48%{opacity:0}50%,68%{opacity:1}70%,100%{opacity:0}}
@keyframes f4{0%,68%{opacity:0}70%,97%{opacity:1}99%,100%{opacity:0}}.guest-hero .demo-steps{list-style:none;margin:0;padding:0;counter-reset:s}.guest-hero .demo-steps li{display:flex;gap:10px;align-items:baseline;padding:7px 0;font:400 19px/1.15 Tinos,Georgia,serif;color:#8d8984}.guest-hero .demo-steps li:before{counter-increment:s;content:counter(s);font:12px/20px Roboto,Arial,sans-serif;width:20px;height:20px;border-radius:50%;border:1px solid currentColor;text-align:center;flex-shrink:0;transform:translateY(-2px)}.guest-hero .demo-steps li small{display:block;font:13px/1.3 Roboto,Arial,sans-serif;color:#8d8984;margin-top:3px}.guest-hero .demo-steps li.on{color:var(--ink)}.guest-hero .demo-steps li.on:before{background:var(--accent);border-color:var(--accent);color:#fff}.guest-hero .demo-steps li{animation:13s infinite}.guest-hero .demo-steps li:nth-child(1){animation-name:s1}.guest-hero .demo-steps li:nth-child(2){animation-name:s2}.guest-hero .demo-steps li:nth-child(3){animation-name:s3}.guest-hero .demo-steps li:nth-child(4){animation-name:s4}
@keyframes s1{0%,23%{color:var(--ink)}24%,100%{color:#8d8984}}
@keyframes s2{0%,23%{color:#8d8984}24%,49%{color:var(--ink)}50%,100%{color:#8d8984}}
@keyframes s3{0%,49%{color:#8d8984}50%,69%{color:var(--ink)}70%,100%{color:#8d8984}}
@keyframes s4{0%,69%{color:#8d8984}70%,98%{color:var(--ink)}99%,100%{color:#8d8984}}.guest-hero .demo-pause{display:inline-flex;align-items:center;gap:6px;font-size:13px;color:#5f5b55;margin-top:6px}.guest-hero .demo-pause svg{width:14px;height:14px}.guest-hero .typing{display:inline-block;overflow:hidden;white-space:nowrap;vertical-align:bottom;max-width:0}.guest-hero .typing.l1{animation:t1 13s steps(26) infinite}.guest-hero .typing.l2{animation:t2 13s steps(22) infinite}
@keyframes t1{0%{max-width:0}9%,100%{max-width:100%}}
@keyframes t2{0%,9%{max-width:0}17%,100%{max-width:100%}}.guest-hero .still .typing{max-width:100%}.guest-hero .tap{position:absolute;width:46px;height:46px;border-radius:50%;background:#c4262140;border:2px solid #c4262199;opacity:0;pointer-events:none}.guest-hero .still .tap{opacity:1}.guest-hero .f1 .tap{animation:tap1 13s infinite}.guest-hero .f2 .tap{animation:tap2 13s infinite}.guest-hero .f4 .tap{animation:tap4 13s infinite}
@keyframes tap1{0%,18%{opacity:0;transform:scale(.6)}19%,22%{opacity:1;transform:scale(1)}23%,100%{opacity:0}}
@keyframes tap2{0%,43%{opacity:0;transform:scale(.6)}44%,47%{opacity:1;transform:scale(1)}48%,100%{opacity:0}}
@keyframes tap4{0%,70%{opacity:0;transform:scale(.6)}71%,74%{opacity:1;transform:scale(1)}75%,100%{opacity:0}}.guest-hero .clock{position:relative;display:inline-block;height:1em;overflow:hidden;vertical-align:top}.guest-hero .clock .roll{display:flex;flex-direction:column}.guest-hero .clock .roll{animation:roll 13s steps(1) infinite}
@keyframes roll{0%,74%{transform:translateY(0)}75%{transform:translateY(-1em)}80%{transform:translateY(-2em)}85%{transform:translateY(-3em)}90%{transform:translateY(-4em)}95%,100%{transform:translateY(-5em)}}.guest-hero .still .clock .roll{transform:translateY(-5em)}.guest-hero .btn-swap{position:relative}.guest-hero .btn-swap .b2{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;opacity:0}.guest-hero .btn-swap .b1{animation:sw1 13s steps(1) infinite}.guest-hero .btn-swap .b2{animation:sw2 13s steps(1) infinite}
@keyframes sw1{0%,73%{opacity:1}74%,100%{opacity:0}}
@keyframes sw2{0%,73%{opacity:0}74%,100%{opacity:1}}.guest-hero .still .btn-swap .b1{opacity:0}.guest-hero .still .btn-swap .b2{opacity:1}.guest-hero .u{padding:0 20px}.guest-hero .u-eyebrow{font-size:12px;letter-spacing:2.2px;color:var(--accent);text-transform:uppercase}.guest-hero .u-h{font:400 34px/1.05 Tinos,Georgia,serif;margin:6px 0 6px}.guest-hero .u-quota{display:flex;gap:16px;font-size:13px;color:var(--sub);margin:6px 0 16px}.guest-hero .u-quota b{color:var(--ink);font-weight:500}.guest-hero .u-label{font-size:14px;color:#444;margin-bottom:6px}.guest-hero .u-area{min-height:96px;border:1px solid var(--ink);box-shadow:0 0 0 2px #11111118;border-radius:6px;background:var(--panel);padding:12px 14px;font-size:17px;line-height:1.4}.guest-hero .u-area .caret{display:inline-block;width:1.5px;height:20px;background:var(--ink);vertical-align:-4px;margin-left:1px}.guest-hero .u-btn{display:flex;align-items:center;justify-content:center;gap:10px;min-height:54px;border-radius:12px;background:var(--accent);color:#fff;font:400 21px Tinos,Georgia,serif;margin-top:12px;position:relative}.guest-hero .u-btn.sec{background:transparent;color:var(--ink);border:1px solid var(--border)}.guest-hero .u-small{font-size:13px;color:var(--sub);margin-top:8px}.guest-hero .u-me{margin:4px 0 14px auto;max-width:82%;background:var(--panel);border:1px solid var(--frame);border-radius:6px;padding:10px 14px;font-size:15px}.guest-hero .u-me small{display:block;font-size:11px;letter-spacing:1.6px;color:var(--sub);text-transform:uppercase;margin-bottom:4px}.guest-hero .u-ai{font-size:15px;line-height:1.4;margin:0 0 14px}.guest-hero .u-ai small{display:block;font-size:11px;letter-spacing:1.6px;color:var(--accent);margin-bottom:4px}.guest-hero .u-draft-title{font:400 30px/1.05 Tinos,Georgia,serif;margin:6px 0 6px}.guest-hero .u-row{display:flex;justify-content:space-between;padding:8px 0;border-bottom:1px solid var(--line);font-size:15px}.guest-hero .u-row span:last-child{color:#555}.guest-hero .u-step{display:flex;gap:12px;margin-top:12px}.guest-hero .u-step i{width:26px;height:26px;border:1.5px solid var(--accent);border-radius:50%;color:var(--accent);font:13px/23px Roboto;text-align:center;flex-shrink:0;font-style:normal}.guest-hero .u-step b{display:block;font:400 18px/1.2 Tinos,Georgia,serif}.guest-hero .u-step span{font-size:13px;color:var(--sub)}.guest-hero .u-bar{display:flex;align-items:center;gap:10px;padding:14px 16px 8px}.guest-hero .u-bar svg{width:22px;height:22px;flex-shrink:0}.guest-hero .u-bar b{font:400 19px/1.15 Tinos,Georgia,serif;flex:1}.guest-hero .u-tabs{display:flex;border-bottom:1px solid var(--line);margin:0 20px}.guest-hero .u-tabs span{flex:1;text-align:center;padding:8px 0 10px;font:18px Tinos,Georgia,serif;border-bottom:3px solid transparent;margin-bottom:-1px}.guest-hero .u-tabs span.on{color:var(--accent);border-color:var(--accent)}.guest-hero .u-dots{display:flex;align-items:center;gap:8px;margin:18px 0 0;font-size:14px;color:var(--sub)}.guest-hero .u-dots i{width:8px;height:8px;border-radius:50%;background:#d1ccc2}.guest-hero .u-dots i.done{background:var(--accent)}.guest-hero .u-dots i.on{width:12px;height:12px;background:var(--accent)}.guest-hero .u-step-h{font:400 34px/1.05 Tinos,Georgia,serif;margin:16px 0 10px}.guest-hero .u-step-h:after{content:"";display:block;width:70px;height:10px;border-top:3px solid var(--accent);border-radius:60% 40% 0 0;transform:rotate(-4deg);margin-top:6px}.guest-hero .u-text{font-size:16px;line-height:1.45;margin:0}.guest-hero .u-for{border:1px solid var(--frame);border-radius:6px;background:var(--panel);padding:12px 14px;margin-top:14px}.guest-hero .u-for small{font-size:11px;letter-spacing:2px;color:#444}.guest-hero .u-for p{display:flex;gap:10px;align-items:center;margin:8px 0 0;font-size:15px}.guest-hero .u-for p i{width:18px;height:18px;border-radius:3px;border:1px solid var(--border);flex-shrink:0}.guest-hero .u-timer{text-align:center;border-top:1px solid var(--line);margin-top:14px;padding-top:10px}.guest-hero .u-timer .t{font:700 64px/1 Tinos,Georgia,serif;letter-spacing:-1px}.guest-hero .u-timer .hint{font-size:13px;color:var(--sub);margin-top:4px}.guest-hero .u-timer .u-btn{display:inline-flex;min-width:220px;min-height:46px;font-size:19px;background:transparent;color:var(--ink);border:1px solid var(--border);border-radius:24px;margin-top:10px}.guest-hero .u-foot{display:flex;gap:10px;padding:14px 20px 0;margin-top:14px;border-top:1px solid var(--line)}.guest-hero .u-foot .u-btn{margin:0;flex:1}.guest-hero .u-foot .u-btn.sec{flex:.55}


.guest-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:50px;row-gap:22px;margin:22px 0 64px}
.guest-hero .hero-copy{grid-column:1;grid-row:1}.guest-hero .hero-cta{grid-column:1;grid-row:2}
.guest-hero .hero-demo{grid-column:2;grid-row:1/3;align-self:center;margin:0;min-width:0}
.guest-hero h1{font:400 clamp(40px,4.2vw,62px)/1.04 Tinos,Georgia,serif;margin:6px 0 24px;letter-spacing:-.7px;overflow-wrap:normal}
.guest-hero h1 em{font-style:normal;text-decoration:underline;text-decoration-color:var(--accent);text-decoration-thickness:2px;text-underline-offset:8px}
.guest-hero .hero-note{font-size:19px;line-height:1.25;margin:0 0 8px;color:var(--sub);transform:rotate(-4deg)}
.guest-hero .hero-lead{font-size:17px;line-height:1.5;margin:0;max-width:540px}
.guest-hero .hero-pros{list-style:none;margin:24px 0 0;padding:0;counter-reset:benefit}.guest-hero .hero-pros li{padding:10px 0;border-bottom:1px solid var(--line);font-size:15px}.guest-hero .hero-pros li:before{counter-increment:benefit;content:counter(benefit);color:var(--accent);margin-right:16px}
.guest-hero .hero-cta{display:flex;flex-wrap:wrap;gap:10px;align-content:start}.guest-hero .hero-cta>.action-link{display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:12px 20px;font-size:21px}
.guest-hero .hero-micro,.guest-hero .hero-limit{flex-basis:100%;font-size:13px;line-height:1.45;margin:0;color:#5f5b55}.guest-hero .hero-shared{font:19px Tinos,Georgia,serif;margin-top:3px;text-decoration:none}
.guest-hero .glass{width:248px;height:420px}.guest-hero .scr{transform:scale(.635897)}.guest-hero .device{padding:7px}.guest-hero .demo{gap:18px;justify-content:center}.guest-hero .demo-steps li{font-size:19px}.guest-hero .hero-pause{background:none;padding:8px 0;color:#5f5b55;font-size:13px;min-height:44px}
.guest-hero.hero-paused *{animation-play-state:paused!important}
.guest-hero.hero-still *{animation:none!important}.guest-hero.hero-still .scr{opacity:0}.guest-hero.hero-still .scr.f4{opacity:1}.guest-hero.hero-still .typing{max-width:100%}.guest-hero.hero-still .clock .roll{transform:translateY(-5em)}.guest-hero.hero-still .btn-swap .b1{opacity:0}.guest-hero.hero-still .btn-swap .b2{opacity:1}
.completion-invite{margin-top:24px;padding-top:24px;border-top:1px solid var(--line)}.completion-invite h3{font-size:26px;margin:0 0 10px}.completion-invite p{font-size:15px}.completion-invite a{font-size:22px}
.auth-free-trial{margin:0 0 20px;padding:14px 16px;border:1px solid var(--line);border-radius:8px;font-size:14px;background:var(--panel)}.auth-free-trial p{margin:5px 0 0}
@media(max-width:1099px){.guest-hero{gap:18px 24px;margin-top:12px}.guest-hero .glass{width:176px;height:298px}.guest-hero .scr{transform:scale(.451282)}.guest-hero .demo{gap:12px}.guest-hero .demo-steps li{font-size:16px}.guest-hero h1{font-size:42px}.guest-hero .hero-pros{display:none}}
@media(max-width:650px){.guest-hero{display:flex;flex-direction:column;gap:18px;margin:12px 0 30px}.guest-hero h1{font-size:34px;line-height:1.08;margin:8px 0 18px;letter-spacing:-.4px}.guest-hero .hero-note{font-size:16px}.guest-hero .hero-lead{font-size:15px;line-height:1.4}.guest-hero .hero-demo{align-self:stretch}.guest-hero .glass{width:124px;height:210px}.guest-hero .scr{transform:scale(.317948)}.guest-hero .device{padding:5px;border-radius:20px}.guest-hero .glass{border-radius:15px}.guest-hero .demo{justify-content:flex-start;gap:20px}.guest-hero .demo-steps li{font-size:18px;padding:5px 0}.guest-hero .hero-cta{gap:8px}.guest-hero .hero-cta>.primary{width:100%;font-size:23px}.guest-hero .hero-omelette{min-height:44px;order:4;border:0;padding:5px 0!important;background:none;font-size:19px!important}.guest-hero .hero-micro{font-size:12px}.guest-hero .hero-limit{font-size:12px}.guest-hero .hero-shared{order:5;font-size:18px}}

.guest-hero h1:after{display:none}

.guest-hero.hero-no-demo{grid-template-columns:1fr}.guest-hero.hero-no-demo .hero-copy,.guest-hero.hero-no-demo .hero-cta{max-width:700px}

@media(min-width:1100px){.guest-hero .hero-cta>.action-link{font-size:19px;padding:12px 16px}.guest-hero .hero-cta>.hero-omelette{font-size:17px}}
.guest-hero .demo{color:var(--ink);font-size:16px;margin-top:0}