/* Full prototype: approved cold palette, black type and continuous field. */
#product[data-design=cold]{
 --ink:#262427;--quiet:#262427;--link:#262427;--line:#eadde2;--pink:#ef4f99;--cta:#f45a9f;--soft:#fff4f9;
 color:#262427;background-color:#f7f4f7;
 background-image:
  radial-gradient(ellipse 112% 13% at 88% 0%,#fdfdfd 0%,#fcfbfcc9 39%,#fcfbfc00 90%),
  radial-gradient(ellipse 94% 12% at -8% 28%,#fdfdfd 0%,#fcfbfcc9 36%,#fcfbfc00 87%),
  radial-gradient(ellipse 108% 14% at 101% 53%,#fdfdfd 0%,#fcfbfcb3 40%,#fcfbfc00 91%),
  radial-gradient(ellipse 106% 11% at 22% 79%,#fdfdfd 0%,#fcfbfcc9 39%,#fcfbfc00 91%),
  radial-gradient(ellipse 114% 16% at -5% 9%,#e9dfe8 0%,#f0eaf0cc 46%,#f0eaf000 91%),
  radial-gradient(ellipse 100% 15% at 109% 34%,#e9dfe8 0%,#f0eaf0cc 45%,#f0eaf000 91%),
  radial-gradient(ellipse 121% 16% at -13% 61%,#e9dfe8 0%,#f0eaf0c2 42%,#f0eaf000 90%),
  radial-gradient(ellipse 101% 18% at 98% 91%,#e9dfe8 0%,#f0eaf0d9 45%,#f0eaf000 92%);
 background-repeat:no-repeat;background-size:auto;
}
#product[data-design=cold] #header{padding:23px 20px 0}
#product[data-design=cold] .brandrow{margin-bottom:24px}
#product[data-design=cold] .logo{width:138px;filter:none}
#product[data-design=cold] .greeting{font:500 15px/1.5 Onest,sans-serif;color:#262427;margin:0 0 10px;letter-spacing:normal}
#product[data-design=cold] .greeting-name{font:600 15px/1.5 Onest,sans-serif;color:#262427;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:4px}
#product[data-design=cold] h1{font:900 31px/1.13 Rubik,sans-serif;letter-spacing:-.7px;color:#262427;text-align:left}
#product[data-design=cold] h2,#product[data-design=cold] h3{color:#262427}
#product[data-design=cold] .art{mix-blend-mode:multiply}
#product[data-design=cold] .art:before{mask-image:none;mix-blend-mode:multiply;filter:saturate(1.25) contrast(1.04)}
#product[data-design=cold] .filter .art{width:32px;height:32px;flex-basis:32px}
#product[data-design=cold] .filter{color:#262427;min-height:47px}
#product[data-design=cold] .filter[aria-pressed=true]{background:#fff;border-color:#ef4f99}
#product[data-design=cold] .event{
 background:linear-gradient(145deg,#ffffff 0%,#fdfdfd 52%,#f7f4f7 100%);
 border:1px solid #e9e4e9;border-radius:20px;box-shadow:0 5px 16px #3430340a;
}
#product[data-design=cold] .event-body{padding:18px 17px}
#product[data-design=cold] .tag,#product[data-design=cold] .event-short,#product[data-design=cold] .meta,#product[data-design=cold] .company,#product[data-design=cold] .event-expense{color:#262427}
#product[data-design=cold] .event h3{font:700 22px/1.2 Rubik,sans-serif;letter-spacing:-.4px;margin:11px 0 8px}
#product[data-design=cold] .event-metro{display:block;font-size:12px;margin-top:3px}
#product[data-design=cold] .day{font:600 14px/1.45 Onest,sans-serif;color:#262427;margin-bottom:11px;text-transform:capitalize}
#product[data-design=cold] .event-expense{font-size:11px;line-height:1.55;font-weight:400}
#product[data-design=cold] .primary{font:700 15px/1.3 Onest,sans-serif;color:#262427;background:#f45a9f;box-shadow:none;border:0;justify-content:center}
#product[data-design=cold] .interest-mark{font-weight:500;color:#262427}
#product[data-design=cold] #nav{color:#262427}
#product[data-design=cold] #nav button,#product[data-design=cold] #nav button[aria-current=page]{color:#262427}
@media(max-width:380px){
 #product[data-design=cold] #header{padding-left:16px;padding-right:16px}
 #product[data-design=cold] h1{font-size:29px}
}
/* Neutral pearl surfaces for the remaining screens; the accepted Plans stay unchanged. */
#product[data-design=cold] .secondary{background:linear-gradient(145deg,#fff,#fdfdfd 55%,#f7f4f7);border-color:#dfd7df;color:#262427;box-shadow:none}
#product[data-design=cold] .text-button,#product[data-design=cold] .linkrow,#product[data-design=cold] .support,#product[data-design=cold] .caption,#product[data-design=cold] .quiet{color:#262427}
#product[data-design=cold] .back{color:#262427}
#product[data-design=cold] .decoration{pointer-events:none;user-select:none;mix-blend-mode:multiply;object-fit:contain}
#product[data-design=cold] .gallery{position:relative;margin:0 0 20px;border:1px solid #e9e4e9;border-radius:20px;overflow:hidden;background:#fdfdfd;box-shadow:0 5px 16px #3430340a}
#product[data-design=cold] .gallery .event-photo{border-radius:0}
#product[data-design=cold] .gallery-caption{position:absolute;left:12px;top:12px;max-width:calc(100% - 24px);padding:6px 9px;border:1px solid #e9e4e9;border-radius:9px;background:#fdfdfdf0;color:#262427;font-size:11px;pointer-events:none}
#product[data-design=cold] .gallery-actions{padding:3px 8px;background:linear-gradient(145deg,#fff,#f7f4f7)}
#product[data-design=cold] .gallery-actions span{font-size:12px;color:#262427}
#product[data-design=cold] .gallery-actions button{color:#262427;border-radius:11px}
#product[data-design=cold] .detail-facts{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 22px}
#product[data-design=cold] .detail-facts p{display:flex;align-items:center;gap:7px;padding:8px 10px;border:1px solid #e7e0e7;border-radius:10px;background:linear-gradient(145deg,#fff,#f7f4f7);font-size:12px;margin:0;color:#262427}
#product[data-design=cold] .detail-facts svg{width:16px;height:16px}
#product[data-design=cold] .story-panel,#product[data-design=cold] .venue-panel,#product[data-design=cold] .location-panel{position:relative;padding:22px 18px;border:1px solid #e9e4e9;border-radius:20px;margin-bottom:17px;background:linear-gradient(145deg,#fff,#fdfdfd 52%,#f7f4f7);box-shadow:0 5px 16px #3430340a}
#product[data-design=cold] .section-eyebrow{display:flex;align-items:center;gap:9px;margin-bottom:17px;font:500 11px/1.4 Onest,sans-serif;color:#262427;letter-spacing:.2px}
#product[data-design=cold] .chapter{display:grid;place-items:center;width:25px;height:25px;flex:0 0 25px;border:1px solid #ddd4de;border-radius:50%;font-size:10px}
#product[data-design=cold] .story-star{position:absolute;right:15px;top:13px;width:33px;height:33px}
#product[data-design=cold] .story-lead{font:600 18px/1.5 Onest,sans-serif;letter-spacing:-.25px;color:#262427}
#product[data-design=cold] .story-paragraph{font:400 14px/1.7 Onest,sans-serif;color:#262427;margin-top:17px}
#product[data-design=cold] .outfit-note{position:relative;padding:15px 12px 15px 33px;margin-top:20px!important;border-left:2px solid #e4c8da;border-radius:0 12px 12px 0;background:#f7f4f7;font:500 14px/1.65 Onest,sans-serif;color:#262427}
#product[data-design=cold] .outfit-note svg{position:absolute;left:10px;top:18px;width:15px;height:15px;color:#ef4f99}
#product[data-design=cold] .venue-panel h2,#product[data-design=cold] .location-panel h2{font-size:22px;margin-bottom:13px}
#product[data-design=cold] .venue-panel>p{font-size:14px;line-height:1.7;color:#262427}
#product[data-design=cold] .location-row{display:flex;align-items:flex-start;gap:11px;margin-top:16px}
#product[data-design=cold] .location-row>svg{width:19px;height:19px;margin-top:2px;color:#262427}
#product[data-design=cold] .location-address{font-size:15px;font-weight:500;line-height:1.5}
#product[data-design=cold] .location-row .caption{margin-top:5px}
#product[data-design=cold] .location-date{display:flex;align-items:center;gap:8px;border-top:1px solid #e8e0e8;margin-top:17px;padding-top:15px;font-size:12px;text-transform:capitalize}
#product[data-design=cold] .location-date svg{width:16px;height:16px}
#product[data-design=cold] .expense-note{font-size:11px;line-height:1.6;color:#262427;margin:21px 2px 15px}
#product[data-design=cold] .expense-note a{color:#262427;text-underline-offset:3px}
#product[data-design=cold] .actionbar{bottom:0;padding:11px 0 4px;background:#fcfbfcf2;border-radius:14px 14px 0 0;backdrop-filter:blur(10px)}
#product[data-design=cold] .actionbar .interest-mark{margin:0 0 9px}
/* Profile and one-page questionnaire. */
#product[data-design=cold] .profile-pass{position:relative;padding:21px 18px 18px;border:1px solid #e9e4e9;border-radius:20px;background:linear-gradient(145deg,#fff,#fdfdfd 52%,#f7f4f7);box-shadow:0 5px 16px #3430340a}
#product[data-design=cold] .identity{grid-template-columns:78px minmax(0,1fr);gap:17px;margin-bottom:20px}
#product[data-design=cold] .portrait-frame{position:relative}
#product[data-design=cold] .identity .avatar{width:78px;border-radius:16px}
#product[data-design=cold] .portrait-star{position:absolute;right:-10px;bottom:-8px;width:29px;height:29px}
#product[data-design=cold] .profile-eyebrow{font:400 11px/1.4 Onest,sans-serif;color:#262427;margin:0 0 7px}
#product[data-design=cold] .identity h2{font-size:26px;overflow-wrap:anywhere}
#product[data-design=cold] .identity p{color:#262427;font-size:13px;line-height:1.5}
#product[data-design=cold] .identity .age{font:400 18px Onest,sans-serif;color:#262427;margin-left:6px}
#product[data-design=cold] .profile-pass .secondary{display:flex;align-items:center;justify-content:space-between;padding:12px 13px;font-size:13px}
#product[data-design=cold] .profile-section{position:relative;padding:20px 18px;margin-top:16px;border:1px solid #e9e4e9;border-radius:20px;background:linear-gradient(145deg,#fff,#fdfdfd 52%,#f7f4f7);box-shadow:0 5px 16px #3430340a}
#product[data-design=cold] .profile-section h2{display:flex;align-items:center;gap:10px;font-size:20px;margin-bottom:17px}
#product[data-design=cold] .profile-symbol{display:grid;place-items:center;flex:0 0 29px;width:29px;height:29px;border:1px solid #e9e0e9;border-radius:10px;background:#fff;color:#262427}
#product[data-design=cold] .profile-symbol svg{width:16px;height:16px}
#product[data-design=cold] .pill{border:1px solid #e4dce4;background:linear-gradient(145deg,#fff,#f7f4f7);color:#262427}
#product[data-design=cold] .time-chips{display:flex;flex-wrap:wrap;gap:7px;margin-top:8px}
#product[data-design=cold] .time-chips span{padding:7px 9px;border:1px solid #e4dce4;border-radius:9px;background:#fdfdfd;color:#262427;font-size:11px;line-height:1.5}
#product[data-design=cold] .budget-panel{padding-right:52px}
#product[data-design=cold] .budget-panel h2{font-size:19px}
#product[data-design=cold] .budget-value{font:600 22px/1.4 Onest,sans-serif;letter-spacing:-.35px;color:#262427}
#product[data-design=cold] .budget-bow{position:absolute;right:4px;bottom:24px;width:46px;height:46px}
#product[data-design=cold] .profile-links{display:grid;gap:9px;margin-top:23px;border:0}
#product[data-design=cold] .profile-links .linkrow{padding:13px;border:1px solid #e9e4e9;border-radius:14px;background:linear-gradient(145deg,#fff,#f7f4f7);font-size:13px;color:#262427}
#product[data-design=cold] .profile-links .linkrow>span{display:flex;align-items:center;gap:9px}
#product[data-design=cold] .profile-links svg{width:17px;height:17px;color:#262427}
#product[data-design=cold] .fieldset{padding:22px 16px;margin:0 0 18px;border:1px solid #e9e4e9;border-radius:20px;background:linear-gradient(145deg,#fff,#fdfdfd 52%,#f7f4f7)}
#product[data-design=cold] .fieldset legend{font-size:21px;color:#262427}
#product[data-design=cold] .label,#product[data-design=cold] .hint,#product[data-design=cold] .form-intro,#product[data-design=cold] .rowlabel{color:#262427}
#product[data-design=cold] .input{border-color:#ded6de;background:#fff;color:#262427}
#product[data-design=cold] .choice{background:#fff;border-color:#e4dce4;color:#262427}
#product[data-design=cold] .choice:has(input:checked){background:#f45a9f;border-color:#f45a9f;color:#262427}
#product[data-design=cold] .photo-row{background:#fff;border-color:#e4dce4}
#product[data-design=cold] .photo-action,#product[data-design=cold] .form-links button{color:#262427;text-underline-offset:3px}
#product[data-design=cold] .errors{color:#262427;font-weight:500}
/* Meetings, FAQ and document reader keep their accepted content and statuses. */
#product[data-design=cold] .meeting{background:linear-gradient(145deg,#fff,#fdfdfd 52%,#f7f4f7);border-color:#e9e4e9;border-radius:20px;box-shadow:0 5px 16px #3430340a}
#product[data-design=cold] .meeting-status{color:#262427;font-weight:600}
#product[data-design=cold] .meeting .text-button{display:block;width:100%;margin-top:5px}
#product[data-design=cold] .tabs button{color:#262427;background:#fff;border-color:#e4dce4}
#product[data-design=cold] .tabs button[aria-selected=true]{color:#262427;background:linear-gradient(145deg,#fff,#f7f4f7);border-color:#ef4f99}
#product[data-design=cold] .people .person{background:linear-gradient(145deg,#fff,#fdfdfd 52%,#f7f4f7);border-color:#e9e4e9}
#product[data-design=cold] .person p,#product[data-design=cold] .deadline{color:#262427}
#product[data-design=cold] .invitation-banner,#product[data-design=cold] .alert,#product[data-design=cold] .support{border:1px solid #e9e4e9;background:linear-gradient(145deg,#fff,#fdfdfd 52%,#f7f4f7);color:#262427}
#product[data-design=cold] .faq-list{border:0}
#product[data-design=cold] .faq-item{margin-bottom:11px;border:1px solid #e9e4e9;border-radius:16px;background:linear-gradient(145deg,#fff,#fdfdfd 52%,#f7f4f7);overflow:hidden}
#product[data-design=cold] .question{padding:16px;font-size:15px;color:#262427;min-height:66px}
#product[data-design=cold] .answer{padding:0 16px 19px;font-size:14px;line-height:1.65;color:#262427}
#product[data-design=cold] .doc-card,#product[data-design=cold] .doc-body{border-color:#e9e4e9;background:linear-gradient(145deg,#fff,#fdfdfd 52%,#f7f4f7);color:#262427}
#product[data-design=cold] .doc-title,#product[data-design=cold] .doc-subtitle,#product[data-design=cold] .doc-meta{color:#262427}
#product[data-design=cold] .doc-label{background:#f7f4f7;border:1px solid #e9e4e9;color:#262427}
/* Every modal uses the same calm palette, including success and cancellation. */
dialog[data-design=cold]{color:#262427;background-color:#f7f4f7;background-image:radial-gradient(ellipse at 2% 22%,#e9dfe8,transparent 64%),radial-gradient(ellipse at 100% 80%,#fdfdfd,transparent 73%);background-repeat:no-repeat;border:1px solid #e3dce3;border-radius:23px;box-shadow:0 24px 70px #26242733}
dialog[data-design=cold]::backdrop{background:#26242766;backdrop-filter:blur(3px)}
dialog[data-design=cold] h2{font:700 25px/1.2 Rubik,sans-serif;letter-spacing:-.4px;color:#262427}
dialog[data-design=cold] p,dialog[data-design=cold] .close-modal{color:#262427}
dialog[data-design=cold] .close-modal{font-size:12px}
dialog[data-design=cold] .primary{font:700 15px/1.3 Onest,sans-serif;background:#f45a9f;color:#262427;border:0;box-shadow:none;justify-content:center}
dialog[data-design=cold] .secondary{background:linear-gradient(145deg,#fff,#f7f4f7);border-color:#ded5df;color:#262427}
dialog[data-design=cold] .decoration{pointer-events:none;mix-blend-mode:multiply;object-fit:contain}
dialog[data-design=cold] .success-visual{position:relative;padding-top:4px}
dialog[data-design=cold] .success-seal{display:grid;place-items:center;width:46px;height:46px;border:1px solid #dfd5df;border-radius:14px;background:linear-gradient(145deg,#fff,#f7f4f7);color:#262427;margin-bottom:19px}
dialog[data-design=cold] .success-seal svg{width:23px;height:23px}
dialog[data-design=cold] .success-bow{position:absolute;width:66px;height:66px;right:0;top:0;transform:rotate(8deg)}
dialog[data-design=cold] .success-visual h2{font-size:25px;max-width:280px;margin-bottom:18px}
dialog[data-design=cold] .success-visual p{font-size:14px;line-height:1.65}
dialog[data-design=cold] .success-visual p:first-of-type{font-weight:500}
dialog[data-design=cold] .see-you{font-size:16px!important;font-weight:500;margin:18px 0}
dialog[data-design=cold] .modal-error{padding:12px;border:1px solid #d8cbd7;border-radius:12px;background:#fff;color:#262427}
@media(max-width:380px){
 #product[data-design=cold] .story-panel,#product[data-design=cold] .venue-panel,#product[data-design=cold] .location-panel,#product[data-design=cold] .profile-pass,#product[data-design=cold] .profile-section{padding:19px 15px}
 #product[data-design=cold] .budget-panel{padding-right:48px}
 #product[data-design=cold] .profile-section h2{font-size:19px}
 #product[data-design=cold] .budget-panel h2{font-size:17px}
 #product[data-design=cold] .fieldset{padding:21px 13px}
 #product[data-design=cold] .choice-grid .choice{font-size:12px}
 #product[data-design=cold] .question{padding:15px;font-size:15px}
 #product[data-design=cold] .answer{padding-left:15px;padding-right:15px}
}