:root{--ice:#e8fbfb;--teal:#076d71;--deep:#102c35;--coral:#ff705f}.p2r{min-height:100vh;color:var(--deep);background:#f5fbfa;font-family:Avenir,Hiragino Kaku Gothic ProN,sans-serif}.p2r-nav{letter-spacing:1.5px;border-bottom:1px solid #b9d9d6;grid-template-columns:1fr auto 1fr;align-items:center;height:68px;padding:0 4vw;font-size:12px;display:grid}.p2r-nav a{color:inherit;align-items:center;gap:8px;display:flex}.p2r-nav svg{width:16px}.p2r-nav b{text-align:right;color:var(--teal)}.p2r-head{justify-content:space-between;align-items:end;max-width:1180px;margin:0 auto;padding:22px 28px 16px;display:flex}.kicker,.label{letter-spacing:2px;color:var(--teal);font-size:11px;font-weight:800}.kicker i{background:var(--coral);border-radius:50%;width:8px;height:8px;margin-right:8px;display:inline-block}.p2r h1{letter-spacing:-4px;margin:16px 0;font-size:clamp(19px,2.4vw,28px);line-height:1.02}.p2r h1 em{color:var(--teal);font-style:normal}.p2r-head>p{color:#587076;line-height:1.9}.steps{border-top:1px solid #b9d9d6;grid-template-columns:repeat(4,1fr);max-width:1124px;margin:0 auto 24px;display:grid}.steps span{color:#8aa09f;align-items:center;gap:9px;padding:14px 0;font-size:12px;display:flex}.steps b{border:1px solid #b9d9d6;border-radius:50%;place-items:center;width:24px;height:24px;display:grid}.steps svg{width:13px}.steps .on{color:var(--teal);font-weight:800}.steps .on b{background:var(--teal);color:#fff}.maker,.concept-layout,.result{grid-template-columns:1.05fr .95fr;gap:32px;max-width:1180px;margin:auto;padding:0 28px 64px;display:grid}.drop{background:var(--ice);text-align:center;border:2px dashed #69aaa6;place-content:center;min-height:480px;display:grid;position:relative;overflow:hidden}.drop>svg{width:56px;height:56px;color:var(--teal);margin:auto}.drop h2{margin:16px 0 4px;font-size:27px}.drop p{color:#65807e}.drop input{opacity:0;cursor:pointer;position:absolute;inset:0}.drop img{object-fit:contain;width:100%;height:480px;padding:35px}.controls{background:#fff;border:1px solid #c8dedc;padding:32px;box-shadow:10px 10px #d8efed}.style-grid{gap:10px;margin:16px 0 28px;display:grid}.style-grid button,.concepts button{text-align:left;color:inherit;background:#fff;border:1px solid #c8dedc;padding:17px}.style-grid button{justify-content:space-between;display:flex}.style-grid button small{color:#708581}.style-grid button.active,.concepts button.active{border:2px solid var(--teal);background:var(--ice)}.make{background:var(--coral);color:#182d31;cursor:pointer;border:0;justify-content:center;align-items:center;gap:9px;width:100%;padding:17px 20px;font-weight:900;display:flex;box-shadow:5px 5px #173f43}.make:disabled{opacity:.5}.make svg,.demo svg{width:18px}.demo{color:var(--teal);cursor:pointer;background:0 0;border:0;justify-content:center;align-items:center;gap:8px;width:100%;padding:17px;font-weight:800;display:flex}.promise{color:#718886;margin-top:10px;line-height:1.6;display:block}.p2r-error{color:#b43c36;background:#fff0ed;padding:12px}.concept-layout{grid-template-columns:250px 1fr}.concept-layout aside{background:var(--deep);color:#fff;height:max-content;padding:24px}.concept-layout aside h2{margin:12px 0 4px;font-size:24px}.concept-layout aside p{color:#acc7c7;font-size:12px}.concept-layout aside img{object-fit:contain;background:#fff;width:100%;height:280px;margin-top:20px}.concepts{grid-template-columns:repeat(3,1fr);gap:10px;margin:12px 0 28px;display:grid}.concepts span{color:var(--coral);font-size:11px;font-weight:900}.concepts h3{margin:10px 0;font-size:16px}.concepts p{font-size:13px;font-weight:800}.concepts small{color:#6c817e}.storyboard{grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:26px;display:grid}.storyboard>div>span{letter-spacing:1px;color:var(--teal);font-size:9px;font-weight:800}.cut{background:var(--ice);place-items:center;height:260px;margin:7px 0;display:grid;position:relative;overflow:hidden}.cut img{object-fit:contain;width:100%;height:100%;padding:20px}.cut b{text-align:center;background:#fff;padding:8px;font-size:12px;position:absolute;bottom:12px;left:10px;right:10px}.cut.ai{color:#fff;background:linear-gradient(150deg,#0e7880,#a7eeea)}.cut.ai svg{width:44px;height:44px}.storyboard p{color:#68817f;font-size:11px}.rendering{text-align:center;place-content:center;min-height:480px;display:grid}.rendering svg{width:62px;height:62px;color:var(--teal);margin:auto}.rendering span{letter-spacing:3px;color:var(--coral);margin-top:24px;font-size:11px;font-weight:900}.rendering h2{margin:10px;font-size:30px}.rendering p{color:#66807d}.spin{animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.result{grid-template-columns:390px 1fr;align-items:center}.phone{background:var(--deep);border-radius:28px;padding:10px;box-shadow:15px 15px #cce8e5}.phone video{aspect-ratio:9/16;object-fit:cover;border-radius:20px;width:100%;display:block}.result-copy{padding:35px}.complete{letter-spacing:1.5px;color:var(--teal);align-items:center;gap:8px;font-size:11px;font-weight:900;display:flex}.complete svg{background:var(--teal);color:#fff;border-radius:50%;width:22px;padding:4px}.result-copy h2{font-size:42px;line-height:1.1}.run-metrics{border-block:1px solid #b9d9d6;grid-template-columns:repeat(3,1fr);margin:26px 0;display:grid}.run-metrics div{padding:16px 4px}.run-metrics small{color:#738784;display:block}.run-metrics b{font-size:25px}.download{text-decoration:none}.target{text-align:center;color:#718886;font-size:11px}.secondary-card{opacity:.82}.pic-card .card-art{color:#075f62;background:linear-gradient(135deg,#d8fbf7,#80d8d1)}@media (max-width:800px){.p2r-nav{grid-template-columns:1fr auto}.p2r-nav span{display:none}.p2r-head{padding-top:35px;display:block}.p2r-head>p{font-size:13px}.p2r h1{letter-spacing:-2px}.steps{margin-inline:20px}.steps span{font-size:0}.steps span b{font-size:12px}.maker,.concept-layout,.result{grid-template-columns:1fr;padding:0 20px 45px}.drop{min-height:330px}.drop img{height:330px}.concepts,.storyboard{grid-template-columns:1fr}.concept-layout aside{display:none}.storyboard{grid-template-columns:repeat(3,1fr)}.cut{height:180px}.cut b{font-size:10px}.storyboard p{display:none}.result{padding-top:10px}.result-copy{padding:25px 4px}.result-copy h2{font-size:34px}}.p2r-head p{margin:0 0 5px;font-size:12.5px;line-height:1.7}.p2r-head h1{margin:0 0 7px;line-height:1.4}.p2r-head h1 br{display:none}.p2r-head small{max-width:60em;font-size:12px;line-height:1.65;display:block}