.surface-create{--page:#0a0a0b;--ink:#080808;--card:#17171a;--card-2:#1f1f23;--card-3:#26262b;--coral-soft:#fc7a7924;--grad:linear-gradient(135deg, var(--rose) 0%, var(--coral) 48%, var(--gold) 100%);--grad-2:linear-gradient(120deg, var(--coral), var(--gold));--shadow:0 24px 60px -24px #000000d9;--shadow-sm:0 10px 30px -14px #000c;--maxw:1120px;--r:22px;--display:var(--ff-display);--ui:var(--ff-ui);--mono:var(--ff-mono);background:var(--page);color:var(--text);font-family:var(--ui);min-height:100dvh;line-height:1.55}@supports (color:lab(0% 0 0)){.surface-create{--coral-soft:lab(67.0539% 50.7843 25.244/.14)}}.surface-create .display{font-family:var(--display);letter-spacing:-.03em;font-weight:600;line-height:1.02}.surface-create .mono{font-family:var(--mono)}.surface-create .eyebrow{font-family:var(--mono);letter-spacing:.26em;text-transform:uppercase;color:var(--muted);font-size:12px}.surface-create .grad-text{background:var(--grad);-webkit-text-fill-color:transparent;color:#0000;-webkit-background-clip:text;background-clip:text}.surface-create .sec-head{text-align:center;max-width:680px;margin:0 auto}.surface-create .sec-title{font-family:var(--display);letter-spacing:-.03em;margin:14px 0 0;font-size:clamp(30px,5.4vw,46px);font-weight:600;line-height:1.05}.surface-create .sec-sub{color:var(--muted);max-width:560px;margin:14px auto 0;font-size:clamp(15px,2.4vw,18px)}.surface-create .btn{cursor:pointer;font-family:var(--ui);white-space:nowrap;color:var(--text);background:var(--card);border:0;border-radius:40px;justify-content:center;align-items:center;gap:10px;padding:15px 26px;font-size:16px;font-weight:700;transition:transform .14s,box-shadow .2s,background .2s;display:inline-flex}.surface-create .btn:active{transform:scale(.97)}.surface-create .btn[disabled],.surface-create .btn:disabled{opacity:.45;pointer-events:none}.surface-create .btn-primary{background:var(--coral);color:var(--on-accent);box-shadow:0 14px 34px -12px #fc7a79b3;box-shadow:0 14px 34px -12px lab(67.0539% 50.7843 25.244/.7)}.surface-create .btn-primary:hover{box-shadow:0 18px 44px -12px #fc7a79d9;box-shadow:0 18px 44px -12px lab(67.0539% 50.7843 25.244/.85)}.surface-create .btn-ghost{color:var(--text);border:1px solid var(--line-2);box-shadow:none;background:#ffffff0d}.surface-create .btn-ghost:hover{background:#ffffff1a}.surface-create .btn-lg{padding:18px 34px;font-size:17px}.surface-create .btn-block{width:100%}.surface-create .btn-back{background:var(--card);border:1px solid var(--line-2);width:54px;height:54px;color:var(--text);border-radius:50%;flex-shrink:0;padding:0}.surface-create .btn .arrow{transition:transform .18s}.surface-create .btn:hover .arrow{transform:translate(3px)}.surface-create section{z-index:1;padding:0;position:relative}.surface-create .wrap{width:100%;max-width:var(--maxw);z-index:1;margin:0 auto;padding:0 22px;position:relative}.surface-create .nav{z-index:40;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:linear-gradient(#0a0a0bdb,#0a0a0b80);border-bottom:1px solid #0000;transition:border-color .3s,background .3s;position:sticky;top:0}.surface-create .nav.scrolled{border-bottom-color:var(--line);background:#0a0a0be6}.surface-create .nav-in{align-items:center;gap:18px;height:66px;display:flex}.surface-create .brand{font-family:var(--display);letter-spacing:-.02em;align-items:center;gap:10px;font-size:18px;font-weight:600;display:flex}.surface-create .brand .logo{border-radius:11px;justify-content:center;align-items:center;width:38px;height:38px;display:flex;overflow:hidden}.surface-create .nav-links{align-items:center;gap:26px;margin-left:auto;display:flex}.surface-create .nav-links a{color:var(--muted);font-size:14.5px;font-weight:600;transition:color .2s}.surface-create .nav-links a:hover{color:var(--text)}.surface-create .nav-cta{align-items:center;gap:12px;margin-left:8px;display:flex}.surface-create .nav-cta .btn{padding:11px 20px;font-size:14.5px}.surface-create .nav-burger{border:1px solid var(--line-2);width:42px;height:42px;color:var(--text);cursor:pointer;background:#ffffff0a;border-radius:12px;justify-content:center;align-items:center;margin-left:auto;display:none}.surface-create .mobile-menu{border-top:1px solid var(--line);background:#0a0a0bf5}.surface-create .mobile-menu .wrap{flex-direction:column;gap:4px;padding-top:14px;padding-bottom:18px;display:flex}.surface-create .mobile-menu a{color:var(--muted);padding:11px 0;font-weight:600}.surface-create .hero{padding:64px 0 40px;overflow:hidden}.surface-create .hero-grid{grid-template-columns:1.05fr .95fr;align-items:center;gap:48px;display:grid}.surface-create .hero-pill{border:1px solid var(--line-2);color:var(--muted);background:#ffffff0d;border-radius:40px;align-items:center;gap:9px;padding:7px 14px 7px 9px;font-size:12.5px;font-weight:600;display:inline-flex}.surface-create .hero-pill .dot{background:var(--coral);border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 4px #fc7a792e;box-shadow:0 0 0 4px lab(67.0539% 50.7843 25.244/.18)}.surface-create .hero h1{font-family:var(--display);letter-spacing:-.035em;margin:22px 0 0;font-size:clamp(38px,6.4vw,62px);font-weight:600;line-height:1}.surface-create .hero h1 em{color:var(--coral);font-style:italic}.surface-create .hero-sub{color:var(--muted);max-width:520px;margin:20px 0 0;font-size:clamp(16px,2.2vw,19px)}.surface-create .hero-actions{flex-wrap:wrap;gap:14px;margin:30px 0 0;display:flex}.surface-create .hero-proof{flex-wrap:wrap;align-items:center;gap:14px;margin:28px 0 0;display:flex}.surface-create .avatars{display:flex}.surface-create .avatars span{border:2px solid var(--page);background-position:50%;background-size:cover;border-radius:50%;width:36px;height:36px;margin-left:-10px}.surface-create .avatars span:first-child{margin-left:0}.surface-create .proof-tx{color:var(--muted);font-size:13.5px}.surface-create .proof-tx b{color:var(--text)}.surface-create .stars{color:var(--gold);letter-spacing:2px;font-size:13px}.surface-create .hero-art{justify-content:center;display:flex;position:relative}.surface-create .hero-art .blob{filter:blur(10px);background:radial-gradient(circle at 50% 40%,#fc7a7938,#0000 60%);background:radial-gradient(circle at 50% 40%,lab(67.0539% 50.7843 25.244/.22),#0000 60%);width:120%;height:120%;position:absolute;top:-10%;left:-10%}.surface-create .float-heart{z-index:3;opacity:0;animation:6s ease-in-out infinite floaty;position:absolute}.surface-create .device{aspect-ratio:300/620;width:300px;max-width:78vw;box-shadow:var(--shadow), inset 0 0 0 1px #ffffff0f;z-index:2;background:linear-gradient(160deg,#2a2a2e,#101012);border-radius:42px;padding:11px;position:relative}.surface-create .device .screen{background:var(--bg);border:1px solid #000;border-radius:32px;width:100%;height:100%;position:relative;overflow:hidden}.surface-create .device .notch{z-index:6;background:#000;border-radius:14px;width:96px;height:22px;position:absolute;top:10px;left:50%;transform:translate(-50%)}.surface-create .scr-pad{padding:30px 18px 18px}.surface-create .trust{border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:#ffffff04}.surface-create .trust-in{flex-wrap:wrap;justify-content:center;gap:14px 34px;padding:18px 0;display:flex}.surface-create .trust-item{color:var(--muted);align-items:center;gap:9px;font-size:13.5px;font-weight:600;display:flex}.surface-create .trust-item svg{color:var(--coral);flex-shrink:0}.surface-create .stats{padding:64px 0}.surface-create .stats-grid{grid-template-columns:repeat(3,1fr);gap:18px;display:grid}.surface-create .stat{background:var(--card);border:1px solid var(--line);border-radius:var(--r);text-align:center;padding:30px 22px}.surface-create .stat b{font-family:var(--mono);letter-spacing:.01em;font-size:clamp(34px,6vw,52px);font-weight:500;line-height:1;display:block}.surface-create .stat .grad-text{background:var(--grad);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.surface-create .stat span{color:var(--muted);margin-top:10px;font-size:14px;display:block}.surface-create .block{padding:78px 0}.surface-create .steps{grid-template-columns:repeat(4,1fr);gap:18px;margin-top:46px;display:grid}.surface-create .step-card{background:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:26px 22px;position:relative}.surface-create .step-card .n{background:var(--coral-soft);width:40px;height:40px;color:var(--coral);font-family:var(--mono);border:1px solid #fc7a794d;border:1px solid lab(67.0539% 50.7843 25.244/.3);border-radius:12px;justify-content:center;align-items:center;font-size:17px;font-weight:500;display:flex}.surface-create .step-card h3{font-family:var(--display);letter-spacing:-.02em;margin:18px 0 6px;font-size:20px;font-weight:600}.surface-create .step-card p{color:var(--muted);margin:0;font-size:14.5px}.surface-create .step-card .ic{color:var(--faint);position:absolute;top:24px;right:22px}.surface-create .feat{grid-template-columns:1fr 1fr;align-items:center;gap:40px;padding:34px 0;display:grid}.surface-create .feat-art{justify-content:center;display:flex}.surface-create .feat-tx .kicker{font-family:var(--mono);letter-spacing:.16em;text-transform:uppercase;color:var(--coral);align-items:center;gap:8px;font-size:11.5px;display:inline-flex}.surface-create .feat-tx h3{font-family:var(--display);letter-spacing:-.02em;margin:14px 0 0;font-size:clamp(24px,3.6vw,32px);font-weight:600}.surface-create .feat-tx p{color:var(--muted);max-width:440px;margin:14px 0 0;font-size:16px}.surface-create .feat-list{flex-direction:column;gap:10px;margin:20px 0 0;padding:0;list-style:none;display:flex}.surface-create .feat-list li{color:var(--text);align-items:center;gap:11px;font-size:14.5px;display:flex}.surface-create .feat-list .ck{background:var(--coral-soft);width:22px;height:22px;color:var(--coral);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.surface-create .demo-cta{justify-content:center;margin-top:30px;display:flex}.surface-create .demo-banner{background:var(--card);border:1px solid var(--line-2);text-align:center;border-radius:24px;flex-wrap:wrap;justify-content:center;align-items:center;gap:18px;padding:22px 26px;display:flex}.surface-create .demo-banner .t{font-family:var(--display);font-size:20px;font-weight:600}.surface-create .demo-banner .s{color:var(--muted);font-size:13.5px}.surface-create .mini-feats{grid-template-columns:repeat(3,1fr);gap:16px;margin-top:40px;display:grid}.surface-create .mini-feat{background:var(--card);border:1px solid var(--line);border-radius:18px;padding:22px}.surface-create .mini-feat .mi{background:var(--card-2);border:1px solid var(--line-2);width:42px;height:42px;color:var(--coral);border-radius:12px;justify-content:center;align-items:center;display:flex}.surface-create .mini-feat h4{font-family:var(--display);margin:14px 0 5px;font-size:17px;font-weight:600}.surface-create .mini-feat p{color:var(--muted);margin:0;font-size:13.5px}.surface-create .demo-carousel{margin-top:30px}.surface-create .demo-stage{position:relative}.surface-create .demo-track{scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none;overscroll-behavior-x:contain;align-items:stretch;display:flex;overflow:auto hidden}.surface-create .demo-track::-webkit-scrollbar{display:none}.surface-create .demo-slide{box-sizing:border-box;scroll-snap-align:center;scroll-snap-stop:always;flex:0 0 100%;align-items:center;width:100%;padding:4px 64px;display:flex}.surface-create .demo-slide>.feat{width:100%;padding:14px 0}.surface-create .demo-arrow{z-index:3;background:var(--card);border:1px solid var(--line-2);width:50px;height:50px;color:var(--text);cursor:pointer;box-shadow:var(--shadow-sm);border-radius:50%;justify-content:center;align-items:center;transition:background .2s,transform .14s,opacity .2s,border-color .2s,color .2s;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.surface-create .demo-arrow:hover{border-color:var(--coral);color:var(--coral);background:#ffffff1a}.surface-create .demo-arrow:active{transform:translateY(-50%)scale(.92)}.surface-create .demo-arrow[aria-disabled=true]{opacity:.3;pointer-events:none}.surface-create .demo-arrow.prev{left:0}.surface-create .demo-arrow.next{right:0}.surface-create .demo-arrow:focus-visible{outline:2px solid var(--coral);outline-offset:3px}.surface-create .demo-dots{justify-content:center;align-items:center;gap:2px;margin-top:22px;display:flex}.surface-create .demo-dot{cursor:pointer;appearance:none;background:0 0;border:0;justify-content:center;align-items:center;width:26px;height:26px;padding:0;display:inline-flex}.surface-create .demo-dot:before{content:"";background:var(--line-2);border-radius:50%;width:9px;height:9px;transition:background .25s,width .25s,border-radius .25s;display:block}.surface-create .demo-dot:hover:before{background:var(--faint)}.surface-create .demo-dot.on:before{background:var(--coral);border-radius:5px;width:24px}.surface-create .demo-dot:focus-visible{outline:2px solid var(--coral);outline-offset:2px;border-radius:50%}.surface-create .sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.surface-create .why{border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:#ffffff04}.surface-create .why-grid{grid-template-columns:repeat(3,1fr);gap:18px;margin-top:46px;display:grid}.surface-create .why-card{background:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:26px}.surface-create .why-card .ic{width:46px;height:46px;color:var(--on-accent);background:var(--grad-2);border-radius:14px;justify-content:center;align-items:center;display:flex}.surface-create .why-card h3{font-family:var(--display);margin:16px 0 6px;font-size:19px;font-weight:600}.surface-create .why-card p{color:var(--muted);margin:0;font-size:14.5px}.surface-create .marquee{overflow:hidden;-webkit-mask:linear-gradient(90deg,#0000,#000 7% 93%,#0000);mask:linear-gradient(90deg,#0000,#000 7% 93%,#0000)}.surface-create .marquee-row{gap:16px;width:max-content;animation:42s linear infinite scrollx;display:flex}.surface-create .marquee:hover .marquee-row{animation-play-state:paused}.surface-create .tcard{background:var(--card);border:1px solid var(--line);border-radius:18px;flex-shrink:0;width:330px;padding:22px}.surface-create .tcard p{color:var(--text);margin:0 0 16px;font-size:14.5px;line-height:1.6}.surface-create .tcard .who{align-items:center;gap:11px;display:flex}.surface-create .tcard .av{background-position:50%;background-size:cover;background-color:var(--card-3);border-radius:50%;flex-shrink:0;width:40px;height:40px}.surface-create .tcard .nm{font-size:14px;font-weight:700}.surface-create .tcard .mt{color:var(--faint);font-size:12px}.surface-create .tcard .qstars{color:var(--gold);letter-spacing:2px;margin-bottom:10px;font-size:12px}.surface-create .plans{grid-template-columns:repeat(2,1fr);gap:20px;max-width:840px;margin-top:48px;margin-left:auto;margin-right:auto;display:grid}.surface-create .plan{background:var(--card);border:1px solid var(--line);border-radius:26px;flex-direction:column;padding:30px 28px;display:flex;position:relative}.surface-create .plan.feature{background:linear-gradient(180deg, #fc7a7914, var(--card) 40%);box-shadow:var(--shadow);border-color:#fc7a7980;border-color:lab(67.0539% 50.7843 25.244/.5)}@supports (color:lab(0% 0 0)){.surface-create .plan.feature{background:linear-gradient(180deg, lab(67.0539% 50.7843 25.244/.08), var(--card) 40%)}}.surface-create .plan-tag{background:var(--grad-2);color:var(--on-accent);letter-spacing:.04em;white-space:nowrap;border-radius:30px;padding:6px 14px;font-size:12px;font-weight:800;position:absolute;top:-13px;left:50%;transform:translate(-50%)}.surface-create .plan .pname{font-family:var(--display);font-size:22px;font-weight:600}.surface-create .plan .pdesc{color:var(--muted);margin-top:4px;font-size:13.5px}.surface-create .plan .price{align-items:flex-end;gap:6px;margin:20px 0 4px;display:flex}.surface-create .plan .price .cur{color:var(--muted);margin-bottom:7px;font-size:18px}.surface-create .plan .price .amt{font-family:var(--display);letter-spacing:-.03em;font-size:48px;font-weight:700;line-height:1}.surface-create .plan .price .per{color:var(--faint);margin-bottom:8px;font-size:13px}.surface-create .plan .once{color:var(--coral);font-size:12.5px;font-weight:600}.surface-create .plan ul{flex-direction:column;gap:12px;margin:22px 0 26px;padding:0;list-style:none;display:flex}.surface-create .plan ul li{color:var(--text);align-items:flex-start;gap:11px;font-size:14.5px;display:flex}.surface-create .plan ul li.off{color:var(--faint)}.surface-create .plan ul .ck{background:var(--coral-soft);width:21px;height:21px;color:var(--coral);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;margin-top:1px;display:flex}.surface-create .plan ul li.off .ck{color:var(--faint);background:#ffffff0d}.surface-create .plan .btn{margin-top:auto}.surface-create .plan-note{text-align:center;color:var(--faint);flex-wrap:wrap;justify-content:center;align-items:center;gap:18px;margin-top:22px;font-size:13px;display:flex}.surface-create .plan-note span{align-items:center;gap:7px;display:inline-flex}.surface-create .faq{max-width:760px;margin:46px auto 0}.surface-create .qa{border:1px solid var(--line);background:var(--card);border-radius:16px;margin-bottom:12px;overflow:hidden}.surface-create .qa summary{cursor:pointer;justify-content:space-between;align-items:center;gap:16px;padding:20px 22px;font-size:16px;font-weight:700;list-style:none;display:flex}.surface-create .qa summary::-webkit-details-marker{display:none}.surface-create .qa .plus{border:1px solid var(--line-2);width:26px;height:26px;color:var(--coral);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;transition:transform .25s;display:flex}.surface-create .qa[open] .plus{transform:rotate(45deg)}.surface-create .qa .ans{color:var(--muted);padding:0 22px 20px;font-size:14.5px;line-height:1.65}.surface-create .final{padding:30px 0 86px}.surface-create .final-card{text-align:center;border:1px solid var(--line-2);background:linear-gradient(150deg,#52151c,#2e0d1e 70%);background:linear-gradient(150deg,lab(17.8298% 28.9872 12.0894),lab(8.71122% 19.1525 -3.71108) 70%);border-radius:30px;padding:56px 30px;position:relative;overflow:hidden}.surface-create .final-card:before{content:"";background:radial-gradient(60% 60% at 50% 0,#fc7a794d,#0000 70%);background:radial-gradient(60% 60% at 50% 0,lab(67.0539% 50.7843 25.244/.3),#0000 70%);position:absolute;inset:0}.surface-create .final-card>*{position:relative}.surface-create .final-card h2{font-family:var(--display);letter-spacing:-.03em;margin:0;font-size:clamp(28px,5vw,44px);font-weight:600}.surface-create .final-card p{color:#f4f1eed1;max-width:460px;margin:14px auto 28px;font-size:17px}.surface-create .foot{border-top:1px solid var(--line);background:var(--ink);text-align:left;padding:54px 0 30px}.surface-create .foot-grid{grid-template-columns:1.5fr 1fr 1fr 1fr;gap:30px;display:grid}.surface-create .foot-brand .brand{margin-bottom:14px}.surface-create .foot-brand p{color:var(--muted);max-width:280px;margin:0 0 16px;font-size:14px}.surface-create .foot-soc{gap:10px;display:flex}.surface-create .foot-soc a{border:1px solid var(--line-2);width:38px;height:38px;color:var(--muted);border-radius:11px;justify-content:center;align-items:center;transition:color .2s,border-color .2s;display:flex}.surface-create .foot-soc a:hover{color:var(--text);border-color:var(--line-2)}.surface-create .foot-col h4{text-transform:uppercase;letter-spacing:.12em;color:var(--faint);margin:0 0 14px;font-size:13px}.surface-create .foot-col a{color:var(--muted);margin-bottom:10px;font-size:14px;transition:color .2s;display:block}.surface-create .foot-col a:hover{color:var(--text)}.surface-create .foot-bottom{border-top:1px solid var(--line);color:var(--faint);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px 20px;margin-top:40px;padding-top:22px;font-size:12.5px;display:flex}.surface-create .foot a{border-bottom:0;padding-bottom:0}.surface-create .s-counter .row{color:var(--muted);align-items:center;gap:8px;font-size:11px;font-weight:600;display:flex}.surface-create .s-counter .big{font-family:var(--display);letter-spacing:-.02em;margin:6px 0 14px;font-size:18px;font-weight:700}.surface-create .s-counter .grid{grid-template-columns:repeat(3,1fr);gap:7px;display:grid}.surface-create .s-counter .cell{background:var(--card-2);border:1px solid var(--line);text-align:center;border-radius:11px;padding:11px 4px}.surface-create .s-counter .cell b{font-family:var(--mono);font-size:18px;display:block}.surface-create .s-counter .cell.sec b{color:var(--coral)}.surface-create .s-counter .cell span{font-family:var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--muted);font-size:8px}.surface-create .s-title{font-family:var(--display);margin:0 0 12px;font-size:15px;font-weight:600}.surface-create .s-story{flex-direction:column;display:flex;position:absolute;inset:0}.surface-create .s-story .ph{background:linear-gradient(160deg,#822b2e,#4d1634);background:linear-gradient(160deg,lab(31.4825% 38.2193 19.6482),lab(17.585% 28.6239 -5.55863));flex:1;position:relative}.surface-create .s-story .bars{z-index:3;gap:5px;display:flex;position:absolute;top:12px;left:12px;right:12px}.surface-create .s-story .bars i{background:#ffffff4d;border-radius:3px;flex:1;height:3px}.surface-create .s-story .bars i.on{background:#fff}.surface-create .s-story .cap{z-index:3;background:linear-gradient(#0000,#000000bf);padding:20px 16px;position:absolute;bottom:0;left:0;right:0}.surface-create .s-story .cap b{font-family:var(--display);font-size:16px}.surface-create .s-story .cap span{color:#fffc;margin-top:2px;font-size:11px;display:block}.surface-create .ph-stripes{background:repeating-linear-gradient(135deg,#ffffff0a 0 10px,#ffffff12 10px 20px);position:absolute;inset:0}.surface-create .s-tl{flex-direction:column;gap:12px;display:flex}.surface-create .s-tl .it{align-items:center;gap:10px;display:flex}.surface-create .s-tl .th{border:1px solid var(--line);border-radius:9px;flex-shrink:0;width:42px;height:54px;position:relative;overflow:hidden}.surface-create .s-tl .d{font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--gold);font-size:9px}.surface-create .s-tl .tt{font-family:var(--display);margin-top:2px;font-size:14px}.surface-create .s-lyr{text-align:center}.surface-create .s-lyr .cover{border-radius:14px;width:96px;height:96px;margin:4px auto 0;position:relative;overflow:hidden}.surface-create .s-lyr .tk{font-family:var(--display);margin-top:12px;font-size:15px}.surface-create .s-lyr .ar{color:var(--muted);font-size:11px}.surface-create .s-lyr .bar{background:var(--card-2);border-radius:3px;height:3px;margin:12px 8px 0;position:relative}.surface-create .s-lyr .bar i{background:var(--grad);border-radius:3px;width:42%;position:absolute;top:0;bottom:0;left:0}.surface-create .s-lyr .lines{flex-direction:column;gap:7px;margin-top:16px;display:flex}.surface-create .s-lyr .lines p{font-family:var(--display);color:var(--muted);margin:0;font-size:13px;transition:color .4s}.surface-create .s-lyr .lines p.hot{color:var(--text)}.surface-create .s-hero{text-align:center;background:radial-gradient(60% 40% at 50% 36%,#fc7a7933,#0000 70%);background:radial-gradient(60% 40% at 50% 36%,lab(67.0539% 50.7843 25.244/.2),#0000 70%);flex-direction:column;justify-content:center;align-items:center;padding:24px;display:flex;position:absolute;inset:0}.surface-create .s-hero .eb{font-family:var(--mono);letter-spacing:.24em;text-transform:uppercase;color:var(--muted);font-size:8.5px}.surface-create .s-hero .nm{font-family:var(--display);letter-spacing:-.03em;margin-top:16px;font-size:30px;font-weight:600;line-height:1.06}.surface-create .s-hero .nm em{color:var(--coral);font-style:italic}.surface-create .s-hero .dt{font-family:var(--mono);color:var(--muted);letter-spacing:.1em;margin-top:18px;font-size:9.5px}.surface-create .s-hero .mini{border:1px solid var(--line-2);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#1e1e20d9;border-radius:13px;align-items:center;gap:9px;padding:8px 10px;display:flex;position:absolute;bottom:12px;left:12px;right:12px}.surface-create .s-hero .mini .cv{background:var(--grad);border-radius:7px;flex-shrink:0;width:28px;height:28px}.surface-create .s-hero .mini .mt{text-align:left;flex:1;min-width:0}.surface-create .s-hero .mini .mt b{font-size:10.5px;display:block}.surface-create .s-hero .mini .mt span{color:var(--muted);font-size:8.5px}.surface-create .s-hero .mini .pp{background:var(--text);color:#121212;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;display:flex}.surface-create .shell{flex-direction:column;max-width:520px;min-height:100dvh;margin:0 auto;padding:18px 20px 24px;display:flex}.surface-create .qtop{flex-direction:column;gap:14px;padding:6px 0 16px;display:flex}.surface-create .qbrand{justify-content:space-between;align-items:center;display:flex}.surface-create .qbrand .b{font-family:var(--display);letter-spacing:-.02em;align-items:center;gap:10px;font-size:16px;font-weight:600;display:flex}.surface-create .qbrand .b img{object-fit:contain;width:34px;height:34px}.surface-create .qbrand .exit{color:var(--muted);border:1px solid var(--line);border-radius:30px;align-items:center;gap:6px;padding:7px 13px;font-size:13px;text-decoration:none;transition:color .2s,border-color .2s;display:inline-flex}.surface-create .qbrand .exit:hover{color:var(--text);border-color:var(--line-2)}.surface-create .qprog{align-items:center;gap:12px;display:flex}.surface-create .qbars{flex:1;gap:6px;display:flex}.surface-create .qbars i{background:var(--card-2);border-radius:5px;flex:1;height:5px;position:relative;overflow:hidden}.surface-create .qbars i b{background:var(--grad-2);border-radius:5px;width:0%;transition:width .5s cubic-bezier(.16,1,.3,1);position:absolute;inset:0}.surface-create .qbars i.done b,.surface-create .qbars i.cur b{width:100%}.surface-create .qstep-lbl{font-family:var(--mono);letter-spacing:.1em;color:var(--muted);white-space:nowrap;font-size:11px}.surface-create .qmain{flex-direction:column;flex:1;justify-content:center;padding:8px 0;display:flex}.surface-create .step{animation:.5s cubic-bezier(.16,1,.3,1) stepin}.surface-create .step .eyebrow{letter-spacing:.24em;color:var(--coral);font-size:11.5px}.surface-create .step h2{font-family:var(--display);letter-spacing:-.03em;margin:13px 0 0;font-size:clamp(26px,6.4vw,34px);font-weight:600;line-height:1.06}.surface-create .step .sub{color:var(--muted);margin:12px 0 0;font-size:15px}.surface-create .step-body{margin-top:26px}.surface-create .field{margin-bottom:16px}.surface-create .field>label{font-family:var(--mono);letter-spacing:.16em;text-transform:uppercase;color:var(--muted);margin-bottom:8px;font-size:10.5px;display:block}.surface-create .inp{background:var(--card);border:1px solid var(--line-2);width:100%;color:var(--text);border-radius:14px;padding:15px 16px;font-family:inherit;font-size:16px;transition:border-color .2s,background .2s}.surface-create .inp::placeholder{color:var(--faint)}.surface-create .inp:focus{border-color:var(--coral);background:#1a1a1d;outline:none}.surface-create .inp.bad{border-color:var(--err);animation:.35s shake}.surface-create .two{gap:12px;display:flex}.surface-create .two>div{flex:1;min-width:0}.surface-create .hint{color:var(--faint);margin-top:6px;font-size:12.5px}.surface-create .names-prev{text-align:center;border:1px dashed var(--line-2);background:#ffffff04;border-radius:18px;margin-top:18px;padding:22px}.surface-create .names-prev .pv-eb{font-family:var(--mono);letter-spacing:.22em;text-transform:uppercase;color:var(--muted);font-size:9px}.surface-create .names-prev .pv-nm{font-family:var(--display);letter-spacing:-.03em;margin-top:10px;font-size:30px;font-weight:600;line-height:1.05}.surface-create .names-prev .pv-nm em{color:var(--coral);font-style:italic}.surface-create .cprev{background:var(--card);border:1px solid var(--line);text-align:center;border-radius:18px;margin-top:18px;padding:18px}.surface-create .cprev .lab{color:var(--muted);justify-content:center;align-items:center;gap:8px;font-size:13px;font-weight:600;display:flex}.surface-create .cprev .val{font-family:var(--display);letter-spacing:-.02em;margin-top:6px;font-size:21px;font-weight:700}.surface-create .photos-head{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.surface-create .photos-head .cnt{font-family:var(--mono);color:var(--muted);font-size:12.5px}.surface-create .photos-head .cnt b{color:var(--coral)}.surface-create .pgrid{grid-template-columns:repeat(5,1fr);gap:9px;display:grid}.surface-create .ptile{aspect-ratio:9/16;cursor:pointer;border:1.5px dashed var(--line-2);background:var(--card);border-radius:13px;justify-content:center;align-items:center;transition:border-color .2s,background .2s;display:flex;position:relative;overflow:hidden}.surface-create .ptile:hover{border-color:var(--coral);background:#1a1a1d}.surface-create .ptile.filled{border-style:solid;border-color:var(--line)}.surface-create .ptile.bad{border-color:var(--err)}.surface-create .ptile .ph-ic{color:var(--faint)}.surface-create .ptile .num{font-family:var(--mono);color:var(--faint);z-index:2;font-size:9px;position:absolute;top:5px;left:6px}.surface-create .ptile.filled .num{color:#fff;text-shadow:0 1px 3px #0009}.surface-create .ptile img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.surface-create .ptile .rm{color:#fff;cursor:pointer;z-index:3;background:#0009;border:0;border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;display:none;position:absolute;top:4px;right:4px}.surface-create .ptile.filled .rm{display:flex}.surface-create .ptile input{display:none}.surface-create .photos-tip{background:var(--card);border:1px solid var(--line);color:var(--muted);border-radius:13px;align-items:flex-start;gap:10px;margin-top:16px;padding:13px 15px;font-size:13px;display:flex}.surface-create .photos-tip svg{color:var(--coral);flex-shrink:0;margin-top:1px}.surface-create .qnav{align-items:center;gap:12px;margin-top:8px;padding-top:18px;display:flex}.surface-create .qnav .btn-primary{flex:1}.surface-create .pay-plan{gap:10px;margin-bottom:20px;display:flex}.surface-create .pcard{border:1.5px solid var(--line);cursor:pointer;background:var(--card);border-radius:16px;flex:1;padding:15px 14px;transition:border-color .2s,background .2s;position:relative}.surface-create .pcard.sel{border-color:var(--coral);background:linear-gradient(180deg, #fc7a7914, var(--card) 60%)}@supports (color:lab(0% 0 0)){.surface-create .pcard.sel{background:linear-gradient(180deg, lab(67.0539% 50.7843 25.244/.08), var(--card) 60%)}}.surface-create .pcard .pn{font-family:var(--display);font-size:17px;font-weight:600}.surface-create .pcard .pp{align-items:flex-end;gap:3px;margin-top:6px;display:flex}.surface-create .pcard .pp .c{color:var(--muted);margin-bottom:3px;font-size:13px}.surface-create .pcard .pp .a{font-family:var(--display);letter-spacing:-.02em;font-size:28px;font-weight:700;line-height:1}.surface-create .pcard .pd{color:var(--muted);margin-top:5px;font-size:11.5px}.surface-create .pcard .tick{border:1.5px solid var(--line-2);color:#0000;border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;display:flex;position:absolute;top:12px;right:12px}.surface-create .pcard.sel .tick{background:var(--coral);border-color:var(--coral);color:var(--on-accent)}.surface-create .pcard .tag{background:var(--grad-2);color:var(--on-accent);letter-spacing:.04em;white-space:nowrap;border-radius:20px;padding:3px 9px;font-size:10px;font-weight:800;position:absolute;top:-9px;left:50%;transform:translate(-50%)}.surface-create .summary{background:var(--card);border:1px solid var(--line);border-radius:16px;margin-bottom:18px;padding:16px 18px}.surface-create .summary .srow{color:var(--muted);justify-content:space-between;align-items:center;gap:14px;padding:6px 0;font-size:14px;display:flex}.surface-create .summary .srow>span:first-child{min-width:0}.surface-create .summary .srow.total{border-top:1px solid var(--line);color:var(--text);margin-top:6px;padding-top:12px;font-size:16px;font-weight:700}.surface-create .summary .srow.total .v{font-family:var(--display);white-space:nowrap;font-size:22px}.surface-create .summary .srow .v{color:var(--text);white-space:nowrap;flex-shrink:0;font-weight:600}.surface-create .summary .edit{color:var(--coral);cursor:pointer;white-space:nowrap;background:0 0;border:0;flex-shrink:0;padding:0;font-family:inherit;font-size:12px;text-decoration:none}.surface-create .tabs{background:var(--card-2);border:1px solid var(--line);border-radius:14px;gap:8px;margin-bottom:18px;padding:5px;display:flex}.surface-create .tabs button{color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:10px;flex:1;justify-content:center;align-items:center;gap:8px;padding:11px;font-family:inherit;font-size:14px;font-weight:700;transition:background .2s,color .2s;display:flex}.surface-create .tabs button.on{background:var(--card);color:var(--text);box-shadow:0 2px 10px -4px #0009}.surface-create .pix-box{text-align:center;background:var(--card);border:1px solid var(--line);border-radius:18px;padding:24px}.surface-create .pix-qr{background:#fff;border-radius:14px;justify-content:center;align-items:center;width:168px;height:168px;margin:0 auto 16px;padding:12px;display:flex}.surface-create .pix-qr svg{width:100%;height:100%}.surface-create .pix-box .pt{font-size:15px;font-weight:700}.surface-create .pix-box .ps{color:var(--muted);margin-top:4px;font-size:13px}.surface-create .pix-copy{gap:8px;margin-top:16px;display:flex}.surface-create .pix-copy input{background:var(--card-2);border:1px solid var(--line);min-width:0;color:var(--muted);font-family:var(--mono);border-radius:11px;flex:1;padding:11px 12px;font-size:12px}.surface-create .pix-copy button{background:var(--card-2);border:1px solid var(--line-2);color:var(--text);cursor:pointer;border-radius:11px;flex-shrink:0;padding:0 15px;font-family:inherit;font-size:13px;font-weight:600}.surface-create .cardform .field{margin-bottom:13px}.surface-create .card-visual{aspect-ratio:1.6;border:1px solid var(--line-2);background:linear-gradient(135deg,#5e2026,#3c1329);background:linear-gradient(135deg,lab(22.4748% 28.9793 11.8829),lab(13.2166% 22.3553 -4.33042));border-radius:18px;max-width:300px;margin:0 0 18px;padding:20px;position:relative;overflow:hidden}.surface-create .card-visual .chip{background:linear-gradient(135deg, var(--gold), #bf9752);opacity:.9;border-radius:7px;width:38px;height:28px}@supports (color:lab(0% 0 0)){.surface-create .card-visual .chip{background:linear-gradient(135deg, var(--gold), lab(65.2835% 9.37384 42.0808))}}.surface-create .card-visual .cnum{font-family:var(--mono);letter-spacing:.12em;color:#fff;margin-top:24px;font-size:16px}.surface-create .card-visual .crow{font-family:var(--mono);color:#fffc;text-transform:uppercase;justify-content:space-between;margin-top:14px;font-size:10.5px;display:flex}.surface-create .card-visual .brandmark{display:flex;position:absolute;top:18px;right:18px}.surface-create .card-visual .brandmark span{border-radius:50%;width:22px;height:22px}.surface-create .card-visual .brandmark span:first-child{background:#fa6863;background:lab(63.4204% 56.5783 32.9929)}.surface-create .card-visual .brandmark span:last-child{mix-blend-mode:screen;background:#eeb154;background:lab(76.7321% 16.4406 55.1357);margin-left:-9px}.surface-create .secure-line{color:var(--faint);justify-content:center;align-items:center;gap:8px;margin-top:14px;font-size:12px;display:flex}.surface-create .spin{border:2px solid #1a0f084d;border-top-color:var(--on-accent);border-radius:50%;width:18px;height:18px;animation:.7s linear infinite spin;display:inline-block}.surface-create .success{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;padding:30px 0;display:flex}.surface-create .success .check{background:var(--grad-2);width:104px;height:104px;color:var(--on-accent);border-radius:50%;justify-content:center;align-items:center;display:flex;box-shadow:0 16px 40px -12px #fc7a7999;box-shadow:0 16px 40px -12px lab(67.0539% 50.7843 25.244/.6)}.surface-create .success .check svg{animation:.5s cubic-bezier(.16,1.4,.5,1) .1s both pop}.surface-create .success h2{font-family:var(--display);letter-spacing:-.03em;margin:24px 0 0;font-size:30px;font-weight:600}.surface-create .success p{color:var(--muted);max-width:360px;margin:14px auto 0;font-size:15.5px}.surface-create .success .order{font-family:var(--mono);color:var(--faint);letter-spacing:.06em;margin-top:18px;font-size:12px}.surface-create .success .btn{flex:none;width:auto;min-width:240px;margin-top:30px;display:inline-flex}.surface-create .success .next{color:var(--muted);margin-top:14px;font-size:13px}.surface-create .confetti{pointer-events:none;z-index:50;position:fixed;inset:0;overflow:hidden}.surface-create .confetti i{border-radius:2px;width:9px;height:14px;animation:linear forwards fall;position:absolute;top:-12px}.surface-create .shell-p{flex-direction:column;max-width:540px;min-height:100dvh;margin:0 auto;display:flex}.surface-create .ptop{z-index:30;background:linear-gradient(180deg, var(--page) 72%, transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:16px 20px 14px;position:sticky;top:0}.surface-create .ptop-row{justify-content:space-between;align-items:center;gap:12px;display:flex}.surface-create .ptop .b{font-family:var(--display);letter-spacing:-.02em;color:var(--text);align-items:center;gap:10px;font-size:16px;font-weight:600;text-decoration:none;display:flex}.surface-create .ptop .b img{object-fit:contain;width:32px;height:32px}.surface-create .ptop .exit{color:var(--muted);border:1px solid var(--line);border-radius:30px;align-items:center;gap:6px;padding:7px 13px;font-size:13px;text-decoration:none;transition:color .2s,border-color .2s;display:inline-flex}.surface-create .ptop .exit:hover{color:var(--text);border-color:var(--line-2)}.surface-create .ptrack{align-items:center;gap:12px;margin-top:14px;display:flex}.surface-create .ptrack .bar{background:var(--card-2);border-radius:6px;flex:1;height:6px;overflow:hidden}.surface-create .ptrack .bar b{background:var(--grad);border-radius:6px;width:0%;height:100%;transition:width .55s cubic-bezier(.16,1,.3,1);display:block}.surface-create .ptrack .pct{font-family:var(--mono);color:var(--muted);white-space:nowrap;text-align:right;min-width:84px;font-size:12px}.surface-create .ptrack .pct b{color:var(--coral)}.surface-create .pmain{flex:1;padding:8px 20px 30px}.surface-create .phead{padding:14px 2px 20px}.surface-create .phead .eyebrow{letter-spacing:.24em;color:var(--coral);font-size:11.5px}.surface-create .phead h1{font-family:var(--display);letter-spacing:-.03em;margin:11px 0 0;font-size:clamp(27px,6.6vw,34px);font-weight:600;line-height:1.05}.surface-create .phead p{color:var(--muted);max-width:430px;margin:11px 0 0;font-size:15px}.surface-create .psum{background:linear-gradient(180deg, #fc7a7912, var(--card) 64%);border:1px solid var(--line-2);border-radius:20px;margin-bottom:22px;padding:18px}@supports (color:lab(0% 0 0)){.surface-create .psum{background:linear-gradient(180deg, lab(67.0539% 50.7843 25.244/.07), var(--card) 64%)}}.surface-create .psum-top{justify-content:space-between;align-items:center;gap:10px;display:flex}.surface-create .psum-badge{font-family:var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--on-accent);background:var(--grad-2);white-space:nowrap;border-radius:30px;align-items:center;gap:7px;padding:5px 11px;font-size:10.5px;font-weight:700;display:inline-flex}.surface-create .psum-edit{color:var(--muted);align-items:center;gap:5px;font-size:12.5px;text-decoration:none;transition:color .2s;display:inline-flex}.surface-create .psum-edit:hover{color:var(--coral)}.surface-create .psum-names{font-family:var(--display);letter-spacing:-.03em;margin:14px 0 0;font-size:27px;font-weight:600;line-height:1.05}.surface-create .psum-names em{color:var(--coral);font-style:italic}.surface-create .psum-meta{color:var(--muted);align-items:center;gap:8px;margin-top:7px;font-size:13px;display:flex}.surface-create .psum-meta .dot{background:var(--faint);border-radius:50%;width:3px;height:3px}.surface-create .psum-photos{gap:6px;margin-top:14px;display:flex}.surface-create .psum-photos .ph{aspect-ratio:9/16;background:var(--card-2);border:1px solid var(--line);border-radius:9px;flex:1;position:relative;overflow:hidden}.surface-create .psum-photos .ph img{object-fit:cover;width:100%;height:100%}.surface-create .psum-photos .ph .e{color:var(--faint);justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.surface-create textarea.inp{resize:vertical;min-height:118px;font-size:15px;line-height:1.6}.surface-create textarea.inp.lyrics{min-height:200px;font-family:var(--ui)}.surface-create .charcount{text-align:right;font-family:var(--mono);color:var(--faint);margin-top:6px;font-size:11px}.surface-create .rep{flex-direction:column;gap:12px;display:flex}.surface-create .rep-item{background:var(--card-2);border:1px solid var(--line);border-radius:15px;padding:14px;position:relative}.surface-create .rep-item .rep-num{font-family:var(--mono);letter-spacing:.08em;color:var(--muted);background:var(--card);border:1px solid var(--line);border-radius:20px;padding:2px 8px;font-size:10px;position:absolute;top:-9px;left:14px}.surface-create .rep-item .rrm{border:1px solid var(--line);background:var(--card);width:26px;height:26px;color:var(--faint);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;transition:color .2s,border-color .2s,background .2s;display:flex;position:absolute;top:11px;right:11px}.surface-create .rep-item .rrm:hover{color:var(--err);border-color:var(--err);background:#fd736d14;background:lab(65.8493% 53.3364 30.7453/.08)}.surface-create .rep-item .field{margin-bottom:11px}.surface-create .rep-item .field:last-child{margin-bottom:0}.surface-create .rep-item .inp{padding:12px 13px;font-size:15px}.surface-create .rep-item textarea.inp{min-height:78px;font-size:14px}.surface-create .rep-grid2{gap:11px;display:flex}.surface-create .rep-grid2>.field{flex:1;min-width:0}.surface-create .scaps{flex-direction:column;gap:12px;display:flex}.surface-create .scap{background:var(--card-2);border:1px solid var(--line);border-radius:15px;align-items:flex-start;gap:13px;padding:12px;display:flex}.surface-create .scap .thumb{background:var(--card-3);border:1px solid var(--line);border-radius:10px;flex-shrink:0;width:52px;height:92px;position:relative;overflow:hidden}.surface-create .scap .thumb img{object-fit:cover;width:100%;height:100%}.surface-create .scap .thumb .n{font-family:var(--mono);color:#fff;text-shadow:0 1px 3px #000000b3;z-index:1;font-size:9px;position:absolute;top:4px;left:5px}.surface-create .scap .thumb .e{color:var(--faint);justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.surface-create .scap .fields{flex:1;min-width:0}.surface-create .scap .fields .field{margin-bottom:9px}.surface-create .scap .fields .field:last-child{margin-bottom:0}.surface-create .scap .inp{padding:11px 12px;font-size:14.5px}.surface-create .add-row{border:1.5px dashed var(--line-2);width:100%;color:var(--muted);cursor:pointer;background:0 0;border-radius:13px;justify-content:center;align-items:center;gap:9px;margin-top:14px;padding:13px;font-family:inherit;font-size:14px;font-weight:600;transition:border-color .2s,color .2s,background .2s;display:flex}.surface-create .add-row:hover{border-color:var(--coral);color:var(--coral);background:var(--coral-soft)}.surface-create .loc-map-prev{border:1px solid var(--line);background:#0c0c0e;border-radius:14px;height:200px;margin-bottom:10px;position:relative;overflow:hidden}.surface-create .loc-map-note{color:var(--faint);margin:0 0 16px;font-size:12px}.surface-create .pfoot{z-index:30;padding:16px 20px calc(16px + env(safe-area-inset-bottom));background:linear-gradient(0deg, var(--page) 72%, transparent);align-items:center;gap:12px;display:flex;position:sticky;bottom:0}.surface-create .pfoot .btn-ghost{flex:none}.surface-create .pfoot .btn-primary{flex:1}.surface-create .saveind{font-family:var(--mono);color:var(--faint);white-space:nowrap;font-size:11px}.surface-create .saveind b{color:var(--gold)}.surface-create .publish{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;padding:18px 24px 40px;display:flex}.surface-create .pcap{background:linear-gradient(180deg, var(--card-2), var(--card));border:1px solid var(--line-2);width:120px;height:120px;box-shadow:var(--shadow);border-radius:32px;justify-content:center;align-items:center;margin-bottom:6px;display:flex}.surface-create .publish .eyebrow{letter-spacing:.24em;color:var(--coral);margin-top:26px;font-size:11.5px}.surface-create .publish h2{font-family:var(--display);letter-spacing:-.03em;margin:13px 0 0;font-size:32px;font-weight:600;line-height:1.06}.surface-create .publish .psub{color:var(--muted);max-width:380px;margin:13px auto 0;font-size:15.5px;line-height:1.6}.surface-create .qr-card{box-shadow:var(--shadow);background:#fff;border-radius:22px;flex-direction:column;align-items:center;margin-top:30px;padding:20px;display:flex}.surface-create .qr-card .qbox{justify-content:center;align-items:center;width:196px;height:196px;display:flex}.surface-create .qr-card .qbox img{width:100%;height:100%;image-rendering:pixelated}.surface-create .qr-card .qlbl{color:#1a0f08;align-items:center;gap:7px;margin-top:12px;font-size:12.5px;font-weight:600;display:flex}.surface-create .qr-card .qlbl svg{color:#bd4045;color:lab(46.1482% 50.9717 26.2837)}.surface-create .link-row{gap:8px;width:100%;max-width:380px;margin-top:18px;display:flex}.surface-create .link-row .lk{background:var(--card);border:1px solid var(--line-2);min-width:0;color:var(--text);font-family:var(--mono);text-align:left;text-overflow:ellipsis;white-space:nowrap;border-radius:13px;flex:1;padding:14px 15px;font-size:13px;overflow:hidden}.surface-create .link-row .cp{background:var(--coral);color:var(--on-accent);cursor:pointer;border:0;border-radius:13px;flex-shrink:0;padding:0 18px;font-family:inherit;font-size:14px;font-weight:700;transition:transform .14s}.surface-create .link-row .cp:active{transform:scale(.95)}.surface-create .share{flex-wrap:wrap;justify-content:center;gap:10px;margin-top:16px;display:flex}.surface-create .share a{color:var(--text);background:var(--card);border:1px solid var(--line-2);border-radius:30px;align-items:center;gap:8px;padding:11px 18px;font-size:14px;font-weight:600;text-decoration:none;transition:border-color .2s,transform .14s;display:inline-flex}.surface-create .share a:hover{border-color:var(--coral)}.surface-create .share a:active{transform:scale(.96)}.surface-create .share a.wa svg{color:#25d366}.surface-create .publish .open-btn{background:var(--card);border:1px solid var(--line-2);min-width:260px;color:var(--text);box-shadow:none;flex:none;margin-top:26px}.surface-create .publish .editmore{color:var(--muted);cursor:pointer;text-underline-offset:3px;background:0 0;border:0;margin-top:18px;font-family:inherit;font-size:13.5px;text-decoration:underline}.surface-create .publish .editmore:hover{color:var(--text)}@media (max-width:900px){.surface-create .hero-grid{text-align:center;grid-template-columns:1fr;gap:36px}.surface-create .hero-sub{margin-left:auto;margin-right:auto}.surface-create .hero-actions,.surface-create .hero-proof{justify-content:center}.surface-create .steps{grid-template-columns:repeat(2,1fr)}.surface-create .feat{text-align:center;grid-template-columns:1fr;gap:26px}.surface-create .feat-tx p{margin-left:auto;margin-right:auto}.surface-create .feat-list{align-items:center}.surface-create .demo-slide{padding:4px 44px}.surface-create .why-grid,.surface-create .mini-feats,.surface-create .foot-grid{grid-template-columns:1fr 1fr}.surface-create .foot-brand{grid-column:1/-1}.surface-create .nav-links{display:none}.surface-create .nav-burger{display:flex}.surface-create .nav-cta .ghost-hide{display:none}}@media (max-width:560px){.surface-create .stats-grid,.surface-create .steps,.surface-create .why-grid,.surface-create .mini-feats,.surface-create .plans{grid-template-columns:1fr}.surface-create .foot-grid{grid-template-columns:1fr 1fr}.surface-create .feat-list{text-align:left;align-items:flex-start}.surface-create .hero h1{font-size:clamp(34px,9vw,48px)}.surface-create .demo-arrow{display:none}.surface-create .demo-slide{padding:2px 6px}}@media (max-width:440px){.surface-create .pgrid{gap:7px}.surface-create .pay-plan{flex-direction:column}.surface-create .shell{padding:16px 16px 22px}.surface-create .ptop,.surface-create .pmain,.surface-create .pfoot{padding-left:15px;padding-right:15px}.surface-create .rep-grid2{flex-direction:column;gap:0}}@keyframes floaty{0%,to{opacity:.5;transform:translateY(6px)}50%{opacity:1;transform:translateY(-10px)}}@keyframes scrollx{0%{transform:translate(0)}to{transform:translate(-50%)}}@keyframes stepin{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-5px)}75%{transform:translate(5px)}}@keyframes pop{0%{transform:scale(0)}to{transform:scale(1)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes fall{to{opacity:.2;transform:translateY(108vh)rotate(540deg)}}@media (prefers-reduced-motion:reduce){.surface-create .float-heart,.surface-create .marquee-row,.surface-create .step,.surface-create .success .check svg{animation:none!important}.surface-create .qbars i b,.surface-create .inp{transition:none!important}.surface-create .confetti{display:none!important}}