:root{
	--nfwc-bg:#050816;
	--nfwc-bg-2:#090d1d;
	--nfwc-card:rgba(13,18,37,.88);
	--nfwc-card-2:rgba(16,22,44,.94);
	--nfwc-border:rgba(144,166,255,.16);
	--nfwc-border-strong:rgba(106,126,255,.4);
	--nfwc-text:#f7f8ff;
	--nfwc-muted:#a9b0c6;
	--nfwc-blue:#4f7cff;
	--nfwc-purple:#8f5cff;
	--nfwc-green:#62e6a5;
	--nfwc-warn:#ffcf70;
	--nfwc-danger:#ff7f96;
	--nfwc-radius:24px;
}

.nfwc-shell,
.nfwc-shell *{
	box-sizing:border-box;
}

.nfwc-shell{
	position:relative;
	width:100vw;
	max-width:none;
	margin-inline:calc((100% - 100vw)/2);
	overflow:hidden;
	background:
		radial-gradient(circle at 12% 0%, rgba(79,124,255,.12), transparent 32%),
		radial-gradient(circle at 86% 12%, rgba(143,92,255,.12), transparent 30%),
		linear-gradient(180deg,#050816 0%,#070b18 48%,#050816 100%);
	color:var(--nfwc-text);
	padding:64px 20px 88px;
	font-family:inherit;
}

.nfwc-ambient{
	position:absolute;
	width:420px;
	height:420px;
	border-radius:50%;
	filter:blur(110px);
	opacity:.12;
	pointer-events:none;
}
.nfwc-ambient-a{top:12%;right:-180px;background:var(--nfwc-purple);}
.nfwc-ambient-b{bottom:8%;left:-200px;background:var(--nfwc-blue);}

.nfwc-wrap{
	position:relative;
	z-index:2;
	width:min(1180px,100%);
	margin:0 auto;
}

.nfwc-hero{
	max-width:840px;
	margin:0 auto 38px;
	text-align:center;
}

.nfwc-kicker,
.nfwc-summary-kicker{
	display:inline-flex;
	align-items:center;
	gap:8px;
	color:#b9c9ff;
	font-size:13px;
	font-weight:800;
	letter-spacing:.02em;
	border:1px solid rgba(112,137,255,.25);
	background:rgba(79,124,255,.08);
	border-radius:999px;
	padding:7px 12px;
}

.nfwc-hero h2{
	margin:16px 0 10px;
	font-size:clamp(28px,4.2vw,52px);
	line-height:1.35;
	letter-spacing:-.025em;
	color:#fff;
}

.nfwc-hero p{
	max-width:760px;
	margin:0 auto;
	color:var(--nfwc-muted);
	font-size:16px;
	line-height:2;
}

.nfwc-layout{
	display:grid;
	grid-template-columns:minmax(0,1fr) 340px;
	gap:24px;
	align-items:start;
}

.nfwc-main{
	min-width:0;
	display:flex;
	flex-direction:column;
	gap:22px;
}

.nfwc-section,
.nfwc-summary-card{
	background:linear-gradient(180deg,rgba(14,20,40,.94),rgba(9,13,29,.96));
	border:1px solid var(--nfwc-border);
	box-shadow:0 24px 80px rgba(0,0,0,.28);
	border-radius:var(--nfwc-radius);
}

.nfwc-section{
	padding:24px;
}

.nfwc-section-head{
	display:flex;
	align-items:flex-start;
	justify-content:space-between;
	gap:18px;
	margin-bottom:22px;
}

.nfwc-section-head > div{
	display:flex;
	align-items:center;
	gap:12px;
}

.nfwc-step{
	width:38px;
	height:38px;
	display:inline-grid;
	place-items:center;
	flex:0 0 auto;
	border-radius:13px;
	font-weight:900;
	color:#fff;
	background:linear-gradient(135deg,var(--nfwc-blue),var(--nfwc-purple));
	box-shadow:0 8px 28px rgba(93,100,255,.25);
}

.nfwc-section-head h3{
	margin:0;
	font-size:21px;
	color:#fff;
}

.nfwc-section-head p{
	margin:4px 0 0;
	max-width:420px;
	text-align:left;
	color:var(--nfwc-muted);
	font-size:13px;
	line-height:1.8;
}

.nfwc-site-types{
	display:grid;
	grid-template-columns:repeat(3,minmax(0,1fr));
	gap:10px;
}

.nfwc-site-type{
	position:relative;
	cursor:pointer;
}

.nfwc-site-type input{
	position:absolute;
	opacity:0;
	pointer-events:none;
}

.nfwc-site-type-ui{
	min-height:62px;
	display:flex;
	align-items:center;
	gap:10px;
	padding:15px;
	border:1px solid var(--nfwc-border);
	border-radius:16px;
	background:rgba(255,255,255,.025);
	transition:.2s ease;
}

.nfwc-site-type:hover .nfwc-site-type-ui{
	transform:translateY(-1px);
	border-color:rgba(111,139,255,.36);
	background:rgba(79,124,255,.05);
}

.nfwc-site-type input:checked + .nfwc-site-type-ui{
	border-color:rgba(111,139,255,.7);
	background:linear-gradient(135deg,rgba(79,124,255,.13),rgba(143,92,255,.10));
	box-shadow:inset 0 0 0 1px rgba(104,126,255,.12);
}

.nfwc-radio-dot{
	width:17px;
	height:17px;
	border:2px solid #7380a4;
	border-radius:50%;
	position:relative;
	flex:0 0 auto;
}

.nfwc-site-type input:checked + .nfwc-site-type-ui .nfwc-radio-dot{
	border-color:#7a96ff;
}

.nfwc-site-type input:checked + .nfwc-site-type-ui .nfwc-radio-dot:after{
	content:"";
	position:absolute;
	inset:3px;
	border-radius:50%;
	background:linear-gradient(135deg,var(--nfwc-blue),var(--nfwc-purple));
}

.nfwc-base-card{
	display:flex;
	gap:16px;
	padding:20px;
	border-radius:20px;
	border:1px solid rgba(98,230,165,.25);
	background:linear-gradient(135deg,rgba(98,230,165,.07),rgba(79,124,255,.05));
}

.nfwc-base-check{
	width:34px;
	height:34px;
	display:grid;
	place-items:center;
	flex:0 0 auto;
	border-radius:11px;
	background:rgba(98,230,165,.14);
	color:var(--nfwc-green);
	border:1px solid rgba(98,230,165,.3);
	font-weight:900;
}

.nfwc-base-content{width:100%;}

.nfwc-card-top{
	display:flex;
	align-items:flex-start;
	justify-content:space-between;
	gap:18px;
}

.nfwc-required-badge{
	display:inline-block;
	margin-bottom:7px;
	padding:5px 9px;
	border-radius:999px;
	background:rgba(98,230,165,.10);
	color:#8cf0ba;
	font-size:11px;
	font-weight:800;
}

.nfwc-base-card h4{
	margin:0;
	font-size:19px;
	color:#fff;
}

.nfwc-price{
	font-weight:900;
	font-size:18px;
	color:#fff;
	white-space:nowrap;
}

.nfwc-base-card ul{
	display:grid;
	grid-template-columns:repeat(2,minmax(0,1fr));
	gap:8px 18px;
	margin:18px 0 0;
	padding:0;
	list-style:none;
	color:#c6ccdd;
	font-size:13px;
}

.nfwc-base-card li:before{
	content:"•";
	color:var(--nfwc-green);
	margin-left:8px;
}

.nfwc-recommendation-note{
	display:flex;
	gap:12px;
	align-items:flex-start;
	padding:14px 16px;
	margin-bottom:16px;
	border-radius:16px;
	border:1px solid rgba(79,124,255,.18);
	background:rgba(79,124,255,.06);
}

.nfwc-recommendation-note > span{
	color:#a7b7ff;
	font-size:20px;
	line-height:1.2;
}

.nfwc-recommendation-note strong{
	display:block;
	margin-bottom:2px;
	color:#fff;
}

.nfwc-recommendation-note p{
	margin:0;
	color:var(--nfwc-muted);
	font-size:12.5px;
	line-height:1.75;
}

.nfwc-categories{
	display:flex;
	flex-direction:column;
	gap:10px;
}

.nfwc-category{
	border:1px solid var(--nfwc-border);
	border-radius:18px;
	background:rgba(255,255,255,.02);
	overflow:hidden;
}

.nfwc-category summary{
	list-style:none;
	cursor:pointer;
	padding:16px 18px;
	display:flex;
	align-items:center;
	justify-content:space-between;
	gap:14px;
	user-select:none;
}

.nfwc-category summary::-webkit-details-marker{display:none;}

.nfwc-category summary > div{
	display:flex;
	flex-direction:column;
	gap:3px;
}

.nfwc-category summary strong{
	color:#fff;
	font-size:15px;
}

.nfwc-category summary span:not(.nfwc-chevron){
	color:#8f98b2;
	font-size:12px;
}

.nfwc-chevron{
	width:10px;
	height:10px;
	border-left:2px solid #8ea0d8;
	border-bottom:2px solid #8ea0d8;
	transform:rotate(-45deg);
	transition:transform .2s ease;
	margin-left:5px;
}

.nfwc-category[open] .nfwc-chevron{
	transform:rotate(135deg);
}

.nfwc-feature-grid{
	display:grid;
	grid-template-columns:repeat(2,minmax(0,1fr));
	gap:10px;
	padding:0 12px 12px;
}

.nfwc-feature-card{
	position:relative;
	display:grid;
	grid-template-columns:23px minmax(0,1fr) auto;
	align-items:start;
	gap:11px;
	min-height:128px;
	padding:15px;
	border:1px solid rgba(141,157,208,.15);
	border-radius:16px;
	background:rgba(9,14,31,.7);
	cursor:pointer;
	transition:.2s ease;
}

.nfwc-feature-card:hover{
	transform:translateY(-2px);
	border-color:rgba(111,139,255,.42);
	box-shadow:0 12px 34px rgba(0,0,0,.22);
}

.nfwc-feature-card:has(input:checked){
	border-color:rgba(111,139,255,.62);
	background:linear-gradient(135deg,rgba(79,124,255,.12),rgba(143,92,255,.08));
	box-shadow:inset 0 0 0 1px rgba(127,139,255,.08),0 10px 34px rgba(31,41,92,.15);
}

.nfwc-feature-card input{
	position:absolute;
	opacity:0;
	pointer-events:none;
}

.nfwc-custom-check{
	width:21px;
	height:21px;
	display:grid;
	place-items:center;
	margin-top:1px;
	border-radius:7px;
	border:1px solid #657093;
	background:#0b1023;
}

.nfwc-feature-card:has(input:checked) .nfwc-custom-check{
	border-color:transparent;
	background:linear-gradient(135deg,var(--nfwc-blue),var(--nfwc-purple));
}

.nfwc-feature-card:has(input:checked) .nfwc-custom-check:after{
	content:"✓";
	color:#fff;
	font-size:13px;
	font-weight:900;
}

.nfwc-feature-body{
	min-width:0;
	display:flex;
	flex-direction:column;
	gap:6px;
}

.nfwc-feature-title-row{
	display:flex;
	flex-wrap:wrap;
	align-items:center;
	gap:7px;
}

.nfwc-feature-title-row strong{
	color:#f8f9ff;
	font-size:14px;
}

.nfwc-feature-desc{
	color:#9fa8c0;
	font-size:12px;
	line-height:1.75;
}

.nfwc-feature-price{
	color:#d8deef;
	font-size:12px;
	font-weight:900;
	white-space:nowrap;
}

.nfwc-recommended-badge{
	display:none;
	padding:3px 6px;
	border-radius:999px;
	font-size:9px;
	font-weight:900;
	color:#c9d4ff;
	background:rgba(79,124,255,.14);
	border:1px solid rgba(102,130,255,.20);
}

.nfwc-feature-card.is-recommended .nfwc-recommended-badge{
	display:inline-flex;
}

.nfwc-dependency-note{
	display:inline-flex;
	width:max-content;
	max-width:100%;
	padding:4px 7px;
	border-radius:8px;
	font-size:10px;
	color:#ffd58b;
	background:rgba(255,207,112,.08);
	border:1px solid rgba(255,207,112,.18);
}

.nfwc-feature-card.is-locked{
	opacity:.48;
	cursor:not-allowed;
	filter:saturate(.6);
}

.nfwc-feature-card.is-locked:hover{
	transform:none;
	border-color:rgba(141,157,208,.15);
	box-shadow:none;
}

.nfwc-fields{
	display:grid;
	grid-template-columns:repeat(2,minmax(0,1fr));
	gap:14px;
}

.nfwc-field{
	display:flex;
	flex-direction:column;
	gap:8px;
}

.nfwc-field-full{
	grid-column:1/-1;
}

.nfwc-field > span{
	color:#d7dbea;
	font-size:13px;
	font-weight:700;
}

.nfwc-field b{color:#ff93a7;}
.nfwc-field small{color:#8791ac;font-weight:500;}

.nfwc-field input,
.nfwc-field select,
.nfwc-field textarea{
	width:100%;
	min-height:48px;
	border:1px solid rgba(142,156,204,.18);
	border-radius:13px;
	background:#090e20;
	color:#f8f9ff;
	padding:11px 13px;
	font:inherit;
	font-size:14px;
	outline:none;
	transition:.2s ease;
	box-shadow:none;
}

.nfwc-field textarea{
	min-height:112px;
	resize:vertical;
}

.nfwc-field select{
	appearance:auto;
}

.nfwc-field input:focus,
.nfwc-field select:focus,
.nfwc-field textarea:focus{
	border-color:rgba(91,126,255,.72);
	box-shadow:0 0 0 3px rgba(79,124,255,.10);
}

.nfwc-submit-row{
	display:flex;
	align-items:center;
	justify-content:space-between;
	gap:18px;
	margin-top:20px;
}

.nfwc-consent{
	display:flex;
	align-items:flex-start;
	gap:8px;
	color:#9fa8c0;
	font-size:12px;
	line-height:1.7;
	cursor:pointer;
}

.nfwc-consent input{
	margin-top:4px;
	accent-color:#6e7cff;
}

.nfwc-submit{
	min-height:50px;
	display:inline-flex;
	align-items:center;
	justify-content:center;
	gap:10px;
	border:0;
	border-radius:14px;
	padding:0 20px;
	color:#fff;
	background:linear-gradient(135deg,var(--nfwc-blue),var(--nfwc-purple));
	font:inherit;
	font-weight:900;
	cursor:pointer;
	box-shadow:0 14px 34px rgba(78,84,255,.26);
	transition:.2s ease;
	white-space:nowrap;
}

.nfwc-submit:hover{
	transform:translateY(-2px);
	box-shadow:0 18px 40px rgba(78,84,255,.34);
}

.nfwc-submit:disabled{
	opacity:.55;
	cursor:wait;
	transform:none;
}

.nfwc-submit-arrow{
	font-size:18px;
}

.nfwc-form-message{
	display:none;
	margin-top:15px;
	padding:12px 14px;
	border-radius:12px;
	font-size:13px;
	line-height:1.8;
}

.nfwc-form-message.is-visible{display:block;}
.nfwc-form-message.is-success{
	color:#9ef1c3;
	background:rgba(98,230,165,.08);
	border:1px solid rgba(98,230,165,.18);
}
.nfwc-form-message.is-error{
	color:#ffafbd;
	background:rgba(255,127,150,.08);
	border:1px solid rgba(255,127,150,.18);
}

.nfwc-summary{
	position:sticky;
	top:24px;
}

.nfwc-summary-card{
	padding:22px;
}

.nfwc-summary-card h3{
	margin:12px 0 18px;
	font-size:20px;
	color:#fff;
}

.nfwc-summary-line,
.nfwc-summary-total{
	display:flex;
	align-items:center;
	justify-content:space-between;
	gap:14px;
}

.nfwc-summary-line{
	padding:11px 0;
	color:#b6bdd2;
	font-size:13px;
	border-bottom:1px dashed rgba(146,158,204,.14);
}

.nfwc-summary-line strong{
	color:#f3f5ff;
	font-size:13px;
}

.nfwc-summary-total{
	margin:15px 0;
	padding:15px;
	border-radius:15px;
	background:linear-gradient(135deg,rgba(79,124,255,.13),rgba(143,92,255,.11));
	border:1px solid rgba(106,126,255,.22);
}

.nfwc-summary-total span{
	font-size:12px;
	color:#c1c9df;
}

.nfwc-summary-total strong{
	color:#fff;
	font-size:19px;
}

.nfwc-selected-wrap,
.nfwc-review-wrap{
	margin-top:16px;
}

.nfwc-mini-title{
	display:block;
	margin-bottom:9px;
	color:#8f98b3;
	font-size:11px;
	font-weight:900;
}

.nfwc-selected-list,
.nfwc-review-list{
	display:flex;
	flex-direction:column;
	gap:7px;
}

.nfwc-selected-chip,
.nfwc-review-chip{
	display:flex;
	align-items:center;
	justify-content:space-between;
	gap:8px;
	padding:8px 10px;
	border-radius:10px;
	background:rgba(255,255,255,.035);
	color:#cfd5e6;
	font-size:11px;
}

.nfwc-selected-chip b{
	color:#fff;
	font-size:10px;
	white-space:nowrap;
}

.nfwc-review-chip{
	border:1px solid rgba(255,207,112,.12);
	color:#f0d9aa;
}

.nfwc-empty{
	color:#737d99;
	font-size:11px;
}

.nfwc-estimate-note{
	margin:18px 0 0;
	padding-top:14px;
	border-top:1px solid rgba(143,157,205,.12);
	color:#8e98b4;
	font-size:11px;
	line-height:1.8;
}

.nfwc-estimate-note strong{color:#cdd5ef;}

.nfwc-honeypot{
	position:absolute !important;
	left:-9999px !important;
	width:1px !important;
	height:1px !important;
	opacity:0 !important;
}

@media (max-width:980px){
	.nfwc-layout{grid-template-columns:1fr;}
	.nfwc-summary{position:static;order:-1;}
	.nfwc-summary-card{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 18px;}
	.nfwc-summary-kicker,.nfwc-summary-card h3,.nfwc-summary-total,.nfwc-selected-wrap,.nfwc-review-wrap,.nfwc-estimate-note{grid-column:1/-1;}
}

@media (max-width:720px){
	.nfwc-shell{padding:42px 12px 64px;}
	.nfwc-hero{margin-bottom:26px;}
	.nfwc-section{padding:17px;}
	.nfwc-section-head{flex-direction:column;gap:8px;}
	.nfwc-section-head p{text-align:right;max-width:none;}
	.nfwc-site-types{grid-template-columns:repeat(2,minmax(0,1fr));}
	.nfwc-card-top{flex-direction:column;gap:10px;}
	.nfwc-base-card ul{grid-template-columns:1fr;}
	.nfwc-feature-grid{grid-template-columns:1fr;padding:0 8px 8px;}
	.nfwc-feature-card{min-height:auto;grid-template-columns:23px minmax(0,1fr);}
	.nfwc-feature-price{grid-column:2;}
	.nfwc-fields{grid-template-columns:1fr;}
	.nfwc-field-full{grid-column:auto;}
	.nfwc-submit-row{flex-direction:column;align-items:stretch;}
	.nfwc-submit{width:100%;}
	.nfwc-summary-card{display:block;}
}

@media (max-width:430px){
	.nfwc-site-types{grid-template-columns:1fr;}
	.nfwc-hero h2{font-size:29px;}
	.nfwc-section-head h3{font-size:18px;}
}


/* ==========================================================
   v0.1.1 — Elementor / Astra isolation & visual hardening
   Scope: only .nfwc-shell
   ========================================================== */

.nfwc-shell{
	width:100vw !important;
	max-width:100vw !important;
	margin-left:calc(50% - 50vw) !important;
	margin-right:calc(50% - 50vw) !important;
	background:
		radial-gradient(circle at 12% 0%, rgba(79,124,255,.12), transparent 32%),
		radial-gradient(circle at 86% 12%, rgba(143,92,255,.12), transparent 30%),
		linear-gradient(180deg,#050816 0%,#070b18 48%,#050816 100%) !important;
	color:var(--nfwc-text) !important;
}

.nfwc-shell .nfwc-wrap,
.nfwc-shell .nfwc-layout,
.nfwc-shell .nfwc-main,
.nfwc-shell .nfwc-summary{
	background:transparent !important;
}

.nfwc-shell .nfwc-section,
.nfwc-shell .nfwc-summary-card{
	background:linear-gradient(180deg,rgba(14,20,40,.96),rgba(9,13,29,.98)) !important;
	border:1px solid var(--nfwc-border) !important;
	border-radius:var(--nfwc-radius) !important;
	color:var(--nfwc-text) !important;
}

.nfwc-shell h2,
.nfwc-shell h3,
.nfwc-shell h4,
.nfwc-shell strong{
	color:#fff !important;
}

.nfwc-shell p,
.nfwc-shell span,
.nfwc-shell label,
.nfwc-shell li{
	letter-spacing:normal !important;
}

.nfwc-shell .nfwc-category{
	background:rgba(255,255,255,.02) !important;
	border:1px solid var(--nfwc-border) !important;
	border-radius:18px !important;
	overflow:hidden !important;
	color:var(--nfwc-text) !important;
}

.nfwc-shell .nfwc-category > summary{
	display:flex !important;
	align-items:center !important;
	justify-content:space-between !important;
	gap:14px !important;
	width:100% !important;
	min-height:66px !important;
	margin:0 !important;
	padding:16px 18px !important;
	background:linear-gradient(180deg,rgba(15,21,42,.98),rgba(10,15,31,.98)) !important;
	color:#fff !important;
	border:0 !important;
	border-radius:0 !important;
	box-shadow:none !important;
	list-style:none !important;
	cursor:pointer !important;
}

.nfwc-shell .nfwc-category[open] > summary{
	border-bottom:1px solid rgba(144,166,255,.12) !important;
	background:linear-gradient(135deg,rgba(79,124,255,.09),rgba(143,92,255,.06)) !important;
}

.nfwc-shell .nfwc-category > summary strong{
	display:block !important;
	font-size:15px !important;
	line-height:1.6 !important;
	color:#fff !important;
}

.nfwc-shell .nfwc-category > summary span:not(.nfwc-chevron){
	display:block !important;
	margin-top:2px !important;
	font-size:12px !important;
	line-height:1.6 !important;
	color:#929bb6 !important;
}

.nfwc-shell .nfwc-feature-grid{
	background:transparent !important;
}

.nfwc-shell .nfwc-feature-card{
	display:grid !important;
	background:rgba(9,14,31,.82) !important;
	border:1px solid rgba(141,157,208,.16) !important;
	border-radius:16px !important;
	color:#f8f9ff !important;
	margin:0 !important;
	padding:15px !important;
	box-shadow:none;
}

.nfwc-shell .nfwc-feature-card:hover{
	background:rgba(16,23,48,.95) !important;
	border-color:rgba(111,139,255,.42) !important;
}

.nfwc-shell .nfwc-feature-card.is-locked{
	background:rgba(8,12,25,.72) !important;
}

.nfwc-shell .nfwc-feature-title-row strong{
	font-size:14px !important;
	line-height:1.55 !important;
	color:#f8f9ff !important;
}

.nfwc-shell .nfwc-feature-desc{
	display:block !important;
	font-size:12px !important;
	line-height:1.75 !important;
	color:#a7afc5 !important;
}

.nfwc-shell .nfwc-feature-price{
	display:block !important;
	color:#e2e6f5 !important;
	font-size:12px !important;
	font-weight:900 !important;
}

.nfwc-shell .nfwc-dependency-note{
	color:#ffd58b !important;
	background:rgba(255,207,112,.08) !important;
	border:1px solid rgba(255,207,112,.18) !important;
}

.nfwc-shell .nfwc-site-type,
.nfwc-shell .nfwc-feature-card,
.nfwc-shell .nfwc-field,
.nfwc-shell .nfwc-consent{
	background-color:transparent !important;
}

.nfwc-shell .nfwc-site-type-ui{
	background:rgba(255,255,255,.025) !important;
	border:1px solid var(--nfwc-border) !important;
	color:#fff !important;
}

.nfwc-shell .nfwc-site-type input:checked + .nfwc-site-type-ui{
	background:linear-gradient(135deg,rgba(79,124,255,.13),rgba(143,92,255,.10)) !important;
	border-color:rgba(111,139,255,.7) !important;
}

.nfwc-shell .nfwc-base-card{
	background:linear-gradient(135deg,rgba(98,230,165,.07),rgba(79,124,255,.05)) !important;
	border:1px solid rgba(98,230,165,.25) !important;
	color:#fff !important;
}

.nfwc-shell .nfwc-base-card ul,
.nfwc-shell .nfwc-base-card li{
	color:#c6ccdd !important;
}

.nfwc-shell .nfwc-recommendation-note{
	background:rgba(79,124,255,.06) !important;
	border:1px solid rgba(79,124,255,.18) !important;
}

.nfwc-shell .nfwc-fields{
	background:transparent !important;
}

.nfwc-shell .nfwc-field > span{
	color:#d7dbea !important;
}

.nfwc-shell .nfwc-field input,
.nfwc-shell .nfwc-field input[type="text"],
.nfwc-shell .nfwc-field input[type="tel"],
.nfwc-shell .nfwc-field input[type="email"],
.nfwc-shell .nfwc-field input[type="url"],
.nfwc-shell .nfwc-field select,
.nfwc-shell .nfwc-field textarea{
	display:block !important;
	width:100% !important;
	min-height:48px !important;
	margin:0 !important;
	padding:11px 13px !important;
	background:#090e20 !important;
	background-color:#090e20 !important;
	color:#f8f9ff !important;
	-webkit-text-fill-color:#f8f9ff !important;
	border:1px solid rgba(142,156,204,.22) !important;
	border-radius:13px !important;
	box-shadow:none !important;
	opacity:1 !important;
	font-family:inherit !important;
	font-size:14px !important;
	line-height:1.7 !important;
}

.nfwc-shell .nfwc-field textarea{
	min-height:112px !important;
}

.nfwc-shell .nfwc-field input::placeholder,
.nfwc-shell .nfwc-field textarea::placeholder{
	color:#69738e !important;
	-webkit-text-fill-color:#69738e !important;
	opacity:1 !important;
}

.nfwc-shell .nfwc-field input:focus,
.nfwc-shell .nfwc-field select:focus,
.nfwc-shell .nfwc-field textarea:focus{
	background:#0b1126 !important;
	border-color:rgba(91,126,255,.8) !important;
	box-shadow:0 0 0 3px rgba(79,124,255,.11) !important;
	outline:none !important;
}

.nfwc-shell .nfwc-field select option{
	background:#0b1023 !important;
	color:#fff !important;
}

.nfwc-shell .nfwc-submit{
	background:linear-gradient(135deg,var(--nfwc-blue),var(--nfwc-purple)) !important;
	color:#fff !important;
	border:0 !important;
	border-radius:14px !important;
	box-shadow:0 14px 34px rgba(78,84,255,.26) !important;
}

.nfwc-shell .nfwc-submit:hover,
.nfwc-shell .nfwc-submit:focus{
	background:linear-gradient(135deg,#5a84ff,#9868ff) !important;
	color:#fff !important;
}

.nfwc-shell .nfwc-summary-line{
	color:#b6bdd2 !important;
}

.nfwc-shell .nfwc-summary-total{
	background:linear-gradient(135deg,rgba(79,124,255,.13),rgba(143,92,255,.11)) !important;
	border:1px solid rgba(106,126,255,.22) !important;
}

.nfwc-shell .nfwc-selected-chip{
	background:rgba(255,255,255,.035) !important;
	color:#cfd5e6 !important;
}

.nfwc-shell .nfwc-review-chip{
	background:rgba(255,207,112,.035) !important;
	color:#f0d9aa !important;
}

.nfwc-shell .nfwc-form-message.is-success{
	background:rgba(98,230,165,.08) !important;
	color:#9ef1c3 !important;
}

.nfwc-shell .nfwc-form-message.is-error{
	background:rgba(255,127,150,.08) !important;
	color:#ffafbd !important;
}

/* Prevent theme form/button rules from changing hidden native controls */
.nfwc-shell .nfwc-site-type > input,
.nfwc-shell .nfwc-feature-card > input{
	position:absolute !important;
	opacity:0 !important;
	width:1px !important;
	height:1px !important;
	min-height:0 !important;
	padding:0 !important;
	margin:0 !important;
	pointer-events:none !important;
}

/* Keep real consent checkbox visible and compact */
.nfwc-shell .nfwc-consent input[type="checkbox"]{
	width:16px !important;
	height:16px !important;
	min-height:16px !important;
	margin:3px 0 0 8px !important;
	padding:0 !important;
	accent-color:#6e7cff !important;
	background:transparent !important;
}

/* Remove Elementor/Astra generated white gaps around the shortcode */
.elementor-widget-shortcode:has(.nfwc-shell),
.elementor-widget-shortcode:has(.nfwc-shell) > .elementor-widget-container{
	margin:0 !important;
	padding:0 !important;
	background:transparent !important;
}

@media (max-width:720px){
	.nfwc-shell{
		width:100vw !important;
		margin-left:calc(50% - 50vw) !important;
		margin-right:calc(50% - 50vw) !important;
	}
}


/* ==========================================================
   v0.1.2 — Persistent live estimate
   Desktop: real sticky summary
   Small screens: compact floating estimate bar
   ========================================================== */

.nfwc-shell{
	/* overflow:hidden prevented position:sticky from following the viewport */
	overflow-x:clip !important;
	overflow-y:visible !important;
}

.nfwc-shell .nfwc-layout{
	overflow:visible !important;
}

.nfwc-shell .nfwc-summary{
	position:-webkit-sticky !important;
	position:sticky !important;
	top:88px !important;
	z-index:20 !important;
	align-self:start !important;
	max-height:calc(100vh - 110px);
	overflow:auto;
	scrollbar-width:thin;
}

.nfwc-floating-total{
	display:none;
}

@media (max-width:980px){
	.nfwc-shell{
		padding-bottom:118px !important;
	}

	.nfwc-shell .nfwc-summary{
		position:static !important;
		max-height:none !important;
		overflow:visible !important;
	}

	.nfwc-floating-total{
		position:fixed;
		right:14px;
		left:14px;
		bottom:14px;
		z-index:9998;
		display:flex;
		align-items:center;
		justify-content:space-between;
		gap:12px;
		padding:11px 12px 11px 15px;
		border:1px solid rgba(111,139,255,.42);
		border-radius:16px;
		background:rgba(7,11,25,.94);
		-webkit-backdrop-filter:blur(16px);
		backdrop-filter:blur(16px);
		box-shadow:0 18px 55px rgba(0,0,0,.38);
		transform:translateY(130%);
		opacity:0;
		pointer-events:none;
		transition:transform .22s ease,opacity .22s ease;
	}

	.nfwc-floating-total.is-visible{
		transform:translateY(0);
		opacity:1;
		pointer-events:auto;
	}

	.nfwc-floating-copy{
		display:flex;
		flex-direction:column;
		gap:2px;
		min-width:0;
	}

	.nfwc-floating-copy span{
		color:#98a3c0 !important;
		font-size:10px;
		font-weight:700;
	}

	.nfwc-floating-copy strong{
		color:#fff !important;
		font-size:15px;
		line-height:1.4;
		white-space:nowrap;
	}

	.nfwc-floating-details{
		min-height:38px;
		padding:0 12px;
		border:1px solid rgba(111,139,255,.35) !important;
		border-radius:11px !important;
		background:linear-gradient(135deg,rgba(79,124,255,.20),rgba(143,92,255,.18)) !important;
		color:#dfe6ff !important;
		font:inherit;
		font-size:11px;
		font-weight:900;
		cursor:pointer;
		white-space:nowrap;
		box-shadow:none !important;
	}

	.nfwc-floating-details:hover,
	.nfwc-floating-details:focus{
		background:linear-gradient(135deg,rgba(79,124,255,.30),rgba(143,92,255,.26)) !important;
		color:#fff !important;
	}
}

@media (max-width:430px){
	.nfwc-floating-total{
		right:8px;
		left:8px;
		bottom:8px;
		border-radius:14px;
	}

	.nfwc-floating-copy strong{
		font-size:14px;
	}

	.nfwc-floating-details{
		padding:0 10px;
	}
}


/* ==========================================================
   v0.1.3 — Smart Site-Type Recommendations
   ========================================================== */

.nfwc-smart-mode{
	display:flex;
	align-items:center;
	justify-content:space-between;
	gap:16px;
	margin:0 0 14px;
	padding:13px 15px;
	border:1px solid rgba(111,139,255,.18);
	border-radius:15px;
	background:linear-gradient(135deg,rgba(79,124,255,.07),rgba(143,92,255,.05));
}

.nfwc-smart-mode-copy{
	display:flex;
	flex-direction:column;
	gap:3px;
}

.nfwc-smart-mode-copy strong{
	color:#fff !important;
	font-size:13px;
}

.nfwc-smart-mode-copy span{
	color:#8f99b7 !important;
	font-size:11px;
	line-height:1.7;
}

.nfwc-show-all{
	flex:0 0 auto;
	min-height:36px;
	padding:0 12px;
	border:1px solid rgba(111,139,255,.28) !important;
	border-radius:10px !important;
	background:rgba(79,124,255,.08) !important;
	color:#cdd7ff !important;
	font:inherit;
	font-size:11px;
	font-weight:900;
	cursor:pointer;
	box-shadow:none !important;
}

.nfwc-show-all:hover,
.nfwc-show-all:focus{
	background:rgba(79,124,255,.15) !important;
	color:#fff !important;
}

.nfwc-category.is-profile-hidden{
	display:none !important;
}

.nfwc-feature-card.is-profile-hidden{
	display:none !important;
}

.nfwc-category.is-profile-match{
	border-color:rgba(111,139,255,.26) !important;
}

.nfwc-category.is-profile-match > summary{
	background:linear-gradient(135deg,rgba(79,124,255,.09),rgba(143,92,255,.055)) !important;
}

.nfwc-category.is-profile-match > summary:after{
	content:"پیشنهادی";
	margin-right:auto;
	margin-left:8px;
	padding:3px 7px;
	border-radius:999px;
	font-size:9px;
	font-weight:900;
	color:#cbd5ff;
	background:rgba(79,124,255,.13);
	border:1px solid rgba(111,139,255,.18);
}

@media (max-width:720px){
	.nfwc-smart-mode{
		align-items:flex-start;
		flex-direction:column;
	}

	.nfwc-show-all{
		width:100%;
	}
}


/* v0.1.4 — market pricing / marketplace additions */
.nfwc-market-price-badge{
	display:inline-block;
	margin-right:7px;
	margin-bottom:7px;
	padding:5px 9px;
	border-radius:999px;
	background:rgba(79,124,255,.10);
	color:#b9c7ff !important;
	border:1px solid rgba(111,139,255,.18);
	font-size:10px;
	font-weight:800;
}


/* ==========================================================
   v0.1.5 — Common site features
   ========================================================== */
.nfwc-category[data-category="general"]{
	border-color:rgba(98,230,165,.26) !important;
}
.nfwc-category[data-category="general"] > summary{
	background:linear-gradient(135deg,rgba(98,230,165,.07),rgba(79,124,255,.06)) !important;
}
.nfwc-category[data-category="general"] > summary:after{
	content:"مشترک همه سایت‌ها";
	margin-right:auto;
	margin-left:8px;
	padding:3px 7px;
	border-radius:999px;
	font-size:9px;
	font-weight:900;
	color:#a9efca;
	background:rgba(98,230,165,.09);
	border:1px solid rgba(98,230,165,.18);
}


/* ==========================================================
   v0.1.6 — Client print/PDF estimate
   ========================================================== */
.nfwc-client-print{
	width:100%;
	min-height:44px;
	display:flex;
	align-items:center;
	justify-content:center;
	gap:9px;
	margin-top:14px;
	padding:0 14px;
	border:1px solid rgba(111,139,255,.32) !important;
	border-radius:12px !important;
	background:linear-gradient(135deg,rgba(79,124,255,.12),rgba(143,92,255,.10)) !important;
	color:#e7ebff !important;
	font:inherit;
	font-size:12px;
	font-weight:900;
	cursor:pointer;
	box-shadow:none !important;
	transition:.2s ease;
}
.nfwc-client-print:hover,
.nfwc-client-print:focus{
	transform:translateY(-1px);
	background:linear-gradient(135deg,rgba(79,124,255,.20),rgba(143,92,255,.17)) !important;
	border-color:rgba(111,139,255,.52) !important;
	color:#fff !important;
}
.nfwc-client-print-icon{
	font-size:18px !important;
	line-height:1 !important;
	color:#aebcff !important;
}


/* ==========================================================
   v0.1.7 — Important pricing notice
   ========================================================== */
.nfwc-important-section{
	padding:0 !important;
	background:transparent !important;
	border:0 !important;
	box-shadow:none !important;
}
.nfwc-important-box{
	display:flex;
	align-items:flex-start;
	gap:15px;
	padding:19px 20px;
	border:1px solid rgba(255,207,112,.24);
	border-radius:20px;
	background:
		linear-gradient(135deg,rgba(255,207,112,.08),rgba(79,124,255,.045)),
		rgba(12,17,34,.96);
	box-shadow:0 18px 48px rgba(0,0,0,.18);
}
.nfwc-important-icon{
	width:36px;
	height:36px;
	flex:0 0 36px;
	display:grid;
	place-items:center;
	border-radius:12px;
	background:rgba(255,207,112,.12);
	border:1px solid rgba(255,207,112,.28);
	color:#ffd477 !important;
	font-size:19px;
	font-weight:900;
}
.nfwc-important-content{
	min-width:0;
}
.nfwc-important-kicker{
	display:inline-flex;
	margin-bottom:5px;
	padding:4px 8px;
	border-radius:999px;
	background:rgba(255,207,112,.08);
	border:1px solid rgba(255,207,112,.16);
	color:#ffd98b !important;
	font-size:10px;
	font-weight:900;
}
.nfwc-important-content h3{
	margin:2px 0 10px !important;
	color:#fff !important;
	font-size:16px !important;
}
.nfwc-important-content ul{
	margin:0;
	padding:0 18px 0 0;
	color:#b7bfd3;
}
.nfwc-important-content li{
	margin:6px 0;
	color:#b7bfd3 !important;
	font-size:12px;
	line-height:1.9;
}
.nfwc-important-content li::marker{
	color:#ffcf70;
}
.nfwc-important-content strong{
	color:#eef1ff !important;
}
@media(max-width:720px){
	.nfwc-important-box{
		padding:16px;
	}
	.nfwc-important-icon{
		width:32px;
		height:32px;
		flex-basis:32px;
	}
}


/* ==========================================================
   v0.2.0 — Online Project Checkout & Contract
   ========================================================== */
.nfwc-license-grid{
	display:grid;
	grid-template-columns:repeat(2,minmax(0,1fr));
	gap:10px;
}
.nfwc-license-card{
	position:relative;
	display:grid;
	grid-template-columns:23px minmax(0,1fr) auto;
	align-items:start;
	gap:11px;
	min-height:120px;
	padding:15px;
	border:1px solid rgba(141,157,208,.16);
	border-radius:16px;
	background:rgba(9,14,31,.78);
	cursor:pointer;
	transition:.2s ease;
}
.nfwc-license-card:hover{
	transform:translateY(-2px);
	border-color:rgba(111,139,255,.42);
}
.nfwc-license-card input{
	position:absolute!important;
	opacity:0!important;
	width:1px!important;
	height:1px!important;
	pointer-events:none!important;
}
.nfwc-license-card:has(input:checked){
	border-color:rgba(98,230,165,.44);
	background:linear-gradient(135deg,rgba(98,230,165,.075),rgba(79,124,255,.075));
}
.nfwc-license-card:has(input:checked) .nfwc-custom-check{
	border-color:transparent;
	background:linear-gradient(135deg,#41c98b,#4f7cff);
}
.nfwc-license-card:has(input:checked) .nfwc-custom-check:after{
	content:"✓";
	color:#fff;
	font-size:13px;
	font-weight:900;
}
.nfwc-license-note,
.nfwc-third-party-note{
	margin-bottom:12px;
	padding:11px 13px;
	border-radius:12px;
	font-size:11px;
	line-height:1.8;
}
.nfwc-license-note{
	background:rgba(98,230,165,.055);
	border:1px solid rgba(98,230,165,.16);
	color:#b9d9c8;
}
.nfwc-third-party-note{
	margin-top:12px;
	margin-bottom:0;
	background:rgba(255,207,112,.045);
	border:1px solid rgba(255,207,112,.13);
	color:#cbbd9d;
}
.nfwc-license-recommended{
	display:none;
	padding:3px 6px;
	border-radius:999px;
	font-size:9px;
	font-weight:900;
	color:#baf0d1!important;
	background:rgba(98,230,165,.08);
	border:1px solid rgba(98,230,165,.16);
}
.nfwc-license-card.is-license-recommended .nfwc-license-recommended{
	display:inline-flex;
}

.nfwc-contract-meta{
	display:flex;
	flex-wrap:wrap;
	gap:8px;
	margin-bottom:12px;
}
.nfwc-contract-meta span{
	padding:6px 9px;
	border-radius:999px;
	background:rgba(79,124,255,.07);
	border:1px solid rgba(111,139,255,.14);
	color:#aab5d5!important;
	font-size:10px;
}
.nfwc-contract-terms{
	max-height:260px;
	overflow:auto;
	padding:15px;
	border:1px solid rgba(141,157,208,.16);
	border-radius:15px;
	background:#090e20;
	color:#b9c1d6;
	font-size:12px;
	line-height:1.95;
}
.nfwc-contract-terms p{
	margin:0 0 10px!important;
	color:#b9c1d6!important;
}
.nfwc-contract-accept{
	display:flex;
	align-items:flex-start;
	gap:9px;
	margin-top:14px;
	padding:13px;
	border:1px solid rgba(98,230,165,.18);
	border-radius:13px;
	background:rgba(98,230,165,.045)!important;
	color:#c8d6cf;
	cursor:pointer;
}
.nfwc-contract-accept input{
	width:17px!important;
	height:17px!important;
	min-height:17px!important;
	margin-top:3px!important;
	accent-color:#62e6a5;
}
.nfwc-checkout-breakdown{
	display:grid;
	grid-template-columns:repeat(2,minmax(0,1fr));
	gap:9px;
	margin-top:14px;
}
.nfwc-checkout-breakdown > div{
	display:flex;
	align-items:center;
	justify-content:space-between;
	gap:12px;
	padding:11px 12px;
	border:1px solid rgba(141,157,208,.13);
	border-radius:12px;
	background:rgba(255,255,255,.025);
}
.nfwc-checkout-breakdown span{
	color:#9fa8c0!important;
	font-size:11px;
}
.nfwc-checkout-breakdown strong{
	color:#fff!important;
	font-size:12px;
}
.nfwc-checkout-breakdown .is-primary{
	grid-column:1/-1;
	background:linear-gradient(135deg,rgba(79,124,255,.13),rgba(143,92,255,.10));
	border-color:rgba(111,139,255,.24);
}
.nfwc-checkout-breakdown .is-primary strong{
	font-size:17px;
}
.nfwc-review-checkout-warning{
	margin-top:13px;
	padding:12px 13px;
	border:1px solid rgba(255,207,112,.22);
	border-radius:12px;
	background:rgba(255,207,112,.065);
	color:#e7cf9e;
	font-size:11px;
	line-height:1.8;
}
.nfwc-submit-help{
	display:flex;
	flex-direction:column;
	gap:2px;
	color:#8f99b7;
	font-size:11px;
}
.nfwc-submit-help strong{color:#d8deef!important}
.nfwc-summary-due{
	margin:12px 0;
	padding:13px;
	border-radius:13px;
	background:linear-gradient(135deg,rgba(98,230,165,.10),rgba(79,124,255,.08));
	border:1px solid rgba(98,230,165,.18);
	display:grid;
	grid-template-columns:1fr auto;
	gap:4px 10px;
	align-items:center;
}
.nfwc-summary-due span{color:#b8c4d8!important;font-size:11px}
.nfwc-summary-due strong{color:#fff!important;font-size:16px}
.nfwc-summary-due small{grid-column:1/-1;color:#7f8ba7;font-size:9px}
.nfwc-selected-chip.is-license{
	border:1px solid rgba(98,230,165,.10);
	background:rgba(98,230,165,.035)!important;
}
.nfwc-result-link{
	display:inline-flex;
	align-items:center;
	justify-content:center;
	margin:10px 8px 0 0;
	padding:8px 12px;
	border-radius:9px;
	background:#172033;
	color:#fff!important;
	text-decoration:none!important;
	font-weight:800;
}
.nfwc-result-link.is-primary{background:#4f6df5}
.nfwc-privacy-row{justify-content:flex-start!important}

@media(max-width:720px){
	.nfwc-license-grid{grid-template-columns:1fr}
	.nfwc-license-card{grid-template-columns:23px minmax(0,1fr)}
	.nfwc-license-card .nfwc-feature-price{grid-column:2}
	.nfwc-checkout-breakdown{grid-template-columns:1fr}
	.nfwc-checkout-breakdown .is-primary{grid-column:auto}
}


/* ==========================================================
   v0.2.2 — Automatic license selection
   Customer chooses capabilities; NeoForge chooses licenses.
   ========================================================== */
.nfwc-license-card{
	cursor:default !important;
}
.nfwc-license-card.is-not-required{
	opacity:.50;
	filter:saturate(.55);
}
.nfwc-license-card.is-not-required:hover{
	transform:none !important;
	border-color:rgba(141,157,208,.16) !important;
}
.nfwc-license-card.is-auto-selected{
	opacity:1;
	filter:none;
	border-color:rgba(98,230,165,.44) !important;
	background:linear-gradient(135deg,rgba(98,230,165,.075),rgba(79,124,255,.075)) !important;
}
.nfwc-license-card.is-auto-selected .nfwc-custom-check{
	border-color:transparent !important;
	background:linear-gradient(135deg,#41c98b,#4f7cff) !important;
}
.nfwc-license-card.is-auto-selected .nfwc-custom-check:after{
	content:"✓";
	color:#fff;
	font-size:13px;
	font-weight:900;
}
.nfwc-license-card.is-auto-selected .nfwc-license-recommended{
	display:inline-flex !important;
}
.nfwc-license-card.is-not-required .nfwc-license-recommended{
	display:none !important;
}


/* ==========================================================
   v0.2.5 — Always-visible license catalog
   ========================================================== */
.nfwc-license-unmapped{
	display:inline-flex;
	padding:3px 6px;
	border-radius:999px;
	font-size:9px;
	font-weight:900;
	color:#ffd58b !important;
	background:rgba(255,207,112,.08);
	border:1px solid rgba(255,207,112,.18);
}
.nfwc-license-card.is-unmapped{
	opacity:.72;
	border-style:dashed;
}
.nfwc-license-card.is-required-unmapped{
	opacity:1 !important;
	filter:none !important;
	border-color:rgba(255,207,112,.40) !important;
	background:linear-gradient(135deg,rgba(255,207,112,.065),rgba(79,124,255,.04)) !important;
}
.nfwc-license-card.is-required-unmapped .nfwc-custom-check{
	border-color:rgba(255,207,112,.45) !important;
	background:rgba(255,207,112,.08) !important;
}
.nfwc-license-card.is-required-unmapped .nfwc-custom-check:after{
	content:"!" !important;
	color:#ffd58b !important;
}

/* v0.4.0 — Optional customer Project Brief intake */
.nfwc-safe-test-notice{
	margin:0 0 16px;
	padding:12px 14px;
	border:1px solid rgba(98,230,165,.4);
	border-radius:12px;
	background:rgba(98,230,165,.08);
	color:#baf5d6;
	font-weight:800;
}
.nfwc-brief-details{
	border:1px solid rgba(141,157,208,.18);
	border-radius:14px;
	background:rgba(7,12,28,.32);
	overflow:hidden;
}
.nfwc-brief-details > summary{
	cursor:pointer;
	padding:15px 18px;
	font-weight:900;
	color:#dce6ff;
	list-style-position:inside;
}
.nfwc-brief-details[open] > summary{border-bottom:1px solid rgba(141,157,208,.14)}
.nfwc-brief-intake-body{padding:18px}
.nfwc-brief-intake-body h4{
	margin:20px 0 12px;
	color:#a9bcff;
	font-size:15px;
}
.nfwc-brief-intake-body h4:first-child{margin-top:0}
.nfwc-content-status-grid,
.nfwc-tech-grid{
	display:grid;
	grid-template-columns:repeat(2,minmax(0,1fr));
	gap:12px;
}
@media(max-width:720px){
	.nfwc-content-status-grid,
	.nfwc-tech-grid{grid-template-columns:1fr}
	.nfwc-brief-intake-body{padding:14px}
}


/* v0.4.7 — optional custom capability intake */
.nfwc-custom-capability{
  margin-top:24px;
  padding-top:22px;
  border-top:1px solid rgba(120,150,205,.16);
}
.nfwc-custom-capability h4 small{
  margin-right:8px;
  color:#8791ac;
  font-size:12px;
  font-weight:600;
}
.nfwc-custom-capability-help{
  margin:-2px 0 16px;
  color:#98a4bf;
  line-height:1.9;
  font-size:13px;
}
.nfwc-reference-upload input[type="file"]{
  width:100%;
  padding:10px;
  border:1px dashed rgba(84,186,255,.30);
  border-radius:12px;
  background:rgba(7,18,39,.72);
  color:#dfe8ff;
}
.nfwc-reference-upload small{
  display:block;
  margin-top:7px;
  line-height:1.8;
}

/* v0.4.8 — UX Refinement + Better Brief Intake */
.nfwc-brief-summary-note{
	display:inline-flex;
	align-items:center;
	margin-right:8px;
	padding:3px 8px;
	border-radius:999px;
	background:rgba(98,230,165,.08);
	border:1px solid rgba(98,230,165,.16);
	color:#aeeecf;
	font-size:10px;
	font-weight:800;
}
.nfwc-brief-help{
	margin:-2px 0 14px;
	color:#9ba8c6;
	font-size:12px;
	line-height:1.9;
}
.nfwc-goals-section,
.nfwc-content-intake{
	margin-top:24px;
	padding-top:22px;
	border-top:1px solid rgba(120,150,205,.16);
}
.nfwc-goals-section h5{
	margin:18px 0 10px;
	color:#d9e2ff;
	font-size:13px;
}
.nfwc-goals-section h5 small{
	margin-right:7px;
	color:#8791ac;
	font-size:10px;
	font-weight:600;
}
.nfwc-goal-grid{
	display:grid;
	grid-template-columns:repeat(2,minmax(0,1fr));
	gap:10px;
}
.nfwc-goal-card{
	position:relative;
	display:flex;
	align-items:flex-start;
	gap:10px;
	padding:13px;
	border:1px solid rgba(141,157,208,.18);
	border-radius:13px;
	background:rgba(8,16,35,.55);
	cursor:pointer;
	transition:.18s ease;
}
.nfwc-goal-card:hover{
	border-color:rgba(84,186,255,.34);
	background:rgba(22,49,85,.35);
}
.nfwc-goal-card input{
	flex:0 0 auto;
	width:17px!important;
	height:17px!important;
	min-height:17px!important;
	margin:3px 0 0 0!important;
	padding:0!important;
	accent-color:#62e6a5;
	appearance:auto!important;
}
.nfwc-goal-card span{
	display:block;
	min-width:0;
}
.nfwc-goal-card strong{
	display:block;
	color:#eaf0ff;
	font-size:12px;
	line-height:1.6;
}
.nfwc-goal-card small{
	display:block;
	margin-top:3px;
	color:#8f9bb8;
	font-size:10px;
	line-height:1.7;
}
.nfwc-goal-card:has(input:checked){
	border-color:rgba(98,230,165,.42);
	background:linear-gradient(135deg,rgba(98,230,165,.08),rgba(79,124,255,.05));
	box-shadow:0 0 0 1px rgba(98,230,165,.05) inset;
}
.nfwc-goal-secondary-grid{
	display:flex;
	flex-wrap:wrap;
	gap:8px;
}
.nfwc-goal-secondary{
	display:inline-flex;
	align-items:center;
	gap:6px;
	padding:8px 10px;
	border:1px solid rgba(141,157,208,.16);
	border-radius:999px;
	background:rgba(8,16,35,.45);
	color:#c8d2ec;
	font-size:10px;
	cursor:pointer;
}
.nfwc-goal-secondary input{
	width:14px!important;
	height:14px!important;
	min-height:14px!important;
	margin:0!important;
	padding:0!important;
	accent-color:#6e7cff;
	appearance:auto!important;
}
.nfwc-goal-secondary.is-disabled{
	opacity:.42;
	cursor:not-allowed;
}
.nfwc-content-assets{
	display:grid;
	grid-template-columns:repeat(2,minmax(0,1fr));
	gap:12px;
	margin-top:14px;
}
.nfwc-content-asset-card{
	padding:14px;
	border:1px solid rgba(141,157,208,.16);
	border-radius:14px;
	background:rgba(7,14,31,.45);
}
.nfwc-content-asset-card .nfwc-field + .nfwc-field{
	margin-top:10px;
}
.nfwc-content-upload[hidden]{display:none!important}
.nfwc-reference-upload input[type="file"],
.nfwc-content-upload input[type="file"]{
	width:100%;
	min-height:44px;
	padding:6px;
	border:1px dashed rgba(84,186,255,.30);
	border-radius:12px;
	background:rgba(7,18,39,.72)!important;
	color:#cfd9ef!important;
	font:inherit;
	font-size:11px;
}
.nfwc-reference-upload input[type="file"]::file-selector-button,
.nfwc-content-upload input[type="file"]::file-selector-button{
	margin-left:10px;
	border:1px solid rgba(104,142,255,.30);
	border-radius:9px;
	padding:7px 11px;
	background:linear-gradient(135deg,rgba(67,105,223,.95),rgba(92,72,208,.95));
	color:#fff;
	font:inherit;
	font-size:10px;
	font-weight:800;
	cursor:pointer;
}
.nfwc-reference-upload input[type="file"]::-webkit-file-upload-button,
.nfwc-content-upload input[type="file"]::-webkit-file-upload-button{
	margin-left:10px;
	border:1px solid rgba(104,142,255,.30);
	border-radius:9px;
	padding:7px 11px;
	background:linear-gradient(135deg,rgba(67,105,223,.95),rgba(92,72,208,.95));
	color:#fff;
	font:inherit;
	font-size:10px;
	font-weight:800;
	cursor:pointer;
}
.nfwc-reference-upload input[type="file"]:hover::file-selector-button,
.nfwc-content-upload input[type="file"]:hover::file-selector-button{
	filter:brightness(1.08);
}
.nfwc-shell .nfwc-contract-accept input[type="checkbox"]{
	flex:0 0 17px!important;
	appearance:auto!important;
	background:transparent!important;
}
@media(max-width:720px){
	.nfwc-goal-grid,
	.nfwc-content-assets{grid-template-columns:1fr}
	.nfwc-goal-secondary{width:100%;border-radius:11px}
	.nfwc-brief-summary-note{display:none}
	.nfwc-reference-upload input[type="file"],
	.nfwc-content-upload input[type="file"]{font-size:10px}
}

/* v0.4.9 — Draft Auto-Save & Resume */
.nfwc-draft-toolbar{
	display:grid;grid-template-columns:minmax(0,1fr) auto;gap:14px;align-items:center;
	margin:0 0 14px;padding:12px 14px;border:1px solid rgba(110,140,205,.16);border-radius:14px;
	background:linear-gradient(135deg,rgba(13,25,50,.72),rgba(7,15,32,.72));
}
.nfwc-draft-progress-wrap{display:flex;flex-direction:column;gap:7px;min-width:0}
.nfwc-draft-progress-wrap strong{color:#dce6ff;font-size:11px}
.nfwc-draft-progress-track{display:block;width:100%;height:5px;overflow:hidden;border-radius:999px;background:rgba(129,146,190,.13)}
.nfwc-draft-progress-track i{display:block;width:0;height:100%;border-radius:inherit;background:linear-gradient(90deg,#4f7cff,#62e6a5);transition:width .22s ease}
.nfwc-draft-status{min-width:210px;text-align:left;color:#98a6c4;font-size:10px;line-height:1.7}
.nfwc-draft-status[data-state="saved"],.nfwc-draft-status[data-state="local"]{color:#aeeecf}
.nfwc-draft-status[data-state="saving"]{color:#b8c8ff}
.nfwc-draft-status[data-state="error"]{color:#ffd08a}
.nfwc-draft-resume{
	dis:flex;justify-content:space-between;align-items:center;gap:16px;margin:0 0 16px;padding:15px 16px;
	border:1px solid rgba(98,230,165,.28);border-radius:14px;background:linear-gradient(135deg,rgba(98,230,165,.075),rgba(79,124,255,.06));
}
.nfwc-draft-resume[hidden]{display:none!important}
.nfwc-draft-resume>div:first-child{display:flex;flex-direction:column;gap:3px}.nfwc-draft-resume strong{color:#eaf9f1;font-size:12px}.nfwc-draft-resume span{color:#98a8bf;font-size:10px;line-height:1.8}
.nfwc-draft-resume-actions{display:flex;gap:8px;flex:0 0 auto}
.nfwc-draft-resume-actions button{border:1px solid rgba(125,149,215,.22);border-radius:10px;padding:8px 12px;background:rgba(16,28,54,.82);color:#dce5fb;font:inherit;font-size:10px;font-weight:800;cursor:pointer}
.nfwc-draft-resume-actions button.is-primary{border-color:rgba(98,230,165,.25);background:linear-gradient(135deg,#4369df,#6353d8);color:#fff}
.nfwc-draft-file-list{display:flex;flex-direction:column;gap:6px;margin-top:8px}
.nfwc-draft-file-item{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:7px 9px;border:1px solid rgba(98,230,165,.14);border-radius:9px;background:rgba(98,230,165,.045);color:#cbd7ee;font-size:9px}
.nfwc-draft-file-item span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.nfwc-draft-file-item button{flex:0 0 auto;border:0;border-radius:7px;padding:4px 7px;background:rgba(255,118,118,.10);color:#ffb3b3;font:inherit;font-size:9px;cursor:pointer}
@media(max-width:720px){
	.nfwc-draft-toolbar{grid-template-columns:1fr;gap:9px}.nfwc-draft-status{min-width:0;text-align:right}.nfwc-draft-resume{align-items:stretch;flex-direction:column}.nfwc-draft-resume-actions{width:100%}.nfwc-draft-resume-actions button{flex:1}
}

/* v0.4.10 — Smart Progress + Sticky Status */
.nfwc-draft-toolbar{
	position:sticky;
	top:var(--nfwc-progress-sticky-top,12px);
	z-index:45;
	grid-template-columns:minmax(0,1fr) minmax(220px,auto);
	border-color:rgba(111,145,224,.24);
	background:linear-gradient(135deg,rgba(12,24,48,.94),rgba(6,14,30,.94));
	box-shadow:0 14px 38px rgba(0,0,0,.24),0 0 0 1px rgba(255,255,255,.018) inset;
	-webkit-backdrop-filter:blur(16px);
	backdrop-filter:blur(16px);
}
.nfwc-progress-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;min-width:0}
.nfwc-progress-heading strong{min-width:0;color:#e7eeff;font-size:11px;line-height:1.8}
#nfwc-progress-remaining{flex:0 0 auto;color:#9fb0cf;font-size:9px;font-weight:700;white-space:nowrap}
.nfwc-draft-progress-track{height:6px;box-shadow:0 0 0 1px rgba(255,255,255,.025) inset}
.nfwc-draft-progress-track i{will-change:width}
.nfwc-progress-actions{display:flex;align-items:center;justify-content:flex-end;gap:10px;min-width:0}
.nfwc-progress-actions .nfwc-draft-status{min-width:0;max-width:280px;text-align:right}
.nfwc-progress-next{
	flex:0 0 auto;border:1px solid rgba(98,230,165,.26);border-radius:10px;padding:8px 11px;
	background:linear-gradient(135deg,rgba(67,105,223,.92),rgba(99,83,216,.92));color:#fff;
	font:inherit;font-size:9px;font-weight:850;line-height:1.6;cursor:pointer;transition:transform .18s ease,border-color .18s ease,filter .18s ease;
}
.nfwc-progress-next:hover{transform:translateY(-1px);filter:brightness(1.06);border-color:rgba(98,230,165,.45)}
.nfwc-progress-next:focus-visible,.nfwc-progress-details summary:focus-visible,.nfwc-progress-missing-list button:focus-visible{outline:2px solid rgba(98,230,165,.75);outline-offset:2px}
.nfwc-progress-next[hidden]{display:none!important}
.nfwc-progress-details{position:relative;margin:0;min-width:0}
.nfwc-progress-details[hidden]{display:none!important}
.nfwc-progress-details summary{width:max-content;max-width:100%;color:#93a8cf;font-size:9px;font-weight:750;cursor:pointer;list-style:none;user-select:none}
.nfwc-progress-details summary::-webkit-details-marker{display:none}
.nfwc-progress-details summary:before{content:'+';display:inline-grid;place-items:center;width:15px;height:15px;margin-left:5px;border:1px solid rgba(125,149,215,.18);border-radius:50%;font-size:10px}
.nfwc-progress-details[open] summary:before{content:'−'}
#nfwc-progress-missing-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px;margin:7px 0 0;padding:7px;border:1px solid rgba(111,145,224,.14);border-radius:10px;background:rgba(4,11,25,.52);list-style:none}
#nfwc-progress-missing-list li{min-width:0;margin:0}
#nfwc-progress-missing-list button{width:100%;border:0;border-radius:7px;padding:6px 7px;background:rgba(112,139,205,.07);color:#c7d3eb;text-align:right;font:inherit;font-size:8.5px;line-height:1.7;cursor:pointer}
#nfwc-progress-missing-list button:hover{background:rgba(112,139,205,.12);color:#eef3ff}
#nfwc-progress-missing-list .nfwc-progress-more{padding:5px 7px;color:#8797b8;font-size:8px}
.nfwc-draft-resume{display:flex}
@media(max-width:720px){
	.nfwc-draft-toolbar{
		top:var(--nfwc-progress-sticky-top,8px);grid-template-columns:1fr;gap:7px;padding:9px 10px;border-radius:12px;
		box-shadow:0 10px 28px rgba(0,0,0,.22);
	}
	.nfwc-progress-heading{gap:8px}.nfwc-progress-heading strong{font-size:10px}#nfwc-progress-remaining{font-size:8px}
	.nfwc-draft-progress-track{height:5px}
	.nfwc-progress-actions{justify-content:space-between;gap:8px}.nfwc-progress-actions .nfwc-draft-status{flex:1;max-width:none;text-align:right;font-size:8.5px;line-height:1.6}
	.nfwc-progress-next{padding:6px 9px;border-radius:9px;font-size:8px}
	.nfwc-progress-details summary{font-size:8px}
	#nfwc-progress-missing-list{grid-template-columns:1fr;max-height:118px;overflow:auto;padding:6px}
	#nfwc-progress-missing-list button{font-size:8px;padding:5px 6px}
}
@media(prefers-reduced-motion:reduce){
	.nfwc-draft-progress-track i,.nfwc-progress-next{transition:none!important;scroll-behavior:auto!important}
}

/* v0.4.15 — Safe CSS-only Brief CTA emphasis (no JS observer) */
.nfwc-brief-details > summary{
  position:relative;
  display:flex;
  align-items:center;
  justify-content:center;
  flex-wrap:wrap;
  gap:8px;
  min-height:54px;
  font-size:14px;
  font-weight:950;
  letter-spacing:.01em;
  background:linear-gradient(135deg,rgba(62,102,225,.12),rgba(62,230,183,.06));
  box-shadow:inset 0 0 0 1px rgba(99,161,255,.14);
  transition:background .22s ease,box-shadow .22s ease,transform .22s ease,color .22s ease;
  animation:nfwcBriefCtaGlowSafe 3.8s ease-in-out infinite;
}
.nfwc-brief-details > summary:hover{
  transform:translateY(-1px);
  background:linear-gradient(135deg,rgba(73,119,255,.20),rgba(62,230,183,.10));
  box-shadow:inset 0 0 0 1px rgba(99,161,255,.30),0 10px 28px rgba(23,77,184,.16);
}
.nfwc-brief-summary-note{
  display:inline-flex;
  align-items:center;
  font-weight:900;
  background:linear-gradient(135deg,rgba(69,125,255,.22),rgba(62,230,183,.16));
  border-color:rgba(115,190,255,.36)!important;
  color:#dff7ff!important;
  box-shadow:0 0 0 0 rgba(79,152,255,.20);
  animation:nfwcBriefBadgePulseSafe 3.8s ease-in-out infinite;
}
@keyframes nfwcBriefCtaGlowSafe{
  0%,68%,100%{box-shadow:inset 0 0 0 1px rgba(99,161,255,.14),0 0 0 rgba(64,137,255,0)}
  80%{box-shadow:inset 0 0 0 1px rgba(111,182,255,.42),0 0 24px rgba(64,137,255,.18)}
  90%{box-shadow:inset 0 0 0 1px rgba(98,230,165,.30),0 0 34px rgba(62,230,183,.10)}
}
@keyframes nfwcBriefBadgePulseSafe{
  0%,68%,100%{transform:scale(1);box-shadow:0 0 0 0 rgba(79,152,255,.12)}
  80%{transform:scale(1.045);box-shadow:0 0 0 6px rgba(79,152,255,.07)}
  90%{transform:scale(1);box-shadow:0 0 0 10px rgba(79,152,255,0)}
}

/* v0.4.15 — Minimal mobile/autofill rendering fix */
.nfwc-shell{color-scheme:dark;}
.nfwc-shell .nfwc-field input:-webkit-autofill,
.nfwc-shell .nfwc-field input:-webkit-autofill:hover,
.nfwc-shell .nfwc-field input:-webkit-autofill:focus,
.nfwc-shell .nfwc-field input:-webkit-autofill:active{
  -webkit-text-fill-color:#f8f9ff!important;
  caret-color:#f8f9ff!important;
  -webkit-box-shadow:0 0 0 1000px #090e20 inset!important;
  box-shadow:0 0 0 1000px #090e20 inset!important;
  border-color:rgba(142,156,204,.28)!important;
  background-color:#090e20!important;
}
.nfwc-shell .nfwc-field input:-webkit-autofill:focus{
  -webkit-box-shadow:0 0 0 1000px #0b1126 inset,0 0 0 3px rgba(79,124,255,.11)!important;
  box-shadow:0 0 0 1000px #0b1126 inset,0 0 0 3px rgba(79,124,255,.11)!important;
  border-color:rgba(91,126,255,.8)!important;
}
.nfwc-shell .nfwc-field input:autofill{color:#f8f9ff!important;background:#090e20!important;}

@media(max-width:720px){
  .nfwc-brief-details > summary{min-height:50px;padding:12px 13px;font-size:12px;gap:6px}
  .nfwc-brief-summary-note{display:inline-flex!important;font-size:9px!important;padding:3px 7px!important;margin-right:0!important}
  .nfwc-shell{padding-bottom:calc(104px + env(safe-area-inset-bottom,0px))!important;scroll-padding-bottom:calc(98px + env(safe-area-inset-bottom,0px));}
  .nfwc-shell .nfwc-field input,
  .nfwc-shell .nfwc-field input[type="text"],
  .nfwc-shell .nfwc-field input[type="tel"],
  .nfwc-shell .nfwc-field input[type="email"],
  .nfwc-shell .nfwc-field input[type="url"],
  .nfwc-shell .nfwc-field select,
  .nfwc-shell .nfwc-field textarea{
    max-width:100%!important;
    min-width:0!important;
    font-size:16px!important;
    scroll-margin-bottom:calc(98px + env(safe-area-inset-bottom,0px));
  }
  .nfwc-floating-total{bottom:max(8px,env(safe-area-inset-bottom,0px));}
}
@media(prefers-reduced-motion:reduce){
  .nfwc-brief-details > summary,.nfwc-brief-summary-note{animation:none!important;transition:none!important}
}


/* ==========================================================
   v0.4.16 — Visual Experience Phase 1
   Visual site-type cards + safe live CSS preview.
   No pricing, Draft, Commerce, Project Brief or Progress logic changed.
   ========================================================== */
.nfwc-shell .nfwc-wrap{width:min(1240px,100%)}
.nfwc-shell .nfwc-layout{grid-template-columns:minmax(0,1fr) 390px;gap:26px}
.nfwc-shell .nfwc-hero{max-width:920px;margin-bottom:32px}
.nfwc-shell .nfwc-hero p{max-width:820px}

.nfwc-shell .nfwc-site-types{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.nfwc-shell .nfwc-site-type-ui{
  min-height:168px!important;display:grid!important;grid-template-columns:1fr 22px!important;grid-template-rows:auto 1fr!important;
  gap:10px 12px!important;padding:12px!important;overflow:hidden!important;position:relative!important;
  background:linear-gradient(180deg,rgba(17,24,48,.92),rgba(9,14,30,.92))!important;
}
.nfwc-shell .nfwc-site-type-thumb{grid-column:1/-1;display:block;position:relative;height:82px;border-radius:13px;overflow:hidden;border:1px solid rgba(145,162,214,.15);background:linear-gradient(150deg,#131a34,#0d1328)}
.nfwc-shell .nfwc-site-type-thumb i{position:absolute;display:block;border-radius:999px;background:rgba(255,255,255,.14)}
.nfwc-shell .nfwc-thumb-nav{height:5px!important;top:10px;right:10px;left:10px;border-radius:5px!important;background:linear-gradient(90deg,rgba(255,255,255,.28) 0 20%,rgba(255,255,255,.08) 20% 100%)!important}
.nfwc-shell .nfwc-thumb-hero{right:10px;top:26px;width:45%;height:8px;border-radius:5px!important}
.nfwc-shell .nfwc-thumb-copy{right:10px;top:40px;width:34%;height:4px;opacity:.7}
.nfwc-shell .nfwc-thumb-cta{right:10px;top:52px;width:22%;height:8px;background:linear-gradient(90deg,var(--nfwc-blue),var(--nfwc-purple))!important}
.nfwc-shell .nfwc-thumb-grid{left:10px;top:25px;width:42%;height:42px;border-radius:10px!important;background:linear-gradient(135deg,rgba(79,124,255,.32),rgba(143,92,255,.18))!important;box-shadow:inset 0 0 0 1px rgba(255,255,255,.05)}
.nfwc-shell .nfwc-site-type-copy{min-width:0;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:1px}
.nfwc-shell .nfwc-site-type-copy small{font-style:normal;color:#7f91c6!important;font-size:9px!important;font-weight:900}
.nfwc-shell .nfwc-site-type-copy strong{font-size:15px!important;line-height:1.6}
.nfwc-shell .nfwc-site-type-copy em{font-style:normal;color:#9ca6c1!important;font-size:10px!important;line-height:1.55}
.nfwc-shell .nfwc-site-type-ui>.nfwc-radio-dot{align-self:center;justify-self:end}
.nfwc-shell .nfwc-site-type:hover .nfwc-site-type-thumb{border-color:rgba(111,139,255,.36)}
.nfwc-shell .nfwc-site-type input:checked + .nfwc-site-type-ui{transform:translateY(-2px);box-shadow:0 16px 38px rgba(31,55,142,.20),inset 0 0 0 1px rgba(104,126,255,.12)!important}
.nfwc-shell .nfwc-site-type input:checked + .nfwc-site-type-ui .nfwc-site-type-thumb{border-color:rgba(120,150,255,.55);box-shadow:0 10px 26px rgba(53,79,180,.18)}
.nfwc-shell [data-site-card="store"] .nfwc-thumb-grid{background:linear-gradient(135deg,rgba(98,230,165,.28),rgba(79,124,255,.18))!important}
.nfwc-shell [data-site-card="service"] .nfwc-thumb-grid{background:linear-gradient(135deg,rgba(255,207,112,.28),rgba(143,92,255,.18))!important}
.nfwc-shell [data-site-card="education"] .nfwc-thumb-grid{background:linear-gradient(135deg,rgba(143,92,255,.30),rgba(79,124,255,.20))!important}
.nfwc-shell [data-site-card="personal"] .nfwc-thumb-grid{background:linear-gradient(135deg,rgba(255,127,150,.24),rgba(143,92,255,.18))!important}
.nfwc-shell [data-site-card="news"] .nfwc-thumb-grid{background:linear-gradient(135deg,rgba(245,158,11,.26),rgba(239,68,68,.17))!important}
.nfwc-shell [data-site-card="landing"] .nfwc-thumb-grid{background:linear-gradient(135deg,rgba(236,72,153,.25),rgba(139,92,246,.19))!important}
.nfwc-shell [data-site-card="membership"] .nfwc-thumb-grid{background:linear-gradient(135deg,rgba(34,197,94,.24),rgba(14,165,233,.18))!important}
.nfwc-shell [data-site-card="directory"] .nfwc-thumb-grid{background:linear-gradient(135deg,rgba(6,182,212,.25),rgba(59,130,246,.18))!important}
.nfwc-shell [data-site-card="other"] .nfwc-thumb-grid{background:linear-gradient(135deg,rgba(180,190,220,.20),rgba(79,124,255,.16))!important}

.nfwc-shell .nfwc-live-preview{margin:-2px -2px 20px;padding:10px;border:1px solid rgba(129,151,225,.24);border-radius:20px;background:linear-gradient(180deg,rgba(6,10,23,.98),rgba(11,17,35,.95));box-shadow:0 18px 48px rgba(0,0,0,.25);overflow:hidden}
.nfwc-shell .nfwc-preview-bar{height:28px;display:flex;align-items:center;gap:5px;padding:0 8px;border-bottom:1px solid rgba(140,158,211,.12);color:#7280a5}
.nfwc-shell .nfwc-preview-bar span{width:6px;height:6px;border-radius:50%;background:#56617e}
.nfwc-shell .nfwc-preview-bar b{margin-right:auto;font-size:8px;letter-spacing:.12em;color:#6f82b5!important}
.nfwc-shell .nfwc-preview-screen{position:relative;min-height:238px;padding:11px;border-radius:14px;background:linear-gradient(160deg,#f4f6fb,#e9edf5);overflow:hidden;transition:background .25s ease}
.nfwc-shell .nfwc-preview-nav{height:22px;display:flex;align-items:center;gap:5px;border-bottom:1px solid rgba(25,35,60,.07)}
.nfwc-shell .nfwc-preview-nav i{width:31px;height:7px;border-radius:4px;background:#26324f}
.nfwc-shell .nfwc-preview-nav span{width:21px;height:3px;border-radius:2px;background:#aeb6c8}
.nfwc-shell .nfwc-preview-hero{display:grid;grid-template-columns:1.1fr .9fr;align-items:center;gap:10px;min-height:130px;padding:14px 4px}
.nfwc-shell .nfwc-preview-copy{display:flex;flex-direction:column;align-items:flex-start;gap:5px;min-width:0}
.nfwc-shell .nfwc-preview-copy small{font-size:7px!important;color:#6f7a94!important;font-weight:900}
.nfwc-shell .nfwc-preview-copy strong{font-size:15px!important;line-height:1.45!important;color:#18223a!important}
.nfwc-shell .nfwc-preview-copy span{font-size:7px!important;line-height:1.5!important;color:#7b8499!important}
.nfwc-shell .nfwc-preview-copy i{display:block;width:48px;height:13px;border-radius:8px;background:linear-gradient(90deg,var(--nfwc-blue),var(--nfwc-purple));margin-top:4px}
.nfwc-shell .nfwc-preview-media{position:relative;height:100px;border-radius:16px;background:linear-gradient(145deg,#d8dfee,#b7c2d9);overflow:hidden;box-shadow:0 10px 28px rgba(54,65,96,.12)}
.nfwc-shell .nfwc-preview-media span{position:absolute;width:74px;height:74px;border-radius:24px;background:linear-gradient(145deg,rgba(79,124,255,.92),rgba(143,92,255,.74));left:13px;top:13px;transform:rotate(-7deg)}
.nfwc-shell .nfwc-preview-media b{position:absolute;width:54px;height:54px;border-radius:50%;background:rgba(255,255,255,.72);right:12px;bottom:10px}
.nfwc-shell .nfwc-preview-media i{position:absolute;width:34px;height:8px;border-radius:8px;background:rgba(23,31,53,.22);right:22px;bottom:33px}
.nfwc-shell .nfwc-preview-modules{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;padding:0 4px 4px}
.nfwc-shell .nfwc-preview-modules i{height:54px;border-radius:10px;background:linear-gradient(180deg,#fff,#edf0f6);box-shadow:inset 0 0 0 1px rgba(31,46,75,.05)}
.nfwc-shell .nfwc-preview-meta{padding:10px 2px 1px;display:flex;flex-direction:column;gap:7px}
.nfwc-shell .nfwc-preview-meta>span{font-size:10px!important;font-weight:900;color:#aab5d4!important}
.nfwc-shell .nfwc-preview-chips{display:flex;flex-wrap:wrap;gap:5px}
.nfwc-shell .nfwc-preview-chips b{max-width:100%;padding:4px 7px;border-radius:999px;background:rgba(79,124,255,.10);border:1px solid rgba(111,139,255,.18);color:#cbd7ff!important;font-size:8px!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

.nfwc-shell .nfwc-live-preview[data-site-type="store"] .nfwc-preview-screen{background:linear-gradient(160deg,#f6f4ef,#edf4f1)}
.nfwc-shell .nfwc-live-preview[data-site-type="store"] .nfwc-preview-media span{border-radius:50%;background:linear-gradient(145deg,#58c99b,#4f7cff)}
.nfwc-shell .nfwc-live-preview[data-site-type="service"] .nfwc-preview-screen{background:linear-gradient(160deg,#f7f5f0,#f0eef7)}
.nfwc-shell .nfwc-live-preview[data-site-type="service"] .nfwc-preview-media span{background:linear-gradient(145deg,#ffcf70,#8f5cff)}
.nfwc-shell .nfwc-live-preview[data-site-type="education"] .nfwc-preview-screen{background:linear-gradient(160deg,#f3f1fb,#edf2fb)}
.nfwc-shell .nfwc-live-preview[data-site-type="education"] .nfwc-preview-media span{border-radius:18px;background:linear-gradient(145deg,#8f5cff,#4f7cff)}
.nfwc-shell .nfwc-live-preview[data-site-type="personal"] .nfwc-preview-screen{background:linear-gradient(160deg,#f8f2f4,#f1edf7)}
.nfwc-shell .nfwc-live-preview[data-site-type="personal"] .nfwc-preview-media span{border-radius:50% 50% 22px 22px;background:linear-gradient(145deg,#ff9bb0,#8f5cff)}
.nfwc-shell .nfwc-live-preview[data-site-type="news"] .nfwc-preview-screen{background:linear-gradient(160deg,#fff8ed,#f8f1ef)}
.nfwc-shell .nfwc-live-preview[data-site-type="news"] .nfwc-preview-media span{border-radius:10px;background:linear-gradient(145deg,#f59e0b,#ef4444)}
.nfwc-shell .nfwc-live-preview[data-site-type="landing"] .nfwc-preview-screen{background:linear-gradient(160deg,#fdf2f8,#f3eefe)}
.nfwc-shell .nfwc-live-preview[data-site-type="landing"] .nfwc-preview-media span{border-radius:32px 12px;background:linear-gradient(145deg,#ec4899,#8b5cf6)}
.nfwc-shell .nfwc-live-preview[data-site-type="membership"] .nfwc-preview-screen{background:linear-gradient(160deg,#effcf5,#edf8fb)}
.nfwc-shell .nfwc-live-preview[data-site-type="membership"] .nfwc-preview-media span{border-radius:50%;background:linear-gradient(145deg,#22c55e,#0ea5e9)}
.nfwc-shell .nfwc-live-preview[data-site-type="directory"] .nfwc-preview-screen{background:linear-gradient(160deg,#effbfc,#eef4fd)}
.nfwc-shell .nfwc-live-preview[data-site-type="directory"] .nfwc-preview-media span{border-radius:14px;background:linear-gradient(145deg,#06b6d4,#3b82f6)}
.nfwc-shell .nfwc-live-preview[data-site-type="other"] .nfwc-preview-screen{background:linear-gradient(160deg,#f1f3f7,#eaedf4)}
.nfwc-shell .nfwc-live-preview[data-site-type="other"] .nfwc-preview-media span{background:linear-gradient(145deg,#9da8c0,#4f7cff)}

@media(max-width:1100px) and (min-width:981px){
  .nfwc-shell .nfwc-layout{grid-template-columns:minmax(0,1fr) 350px;gap:20px}
  .nfwc-shell .nfwc-site-types{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:980px){
  .nfwc-shell .nfwc-layout{grid-template-columns:1fr}
  .nfwc-shell .nfwc-live-preview{grid-column:1/-1;margin-bottom:4px}
  .nfwc-shell .nfwc-summary-card{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:720px){
  .nfwc-shell .nfwc-site-types{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
  .nfwc-shell .nfwc-site-type-ui{min-height:148px!important;padding:9px!important}
  .nfwc-shell .nfwc-site-type-thumb{height:68px}
  .nfwc-shell .nfwc-site-type-copy em{display:none}
  .nfwc-shell .nfwc-live-preview{padding:8px;border-radius:16px}
  .nfwc-shell .nfwc-preview-screen{min-height:210px}
  .nfwc-shell .nfwc-preview-hero{min-height:112px}
  .nfwc-shell .nfwc-preview-media{height:84px}
  .nfwc-shell .nfwc-preview-modules i{height:44px}
}
@media(max-width:430px){
  .nfwc-shell .nfwc-site-types{grid-template-columns:1fr 1fr!important}
  .nfwc-shell .nfwc-site-type-ui{min-height:140px!important}
  .nfwc-shell .nfwc-site-type-copy strong{font-size:13px!important}
  .nfwc-shell .nfwc-preview-copy strong{font-size:13px!important}
}
@media(prefers-reduced-motion:reduce){
  .nfwc-shell .nfwc-site-type-ui,.nfwc-shell .nfwc-preview-screen{transition:none!important}
}

/* ==========================================================
   v0.4.17 — Visual Experience Phase 2
   Large sticky live website canvas + per-selection visual feedback
   + in-page fullscreen mode. Pricing / Draft / Commerce untouched.
   ========================================================== */
.nfwc-shell .nfwc-wrap{width:min(1560px,100%)!important}
.nfwc-shell .nfwc-layout{
  grid-template-columns:minmax(520px,.92fr) minmax(600px,1.08fr)!important;
  gap:30px!important;
}
.nfwc-shell .nfwc-summary{top:76px!important;max-height:calc(100vh - 92px)!important}
.nfwc-shell .nfwc-summary-card{padding:16px!important}

.nfwc-shell .nfwc-live-preview{
  margin:0 0 18px!important;
  padding:10px!important;
  border-radius:24px!important;
  border:1px solid rgba(125,151,255,.30)!important;
  background:linear-gradient(180deg,rgba(5,9,22,.99),rgba(8,14,31,.98))!important;
  box-shadow:0 28px 80px rgba(0,0,0,.34),0 0 0 1px rgba(79,124,255,.04) inset!important;
  overflow:hidden!important;
  isolation:isolate;
}
.nfwc-shell .nfwc-preview-bar{
  min-height:42px!important;height:auto!important;
  display:flex!important;align-items:center!important;gap:9px!important;
  padding:6px 8px 9px!important;
  border-bottom:1px solid rgba(140,158,211,.13)!important;
}
.nfwc-shell .nfwc-preview-browser-lights{display:flex;align-items:center;gap:5px;direction:ltr;flex:0 0 auto}
.nfwc-shell .nfwc-preview-browser-lights span{width:7px!important;height:7px!important;border-radius:50%!important;background:#4c5878!important}
.nfwc-shell .nfwc-preview-browser-lights span:nth-child(1){background:#ff7f96!important}
.nfwc-shell .nfwc-preview-browser-lights span:nth-child(2){background:#ffcf70!important}
.nfwc-shell .nfwc-preview-browser-lights span:nth-child(3){background:#62e6a5!important}
.nfwc-shell .nfwc-preview-bar>b{margin:0!important;font-size:8px!important;letter-spacing:.14em!important;color:#7890ca!important;white-space:nowrap}
.nfwc-shell .nfwc-preview-actions{margin-right:auto;display:flex;align-items:center;gap:8px;min-width:0}
.nfwc-shell .nfwc-preview-actions small{font-size:9px!important;color:#8f9cbc!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:260px}
.nfwc-shell .nfwc-preview-fullscreen{
  display:inline-flex;align-items:center;justify-content:center;gap:6px;flex:0 0 auto;
  min-height:30px;padding:5px 9px;border-radius:9px;border:1px solid rgba(126,151,237,.24);
  background:rgba(79,124,255,.09);color:#dce5ff;cursor:pointer;font:inherit;
  transition:transform .18s ease,border-color .18s ease,background .18s ease;
}
.nfwc-shell .nfwc-preview-fullscreen:hover{transform:translateY(-1px);border-color:rgba(126,151,237,.48);background:rgba(79,124,255,.16)}
.nfwc-shell .nfwc-preview-fullscreen span{font-size:16px!important;line-height:1!important;color:#fff!important}
.nfwc-shell .nfwc-preview-fullscreen em{font-style:normal;font-size:9px!important;font-weight:800;color:#dce5ff!important;white-space:nowrap}

.nfwc-shell .nfwc-preview-screen{
  position:relative!important;
  min-height:500px!important;
  max-height:calc(100vh - 220px);
  overflow:auto!important;
  padding:0 16px 18px!important;
  border-radius:17px!important;
  background:linear-gradient(155deg,#f8f9fc 0%,#edf1f8 54%,#e7ecf5 100%)!important;
  scrollbar-width:thin;
  scrollbar-color:rgba(84,105,164,.35) transparent;
}
.nfwc-shell .nfwc-preview-announcement{
  margin:0 -16px 0;padding:7px 16px;text-align:center;
  background:linear-gradient(90deg,#18243e,#304b86);color:#fff!important;
  font-size:8px!important;font-weight:800;letter-spacing:.01em;
}
.nfwc-shell .nfwc-preview-nav{
  position:relative;z-index:7;height:48px!important;display:flex!important;align-items:center!important;gap:11px!important;
  border-bottom:1px solid rgba(25,35,60,.08)!important;background:rgba(248,250,253,.82);backdrop-filter:blur(10px);
}
.nfwc-shell .has-sticky-header .nfwc-preview-nav{position:sticky!important;top:0!important;box-shadow:0 8px 18px rgba(41,55,88,.08)}
.nfwc-shell .nfwc-preview-brand{width:58px!important;height:11px!important;border-radius:4px!important;background:linear-gradient(90deg,#17243f 0 34%,#4f7cff 34% 100%)!important;flex:0 0 auto}
.nfwc-shell .nfwc-preview-nav-links{display:flex;align-items:center;gap:9px;flex:1}
.nfwc-shell .nfwc-preview-nav-links span{display:block;width:34px!important;height:4px!important;border-radius:99px!important;background:#bdc5d4!important}
.nfwc-shell .nfwc-preview-nav-links span:nth-child(2){width:27px!important}
.nfwc-shell .nfwc-preview-nav-links span:nth-child(3){width:39px!important}
.nfwc-shell .nfwc-preview-nav-tools{display:flex;align-items:center;gap:5px;margin-right:auto}
.nfwc-shell .nfwc-preview-tool{display:grid;place-items:center;min-width:24px;height:24px;padding:0 5px;border-radius:8px;background:#fff;color:#34415e!important;border:1px solid rgba(51,68,105,.10);font-size:10px!important;font-weight:900;box-shadow:0 4px 10px rgba(31,44,77,.05)}
.nfwc-shell .nfwc-preview-lang{font-size:7px!important;min-width:36px!important}
.nfwc-shell .nfwc-preview-mega{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;padding:10px;border-radius:0 0 12px 12px;background:#fff;border:1px solid rgba(35,48,78,.08);box-shadow:0 14px 30px rgba(33,46,76,.09)}
.nfwc-shell .nfwc-preview-mega i{height:34px;border-radius:8px;background:linear-gradient(180deg,#f0f3f8,#e7ebf3);position:relative}
.nfwc-shell .nfwc-preview-mega i:before{content:"";position:absolute;right:7px;left:7px;top:8px;height:4px;border-radius:99px;background:#aeb9ce;box-shadow:0 8px 0 #d2d8e3,0 16px 0 #d9dee8}

.nfwc-shell .nfwc-preview-hero{
  display:grid!important;grid-template-columns:1.05fr .95fr!important;align-items:center!important;gap:24px!important;
  min-height:225px!important;padding:30px 9px 26px!important;position:relative;
}
.nfwc-shell .nfwc-preview-copy{gap:7px!important;position:relative;z-index:2}
.nfwc-shell .nfwc-preview-copy small{font-size:8px!important;letter-spacing:.04em;color:#65718d!important}
.nfwc-shell .nfwc-preview-copy strong{font-size:clamp(18px,1.75vw,28px)!important;line-height:1.35!important;color:#14203b!important;max-width:300px}
.nfwc-shell .nfwc-preview-copy span{font-size:9px!important;line-height:1.75!important;color:#77829a!important;max-width:270px}
.nfwc-shell .nfwc-preview-copy>i{width:74px!important;height:22px!important;margin-top:7px!important;border-radius:9px!important;box-shadow:0 8px 17px rgba(79,124,255,.18)}
.nfwc-shell .nfwc-preview-media{
  height:185px!important;border-radius:24px!important;background:linear-gradient(145deg,#dde4f1,#b9c6dc)!important;
  overflow:hidden!important;box-shadow:0 20px 45px rgba(54,65,96,.16)!important;position:relative!important;
}
.nfwc-shell .nfwc-preview-media>span{width:132px!important;height:132px!important;border-radius:34px!important;left:22px!important;top:25px!important;box-shadow:0 18px 32px rgba(79,124,255,.22)}
.nfwc-shell .nfwc-preview-media>b{width:90px!important;height:90px!important;right:18px!important;bottom:16px!important}
.nfwc-shell .nfwc-preview-media>i{width:60px!important;height:11px!important;right:34px!important;bottom:51px!important}
.nfwc-shell .nfwc-preview-media>em{position:absolute;left:10px;bottom:10px;z-index:3;padding:5px 8px;border-radius:8px;background:rgba(11,18,35,.82);color:#fff!important;font-size:8px!important;font-style:normal;font-weight:900;backdrop-filter:blur(8px)}
.nfwc-shell .nfwc-preview-media.is-protected:after{content:"LOCK";position:absolute;right:10px;top:10px;padding:4px 7px;border-radius:7px;background:rgba(11,18,35,.74);color:#fff;font-size:7px;font-weight:900;letter-spacing:.08em}
.nfwc-shell .has-video-hero .nfwc-preview-media:before{content:"▶";position:absolute;z-index:4;inset:50% auto auto 50%;transform:translate(-50%,-50%);display:grid;place-items:center;width:48px;height:48px;border-radius:50%;background:rgba(255,255,255,.88);color:#385ab7;font-size:16px;box-shadow:0 14px 28px rgba(26,38,68,.18)}
.nfwc-shell .has-slider .nfwc-preview-hero:after{content:"●  ○  ○";position:absolute;bottom:12px;right:50%;transform:translateX(50%);color:#61739e;font-size:8px;letter-spacing:5px}
.nfwc-shell .has-animated-hero .nfwc-preview-media>span,.nfwc-shell .has-visual-effects .nfwc-preview-media>span{animation:nfwcPreviewFloat 3.8s ease-in-out infinite}

.nfwc-shell .nfwc-preview-filter{display:flex;align-items:center;gap:6px;margin:0 4px 12px;padding:8px 10px;border:1px solid rgba(50,68,108,.08);border-radius:11px;background:#fff;box-shadow:0 8px 18px rgba(36,49,80,.05)}
.nfwc-shell .nfwc-preview-filter span{width:48px;height:8px;border-radius:99px;background:#e2e7ef}
.nfwc-shell .nfwc-preview-filter span:nth-child(2){width:35px}.nfwc-shell .nfwc-preview-filter span:nth-child(3){width:42px}
.nfwc-shell .nfwc-preview-filter b{margin-right:auto;color:#5f6c89!important;font-size:8px!important}

.nfwc-shell .nfwc-preview-feature-board{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:2px 4px 8px;align-items:stretch}
.nfwc-shell .nfwc-preview-empty-state{grid-column:1/-1;min-height:120px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:5px;border:1px dashed rgba(62,81,124,.16);border-radius:16px;background:rgba(255,255,255,.46)}
.nfwc-shell .nfwc-preview-empty-state i{width:28px;height:28px;border-radius:9px;background:linear-gradient(135deg,#4f7cff,#8f5cff);box-shadow:0 8px 18px rgba(79,124,255,.18)}
.nfwc-shell .nfwc-preview-empty-state strong{font-size:10px!important;color:#34415f!important}.nfwc-shell .nfwc-preview-empty-state span{font-size:8px!important;color:#8993a8!important}
.nfwc-shell .nfwc-preview-feature{min-height:126px;padding:10px;border-radius:14px;background:linear-gradient(180deg,#fff,#f4f6fa);border:1px solid rgba(48,65,103,.08);box-shadow:0 9px 24px rgba(30,43,74,.055);overflow:hidden;animation:nfwcPreviewReveal .24s ease both}
.nfwc-shell .nfwc-preview-feature-head{display:grid;grid-template-columns:25px minmax(0,1fr) 16px;align-items:center;gap:7px;margin-bottom:9px}
.nfwc-shell .nfwc-preview-feature-head>i{display:grid;place-items:center;width:25px;height:25px;border-radius:8px;background:linear-gradient(135deg,rgba(79,124,255,.13),rgba(143,92,255,.13));color:#4868bc!important;font-size:8px!important;font-style:normal;font-weight:900}
.nfwc-shell .nfwc-preview-feature-head>strong{font-size:8.5px!important;color:#263451!important;line-height:1.4!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.nfwc-shell .nfwc-preview-feature-head>b{display:grid;place-items:center;width:16px;height:16px;border-radius:50%;background:#e7fff3;color:#20a56f!important;font-size:8px!important}
.nfwc-shell .nfwc-preview-feature-ui{position:relative;height:75px;border-radius:10px;background:#eef2f7;overflow:hidden}
.nfwc-shell .nfwc-preview-feature-ui span{position:absolute;display:block;border-radius:6px;background:#d4dbe8}
.nfwc-shell .nfwc-preview-feature-ui .piece-1{right:8px;top:8px;width:42%;height:8px}.nfwc-shell .nfwc-preview-feature-ui .piece-2{right:8px;top:23px;width:30%;height:5px}.nfwc-shell .nfwc-preview-feature-ui .piece-3{left:8px;top:8px;width:33%;height:28px;background:linear-gradient(135deg,#91a8ed,#8f7cdb)}
.nfwc-shell .nfwc-preview-feature-ui .piece-4{right:8px;bottom:8px;width:27%;height:22px}.nfwc-shell .nfwc-preview-feature-ui .piece-5{right:39%;bottom:8px;width:25%;height:22px}.nfwc-shell .nfwc-preview-feature-ui .piece-6{left:8px;bottom:8px;width:23%;height:22px}

/* Per-feature mini visual languages */
.nfwc-shell .nfwc-preview-feature[data-visual="products"] .nfwc-preview-feature-ui{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;padding:7px;background:#f4f1eb}
.nfwc-shell .nfwc-preview-feature[data-visual="products"] .nfwc-preview-feature-ui span{position:relative!important;inset:auto!important;width:auto!important;height:auto!important;border-radius:7px!important;background:linear-gradient(180deg,#fff,#e8edf2)!important;box-shadow:inset 0 0 0 1px rgba(39,56,93,.05)}
.nfwc-shell .nfwc-preview-feature[data-visual="calendar"] .nfwc-preview-feature-ui{background:repeating-linear-gradient(90deg,#fff 0 13%,#e9edf4 13% 14%),repeating-linear-gradient(0deg,transparent 0 22%,#dfe5ee 22% 24%)}
.nfwc-shell .nfwc-preview-feature[data-visual="gallery"] .nfwc-preview-feature-ui{display:grid;grid-template-columns:1.2fr .8fr .8fr;grid-template-rows:1fr 1fr;gap:4px;padding:5px;background:#f1f3f7}
.nfwc-shell .nfwc-preview-feature[data-visual="gallery"] .nfwc-preview-feature-ui span{position:relative!important;inset:auto!important;width:auto!important;height:auto!important;background:linear-gradient(135deg,#b4c3e7,#d7dcec)!important}.nfwc-shell .nfwc-preview-feature[data-visual="gallery"] .piece-1{grid-row:1/3}
.nfwc-shell .nfwc-preview-feature[data-visual="form"] .nfwc-preview-feature-ui span,.nfwc-shell .nfwc-preview-feature[data-visual="newsletter"] .nfwc-preview-feature-ui span{left:10px!important;right:10px!important;width:auto!important;height:8px!important;background:#dce2ec!important}.nfwc-shell .nfwc-preview-feature[data-visual="form"] .piece-1,.nfwc-shell .nfwc-preview-feature[data-visual="newsletter"] .piece-1{top:10px!important}.nfwc-shell .nfwc-preview-feature[data-visual="form"] .piece-2,.nfwc-shell .nfwc-preview-feature[data-visual="newsletter"] .piece-2{top:26px!important}.nfwc-shell .nfwc-preview-feature[data-visual="form"] .piece-3,.nfwc-shell .nfwc-preview-feature[data-visual="newsletter"] .piece-3{top:42px!important}.nfwc-shell .nfwc-preview-feature[data-visual="form"] .piece-4,.nfwc-shell .nfwc-preview-feature[data-visual="newsletter"] .piece-4{top:58px!important;width:34%!important;right:auto!important;background:#6586e9!important}
.nfwc-shell .nfwc-preview-feature[data-visual="video"] .nfwc-preview-feature-ui:after,.nfwc-shell .nfwc-preview-feature[data-visual="media360"] .nfwc-preview-feature-ui:after,.nfwc-shell .nfwc-preview-feature[data-visual="media3d"] .nfwc-preview-feature-ui:after{position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%);display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:#fff;color:#4768bf;font-size:10px;font-weight:900;box-shadow:0 8px 20px rgba(37,52,87,.13)}
.nfwc-shell .nfwc-preview-feature[data-visual="video"] .nfwc-preview-feature-ui:after{content:"▶"}.nfwc-shell .nfwc-preview-feature[data-visual="media360"] .nfwc-preview-feature-ui:after{content:"360°"}.nfwc-shell .nfwc-preview-feature[data-visual="media3d"] .nfwc-preview-feature-ui:after{content:"3D"}
.nfwc-shell .nfwc-preview-feature[data-visual="map"] .nfwc-preview-feature-ui{background:linear-gradient(135deg,#eef1ed,#e2ece8)}.nfwc-shell .nfwc-preview-feature[data-visual="map"] .nfwc-preview-feature-ui:after{content:"⌖";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);color:#4f7cff;font-size:26px;font-weight:900}
.nfwc-shell .nfwc-preview-feature[data-visual="course"] .nfwc-preview-feature-ui,.nfwc-shell .nfwc-preview-feature[data-visual="articles"] .nfwc-preview-feature-ui,.nfwc-shell .nfwc-preview-feature[data-visual="news"] .nfwc-preview-feature-ui{background:linear-gradient(180deg,#f3f5f9,#e9edf4)}
.nfwc-shell .nfwc-preview-feature[data-visual="account"] .nfwc-preview-feature-ui:before{content:"";position:absolute;right:10px;top:10px;width:24px;height:24px;border-radius:50%;background:linear-gradient(135deg,#89a5ed,#9b82df)}
.nfwc-shell .nfwc-preview-feature[data-visual="infra"] .nfwc-preview-feature-ui{background:#10213b}.nfwc-shell .nfwc-preview-feature[data-visual="infra"] .nfwc-preview-feature-ui span{background:rgba(98,230,165,.22)!important}.nfwc-shell .nfwc-preview-feature[data-visual="infra"] .nfwc-preview-feature-ui:after{content:"✓  HEALTHY";position:absolute;left:9px;bottom:8px;color:#72e5ac;font-size:8px;font-weight:900;letter-spacing:.05em}
.nfwc-shell .nfwc-preview-feature[data-visual="integration"] .nfwc-preview-feature-ui:before,.nfwc-shell .nfwc-preview-feature[data-visual="integration"] .nfwc-preview-feature-ui:after{content:"";position:absolute;top:50%;width:22px;height:22px;border-radius:50%;background:#fff;border:5px solid #7692e8;transform:translateY(-50%)}.nfwc-shell .nfwc-preview-feature[data-visual="integration"] .nfwc-preview-feature-ui:before{right:20px}.nfwc-shell .nfwc-preview-feature[data-visual="integration"] .nfwc-preview-feature-ui:after{left:20px}.nfwc-shell .nfwc-preview-feature[data-visual="integration"] .piece-1{right:42px!important;left:42px!important;top:50%!important;width:auto!important;height:3px!important;background:#93a7de!important}

.nfwc-shell .nfwc-preview-infra{display:flex;flex-wrap:wrap;gap:5px;margin:8px 4px 4px;padding:9px;border-radius:12px;background:#101c32;border:1px solid rgba(104,135,211,.15)}
.nfwc-shell .nfwc-preview-infra>span{display:flex;align-items:center;gap:4px;padding:5px 7px;border-radius:7px;background:rgba(255,255,255,.045);border:1px solid rgba(255,255,255,.055)}
.nfwc-shell .nfwc-preview-infra i{display:grid;place-items:center;width:13px;height:13px;border-radius:50%;background:rgba(98,230,165,.14);color:#62e6a5!important;font-style:normal;font-size:7px!important}.nfwc-shell .nfwc-preview-infra b{font-size:7px!important;color:#c7d3ee!important;font-weight:800}
.nfwc-shell .nfwc-preview-floats{position:sticky;z-index:9;bottom:10px;display:flex;justify-content:flex-end;gap:5px;pointer-events:none;margin-top:-28px}
.nfwc-shell .nfwc-preview-float{display:flex;align-items:center;gap:4px;padding:6px 8px;border-radius:99px;background:#192a4b;color:#fff!important;box-shadow:0 10px 23px rgba(24,38,67,.22)}.nfwc-shell .nfwc-preview-float i{font-style:normal;font-size:9px!important;color:#fff!important}.nfwc-shell .nfwc-preview-float b{font-size:7px!important;color:#fff!important}
.nfwc-shell .nfwc-preview-popup{position:absolute;z-index:12;left:24px;top:118px;width:160px;padding:13px;border-radius:15px;background:rgba(255,255,255,.95);border:1px solid rgba(36,51,87,.08);box-shadow:0 22px 52px rgba(28,42,73,.22);display:flex;flex-direction:column;gap:4px}.nfwc-shell .nfwc-preview-popup button{position:absolute;left:7px;top:6px;border:0;background:transparent;color:#7d879c;font-size:13px}.nfwc-shell .nfwc-preview-popup small{font-size:7px!important;color:#6a7bb1!important}.nfwc-shell .nfwc-preview-popup strong{font-size:10px!important;color:#253451!important}.nfwc-shell .nfwc-preview-popup span{font-size:7px!important;color:#8993a8!important}

.nfwc-shell .nfwc-preview-meta{padding:10px 4px 1px!important}.nfwc-shell .nfwc-preview-meta>span{font-size:9px!important}.nfwc-shell .nfwc-preview-chips b{font-size:7.5px!important}

/* Type personality */
.nfwc-shell .nfwc-live-preview[data-site-type="store"] .nfwc-preview-media>span{background:linear-gradient(145deg,#55c99a,#4778df)!important;border-radius:50% 30% 44% 28%!important}
.nfwc-shell .nfwc-live-preview[data-site-type="service"] .nfwc-preview-media>span{background:linear-gradient(145deg,#ffc95f,#8863db)!important}
.nfwc-shell .nfwc-live-preview[data-site-type="education"] .nfwc-preview-media>span{background:linear-gradient(145deg,#8b64df,#4778df)!important;border-radius:24px!important}
.nfwc-shell .nfwc-live-preview[data-site-type="personal"] .nfwc-preview-media>span{background:linear-gradient(145deg,#ef97ad,#8764dc)!important;border-radius:50% 50% 22px 22px!important}
.nfwc-shell .nfwc-live-preview[data-site-type="news"] .nfwc-preview-media>span{background:linear-gradient(145deg,#f59e0b,#ef4444)!important;border-radius:10px!important}
.nfwc-shell .nfwc-live-preview[data-site-type="landing"] .nfwc-preview-media>span{background:linear-gradient(145deg,#ec4899,#8b5cf6)!important;border-radius:32px 12px!important}
.nfwc-shell .nfwc-live-preview[data-site-type="membership"] .nfwc-preview-media>span{background:linear-gradient(145deg,#22c55e,#0ea5e9)!important;border-radius:50%!important}
.nfwc-shell .nfwc-live-preview[data-site-type="directory"] .nfwc-preview-media>span{background:linear-gradient(145deg,#06b6d4,#3b82f6)!important;border-radius:14px!important}
.nfwc-shell .nfwc-live-preview[data-site-type="other"] .nfwc-preview-media>span{background:linear-gradient(145deg,#98a6c3,#4f7cff)!important}

/* Full-screen studio mode */
html.nfwc-preview-open,body.nfwc-preview-open{overflow:hidden!important}
.nfwc-shell .nfwc-live-preview.is-preview-fullscreen{
  position:fixed!important;inset:10px!important;z-index:2147483000!important;
  width:auto!important;height:auto!important;margin:0!important;padding:12px!important;border-radius:24px!important;
  background:#050916!important;box-shadow:0 40px 120px rgba(0,0,0,.72)!important;
}
.nfwc-shell .nfwc-live-preview.is-preview-fullscreen .nfwc-preview-bar{min-height:50px!important}
.nfwc-shell .nfwc-live-preview.is-preview-fullscreen .nfwc-preview-screen{height:calc(100dvh - 106px)!important;max-height:none!important;min-height:0!important;border-radius:18px!important;padding:0 clamp(18px,4vw,70px) 34px!important}
.nfwc-shell .nfwc-live-preview.is-preview-fullscreen .nfwc-preview-announcement{margin-inline:calc(clamp(18px,4vw,70px) * -1)!important;padding-inline:clamp(18px,4vw,70px)!important}
.nfwc-shell .nfwc-live-preview.is-preview-fullscreen .nfwc-preview-nav{height:68px!important}
.nfwc-shell .nfwc-live-preview.is-preview-fullscreen .nfwc-preview-hero{min-height:380px!important;gap:clamp(32px,7vw,110px)!important;padding:52px 2vw 42px!important}
.nfwc-shell .nfwc-live-preview.is-preview-fullscreen .nfwc-preview-copy strong{font-size:clamp(32px,4vw,62px)!important;max-width:680px!important}.nfwc-shell .nfwc-live-preview.is-preview-fullscreen .nfwc-preview-copy span{font-size:13px!important;max-width:560px!important}.nfwc-shell .nfwc-live-preview.is-preview-fullscreen .nfwc-preview-copy small{font-size:10px!important}
.nfwc-shell .nfwc-live-preview.is-preview-fullscreen .nfwc-preview-media{height:min(380px,42vh)!important}.nfwc-shell .nfwc-live-preview.is-preview-fullscreen .nfwc-preview-media>span{width:min(260px,19vw)!important;height:min(260px,19vw)!important;left:8%!important;top:13%!important}.nfwc-shell .nfwc-live-preview.is-preview-fullscreen .nfwc-preview-media>b{width:min(180px,13vw)!important;height:min(180px,13vw)!important}
.nfwc-shell .nfwc-live-preview.is-preview-fullscreen .nfwc-preview-feature-board{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:16px!important;padding-top:14px!important}.nfwc-shell .nfwc-live-preview.is-preview-fullscreen .nfwc-preview-feature{min-height:180px!important;padding:14px!important}.nfwc-shell .nfwc-live-preview.is-preview-fullscreen .nfwc-preview-feature-ui{height:116px!important}.nfwc-shell .nfwc-live-preview.is-preview-fullscreen .nfwc-preview-feature-head>strong{font-size:11px!important}.nfwc-shell .nfwc-live-preview.is-preview-fullscreen .nfwc-preview-actions small{max-width:none!important;font-size:10px!important}

@keyframes nfwcPreviewReveal{from{opacity:0;transform:translateY(5px) scale(.985)}to{opacity:1;transform:none}}
@keyframes nfwcPreviewFloat{0%,100%{transform:translateY(0) rotate(-7deg)}50%{transform:translateY(-8px) rotate(-4deg)}}

@media(max-width:1320px) and (min-width:981px){
  .nfwc-shell .nfwc-layout{grid-template-columns:minmax(470px,.94fr) minmax(500px,1.06fr)!important;gap:22px!important}
  .nfwc-shell .nfwc-preview-screen{min-height:450px!important}
}
@media(max-width:980px){
  .nfwc-shell .nfwc-layout{grid-template-columns:1fr!important}
  .nfwc-shell .nfwc-summary{position:static!important;max-height:none!important;overflow:visible!important;order:-1!important}
  .nfwc-shell .nfwc-preview-screen{min-height:470px!important;max-height:none!important}
}
@media(max-width:720px){
  .nfwc-shell .nfwc-preview-actions small{display:none!important}
  .nfwc-shell .nfwc-preview-fullscreen em{display:none!important}.nfwc-shell .nfwc-preview-fullscreen{width:32px;padding:5px!important}
  .nfwc-shell .nfwc-preview-screen{min-height:420px!important;padding:0 10px 14px!important}
  .nfwc-shell .nfwc-preview-announcement{margin-inline:-10px!important}
  .nfwc-shell .nfwc-preview-hero{min-height:190px!important;gap:12px!important;padding:24px 2px 18px!important}.nfwc-shell .nfwc-preview-media{height:145px!important}.nfwc-shell .nfwc-preview-media>span{width:100px!important;height:100px!important}
  .nfwc-shell .nfwc-preview-feature-board{grid-template-columns:1fr 1fr!important;gap:7px!important}.nfwc-shell .nfwc-preview-feature{min-height:112px!important;padding:8px!important}.nfwc-shell .nfwc-preview-feature-ui{height:63px!important}.nfwc-shell .nfwc-preview-feature-head>strong{font-size:7.5px!important}
  .nfwc-shell .nfwc-live-preview.is-preview-fullscreen{inset:0!important;border-radius:0!important;padding:8px!important}.nfwc-shell .nfwc-live-preview.is-preview-fullscreen .nfwc-preview-screen{height:calc(100dvh - 88px)!important;padding:0 12px 24px!important;border-radius:12px!important}.nfwc-shell .nfwc-live-preview.is-preview-fullscreen .nfwc-preview-announcement{margin-inline:-12px!important}.nfwc-shell .nfwc-live-preview.is-preview-fullscreen .nfwc-preview-hero{min-height:260px!important;grid-template-columns:1fr 1fr!important;gap:12px!important;padding:28px 0 24px!important}.nfwc-shell .nfwc-live-preview.is-preview-fullscreen .nfwc-preview-copy strong{font-size:24px!important}.nfwc-shell .nfwc-live-preview.is-preview-fullscreen .nfwc-preview-copy span{font-size:9px!important}.nfwc-shell .nfwc-live-preview.is-preview-fullscreen .nfwc-preview-media{height:210px!important}.nfwc-shell .nfwc-live-preview.is-preview-fullscreen .nfwc-preview-feature-board{grid-template-columns:1fr 1fr!important;gap:9px!important}.nfwc-shell .nfwc-live-preview.is-preview-fullscreen .nfwc-preview-feature{min-height:130px!important}.nfwc-shell .nfwc-live-preview.is-preview-fullscreen .nfwc-preview-feature-ui{height:74px!important}
}
@media(max-width:480px){
  .nfwc-shell .nfwc-preview-feature-board{grid-template-columns:1fr!important}
  .nfwc-shell .nfwc-preview-hero{grid-template-columns:1.08fr .92fr!important}.nfwc-shell .nfwc-preview-copy strong{font-size:15px!important}.nfwc-shell .nfwc-preview-media{height:120px!important}.nfwc-shell .nfwc-preview-media>span{width:78px!important;height:78px!important;left:10px!important;top:20px!important}.nfwc-shell .nfwc-preview-media>b{width:55px!important;height:55px!important}
  .nfwc-shell .nfwc-live-preview.is-preview-fullscreen .nfwc-preview-feature-board{grid-template-columns:1fr!important}
}
@media(prefers-reduced-motion:reduce){
  .nfwc-shell .nfwc-preview-feature,.nfwc-shell .has-animated-hero .nfwc-preview-media>span,.nfwc-shell .has-visual-effects .nfwc-preview-media>span{animation:none!important}
}
.nfwc-shell .nfwc-preview-announcement[hidden],
.nfwc-shell .nfwc-preview-mega[hidden],
.nfwc-shell .nfwc-preview-tool[hidden],
.nfwc-shell .nfwc-preview-filter[hidden],
.nfwc-shell .nfwc-preview-popup[hidden],
.nfwc-shell .nfwc-preview-infra[hidden],
.nfwc-shell .nfwc-preview-media>em[hidden]{display:none!important}

/* v0.4.18 Realistic Preview Engine */
.nfwc-live-preview.has-realistic-layout .nfwc-preview-feature-board{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:12px;
    padding:18px;
    margin-top:16px;
    border-radius:22px;
    background:linear-gradient(180deg,rgba(255,255,255,.05),rgba(255,255,255,.02));
}
.nfwc-live-preview.has-realistic-layout .nfwc-preview-feature-board .nfwc-preview-feature-card{
    min-height:90px;
    border-radius:18px;
    transform:none;
    display:flex;
    align-items:center;
}
.nfwc-preview-feature-card.is-header-feature{border-right:3px solid #4f7cff}
.nfwc-preview-feature-card.is-product-feature{border-right:3px solid #62e6a5}
.nfwc-preview-feature-card.is-floating-feature{
    position:relative;
}
.nfwc-preview-screen{
    transition:transform .35s ease, box-shadow .35s ease;
}
.nfwc-live-preview.has-realistic-layout .nfwc-preview-screen{
    box-shadow:0 35px 80px rgba(0,0,0,.28);
}
@media(max-width:800px){
 .nfwc-live-preview.has-realistic-layout .nfwc-preview-feature-board{
   grid-template-columns:1fr;
 }
}

/* v0.4.20+ — clearer sticky status and persistent live price. */
.nfwc-shell .nfwc-draft-toolbar{
	border-color:rgba(87,224,215,.48);
	background:
		radial-gradient(circle at 92% 0,rgba(72,218,204,.20),transparent 34%),
		linear-gradient(135deg,rgba(17,54,87,.97),rgba(11,31,64,.97));
	box-shadow:0 16px 42px rgba(0,8,27,.38),0 0 0 1px rgba(101,234,220,.08) inset;
}
.nfwc-shell .nfwc-draft-toolbar:after{
	content:"";position:absolute;right:14px;left:14px;bottom:-1px;height:2px;border-radius:999px;
	background:linear-gradient(90deg,transparent,#62e6d3 28%,#5f8cff 72%,transparent);
	opacity:.78;pointer-events:none;
}
.nfwc-shell .nfwc-progress-live{display:flex;align-items:center;justify-content:flex-end;gap:10px;min-width:0}
.nfwc-shell .nfwc-toolbar-price{
	display:inline-flex;align-items:center;gap:7px;flex:0 0 auto;padding:6px 10px;border:1px solid rgba(173,255,239,.38);border-radius:10px;
	background:linear-gradient(135deg,rgba(23,188,169,.30),rgba(64,112,234,.34));
	box-shadow:0 7px 20px rgba(0,10,32,.22);white-space:nowrap;
}
.nfwc-shell .nfwc-toolbar-price em{color:#aef7ea;font-size:8px;font-style:normal;font-weight:850}
.nfwc-shell .nfwc-toolbar-price strong{color:#fff;font-size:12px;line-height:1.4;text-shadow:0 1px 12px rgba(0,0,0,.25)}
.nfwc-shell .nfwc-toolbar-price.is-updating{animation:nfwcPricePulse .65s ease}
.nfwc-shell .nfwc-draft-progress-track{background:rgba(1,10,28,.38);box-shadow:0 0 0 1px rgba(128,238,223,.16) inset}
.nfwc-shell .nfwc-draft-progress-track i{background:linear-gradient(90deg,#55a0ff,#61ead1);box-shadow:0 0 14px rgba(97,234,209,.42)}
@keyframes nfwcPricePulse{0%{transform:scale(1);filter:brightness(1)}45%{transform:scale(1.045);filter:brightness(1.35);box-shadow:0 0 0 5px rgba(98,230,213,.13)}100%{transform:scale(1);filter:brightness(1)}}

@media(max-width:720px){
	.nfwc-shell .nfwc-progress-heading{align-items:stretch;flex-direction:column;gap:6px}
	.nfwc-shell .nfwc-progress-live{width:100%;justify-content:space-between}
	.nfwc-shell .nfwc-toolbar-price{padding:5px 8px;border-radius:9px}
	.nfwc-shell .nfwc-toolbar-price strong{font-size:11px}
}
@media(max-width:430px){
	.nfwc-shell #nfwc-progress-remaining{display:none}
	.nfwc-shell .nfwc-progress-live{justify-content:flex-start}
}
@media(prefers-reduced-motion:reduce){.nfwc-shell .nfwc-toolbar-price.is-updating{animation:none!important}}
/* v0.4.44 — suggested pages with five included in base price */
.nfwc-page-picker{display:block!important}
.nfwc-page-help{margin:7px 0 12px;color:#aebbe3;font-size:12px;line-height:1.8}
.nfwc-page-options{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}
.nfwc-page-option{position:relative;cursor:pointer}
.nfwc-shell .nfwc-field.nfwc-page-picker .nfwc-page-option input[type="checkbox"]{position:absolute!important;left:auto!important;width:1px!important;min-width:1px!important;height:1px!important;min-height:1px!important;margin:0!important;padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important;opacity:0!important;-webkit-text-fill-color:transparent!important;pointer-events:none!important;overflow:hidden!important;clip:rect(0 0 0 0)!important;clip-path:inset(50%)!important;white-space:nowrap!important}
.nfwc-page-option span{display:flex;align-items:center;justify-content:center;min-height:44px;padding:8px;border:1px solid rgba(148,163,184,.25);border-radius:12px;background:rgba(10,18,42,.65);color:#dbe7ff;font-size:12px;font-weight:750;text-align:center;transition:.2s ease}
.nfwc-page-option input:focus-visible+span{outline:2px solid #67e8f9;outline-offset:2px}
.nfwc-page-option input:checked+span{border-color:#67e8f9;background:linear-gradient(135deg,rgba(37,99,235,.3),rgba(13,148,136,.24));color:#fff;box-shadow:0 0 0 1px rgba(103,232,249,.16) inset}
.nfwc-page-option input:checked+span:before{content:"✓";margin-left:6px;color:#67e8f9;font-weight:950}
.nfwc-page-status{margin-top:10px;padding:9px 11px;border-radius:10px;background:rgba(15,118,110,.12);color:#99f6e4;font-size:12px;font-weight:750}
.nfwc-page-status.has-extra{background:rgba(245,158,11,.12);color:#fde68a}
.nfwc-custom-page-toggle{position:relative;display:flex;align-items:center;margin-top:10px;cursor:pointer}
.nfwc-shell .nfwc-field.nfwc-page-picker .nfwc-custom-page-toggle>input[type="checkbox"]{position:absolute!important;width:1px!important;min-width:1px!important;height:1px!important;min-height:1px!important;margin:0!important;padding:0!important;border:0!important;opacity:0!important;clip-path:inset(50%)!important;pointer-events:none!important}
.nfwc-custom-page-toggle>span{display:flex!important;align-items:flex-start!important;justify-content:center;flex-direction:column;width:100%;min-height:58px;padding:10px 14px!important;border:1px dashed rgba(167,139,250,.55);border-radius:14px;background:linear-gradient(135deg,rgba(91,33,182,.16),rgba(14,116,144,.13));color:#f5f3ff!important;transition:.2s ease}
.nfwc-custom-page-toggle>span:after{content:"قیمت‌گذاری اختصاصی";position:absolute;left:12px;padding:4px 8px;border-radius:999px;background:rgba(167,139,250,.16);color:#ddd6fe;font-size:10px;font-weight:850}
.nfwc-custom-page-toggle span strong{font-size:13px}.nfwc-custom-page-toggle span small{margin-top:3px;color:#aebbe3!important;font-size:10px}
.nfwc-custom-page-toggle input:checked+span{border-style:solid;border-color:#a78bfa;background:linear-gradient(135deg,rgba(109,40,217,.28),rgba(8,145,178,.2));box-shadow:0 0 0 1px rgba(167,139,250,.16) inset,0 10px 24px rgba(76,29,149,.12)}
.nfwc-custom-page-toggle input:checked+span strong:before{content:"✓";margin-left:7px;color:#c4b5fd}
.nfwc-custom-page-fields{display:grid;grid-template-columns:1fr 1.4fr;gap:10px;margin-top:10px;padding:12px;border:1px solid rgba(167,139,250,.24);border-radius:14px;background:rgba(76,29,149,.08)}
.nfwc-custom-page-fields[hidden]{display:none!important}.nfwc-custom-page-fields label{display:grid;gap:6px}.nfwc-custom-page-fields label>span{color:#d7dbea;font-size:12px;font-weight:750}.nfwc-custom-page-fields textarea{min-height:48px!important;resize:vertical}
@media(max-width:900px){.nfwc-page-options{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.nfwc-custom-page-fields{grid-template-columns:1fr}.nfwc-custom-page-toggle>span{padding-left:120px!important}}
@media(max-width:430px){.nfwc-page-options{grid-template-columns:1fr 1fr}.nfwc-page-option span{min-height:42px;padding:7px 5px;font-size:11px}.nfwc-custom-page-toggle>span{padding-left:100px!important}.nfwc-custom-page-toggle>span:after{font-size:9px}}
/* v0.4.59 — guided color and typography choices */
.nfwc-choice-field{display:block!important}.nfwc-style-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:9px}
.nfwc-style-option{position:relative;cursor:pointer}.nfwc-shell .nfwc-choice-field .nfwc-style-option>input[type="radio"]{position:absolute!important;width:1px!important;min-width:1px!important;height:1px!important;min-height:1px!important;margin:0!important;padding:0!important;border:0!important;opacity:0!important;clip-path:inset(50%)!important;pointer-events:none!important}
.nfwc-style-option>span{display:grid!important;grid-template-columns:auto 1fr;column-gap:9px;align-items:center;min-height:58px;padding:9px 11px!important;border:1px solid rgba(148,163,184,.22);border-radius:13px;background:rgba(9,14,32,.68);transition:.2s ease}
.nfwc-style-option span>i{grid-row:1/3;width:28px;height:28px;border-radius:9px;background:linear-gradient(135deg,#1d4ed8,#111827);box-shadow:0 0 0 2px rgba(255,255,255,.12) inset}
.nfwc-style-option span>strong{color:#eef2ff;font-size:12px;line-height:1.5}.nfwc-style-option span>small{color:#8f9bb8!important;font-size:9px;line-height:1.5}
.nfwc-style-option input:checked+span{border-color:#67e8f9;background:linear-gradient(135deg,rgba(37,99,235,.23),rgba(13,148,136,.16));box-shadow:0 0 0 1px rgba(103,232,249,.13) inset}
.nfwc-style-option input:checked+span:after{content:"✓";position:absolute;left:9px;top:8px;width:18px;height:18px;border-radius:50%;display:grid;place-items:center;background:#22d3ee;color:#062033;font-size:11px;font-weight:950}
.nfwc-color-gold span>i{background:linear-gradient(135deg,#09090b,#d4af37)}.nfwc-color-minimal span>i{background:linear-gradient(135deg,#fff,#94a3b8)}.nfwc-color-green span>i{background:linear-gradient(135deg,#047857,#2dd4bf)}.nfwc-color-warm span>i{background:linear-gradient(135deg,#dc2626,#f59e0b)}.nfwc-color-designer span>i{background:conic-gradient(#7c3aed,#2563eb,#14b8a6,#f59e0b,#7c3aed)}.nfwc-color-custom span>i{background:linear-gradient(135deg,#334155,#a78bfa)}
.nfwc-font-options .nfwc-style-option>span{grid-template-columns:1fr;padding-left:34px!important}.nfwc-style-custom{margin-top:8px}.nfwc-style-custom[hidden]{display:none!important}
@media(max-width:600px){.nfwc-style-options{grid-template-columns:1fr}}
/* v0.4.22 — gated deposit workflow */
.nfwc-payment-choice{border:1px solid rgba(103,232,249,.28);border-radius:18px;padding:16px;margin:18px 0;background:rgba(7,18,42,.55)}
.nfwc-payment-choice legend{padding:0 8px;font-weight:800;color:#f8fbff}
.nfwc-payment-choice>label{display:flex;align-items:flex-start;gap:10px;padding:12px;margin-top:8px;border:1px solid rgba(255,255,255,.12);border-radius:14px;cursor:pointer}
.nfwc-payment-choice>label:has(input:checked){border-color:#67e8f9;background:rgba(34,211,238,.1)}
.nfwc-payment-choice span{display:grid;gap:3px}.nfwc-payment-choice small{color:#b8c5dc;line-height:1.7}
.nfwc-card-receipt{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;padding:16px;margin:0 0 18px;border:1px solid rgba(167,139,250,.3);border-radius:18px;background:rgba(76,29,149,.1)}
.nfwc-card-receipt[hidden]{display:none!important}
.nfwc-card-number{direction:ltr;unicode-bidi:isolate;display:inline-block;white-space:nowrap;letter-spacing:.04em}
.nfwc-persian-date{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.nfwc-persian-date select{min-width:0}.nfwc-field input[readonly]{cursor:default;background:rgba(9,14,32,.72);color:#aebbe3}
.nfwc-form[aria-busy="true"] .nfwc-submit{cursor:wait;opacity:.78}
.nfwc-form-message.is-review-registered{border:1px solid rgba(45,212,191,.7);background:rgba(13,148,136,.15);box-shadow:0 12px 34px rgba(13,148,136,.16);font-weight:700}
@media(max-width:760px){.nfwc-card-receipt{grid-template-columns:1fr}}
/* v0.4.24 — explicit invalid-field guidance */
.nfwc-shell .is-guided-invalid{position:relative!important;outline:3px solid #ffb020!important;outline-offset:5px!important;border-radius:14px;animation:nfwcInvalidGuidePulse 1s ease-in-out 3;background-color:rgba(255,176,32,.09)!important}
.nfwc-invalid-guide{display:inline-flex!important;align-items:center;position:absolute;z-index:30;left:8px;top:-34px;padding:6px 10px;border-radius:9px;background:#ffb020;color:#231500!important;font-size:12px!important;font-weight:900!important;line-height:1.4;box-shadow:0 8px 24px rgba(255,176,32,.35)}
@keyframes nfwcInvalidGuidePulse{0%,100%{box-shadow:0 0 0 0 rgba(255,176,32,.15)}50%{box-shadow:0 0 0 9px rgba(255,176,32,.25)}}
@media(prefers-reduced-motion:reduce){.nfwc-shell .is-guided-invalid{animation:none}}

/* Mobile brief: allow grid items to shrink without clipping page choices. */
.nfwc-shell .nfwc-field,
.nfwc-shell .nfwc-brief-details,
.nfwc-shell .nfwc-brief-intake-body,
.nfwc-shell .nfwc-page-picker,
.nfwc-shell .nfwc-page-options,
.nfwc-shell .nfwc-page-option{min-width:0;max-width:100%;}
.nfwc-shell .nfwc-page-options{width:100%;}
.nfwc-shell .nfwc-page-option>span{min-width:0;max-width:100%;overflow-wrap:anywhere;white-space:normal;}
@media(max-width:720px){
 .nfwc-shell .nfwc-layout,
 .nfwc-shell .nfwc-fields{grid-template-columns:minmax(0,1fr)!important;}
 .nfwc-shell .nfwc-field-full{grid-column:1/-1;}
 .nfwc-shell .nfwc-page-options{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
 .nfwc-shell .nfwc-page-help,
 .nfwc-shell .nfwc-page-status{overflow-wrap:anywhere;}
 .nfwc-shell .nfwc-custom-page-toggle>span{padding-left:14px!important;gap:5px;}
 .nfwc-shell .nfwc-custom-page-toggle>span:after{position:static;align-self:flex-start;}
}