.template-detail-page {background:#fcf6f2;color:#17131a}
.platform-ui.template-detail-page .template-detail-main {max-width:none;width:100%;padding:0;margin:0}
.template-scene {min-height:calc(100svh - 88px);background:#f4dfd5 url("../marketing/decor/template-blush-background.7f0be40d7e1c.webp") center/cover no-repeat;padding:30px max(28px,5.5vw) 34px}
.template-layout {max-width:1480px;margin:auto;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:50px;position:relative;align-items:center}
.template-back {position:absolute;top:0;left:0;font-size:14px;display:flex;gap:12px;align-items:center;color:#211a21;z-index:1}
.template-back span {font-size:24px}
.template-demo {padding:30px 0 0;display:flex;align-items:center;flex-direction:column;min-width:0}
.template-phone {width:340px;height:736px;flex-shrink:0;border-radius:62px;padding:12px;background:linear-gradient(115deg,#b59b84,#f3d7bd 25%,#44382f 48%,#dfbea3 75%,#806751);border:2px solid #775f4f;box-shadow:inset 0 0 0 3px #e1c8b3,0 15px 25px #563c322b;position:relative;display:flex;flex-direction:column}
.template-phone:before {content:'';position:absolute;left:-5px;top:133px;height:65px;width:3px;border-radius:3px;background:#957c67}
.template-phone-status {position:relative;flex:0 0 42px;background:#fffcf9;color:#161616;display:flex;justify-content:space-between;align-items:center;padding:5px 25px 0;font:bold 12px Arial,sans-serif;border-radius:45px 45px 0 0;box-shadow:0 0 0 3px #131211;z-index:1}
.template-phone-notch {position:absolute;top:-1px;left:50%;transform:translateX(-50%);width:140px;height:26px;background:#101010;border-radius:0 0 18px 18px}
.template-phone-notch:after {content:'';position:absolute;width:39px;height:4px;border-radius:5px;background:#292727;top:9px;left:51px}
.template-phone-screen {display:block;min-height:0;flex:1;width:100%;border:0;border-radius:0 0 44px 44px;background:#fff8f1;box-shadow:0 0 0 3px #131211;touch-action:auto}
.template-demo-hint {font-size:11px;color:#674b48;margin:14px 0 0;text-align:center}
.template-panel {padding:38px 36px 26px;border:1px solid #fff9f6;border-radius:25px;background:#fffdfaf2;min-width:0}
.template-eyebrow {text-transform:uppercase;font-size:10px;letter-spacing:.18em;color:#766975;margin:0 0 20px;font-weight:650}
.platform-ui .template-panel h1 {font:400 clamp(46px,5.5vw,94px)/1.05 Georgia,serif;letter-spacing:-.055em;margin:0 0 18px;overflow-wrap:break-word}
.template-description {font-size:17px;line-height:1.55;color:#857a82;margin:0 0 16px}
.template-purchase {display:flex;align-items:center;justify-content:space-between;gap:16px;background:#fceae7;border-radius:18px;margin:0 -4px 26px;padding:20px 22px}
.template-price {font:400 44px/1.1 Georgia,serif;white-space:nowrap;margin:0 0 7px}
.template-price span {font-size:.8em}
.template-purchase-note {font-size:10px;color:#877b81;margin:0;max-width:240px}
.template-use {display:flex;align-items:center;justify-content:center;gap:10px;color:white;background:linear-gradient(115deg,#ef174d,#e6294d);border:3px solid white;box-shadow:0 4px 12px #be385621;border-radius:50px;min-height:66px;padding:14px 20px;font-size:13px;font-weight:650;white-space:nowrap}
.template-use:hover {text-decoration:none;filter:brightness(.96)}
.template-use span {font-size:23px;font-weight:400}
.template-features-heading {display:flex;gap:12px;align-items:center;justify-content:space-between;border-bottom:1px solid #eaddd9;padding-bottom:10px}
.platform-ui .template-features-heading h2 {font:400 20px/1.3 Georgia,serif;letter-spacing:-.025em;margin:0}
.template-features-heading a {font-size:12px;color:#7f737c;white-space:nowrap}
.template-features-heading a span {margin-left:8px}
.template-features {list-style:none;padding:16px 0 20px;margin:0;display:grid;grid-template-columns:1fr 1fr;gap:20px 22px}
.template-features li {display:flex;gap:15px;align-items:flex-start;font-size:12px;line-height:1.5}
.template-feature-icon {flex:0 0 45px;height:45px;display:grid;place-items:center;background:#ffece9;border-radius:50%;color:#ff174b}
.template-feature-icon svg {width:26px;height:26px}
.template-features small {display:block;color:#8a7d83;font-size:11px;margin-top:3px;line-height:1.5}
.template-assurances {border-top:1px solid #eaddd9;display:flex;justify-content:space-between;gap:14px;list-style:none;padding:21px 0 0;margin:0}
.template-assurances li {display:flex;gap:14px;align-items:center;font-size:10px;line-height:1.6;color:#81747d}
.template-assurances svg {color:#ff174b;width:30px;height:30px;flex-shrink:0}
@media(min-width:1550px) {.template-panel{padding:40px 36px 26px}.template-description{font-size:19px}.template-purchase{padding:22px}.template-use{font-size:14px}.template-features li{font-size:14px}.template-features small{font-size:12px}.template-assurances li{font-size:12px}}
@media(max-width:1150px) {.template-layout{gap:28px;grid-template-columns:.85fr 1.15fr}.template-scene{padding:24px}.template-panel{padding:28px 24px}.template-phone{width:300px;height:650px;border-radius:54px}.template-purchase{flex-wrap:wrap}.template-use{width:100%;min-height:54px}.template-features{gap:17px 12px}.template-features li{gap:8px}.template-feature-icon{flex-basis:34px;height:34px}.template-feature-icon svg{width:22px}.template-assurances li{flex-direction:column;align-items:flex-start;gap:7px}}
@media(max-width:800px) {.template-layout{grid-template-columns:1fr;gap:25px;max-width:600px}.template-scene{background-size:auto 1000px;background-position:center top;padding:24px 20px 35px}.template-demo{padding-top:54px}.template-phone{width:310px;height:670px}.template-panel{padding:30px 24px}.platform-ui .template-panel h1{font-size:55px}.template-description{font-size:15px}.template-purchase{flex-wrap:nowrap}.template-use{width:auto;white-space:normal;text-align:center;min-height:58px}.template-price{font-size:38px}.template-assurances li{flex-direction:row}}
@media(max-width:440px) {.template-scene{padding:20px 14px 28px}.template-demo{padding-top:48px}.template-phone{width:min(300px,calc(100vw - 72px));height:644px}.template-panel{padding:26px 20px;border-radius:22px}.platform-ui .template-panel h1{font-size:44px}.template-purchase{flex-wrap:wrap;padding:18px;margin-bottom:24px}.template-use{width:100%}.template-features-heading{align-items:flex-start}.platform-ui .template-features-heading h2{font-size:18px}.template-features-heading a{font-size:10px;white-space:normal;text-align:right;max-width:100px}.template-features{grid-template-columns:1fr;gap:17px}.template-features li{font-size:14px;gap:14px}.template-features small{font-size:12px}.template-feature-icon{flex-basis:43px;height:43px}.template-assurances li{flex-direction:column;flex:1;font-size:9px}.template-eyebrow{font-size:9px}.template-back{font-size:12px}}
.template-phone-screen {border-radius:48px}
.template-title-ampersand {font-family:'Romantic Script',cursive;font-weight:400;color:#ea2051;letter-spacing:-.04em}
