.hero{max-width:1100px;margin:0 auto;padding:160px 24px 100px}.hero-title{letter-spacing:-.04em;color:var(--pm-brand-ink);margin-bottom:24px;font-size:68px;font-weight:800;line-height:1.05}.hero-subtitle{color:var(--pm-fg-secondary);max-width:500px;margin-bottom:40px;font-size:22px;line-height:1.5}.hero-subtitle .nobr{white-space:nowrap}.hero-actions{flex-wrap:wrap;align-items:center;gap:14px;display:flex}.hero-proof{color:var(--pm-fg-tertiary);margin:14px 0 0;font-size:14px}.dock-container-mock{width:min(100%,430px);height:310px;box-shadow:var(--pm-shadow-card);text-align:left;cursor:pointer;background:#5a6468;border:10px solid #e9e2d5;border-radius:20px;margin:0 auto;padding:0;display:block;position:relative;overflow:hidden}.dock-hover-zone{font:700 12px/1.4 var(--pm-font-display);color:#fffdf8;letter-spacing:.06em;pointer-events:none;position:absolute;bottom:22px;left:22px;right:70px}.dock-note-image{pointer-events:none;border-radius:10px 0 0 10px;width:167px;height:262px;transition:transform .4s cubic-bezier(.16,1,.3,1);position:absolute;top:22px;right:0;transform:translate(calc(100% - 10px));box-shadow:-12px 10px 22px #0e14163d}.dock-container-mock:hover .dock-note-image,.dock-container-mock:focus .dock-note-image{transform:translate(0)}.dock-container-mock:focus-visible{outline:3px solid var(--pm-brand-ink);outline-offset:3px}@media (prefers-reduced-motion:reduce){.dock-note-image{transition:none}}.note-head{letter-spacing:.2px;color:#2a2418b8;margin-bottom:10px;font-size:13px;font-weight:700}.scenario-section{max-width:1100px;margin:0 auto;padding:120px 24px}.paper-showcase{background:var(--pm-bg-panel);border:1px solid var(--pm-border-soft);box-shadow:var(--pm-shadow-soft);border-radius:28px;margin:10px 0 100px;padding:48px 42px 32px}.paper-showcase-copy{text-align:center}.paper-showcase h2{color:var(--pm-brand-ink);letter-spacing:-1.5px;margin:0 0 10px;font-size:42px}.paper-showcase p{color:var(--pm-fg-secondary);margin:0 0 24px;font-size:18px;line-height:1.6}.paper-showcase-figure{margin:0}.paper-showcase-figure img{border-radius:16px;width:100%;height:auto;display:block}.paper-showcase-labels{color:var(--pm-fg-tertiary);text-align:center;grid-template-columns:repeat(4,1fr);gap:8px;padding:12px 0 0;font-size:13px;font-weight:700;display:grid}.scenario-grid{grid-template-columns:1fr 1fr;align-items:center;gap:80px;margin-bottom:100px;display:grid}.scenario-content h2{color:var(--pm-brand-ink);letter-spacing:-1.5px;margin-bottom:20px;font-size:42px;font-weight:800}.scenario-content p{color:var(--pm-fg-secondary);font-size:18px;line-height:1.7}.visual-mockup{background:var(--pm-bg-panel);border:1px solid var(--pm-border-soft);box-shadow:var(--pm-shadow-soft);border-radius:24px;padding:40px}.mock-arrange-board{background:linear-gradient(145deg,#dce8ef,#f5efe3 72%);border-radius:18px;min-height:270px;padding:24px;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #2a241814}.arrange-menu{z-index:2;box-shadow:var(--pm-shadow-card);color:var(--pm-brand-ink);backdrop-filter:blur(10px);background:#ffffffe0;border:1px solid #2a24181a;border-radius:10px;padding:9px 13px;font-size:12px;font-weight:700;position:absolute;top:18px;left:18px}.arrange-grid{grid-template-columns:repeat(3,1fr);gap:12px;max-width:310px;margin:52px auto 0;display:grid}.arrange-note{color:#2a2418b8;border-radius:10px;min-height:70px;padding:10px;font-size:10px;font-weight:700;line-height:1.35;box-shadow:0 7px 16px #2a241824}.arrange-note:first-child,.arrange-note:nth-child(5){background:var(--pm-note-yellow)}.arrange-note:nth-child(2){background:var(--pm-note-blue)}.arrange-note:nth-child(3){background:var(--pm-note-pink)}.arrange-note:nth-child(4){background:var(--pm-note-green)}.arrange-note:nth-child(6){background:var(--pm-note-purple)}.mock-mermaid{border:1px solid var(--pm-border-soft);background:#fff;border-radius:14px;padding:18px}.mermaid-static-diagram{width:100%;height:auto;margin:10px auto 16px;display:block}.scenario-links{flex-wrap:wrap;gap:10px;margin-top:22px;display:flex}.scenario-links a{color:var(--pm-brand-ink);text-underline-offset:4px;font-weight:750;text-decoration-thickness:1px}.mock-ghost-container{background:#fdfdfd;border:1px solid #0000000d;border-radius:12px;width:320px;height:240px;margin:0 auto;position:relative;overflow:hidden;box-shadow:0 12px 30px #00000014}.mock-ghost-canvas{background-image:radial-gradient(#ddd 1px,#0000 1px);background-size:16px 16px;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.canvas-ui-box{background:#fff;border:1px solid #eee;border-radius:8px;width:140px;padding:16px;box-shadow:0 4px 12px #0000000a}.canvas-ui-line{background:#f0f0f0;border-radius:4px;height:8px;margin-bottom:12px}.mock-ghost-overlay{backdrop-filter:blur(2px);pointer-events:none;z-index:10;background:#e7c85f66;border:1px solid #fff6;border-radius:8px;justify-content:center;align-items:center;width:140px;height:120px;display:flex;position:absolute;top:40px;right:30px}.ghost-status{background:var(--pm-brand-primary);color:var(--pm-brand-ink);border-radius:4px;padding:2px 6px;font-size:9px;font-weight:700;position:absolute;top:-12px;left:10px}.ghost-content{font-family:var(--pm-font-accent);color:#0009;font-size:14px}.mock-ghost-cursor{z-index:20;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23333' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 3l7.07 16.97 2.51-7.39 7.39-2.51L3 3z'%3E%3C/path%3E%3Cpath d='M13 13l6 6'%3E%3C/path%3E%3C/svg%3E");background-size:cover;width:20px;height:20px;animation:4s cubic-bezier(.4,0,.2,1) infinite ghost-click;position:absolute}.canvas-click-ripple{border:2px solid var(--pm-brand-primary);opacity:0;z-index:5;border-radius:50%;width:30px;height:30px;animation:4s cubic-bezier(.4,0,.2,1) infinite ripple;position:absolute}@keyframes ghost-click{0%{transform:translate(250px,200px)}20%{transform:translate(180px,90px)}30%{transform:translate(180px,90px)scale(.9)}40%{transform:translate(180px,90px)}to{transform:translate(250px,200px)}}@keyframes ripple{0%,25%{opacity:0;transform:translate(165px,75px)scale(.5)}30%{opacity:1;transform:translate(165px,75px)scale(1)}50%,to{opacity:0;transform:translate(165px,75px)scale(2)}}.mock-checklist{margin:0;padding:0;list-style:none}.mock-checklist li{align-items:center;gap:8px;margin-bottom:8px;font-size:14px;display:flex}.mock-checklist li:before{content:"☐";color:var(--pm-fg-tertiary)}.mock-checklist li.done:before{content:"☑";color:var(--pm-brand-primary)}.audience-section{max-width:1100px;margin:0 auto;padding:80px 24px 0}.audience-grid{grid-template-columns:repeat(4,1fr);gap:20px;margin-top:40px;display:grid}.audience-card{border-radius:var(--pm-radius-md);box-shadow:var(--pm-shadow-soft);border:1px solid #00000008;flex-direction:column;padding:24px;transition:transform .3s,box-shadow .3s;display:flex}.audience-card:hover{box-shadow:var(--pm-shadow-card);transform:translateY(-8px)}.audience-icon{margin-bottom:16px;font-size:28px}.audience-card h3{color:var(--pm-brand-ink);margin-bottom:12px;font-size:18px;font-weight:700}.audience-card p{color:var(--pm-fg-secondary);flex-grow:1;margin-bottom:20px;font-size:14px;line-height:1.5}.audience-tags{flex-wrap:wrap;gap:6px;display:flex}.audience-tags span{color:var(--pm-fg-primary);background:#fff6;border:1px solid #0000000d;border-radius:4px;padding:4px 8px;font-size:11px;font-weight:600}.card-blue{background-color:var(--pm-note-blue)}.card-pink{background-color:var(--pm-note-pink)}.card-yellow{background-color:var(--pm-note-yellow)}.card-green{background-color:var(--pm-note-green)}.audience-footer{text-align:center;margin-top:60px}.comparison-result{text-align:center;color:var(--pm-fg-secondary);margin-top:30px;font-size:16px}.trust-bar{border-top:1px solid var(--pm-border-soft);border-bottom:1px solid var(--pm-border-soft);flex-wrap:wrap;justify-content:center;gap:60px;margin:60px 0;padding:40px 24px;display:flex}.trust-item{color:var(--pm-fg-secondary);align-items:center;gap:10px;font-size:14px;font-weight:700;display:flex}.trust-icon{font-size:20px}.plans{padding:20px 24px 90px}.plans .scenario-section{padding-top:40px}.plans-title{text-align:center;margin-bottom:14px}.plans-subtitle{text-align:center;max-width:700px;color:var(--pm-fg-secondary);margin:0 auto 42px;font-size:17px;line-height:1.7}.plan-grid{grid-template-columns:1fr 1fr;gap:24px;display:grid}.plan-card{background:var(--pm-bg-panel-elevated);border:1px solid var(--pm-border-soft);border-radius:var(--pm-radius-xl);box-shadow:var(--pm-shadow-card);padding:40px;transition:transform .3s}.plan-card:hover{box-shadow:var(--pm-shadow-float);transform:translateY(-4px)}.plan-card h3{color:var(--pm-brand-ink);margin:12px 0 16px;font-size:28px;font-weight:800}.plan-card-pro{background:linear-gradient(165deg, var(--pm-paper-warm), #fff);border:2px solid var(--pm-brand-primary-soft)}.plan-badge{border-radius:var(--pm-radius-xs);background:var(--pm-brand-primary-muted);color:var(--pm-brand-ink);text-transform:uppercase;letter-spacing:.5px;padding:4px 12px;font-size:11px;font-weight:800;display:inline-block}.plan-list{color:var(--pm-fg-secondary);margin:0 0 24px;padding-left:20px;line-height:1.7}.plan-price-note{color:var(--pm-fg-tertiary);margin:10px 0 0;font-size:12px}.plan-intro{color:var(--pm-brand-ink);margin:0 0 14px;font-weight:700}.plan-list-pro{padding-left:0;list-style:none}.plan-list-pro li{margin-bottom:6px;padding-left:26px;position:relative}.plan-list-pro li:before{content:"✓";color:#5f8c56;font-weight:800;position:absolute;top:-1px;left:0}.hero-centered{text-align:center;padding:150px 24px 80px;display:block}.hero-centered .hero-content{max-width:760px;margin:0 auto}.hero-centered .hero-subtitle{max-width:600px;margin-left:auto;margin-right:auto}.hero-centered .hero-actions{justify-content:center}.hero-centered .hero-proof{text-align:center}.hero-carousel{max-width:1100px;margin:56px auto 0}.carousel-frame{background:var(--pm-bg-panel-elevated);border:1px solid var(--pm-border-regular);border-radius:var(--pm-radius-lg);box-shadow:var(--pm-shadow-float);position:relative;overflow:hidden}.carousel-viewport{overflow:hidden}.carousel-track{will-change:transform;transition:transform .6s cubic-bezier(.16,1,.3,1);display:flex}.carousel-slide{flex:0 0 100%;min-width:0}.carousel-slide img{aspect-ratio:16/10;background:#f3ecdf;width:100%;height:auto;display:block}.carousel-arrow{border:1px solid var(--pm-border-soft);-webkit-backdrop-filter:blur(8px);width:42px;height:42px;color:var(--pm-brand-ink);cursor:pointer;box-shadow:var(--pm-shadow-soft);z-index:4;background:#fbf9f5db;border-radius:50%;font-size:24px;line-height:1;transition:background .2s,transform .2s;position:absolute;top:50%;transform:translateY(-50%)}.carousel-arrow:hover{background:var(--pm-bg-panel-elevated);transform:translateY(-50%)scale(1.06)}.carousel-prev{left:16px}.carousel-next{right:16px}.carousel-footer{flex-direction:column;align-items:center;gap:16px;margin-top:22px;display:flex}.carousel-dots{gap:16px;display:flex}.carousel-dot{box-sizing:content-box;background:var(--pm-border-strong);cursor:pointer;background-clip:content-box;border:none;border-radius:50%;width:9px;height:9px;padding:8px;transition:background-color .2s,transform .2s,width .3s;position:relative}.carousel-dot:hover{background-color:var(--pm-fg-tertiary)}.carousel-dot.is-active{background-color:var(--pm-brand-primary);border-radius:999px;width:26px}.carousel-toggle{border:1px solid var(--pm-border-regular);background:var(--pm-bg-panel-elevated);width:44px;height:44px;color:var(--pm-brand-ink);cursor:pointer;box-shadow:var(--pm-shadow-soft);border-radius:50%;justify-content:center;align-items:center;padding:0;transition:border-color .2s,background .2s,transform .2s;display:inline-flex}.carousel-toggle:hover{border-color:var(--pm-border-strong);transform:translateY(-1px)}.carousel-toggle[aria-pressed=true]{background:var(--pm-brand-primary-muted);border-color:var(--pm-brand-primary)}.mock-photo-wall{justify-content:center;align-items:center;height:220px;display:flex;position:relative}.wall-photo{background:var(--pm-bg-panel-elevated);width:122px;position:relative;box-shadow:0 10px 22px #1a150e2e}.wall-photo-image{object-fit:cover;object-position:center;width:100%;height:122px;display:block}.wall-photo-framed{z-index:1;background:#e8d9bd;border:7px solid #c9a978;margin-right:-14px;padding:7px;transform:rotate(-7deg)translateY(26px)}.wall-photo-pinned{z-index:2;padding:0;transform:rotate(3deg)translateY(-20px);box-shadow:0 14px 26px #1a150e38}.wall-photo-pinned .wall-photo-image{height:150px}.wall-pin{z-index:4;background:radial-gradient(circle at 35% 30%,#e08a73 0%,#c86b56 55%,#a8503d 100%);border-radius:50%;width:18px;height:18px;margin-left:-9px;position:absolute;top:-9px;left:50%;box-shadow:0 4px 5px #1a150e4d}.wall-pin:after{content:"";background:#ffffff8c;border-radius:50%;width:5px;height:5px;position:absolute;top:4px;left:5px}.wall-photo-polaroid{z-index:3;margin-left:-14px;padding:8px 8px 0;transform:rotate(8deg)translateY(14px)}.wall-photo-cap{font-family:var(--pm-font-accent);text-align:center;color:var(--pm-fg-secondary);padding:8px 0 10px;font-size:15px}.mock-md-code{font-family:var(--pm-font-mono);color:var(--pm-brand-ink);background:#2a24180f;border-radius:6px;margin:10px 0;padding:8px 10px;font-size:13px}.mock-terminal{box-shadow:var(--pm-shadow-card);background:#1f1b16;border-radius:12px;overflow:hidden}.term-bar{background:#ffffff0f;gap:7px;padding:11px 14px;display:flex}.term-bar span{background:#ffffff40;border-radius:50%;width:11px;height:11px}.term-bar span:first-child{background:#ff5f57}.term-bar span:nth-child(2){background:#febc2e}.term-bar span:nth-child(3){background:#28c840}.term-body{font-family:var(--pm-font-mono);color:#f3ead0;word-break:break-word;padding:16px 18px;font-size:13px;line-height:2}.term-prompt{color:#9bbf7e;margin-right:8px;font-weight:700}.term-out{color:#f3ead099}.mock-integrations{flex-wrap:wrap;justify-content:center;gap:10px;margin-top:20px;display:flex}.integ-chip{background:var(--pm-bg-panel-elevated);border:1px solid var(--pm-border-soft);color:var(--pm-brand-ink);box-shadow:var(--pm-shadow-soft);border-radius:999px;padding:8px 16px;font-size:14px;font-weight:600}.scenario-subblock{border-left:3px solid var(--pm-brand-primary);background:var(--pm-brand-primary-muted);border-radius:0 12px 12px 0;margin:22px 0;padding:16px 18px}.scenario-subblock .subblock-tag{text-transform:uppercase;letter-spacing:.5px;color:var(--pm-brand-ink);margin-bottom:6px;font-size:12px;font-weight:800;display:block}.scenario-subblock p{margin:0;font-size:15px}.scenario-subblock code{font-family:var(--pm-font-mono);background:#2a241814;border-radius:4px;padding:1px 6px}.faq-title{text-align:center;margin-bottom:48px}.ownership{padding:0 24px 100px}.ownership .scenario-section{padding-top:0;padding-bottom:0}.ownership-panel{max-width:1080px;margin:0 auto}.ownership-title{max-width:720px;margin:0 auto 14px;line-height:1.08}.ownership-lead{max-width:700px;color:var(--pm-fg-secondary);text-align:center;margin:0 auto;font-size:17px;line-height:1.65}.ownership-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-top:42px;display:grid}.ownership-proof{background:var(--pm-bg-panel-elevated);border:1px solid var(--pm-border-soft);border-radius:var(--pm-radius-note);box-shadow:var(--pm-shadow-soft);padding:28px 30px 32px}.ownership-proof h3{color:var(--pm-brand-ink);margin:0 0 10px;font-size:18px;line-height:1.3}.ownership-proof p{color:var(--pm-fg-secondary);margin:0;font-size:15px;line-height:1.65}.faq{background:var(--pm-bg-panel);border-top:1px solid #0000000d;padding:80px 24px 100px}.faq .scenario-section{padding-top:0;padding-bottom:0}.faq-grid{grid-template-columns:1fr 1fr;gap:40px;max-width:900px;margin:0 auto;display:grid}:where(.section-title){color:var(--pm-brand-ink);letter-spacing:-1px;text-align:center;margin:0;font-size:40px;font-weight:800}.faq-item{border:1px solid var(--pm-border-soft);box-shadow:var(--pm-shadow-soft);background:#fff;border-radius:20px;padding:24px 26px}.faq-item h3{color:var(--pm-brand-ink);margin:0 0 12px;font-size:19px}.faq-item p{color:var(--pm-fg-secondary);margin:0;line-height:1.65}@media (width<=900px){.hero{padding-top:220px}.scenario-grid{text-align:center;grid-template-columns:1fr}.hero-centered{padding-top:200px}.hero-title{font-size:42px}.hero-carousel{margin-top:40px}.carousel-arrow{width:36px;height:36px;font-size:20px}.carousel-prev{left:10px}.carousel-next{right:10px}.hero-actions{flex-direction:column;justify-content:center;align-items:center;gap:12px}.hero-actions .btn-primary,.hero-actions .btn-secondary{width:100%;max-width:320px}.hero-proof{text-align:center}.scenario-content{order:2}.visual-mockup{order:1;margin-bottom:20px}.audience-grid{grid-template-columns:1fr;gap:16px}.audience-section{padding:40px 18px 0}.trust-bar{gap:30px;margin:40px 0}.mock-photo-wall{height:230px}.mock-photo-wall .wall-photo{width:72px}.mock-photo-wall .wall-photo-image{height:72px}.mock-photo-wall .wall-photo-pinned .wall-photo-image{height:92px}.mock-photo-wall .wall-photo-polaroid .wall-photo-image{height:72px}.dock-container-mock,.mock-ghost-container{width:100%;max-width:320px}.dock-container-mock{height:250px}.dock-note-image{width:134px;height:210px;top:20px}.paper-showcase{padding:32px 16px 24px}.paper-showcase h2{font-size:32px}.paper-showcase p{font-size:16px}.paper-showcase-labels{gap:4px;font-size:10px}.plan-grid{grid-template-columns:1fr}.plans-subtitle{margin-bottom:30px;font-size:16px}.ownership{padding:0 18px 72px}.ownership-title{font-size:32px}.ownership-lead{font-size:16px}.ownership-grid{grid-template-columns:1fr;gap:16px;margin-top:30px}.ownership-proof{padding:22px}.ownership-proof p{font-size:15px}.faq{padding:72px 18px 84px}.faq-title{margin-bottom:36px}.faq-grid{grid-template-columns:1fr}:where(.section-title){font-size:34px}}@media (width<=600px){.hero-title{font-size:36px}.trust-bar{justify-content:space-around;gap:20px}.trust-item span:not(.trust-icon){font-size:12px}.scenario-grid>*{min-width:0}.arrange-grid{grid-template-columns:repeat(2,1fr)}}