/* Selan Web, /en/modernise and /lt/modernise: one stylesheet for both, linked from the page's <page-head> after
   /reactor.css, whose .eyebrow, .h1, .h2 and .lede it reads. Ported from the selan-web-demo page's <style> block,
   less its hand-drawn phone (.ph, .ph-*): #app shows pictures of the real app instead. */
html{scroll-behavior:smooth}
.pill{display:inline-flex;align-items:center;gap:8px;padding:6px 12px;border-radius:999px;font-size:12.5px;color:var(--g-action-text);background:var(--g-action-dim);border:1px solid var(--g-action-line)}
.pill i{width:6px;height:6px;border-radius:50%;background:var(--g-action);animation:w-pulse 1.6s ease-in-out infinite}
@keyframes w-pulse{50%{opacity:.35}}

.w-hero{position:relative;padding:92px 0 0}
.w-hero::before{content:"";position:absolute;inset:-160px 0 auto;height:900px;background:radial-gradient(640px 360px at 20% 26%,rgba(123,97,255,.20),transparent 70%),radial-gradient(600px 340px at 85% 60%,rgba(79,201,240,.10),transparent 70%);pointer-events:none;-webkit-mask-image:linear-gradient(#000 55%,transparent);mask-image:linear-gradient(#000 55%,transparent)}
.w-hero .wrap{position:relative}
.w-hero .h1{font-size:62px;max-width:19ch}
.w-hero .h1 em{background:linear-gradient(90deg,#cdbcff,#7fdef8);-webkit-background-clip:text;background-clip:text;color:transparent}
.w-hero .lede{max-width:54ch}

.w-send{display:flex;gap:8px;margin-top:32px;max-width:540px;padding:6px;border:1px solid var(--g-line-2);border-radius:12px;background:var(--g-panel)}
.w-send input{flex:1;min-width:0;height:46px;padding:0 14px;border:0;border-radius:8px;background:transparent;color:var(--g-text);font:400 15px var(--g-sans);outline:none}
.w-send input::placeholder{color:var(--g-faint)}
.w-send button{flex:none;height:46px;padding:0 20px;font:600 15px var(--g-sans);color:#fff;background:var(--g-action-btn);border:1px solid var(--g-action-edge);border-radius:8px;cursor:pointer;transition:background .18s}
.w-send button:hover{background:var(--g-action-hover)}
.w-email{display:none;margin-top:8px;max-width:540px}
.w-email .w-send{margin-top:0}
.step2 .w-email{display:block}
.step2 .w-site button{display:none}
.w-done{display:none;margin-top:32px;max-width:540px;padding:16px 18px;border:1px solid rgba(61,220,151,.35);border-radius:12px;background:var(--g-live-dim);color:var(--g-live-text);font-size:15px}
.w-done b{color:#fff}
.sent .w-site,.sent .w-email{display:none}
.sent .w-done{display:block}
.w-fine{margin-top:14px;font-size:13.5px;color:var(--g-dim)}

.w-show{max-width:880px;margin:72px auto 0}
.w-frame{position:relative;border-radius:16px;overflow:hidden;background:#f5f0e8;border:1px solid rgba(255,255,255,.08);box-shadow:0 60px 120px -50px rgba(0,0,0,.95)}
.w-bar{display:flex;align-items:center;gap:7px;height:36px;padding:0 14px;background:#e9e2d7}
.w-bar i{width:10px;height:10px;border-radius:50%;background:#d3cabc}
.w-bar span{margin:0 auto;padding:3px 48px;border-radius:6px;background:#f5f0e8;font:400 11.5px var(--g-sans);color:#8a7f70}
.s-nav{display:flex;justify-content:space-between;align-items:center;padding:18px 34px;font:500 13px var(--g-sans);color:#5f5446}
.s-logo{display:flex;align-items:center;gap:10px;white-space:nowrap;font:600 16px "Iowan Old Style","Palatino Linotype",Palatino,Georgia,serif;color:#231c14}
.s-logo i{width:28px;height:28px;border-radius:50%;border:1.5px solid #231c14;display:flex;align-items:center;justify-content:center;font:italic 600 15px "Iowan Old Style",Georgia,serif}
.s-links{display:flex;gap:22px}
.s-book{padding:9px 15px;border-radius:999px;background:#231c14;color:#f5f0e8;font-weight:600;white-space:nowrap}
.s-hero{display:grid;grid-template-columns:1.05fr 1fr;gap:28px;padding:22px 34px 30px}
.s-kick{font:600 11px var(--g-sans);letter-spacing:.16em;text-transform:uppercase;color:#9b6b3d}
.s-h{margin:14px 0 14px;font:500 46px/1.0 "Iowan Old Style","Palatino Linotype",Palatino,Georgia,serif;letter-spacing:-.02em;color:#231c14}
.s-h em{font-style:italic;color:#9b6b3d}
.s-p{margin:0;font:400 14px/1.55 var(--g-sans);color:#6f6354;max-width:34ch}
.s-btns{display:flex;gap:8px;margin-top:20px;font:600 13px var(--g-sans)}
.s-btns span{padding:11px 16px;border-radius:999px;white-space:nowrap}
.s-btns span:first-child{background:#9b6b3d;color:#fff}
.s-btns span:last-child{border:1px solid #d7ccbc;color:#231c14}
.s-rate{display:flex;align-items:center;gap:8px;margin-top:22px;font:500 12.5px var(--g-sans);color:#6f6354}
.s-rate b{color:#231c14}
.s-rate i{font-style:normal;color:#d79a2b;letter-spacing:1px}
.s-photos{display:grid;grid-template-columns:1.25fr 1fr;grid-template-rows:150px 130px;gap:10px}
.s-ph{position:relative;border-radius:14px;overflow:hidden;background:#e3d9ca}
.s-ph img{width:100%;height:100%;object-fit:cover;display:block}
.s-main{grid-row:span 2}
.s-ph span{position:absolute;left:12px;bottom:12px;padding:6px 10px;border-radius:999px;background:rgba(255,255,255,.92);font:600 11px var(--g-sans);color:#231c14}
.s-strip{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #e3d9ca;font:400 12px var(--g-sans);color:#7a6e5f}
.s-strip div{padding:14px 34px}
.s-strip div+div{border-left:1px solid #e3d9ca}
.s-strip b{display:block;white-space:nowrap;font:500 19px "Iowan Old Style",Georgia,serif;color:#231c14}
.s-new{position:relative;animation:w-flash 2.4s ease 2.6s 1}
.s-new::after{content:"New";position:absolute;top:12px;right:16px;padding:2px 7px;border-radius:999px;background:#9b6b3d;color:#fff;font:600 10px var(--g-sans);opacity:0;animation:w-fade .4s ease forwards 2.8s}
@keyframes w-flash{0%,100%{background:transparent}25%{background:rgba(123,97,255,.16)}}

.w-live{display:inline-flex;align-items:center;gap:6px;font:500 11px var(--g-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--g-live-text)}
.w-live i{width:7px;height:7px;border-radius:50%;background:var(--g-live);animation:w-pulse 1.4s infinite}
@keyframes w-in{to{opacity:1;transform:none}}

.w-sec{padding-top:140px}
.w-sec .h2{max-width:22ch}
.w-three{display:grid;grid-template-columns:repeat(3,1fr);gap:56px;margin-top:56px}
.w-three .n{font:500 12px var(--g-mono);letter-spacing:.12em;color:var(--g-action-text)}
.w-three h3{margin:14px 0 10px;font-size:22px;line-height:1.2;letter-spacing:-.015em;color:var(--g-text)}
.w-three p{margin:0;font-size:15.5px;line-height:1.65;color:var(--g-muted)}

.w-group{margin:48px 0 0;font:500 12px var(--g-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--g-dim)}
.w-group+.w-cards,.w-group+.w-extras{margin-top:20px}
.w-extras{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;padding-top:4px}
.w-extras>div{padding:26px;border-radius:16px;border:1px solid var(--g-line);background:var(--g-panel)}
.w-extras svg{width:22px;height:22px;color:var(--g-action-text)}
.w-extras .n{display:block;margin-top:18px;font:500 12px var(--g-mono);letter-spacing:.12em;color:var(--g-action-text)}
.w-extras h3{margin:10px 0 8px;font-size:19px;letter-spacing:-.01em;color:var(--g-text)}
.w-extras p{margin:0;font-size:15px;line-height:1.6;color:var(--g-muted)}
.w-extras a{color:var(--g-action-text)}
.w-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;margin-top:20px}
.w-card .n{display:block;margin-top:26px;font:500 12px var(--g-mono);letter-spacing:.12em;color:var(--g-action-text)}
.w-card h3{margin:12px 0 10px;font-size:21px;line-height:1.2;letter-spacing:-.015em;color:var(--g-text)}
.w-card p{margin:0;font-size:15.5px;line-height:1.65;color:var(--g-muted)}
.v{position:relative;height:260px;border-radius:16px;overflow:hidden;border:1px solid var(--g-line);background:var(--g-panel)}
.v-convert{background:radial-gradient(90% 80% at 80% 100%,rgba(123,97,255,.22),transparent 70%),var(--g-panel)}
.v-old{position:absolute;left:16px;top:24px;width:calc(50% - 28px);height:150px;display:flex;background:#c0c0c0;border:2px outset #e0e0e0;filter:saturate(.6);opacity:.9;font-family:"Times New Roman",serif}
.v-old>i{width:22%;background:#000080}
.v-old>div{flex:1;min-width:0;margin:4px;padding:7px;background:#fff;display:grid;align-content:start;gap:5px}
.v-old b{font:700 12px/1.15 "Comic Sans MS",cursive;color:#800000}
.v-old em{height:5px;background:#bbb}
.v-old em.s{width:60%}
.v-old span{margin-top:3px;font-size:8.5px;line-height:1.2;color:#008000}
.v-new{position:absolute;right:16px;top:24px;width:calc(50% - 28px);height:150px;border-radius:10px;overflow:hidden;background:#f5f0e8;box-shadow:0 24px 50px -16px rgba(0,0,0,.8)}
.v-bar{height:12px;background:#e9e2d7}
.v-new img{width:100%;height:78px;object-fit:cover;display:block}
.v-cap{display:grid;gap:6px;padding:8px 10px}
.v-cap b{font:500 12px/1.2 "Iowan Old Style",Georgia,serif;color:#231c14}
.v-cap span{justify-self:start;padding:3px 8px;border-radius:999px;background:#9b6b3d;color:#fff;font:600 9.5px var(--g-sans)}
.v-chip{position:absolute;left:50%;bottom:22px;transform:translateX(-50%);white-space:nowrap;padding:5px 10px;border-radius:999px;background:var(--g-action-dim);border:1px solid var(--g-action-line);font:500 11px var(--g-mono);color:var(--g-action-text)}
.v-night{padding:20px;background:radial-gradient(80% 70% at 100% 0%,rgba(79,201,240,.12),transparent 70%),var(--g-panel)}
.v-head{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:500;color:var(--g-text)}
.v-head svg{width:16px;height:16px;color:var(--g-action-text)}
.v-head span{margin-left:auto;font:500 11.5px var(--g-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--g-live-text)}
.v-night ul{list-style:none;margin:16px 0 0;padding:0;display:grid;gap:9px;font-size:13px;color:var(--g-muted)}
.v-night li{display:flex;align-items:center;gap:9px}
.v-night li::before{content:"";width:14px;height:14px;border-radius:50%;background:var(--g-live-dim) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%233ddc97' stroke-width='3.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6 9 17l-5-5'/%3E%3C/svg%3E") center/9px no-repeat}
.v-up{display:flex;gap:3px;margin-top:20px}
.v-up i{flex:1;height:22px;border-radius:2px;background:var(--g-live);opacity:.75}
.v-up i.w{background:var(--g-warning,#f0b350);opacity:1}
.v-night small{display:block;margin-top:8px;font-size:11.5px;color:var(--g-faint)}
.v-call img{width:100%;height:100%;object-fit:cover;object-position:60% 30%;display:block}
.v-call::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 35%,rgba(13,15,20,.75))}
.v-bubble{position:absolute;left:14px;right:14px;bottom:52px;z-index:1;padding:11px 13px;border-radius:12px;background:rgba(22,24,31,.9);backdrop-filter:blur(8px);border:1px solid var(--g-line-2);font-size:13px;color:var(--g-text)}
.v-bubble small{display:block;margin-bottom:3px;font:500 11px var(--g-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--g-action-text)}
.v-ok{position:absolute;left:14px;bottom:14px;z-index:1;display:inline-flex;align-items:center;gap:6px;padding:6px 11px;border-radius:999px;background:var(--g-live-dim);border:1px solid rgba(61,220,151,.35);color:var(--g-live-text);font-size:12px;font-weight:500}
.v-ok svg{width:13px;height:13px}
.w-more{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-top:56px;padding:22px 26px;border-radius:14px;border:1px solid var(--g-action-line);background:radial-gradient(80% 140% at 0% 0%,var(--g-action-dim),transparent 60%),var(--g-panel);color:var(--g-muted);font-size:15.5px;line-height:1.6;text-decoration:none;transition:border-color .18s}
.w-more:hover{border-color:var(--g-action)}
.w-more b{color:var(--g-text);font-weight:600}
.w-more svg{flex:none;width:22px;height:22px;color:var(--g-action-text)}
.w-intro{margin:16px 0 0;max-width:52ch;font-size:17px;line-height:1.65;color:var(--g-muted)}
.w-askdemo{display:grid;grid-template-columns:1fr 1.15fr;gap:28px;margin-top:44px;align-items:center}
.w-qs{display:grid;gap:10px}
.w-qs button{display:block;width:100%;text-align:left;padding:16px 18px;border-radius:12px;border:1px solid var(--g-line);background:transparent;color:var(--g-muted);font:inherit;cursor:pointer;transition:border-color .18s,background .18s}
.w-qs button b{display:block;font-size:15.5px;font-weight:500;color:var(--g-text)}
.w-qs button span{display:block;margin-top:3px;font-size:13px;color:var(--g-dim)}
.w-qs button:hover{border-color:var(--g-line-2)}
.w-qs button[aria-selected="true"]{border-color:var(--g-action-line);background:var(--g-action-dim)}
.w-qs button[aria-selected="true"] span{color:var(--g-action-text)}
.w-convo{min-height:420px;border-radius:18px;border:1px solid var(--g-line-2);background:radial-gradient(80% 60% at 100% 0%,var(--g-action-dim),transparent 60%),var(--g-panel);box-shadow:0 40px 90px -40px rgba(0,0,0,.9);overflow:hidden}
.w-convo-top{display:flex;align-items:center;justify-content:space-between;padding:14px 18px;border-bottom:1px solid var(--g-line)}
.w-via{font-size:12.5px;color:var(--g-dim)}
.w-convo-body{padding:20px 18px 22px;display:grid;gap:12px}
.c-me{justify-self:end;max-width:85%;padding:11px 14px;border-radius:14px 14px 4px 14px;background:var(--g-action-btn);color:#fff;font-size:14.5px;animation:w-in .35s ease both}
.c-ai{max-width:94%;padding:14px 16px;border-radius:14px 14px 14px 4px;background:var(--g-raise);color:var(--g-text);font-size:14.5px;line-height:1.55;animation:w-in .4s ease both}
.c-ai p{margin:0}
.c-ai p+*,.c-ai *+p{margin-top:12px}
.c-att{display:grid;grid-template-columns:repeat(4,58px);gap:6px;margin-top:10px}
.c-att span{display:block;width:58px;height:58px;border-radius:8px;overflow:hidden;border:1.5px solid rgba(255,255,255,.35)}
.c-att img{width:100%;height:100%;object-fit:cover;display:block}
.c-attn{display:block;margin-top:6px;font-size:12px;opacity:.8}
.c-typing{display:flex;gap:5px;padding:14px 16px;width:max-content;border-radius:14px;background:var(--g-raise)}
.c-typing i{width:6px;height:6px;border-radius:50%;background:var(--g-dim);animation:c-dot 1s infinite}
.c-typing i:nth-child(2){animation-delay:.15s}.c-typing i:nth-child(3){animation-delay:.3s}
@keyframes c-dot{50%{opacity:.3;transform:translateY(-3px)}}
.a-bars{display:flex;align-items:flex-end;gap:8px;height:120px;padding:8px 2px 20px}
.a-bars div{position:relative;flex:1;height:var(--h);border-radius:5px 5px 2px 2px;background:var(--g-line-2);transform-origin:bottom;animation:a-grow .6s ease both}
.a-bars div.on{background:linear-gradient(180deg,#a78bff,#7b61ff)}
.a-bars span{position:absolute;left:0;right:0;bottom:-18px;text-align:center;font-size:11px;color:var(--g-dim)}
.a-bars em{position:absolute;left:0;right:0;top:-18px;text-align:center;font:600 12px var(--g-sans);font-style:normal;color:var(--g-action-text)}
@keyframes a-grow{from{transform:scaleY(0)}}
.a-xmas{display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:12px;background:linear-gradient(90deg,#7a1f2b,#a3323f);color:#fff;position:relative;overflow:hidden}
.a-xmas::after{content:"";position:absolute;inset:0;background-image:radial-gradient(2px 2px at 20% 30%,#fff,transparent),radial-gradient(1.5px 1.5px at 60% 70%,#fff,transparent),radial-gradient(2px 2px at 85% 25%,#fff,transparent),radial-gradient(1.5px 1.5px at 40% 85%,#fff,transparent),radial-gradient(1.5px 1.5px at 75% 55%,#fff,transparent);opacity:.8;animation:snow 3s linear infinite}
@keyframes snow{from{background-position:0 -40px}to{background-position:0 40px}}
.a-xmas svg{flex:none;width:22px;height:22px}
.a-xmas b{display:block;font-size:14px}
.a-xmas small{font-size:12.5px;opacity:.85}
.a-sched{display:flex;gap:8px;align-items:flex-start;padding:10px 12px;border-radius:10px;background:var(--g-live-dim);color:var(--g-live-text);font-size:13.5px}
.a-sched svg{flex:none;width:16px;height:16px;margin-top:2px}
.a-list{list-style:none;margin:12px 0 0;padding:0;border-top:1px solid var(--g-line)}
.a-list li{display:flex;align-items:center;gap:10px;padding:9px 0;border-bottom:1px solid var(--g-line);font-size:14px}
.a-list li span{flex:1;color:var(--g-muted)}
.a-list li b{font-weight:500;color:var(--g-text)}
.a-list li b.ok{color:var(--g-live-text)}
.a-list li i{font-style:normal;font-size:11.5px;padding:2px 8px;border-radius:999px;background:var(--g-live-dim);color:var(--g-live-text)}
.a-req{list-style:none;margin:12px 0 0;padding:0;display:grid;gap:8px}
.a-req li{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:12px;background:var(--g-ink);border:1px solid var(--g-line)}
.a-req i{flex:none;width:32px;height:32px;border-radius:9px;display:flex;align-items:center;justify-content:center}
.a-req i svg{width:16px;height:16px}
.a-req i.m{background:rgba(240,97,122,.14);color:#ffb0be}
.a-req i.f{background:var(--g-action-dim);color:var(--g-action-text)}
.a-req i.p{background:var(--g-live-dim);color:var(--g-live-text)}
.a-req b{display:block;font-size:14px;font-weight:500}
.a-req small{font-size:12.5px;color:var(--g-dim)}
.a-cal{display:flex;align-items:center;gap:14px;margin-top:12px;padding:12px;border-radius:12px;background:var(--g-ink);border:1px solid var(--g-line)}
.a-cal .d{flex:none;width:52px;border-radius:10px;overflow:hidden;text-align:center;background:#fff;color:#1d1b18}
.a-cal .d small{display:block;padding:3px 0;background:#e8453c;color:#fff;font-size:11.5px;font-weight:600}
.a-cal .d b{display:block;padding:4px 0 6px;font-size:22px;line-height:1}
.a-cal b{display:block;font-size:14px;font-weight:500}
.a-cal small{font-size:12.5px;color:var(--g-dim)}
.a-pub{display:flex;align-items:center;gap:12px;padding:10px;border-radius:12px;background:var(--g-ink);border:1px solid var(--g-line)}
.a-pub img{width:64px;height:48px;border-radius:8px;object-fit:cover}
.a-pub b{display:block;font-size:14px}
.a-pub small{font-size:12px;color:var(--g-dim)}
.a-pub span{margin-left:auto;padding:4px 10px;border-radius:999px;background:var(--g-live-dim);color:var(--g-live-text);font-size:12px}
.w-ext{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center}
.w-ext .btn-line{margin-top:28px}
.w-idea{padding:26px;border-radius:18px;border:1px solid var(--g-action-line);background:radial-gradient(90% 90% at 100% 0%,var(--g-action-dim),transparent 65%),var(--g-panel)}
.w-msg{max-width:86%;padding:12px 14px;border-radius:14px;font-size:14.5px;line-height:1.5}
.w-msg.me{margin-left:auto;background:var(--g-action-btn);color:#fff;border-bottom-right-radius:4px}
.w-msg.us{margin-top:10px;background:var(--g-raise);color:var(--g-text);border-bottom-left-radius:4px}
.w-msg small{display:block;margin-bottom:3px;font:500 11.5px var(--g-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--g-action-text)}
.w-conn{margin-top:20px;padding-top:18px;border-top:1px solid var(--g-line)}
.w-conn small{display:block;margin-bottom:10px;font:500 11.5px var(--g-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--g-dim)}
.w-conn div{display:flex;flex-wrap:wrap;gap:7px}
.w-conn span{display:inline-flex;align-items:center;gap:7px;padding:6px 11px;border-radius:999px;background:var(--g-ink);border:1px solid var(--g-line);font-size:13px;color:var(--g-text)}
.w-conn i{width:8px;height:8px;border-radius:2px}
.w-conn span.more{background:transparent;border-style:dashed;color:var(--g-dim)}
.w-chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:22px;padding-top:20px;border-top:1px solid var(--g-line)}
.w-chips span{padding:7px 12px;border-radius:999px;border:1px solid var(--g-line-2);background:var(--g-wash);font-size:13px;color:var(--g-muted)}
.w-price{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:start;margin-top:8px}
.w-plans{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:40px}
.w-plan{display:flex;flex-direction:column;padding:32px;border-radius:18px;border:1px solid var(--g-line);background:var(--g-panel)}
.w-plan.hot{border-color:var(--g-action-line);background:radial-gradient(90% 70% at 100% 0%,var(--g-action-dim),transparent 65%),var(--g-panel);box-shadow:0 40px 90px -45px rgba(123,97,255,.55)}
.w-pname{display:flex;align-items:center;gap:10px;font-size:18px;font-weight:600;color:var(--g-text)}
.w-pname span{padding:3px 9px;border-radius:999px;background:var(--g-action-dim);border:1px solid var(--g-action-line);font-size:12px;font-weight:500;color:var(--g-action-text)}
.w-plan .w-amount{margin-top:20px;font-size:72px}
.w-plan .w-credit{align-self:flex-start;margin-top:18px}
.w-plan ul{list-style:none;margin:26px 0 30px;padding:0;display:grid;gap:12px;font-size:15px;color:var(--g-muted)}
.w-plan li{display:flex;gap:10px}
.w-plan li svg{flex:none;width:18px;height:18px;margin-top:2px;color:var(--g-live)}
.w-plan .btn-line,.w-plan .btn-primary{margin-top:auto;justify-content:center}
.w-amount{font-size:96px;line-height:1;font-weight:600;letter-spacing:-.05em;color:var(--g-text)}
.w-amount small{font-size:20px;font-weight:400;letter-spacing:0;color:var(--g-muted)}
.w-credit{display:inline-flex;align-items:center;gap:10px;margin-top:22px;padding:10px 16px;border-radius:999px;border:1px solid rgba(61,220,151,.35);background:var(--g-live-dim);color:var(--g-live-text);font-size:15px}
.w-credit b{color:#fff;font-weight:600}
.w-terms{margin-top:20px;max-width:80ch;font-size:14px;line-height:1.6;color:var(--g-dim)}
.w-list{margin:0;padding:0;list-style:none;border-top:1px solid var(--g-line)}
.w-list li{display:flex;justify-content:space-between;gap:24px;padding:16px 0;border-bottom:1px solid var(--g-line);font-size:15.5px;color:var(--g-text)}
.w-list li span{flex:none;color:var(--g-dim)}
.w-list li.cr span{color:var(--g-live-text)}

.w-steps{display:flex;align-items:center;justify-content:center;gap:16px;margin:28px 0 8px;flex-wrap:wrap;font-size:15px;color:var(--g-muted)}
.w-steps b{font-weight:500}
.w-steps svg{width:20px;height:20px;color:var(--g-faint)}

.w-final{margin:150px 0 120px;text-align:center}
.w-final .h2{margin-inline:auto;max-width:18ch}
.w-final .lede{margin-inline:auto}
.w-final .w-send,.w-final .w-email,.w-final .w-done{margin-inline:auto}

@media (max-width:960px){
  .w-price,.w-ext,.w-askdemo,.w-plans{grid-template-columns:1fr;gap:48px}
  .w-plans{gap:16px}
  .w-askdemo{gap:20px}
  .w-hero{padding-top:56px}
  .w-hero .h1{font-size:40px}
  .w-three,.w-cards,.w-extras{grid-template-columns:1fr;gap:40px}
  .w-amount{font-size:72px}
}
@media (max-width:640px){
  .w-hero .h1{font-size:34px}
  .w-send{flex-direction:column}
  .w-send button{width:100%}
  .w-show{margin-top:48px}
  .s-links,.s-photos,.s-strip div:nth-child(3){display:none}
  .s-hero{grid-template-columns:1fr;padding:12px 20px 24px}
  .s-nav{padding:14px 20px}
  .s-h{font-size:34px}
  .s-strip{grid-template-columns:1fr 1fr}
  .s-strip div{padding:12px 20px}
  .s-strip b{font-size:16px}
  .w-sec{padding-top:96px}
  .w-final{margin:110px 0 90px}
}
@media (prefers-reduced-motion:reduce){
  .s-new::after,.c-me,.c-ai,.a-bars div,.a-xmas::after{animation:none;opacity:1;transform:none}
  .s-new,.pill i,.w-live i{animation:none}
  html{scroll-behavior:auto}
}
.hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.ts-slot{margin-top:8px}.ts-slot:empty{display:none}
.w-err{margin:8px 0 0;max-width:540px;color:#ff8a80;font-size:14px}
.sent .w-err{display:none}
.w-app{display:grid;grid-template-columns:repeat(4,1fr);gap:28px;margin-top:56px}
.w-app figure{margin:0}
.w-app img{display:block;width:100%;height:auto;max-width:300px;margin:0 auto}
.w-app figcaption{max-width:300px;margin:28px auto 0}
.w-app figcaption .n{font:500 12px var(--g-mono);letter-spacing:.12em;color:var(--g-action-text)}
.w-app figcaption h3{margin:10px 0 8px;font-size:21px;letter-spacing:-.015em;color:var(--g-text)}
.w-app figcaption p{margin:0;font-size:15px;line-height:1.6;color:var(--g-muted)}
@media (max-width:960px){.w-app img{max-width:none}.w-app{display:flex;gap:20px;overflow-x:auto;scroll-snap-type:x mandatory;margin-left:-24px;margin-right:-24px;padding:0 24px 12px}.w-app figure{flex:0 0 290px;scroll-snap-align:center}}
.w-store{display:flex;flex-wrap:wrap;align-items:center;gap:16px 24px;margin-top:48px}
.w-store img{display:block;width:148px;height:44px}
.w-store span{font-size:15px;color:var(--g-muted)}
/* The site's gutter is 16px from 640px down, so the strip bleeds 16px there: 24px ran it 8px past a phone's edge. */
@media (max-width:640px){.w-app{margin-left:-16px;margin-right:-16px;padding:0 16px 12px}}
/* Below 640px the site hides every header .nav-link; Selan Web keeps the language switch, the one link a visitor
   cannot reach any other way. Four chars ("LT"/"EN") plus the CTA fit at 360px. */
@media (max-width:640px){header nav .nav-link[hreflang]{display:inline}header nav{gap:14px}}

/* Before/after inside the hero's own browser frame: same frame, same size; the old site sits over the new one and
   the agents' line wipes it away, top to bottom. */
.ba-win{isolation:isolate}
.ba-win .w-bar{position:relative;z-index:3}
.ba-chip{position:absolute;left:50%;bottom:16px;transform:translateX(-50%);z-index:4;display:flex;gap:4px;padding:4px;border-radius:999px;background:rgba(17,19,25,.84);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.14);box-shadow:0 10px 28px rgba(0,0,0,.35);font:600 13px/1.2 var(--g-sans)}
.ba-chip button{border:0;background:transparent;color:rgba(255,255,255,.72);font:inherit;padding:7px 16px;border-radius:999px;cursor:pointer;transition:background .25s,color .25s}
.ba-chip button:hover{color:#fff}
.ba-chip button:focus:not(:focus-visible){outline:none}
.ba-body{position:relative}
.ba-old{position:absolute;inset:0;z-index:2;overflow:hidden;animation:ba-old 9s infinite}
.ba-sweep{position:absolute;left:0;right:0;top:0;height:2px;z-index:3;background:linear-gradient(90deg,transparent,#a78bfa 20%,#7fdef8 80%,transparent);box-shadow:0 0 18px 4px rgba(139,92,246,.55);opacity:0;pointer-events:none;animation:ba-sweep 9s infinite}
.ba-chip .b1{animation:ba-b1 9s infinite}
.ba-chip .b2{animation:ba-b2 9s infinite}
@keyframes ba-old{0%,30%{clip-path:inset(0 0 0 0);opacity:1}47%,88%{clip-path:inset(100% 0 0 0);opacity:1}89%{clip-path:inset(0 0 0 0);opacity:0}98%,100%{clip-path:inset(0 0 0 0);opacity:1}}
@keyframes ba-sweep{0%,29%{opacity:0;top:0}31%{opacity:1;top:0}47%{opacity:1;top:100%}49%,100%{opacity:0;top:100%}}
@keyframes ba-b1{0%,29%,92%,100%{background:#ffe9a0;color:#3d3200}31%,90%{background:transparent;color:rgba(255,255,255,.72)}}
@keyframes ba-b2{0%,29%,92%,100%{background:transparent;color:rgba(255,255,255,.72)}31%,90%{background:#3ddc97;color:#06301c}}
.ba-win:hover .ba-old,.ba-win:hover .ba-sweep,.ba-win:hover .ba-chip button{animation-play-state:paused}
/* Clicked: the person drives it */
.ba-win.manual .ba-old,.ba-win.manual .ba-sweep,.ba-win.manual .ba-chip button{animation:none}
.ba-win.manual .ba-old{transition:clip-path 1.1s cubic-bezier(.65,0,.25,1),opacity .35s}
.ba-win.manual.show-old .ba-old{clip-path:inset(0 0 0 0);opacity:1}
.ba-win.manual.show-new .ba-old{clip-path:inset(100% 0 0 0)}
.ba-win.manual.sweeping .ba-sweep{animation:ba-sweep-once 1.1s cubic-bezier(.65,0,.25,1)}
@keyframes ba-sweep-once{0%{opacity:1;top:0}95%{opacity:1;top:100%}100%{opacity:0;top:100%}}
.ba-win.manual.show-old .b1{background:#ffe9a0;color:#3d3200}
.ba-win.manual.show-new .b2{background:#3ddc97;color:#06301c}
@media (prefers-reduced-motion:reduce){.ba-old,.ba-sweep,.ba-chip button{animation:none}.ba-old{clip-path:inset(100% 0 0 0)}}
/* The old site: muted, believable. */
.old{height:100%;background:#ece6d8;font:12px/1.4 Georgia,"Times New Roman",serif;color:#3b3328}
.old .o-band{background:#6b4a2b;color:#f4e6c8;padding:16px 20px;font:bold 22px Georgia,serif}
.old .o-band small{display:block;font:italic 12px Georgia,serif;opacity:.8;margin-top:4px}
.old .o-nav{background:#d8ccb1;padding:7px 20px;font:12px Verdana,sans-serif;color:#2347a8;text-decoration:underline;word-spacing:16px}
.old .o-body{display:grid;grid-template-columns:120px 1fr;gap:16px;padding:16px 20px;max-width:600px}
.old .o-side{font:11px Verdana,sans-serif;color:#2347a8;line-height:2;border-right:1px dashed #b9aa8a}
.old h4{margin:0 0 8px;font:bold 17px Georgia,serif;color:#6b4a2b}
.old p{margin:0 0 10px;max-width:46ch}
.old .o-img{float:right;width:130px;height:92px;margin:0 0 8px 12px;border:2px solid #b9aa8a;background:url(/img/modernise/dining.jpg) center/cover;filter:saturate(.45) contrast(.85)}
.old .o-count{font:11px Verdana,sans-serif;color:#6d6555}
.old .o-count span{background:#222;color:#9fe39f;font:bold 11px monospace;padding:1px 3px;letter-spacing:1px}
@media (max-width:640px){.old .o-body{grid-template-columns:1fr}.old .o-side{display:none}.old .o-img{width:96px;height:68px}}