/* Posto+ landing page — product, collaboration and pricing layer */
.hero{padding-top:104px;background:radial-gradient(circle at 50% 25%,#f3f8e9 0,transparent 43%)}
.hero-copy{max-width:1180px}.hero-copy h1{max-width:1140px;font-size:clamp(52px,6.25vw,82px)}.hero-line{display:block;white-space:nowrap}.hero-highlight{position:relative;z-index:0;width:max-content;margin-inline:auto;padding-inline:.24em;color:var(--ink);isolation:isolate}.hero-highlight:before{content:"";position:absolute;z-index:-1;inset:.08em -.16em -.04em;background:radial-gradient(ellipse at 1% 18%,transparent 0 1.2%,#c8f442 1.8% 100%),radial-gradient(ellipse at 99% 82%,transparent 0 1.1%,#a9d53f 1.7% 100%),linear-gradient(100deg,#c8f442,#a9d53f);clip-path:polygon(0 15%,2% 7%,9% 4%,21% 7%,35% 2%,49% 5%,63% 1%,78% 5%,91% 2%,98% 7%,100% 18%,99% 35%,100% 53%,99% 71%,100% 88%,96% 94%,86% 92%,74% 98%,61% 94%,48% 99%,34% 95%,20% 100%,8% 95%,1% 89%,2% 72%,0 56%,1% 38%);transform:rotate(-.45deg);box-shadow:0 .08em .22em #79a81d22;-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 1.4%,#000 98.6%,transparent 100%);mask-image:linear-gradient(90deg,transparent 0,#000 1.4%,#000 98.6%,transparent 100%)}.hero-highlight:after{content:"";position:absolute;z-index:-1;inset:.02em -.2em -.08em;background:radial-gradient(circle at 1% 25%,#a9d53f 0 .035em,transparent .045em),radial-gradient(circle at 99% 66%,#a9d53f 0 .028em,transparent .04em),radial-gradient(circle at 2% 76%,#b8e43e 0 .022em,transparent .034em),radial-gradient(circle at 98% 20%,#b8e43e 0 .02em,transparent .032em);opacity:.72;pointer-events:none}
.hero-copy>p{max-width:900px}.hero-note{display:flex;justify-content:center;gap:8px 22px;flex-wrap:wrap}
.hero-note span{display:inline-flex;align-items:center;gap:8px}.hero-note span:before{content:"✓";color:var(--green);font-weight:900}
.dashboard{isolation:isolate}.dashboard img{position:relative;z-index:1}.hero-cursor{--cursor-color:#6f45d2;position:absolute;z-index:3;display:block;padding:0;color:var(--cursor-color);font-size:11px;font-weight:800;animation:cursorFloat 5s ease-in-out infinite}.hero-cursor span{display:block;padding:7px 11px;border:3px solid #fff;border-radius:8px;background:var(--cursor-color);color:#fff;box-shadow:0 8px 18px #18220f2e;transform:rotate(-5deg)}.hero-cursor i,.live-cursor i{position:absolute;right:-22px;bottom:-27px;width:34px;height:42px;transform:rotate(-15deg);filter:drop-shadow(0 7px 7px #18220f35)}.hero-cursor i:before,.live-cursor i:before,.hero-cursor i:after,.live-cursor i:after{content:"";position:absolute;inset:0;clip-path:polygon(5% 1%,6% 83%,29% 63%,46% 98%,64% 89%,47% 57%,79% 57%)}.hero-cursor i:before,.live-cursor i:before{inset:-3px;background:#fff;transform:scale(1.08);transform-origin:42% 48%}.hero-cursor i:after,.live-cursor i:after{background:currentColor}
.cursor-one{--cursor-color:#6f45d2;top:27%;left:8%}.cursor-two{--cursor-color:#d8642b;top:54%;right:6%;animation-delay:-1.7s}.cursor-three{--cursor-color:#4f7918;bottom:16%;left:34%;animation-delay:-3.2s}
@keyframes cursorFloat{50%{transform:translate3d(4px,-9px,0)}}
.logo-grid-primary{grid-template-columns:repeat(11,1fr)}.platform-note{margin:16px 0 0;color:#778074;font-size:12px;text-align:right}
.ai-visual{background:linear-gradient(145deg,#eff7dd,#fff)}.ai-prompt{width:min(100%,430px);padding:28px;border:1px solid #ccd9b6;border-radius:22px;background:#fff;box-shadow:0 22px 50px #39530e18}.ai-prompt span{color:var(--green);font-size:13px;font-weight:850}.ai-prompt strong{display:block;margin:22px 0 8px;font-size:24px;letter-spacing:-.03em}.ai-prompt p{font-size:14px}.ai-prompt button{margin-top:24px;padding:12px 18px;border:0;border-radius:999px;background:var(--ink);color:#fff;font-weight:800}
.creator-section{overflow:hidden}.creator-grid{display:grid;grid-template-columns:.78fr 1.22fr;align-items:center;gap:7vw}.check-list{display:grid;gap:12px;margin:32px 0 0;padding:0;list-style:none}.check-list li{position:relative;padding-left:29px;font-weight:700}.check-list li:before{content:"✓";position:absolute;left:0;top:0;width:20px;height:20px;display:grid;place-items:center;border-radius:50%;background:var(--lime-soft);color:var(--green);font-size:12px}
.creator-board{position:relative;padding:22px;border-radius:30px;background:linear-gradient(145deg,#dfeac9,#f6f8f2)}.creator-window{overflow:hidden;border:1px solid #d3ddcb;border-radius:20px;background:#fff;box-shadow:0 30px 70px #21321220}.window-bar{height:52px;display:flex;align-items:center;gap:7px;padding:0 18px;border-bottom:1px solid var(--line);color:#6e766b;font-size:12px}.window-bar i{width:8px;height:8px;border-radius:50%;background:#d5d9d2}.window-bar i:first-child{background:#a9d53f}.window-bar span{margin-left:7px;font-weight:800}.creator-tabs{display:flex;gap:22px;padding:19px 22px;border-bottom:1px solid var(--line);color:#6b7368;font-size:13px;font-weight:800}.creator-tabs span{display:flex;align-items:center;gap:7px;white-space:nowrap}.creator-tabs .active{color:var(--green)}.creator-tabs b{width:22px;height:22px;display:grid;place-items:center;border-radius:7px;background:#ff5d93;color:#fff;font-size:11px}.creator-tabs span:last-child b{background:#24bcc0}.creator-cards{display:grid;grid-template-columns:1fr 1fr;gap:14px;padding:22px}.creator-cards article{padding:12px;border:1px solid var(--line);border-radius:16px}.design-swatch{aspect-ratio:1.35;margin-bottom:12px;border-radius:10px}.design-one{background:linear-gradient(30deg,#192014 0 37%,#b3d958 38% 63%,#f5f0df 64%)}.design-two{background:radial-gradient(circle at 72% 30%,#ffda69 0 12%,transparent 13%),linear-gradient(140deg,#553e87,#d78ab5 55%,#f5c677)}.creator-cards strong,.creator-cards small{display:block}.creator-cards strong{font-size:14px}.creator-cards small{color:var(--muted);font-size:11px}
.team-section{padding-top:60px}.team-panel-v2{grid-template-columns:.9fr 1.1fr}.team-benefits{display:flex;flex-wrap:wrap;gap:8px;margin:26px 0 30px}.team-benefits span{padding:7px 11px;border:1px solid #ffffff20;border-radius:999px;background:#ffffff0b;color:#dbe2d8;font-size:12px;font-weight:800}
.collaboration-board{position:relative;min-height:430px;padding:20px;border:1px solid #ffffff25;border-radius:24px;background:#f8faf6;color:var(--ink);box-shadow:0 25px 80px #0004}.collab-toolbar{height:52px;display:flex;align-items:center;gap:12px;padding-bottom:15px;border-bottom:1px solid var(--line);font-size:12px;font-weight:800}.status-pill{padding:6px 10px;border-radius:999px;background:#fff1ce;color:#7a5400}.avatar-row{display:flex;margin-left:auto;padding-left:10px}.avatar-row i,.avatar-row b{width:31px;height:31px;display:grid;place-items:center;margin-left:-7px;border:2px solid #fff;border-radius:50%;background:#cbe49a;color:#314513;font-size:9px;font-style:normal}.avatar-row i:nth-child(2){background:#fac78d}.avatar-row i:nth-child(3){background:#c8b7ed}.avatar-row b{background:#e9ede5}.collab-post{display:grid;grid-template-columns:160px 1fr;gap:22px;padding:26px 8px}.collab-image{aspect-ratio:.88;border-radius:16px;background:linear-gradient(160deg,#596f33 0 36%,#d5dfb3 37% 55%,#d68865 56% 74%,#f3d5b9 75%)}.collab-lines{padding-top:18px}.collab-lines i{width:100%;height:12px;display:block;margin-bottom:14px;border-radius:20px;background:#e5e9e1}.collab-lines i:nth-child(2){width:83%}.collab-lines i:nth-child(3){width:54%}.floating-comment{position:absolute;display:flex;align-items:center;gap:8px;padding:9px 12px;border:1px solid #d8ded3;border-radius:12px;background:#fff;box-shadow:0 12px 28px #2132121c;font-size:11px;font-weight:750}.floating-comment b{width:28px;height:28px;display:grid;place-items:center;border-radius:50%;background:var(--lime-soft);font-size:9px}.comment-a{right:20px;bottom:72px}.comment-b{left:29px;bottom:17px}.live-cursor{--cursor-color:#7b4ad4;position:absolute;display:block;color:var(--cursor-color);font-size:10px;font-weight:900}.live-cursor span{display:block;padding:6px 9px;border:3px solid #fff;border-radius:7px;background:var(--cursor-color);color:#fff;box-shadow:0 8px 16px #18220f2b;transform:rotate(-4deg)}.live-cursor i{right:-19px;bottom:-24px;width:30px;height:37px}.cursor-a{--cursor-color:#7b4ad4;right:28%;top:45%}.cursor-b{--cursor-color:#dc6d2e;left:18%;top:52%}
/* Real Figma/Canva collaborator cursor: large SVG-shaped pointer with a clean white outline. */
.hero-cursor,.live-cursor{padding:26px 0 0 32px}
.hero-cursor i,.live-cursor i{left:5px;right:auto;top:-5px;bottom:auto;width:33px;height:43px;transform:rotate(-9deg);transform-origin:0 0;background-position:center;background-repeat:no-repeat;background-size:contain;filter:drop-shadow(0 5px 4px #18220f42)}
.hero-cursor i:before,.live-cursor i:before,.hero-cursor i:after,.live-cursor i:after{content:none}
.cursor-one i,.cursor-a i{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 56 58'%3E%3Cpath d='M11.8 10.9c.7-.5 1.5-.4 2.2.2l30.1 24.8c2.7 2.2 1.3 6.5-2.2 6.7l-12.6.8-7.1 9.9c-2 2.8-6.3 1.8-6.8-1.6L9.2 14.9c-.2-1.3.3-2.5 1.4-3.3Z' fill='%236f45d2' stroke='%23fff' stroke-width='4' stroke-linejoin='round' stroke-linecap='round'/%3E%3C/svg%3E")}
.cursor-two i,.cursor-b i{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 56 58'%3E%3Cpath d='M11.8 10.9c.7-.5 1.5-.4 2.2.2l30.1 24.8c2.7 2.2 1.3 6.5-2.2 6.7l-12.6.8-7.1 9.9c-2 2.8-6.3 1.8-6.8-1.6L9.2 14.9c-.2-1.3.3-2.5 1.4-3.3Z' fill='%23d8642b' stroke='%23fff' stroke-width='4' stroke-linejoin='round' stroke-linecap='round'/%3E%3C/svg%3E")}
.cursor-three i{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 56 58'%3E%3Cpath d='M11.8 10.9c.7-.5 1.5-.4 2.2.2l30.1 24.8c2.7 2.2 1.3 6.5-2.2 6.7l-12.6.8-7.1 9.9c-2 2.8-6.3 1.8-6.8-1.6L9.2 14.9c-.2-1.3.3-2.5 1.4-3.3Z' fill='%234f7918' stroke='%23fff' stroke-width='4' stroke-linejoin='round' stroke-linecap='round'/%3E%3C/svg%3E")}
.hero-cursor span,.live-cursor span{position:relative;z-index:1;border-radius:11px}
.live-cursor{padding:23px 0 0 29px}.live-cursor i{width:34px;height:41px}
.cursor-one span{transform:rotate(-3deg)}.cursor-two span{transform:rotate(2deg)}.cursor-three span{transform:rotate(-1deg)}
.cursor-a span{transform:rotate(2deg)}.cursor-b span{transform:rotate(-3deg)}
.pricing-wrap{max-width:1240px}.pricing-head{text-align:center}.pricing-head h2{margin:16px auto}.pricing-head p{max-width:650px;margin:0 auto;color:var(--muted);font-size:18px}.pricing-switch{display:inline-flex;margin-top:34px;padding:5px;border:1px solid #d9e3d3;border-radius:999px;background:#f1f6ed;box-shadow:0 10px 30px #26431610}.pricing-switch button{min-width:132px;padding:12px 24px;border:0;border-radius:999px;background:transparent;color:var(--ink);font:inherit;font-size:14px;font-weight:800;cursor:pointer;transition:.2s ease}.pricing-switch button.active{background:var(--green);color:#fff;box-shadow:0 7px 18px #31521e2b}.pricing-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:42px}.price-card{position:relative;display:flex;flex-direction:column;padding:30px;border:1px solid var(--line);border-radius:24px;background:#fff}.price-card.featured{border-color:#82aa42;box-shadow:0 24px 60px #45651818}.price-badge{position:absolute;top:20px;right:20px;padding:6px 10px;border-radius:999px;background:var(--lime-soft);color:var(--green);font-size:11px;font-weight:900;text-transform:uppercase}.price-top span,.price-top strong,.price-top small{display:block}.price-top span{font-weight:900}.price-top strong{margin:18px 0 6px;font-size:54px;line-height:1;letter-spacing:-.055em}.price-top small{min-height:24px;color:var(--muted)}.price-card>p{min-height:72px;margin:24px 0;color:var(--muted)}.price-card ul{display:grid;gap:12px;margin:0 0 30px;padding:22px 0 0;border-top:1px solid var(--line);list-style:none}.price-card li:before{content:"✓";margin-right:10px;color:var(--green);font-weight:900}.price-card .btn{width:100%;margin-top:auto}.pricing-note{margin:18px 0 0;color:#747d70;font-size:12px;text-align:center}
.language-panel{display:grid;grid-template-columns:.8fr 1.2fr;align-items:center;gap:7vw;padding:50px;border:1px solid var(--line);border-radius:28px;background:#fff}.language-panel h2{margin:16px 0}.language-panel p{color:var(--muted)}.language-cloud{display:flex;flex-wrap:wrap;justify-content:center;gap:9px}.language-cloud span{padding:9px 13px;border:1px solid var(--line);border-radius:999px;background:var(--paper);font-size:12px;font-weight:750}.final-cta>.eyebrow{margin-bottom:20px}.final-cta h2{max-width:900px}
@media(max-width:980px){.logo-grid-primary{grid-template-columns:repeat(6,1fr)}.creator-grid{grid-template-columns:1fr;gap:46px}.collaboration-board{min-height:390px}.language-panel{grid-template-columns:1fr;gap:32px}.language-cloud{justify-content:flex-start}}
@media(max-width:760px){.hero{padding-top:70px}.hero-copy h1{font-size:clamp(40px,11.8vw,54px)}.hero-line{display:block;white-space:normal}.hero-highlight{display:table;width:auto;max-width:100%;padding-inline:.13em;-webkit-box-decoration-break:clone;box-decoration-break:clone}.hero-highlight:before{inset:.05em -.12em -.02em}.hero-highlight:after{inset:0 -.15em -.05em}.hero-note{gap:6px 14px}.hero-cursor{display:none}.logo-grid-primary{grid-template-columns:repeat(3,1fr)}.platform-note{text-align:left}.creator-board{padding:10px;border-radius:20px}.creator-tabs{gap:13px;overflow-x:auto}.creator-cards{grid-template-columns:1fr;padding:14px}.creator-cards article:nth-child(2){display:none}.team-panel-v2{display:block}.collaboration-board{min-height:370px;margin-top:42px;padding:15px}.collab-post{grid-template-columns:120px 1fr;gap:14px}.floating-comment{max-width:170px}.comment-a{right:13px}.comment-b{left:13px}.pricing-grid{grid-template-columns:1fr}.price-card{padding:26px}.language-panel{padding:32px 22px}.language-cloud{gap:7px}.language-cloud span{padding:7px 10px;font-size:11px}}
@media(max-width:390px){.collab-toolbar>span:first-child{display:none}.live-cursor{display:none}.creator-tabs span:first-child{display:none}}