.collection-page{--collect-mint:#edf8f2;--collect-warm:#fff7e9}.collection-page .topbar{position:relative}.collection-page .nav{gap:24px}.collection-page h1{font-family:Manrope,Inter,sans-serif}.collection-page .section-copy{font-size:16px}.collection-page .check-list{font-size:14px;line-height:1.9}.collection-page .text-link{display:inline-block}.center{text-align:center}.section-action{margin-top:30px}
.collect-hero-grid>*,.collect-split>*{min-width:0}
.collect-hero{isolation:isolate;position:relative;overflow:hidden;margin-top:-95px;padding-top:95px;background:radial-gradient(ellipse at 85% 38%,#e5f4efbd,transparent 46%),radial-gradient(ellipse at 45% 60%,#e7edff,transparent 55%),#fbfcff}.collect-halo{position:absolute;z-index:-1;right:-200px;top:-30px;width:1000px;height:1000px;border-radius:50%;border:1px solid #d7e6fb80;pointer-events:none}.collect-halo:before,.collect-halo:after{content:'';position:absolute;inset:95px;border:1px solid #d7e6fb80;border-radius:50%}.collect-halo:after{inset:190px}.collect-hero-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:40px;align-items:center;padding:65px 0 54px;min-height:730px}.collect-hero-copy{position:relative;z-index:2}.collect-hero .eyebrow{margin:28px 0 22px}.collect-hero h1{font-size:61px;font-weight:750;line-height:1.13;letter-spacing:-2.8px}.collect-hero h1>span,.collect-final h2>span{color:#386bea;background:linear-gradient(110deg,#3075ed,#6062dc);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.collect-lead{font-size:16px;line-height:1.9;color:#60738d;max-width:455px;margin:25px 0}.collect-actions{display:flex;flex-wrap:wrap;align-items:center;gap:20px;margin-top:29px}.collect-actions .text-link{font-size:12px}.collect-hint{font-size:11px;color:#6b7c94;line-height:1.8;margin-top:17px}.collect-hero-art{height:575px;position:relative;min-width:0}.hero-phone{position:absolute;left:118px;top:48px;width:286px;min-height:485px;background:linear-gradient(155deg,#fff,#f7fbff);border:7px solid white;border-radius:39px;box-shadow:0 27px 70px #2c47761b,0 0 0 1px #e3e8f3;text-align:center;transform:rotate(6deg);padding:17px 22px 24px}.phone-island{height:7px;width:61px;background:#dae1ed;border-radius:10px;margin:0 auto 21px}.phone-company{display:flex;flex-direction:column;align-items:center;font-size:19px;font-weight:700;color:#314b42;margin-bottom:33px}.phone-company>span{display:grid;place-items:center;background:#e6f1df;border-radius:20px;font:700 28px Manrope;width:61px;height:61px;margin-bottom:9px}.phone-company small{font-size:9px;font-weight:400;color:#839187;margin-top:2px}.hero-phone>strong{font:750 24px Manrope;color:#21354a}.hero-phone>p{font-size:12px;line-height:1.7;color:#788796;margin:11px 0 27px}.phone-emotions{font-size:24px;white-space:nowrap;letter-spacing:1px}.phone-scale{display:flex;justify-content:space-between;font-size:8px;color:#8593a3;margin:10px 0}.phone-divider{height:1px;background:#e8edf4;margin:25px 0 16px}.hero-phone>small{font-size:10px;line-height:1.8;color:#8795a7}.phone-brand{font-size:8px;color:#92a0b2;margin-top:22px}.hero-message{position:absolute;top:0;left:8px;z-index:3;display:flex;gap:10px;align-items:center;background:white;border:1px solid #e5ebf5;border-radius:14px;padding:13px 17px;transform:rotate(-5deg);box-shadow:0 12px 30px #3851720d}.hero-message>span{font-size:24px}.hero-message p{font-size:12px;color:#304460}.hero-message small{display:block;font-size:8px;color:#718199;margin-top:6px}.qr-paper{padding:24px;background:white;border-radius:16px;border:1px solid #e2e9f4;box-shadow:0 20px 44px #354e7d13;text-align:center}.qr-paper strong{display:block;font:750 17px Manrope;color:#273d58}.qr-paper p{font-size:10px;color:#76869a;margin:7px 0 10px}.qr-paper img{display:block;max-width:100%;height:auto;margin:10px auto}.qr-paper small{font-size:9px;line-height:1.6;color:#71839b;display:block}.hero-qr{position:absolute;left:-28px;bottom:40px;width:210px;z-index:4;transform:rotate(-9deg);padding:19px;text-decoration:none;transition:transform .2s,box-shadow .2s}.hero-qr:hover{transform:rotate(-5deg) translateY(-3px);box-shadow:0 25px 50px #354e7d20}.hero-qr:focus-visible{outline:3px solid var(--blue);outline-offset:6px}.paper-icon{font-size:28px;display:block;margin-bottom:5px}.hero-feedback{position:absolute;right:-13px;bottom:22px;display:flex;align-items:center;gap:10px;padding:16px;background:#fff;border:1px solid #e0e9f1;border-radius:13px;transform:rotate(4deg);z-index:5;box-shadow:0 12px 30px #3851720d}.hero-feedback>span{font-size:25px}.hero-feedback b{font-size:10px;display:block;color:#3c506b}.hero-feedback small{font-size:9px;display:block;margin-top:5px;color:#7a8b9f}.collect-art-caption{position:absolute;left:0;right:0;bottom:-16px;text-align:center;font-size:9px;color:#7d8da2}.collect-facts{display:flex;justify-content:space-between;gap:20px;border-top:1px solid #dfe7f4;padding:28px 0 33px;color:#718198;font-size:11px}.collect-facts b{display:block;color:#2e496e;font:750 20px Manrope;margin-bottom:5px}.collect-split{display:grid;grid-template-columns:1fr 1fr;gap:76px;align-items:center}.friction-scene{padding:30px;background:linear-gradient(150deg,#f4f6fe,#edf8f2);border:1px solid #e5edf3;border-radius:26px}.friction-before{padding:22px;background:#ffffff80;border:1px solid #e4e9f1;border-radius:16px;transform:rotate(-3deg);margin:0 18px 25px 0}.friction-before small{display:block;color:#7c879a;font-size:10px}.friction-before>span{display:block;color:#8994a5;font-size:12px;line-height:2;margin:13px 0}.friction-before b{font:700 19px Manrope;color:#77879b}.friction-after{display:flex;gap:16px;align-items:center;padding:25px;background:white;border:1px solid #cfe6db;border-radius:16px;transform:rotate(2deg);box-shadow:0 14px 33px #4c756414}.friction-after>span{font-size:36px}.friction-after small{font-size:10px;color:#567c6b}.friction-after strong{display:block;font:750 20px Manrope;margin:8px 0;color:#244f42}.friction-after p{font-size:11px;color:#789587}
.collect-flow-section{background:linear-gradient(160deg,#f6f8fe,#fbfcff)}.journey-start{display:flex;align-items:center;gap:20px;width:min(600px,100%);margin:0 auto 46px;background:white;border:1px solid #dce6f8;border-radius:20px;padding:24px 28px;box-shadow:0 10px 27px #374e7d08;position:relative}.journey-start:after{content:'↓';position:absolute;left:50%;bottom:-38px;font-size:26px;color:#89a6da}.journey-start>span:first-child{font-size:32px}.journey-start b{font:750 18px Manrope;color:#263e5f}.journey-start small{display:block;margin-top:6px;font-size:11px;color:#73859d}.journey-start>.stars{margin-left:auto;font-size:17px;white-space:nowrap}.journey-branches{display:grid;grid-template-columns:1fr 1fr;gap:24px}.journey-branches>article{padding:32px;border-radius:24px;border:1px solid}.journey-positive{background:linear-gradient(145deg,#eef9f3,#fff 65%);border-color:#d1e7dc!important}.journey-negative{background:linear-gradient(145deg,#fff7eb,#fff 65%);border-color:#efdfc9!important}.mood-tag{display:inline-flex;align-items:center;gap:8px;border-radius:24px;font-size:12px;font-weight:650;padding:10px 14px;color:#31674e;background:#e2f4e9;border:1px solid #cee5d7}.journey-negative .mood-tag{background:#fff0d8;border-color:#f2dfbd;color:#966422}.journey-branches h3{font-size:25px;letter-spacing:-.7px;margin:25px 0 15px;line-height:1.35}.journey-branches>article>p{font-size:13px;line-height:1.85;color:#708198}.collect-platforms{display:flex;gap:8px;flex-wrap:wrap;margin:24px 0}.collect-platforms>span{display:flex;align-items:center;gap:6px;background:#fff;border:1px solid #e3eaf4;border-radius:9px;padding:9px 11px;font-size:10px;color:#627792}.flow-quote{padding:21px 25px;background:white;border:1px solid #e0e9f4;border-radius:16px;transform:rotate(-4deg);max-width:310px;margin:25px auto 4px;box-shadow:0 16px 28px #30456309}.flow-quote p{font-size:13px;color:#5c6e85;line-height:1.8;margin:10px 0}.flow-quote small{font-size:9px;color:#8491a4}.flow-quote .stars{font-size:13px}.private-note{margin:28px 0 25px;padding:22px;background:#fffbf5;border:1px solid #f0e5d7;border-radius:15px}.private-note small,.private-note>span{font-size:10px;color:#ad8454}.private-note p{margin:14px 0;font-size:13px;line-height:1.9;color:#677b92}.private-caption{font-size:11px;color:#9b7a4c;margin-top:25px}.collection-page .fine-print{font-size:11px;line-height:1.85;margin-top:22px;color:#73849a}
.collect-demo-section{background:radial-gradient(ellipse at 10% 15%,#ebe7ff7a,transparent 45%),radial-gradient(ellipse at 95% 75%,#def2e97d,transparent 45%),#f3f7fc}.collect-playground{display:grid;grid-template-columns:310px minmax(0,1fr);gap:0;border:1px solid #dfe7f4;border-radius:24px;overflow:hidden;background:#fff;box-shadow:0 20px 60px #2945660b}.collect-demo-controls{padding:28px;background:#fff;min-width:0}.demo-control-group{margin-bottom:27px}.demo-control-group h3{font-size:12px;font-weight:750;letter-spacing:0;margin-bottom:12px}.collect-choice-group{display:flex;flex-wrap:wrap;gap:6px}.collect-choice-group button{border:1px solid #e1e7f0;background:#fff;color:#60728c;padding:10px 12px;border-radius:9px;font-size:11px;line-height:1.5;min-height:38px}.collect-choice-group button[aria-pressed=true]{background:#eef3ff;border-color:#9db7f5;color:#2858c3}.collect-choice-group button:focus-visible,.collect-theme-options button:focus-visible,.restart-button:focus-visible{outline:3px solid #85acff;outline-offset:3px}.collect-theme-options{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.collect-theme-options button{display:flex;flex-direction:column;align-items:center;gap:6px;border:1px solid #e5eaf3;border-radius:10px;background:white;padding:10px 5px;font-size:9px;line-height:1.5;color:#61708a}.collect-theme-options i{display:block;width:29px;height:29px;border-radius:50%;background:var(--swatch);border:3px solid white;box-shadow:0 0 0 1px #e2e8f1}.collect-theme-options button[aria-pressed=true]{border-color:#819ee8;background:#f5f8ff}.compact-choices button{font-size:10px;padding:8px 10px}.restart-button{border:0;background:#f4f7fb;color:#506884;padding:12px 14px;border-radius:10px;text-align:center;font-size:11px;width:100%}.demo-settings-note{font-size:11px;line-height:1.85;color:#6d809b;margin:21px 0}.collect-demo-controls>.button{width:100%;font-size:12px!important;padding:14px;min-height:52px!important}.guest-preview-wrap{min-width:0;background:#eff3ff;display:flex;flex-direction:column;border-left:1px solid #e5eaf3}.guest-preview-top{display:flex;align-items:center;gap:8px;background:white;border-bottom:1px solid #e5eaf3;padding:16px 22px;font-size:11px;color:#60718d}.preview-dot{height:6px;width:6px;background:#629c7e;border-radius:50%}.guest-preview-top>span:last-child{margin-left:auto;font-size:9px;color:#637ca9}.demo-safety-note{font-size:10px;line-height:1.7;color:#61759a;text-align:center;padding:12px 16px;background:#f6f8ff}.guest-preview-wrap #guest-preview{flex:1;min-height:555px;padding:35px 25px;justify-content:flex-start}.collection-page #guest-preview .c-page{max-width:430px;padding:30px}.collection-page #guest-preview .c-page h3{font:750 28px/1.2 Manrope,Inter,sans-serif;letter-spacing:-1px;text-align:center;margin:0 0 14px;color:var(--c-text);outline:none}.collection-page #guest-preview .c-intro{font-size:13px}.collection-page #guest-preview .c-brand{margin-bottom:20px}.collection-page #guest-preview .c-branding{margin-top:18px}.collection-page #demo-status{font-size:11px;color:#4d6383;line-height:1.7;padding:0 20px 14px;text-align:center}.collect-choice-group button:hover,.restart-button:hover{background:#f0f5ff}
.channel-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.channel-card{padding:34px;border:1px solid #e3eaf4;border-radius:25px;overflow:hidden;display:flex;flex-direction:column}.channel-card h3{font-size:24px;letter-spacing:-.7px;margin:15px 0}.channel-card p{font-size:13px;line-height:1.85;color:#697c94}.scene-emoji{font-size:30px;display:block}.qr-channel{background:radial-gradient(ellipse at 70% 80%,#e0e8fe,transparent 60%),#f6f8ff}.link-channel{background:radial-gradient(ellipse at 90% 70%,#e1f2eb,transparent 60%),#f5fbf8}.mini-qr-scene{padding:28px 0 6px;display:flex;gap:28px;align-items:center;justify-content:center}.mini-qr-scene .qr-paper{width:190px;padding:17px;transform:rotate(-6deg)}.mini-qr-scene strong{font-size:14px}.mini-qr-scene>span{color:#6b83ab;font-size:11px;max-width:98px;line-height:1.8}.message-scene{margin:50px 0 8px;padding-left:8px}.message-scene>p{background:white;border:1px solid #d8eade;border-radius:18px 18px 4px 18px;padding:24px;transform:rotate(3deg);color:#436855;box-shadow:0 15px 35px #4f71550c;font-size:14px}.message-scene p span{color:#3378bf;font-size:11px;display:block;margin-top:13px;overflow-wrap:anywhere}.message-scene>small{display:block;font-size:9px;color:#759886;text-align:right;margin-top:19px}
.collect-brand-section{background:radial-gradient(ellipse at 85% 55%,#ebe5fb,transparent 50%),#fafbff}.brand-page-stack{height:420px;position:relative}.brand-page{position:absolute;left:30px;top:15px;width:228px;height:327px;padding:29px 22px;border:1px solid #e4e5ef;border-radius:23px;box-shadow:0 20px 45px #2f355b12;text-align:center}.brand-page>span{display:block;font-size:37px}.brand-page>small{display:block;font-size:11px;margin:15px 0 24px}.brand-page>b{display:block;font:750 20px/1.4 Manrope}.brand-page>i{display:block;font-style:normal;white-space:nowrap;font-size:24px;color:#c68b30;margin:22px 0}.brand-page>em{display:block;font-size:10px;font-style:normal;padding:11px;border-radius:10px}.brand-page.warm{background:#fff8ec;transform:rotate(-14deg);color:#705b3b;left:0;top:36px}.brand-page.warm em{background:#d4a75c;color:white}.brand-page.lilac{background:#f8f4ff;transform:rotate(4deg);color:#584b78;left:125px;top:0}.brand-page.lilac em{background:#8565c1;color:white}.brand-page.midnight{background:#273346;transform:rotate(17deg);color:#fff;left:236px;top:80px}.brand-page.midnight small{color:#bdc7d7}.brand-page.midnight em{background:#a2b7ff;color:#23385f}.stack-caption{position:absolute;bottom:-10px;left:0;right:0;text-align:center;color:#8a8ca8;font-size:9px}.branch-collection-scene{padding:30px;border:1px solid #dfebe7;border-radius:25px;background:linear-gradient(140deg,#edf7f1,#eff4ff);display:grid;grid-template-columns:1fr 1fr;gap:16px}.branch-page{padding:23px 18px;background:white;border:1px solid #dfebe7;border-radius:18px;transform:rotate(-3deg);display:flex;flex-direction:column;align-items:flex-start;gap:12px}.branch-page:nth-child(2){transform:rotate(3deg)}.branch-page>span{font-size:28px}.branch-page>b{font-size:14px;line-height:1.6}.branch-page small{font-size:10px;line-height:1.8;color:#7b8b9a}.branch-page>div{font-size:9px;color:#567895;background:#f4f8fc;padding:8px;border-radius:8px;line-height:1.7}.branch-cabinet{grid-column:1/-1;background:white;border:1px solid #d8e3f3;border-radius:14px;padding:20px;display:flex;gap:12px;align-items:center;font-size:12px;color:#4e6785;margin-top:13px}.branch-collection-scene>small{grid-column:1/-1;text-align:center;font-size:9px;color:#8293a7}
.collect-inbox-section{background:radial-gradient(ellipse at 90% 50%,#fff0dd,transparent 55%),#fffcf7}.inbox-example{background:white;border:1px solid #e9e5de;border-radius:23px;padding:28px;box-shadow:0 22px 60px #6a503e0d;transform:rotate(2deg)}.inbox-bar{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #edf0f5;padding-bottom:20px;font-size:13px;font-weight:650;color:#4b627e}.new-label{padding:6px 11px;border-radius:20px;background:#fff2d8;font-size:10px;color:#9e6d25}.inbox-person{display:flex;align-items:center;gap:12px;margin:22px 0}.inbox-person>span:first-child{width:37px;height:37px;background:#eaf0ff;display:grid;place-items:center;border-radius:50%;color:#597bc9}.inbox-person b{display:block;font-size:13px}.inbox-person small{display:block;margin-top:5px;font-size:9px;color:#8191a7}.inbox-person>span:last-child{margin-left:auto;font-size:12px;color:#c38b30}.inbox-example>p{font-size:13px;line-height:1.9;color:#536783}.inbox-attachment{display:flex;gap:12px;align-items:center;border:1px dashed #dfe6f0;border-radius:12px;padding:14px;margin:22px 0;font-size:11px;color:#69809b}.inbox-attachment>span{font-size:24px}.inbox-attachment small{display:block;font-size:9px;margin-top:5px}.inbox-bottom{border-top:1px solid #e9edf4;padding-top:18px;display:flex;gap:12px;align-items:center;justify-content:space-between;font-size:9px;color:#8090a8}.inbox-bottom b{color:#477454;font-size:10px}.inbox-example>.fine-print{display:block;text-align:center;font-size:8px;margin-bottom:0}
.collect-stat-board{background:linear-gradient(125deg,#fff,#f8faff);border:1px solid #e1e8f5;border-radius:25px;box-shadow:0 20px 50px #2d427507;padding:30px}.stats-heading{display:flex;justify-content:space-between;gap:20px;font-size:14px;color:#425d7f;align-items:center;margin-bottom:25px}.stats-heading>span{font-size:10px;color:#8493a9}.collect-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:13px}.collect-kpis>div{padding:22px;background:#f2f6ff;border-radius:14px;display:grid;gap:9px}.collect-kpis>div:nth-child(2){background:#f1f7f4}.collect-kpis>div:nth-child(3){background:#f4f1fc}.collect-kpis>div:nth-child(4){background:#fdf6eb}.collect-kpis span{font-size:12px;color:#667994}.collect-kpis b{font:750 37px Manrope;color:#233d65;letter-spacing:-1px}.collect-kpis small{font-size:10px;color:#8b9aae}.stats-bottom{display:grid;grid-template-columns:1fr 1fr;gap:55px;margin-top:25px;align-items:center}.chart-bars{display:flex;align-items:end;height:110px;gap:15px;border-bottom:1px solid #dbe7f6;padding:0 20px}.chart-bars i{display:block;flex:1;height:var(--bar);background:linear-gradient(#7699f6,#c6d9ff);border-radius:7px 7px 0 0}.stats-explanation{display:flex;align-items:center;gap:18px}.stats-explanation>span{font-size:29px}.stats-explanation p{font-size:12px;line-height:1.9;color:#70839d}.stats-explanation b{color:#466081;font-weight:600}
.collect-print-section{background:radial-gradient(ellipse at 10% 40%,#eae6fc,transparent 50%),#f7f9fd}.print-formats{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.print-formats>article{background:#fff;border:1px solid #e1e8f4;border-radius:22px;padding:22px}.print-stage{height:230px;display:grid;place-items:center;border-radius:14px;background:#eff4fc;overflow:hidden;perspective:600px}.print-formats h3{font:750 21px Manrope;margin:23px 0 10px}.print-formats p{font-size:12px;line-height:1.85;color:#70819a}.print-card-art{display:flex;gap:12px;align-items:center;width:242px;padding:15px;border:1px solid #e1e8f2;border-radius:11px;box-shadow:0 14px 25px #40547812;background:white;transform:rotate(-9deg)}.print-card-art b{font-size:11px;line-height:1.7;display:block}.print-card-art small{font-size:8px;color:#7b8da7;margin-top:10px;display:block}.table-tent{background:#eef7f1}.tent-art{padding:19px;background:white;box-shadow:14px 7px 0 #cee0d6,0 15px 25px #31524515;text-align:center;transform:rotate(-5deg) rotateY(-12deg);border:1px solid #dfe8e1;min-width:180px}.tent-art b{font-size:13px;display:block}.tent-art img{display:block;margin:9px auto}.tent-art small{font-size:8px;color:#7f9188}.poster{background:#fff5e8}.poster-art{padding:13px 20px;background:white;text-align:center;transform:rotate(5deg);box-shadow:0 12px 24px #745d3b16;border:1px solid #eee4d5}.poster-art>span{font-size:19px}.poster-art b{display:block;font-size:12px;line-height:1.6;margin:6px 0}.poster-art img{display:block;margin:0 auto}.collect-print-section .fine-print{max-width:730px;margin:28px auto 0}
.collect-start-steps{list-style:none;display:grid;grid-template-columns:repeat(3,1fr);gap:35px;padding:0;counter-reset:none}.collect-start-steps>li{padding-top:23px;border-top:1px solid #dce6f6}.collect-start-steps>li>span{font:650 32px Manrope;color:#a3bae8;letter-spacing:-1px}.collect-start-steps h3{font-size:21px;margin:16px 0 14px;letter-spacing:-.6px}.collect-start-steps p{font-size:13px;line-height:1.9;color:#687d97}.update-strip{display:flex;gap:20px;align-items:center;border:1px solid #dce9e4;border-radius:16px;padding:24px 28px;background:linear-gradient(110deg,#f1f8f4,#f6f9ff);margin-top:38px}.update-strip>span{font-size:35px;color:#71a48b}.update-strip p{font-size:12px;color:#6c8795;line-height:1.9}.update-strip b{font-size:14px;color:#3d6470}.collect-video-section{padding-top:30px}.collection-video{padding:45px;border-radius:25px;border:1px solid #e0e7f6;background:linear-gradient(125deg,#eef3ff,#f3effb,#eff9f5);display:grid;grid-template-columns:1fr 1fr;gap:35px;align-items:center}.collection-video h2{font-size:36px}.collection-video p{font-size:13px;line-height:1.9;color:#6b7a92;max-width:350px;margin:20px 0}.video-soon{display:inline-block;border:1px solid #dbe3f4;background:white;border-radius:20px;padding:10px 15px;font-size:11px;color:#6a7ca0}.video-preview-art{text-align:center}.video-steps{display:flex;gap:12px;align-items:center;justify-content:center;font-size:10px;color:#5a7096}.video-steps span{background:#ffffffbd;padding:11px 13px;border:1px solid white;border-radius:10px}.video-steps i{font-style:normal;color:#91a5c6}.video-preview-art>img{display:block;margin:24px auto;border:9px solid white;border-radius:16px;transform:rotate(-5deg);box-shadow:0 15px 30px #5b649517}.video-preview-art>b{font-size:11px;font-weight:600;color:#6b7da0}.collection-page .free-card .check-list{color:#fff}.collection-page .free-card .check-list li:before{color:#c2d5ff}
.collect-final{position:relative;isolation:isolate;border:1px solid #e0e8f8;border-radius:30px;overflow:hidden;background:radial-gradient(ellipse at 85% 80%,#e4f3e9,transparent 55%),radial-gradient(ellipse at 15% 20%,#e6e9ff,transparent 55%),#f7faff;padding:95px 30px;min-height:500px;text-align:center}.collect-final:before{content:'';position:absolute;z-index:-1;inset:20px 10%;border:1px solid #fff;border-radius:50%;transform:rotate(-15deg)}.collect-final-copy{max-width:560px;margin:auto;position:relative;z-index:2}.collect-final-copy .eyebrow{justify-content:center;font-size:8px}.collect-final h2{font-size:44px;line-height:1.2;letter-spacing:-1.8px}.collect-final p{font-size:14px;line-height:1.85;color:#6f819a;margin:20px 0 28px}.collect-final .collect-hint{display:block;font-size:10px;margin-top:17px}.collect-final-qr{position:absolute;width:205px;left:27px;top:120px;transform:rotate(-10deg);padding:20px}.collect-final-qr strong{font-size:14px}.collect-final-message{position:absolute;width:207px;right:26px;top:175px;background:#fff;border:1px solid #e2e9f3;border-radius:18px;padding:20px;text-align:left;box-shadow:0 15px 35px #43576c10;transform:rotate(8deg)}.collect-final-message>span{font-size:26px}.collect-final-message p{font-size:12px;line-height:1.7;margin:12px 0}.collect-final-message small{font-size:9px;color:#7c8da4}
@media(max-width:1100px){.collect-hero h1{font-size:52px}.collect-hero-grid{gap:25px}.hero-phone{left:73px;width:261px}.hero-qr{left:-5px;width:185px;bottom:25px}.hero-feedback{right:0;bottom:-5px}.hero-message{left:0;padding:12px}.collect-art-caption{bottom:-37px}.collect-hero-art{height:570px}.collect-split{gap:38px}.brand-page-stack{height:410px}.brand-page{width:186px;padding:25px 15px;height:290px}.brand-page.lilac{left:85px}.brand-page.midnight{left:170px}.brand-page>b{font-size:17px}.collect-final-copy{max-width:440px}.collect-final h2{font-size:39px}.collect-final-qr{width:171px;left:20px;padding:16px}.collect-final-message{width:169px;right:20px;padding:16px}.collect-final-message p{font-size:10px}.collect-final-copy .eyebrow{font-size:7px}.print-formats{gap:15px}.print-formats>article{padding:15px}.print-card-art{width:205px;padding:10px;gap:8px}.print-card-art img{width:67px;height:67px}.print-card-art b{font-size:10px}.video-steps{gap:5px}.video-steps span{padding:10px 8px}}
@media(max-width:850px){.collect-hero-grid{grid-template-columns:1fr;padding-top:42px;gap:35px}.collect-hero-copy{text-align:center}.collect-hero-copy .eyebrow{justify-content:center}.collect-hero h1{font-size:55px}.collect-hero h1 br:last-of-type{display:none}.collect-hero h1>span{display:block}.collect-lead{margin:22px auto;max-width:510px}.collect-actions{justify-content:center}.collect-hero-art{width:470px;max-width:100%;height:570px;margin:0 auto 30px}.hero-phone{left:140px}.hero-qr{left:0;bottom:36px;width:205px}.hero-message{left:32px}.hero-feedback{right:0;bottom:0}.collect-halo{top:310px;right:50%;transform:translateX(50%)}.collect-facts{display:grid;grid-template-columns:repeat(4,1fr);text-align:center}.collect-facts b{font-size:17px}.collect-facts{font-size:9px}.collect-split{gap:30px}.friction-scene{padding:20px}.friction-after{padding:18px;gap:9px}.friction-after strong{font-size:16px}.journey-branches>article{padding:23px}.journey-branches h3{font-size:21px}.collect-playground{grid-template-columns:245px minmax(0,1fr)}.collect-demo-controls{padding:22px 17px}.guest-preview-wrap #guest-preview{padding:25px 12px}.collection-page #guest-preview .c-page{padding:24px 20px}.collection-page #guest-preview .c-stars{gap:4px}.collection-page #guest-preview .c-stars button{font-size:33px;min-width:29px}.collection-page #guest-preview .c-emotions button{font-size:25px;min-width:28px}.channel-card{padding:26px}.mini-qr-scene{gap:15px}.mini-qr-scene .qr-paper{width:165px}.mini-qr-scene>span{font-size:9px}.brand-page-stack{transform:scale(.86);transform-origin:left center;margin-right:-15px}.branch-collection-scene{padding:20px;gap:12px}.branch-page{padding:18px 12px}.branch-page>b{font-size:12px}.inbox-example{padding:22px}.inbox-person{gap:8px;flex-wrap:wrap}.inbox-bottom{flex-wrap:wrap;gap:10px}.collect-kpis>div{padding:16px}.collect-kpis b{font-size:29px}.collect-kpis small{font-size:9px}.stats-bottom{gap:25px}.stats-explanation{gap:12px}.print-formats{grid-template-columns:1fr}.print-formats>article{display:grid;grid-template-columns:1fr 1fr;column-gap:28px;padding:20px}.print-stage{grid-row:1/3;height:215px}.print-formats h3{align-self:end}.print-formats p{align-self:start}.collect-start-steps{gap:22px}.collect-start-steps h3{font-size:18px}.collection-video{grid-template-columns:1fr;gap:25px;padding:35px}.video-preview-art{padding:10px 0}.collect-final{padding:65px 25px 40px;display:flex;flex-wrap:wrap;gap:34px 30px;justify-content:center}.collect-final-copy{flex-basis:100%;max-width:100%}.collect-final-qr,.collect-final-message{position:relative;inset:auto;width:200px;align-self:center}.collect-final-message p{font-size:12px}.collect-final-copy .eyebrow{font-size:8px}}
@media(max-width:650px){.collect-split{grid-template-columns:1fr;gap:36px}.collection-page .section-copy{font-size:14px}.collection-page .eyebrow{font-size:9px}.collect-hero{margin-top:-77px;padding-top:77px}.collect-hero h1{font-size:45px;letter-spacing:-2px}.collect-lead{font-size:14px}.collect-hero-grid{padding-top:30px}.collect-hero .eyebrow{font-size:8px;margin:22px 0 18px}.collect-hero-art{max-width:400px;height:565px}.hero-phone{left:auto;right:22px;width:261px;top:62px}.hero-qr{width:170px;padding:15px;bottom:34px;left:5px}.hero-qr strong{font-size:14px}.hero-message{left:15px}.hero-message p{font-size:11px}.hero-feedback{right:0;max-width:235px;padding:12px}.collect-actions{gap:15px;flex-direction:column}.collect-actions>.button{font-size:13px;min-height:56px;padding-inline:20px}.collect-hint{font-size:9px}.collect-facts{grid-template-columns:repeat(2,1fr);gap:20px 10px;text-align:left;padding:22px 8px}.collect-facts b{font-size:20px}.collect-facts>span{font-size:10px}.friction-before{padding:20px;margin-right:8px}.friction-after{padding:24px 18px}.friction-after strong{font-size:18px}.journey-start{padding:20px;gap:12px}.journey-start>.stars{display:none}.journey-start b{font-size:16px}.journey-start small{font-size:10px}.journey-branches{grid-template-columns:1fr;gap:18px}.journey-branches>article{padding:25px}.journey-branches h3{font-size:23px}.collect-playground{grid-template-columns:1fr}.collect-demo-controls{padding:23px}.collect-choice-group{gap:8px}.collect-choice-group button{font-size:11px;min-height:39px}.collect-theme-options{grid-template-columns:repeat(6,1fr);gap:6px}.collect-theme-options button{font-size:8px;min-width:0}.collect-theme-options i{width:24px;height:24px}.demo-control-group{margin-bottom:22px}.demo-settings-note{margin:18px 0}.guest-preview-wrap{border-left:0;border-top:1px solid #e1e8f4}.guest-preview-wrap #guest-preview{padding:25px 18px;min-height:525px}.collection-page #guest-preview .c-page{padding:27px 23px;margin-top:0}.collection-page #guest-preview .c-stars button{font-size:37px;min-width:35px}.collection-page #guest-preview .c-emotions button{font-size:28px;min-width:31px}.channel-grid{grid-template-columns:1fr;gap:20px}.channel-card{padding:27px}.channel-card h3{font-size:23px}.mini-qr-scene{gap:27px}.mini-qr-scene .qr-paper{width:180px}.message-scene{margin-top:30px}.brand-page-stack{width:360px;max-width:100%;height:370px;transform:none;margin:5px auto 0}.brand-page{width:180px;height:290px}.brand-page.warm{left:0;top:20px}.brand-page.lilac{left:75px;top:0}.brand-page.midnight{left:auto;right:0;top:70px}.stack-caption{bottom:-12px;font-size:8px}.branch-collection-scene{order:1}.collect-inbox-section .collect-split{gap:32px}.inbox-example{transform:rotate(1deg);padding:24px}.collect-stat-board{padding:20px}.stats-heading{align-items:flex-start;font-size:12px;gap:15px}.stats-heading>span{font-size:8px}.collect-kpis{grid-template-columns:1fr 1fr;gap:10px}.collect-kpis b{font-size:32px}.collect-kpis span{font-size:11px}.collect-kpis small{font-size:9px}.stats-bottom{grid-template-columns:1fr}.chart-bars{height:100px;padding-inline:10px;gap:10px}.stats-explanation p{font-size:11px}.collect-start-steps{grid-template-columns:1fr;gap:25px}.collect-start-steps h3{font-size:22px;margin:10px 0}.collect-start-steps>li{padding-top:20px}.collect-start-steps>li>span{font-size:28px}.update-strip{padding:22px 18px;gap:13px;align-items:flex-start}.update-strip b{font-size:13px}.update-strip p{font-size:11px}.collection-video{padding:28px 23px}.collection-video h2{font-size:30px}.video-preview-art>b{font-size:10px}.video-steps{flex-wrap:wrap;gap:6px;font-size:9px}.video-steps span{padding:9px}.collect-final{padding:42px 20px 35px;gap:30px 17px;border-radius:23px}.collect-final h2{font-size:34px;letter-spacing:-1.3px}.collect-final-copy .eyebrow{font-size:7px;line-height:1.7;letter-spacing:.06em;gap:6px}.collect-final-copy .eyebrow>span{font-size:17px}.collect-final-copy>p{font-size:12px}.collect-final-copy>.button{font-size:12px;width:100%;padding:14px;min-height:57px}.collect-final-qr{width:154px;padding:13px}.collect-final-qr strong{font-size:10px}.collect-final-qr small{font-size:8px}.collect-final-message{width:145px;padding:15px}.collect-final-message>span{font-size:22px}.collect-final-message p{font-size:10px}.collect-final-message small{font-size:8px}.collection-page .footer-top{flex-wrap:wrap}}
@media(max-width:380px){.collect-hero h1{font-size:39px}.hero-phone{right:10px;width:232px;padding-inline:18px}.phone-emotions{font-size:21px;letter-spacing:0}.hero-qr{width:149px;left:0;bottom:22px}.hero-qr strong{font-size:12px}.hero-message{left:0;padding:11px;gap:7px}.hero-message p{font-size:10px}.hero-message small{font-size:7px}.hero-feedback{bottom:-28px;right:2px}.collect-art-caption{bottom:-54px}.collect-hero-art{margin-bottom:52px}.collect-theme-options{grid-template-columns:repeat(3,1fr)}.collect-playground .collect-demo-controls{padding:20px}.guest-preview-wrap #guest-preview{padding:22px 10px}.collection-page #guest-preview .c-page{padding:23px 15px}.collection-page #guest-preview .c-stars button{min-width:31px;font-size:32px}.collection-page #guest-preview .c-emotions button{font-size:25px;min-width:29px}.brand-page-stack{height:345px}.brand-page{width:151px;padding:20px 12px;height:263px}.brand-page>b{font-size:15px}.brand-page>i{font-size:19px}.brand-page.lilac{left:58px}.brand-page.midnight{top:62px}.brand-page>small{font-size:9px}.print-formats>article{display:block;padding:18px}.print-stage{height:220px}.print-formats p{font-size:12px}.collect-final{gap:24px 10px}.collect-final-qr{width:121px;padding:10px}.collect-final-message{width:117px;padding:12px}.collect-final-message p{font-size:9px}.collect-final h2{font-size:30px}}
@media(prefers-reduced-motion:reduce){.hero-qr,.collect-surface .c-stars button{transition:none}.hero-qr:hover{transform:rotate(-9deg)}.collect-surface .c-stars button:hover{transform:none}}
@media(max-width:850px){.collect-hero-grid{grid-template-columns:minmax(0,1fr)}.collect-hero-art{width:min(470px,100%)}}
@media(max-width:650px){.collect-hero-art{width:min(400px,100%)}.brand-page-stack{width:calc(100% - 60px);max-width:360px}}
