:root{--bg:#e8eef5;--bg-elev:#f6f9fc;--ink:#0a2540;--ink-2:#425466;--ink-3:#6b7c8f;--line:#d5dee8;--line-strong:#c5ced9;--accent:#635bff;--accent-ink:#3d36c9;--accent-soft:#ebe9ff;--warm:#ff8f5d;--warm-soft:#ffe8dc;--cyan:#00d4ff;--pink:#d11974;--gold:#ffc017;--status-cancel-soft:#fde8e8;--status-cancel-ink:#b42318;--neu-dark:#c5ced9;--neu-light:#fff;--neu-inset:#d5dde8;--neu-out:10px 10px 22px var(--neu-dark), -10px -10px 22px var(--neu-light);--neu-out-sm:6px 6px 14px var(--neu-dark), -6px -6px 14px var(--neu-light);--neu-in:inset 5px 5px 10px var(--neu-inset), inset -5px -5px 10px var(--neu-light);--serif:"Inter", "Helvetica Neue", Helvetica, Arial, sans-serif;--sans:"Inter", "Helvetica Neue", Helvetica, Arial, sans-serif;--mono:"JetBrains Mono", ui-monospace, Menlo, monospace}[data-theme=dark]{--bg:#e8eef5;--bg-elev:#f6f9fc;--ink:#0a2540;--ink-2:#425466;--ink-3:#6b7c8f;--line:#d5dee8;--line-strong:#c5ced9;--accent:#635bff;--accent-ink:#3d36c9;--accent-soft:#ebe9ff;--warm:#ff8f5d;--warm-soft:#ffe8dc}*{box-sizing:border-box;margin:0;padding:0}html,body{background:var(--bg);color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased}body{font-feature-settings:"ss01", "cv11";font-size:15px;line-height:1.5}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0}a{color:inherit;text-decoration:none}input,textarea,select{font:inherit;color:inherit}.mono{font-family:var(--mono);letter-spacing:-.01em}.serif{font-family:var(--sans);letter-spacing:-.03em;font-weight:700}.eyebrow{font-family:var(--sans);letter-spacing:.08em;text-transform:uppercase;color:var(--accent);font-size:11px;font-weight:700}.tabnum{font-variant-numeric:tabular-nums}.app{background:var(--bg);flex-direction:column;width:100%;min-height:100vh;display:flex}.viewport-toolbar{z-index:200;background:var(--bg-elev);border:1px solid var(--line);font-family:var(--mono);border-radius:999px;align-items:center;gap:4px;padding:5px;font-size:11px;display:inline-flex;position:fixed;bottom:16px;left:50%;transform:translate(-50%);box-shadow:0 10px 30px -12px #00000040,0 2px 6px #0000000f;box-shadow:0 10px 30px -12px lab(0% 0 0/.25),0 2px 6px lab(0% 0 0/.06)}.viewport-toolbar button{color:var(--ink-3);text-transform:uppercase;letter-spacing:.08em;border-radius:999px;padding:7px 12px;transition:all .15s}.viewport-toolbar button[data-active=true]{background:var(--ink);color:var(--bg)}.viewport-toolbar .divider{background:var(--line);width:1px;height:16px;margin:0 4px}.stage{flex:1;justify-content:center;align-items:flex-start;padding:0;transition:padding .3s;display:flex}.stage[data-vp=tablet],.stage[data-vp=mobile]{padding:24px 16px 80px}.frame{width:100%;max-width:100%;margin:0 auto;transition:max-width .3s,border-radius .3s,box-shadow .3s}.stage[data-vp=tablet] .frame{border:1px solid var(--line-strong);background:var(--bg);border-radius:28px;max-width:820px;overflow:hidden;box-shadow:0 40px 80px -30px #00000059;box-shadow:0 40px 80px -30px lab(0% 0 0/.35)}.stage[data-vp=mobile] .frame{border:1px solid var(--line-strong);background:var(--bg);border-radius:40px;max-width:390px;overflow:hidden;box-shadow:0 40px 80px -30px #00000059;box-shadow:0 40px 80px -30px lab(0% 0 0/.35)}.container{width:100%;max-width:1280px;margin:0 auto;padding:0 40px}.stage[data-vp=tablet] .container{padding:0 28px}.stage[data-vp=mobile] .container{padding:0 20px}.section{padding:96px 0;position:relative}.stage[data-vp=mobile] .section{padding:56px 0}.hr{width:100%;height:1px;box-shadow:inset 0 1px 0 color-mix(in srgb, var(--neu-dark) 55%, transparent);background:0 0}.header{z-index:50;-webkit-backdrop-filter:blur(16px);background:color-mix(in srgb, var(--bg) 88%, transparent);box-shadow:0 1px 0 color-mix(in srgb, var(--neu-dark) 35%, transparent);border-bottom:none;position:sticky;top:0}.header-inner{justify-content:space-between;align-items:center;height:68px;display:flex}.logo{font-family:var(--sans);letter-spacing:-.03em;color:var(--ink);align-items:baseline;gap:6px;font-size:22px;font-weight:800;display:inline-flex}.logo .dot{background:linear-gradient(135deg, var(--accent), var(--cyan));width:8px;height:8px;box-shadow:0 0 0 3px color-mix(in srgb, var(--accent) 20%, transparent);border-radius:99px;display:inline-block;transform:translateY(-2px)}.logo em{background:linear-gradient(90deg, var(--accent), var(--cyan));color:#0000;-webkit-background-clip:text;background-clip:text;font-style:normal}.nav{align-items:center;gap:28px;display:flex}.nav a{color:var(--ink-2);font-size:14px;font-weight:500;transition:color .15s}.nav a:hover{color:var(--accent)}.header-actions{align-items:center;gap:10px;display:flex}.lang{font-family:var(--sans);background:var(--bg);box-shadow:var(--neu-in);border-radius:999px;padding:3px;font-size:11px;display:inline-flex}.lang button{color:var(--ink-3);border-radius:999px;padding:4px 9px}.lang button[data-active=true]{background:var(--ink);color:#fff;box-shadow:var(--neu-out-sm)}.btn{letter-spacing:-.005em;white-space:nowrap;border:1px solid #0000;border-radius:999px;align-items:center;gap:8px;padding:10px 16px;font-size:14px;font-weight:600;transition:all .15s;display:inline-flex}.btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.btn-primary{background:var(--ink);color:#fff;box-shadow:var(--neu-out-sm)}.btn-primary:hover{filter:brightness(1.08)}.btn-primary:active{box-shadow:var(--neu-in)}.btn-ghost{color:var(--ink);background:var(--bg);box-shadow:var(--neu-out-sm)}.btn-ghost:hover{color:var(--accent)}.btn-ghost:active{box-shadow:var(--neu-in)}.btn-accent{color:#fff;background:linear-gradient(135deg, var(--accent), #4f46e5 45%, var(--cyan));box-shadow:var(--neu-out-sm)}.btn-accent:hover{filter:brightness(1.05)}.btn-sm{padding:7px 12px;font-size:13px}.btn-lg{padding:14px 22px;font-size:15px}.menu-wrap{position:relative}.menu{background:var(--bg);min-width:240px;box-shadow:var(--neu-out);opacity:0;pointer-events:none;z-index:60;border:none;border-radius:16px;padding:6px;transition:all .15s;position:absolute;top:calc(100% + 8px);right:0;transform:translateY(-4px)}.menu[data-open=true]{opacity:1;pointer-events:auto;transform:translateY(0)}.menu-item{text-align:left;border-radius:10px;flex-direction:column;gap:2px;width:100%;padding:10px 12px;display:flex}.menu-item:hover{background:oklch(from var(--accent-soft) l c h / .5)}.menu-item strong{font-size:14px;font-weight:500}.menu-item span{color:var(--ink-3);font-size:12px}.hamburger{background:var(--bg);width:40px;height:40px;box-shadow:var(--neu-out-sm);border:none;border-radius:12px;justify-content:center;align-items:center;display:inline-flex}.hamburger:active{box-shadow:var(--neu-in)}.hamburger span{background:var(--ink);width:16px;height:1.5px;position:relative}.hamburger span:before,.hamburger span:after{content:"";background:var(--ink);width:16px;height:1.5px;position:absolute;left:0}.hamburger span:before{top:-5px}.hamburger span:after{top:5px}.hero{padding:80px 0 40px;position:relative}.hero-grid{grid-template-columns:1.15fr 1fr;align-items:center;gap:64px;display:grid}.hero-grid>*{min-width:0}.stage[data-vp=tablet] .hero-grid,.stage[data-vp=mobile] .hero-grid{grid-template-columns:1fr;gap:40px}.hero h1{font-family:var(--sans);letter-spacing:-.035em;color:var(--ink);text-wrap:balance;font-size:clamp(40px,5.6vw,72px);font-weight:800;line-height:1.05}.stage[data-vp=mobile] .hero h1{font-size:42px}.hero h1 em{background:linear-gradient(90deg, var(--accent), var(--cyan) 55%, var(--warm));color:#0000;-webkit-background-clip:text;background-clip:text;font-style:normal}.hero h1 .underline{white-space:nowrap;position:relative}.hero h1 .underline:after{content:"";background:linear-gradient(90deg, var(--accent), var(--cyan));opacity:.35;z-index:-1;height:.12em;position:absolute;bottom:.08em;left:0;right:0}.hero-lede{color:var(--ink-2);text-wrap:pretty;max-width:520px;margin-top:28px;font-size:18px;line-height:1.5}.hero-ctas{flex-wrap:wrap;align-items:center;gap:12px;margin-top:36px;display:flex}.hero-meta{flex-direction:column;gap:20px;width:100%;max-width:100%;margin-top:28px;display:flex}.hero-niches-banner{background:var(--bg);width:100%;max-width:100%;box-shadow:var(--neu-out);border:none;border-radius:18px;padding:10px 16px 12px;animation:.85s ease-out both hero-niches-banner-reveal;position:relative}@keyframes hero-niches-banner-reveal{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}[data-theme=dark] .hero-niches-banner{background:color-mix(in oklch, var(--accent-soft) 35%, var(--bg-elev))}.hero-niches-marquee-viewport{max-width:100%;margin:0 -16px;padding:6px 16px 8px;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000,#000 28px calc(100% - 28px),#0000);mask-image:linear-gradient(90deg,#0000,#000 28px calc(100% - 28px),#0000)}.hero-niches-marquee-track{will-change:transform;gap:10px;width:max-content;animation:48s linear infinite hero-niches-marquee;display:flex}@keyframes hero-niches-marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}.hero-niches-chip{font-size:12px;line-height:1.2;font-family:var(--sans);color:var(--ink-2);background:var(--bg);box-shadow:var(--neu-out-sm);border:none;border-radius:999px;flex-shrink:0;align-items:center;gap:8px;padding:8px 14px;font-weight:600;display:inline-flex}.hero-niches-chip-dot{background:linear-gradient(135deg, var(--warm), var(--gold));border-radius:99px;flex-shrink:0;width:6px;height:6px}@media (prefers-reduced-motion:reduce){.hero-niches-banner{animation:none}.hero-niches-marquee-track{flex-wrap:wrap;row-gap:8px;width:100%;max-width:100%;animation:none}.hero-niches-marquee-viewport{overflow:visible;-webkit-mask-image:none;mask-image:none}}.hero-visual{aspect-ratio:4/5;isolation:isolate;width:100%;max-width:100%;min-height:420px;position:relative;overflow:hidden}.hero-visual:before{content:"";background:radial-gradient(circle at 20% 30%, color-mix(in srgb, var(--pink) 55%, transparent), transparent 42%), radial-gradient(circle at 70% 20%, color-mix(in srgb, var(--warm) 55%, transparent), transparent 40%), radial-gradient(circle at 80% 70%, color-mix(in srgb, var(--accent) 55%, transparent), transparent 45%), radial-gradient(circle at 30% 80%, color-mix(in srgb, var(--cyan) 45%, transparent), transparent 42%);filter:blur(22px);opacity:.9;z-index:0;pointer-events:none;border-radius:40% 60% 55% 45%/45% 40% 60% 55%;position:absolute;inset:8% 4% 18%}.stage[data-vp=mobile] .hero-visual{aspect-ratio:1;min-height:360px}.card{z-index:1;background:var(--bg);box-shadow:var(--neu-out);border:none;border-radius:22px;position:relative}.hero-chat{z-index:2;width:58%;max-width:100%;padding:18px;position:absolute;top:10%;left:2%;transform:rotate(-2deg)}.hero-cal{z-index:1;width:68%;max-width:100%;padding:18px;position:absolute;bottom:4%;right:2%;transform:rotate(1.5deg)}.stage[data-vp=mobile] .hero-chat,.stage[data-vp=mobile] .hero-cal{width:92%;margin:0 auto 16px;position:relative;transform:none}.chat-head{border-bottom:1px solid var(--line);align-items:center;gap:10px;padding-bottom:12px;display:flex}.chat-avatar{background:linear-gradient(135deg, var(--accent), var(--cyan));color:#fff;width:36px;height:36px;font-family:var(--sans);box-shadow:var(--neu-out-sm);border-radius:99px;justify-content:center;align-items:center;font-size:14px;font-weight:800;display:inline-flex}.chat-head-meta{flex:1}.chat-head-meta strong{font-size:13px;display:block}.chat-head-meta small{color:var(--accent);font-size:11px;font-family:var(--sans);font-weight:600}.chat-body{flex-direction:column;gap:8px;padding:14px 2px 4px;display:flex}.bubble{border-radius:16px;max-width:82%;padding:10px 12px;font-size:13px;line-height:1.35}.bubble.in{background:var(--bg);color:var(--ink);box-shadow:var(--neu-out-sm);border-top-left-radius:6px;align-self:flex-start}[data-theme=dark] .bubble.in{background:var(--bg)}.bubble.out{background:linear-gradient(135deg, var(--ink), #143552);color:#fff;box-shadow:var(--neu-out-sm);border-top-right-radius:6px;align-self:flex-end}.bubble time{font-size:9px;font-family:var(--mono);color:var(--ink-3);text-align:right;margin-top:3px;display:block}.bubble.out time{color:#ffffffa6}.bubble.typing{gap:4px;display:inline-flex}.bubble.typing i{background:var(--ink-3);border-radius:99px;width:6px;height:6px;animation:1.4s ease-in-out infinite blink}.bubble.typing i:nth-child(2){animation-delay:.2s}.bubble.typing i:nth-child(3){animation-delay:.4s}@keyframes blink{0%,80%,to{opacity:.25}40%{opacity:1}}.chip-row{flex-wrap:wrap;gap:6px;margin-top:6px;display:flex}.chip{font-size:11px;font-family:var(--sans);color:var(--ink-2);background:var(--bg);box-shadow:var(--neu-out-sm);border:none;border-radius:14px;padding:8px 12px;font-weight:600;transition:all .15s}.chip:hover{color:var(--accent)}.chip[data-selected=true]{color:var(--ink);box-shadow:var(--neu-in), 0 0 0 2px color-mix(in srgb, var(--accent) 35%, transparent)}.cal-head{border-bottom:1px solid var(--line);justify-content:space-between;align-items:baseline;padding-bottom:10px;display:flex}.cal-head h5{font-family:var(--sans);letter-spacing:-.02em;font-size:16px;font-weight:700}.cal-head span{font-family:var(--sans);color:var(--ink-3);font-size:10px;font-weight:600}.cal-grid{grid-template-columns:42px repeat(4,1fr);gap:0;margin-top:10px;font-size:11px;display:grid}.cal-time{color:var(--ink-3);font-family:var(--mono);padding:6px 0}.cal-slot{border-left:1px solid var(--line);height:28px;padding:2px 4px;position:relative}.cal-event{border-radius:6px;padding:3px 5px;font-size:10px;font-weight:500;line-height:1.2;position:absolute;top:2px;left:3px;right:3px;overflow:hidden}.cal-event.a{background:var(--accent-soft);color:var(--accent-ink);height:52px}.cal-event.b{background:var(--warm-soft);color:var(--warm);height:38px}.cal-event.c{color:#25467d;color:lab(29.6263% 2.85362 -35.1852);background:#e0ecff;background:lab(92.9329% -1.36024 -11.1037);height:44px}[data-theme=dark] .cal-event.c{color:#b7cff6;color:lab(82.3454% -1.99288 -21.9001);background:#1a2941;background:lab(16.1666% .149772 -17.7752)}.section-head{grid-template-columns:1fr 2fr;align-items:end;gap:48px;margin-bottom:56px;display:grid}.stage[data-vp=tablet] .section-head,.stage[data-vp=mobile] .section-head{grid-template-columns:1fr;gap:16px;margin-bottom:32px}.section-head h2{font-family:var(--sans);letter-spacing:-.03em;text-wrap:balance;font-size:clamp(32px,4vw,48px);font-weight:800;line-height:1.08}.section-head p{color:var(--ink-2);max-width:560px;font-size:17px}.features{border:none;grid-template-columns:repeat(3,1fr);gap:18px;display:grid}.stage[data-vp=tablet] .features{grid-template-columns:repeat(2,1fr)}.stage[data-vp=mobile] .features{grid-template-columns:1fr}.feature{background:var(--bg);min-height:260px;box-shadow:var(--neu-out);border:none;border-radius:22px;flex-direction:column;padding:28px 24px 32px;transition:all .2s;display:flex;position:relative}.feature:hover{background:var(--bg);transform:translateY(-2px)}.feature-num{font-family:var(--sans);color:var(--accent);letter-spacing:.08em;text-transform:uppercase;font-size:11px;font-weight:700}.feature-icon{background:linear-gradient(135deg, var(--accent), var(--cyan));color:#fff;width:44px;height:44px;box-shadow:var(--neu-out-sm);border:none;border-radius:14px;justify-content:center;align-items:center;margin:18px 0 20px;display:inline-flex}.feature h3{font-family:var(--sans);letter-spacing:-.02em;font-size:20px;font-weight:700;line-height:1.2}.feature p{color:var(--ink-2);flex:1;margin-top:10px;font-size:14.5px}.feature .tag{font-family:var(--sans);letter-spacing:.06em;text-transform:uppercase;color:var(--accent);background:var(--bg);box-shadow:var(--neu-in);border:none;border-radius:999px;align-self:flex-start;margin-top:16px;padding:6px 10px;font-size:10px;font-weight:700}.video-row{grid-template-columns:1.2fr 1fr;align-items:center;gap:48px;display:grid}.stage[data-vp=tablet] .video-row,.stage[data-vp=mobile] .video-row{grid-template-columns:1fr;gap:24px}.video-thumb{aspect-ratio:16/10;cursor:pointer;background:linear-gradient(140deg, var(--ink) 0%, #143552 45%, color-mix(in srgb, var(--accent) 55%, #0a2540) 100%);box-shadow:var(--neu-out);border:none;border-radius:24px;position:relative;overflow:hidden}.video-thumb:before{content:"";background-image:repeating-linear-gradient(45deg,#0000 0 10px,#ffffff08 10px 11px);background-image:repeating-linear-gradient(45deg,#0000 0 10px,lab(100% 0 0/.03) 10px 11px);position:absolute;inset:0}.video-thumb .play{background:var(--bg);width:88px;height:88px;color:var(--ink);box-shadow:var(--neu-out);border-radius:99px;justify-content:center;align-items:center;transition:transform .2s;display:inline-flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.video-thumb:hover .play{transform:translate(-50%,-50%)scale(1.08)}.video-thumb .dur{color:#fff;font-family:var(--mono);letter-spacing:.1em;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0006;background:lab(0% 0 0/.4);border-radius:4px;padding:5px 10px;font-size:11px;position:absolute;bottom:16px;left:16px}.video-thumb .label{color:#fff;font-family:var(--sans);font-size:20px;font-weight:700;position:absolute;bottom:16px;right:16px}.pricing-head{flex-wrap:wrap;justify-content:space-between;align-items:end;gap:24px;margin-bottom:48px;display:flex}.billing-toggle{border:1px solid var(--line);background:var(--bg-elev);border-radius:999px;align-items:center;gap:12px;padding:5px;display:inline-flex}.billing-toggle button{font-size:13px;font-family:var(--mono);letter-spacing:.02em;color:var(--ink-3);border-radius:999px;padding:8px 16px}.billing-toggle button[data-active=true]{background:var(--ink);color:var(--bg)}.billing-toggle .save{font-family:var(--mono);color:var(--accent);background:var(--accent-soft);border-radius:4px;padding:3px 7px;font-size:10px}.plans{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}.stage[data-vp=tablet] .plans,.stage[data-vp=mobile] .plans{grid-template-columns:1fr;gap:16px}.plan{background:var(--bg);box-shadow:var(--neu-out);border:none;border-radius:22px;flex-direction:column;padding:28px;transition:all .2s;display:flex;position:relative}.plan:hover{transform:translateY(-2px)}.plan.featured{background:var(--ink);color:#fff;border-color:var(--ink);box-shadow:var(--neu-out)}.plan.featured .plan-cta{background:var(--accent);color:#fff}.plan.featured .plan-feat i{color:var(--accent)}.plan-badge{font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase;background:var(--warm-soft);color:var(--warm);border-radius:999px;padding:4px 8px;font-size:10px;position:absolute;top:20px;right:20px}.plan.featured .plan-badge{background:var(--accent);color:#fff}.plan-name{font-family:var(--mono);letter-spacing:.12em;text-transform:uppercase;color:inherit;opacity:.7;font-size:12px}.plan-price{font-family:var(--sans);letter-spacing:-.03em;align-items:baseline;gap:6px;margin-top:14px;font-size:52px;font-weight:800;line-height:1;display:flex}.plan-price small{font-size:14px;font-family:var(--mono);color:inherit;opacity:.7}.plan-sub{opacity:.7;font-size:13px;font-family:var(--mono);margin-top:6px}.plan-feat{flex-direction:column;flex:1;gap:11px;margin-top:24px;list-style:none;display:flex}.plan-feat li{gap:10px;font-size:14px;line-height:1.4;display:flex}.plan-feat i{background:var(--accent);color:#fff;border-radius:3px;flex-shrink:0;justify-content:center;align-items:center;width:14px;height:14px;margin-top:5px;font-size:10px;font-style:normal;display:inline-flex}.plan-cta{background:var(--ink);color:#fff;text-align:center;width:100%;box-shadow:var(--neu-out-sm);border:none;border-radius:999px;margin-top:28px;padding:14px;font-size:14px;font-weight:600;transition:all .15s}.plan-cta:hover{filter:brightness(1.1)}.previews{grid-template-rows:auto auto;grid-template-columns:1.2fr 1fr 1fr;gap:20px;display:grid}.stage[data-vp=tablet] .previews{grid-template-columns:1fr 1fr}.stage[data-vp=mobile] .previews{grid-template-rows:none;grid-template-columns:1fr}.preview-card{background:var(--bg);box-shadow:var(--neu-out);border:none;border-radius:22px;flex-direction:column;gap:14px;min-height:240px;padding:20px;display:flex}.preview-card.span-row{grid-row:span 2}.stage[data-vp=tablet] .preview-card.span-row,.stage[data-vp=mobile] .preview-card.span-row{grid-row:auto}.preview-head{justify-content:space-between;align-items:center;display:flex}.preview-head h4{font-family:var(--sans);letter-spacing:-.02em;font-size:18px;font-weight:700}.preview-head span{font-family:var(--mono);color:var(--ink-3);letter-spacing:.08em;text-transform:uppercase;font-size:10px}.appt-row{border-bottom:1px dashed var(--line);align-items:center;gap:12px;padding:10px 0;display:flex}.appt-row:last-child{border-bottom:0}.appt-time{font-family:var(--mono);color:var(--ink-2);font-variant-numeric:tabular-nums;min-width:56px;font-size:12px}.appt-info{flex:1}.appt-info strong{font-size:13px;font-weight:500}.appt-info small{color:var(--ink-3);font-size:11px;display:block}.appt-badge{font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase;border-radius:99px;padding:3px 6px;font-size:9px}.appt-badge.ok{background:var(--accent-soft);color:var(--accent-ink)}.appt-badge.wait{background:var(--warm-soft);color:var(--warm)}.appt-badge.cancel{background:var(--status-cancel-soft);color:var(--status-cancel-ink)}.metric{background:var(--bg);box-shadow:var(--neu-in);border:none;border-radius:16px;flex-direction:column;gap:6px;padding:14px;display:flex}.metric .v{font-family:var(--sans);letter-spacing:-.03em;font-size:34px;font-weight:800;line-height:1}.metric .l{font-family:var(--sans);color:var(--ink-3);letter-spacing:.08em;text-transform:uppercase;font-size:10px;font-weight:700}.metric .d{font-family:var(--sans);color:var(--accent);font-size:11px;font-weight:600}.metric.warm .d{color:var(--warm)}.sparkline{width:100%;height:40px;display:block}.toast{background:var(--bg);color:var(--ink);box-shadow:var(--neu-out-sm);border-left:none;border-radius:14px;align-items:start;gap:10px;padding:12px 14px;font-size:13px;display:flex}.toast.warm{background:var(--bg);color:var(--ink);border-left-color:#0000}.footer{background:var(--bg);box-shadow:inset 0 1px 0 color-mix(in srgb, var(--neu-dark) 45%, transparent);border-top:none;padding:72px 0 40px}.footer-grid{grid-template-columns:2fr 1fr 1fr 1fr;gap:40px;margin-bottom:56px;display:grid}.stage[data-vp=tablet] .footer-grid{grid-template-columns:1fr 1fr}.stage[data-vp=mobile] .footer-grid{grid-template-columns:1fr;gap:28px}.footer h6{font-family:var(--sans);letter-spacing:.08em;text-transform:uppercase;color:var(--accent);margin-bottom:14px;font-size:11px;font-weight:700}.footer ul{flex-direction:column;gap:8px;list-style:none;display:flex}.footer ul a{color:var(--ink-2);font-size:14px;font-weight:500}.footer ul a:hover,.footer a:hover{color:var(--accent)}.footer-legal{background:var(--bg);color:var(--ink-2);box-shadow:var(--neu-out-sm);border:none;border-radius:18px;grid-template-columns:32px 1fr auto;align-items:center;gap:14px;padding:18px 20px;font-size:12.5px;line-height:1.6;display:grid}.footer-legal .shield{background:var(--accent-soft);width:32px;height:32px;color:var(--accent-ink);border-radius:8px;justify-content:center;align-items:center;display:inline-flex}.footer-bottom{border-top:1px solid var(--line);font-family:var(--mono);color:var(--ink-3);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-top:40px;padding-top:24px;font-size:11px;display:flex}.modal-scrim{z-index:300;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);opacity:0;pointer-events:none;background:#00000073;background:lab(0% 0 0/.45);justify-content:center;align-items:center;padding:24px;transition:opacity .2s;display:flex;position:fixed;inset:0}.modal-scrim[data-open=true]{opacity:1;pointer-events:auto}.modal{background:var(--bg);width:100%;max-width:520px;max-height:calc(100vh - 48px);box-shadow:var(--neu-out);border:none;border-radius:24px;transition:transform .25s;overflow:auto;transform:translateY(10px)}.modal-scrim[data-open=true] .modal{transform:translateY(0)}.modal.wide{max-width:880px}.modal-head{justify-content:space-between;align-items:start;padding:24px 28px 16px;display:flex}.modal-head h3{font-family:var(--sans);letter-spacing:-.03em;font-size:26px;font-weight:800}.modal-head p{color:var(--ink-3);margin-top:4px;font-size:13.5px}.modal-body{padding:8px 28px 28px}.modal-close{background:var(--bg);width:36px;height:36px;box-shadow:var(--neu-out-sm);color:var(--ink);border:none;border-radius:99px;justify-content:center;align-items:center;display:inline-flex}.modal-close:active{box-shadow:var(--neu-in)}.video-embed{aspect-ratio:16/9;background:var(--ink);color:var(--bg);background-image:repeating-linear-gradient(45deg,#0000 0 14px,oklch(100% 0 0/.04) 14px 15px);position:relative}.video-embed:after{content:"▶  Yungify demo — 2:14";font-family:var(--mono);letter-spacing:.1em;justify-content:center;align-items:center;font-size:14px;display:flex;position:absolute;inset:0}.video-embed.video-embed-placeholder:after{content:none}.field{flex-direction:column;gap:6px;margin-bottom:14px;display:flex}.field label{font-family:var(--sans);letter-spacing:.04em;text-transform:uppercase;color:var(--ink-3);font-size:12px;font-weight:700}.field input,.field .marketing-password-input,.field select,.field textarea{background:var(--bg);box-shadow:var(--neu-in);color:var(--ink);border:none;border-radius:14px;padding:12px 14px;font-size:14px;transition:all .15s}.field input:focus,.field .marketing-password-input:focus,.field select:focus,.field textarea:focus{box-shadow:var(--neu-in), 0 0 0 2px color-mix(in srgb, var(--accent) 35%, transparent);outline:none}.field small.hint{font-family:var(--sans);color:var(--ink-3);font-size:12px}.field small.err{font-family:var(--sans);color:#c62828;font-size:12px;font-weight:600}.divider-or{text-align:center;font-family:var(--mono);color:var(--ink-3);letter-spacing:.12em;text-transform:uppercase;margin:18px 0;font-size:11px;position:relative}.divider-or:before,.divider-or:after{content:"";background:var(--line);width:calc(50% - 24px);height:1px;position:absolute;top:50%}.divider-or:before{left:0}.divider-or:after{right:0}.oauth-row{grid-template-columns:1fr 1fr;gap:10px;display:grid}.oauth{background:var(--bg);box-shadow:var(--neu-out-sm);color:var(--ink);border:none;border-radius:14px;justify-content:center;align-items:center;gap:8px;padding:11px;font-size:13.5px;font-weight:600;transition:all .15s;display:inline-flex}.oauth:hover{color:var(--accent)}.oauth:active{box-shadow:var(--neu-in)}.role-toggle{background:var(--bg);box-shadow:var(--neu-in);border:none;border-radius:16px;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:18px;padding:6px;display:grid}.role-toggle button{text-align:left;color:var(--ink-2);border-radius:8px;flex-direction:column;gap:2px;padding:10px 12px;font-size:13px;font-weight:500;transition:all .15s;display:flex}.role-toggle button small{font-family:var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--ink-3);font-size:10px;font-weight:400}.role-toggle button[data-active=true]{background:var(--ink);color:#fff;box-shadow:var(--neu-out-sm)}.role-toggle button[data-active=true] small{color:var(--cyan)}.tweaks-panel{z-index:150;background:var(--bg-elev);border:1px solid var(--line);border-radius:16px;width:280px;padding:18px;font-size:13px;display:none;position:fixed;top:90px;right:16px;box-shadow:0 20px 50px -20px #0000004d;box-shadow:0 20px 50px -20px lab(0% 0 0/.3)}.tweaks-panel[data-open=true]{display:block}.tweaks-panel h5{font-family:var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--ink-3);margin-bottom:12px;font-size:11px}.tweak-row{flex-direction:column;gap:6px;margin-bottom:14px;display:flex}.tweak-row label{color:var(--ink-2);font-size:12px}.tweak-row .opts{flex-wrap:wrap;gap:4px;display:flex}.tweak-row .opts button{border:1px solid var(--line);font-family:var(--mono);color:var(--ink-2);border-radius:6px;padding:6px 10px;font-size:11px}.tweak-row .opts button[data-active=true]{background:var(--ink);color:var(--bg);border-color:var(--ink)}.swatch{border:1px solid var(--line);border-radius:6px;width:20px;height:20px}.mobile-menu{z-index:80;background:var(--bg);flex-direction:column;gap:24px;padding:24px;display:none;position:fixed;inset:0}.mobile-menu[data-open=true]{display:flex}.mobile-menu a{font-family:var(--sans);color:var(--ink);font-size:28px;font-weight:700;line-height:1.2}.noise{pointer-events:none;z-index:1;opacity:.18;mix-blend-mode:multiply;background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHdpZHRoPScyMDAnIGhlaWdodD0nMjAwJz48ZmlsdGVyIGlkPSduJz48ZmVUdXJidWxlbmNlIHR5cGU9J2ZyYWN0YWxOb2lzZScgYmFzZUZyZXF1ZW5jeT0nMC45JyBudW1PY3RhdmVzPScyJy8+PGZlQ29sb3JNYXRyaXggdmFsdWVzPScwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwLjA0IDAnLz48L2ZpbHRlcj48cmVjdCB3aWR0aD0nMTAwJScgaGVpZ2h0PScxMDAlJyBmaWx0ZXI9J3VybCgjbiknLz48L3N2Zz4=);position:fixed;inset:0}[data-theme=dark] .noise{mix-blend-mode:screen;opacity:.25}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--line-strong);border-radius:99px}.pricing-calc{grid-template-columns:1.15fr 1fr;gap:24px;margin-top:8px;display:grid}.stage[data-vp=tablet] .pricing-calc,.stage[data-vp=mobile] .pricing-calc{grid-template-columns:1fr}.calc-left{background:var(--bg);box-shadow:var(--neu-out);border:none;border-radius:22px;flex-direction:column;gap:20px;padding:32px;display:flex}.calc-head{align-items:center;gap:12px;display:flex}.calc-head h3{font-family:var(--sans);letter-spacing:-.03em;font-size:26px;font-weight:800}.calc-ico{background:var(--warm-soft);width:36px;height:36px;color:var(--warm);border-radius:10px;justify-content:center;align-items:center;display:inline-flex}.slider-row{justify-content:space-between;align-items:center;margin-top:4px;display:flex}.slider-label{font-family:var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--ink-3);font-size:11px}.slider-val{background:var(--ink);color:var(--bg);text-align:center;border-radius:10px;min-width:78px;padding:6px 16px;font-size:22px}.range{appearance:none;background:linear-gradient(to right, var(--accent) 0 var(--pct), var(--line) var(--pct) 100%);border-radius:99px;outline:none;width:100%;height:6px;margin:4px 0 6px}.range::-webkit-slider-thumb{appearance:none;background:linear-gradient(135deg, var(--accent), var(--cyan));border:3px solid var(--bg);width:22px;height:22px;box-shadow:var(--neu-out-sm);cursor:pointer;border-radius:99px;transition:transform .15s}.range::-webkit-slider-thumb:hover{transform:scale(1.12)}.range::-moz-range-thumb{background:var(--accent);border:3px solid var(--bg);cursor:pointer;border-radius:99px;width:22px;height:22px}.slider-stops{color:var(--ink-3);justify-content:space-between;padding:0 2px;font-size:11px;display:flex}.included-box{background:var(--bg);box-shadow:var(--neu-in);border:none;border-radius:18px;flex-direction:column;gap:10px;padding:16px;display:flex}.included-title{letter-spacing:.12em;text-transform:uppercase;color:var(--accent-ink);align-items:center;gap:8px;font-size:11px;display:inline-flex}.included-title .check{background:var(--accent);color:#fff;border-radius:4px;justify-content:center;align-items:center;width:16px;height:16px;font-size:11px;font-style:normal;display:inline-flex}.included-row{background:var(--bg);box-shadow:var(--neu-out-sm);border:none;border-radius:14px;align-items:center;gap:12px;padding:12px 14px;display:flex}.included-ico{background:linear-gradient(135deg, var(--accent), var(--cyan));color:#fff;width:34px;height:34px;box-shadow:var(--neu-out-sm);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.included-row strong{font-size:14px;font-weight:500;display:block}.included-row small{color:var(--ink-3);margin-top:2px;font-size:12px;display:block}.also-box{background:var(--bg);box-shadow:var(--neu-out-sm);border:none;border-radius:18px;padding:16px}.also-title{letter-spacing:.12em;text-transform:uppercase;color:var(--ink-3);margin-bottom:12px;font-size:11px}.also-grid{grid-template-columns:1fr 1fr;gap:10px 18px;display:grid}.also-item{color:var(--ink-2);align-items:center;gap:8px;font-size:13px;display:inline-flex}.dot-acc{background:var(--accent);border-radius:99px;flex-shrink:0;width:5px;height:5px}.how-box{background:var(--bg);box-shadow:var(--neu-out-sm);border-left:none;border-radius:16px;grid-template-columns:32px 1fr;gap:12px;padding:14px 16px;display:grid}.how-ico{background:var(--accent);color:#fff;width:24px;height:24px;font-family:var(--sans);border-radius:99px;justify-content:center;align-items:center;font-size:14px;font-weight:600;display:inline-flex}.how-box strong{margin-bottom:2px;font-size:13px;display:block}.how-box p{color:var(--ink-2);font-size:12.5px;line-height:1.5}.tokens-box{background:var(--bg);box-shadow:var(--neu-out-sm);border:none;border-radius:18px;margin-top:18px;padding:16px 18px}.tokens-box-title{letter-spacing:.12em;text-transform:uppercase;color:var(--accent-ink);margin-bottom:10px;font-size:11px}.tokens-box-body{color:var(--ink-2);margin:0;font-size:13px;line-height:1.55}.calc-right{background:var(--ink);color:#fff;box-shadow:var(--neu-out);border-radius:22px;flex-direction:column;gap:14px;padding:32px;display:flex;position:relative;overflow:hidden}.calc-right:before,.calc-right:after{content:"";background:color-mix(in oklab, var(--accent) 30%, transparent);pointer-events:none;border-radius:999px;position:absolute}.calc-right:before{width:260px;height:260px;top:-80px;right:-100px}.calc-right:after{opacity:.5;width:180px;height:180px;bottom:-60px;left:-70px}.calc-right>*{z-index:1;position:relative}.calc-badge{background:var(--warm);color:#2b0a00;color:lab(6.63588% 22.3911 12.912);font-family:var(--mono);letter-spacing:.1em;text-transform:uppercase;border-radius:99px;align-self:center;padding:7px 14px;font-size:11px;font-weight:500}.calc-right h4{font-family:var(--sans);text-align:center;letter-spacing:-.01em;font-size:28px;font-weight:800}.calc-sub{text-align:center;opacity:.75;font-size:13px}.price-hero{background:color-mix(in oklab, var(--bg) 15%, transparent);border:1px solid color-mix(in oklab, var(--bg) 20%, transparent);text-align:center;border-radius:18px;margin-top:4px;padding:28px}.price-hero-v{align-items:start;gap:4px;display:inline-flex}.price-hero-v .c{font-family:var(--sans);opacity:.85;margin-top:14px;font-size:28px;font-weight:700}.price-hero-v .n{letter-spacing:-.04em;font-size:96px;line-height:.9}.price-hero-sub{opacity:.75;font-size:18px;font-family:var(--mono);margin-top:6px}.breakdown{flex-direction:column;gap:14px;padding:20px 4px 4px;display:flex}.break-row{border-bottom:1px solid color-mix(in oklab, var(--bg) 15%, transparent);justify-content:space-between;align-items:start;gap:12px;padding-bottom:14px;font-size:14px;display:flex}.break-row:last-child{border-bottom:0;padding-bottom:0}.break-row strong{font-weight:500}.break-row small{opacity:.65;font-size:11.5px;font-family:var(--mono);margin-top:2px;display:block}.break-row.total{align-items:center;padding-top:8px}.break-row.total strong{font-size:16px}.break-row.total span{letter-spacing:-.02em;font-size:36px}.btn-trial{width:100%;color:var(--ink);box-shadow:var(--neu-out-sm);background:#fff;border:none;border-radius:999px;justify-content:center;align-items:center;gap:10px;margin-top:10px;padding:16px;font-size:15px;font-weight:700;transition:all .15s;display:inline-flex}.btn-trial:hover{background:linear-gradient(135deg, var(--accent), var(--cyan));color:#fff}.btn-fine{text-align:center;opacity:.65;letter-spacing:.04em;margin-top:2px;font-size:11px}.structure{background:var(--bg);box-shadow:var(--neu-out);border:none;border-radius:22px;margin-top:56px;padding:32px}.struct-head{justify-content:center;align-items:center;gap:10px;margin-bottom:24px;display:flex}.struct-head h3{font-family:var(--sans);letter-spacing:-.03em;font-size:24px;font-weight:800}.struct-ico{background:var(--accent);color:#fff;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;display:inline-flex}.struct-base{background:var(--bg-elev);border:1px solid var(--line);border-left:4px solid var(--accent);border-radius:0 14px 14px 0;justify-content:space-between;align-items:center;padding:20px 22px;display:flex}.struct-base strong{font-size:16px;font-weight:500;display:block}.struct-base small{color:var(--ink-3);margin-top:4px;font-size:13px;display:block}.struct-price{color:var(--accent-ink);letter-spacing:-.02em;font-size:30px}.struct-price small{font-family:var(--mono);color:inherit;opacity:.7;margin-left:2px;font-size:13px;display:inline}.tiers-wrap{background:var(--bg-elev);border:1px solid var(--line);border-radius:14px;margin-top:18px;padding:18px}.tiers-title{font-size:13px;font-weight:500;font-family:var(--sans);letter-spacing:0;text-transform:none;color:var(--ink);margin-bottom:12px}.tier-row{border-radius:10px;justify-content:space-between;align-items:center;margin-bottom:8px;padding:14px 18px;transition:all .15s;display:flex}.tier-row:last-child{margin-bottom:0}.tier-row strong{font-size:14px;font-weight:500;display:block}.tier-row small{color:var(--ink-3);margin-top:2px;font-size:12px;display:block}.tier-row span{color:var(--accent-ink);letter-spacing:-.02em;font-size:24px}.tier-0{background:color-mix(in oklab, var(--accent-soft) 40%, var(--bg))}.tier-1{background:color-mix(in oklab, var(--accent-soft) 70%, var(--bg))}.tier-2{background:color-mix(in oklab, var(--accent-soft) 100%, var(--bg))}.examples-wrap{margin-top:64px}.examples-h{text-align:center;letter-spacing:-.01em;margin-bottom:28px;font-size:32px;font-weight:400}.examples{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}.stage[data-vp=tablet] .examples,.stage[data-vp=mobile] .examples{grid-template-columns:1fr}.example{background:var(--bg);text-align:center;box-shadow:var(--neu-out);border:none;border-radius:22px;flex-direction:column;align-items:center;gap:8px;padding:28px 24px;transition:all .2s;display:flex;position:relative}.example:hover{transform:translateY(-2px)}.example.popular{box-shadow:var(--neu-out), 0 0 0 2px color-mix(in srgb, var(--accent) 45%, transparent)}.ex-pop{background:var(--warm);color:#2b0a00;color:lab(6.63588% 22.3911 12.912);font-family:var(--mono);letter-spacing:.12em;border-radius:99px;padding:5px 12px;font-size:10px;font-weight:500;position:absolute;top:-12px;left:50%;transform:translate(-50%)}.ex-icon{background:linear-gradient(135deg, var(--accent), var(--cyan));color:#fff;width:52px;height:52px;box-shadow:var(--neu-out-sm);border-radius:16px;justify-content:center;align-items:center;margin-bottom:4px;display:inline-flex}.ex-name{margin-top:4px;font-size:17px;font-weight:500}.ex-apts{color:var(--ink-3);font-size:12px}.ex-price{background:var(--bg);width:100%;color:var(--ink);box-shadow:var(--neu-in);border:none;border-radius:16px;justify-content:center;align-items:baseline;gap:4px;margin-top:12px;padding:18px;display:inline-flex}.ex-price span{letter-spacing:-.03em;font-size:44px;line-height:1}.ex-price small{font-size:14px;font-family:var(--mono);opacity:.75}.app[data-live]{width:100%;max-width:100vw;overflow-x:clip}.app[data-live] .stage{width:100%;max-width:100%;padding:0}.app[data-live] .frame{max-width:100%;box-shadow:none;border:none;border-radius:0;overflow-x:clip}.app[data-live] .hero{overflow-x:clip}body:has(.app[data-live]){font-feature-settings:"ss01", "cv11";max-width:100vw;min-height:100%;font-size:15px;line-height:1.5;overflow-x:clip;font-family:var(--sans)!important;background:var(--bg)!important;color:var(--ink)!important}a.no-underline{color:inherit;text-decoration:none}.oauth:disabled{opacity:.45;cursor:not-allowed}.slug-row{border:1px solid var(--line-strong);border-radius:var(--radius-menu-item);background:var(--bg-elev);align-items:stretch;gap:0;margin-top:6px;display:flex;overflow:hidden}.slug-row input{min-width:0;color:var(--ink);background:0 0;border:none;flex:1;padding:12px 14px;font-size:14px}.slug-row input:focus{outline:none}.slug-suffix{font-family:var(--mono);letter-spacing:.04em;color:var(--ink-3);border-left:1px solid var(--line);white-space:nowrap;align-items:center;padding:0 12px;font-size:11px;display:flex}.field-error{color:var(--warm);margin-top:6px;font-size:12px;display:block}.modal-foot{text-align:center;color:var(--ink-3);margin-top:20px;font-size:13px}.link-btn{font:inherit;color:var(--accent);cursor:pointer;background:0 0;border:none;padding:0;font-weight:600;text-decoration:underline}.login-entry-cards{flex-direction:column;gap:12px;display:flex}.login-entry-card{background:var(--bg);box-shadow:var(--neu-out);border:none;border-radius:20px;flex-direction:column;gap:10px;padding:18px;display:flex}.login-entry-card strong{color:var(--ink);font-size:15px;font-weight:500}.login-entry-card p{color:var(--ink-2);margin:0;font-size:13px;line-height:1.45}.login-entry-card-cta{justify-content:center;width:100%;margin-top:4px}.login-entry-tenant{flex-direction:column;gap:4px;display:flex}.login-entry-back{color:var(--ink-2);cursor:pointer;background:0 0;border:none;align-self:flex-start;align-items:center;gap:4px;margin-bottom:8px;padding:0;font-size:13px;transition:color .15s;display:inline-flex}.login-entry-back:hover{color:var(--ink)}.login-entry-field-label{color:var(--ink-3);letter-spacing:.08em;text-transform:uppercase;font-size:11px}.login-entry-example{font-family:var(--mono);color:var(--ink-3);margin:4px 0 12px;font-size:11px}.login-entry-submit{justify-content:center;width:100%}.field-password{position:relative}.field-password .marketing-password-input{width:100%;padding-right:44px}.field-password .password-toggle{z-index:2;color:var(--ink-3);cursor:pointer;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;padding:8px;transition:color .15s,background .15s;display:inline-flex;position:absolute;top:50%;right:6px;transform:translateY(-50%)}.field-password .password-toggle:hover{color:var(--ink);background:oklch(from var(--bg-elev) l c h / .8)}.field-password .password-toggle-icon{width:18px;height:18px}.marketing-password-input::-webkit-credentials-auto-fill-button{visibility:hidden;pointer-events:none;width:0;height:0;display:none!important}.marketing-password-input::-webkit-strong-password-auto-fill-button{visibility:hidden;pointer-events:none;width:0;height:0;display:none!important}.marketing-password-input::-ms-reveal{width:0;height:0;display:none}#features,#pricing,#demo,#support,#top{scroll-margin-top:88px}.doc h1{font-family:var(--sans);margin:12px 0 8px;font-size:clamp(32px,4vw,48px)}.doc h2{margin:28px 0 8px;font-size:22px}.doc p,.doc li{color:var(--ink-2);line-height:1.6}.doc ul{padding-left:18px}.doc-updated{font-family:var(--mono);color:var(--ink-3);font-size:12px}.doc-table{border-collapse:collapse;width:100%;margin-top:16px}.doc-table th,.doc-table td{text-align:left;border-bottom:1px solid var(--line);padding:10px 8px;font-size:14px}.doc-actions{flex-wrap:wrap;align-items:center;gap:10px;margin-top:16px;display:flex}.doc-form{max-width:480px;margin-top:18px}.doc small.err{color:#c62828;font-weight:600}.cookie-banner{z-index:70;background:var(--bg-elev);max-width:720px;box-shadow:var(--neu-out);border-radius:16px;margin:0 auto;padding:16px 18px;position:fixed;bottom:16px;left:16px;right:16px}