/*
Theme Name: saintdiamonds
Theme URI: http://underscores.me/
Author: Tinaicon
Author URI: https://www.seotoolking.com/
Description: Description
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: saintdiamonds
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned.
 
 
*/

*, ::before, ::after {
 --tw-border-spacing-x:0;
 --tw-border-spacing-y:0;
 --tw-translate-x:0;
 --tw-translate-y:0;
 --tw-rotate:0;
 --tw-skew-x:0;
 --tw-skew-y:0;
 --tw-scale-x:1;
 --tw-scale-y:1;
 --tw-pan-x:;
 --tw-pan-y:;
 --tw-pinch-zoom:;
 --tw-scroll-snap-strictness:proximity;
 --tw-gradient-from-position:;
 --tw-gradient-via-position:;
 --tw-gradient-to-position:;
 --tw-ordinal:;
 --tw-slashed-zero:;
 --tw-numeric-figure:;
 --tw-numeric-spacing:;
 --tw-numeric-fraction:;
 --tw-ring-inset:;
 --tw-ring-offset-width:0px;
 --tw-ring-offset-color:#fff;
 --tw-ring-color:rgb(59 130 246 / 0.5);
 --tw-ring-offset-shadow:0 0 #0000;
 --tw-ring-shadow:0 0 #0000;
 --tw-shadow:0 0 #0000;
 --tw-shadow-colored:0 0 #0000;
 --tw-blur:;
 --tw-brightness:;
 --tw-contrast:;
 --tw-grayscale:;
 --tw-hue-rotate:;
 --tw-invert:;
 --tw-saturate:;
 --tw-sepia:;
 --tw-drop-shadow:;
 --tw-backdrop-blur:;
 --tw-backdrop-brightness:;
 --tw-backdrop-contrast:;
 --tw-backdrop-grayscale:;
 --tw-backdrop-hue-rotate:;
 --tw-backdrop-invert:;
 --tw-backdrop-opacity:;
 --tw-backdrop-saturate:;
 --tw-backdrop-sepia:;
 --tw-contain-size:;
 --tw-contain-layout:;
 --tw-contain-paint:;
 --tw-contain-style:
}
::backdrop {
 --tw-border-spacing-x:0;
 --tw-border-spacing-y:0;
 --tw-translate-x:0;
 --tw-translate-y:0;
 --tw-rotate:0;
 --tw-skew-x:0;
 --tw-skew-y:0;
 --tw-scale-x:1;
 --tw-scale-y:1;
 --tw-pan-x:;
 --tw-pan-y:;
 --tw-pinch-zoom:;
 --tw-scroll-snap-strictness:proximity;
 --tw-gradient-from-position:;
 --tw-gradient-via-position:;
 --tw-gradient-to-position:;
 --tw-ordinal:;
 --tw-slashed-zero:;
 --tw-numeric-figure:;
 --tw-numeric-spacing:;
 --tw-numeric-fraction:;
 --tw-ring-inset:;
 --tw-ring-offset-width:0px;
 --tw-ring-offset-color:#fff;
 --tw-ring-color:rgb(59 130 246 / 0.5);
 --tw-ring-offset-shadow:0 0 #0000;
 --tw-ring-shadow:0 0 #0000;
 --tw-shadow:0 0 #0000;
 --tw-shadow-colored:0 0 #0000;
 --tw-blur:;
 --tw-brightness:;
 --tw-contrast:;
 --tw-grayscale:;
 --tw-hue-rotate:;
 --tw-invert:;
 --tw-saturate:;
 --tw-sepia:;
 --tw-drop-shadow:;
 --tw-backdrop-blur:;
 --tw-backdrop-brightness:;
 --tw-backdrop-contrast:;
 --tw-backdrop-grayscale:;
 --tw-backdrop-hue-rotate:;
 --tw-backdrop-invert:;
 --tw-backdrop-opacity:;
 --tw-backdrop-saturate:;
 --tw-backdrop-sepia:;
 --tw-contain-size:;
 --tw-contain-layout:;
 --tw-contain-paint:;
 --tw-contain-style:
}
:root {
            /* COLORS */
           --st-cream: #FBF7F0;
--st-sage: #EAF4F2;
--st-white: #FFFFFF;
 --st-navy: #0D544B;
            /* Deep Teal */
          --st-text: #182624;
--gray-600: #5F6E68;
 --st-gold: #C9A45C;
 --st-btn: #0D544B;
--st-btn-hover: #0B463F;
 --st-overlay-dark: rgba(13, 84, 75, 0.75);
 --st-overlay-light: rgba(13, 84, 75, 0.15);
 --calc-bg:#fbfbf8;
 --calc-card:#ffffff;
 --calc-primary:#0f5b4f;
 --calc-accent:#d6b25e;
 --calc-text:#1f2d2a;
 --calc-muted:#7a8a86;
 --calc-border:#e4e9e7;
 --calc-shadow:0 20px 40px rgba(0, 0, 0, 0.06);
 --pt-border: rgba(13, 84, 75, 0.10);
--pt-shadow-soft: 0 10px 40px -12px rgba(13, 84, 75, 0.08);
 --pt-row-even:rgba(234, 244, 242, 0.35);
 --pt-head-bg:rgba(253, 251, 247, 0.96);
 --card-hover-shadow:0 20px 40px -5px rgba(13, 84, 75, 0.12);
 --surface: rgba(255, 255, 255, 0.62);
 --surface-strong: rgba(255, 255, 255, 0.82);
 --stroke-soft: rgba(13, 84, 75, 0.05);
 --stroke-hover: rgba(201, 164, 92, 0.18);
 --glass: rgba(255, 255, 255, 0.55);
 --glass-solid: rgba(255, 255, 255, 0.85);
 --border-light: rgba(13, 84, 75, 0.08);
 --shadow-float: 0 40px 80px -20px rgba(13, 84, 75, 0.15);
 --st-overlay-dark: rgba(13, 84, 75, 0.75);
 --st-overlay-light: rgba(13, 84, 75, 0.15);
 --shadow-soft: 0 20px 40px -10px rgba(13, 84, 75, 0.08);
 --shadow-hover: 0 30px 60px -12px rgba(13, 84, 75, 0.15);
 --radius-lg: 32px;
 --radius-md: 20px;
 --radius-pill: 999px;
 --radius-card: 32px;
 --ease-out-expo: cubic-bezier(0.19, 1, 0.22, 1);
    
    /* FAQ Specifics (Original) */
    --pt-border:rgba(13, 84, 75, 0.12);
}
.leading-relaxed p {
	margin-bottom: 20px;
}
.wpcf7-form.init div {
	margin-top:20px
}
.mw75 {
	max-width: 75%;
	margin: auto;
}
*, ::after, ::before {
 box-sizing:border-box;
 border-width:0;
 border-color:#e5e7eb
}
::after, ::before {
 --tw-content:''
}
 @font-face {
 font-family: 'Cormorant Garamond';
 font-style: italic;
 font-weight: 400;
 font-display: swap;
 src: url(https://fonts.gstatic.com/s/cormorantgaramond/v21/co3smX5slCNuHLi8bLeY9MK7whWMhyjYrGFEsdtdc62E6zd58jD-iNM8.woff2) format('woff2');
 unicode-range: U+0000-00FF;
}
@font-face {
 font-family: 'Cormorant Garamond';
 font-style: normal;
 font-weight: 300;
 font-display: swap;
 src: url(https://fonts.gstatic.com/s/cormorantgaramond/v21/co3bmX5slCNuHLi8bLeY9MK7whWMhyjYqXtK.woff2) format('woff2');
 unicode-range: U+0000-00FF;
}
 @font-face {
 font-family: 'Cormorant Garamond';
 font-style: normal;
 font-weight: 400;
 font-display: swap;
 src: url(https://fonts.gstatic.com/s/cormorantgaramond/v21/co3bmX5slCNuHLi8bLeY9MK7whWMhyjYqXtK.woff2) format('woff2');
 unicode-range: U+0000-00FF;
}
 @font-face {
 font-family: 'Cormorant Garamond';
 font-style: normal;
 font-weight: 500;
 font-display: swap;
 src: url(https://fonts.gstatic.com/s/cormorantgaramond/v21/co3bmX5slCNuHLi8bLeY9MK7whWMhyjYqXtK.woff2) format('woff2');
 unicode-range: U+0000-00FF;
}
 @font-face {
 font-family: 'Cormorant Garamond';
 font-style: normal;
 font-weight: 600;
 font-display: swap;
 src: url(https://fonts.gstatic.com/s/cormorantgaramond/v21/co3bmX5slCNuHLi8bLeY9MK7whWMhyjYqXtK.woff2) format('woff2');
 unicode-range: U+0000-00FF;
}
@font-face {
 font-family: 'Montserrat';
 font-style: normal;
 font-weight: 300;
 font-display: swap;
 src: url(https://fonts.gstatic.com/s/montserrat/v31/JTUSjIg1_i6t8kCHKm459WlhyyTn89ddpQ.woff2) format('woff2');
 unicode-range: U+0000-00FF;
}
 @font-face {
 font-family: 'Montserrat';
 font-style: normal;
 font-weight: 400;
 font-display: swap;
 src: url(https://fonts.gstatic.com/s/montserrat/v31/JTUSjIg1_i6t8kCHKm459WlhyyTn89ddpQ.woff2) format('woff2');
 unicode-range: U+0000-00FF;
}
 @font-face {
 font-family: 'Montserrat';
 font-style: normal;
 font-weight: 500;
 font-display: swap;
 src: url(https://fonts.gstatic.com/s/montserrat/v31/JTUSjIg1_i6t8kCHKm459WlhyyTn89ddpQ.woff2) format('woff2');
 unicode-range: U+0000-00FF;
}
 @font-face {
 font-family: 'Montserrat';
 font-style: normal;
 font-weight: 600;
 font-display: swap;
 src: url(https://fonts.gstatic.com/s/montserrat/v31/JTUSjIg1_i6t8kCHKm459WlhyyTn89ddpQ.woff2) format('woff2');
 unicode-range: U+0000-00FF;
}




:host, html {
 line-height:1.5;
 -webkit-text-size-adjust:100%;
 -moz-tab-size:4;
 tab-size:4;
 font-family:"Montserrat", sans-serif;
 font-feature-settings:normal;
 font-variation-settings:normal;
 -webkit-tap-highlight-color:transparent
}
body {
	margin:0;
	line-height:inherit
}
body {
	background-color: var(--st-cream);
	background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)' opacity='0.025'/%3E%3C/svg%3E");
	overflow-x: hidden;
}
.h-\[55vh\] {
	height: 55vh;
}
hr {
	height:0;
	color:inherit;
	border-top-width:1px
}
abbr:where([title]) {
 -webkit-text-decoration:underline dotted;
 text-decoration:underline dotted
}
h1, h2, h3, h4, h5, h6 {
	font-family: "Cormorant Garamond", serif;
	font-weight: 500;
	letter-spacing: -0.01em;
	color: var(--st-navy);
}
a {
	color:inherit;
	text-decoration:inherit
}
b, strong {
	font-weight:bolder
}
code, kbd, pre, samp {
	font-family:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
	font-feature-settings:normal;
	font-variation-settings:normal;
	font-size:1em
}
small {
	font-size:80%
}
sub, sup {
	font-size:75%;
	line-height:0;
	position:relative;
	vertical-align:baseline
}
sub {
	bottom:-.25em
}
sup {
	top:-.5em
}
table {
	text-indent:0;
	border-color:inherit;
	border-collapse:collapse
}
button, input, optgroup, select, textarea {
	font-family:inherit;
	font-feature-settings:inherit;
	font-variation-settings:inherit;
	font-size:100%;
	font-weight:inherit;
	line-height:inherit;
	letter-spacing:inherit;
	color:inherit;
	margin:0;
	padding:0
}
button, select {
	text-transform:none
}
button, input:where([type=button]), input:where([type=reset]), input:where([type=submit]) {
 -webkit-appearance:button;
 background-color:transparent;
 background-image:none
}
:-moz-focusring {
 outline:auto
}
:-moz-ui-invalid {
 box-shadow:none
}
progress {
	vertical-align:baseline
}
::-webkit-inner-spin-button, ::-webkit-outer-spin-button {
 height:auto
}
[type=search] {
 -webkit-appearance:textfield;
 outline-offset:-2px
}
::-webkit-search-decoration {
 -webkit-appearance:none
}
::-webkit-file-upload-button {
 -webkit-appearance:button;
 font:inherit
}
summary {
	display:list-item
}
blockquote, dd, dl, figure, h1, h2, h3, h4, h5, h6, hr, p, pre {
	margin:0
}
fieldset {
	margin:0;
	padding:0
}
legend {
	padding:0
}
menu, ol, ul {
	list-style:none;
	margin:0;
	padding:0
}
.readmore summary:hover {
	color: var(--st-gold);
	border-bottom-color: var(--st-gold);
}
.readmore summary {
	cursor: pointer;
	display: inline-block;
	padding: 0;
	padding-bottom: 0px;
	border: none;
	border-bottom-width: medium;
	border-bottom-style: none;
	border-bottom-color: currentcolor;
	border-radius: 0;
	background: transparent;
	outline: none;
	font-size: 12px;
	font-weight: 700;
	letter-spacing: .12em;
	text-transform: uppercase;
	color: var(--st-navy);
	font-family: "Montserrat", sans-serif;
	border-bottom: 1px solid rgba(13, 84, 75, 0.28);
	border-bottom-color: rgba(13, 84, 75, 0.28);
	padding-bottom: 2px;
	line-height: 1.2;
}
details > summary {
	list-style: none;
}
summary {
	display: list-item;
}
.readmore .body {
	padding: 12px 0 0;
	color: rgba(95, 110, 104, 0.98);
	font-size: 14px;
	line-height: 1.75;
	font-family: "Montserrat", sans-serif;
}
details[open] summary ~ * {
 animation: fadeIn .25s ease-in-out;
}
.aspect-\[4\/3\] {
	aspect-ratio: 4/3;
}
.bordersolid {
	border: 0px solid #e5e7eb;
}
/* Inputs */
    .field {
	width:100%;
	border-radius:16px;
	border:1px solid rgba(13, 84, 75, 0.12);
	background:rgba(255, 255, 255, 0.90);
	padding:14px 14px;
	font-size:14px;
	line-height:1.5;
	color:rgba(27, 43, 40, 0.95);
	outline:none;
	min-height:44px;
}
.field:focus {
	border-color: rgba(212, 175, 55, 0.65);
	box-shadow: 0 0 0 3px rgba(212, 175, 55, 0.18);
}
textarea.field {
	min-height: 150px;
	resize: vertical;
}
label {
	display:block;
	font-size:12px;
	letter-spacing:.12em;
	text-transform:uppercase;
	font-weight:700;
	color:rgba(13, 84, 75, 0.70);
	margin-bottom:8px;
	font-family:"Montserrat", sans-serif;
}
.wpcf7-form-control.wpcf7-submit.has-spinner.tn-primary.w-full.shadow-lg {
	font-size: 11px;
	font-weight: 700;
	border-radius: 9999px;
}
article.prose a {
	display: inline-flex;
	align-items: center;
	gap: 10px;
	font-size: 12px;
	font-weight: 800;
	letter-spacing: .12em;
	text-transform: none;
	color: rgba(13, 84, 75, 0.88);
	border-bottom: 1px solid rgba(13, 84, 75, 0.18);
	padding-bottom: 4px;
 transition: all .2s ease;
}
article.prose p a:hover {
	color: var(--st-gold);
	border-bottom-color: rgba(212, 175, 55, 0.55);
}
article.prose a.btn-primary {
	background-color: var(--st-btn);
	color: #fff;
	border: 1px solid var(--st-btn);
 transition: all .3s ease;
	min-height: 44px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: auto;
	font-size: 11px;
	font-weight: 700;
	padding-top: 1rem;
	padding-bottom: 1rem;
	padding-left: 2.5rem;
	padding-right: 2.5rem;
	text-transform: none;
	letter-spacing: 0.15em;
	border-radius: 999px;
}
.btn-primary {
	background-color: var(--st-btn);
	color: #fff;
	border: 1px solid var(--st-btn);
 transition: all .3s ease;
	min-height: 44px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width:auto;
	font-size: 11px;
	font-weight: 700;
	padding-top: 1rem;
	padding-bottom: 1rem;
	padding-left: 2.5rem;
	padding-right: 2.5rem;
	text-transform: none;
	letter-spacing: 0.15em;
	border-radius: 999px;
}

.pt-2 {
	padding-top: 0.5rem;
}
dialog {
	padding:0
}
textarea {
	resize:vertical
}
input::placeholder, textarea::placeholder {
 opacity:1;
 color:#9ca3af
}
[role=button], button {
 cursor:pointer
}
:disabled {
	cursor:default
}
audio, canvas, embed, iframe, img, object, svg, video {
	display:block;
	vertical-align:middle
}
img, video {
	max-width:100%;
	height:auto
}
[hidden]:where(:not([hidden=until-found])) {
 display:none
}
.fixed {
	position:fixed
}
.absolute {
	position:absolute
}
.relative {
	position:relative
}
.sticky {
	position:sticky
}
.inset-0 {
	inset:0px
}
.inset-x-0 {
	left:0px;
	right:0px
}
.-top-4 {
	top:-1rem
}
.bottom-0 {
	bottom:0px
}
.bottom-4 {
	bottom:1rem
}
.bottom-8 {
	bottom:2rem
}
.left-0 {
	left:0px
}
.left-4 {
	left:1rem
}
.left-8 {
	left:2rem
}
.left-\[2\.05rem\] {
	left:2.05rem
}
.right-6 {
	right:1.5rem
}
.right-8 {
	right:2rem
}
.top-0 {
	top:0px
}
.top-24 {
	top:6rem
}
.top-3 {
	top:0.75rem
}
.top-6 {
	top:1.5rem
}
.top-8 {
	top:2rem
}
.-z-10 {
	z-index:-10
}
.z-10 {
	z-index:10
}
.z-20 {
	z-index:20
}
.z-50 {
	z-index:50
}
.z-\[60\] {
	z-index:60
}
.z-\[999\] {
	z-index:999
}
.order-1 {
	order:1
}
.order-2 {
	order:2
}
.mx-auto {
	margin-left:auto;
	margin-right:auto
}
.my-4 {
	margin-top:1rem;
	margin-bottom:1rem
}
.mb-1 {
	margin-bottom:0.25rem
}
.mb-10 {
	margin-bottom:2.5rem
}
.mb-12 {
	margin-bottom:3rem
}
.mb-16 {
	margin-bottom:4rem
}
.mb-2 {
	margin-bottom:0.5rem
}
.mb-3 {
	margin-bottom:0.75rem
}
.mb-4 {
	margin-bottom:1rem
}
.mb-6 {
	margin-bottom:1.5rem
}
.mb-8 {
	margin-bottom:2rem
}
.ml-2 {
	margin-left:0.5rem
}
.mr-6 {
	margin-right:1.5rem
}
.mr-auto {
	margin-right:auto
}
.mt-1 {
	margin-top:0.25rem
}
.mt-1\.5 {
	margin-top:0.375rem
}
.mt-10 {
	margin-top:2.5rem
}
.mt-12 {
	margin-top:3rem
}
.mt-2 {
	margin-top:0.5rem
}
.mt-3 {
	margin-top:0.75rem
}
.mt-4 {
	margin-top:1rem
}
.mt-6 {
	margin-top:1.5rem
}
.mt-8 {
	margin-top:2rem
}
.block {
	display:block
}
.inline-block {
	display:inline-block
}
.flex {
	display:flex
}
.grid {
	display:grid
}
.hidden {
	display:none
}
.aspect-\[4\/3\] {
	aspect-ratio:4/3
}
.aspect-square {
	aspect-ratio:1 / 1
}
.aspect-video {
	aspect-ratio:16 / 9
}
.h-1 {
	height:0.25rem
}
.h-10 {
	height:2.5rem
}
.h-12 {
	height:3rem
}
.h-14 {
	height:3.5rem
}
.h-24 {
	height:6rem
}
.h-28 {
	height:7rem
}
.h-4 {
	height:1rem
}
.h-44 {
	height:11rem
}
.h-5 {
	height:1.25rem
}
.h-6 {
	height:1.5rem
}
.h-7 {
	height:1.75rem
}
.h-8 {
	height:2rem
}
.h-36 {
	height: 9rem;
}
.h-\[1px\] {
	height:1px
}
.h-\[35vh\] {
	height:35vh
}
.h-\[400px\] {
	height:400px
}
.h-auto {
	height:auto
}
.h-full {
	height:100%
}
.max-h-\[80\%\] {
	max-height:80%
}
.min-h-\[60px\] {
	min-height:60px
}
.min-h-screen {
	min-height:100vh
}
.w-1 {
	width:0.25rem
}
.w-10 {
	width:2.5rem
}
.w-11\/12 {
	width:91.666667%
}
.w-12 {
	width:3rem
}
.w-14 {
	width:3.5rem
}
.w-24 {
	width:6rem
}
.w-4 {
	width:1rem
}
.w-5 {
	width:1.25rem
}
.w-6 {
	width:1.5rem
}
.w-7 {
	width:1.75rem
}
.w-8 {
	width:2rem
}
.w-80 {
	width:20rem
}
.w-\[1px\] {
	width:1px
}
.w-auto {
	width:auto
}
.w-full {
	width:100%
}
.mt-5 {
	margin-top: 1.25rem;
}
.text-gray-600 {
 --tw-text-opacity: 1;
	color: rgb(75 85 99 / var(--tw-text-opacity, 1));
}
.min-w-\[80vw\] {
	min-width:80vw
}
.max-w-2xl {
	max-width:42rem
}
.max-w-3xl {
	max-width:48rem
}
.max-w-4xl {
	max-width:56rem
}
.max-w-5xl {
	max-width:64rem
}
.max-w-6xl {
	max-width:72rem
}
.max-w-7xl {
	max-width:80rem
}
.max-w-md {
	max-width:28rem
}
.max-w-sm {
	max-width:24rem
}
.max-w-xl {
	max-width:36rem
}
.flex-1 {
	flex:1 1 0%
}
.flex-shrink-0 {
	flex-shrink:0
}
.flex-grow {
	flex-grow:1
}
.translate-x-full {
 --tw-translate-x:100%;
	transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}
.translate-y-full {
 --tw-translate-y:100%;
	transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}
.transform {
	transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}
.cursor-default {
	cursor:default
}
.cursor-pointer {
	cursor:pointer
}
.snap-x {
	scroll-snap-type:x var(--tw-scroll-snap-strictness)
}
.snap-mandatory {
 --tw-scroll-snap-strictness:mandatory
}
.snap-center {
	scroll-snap-align:center
}
.list-none {
	list-style-type:none
}
.grid-cols-1 {
	grid-template-columns:repeat(1, minmax(0, 1fr))
}
.grid-cols-2 {
	grid-template-columns:repeat(2, minmax(0, 1fr))
}
.grid-cols-4 {
	grid-template-columns:repeat(4, minmax(0, 1fr))
}
.flex-row {
	flex-direction:row
}
.flex-col {
	flex-direction:column
}
.flex-wrap {
	flex-wrap:wrap
}
.items-start {
	align-items:flex-start
}
.items-end {
	align-items:flex-end
}
.items-center {
	align-items:center
}
.justify-center {
	justify-content:center
}
.justify-between {
	justify-content:space-between
}
.gap-10 {
	gap:2.5rem
}
.gap-12 {
	gap:3rem
}
.gap-16 {
	gap:4rem
}
.gap-2 {
	gap:0.5rem
}
.gap-3 {
	gap:0.75rem
}
.gap-4 {
	gap:1rem
}
.gap-5 {
	gap:1.25rem
}
.gap-6 {
	gap:1.5rem
}
.gap-8 {
	gap:2rem
}.pb-5 {
  padding-bottom: 1.25rem;
}.space-y-8 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(2rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(2rem * var(--tw-space-y-reverse));
}
.space-y-3 > :not([hidden]) ~ :not([hidden]) {
 --tw-space-y-reverse:0;
 margin-top:calc(0.75rem * calc(1 - var(--tw-space-y-reverse)));
 margin-bottom:calc(0.75rem * var(--tw-space-y-reverse))
}
.space-y-4 > :not([hidden]) ~ :not([hidden]) {
 --tw-space-y-reverse:0;
 margin-top:calc(1rem * calc(1 - var(--tw-space-y-reverse)));
 margin-bottom:calc(1rem * var(--tw-space-y-reverse))
}
.space-y-6 > :not([hidden]) ~ :not([hidden]) {
 --tw-space-y-reverse:0;
 margin-top:calc(1.5rem * calc(1 - var(--tw-space-y-reverse)));
 margin-bottom:calc(1.5rem * var(--tw-space-y-reverse))
}
.overflow-hidden {
	overflow:hidden
}
.overflow-x-auto {
	overflow-x:auto
}
.overflow-y-auto {
	overflow-y:auto
}
.scroll-smooth {
	scroll-behavior:smooth
}
.rounded {
	border-radius:0.25rem
}
.rounded-2xl {
	border-radius:1rem
}
.rounded-3xl {
	border-radius:1.5rem
}
.rounded-\[2\.5rem\] {
	border-radius:2.5rem
}
.rounded-\[2rem\] {
	border-radius:2rem
}
.rounded-full {
	border-radius:9999px
}
.rounded-lg {
	border-radius:0.5rem
}
.rounded-xl {
	border-radius:0.75rem
}
.border {
	border-width:1px; border-style:solid
}
.border-2 {
	border-width:2px; border-style:solid
}
.border-b {
	border-bottom-width:1px; border-style:solid
}
.border-b-2 {
	border-bottom-width:2px; border-style:solid
}
.border-l-2 {
	border-left-width:2px; border-style:solid
}
.border-t {
	border-top-width:1px; border-style:solid
}
.border-gray-100 {
 --tw-border-opacity:1;
	border-color:rgb(243 244 246 / var(--tw-border-opacity, 1))
}
.border-gray-200 {
 --tw-border-opacity:1;
	border-color:rgb(229 231 235 / var(--tw-border-opacity, 1))
}
.border-gray-300 {
 --tw-border-opacity:1;
	border-color:rgb(209 213 219 / var(--tw-border-opacity, 1))
}
.border-st-gold {
	border-color:var(--st-gold) !important
}
#pricing a {
	text-align:center !important
}
.border-st-navy {
	border-color:var(--st-navy)
}
.border-transparent {
	border-color:transparent
}
.border-white {
 --tw-border-opacity:1;
	border-color:rgb(255 255 255 / var(--tw-border-opacity, 1))
}
.border-white\/10 {
	border-color:rgb(255 255 255 / 0.1)
}
.border-white\/40 {
	border-color:rgb(255 255 255 / 0.4)
}
.bg-\[\#E0F7FA\] {
 --tw-bg-opacity:1;
	background-color:rgb(224 247 250 / var(--tw-bg-opacity, 1))
}
.bg-\[\#FFD700\] {
 --tw-bg-opacity:1;
	background-color:rgb(255 215 0 / var(--tw-bg-opacity, 1))
}
.bg-black {
 --tw-bg-opacity:1;
	background-color:rgb(0 0 0 / var(--tw-bg-opacity, 1))
}
.bg-gray-200 {
 --tw-bg-opacity:1;
	background-color:rgb(229 231 235 / var(--tw-bg-opacity, 1))
}
.bg-gray-400 {
 --tw-bg-opacity:1;
	background-color:rgb(156 163 175 / var(--tw-bg-opacity, 1))
}
.bg-gray-50 {
 --tw-bg-opacity:1;
	background-color:rgb(249 250 251 / var(--tw-bg-opacity, 1))
}
.pt-24 {
	padding-top: 6rem;
}
.overflow-auto {
	overflow: auto;
}
.pl-20 {
	padding-left: 5rem;
}
.pt-28 {
	padding-top: 7rem;
}
.pb-24 {
	padding-bottom: 6rem;
}
.py-12 {
	padding-top: 3rem;
	padding-bottom: 3rem;
}
.bg-st-btn {
	background-color:var(--st-btn)
}
.bg-st-cream {
	background-color:var(--st-cream)
}
.bg-st-gold {
	background-color:var(--st-gold)
}
.bg-st-navy {
	background-color:var(--st-navy)
}
.bg-st-sage {
	background-color:var(--st-sage)
}
.bg-white {
 --tw-bg-opacity:1;
	background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1))
}
.bg-white\/10 {
	background-color:rgb(255 255 255 / 0.1)
}
.bg-white\/20 {
	background-color:rgb(255 255 255 / 0.2)
}
.bg-white\/40 {
	background-color:rgb(255 255 255 / 0.4)
}
.bg-white\/5 {
	background-color:rgb(255 255 255 / 0.05)
}
.bg-white\/80 {
	background-color:rgb(255 255 255 / 0.8)
}
.bg-gradient-to-br {
	background-image:linear-gradient(to bottom right, var(--tw-gradient-stops))
}
.bg-gradient-to-t {
	background-image:linear-gradient(to top, var(--tw-gradient-stops))
}
.from-black\/60 {
 --tw-gradient-from:rgb(0 0 0 / 0.6) var(--tw-gradient-from-position);
 --tw-gradient-to:rgb(0 0 0 / 0) var(--tw-gradient-to-position);
 --tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to)
}
.from-black\/65 {
 --tw-gradient-from:rgb(0 0 0 / 0.65) var(--tw-gradient-from-position);
 --tw-gradient-to:rgb(0 0 0 / 0) var(--tw-gradient-to-position);
 --tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to)
}
.from-gray-50 {
 --tw-gradient-from:#f9fafb var(--tw-gradient-from-position);
 --tw-gradient-to:rgb(249 250 251 / 0) var(--tw-gradient-to-position);
 --tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to)
}
.from-st-cream {
 --tw-gradient-from:var(--st-cream) var(--tw-gradient-from-position);
 --tw-gradient-to:rgb(255 255 255 / 0) var(--tw-gradient-to-position);
 --tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to)
}
.via-black\/15 {
 --tw-gradient-to:rgb(0 0 0 / 0) var(--tw-gradient-to-position);
 --tw-gradient-stops:var(--tw-gradient-from), rgb(0 0 0 / 0.15) var(--tw-gradient-via-position), var(--tw-gradient-to)
}
.via-transparent {
 --tw-gradient-to:rgb(0 0 0 / 0) var(--tw-gradient-to-position);
 --tw-gradient-stops:var(--tw-gradient-from), transparent var(--tw-gradient-via-position), var(--tw-gradient-to)
}
.to-gray-200 {
 --tw-gradient-to:#e5e7eb var(--tw-gradient-to-position)
}
.to-transparent {
 --tw-gradient-to:transparent var(--tw-gradient-to-position)
}
.object-contain {
	object-fit:contain
}
.object-\[50\%_55\%\] {
	object-position:50% 55%
}
.object-\[55\%_65\%\] {
	object-position: 55% 65%;
}
.object-cover {
	object-fit:cover
}
.object-center {
	object-position:center
}
.p-1 {
	padding:0.25rem
}
.p-10 {
	padding:2.5rem
}
.p-12 {
	padding:3rem
}
.p-2 {
	padding:0.5rem
}
.p-4 {
	padding:1rem
}
.p-5 {
	padding:1.25rem
}
.p-6 {
	padding:1.5rem
}
.p-8 {
	padding:2rem
}
.px-10 {
	padding-left:2.5rem;
	padding-right:2.5rem
}
.px-2 {
	padding-left:0.5rem;
	padding-right:0.5rem
}
.px-3 {
	padding-left:0.75rem;
	padding-right:0.75rem
}
.px-4 {
	padding-left:1rem;
	padding-right:1rem
}
.px-6 {
	padding-left:1.5rem;
	padding-right:1.5rem
}
.px-8 {
	padding-left:2rem;
	padding-right:2rem
}
.py-1 {
	padding-top:0.25rem;
	padding-bottom:0.25rem
}
.py-16 {
	padding-top:4rem;
	padding-bottom:4rem
}
.py-2 {
	padding-top:0.5rem;
	padding-bottom:0.5rem
}
.py-20 {
	padding-top:5rem;
	padding-bottom:5rem
}
.py-24 {
	padding-top:6rem;
	padding-bottom:6rem
}
.py-3 {
	padding-top:0.75rem;
	padding-bottom:0.75rem
}
.py-32 {
	padding-top:8rem;
	padding-bottom:8rem
}
.py-4 {
	padding-top:1rem;
	padding-bottom:1rem
}
.py-5 {
	padding-top:1.25rem;
	padding-bottom:1.25rem
}
.py-6 {
	padding-top:1.5rem;
	padding-bottom:1.5rem
}
.pb-1 {
	padding-bottom:0.25rem
}
.pb-12 {
	padding-bottom:3rem
}
.pb-20 {
	padding-bottom:5rem
}
.pb-4 {
	padding-bottom:1rem
}
.pb-8 {
	padding-bottom:2rem
}
.pl-2 {
	padding-left:0.5rem
}
.pl-4 {
	padding-left:1rem
}
.pt-0 {
	padding-top:0px
}
.pt-20 {
	padding-top:5rem
}
.pt-4 {
	padding-top:1rem
}
.pt-6 {
	padding-top:1.5rem
}
.pt-8 {
	padding-top:2rem
}
.text-left {
	text-align:left
}
.text-center {
	text-align:center
}
.text-right {
	text-align:right
}
.font-sans {
	font-family:"Montserrat", sans-serif
}
.font-serif {
	font-family:"Cormorant Garamond", serif
}
.text-2xl {
	font-size:1.5rem;
	line-height:2rem
}
.text-3xl {
	font-size:1.875rem;
	line-height:2.25rem
}
.text-4xl {
	font-size:2.25rem;
	line-height:2.5rem
}
.text-5xl {
	font-size:3rem;
	line-height:1
}
.text-\[10px\] {
	font-size:10px
}
.text-\[11px\] {
	font-size:11px
}
.text-\[12px\] {
	font-size:12px
}
.text-\[13px\] {
	font-size:13px
}
.text-\[14px\] {
	font-size:14px
}
.text-\[16px\] {
	font-size:16px
}
.text-\[9px\] {
	font-size:9px
}
.text-base {
	font-size:1rem;
	line-height:1.5rem
}
.text-lg {
	font-size:1.125rem;
	line-height:1.75rem
}
.text-sm {
	font-size:0.875rem;
	line-height:1.25rem
}
.text-xs {
	font-size:0.75rem;
	line-height:1rem
}
.font-bold {
	font-weight:700
}
.font-light {
	font-weight:300
}
.font-medium {
	font-weight:500
}
.font-normal {
	font-weight:400
}
.font-semibold {
	font-weight:600
}
.italic {
	font-style:italic
}
.leading-\[1\.1\] {
	line-height:1.1
}
.leading-loose {
	line-height:2
}
.leading-relaxed {
	line-height:1.625
}
.leading-tight {
	line-height:1.25
}
.tracking-\[0\.02em\] {
	letter-spacing:0.02em
}
.tracking-\[0\.2em\] {
	letter-spacing:0.2em
}
.tracking-\[0\.3em\] {
	letter-spacing:0.3em
}
.tracking-wide {
	letter-spacing:0.025em
}
.tracking-wider {
	letter-spacing:0.05em
}
.tracking-widest {
	letter-spacing:0.1em
}
.text-gray-400 {
 --tw-text-opacity:1;
	color:rgb(156 163 175 / var(--tw-text-opacity, 1))
}
.text-gray-500 {
 --tw-text-opacity:1;
	color:rgb(107 114 128 / var(--tw-text-opacity, 1))
}
.text-st-gold {
	color:var(--st-gold)
}
.text-st-navy {
	color:var(--st-navy)
}
.text-st-text {
	color:var(--st-text)
}
.text-white {
 --tw-text-opacity:1;
	color:rgb(255 255 255 / var(--tw-text-opacity, 1))
}
.text-white\/40 {
	color:rgb(255 255 255 / 0.4)
}
.text-white\/70 {
	color:rgb(255 255 255 / 0.7)
}
.text-white\/80 {
	color:rgb(255 255 255 / 0.8)
}
.text-white\/95 {
	color:rgb(255 255 255 / 0.95)
}
.antialiased {
	-webkit-font-smoothing:antialiased;
	-moz-osx-font-smoothing:grayscale
}
.placeholder-white\/30::placeholder {
 color:rgb(255 255 255 / 0.3)
}
.accent-st-gold {
	accent-color:var(--st-gold)
}
.opacity-100 {
	opacity:1
}
.opacity-40 {
	opacity:0.4
}
.opacity-50 {
	opacity:0.5
}
.opacity-60 {
	opacity:0.6
}
.opacity-80 {
	opacity:0.8
}
.opacity-90 {
	opacity:0.9
}
.opacity-95 {
	opacity:0.95
}
.border-b {
	border-bottom-width: 1px;
	border-style:solid;
}
.border-t {
	border-top-width: 1px;
	border-style:solid;
}
.shadow-2xl {
 --tw-shadow:0 25px 50px -12px rgb(0 0 0 / 0.25);
 --tw-shadow-colored:0 25px 50px -12px var(--tw-shadow-color);
	box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}
.shadow-\[0_-5px_20px_rgba\(0\2c 0\2c 0\2c 0\.05\)\] {
 --tw-shadow:0 -5px 20px rgba(0, 0, 0, 0.05);
 --tw-shadow-colored:0 -5px 20px var(--tw-shadow-color);
 box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}
.shadow-card {
 --tw-shadow:0 25px 50px -12px rgba(13, 84, 75, 0.15);
 --tw-shadow-colored:0 25px 50px -12px var(--tw-shadow-color);
	box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}
.shadow-lg {
 --tw-shadow:0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
 --tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
	box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}
.shadow-md {
 --tw-shadow:0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
 --tw-shadow-colored:0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);
	box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}
.shadow-sm {
 --tw-shadow:0 1px 2px 0 rgb(0 0 0 / 0.05);
 --tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color);
	box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}
.outline-none {
	outline:2px solid transparent;
	outline-offset:2px
}
.ring-white {
 --tw-ring-opacity:1;
 --tw-ring-color:rgb(255 255 255 / var(--tw-ring-opacity, 1))
}
.brightness-0 {
 --tw-brightness:brightness(0);
	filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)
}
.drop-shadow-2xl {
 --tw-drop-shadow:drop-shadow(0 25px 25px rgb(0 0 0 / 0.15));
	filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)
}
.drop-shadow-xl {
 --tw-drop-shadow:drop-shadow(0 20px 13px rgb(0 0 0 / 0.03)) drop-shadow(0 8px 5px rgb(0 0 0 / 0.08));
	filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)
}
.grayscale {
 --tw-grayscale:grayscale(100%);
	filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)
}
.invert {
 --tw-invert:invert(100%);
	filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)
}
.backdrop-blur-md {
 --tw-backdrop-blur:blur(12px);
	-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
	backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)
}
.backdrop-blur-sm {
 --tw-backdrop-blur:blur(2px);
	-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
	backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)
}
.backdrop-blur-xl {
 --tw-backdrop-blur:blur(24px);
	-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
	backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)
}
.transition-all {
	transition-property:all;
	transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);
	transition-duration:150ms
}
.transition-colors {
	transition-property:color, background-color, border-color, fill, stroke, -webkit-text-decoration-color;
	transition-property:color, background-color, border-color, text-decoration-color, fill, stroke;
	transition-property:color, background-color, border-color, text-decoration-color, fill, stroke, -webkit-text-decoration-color;
	transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);
	transition-duration:150ms
}
.transition-opacity {
	transition-property:opacity;
	transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);
	transition-duration:150ms
}
.transition-transform {
	transition-property:transform;
	transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);
	transition-duration:150ms
}
.duration-1000 {
	transition-duration:1000ms
}
.duration-300 {
	transition-duration:300ms
}
.duration-500 {
	transition-duration:500ms
}
.duration-700 {
	transition-duration:700ms
}
.ease-out {
	transition-timing-function:cubic-bezier(0, 0, 0.2, 1)
}
.hover\:scale-105:hover {
 --tw-scale-x:1.05;
 --tw-scale-y:1.05;
	transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}
.hover\:border-st-gold:hover {
	border-color:var(--st-gold)
}
.hover\:bg-st-gold:hover {
	background-color:var(--st-gold)
}
.hover\:bg-white:hover {
 --tw-bg-opacity:1;
	background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1))
}
.hover\:text-st-gold:hover {
	color:var(--st-gold)
}
.hover\:text-st-navy:hover {
	color:var(--st-navy)
}
.hover\:text-white:hover {
 --tw-text-opacity:1;
	color:rgb(255 255 255 / var(--tw-text-opacity, 1))
}
.hover\:underline:hover {
	-webkit-text-decoration-line:underline;
	text-decoration-line:underline
}
.hover\:opacity-100:hover {
	opacity:1
}
.hover\:opacity-80:hover {
	opacity:0.8
}
.hover\:shadow-md:hover {
 --tw-shadow:0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
 --tw-shadow-colored:0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);
	box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}
.hover\:grayscale-0:hover {
 --tw-grayscale:grayscale(0);
	filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)
}
.focus\:border-st-gold:focus {
	border-color:var(--st-gold)
}
.focus\:outline-none:focus {
	outline:2px solid transparent;
	outline-offset:2px
}
.group[open] .group-open\:rotate-180 {
 --tw-rotate:180deg;
	transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}
.group:hover .group-hover\:scale-105 {
 --tw-scale-x:1.05;
 --tw-scale-y:1.05;
	transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}
.group:hover .group-hover\:from-black\/70 {
 --tw-gradient-from:rgb(0 0 0 / 0.7) var(--tw-gradient-from-position);
 --tw-gradient-to:rgb(0 0 0 / 0) var(--tw-gradient-to-position);
 --tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to)
}
.justify-between {
	justify-content: space-between;
}
.items-center {
	align-items: center;
}
 
.pl-4 {
	padding-left: 1rem;
}
.border-st-sage {
	border-color: var(--st-sage);
}
.border-l {
  border-left-width: 1px;border-style:solid
}
.border-l-2 {
	border-left-width: 2px;
}
details[open] summary ~ * {
 animation: fadeIn .3s ease-in-out;
}
.text-\[color\:var\(--gray-600\)\] {
	color: var(--gray-600);
}
.gap-y-6 {
	row-gap: 1.5rem;
}
.gap-x-12 {
	column-gap: 3rem;
}
.ring-1 {
 --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
 --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
	box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}
.bg-white\/55 {
	background-color: rgb(255 255 255 / 0.55);
}
.rounded-\[28px\] {
	border-radius: 28px;
}
.overflow-hidden {
	overflow: hidden;
}
.sd-tile:hover {
	transform: translateY(-2px);
	border-color: rgba(13, 84, 75, 0.16);
	background: rgba(255, 255, 255, 0.56);
	box-shadow: none;
}
.sd-tile {
	background: rgba(255, 255, 255, 0.50);
	border: 1px solid rgba(13, 84, 75, 0.08);
	border-top-color: rgba(13, 84, 75, 0.08);
	border-right-color: rgba(13, 84, 75, 0.08);
	border-bottom-color: rgba(13, 84, 75, 0.08);
	border-left-color: rgba(13, 84, 75, 0.08);
	border-radius: 20px;
 transition: transform .14s ease, border-color .18s ease, background-color .18s ease;
	box-shadow: none;
}
.min-w-0 {
	min-width: 0px;
}
.sd-tile:hover {
	transform: translateY(-2px);
	border-color: rgba(13, 84, 75, 0.16);
	background: rgba(255, 255, 255, 0.56);
	box-shadow: none;
}
.bg-white\/50 {
	background-color: rgb(255 255 255 / 0.5);
}
.hover\:decoration-st-gold:hover {
	-webkit-text-decoration-color: var(--st-gold);
	text-decoration-color: var(--st-gold);
}
.underline-offset-2 {
	text-underline-offset: 2px;
}
.decoration-gray-300 {
	-webkit-text-decoration-color: #d1d5db;
	text-decoration-color: #d1d5db;
}
.underline {
	-webkit-text-decoration-line: underline;
	text-decoration-line: underline;
}
.leading-relaxed {
	line-height: 1.625;
}
.py-14 {
	padding-top: 3.5rem;
	padding-bottom: 3.5rem;
}
.px-6 {
	padding-left: 1.5rem;
	padding-right: 1.5rem;
}
.bg-st-sage {
	background-color: var(--st-sage);
}
.sd-tile:hover {
	transform: translateY(-2px);
	border-color: rgba(13, 84, 75, 0.16);
	background: rgba(255, 255, 255, 0.56);
	box-shadow: none;
}
.scale-\[1\.03\] {
 --tw-scale-x: 1.03;
 --tw-scale-y: 1.03;
	transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.mb-9 {
	margin-bottom: 2.25rem;
}
.text-\[color\:var\(--gray-600\)\] {
	color: var(--gray-600);
}
.text-base {
	font-size: 1rem;
	line-height: 1.5rem;
}
/* Soft CTA (text link style) */
    .soft-cta {
	display: inline-flex;
	align-items: center;
	gap: 10px;
	font-size: 12px;
	font-weight: 800;
	letter-spacing: .12em;
	text-transform: none;
	color: rgba(13, 84, 75, 0.88);
	border-bottom: 1px solid rgba(13, 84, 75, 0.18);
	padding-bottom: 4px;
 transition: all .2s ease;
	align-self: anchor-center;
}
.soft-cta:hover {
	color: var(--st-gold);
	border-bottom-color: rgba(212, 175, 55, 0.55);
}
.ops-card {
	background: rgba(255, 255, 255, 0.68);
	border: 1px solid rgba(13, 84, 75, 0.06);
	border-radius: 22px;
	box-shadow: 0 18px 50px -24px rgba(13, 84, 75, 0.18);
}
.ops-card--sage {
	background: rgba(234, 244, 242, 0.55);
	border-color: rgba(13, 84, 75, 0.06);
}
.btn-primary:hover {
	background-color: var(--st-btn-hover) !important;
	transform: translateY(-2px);
	box-shadow: 0 10px 25px -5px rgba(13, 84, 75, 0.3);
}
.rowff a {
	padding: 11px 5px;
}
.mb-14 {
	margin-bottom: 3.5rem;
}
.text-gray-500 li {
	color: rgb(107 114 128 / var(--tw-text-opacity, 1));
}
/* 2. SOFT / OUTLINE BUTTON (For Header Nav) */
        .btn-soft {
	background-color: transparent !important;
	color: var(--st-navy) !important;
	border: 1px solid var(--st-navy) !important;
	box-shadow: none !important;
	transition: all 0.3s ease;
	/*display: flex;*/
	align-items: center;
	justify-content: center;
}
.btn-soft:hover {
	background-color: var(--st-navy) !important;
	/* Fill on hover */
            color: #FFFFFF !important;
	box-shadow: 0 4px 12px rgba(13, 84, 75, 0.15) !important;
	transform: translateY(-2px);
}
.faq-empty {
	display:none;
}
.faq-empty .faq-emptyfaq {
	margin-top:18px;
	padding:16px 18px;
	border-radius:18px;
	border:1px solid rgba(13, 84, 75, 0.10);
	background:rgba(255, 255, 255, 0.60);
	color:rgba(95, 110, 104, 0.95);
	font-size:14px;
	line-height:1.6;
}
/* Footer Accordion (Mobile) */
        details>summary {
	list-style:none;
}
details>summary::-webkit-details-marker {
display:none;
}
details[open] summary~* {
animation:fadeIn .22s ease-in-out;
}
/*
.faq-group{ margin-top:18px; }*/
.faq-stack {
	display:grid;
	gap:10px;
}
.faq-item summary h3 {
	margin: 0;
	font-size: 14px;
	font-weight: 600;
	color: rgba(13, 84, 75, 0.92);
	font-family: "Montserrat", sans-serif;
	line-height: 1.35;
}
 .faq-item summary:focus-visible {
 box-shadow:0 0 0 3px rgba(201, 164, 92, 0.20);
 border-color:rgba(201, 164, 92, 0.55);
}
.faq-item summary h3 {
	margin:0;
	font-size:14px;
	font-weight:600;
	color:rgba(13, 84, 75, 0.92);
	font-family:"Montserrat", sans-serif;
	line-height:1.35;
}
.faq-item summary .chev {
	width:18px;
	height:18px;
	flex:0 0 auto;
	color:rgba(13, 84, 75, 0.55);
 transition:transform .22s ease;
}
.faq-item[open] summary .chev {
	transform:rotate(180deg);
}
.faq-item[open] summary {
	border-color: rgba(13, 84, 75, 0.18);
	background: rgba(251, 247, 240, 0.85);
}
.faq-item summary:hover {
	border-color: rgba(13, 84, 75, 0.16);
	background: rgba(255, 255, 255, 0.70);
	transform: translateY(-1px);
	border-radius: 95px;
}
.faq-answer {
	padding:12px 16px 0;
	color:rgba(95, 110, 104, 0.98);
	font-size:14px;
	line-height:1.75;
	font-family:"Montserrat", sans-serif;
}
.faq-item[open] .faq-answer {
	border-top:1px solid rgba(13, 84, 75, 0.08);
	margin-top:10px;
	padding-top:12px;
	padding-bottom:12px;
}
.faq-answer p {
	margin:0 0 12px;
}
.faq-answer p:last-child {
	margin-bottom:0;
}
/* Range Slider */
 
.shape-options .option-btn {
	display: flex;
	align-items: center;
	gap: 14px;
	padding: 14px 16px;
	min-width:150px;
}
.shape-options img {
	width: 26px;
	height: 26px;
	object-fit: contain;
	opacity: 0.85;
}
.shape-options .option-btn.active img {
	opacity: 1;
}
.shape-options span {
	font-size: 15px;
	font-weight: 500;
}
 input[type=range]::-webkit-slider-runnable-track {
 width: 100%;
 height: 4px;
 cursor: pointer;
 background: rgba(255, 255, 255, 0.2);
 border-radius: 2px;
}
.dispconts span {
	display:contents
}
        /* Utilities */
        .no-scrollbar::-webkit-scrollbar {
 display: none;
}
.no-scrollbar {
	-ms-overflow-style: none;
	scrollbar-width: none;
}
.fade-enter {
	animation: fadeIn 1.5s ease-out forwards;
}
 @keyframes fadeIn {
 from {
 opacity: 0;
 transform: translateY(20px);
}
to {
	opacity: 1;
	transform: translateY(0);
}
}
/* Mobile Menu */
        #mobile-menu {
	transition: transform 0.3s ease-in-out;
}
.menu-open {
	transform: translateX(0) !important;
}
.menu-closed {
	transform: translateX(100%) !important;
}
/* Sticky CTA Transition */
        #sticky-cta {
	transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}
body.page-template-home2026 .header.darkHeader, body.page-template-aboutus .header.darkHeader {
	background: #fff;
}
body.page-template-home2026 .header, body.page-template-aboutus .header.darkHeader {
	background: #fff;
}
#pricing .whiote li {
	color: #fff;
}
.design-builder {
}
.builder-box {
	display: flex;
	max-width: 1200px;
	margin: auto;
	background: #fff;
	border-radius: 24px;
	overflow: hidden;
	box-shadow: 0 20px 50px rgba(0, 0, 0, 0.08);
	position:relative
}
/* PREVIEW */
.preview-area {
	width: 60%;
	padding: 40px;
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
}
.preview-area img {
	max-width: 100%;
	transition: 0.4s ease;
}
.preview-label {
	position: absolute;
	top: 20px;
	left: 20px;
	background: #fff;
	padding: 10px 18px;
	border-radius: 20px;
	font-size: 12px;
	color: var(--st-navy);
	text-transform: uppercase;
	font-weight: 500;
}
/* CONTROLS */
.controls-area {
	width: 40%;
	padding: 15px;
}
.mobileNav li a {
	font-size: 1.875rem;
	line-height: 3.25rem;
	font-family: "Cormorant Garamond", serif;
	color: var(--st-navy);
}
body {
	overflow-x:hidden
}
.steps {
	display: flex;
	border-bottom: 1px solid #ddd;
}
.step {
	flex: 1;
	padding: 15px;
	background: none;
	border: none;
	font-weight: bold;
	cursor: pointer;
	color: #aaa;
	letter-spacing: 0.05em;
	font-weight: 500;
}
.step.active {
	color: var(--st-navy);
	border-bottom: 2px solid var(--st-navy);
	letter-spacing: 0.05em;
	font-weight: 500;
}
.btn-primary.mx-auto.px-s-10.py-5.rounded-full {
	max-width:300px;
}
.px-s-10 {
	padding-top: 1.25rem !important;
	padding-bottom: 1.25rem !important;
}
.step-panel {
	display: none !important;
	margin-top: 30px;
}
.border-y {
	border-top-width: 1px;
	border-bottom-width: 1px;
}
.gap-2 {
	gap: 0.5rem;
}
.grid-cols-3 {
	grid-template-columns: repeat(3, minmax(0, 1fr));
}
.grid {
	display: grid;
}
.mt-3 {
	margin-top: 0.75rem;
}
.step-panel.active {
	display: block;
}
.mt-16 {
	margin-top: 4rem;
}
.options {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 15px;
}
.home h2.font-serif {
	font-size: 2.25rem;
	line-height: 2.5rem;
	/*  color: var(--st-navy); margin-bottom: 1rem;*/
  font-family: "Cormorant Garamond", serif;
}


/* WebKit (Chrome, Safari, Edge) */
#carat-slider::-webkit-slider-thumb {
 -webkit-appearance: none;
 appearance: none;
 width: 14px;
 height: 14px;
 background-color: #d4af37;
 border-radius: 50%;
 cursor: pointer;
 position: relative;
 top: 5px;
 box-shadow: 0 0 0 4px rgba(212, 175, 55, 0.15);
}
.relative.top-5px {
	top: -4.5px;
}
.option-btn {
	border: 1px solid #ddd;
	padding: 16px;
	border-radius: 14px;
	background: #fff;
	cursor: pointer;
	display: flex;
	align-items: center;
	gap: 10px;
	color: var(--st-navy);
margin-bottom::12px
}
.option-btn.active {
	border-color: #000;
}
.dot {
	width: 32px;
	height: 32px;
	border-radius: 50%;
}
.confbuttonbox {
	position: absolute;
	width: inherit;
	bottom: 0;
	right: 0;
}
.step-panel.active {
	min-height: 420px;
	display: block !important;
}
.step-panel.active h3 {
	margin-bottom:12px
}
.option-btn:hover {
	border-color: var(--st-gold);
}
#menu-header2026 li {
	display: inline-block;
	padding: 20px;
}
footer .grid li a {
	color: #fff;
}
.btn-primary.px-10.h-12.rounded-full.font-bold.uppercase.tracking-widest.text-xs.transition-colors.shadow-lg {
	max-width:300px
}
.px-5 {
	padding-left: 1.25rem;
	padding-right: 1.25rem;
}
.mb-14 {
	margin-bottom: 3.5rem;
}
 .faq-item summary:focus-visible {
 box-shadow: 0 0 0 3px rgba(212, 175, 55, 0.25);
 border-color: rgba(212, 175, 55, 0.55);
}
.faq-item summary .chev {
	width: 18px;
	height: 18px;
	flex: 0 0 auto;
	color: rgba(13, 84, 75, 0.65);
	transition: transform 0.25s ease;
}
.faq-answer {
	padding: 14px 18px 0;
	color: rgba(94, 111, 102, 0.98);
	font-size: 14px;
	line-height: 1.75;
	font-family: "Montserrat", sans-serif;
}
.faq-item summary {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 24px;
	cursor: pointer;
	font-weight: 500;
	color: var(--st-navy);
	list-style: none;
}
.faq-content {
	padding: 0 24px 22px 24px;
	font-size: 14px;
	line-height: 1.7;
	color: rgba(95, 110, 104, 0.92);
}
.faq-answer p {
	margin: 0 0 12px;
}
.faq-answer p:last-child {
	margin-bottom: 0;
}
.faq-item[open] {
	background: rgba(255, 255, 255, 0.84);
	box-shadow: var(--shadow-hover);
}
.faq-stack {
	display: grid;
	gap: 12px;
}
.final-cta-card {
	width: min(560px, 92%);
}
.bg-white\/70 {
	background-color: rgb(255 255 255 / 0.7);
}
.shadow-soft {
 --tw-shadow: 0 10px 40px -10px rgba(13, 84, 75, 0.08);
 --tw-shadow-colored: 0 10px 40px -10px var(--tw-shadow-color);
	box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.mb-7 {
	margin-bottom: 1.75rem;
}
.tracking-\[0\.35em\] {
	letter-spacing: 0.35em;
}
.uppercase {
	text-transform: uppercase;
}
.font-bold {
	font-weight: 700;
}
.cursor-pointer {
	cursor: pointer;
}
.inline-flex {
	display: inline-flex;
}
.soft-link {
	display: inline-block;
	font-size: 12px;
	font-weight: 700;
	letter-spacing: .12em;
	color: var(--st-navy);
	border-bottom: 1px solid rgba(13, 84, 75, 0.25);
	padding-bottom: 2px;
 transition: color .2s ease, border-color .2s ease;
}
.soft-link:hover {
	color: var(--st-gold);
	border-color: rgba(212, 175, 55, 0.85);
}
/* === REVIEWS PAGE === */
    .review-card {
	background:#fff;
	border:1px solid var(--pt-border);
	border-radius:20px;
	box-shadow:var(--pt-shadow-soft);
	padding:18px;
}
.faq-search {
	width:100%;
	border-radius:999px;
	border:1px solid rgba(13, 84, 75, 0.12);
	background:rgba(255, 255, 255, 0.78);
	padding:12px 16px;
	font-size:14px;
	line-height:1.4;
	outline:none;
 transition:border-color .18s ease, box-shadow .18s ease, background-color .18s ease;
}
.faq-search:focus {
	border-color:rgba(201, 164, 92, 0.70);
	box-shadow:0 0 0 3px rgba(201, 164, 92, 0.18);
	background:rgba(255, 255, 255, 0.90);
}
.faq-search-wrap {
	max-width:42rem;
	position:relative;
	z-index:50;
	margin:auto
}
.faq-search-results {
	position: absolute;
	top: calc(100% + 8px);
	left: 0;
	right: 0;
	background: #fff;
	border-radius: 16px;
	box-shadow: 0 20px 50px rgba(0, 0, 0, 0.12);
	max-height: 320px;
	overflow-y: auto;
	z-index: 60;
}
.faq-sticky {
	position:sticky;
	top:72px; /* below fixed header */
	background: var(--st-cream);
	backdrop-filter: blur(10px);
	border-bottom: 1px solid rgba(13, 84, 75, 0.045);
}
.faq-chips {
	display:flex;
	gap:10px;
	overflow:auto;
	padding:10px 0;
	scrollbar-width:none;
}
 .faq-chips::-webkit-scrollbar {
display:none;
}
.faq-chip {
	white-space:nowrap;
	display:inline-flex;
	align-items:center;
	justify-content:center;
	padding:9px 13px;
	border-radius:999px;
	border:1px solid rgba(13, 84, 75, 0.08);
	background:rgba(255, 255, 255, 0.55);
	color:rgba(13, 84, 75, 0.80);
	font-size:11px;
	letter-spacing:.10em;
	text-transform:uppercase;
	font-weight:800;
 transition:background-color .18s ease, border-color .18s ease, transform .12s ease;
	text-decoration:none;
}
.faq-chip:hover {
	transform:translateY(-1px);
	border-color:rgba(13, 84, 75, 0.18);
	background:rgba(255, 255, 255, 0.70);
}
.faq-chip.is-active {
	border-color:rgba(201, 164, 92, 0.55);
	background:rgba(255, 255, 255, 0.82);
	box-shadow:0 0 0 3px rgba(201, 164, 92, 0.14);
	color:rgba(13, 84, 75, 0.92);
}
.reviews-list > .review-card + .review-card {
	margin-top:18px;
}
.max-w-lg {
	max-width: 32rem;
}
.measure {
	max-width:68ch;
	margin-left:auto;
	margin-right:auto;
}
.orient-pill {
	display:inline-flex;
	align-items:center;
	justify-content:center;
	padding:8px 14px;
	border-radius:999px;
	border:1px solid rgba(13, 84, 75, .18);
	background:transparent;
	color: rgba(95, 110, 104, 0.95);
	font-family:"Montserrat", sans-serif;
	font-size:11px;
	font-weight:700;
	letter-spacing:.12em;
	text-transform:uppercase;
	text-decoration:none;
	min-height:44px;
	white-space:nowrap;
}
.orient-pill:hover {
	color: rgba(13, 84, 75, 0.90);
	border-color: rgba(13, 84, 75, .22);
}
 .orient-pill:focus-visible {
 outline:none;
 box-shadow:0 0 0 3px rgba(201, 164, 92, 0.22);
}
.mx-2 {
	margin-left: 0.5rem;
	margin-right: 0.5rem;
}
.policy-wrap h2 {
	font-family: "Cormorant Garamond", serif;
	color: var(--st-navy);
	font-weight: 400;
}
.policy-wrap h1 {
	font-family: "Cormorant Garamond", serif;
	color: var(--st-navy);
	font-weight: 300;
}
.policy-wrap p, .policy-wrap li {
	font-family: "Montserrat", sans-serif;
	color: rgba(95, 110, 104, 0.98);
}
.policy-wrap ul {
	padding-left: 1.15rem;
}
.policy-wrap li {
	margin: 0.32rem 0;
	line-height: 1.75;
}
/* NOTICE */
.notice {
	background: rgba(255, 255, 255, 0.60);
	border: none;
	border-radius: 14px;
	padding: 20px 26px;
	box-shadow: 0 8px 28px -20px rgba(13, 84, 75, 0.22);
}
.notice p {
	margin: 0;
}
.notice strong {
	color: rgba(13, 84, 75, 0.92);
	font-weight: 700;
}
.text-\[26px\] {
	font-size: 26px;
}
    .sd-section {
	padding: 56px 24px;
}
.sd-container {
	max-width: 1152px;
	margin: 0 auto;
}
.sd-reading {
	max-width: 62ch;
}
.max-w-xs {
	max-width: 20rem;
}
.max-w-3xl {
	max-width: 48rem;
}
.p-7 {
	padding: 1.75rem;
}
.section {
	padding: 64px 0;
	background: var(--st-cream);
}
.section--alt {
	background: var(--st-white);
}
.mb-14 {
	margin-bottom: 3.5rem;
}
 .space-y-12 > :not([hidden]) ~ :not([hidden]) {
 --tw-space-y-reverse: 0;
 margin-top: calc(3rem * calc(1 - var(--tw-space-y-reverse)));
 margin-bottom: calc(3rem * var(--tw-space-y-reverse));
}
.style-group:hover {
	background: #FFFFFF;
	box-shadow: var(--shadow-hover);
	transform: translateY(-4px);
}
.style-group {
	background: rgba(255, 255, 255, 0.8);
	backdrop-filter: blur(12px);
	border: 1px solid rgba(255, 255, 255, 0.6);
	box-shadow: var(--shadow-soft);
	border-radius: var(--radius-lg);
	padding: 40px;
	transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.group-img {
	overflow: hidden;
	border-radius: var(--radius-md);
	background-color: var(--st-sage);
}
.group-img img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform 1.8s ease;
}
.final-cta-img {
	width: 100%;
	height: 240px;
	object-fit: contain;
	object-position: center;
	display: block;
	background: #fff;
	transform: scale(1.18);
	transform-origin: center;
}
.final-cta-card-inner {
	background: #fff;
	border-radius: 26px;
	overflow: hidden;
	box-shadow: var(--shadow-soft);
	border: 0px solid rgba(13, 84, 75, 0.10);
	padding: 14px 18px;
}
.link-arrow::after {
 content: '';
 position: absolute;
 bottom: 0;
 left: 0;
 width: 100%;
 height: 1px;
 background-color: rgba(13, 84, 75, 0.3);
 transition: background-color 0.3s ease;
}
.link-arrow:hover::after {
 background-color: var(--st-gold);
}
.link-arrow--muted {
	font-size: 10px;
	opacity: 0.6;
}
.link-arrow {
	font-family: "Montserrat", sans-serif;
	font-size: 11px;
	font-weight: 700;
	text-transform: none;
	letter-spacing: .15em;
	color: var(--st-navy);
	position: relative;
	padding-bottom: 4px;
	text-decoration: none;
}
summary {
	display: list-item;
}
.faq-item {
	background: rgba(255, 255, 255, 0.72);
	border: none;
	border-radius: 22px;
	box-shadow: var(--shadow-soft);
 transition: transform .28s ease, box-shadow .28s ease, background-color .28s ease;
}
faq-item summary {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 24px;
	cursor: pointer;
	font-weight: 500;
	color: var(--st-navy);
	list-style: none;
}
.link-arrow--muted:hover {
	opacity: 1;
}
.link-arrow:hover {
	color: var(--st-gold);
}
.chapter-title {
	font-size:32px;
	line-height:1.1;
	letter-spacing:-0.01em;
}
.section-title {
	font-size:30px;
	line-height:1.12;
}
.section-copy {
	color:rgba(95, 110, 104, 0.92);
}
.section-copy-quiet {
	color:rgba(95, 110, 104, 0.82);
}
.style-group {
	background:rgba(255, 255, 255, .72);
	border:1px solid rgba(13, 84, 75, .12);
	border-radius:22px;
	box-shadow:var(--pt-shadow-soft);
	padding:16px;
}
.style-group + .style-group {
	margin-top:14px;
}
.style-group h3 {
	font-family:"Cormorant Garamond", serif;
	font-size:24px;
	font-weight:400;
	color:var(--st-navy);
	margin:0;
}
.style-group p {
	margin-top:8px;
	color:rgba(95, 110, 104, .98);
	font-family:"Montserrat", sans-serif;
}
.style-group .group-img {
	margin-top:14px;
	border-radius:18px;
	overflow:hidden;
	border:1px solid rgba(13, 84, 75, .08);
	background:rgba(234, 244, 242, .35);
	aspect-ratio:4 / 3; /* MOBILE */
}
.style-group .group-img img {
	width:100%;
	height:100%;
	object-fit:cover;
	object-position:center;
	display:block;
}
.permission-line {
	font-size:13px;
	line-height:1.5;
	color:rgba(95, 110, 104, 0.72);
	margin-top:14px;
}
.meta-gap {
	margin-top:14px;
}
.mobile-groups {
	display:none;
}
.reassurance-line {
	display:none;
	font-size:13px;
	color:rgba(95, 110, 104, .92);
}
#explore a[href="#pendants"] h3 {
	color: rgba(13, 84, 75, 0.92) !important;
}
#explore a[href="#rings"] h3 {
	color: rgba(255, 255, 255, 0.95) !important;
}
#explore a[href="#earrings"] h3 {
	color: rgba(13, 84, 75, 0.88) !important;
}
#explore a[href="#bracelets"] h3 {
	color: rgba(13, 84, 75, 0.92) !important;
}
.shadow-soft {
	box-shadow: var(--shadow-soft);
}
.shadow-card {
	box-shadow: var(--shadow-hover);
}
.card-link {
	color: rgba(13, 84, 75, 0.72);
	letter-spacing:.12em;
 transition: color .25s ease;
}
.group:hover .card-link {
	color: var(--st-gold);
}
.sd-surface {
	background: var(--surface);
	border: 1px solid var(--stroke-soft);
	border-radius: 22px;
	box-shadow: var(--shadow-soft);
	overflow: hidden;
 transition: transform .28s ease, box-shadow .28s ease, border-color .28s ease, background-color .28s ease;
}
.sd-surface:hover {
	background: var(--surface-strong);
	border-color: var(--stroke-hover);
	box-shadow: var(--shadow-hover);
	transform: translateY(-2px);
}
.gateway-card {
	background: var(--surface);
	border: 1px solid var(--stroke-soft);
	border-radius: 22px;
	overflow:hidden;
	box-shadow: var(--shadow-soft);
 transition: transform .28s ease, box-shadow .28s ease, border-color .28s ease, background-color .28s ease;
}
.gateway-card:hover {
	transform: translateY(-2px);
	background: var(--surface-strong);
	border-color: var(--stroke-hover);
	box-shadow: var(--shadow-hover);
}
.gateway-meta {
	color:rgba(13, 84, 75, 0.72);
 transition:color .25s ease, opacity .25s ease;
}
.gateway-card:hover .gateway-meta {
	color:var(--st-gold);
	opacity:1;
}
.gateway-title {
	font-size:12px;
	font-weight:700;
	letter-spacing:.22em;
	text-transform:uppercase;
	color:rgba(13, 84, 75, 0.78);
}
.sd-tile {
	border-radius: 22px;
	overflow:hidden;
	background: var(--surface);
	border: 1px solid var(--stroke-soft);
	box-shadow: var(--shadow-soft);
 transition: transform .28s ease, box-shadow .28s ease, border-color .28s ease, background-color .28s ease;
}
.sd-tile:hover {
	transform: translateY(-2px);
	background: var(--surface-strong);
	border-color: var(--stroke-hover);
	box-shadow: var(--shadow-hover);
}
.sd-tile-meta {
	background: transparent;
	border-top: 1px solid rgba(13, 84, 75, 0.03);
	padding-top: 14px;
	padding-bottom: 14px;
}
.mt-9 {
	margin-top: 2.25rem;
}
.duration-\[1\.5s\] {
	transition-duration: 1.5s;
}
#explore a, #explore .sd-tile, #explore .gateway-card {
	border: none !important;
	box-shadow: none !important;
}
.rounded-\[40px\] {
	border-radius: 40px;
} 
.inset-0 {
	inset: 0px;
}
.from-black\/40 {
 --tw-gradient-from: rgb(0 0 0 / 0.4) var(--tw-gradient-from-position);
 --tw-gradient-to: rgb(0 0 0 / 0) var(--tw-gradient-to-position);
 --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.left-8 {
	left: 2rem;
}
.bottom-6 {
	bottom: 1.5rem;
}
#explore a, #explore .sd-tile, #explore .gateway-card {
	border: none !important;
	box-shadow: none !important;
}
.rounded-\[40px\] {
	border-radius: 40px;
}
.gap-6 {
	gap: 1.5rem;
}
.grid-rows-\[240px_236px\] {
	grid-template-rows: 240px 236px;
}
.h-\[500px\] {
	height: 500px;
}
.group:hover .group-hover\:scale-110 {
 --tw-scale-x: 1.1;
 --tw-scale-y: 1.1;
	transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.chip {
	padding: 6px 14px;
	border-radius: 99px;
	background: rgba(234, 244, 242, .7);
	color: var(--st-navy);
	font-size: 10px;
	font-weight: 600;
	letter-spacing: .08em;
	border: 1px solid rgba(13, 84, 75, .08);
}
.bg-black\/10 {
	background-color: rgb(0 0 0 / 0.1);
}
.hover\:scale-\[1\.02\]:hover {
 --tw-scale-x: 1.02;
 --tw-scale-y: 1.02;
	transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.duration-\[900ms\] {
	transition-duration: 900ms;
}
.h-72 {
	height: 18rem;
}
.h-80 {
	height: 20rem;
}
.sd-surface {
	background: var(--surface);
	border: 1px solid var(--stroke-soft);
	border-radius: 22px;
	box-shadow: var(--shadow-soft);
	overflow: hidden;
 transition: transform .28s ease, box-shadow .28s ease, border-color .28s ease, background-color .28s ease;
}
.sd-surface:hover {
	background: var(--surface-strong);
	border-color: var(--stroke-hover);
	box-shadow: var(--shadow-hover);
	transform: translateY(-2px);
}
.footerstyl2 .hover\:text-st-navy:hover {
	color: var(--st-navy);
}
footer.footerstyl2 .grid li a {
	color: #1B2B28;
}
.footerstyl2 .border-t {
	border-top-width: 1px;
	border-style:solid
}
.footerstyl2 .pt-7 {
	padding-top: 1.75rem;
}
.text-micro {
	font-family: "Montserrat", sans-serif;
	font-size: 10px;
	text-transform: uppercase;
	letter-spacing: 0.2em;
	font-weight: 600;
	color: rgba(13, 84, 75, 0.5);
}
/* Floating pill nav */
    .nav-pill {
	background: rgba(255, 255, 255, 0.7);
	backdrop-filter: blur(20px);
	-webkit-backdrop-filter: blur(20px);
	border: 1px solid rgba(255, 255, 255, 0.8);
	box-shadow: 0 10px 30px -10px rgba(13, 84, 75, 0.05);
	border-radius: var(--radius-pill);
	transition: all 0.4s var(--ease-out-expo);
}
/* Scoped nav link hover */
    .nav-links a {
	color: rgba(13, 84, 75, 0.78);
 transition: color .2s ease;
}
.nav-links a:hover {
	color: var(--st-gold);
}
/* Details UI */
    details>summary {
	list-style:none;
}
 details>summary::-webkit-details-marker {
display:none;
}
 details[open] summary~* {
animation:fadeIn .3s ease-in-out;
}
/* Animation */
    .fade-enter {
	animation:fadeIn 1.2s ease-out forwards;
}
 @keyframes fadeIn {
 from {
opacity:0;
transform:translateY(20px);
}
to {
	opacity:1;
	transform:translateY(0);
}
}
/* FINAL CTA media — no cropping */
#final-cta .final-media {
	width: 100%;
	height: 260px;            /* mobile default */
	display: flex;            /* important */
	align-items: center;      /* center image vertically */
	justify-content: center;  /* center image horizontally */
}
#final-cta .final-img {
	width: 100%;
	height: 100%;
	object-fit: contain;      /* no cropping */
	object-position: center;
	display: block;
}
/* STEP MEDIA — CLEAN SYSTEM */
    
    .step-media {
	height:420px;
}
.step-media-video {
	height:420px;
}
.gj-wrap {
	max-width:1152px;
	margin:0 auto;
	padding:0 24px;
}
.gj-head {
	text-align:center;
	max-width:56rem;
	margin:0 auto 44px;
}
.gj-kicker {
	font-family:"Montserrat", sans-serif;
	font-size:10px;
	text-transform:uppercase;
	letter-spacing:.28em;
	font-weight:700;
	color:rgba(13, 84, 75, 0.55);
	margin-bottom:10px;
}
.gj-title {
	font-family:"Cormorant Garamond", serif;
	font-weight:400;
	color:var(--st-navy);
	letter-spacing:-0.01em;
	line-height:1.05;
	font-size:40px;
	margin:0 0 10px;
}
.wp-singular.post-template-default.single.single-post {
	background: #fff;
}
.gj-sub {
	color:rgba(27, 43, 40, 0.70);
	line-height:1.7;
	margin:0;
}
.gj-grid {
	display:grid;
	gap:18px;
	grid-template-columns:repeat(4, minmax(0, 1fr));
	align-items:stretch;
}
.gj-card {
	position:relative;
	background:rgba(255, 255, 255, 0.46);
	border: none;
	border-radius:28px;
	padding:26px 24px;
	overflow:hidden;
	min-height:156px;
	text-decoration:none;
	display:block;
 transition:background-color .25s ease, border-color .25s ease, transform .25s ease;
}
.gj-card.is-warm {
	background:rgba(201, 164, 92, 0.08);
	border-color:rgba(201, 164, 92, 0.10);
}
.gj-card:hover {
	background:rgba(255, 255, 255, 0.62);
	border-color:rgba(201, 164, 92, 0.22);
	transform:translateY(-2px);
}
.gj-num {
	position:absolute;
	top:20px;
	right:20px;
	font-family:"Cormorant Garamond", serif;
	font-weight:300;
	font-size:72px;
	line-height:1;
	color:rgba(13, 84, 75, 0.08);
	opacity:0.45;
	pointer-events:none;
	user-select:none;
}
.gj-label {
	font-family:"Montserrat", sans-serif;
	font-size:10px;
	text-transform:uppercase;
	letter-spacing:.22em;
	font-weight:700;
	color:rgba(13, 84, 75, 0.50);
	margin-bottom:10px;
}
.gj-card.is-warm .gj-label {
	color:rgba(201, 164, 92, 0.95);
}
.gj-h {
	font-family:"Cormorant Garamond", serif;
	font-weight:500;
	color:var(--st-navy);
	font-size:26px;
	line-height:1.15;
	margin:0 0 12px;
	letter-spacing:-0.01em;
}
.gj-p {
	margin:0;
	color:rgba(27, 43, 40, 0.58);
	line-height:1.6;
	font-size:13px;
	max-width:34ch;
}
.gj-span-2 {
	grid-column:span 2 / span 2;
}
.gj-more {
	margin-top:14px;
}
.gj-more > summary {
	list-style:none;
	cursor:pointer;
	display:inline-block;
}
 .gj-more > summary::-webkit-details-marker {
display:none;
}
.gj-desktop-grid {
	display:block;
}
.gj-mobile-grid {
	display:none;
}
.step-kicker {
	font-size:11px;
	letter-spacing: .32em;
	text-transform:uppercase;
	color:rgba(13, 84, 75, 0.45);
	margin-bottom:6px;
}
/* PROCESS TIMELINE — HORIZONTAL */
    
    .sd-timeline {
	max-width: 920px;
	margin: 42px auto 0;
	text-align: center;
}
.sd-timeline-row {
	position: relative;
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	gap: 24px;
	padding-top: 6px;
	padding-bottom: 8px;
}
 .sd-timeline-row::before {
 content:"";
 position:absolute;
 left: 16.66%;
 right: 16.66%;
 top: 46px;
 height: 2px;
 background: rgba(13, 84, 75, 0.18);
}
.sd-timeline-item {
	position: relative;
	flex: 1;
	text-align: center;
	padding-top: 0;
	padding-bottom: 54px;
}
.sd-timeline-label {
	display:block;
	font-family:"Montserrat", sans-serif;
	font-size: 11px;
	letter-spacing: .18em;
	text-transform: uppercase;
	color: rgba(13, 84, 75, 0.55);
	margin-bottom: 26px;
}
.sd-dot {
	position: absolute;
	left: 50%;
	top: 41px;
	transform: translate(-50%, -50%);
	width: 14px;
	height: 14px;
	border-radius: 999px;
	background: rgba(13, 84, 75, 0.85);
	box-shadow: 0 0 0 6px var(--st-cream);
	z-index: 2;
}
.sd-mid .sd-dot {
	background: rgba(13, 84, 75);
}
.sd-timeline-sub,  .sd-timeline-range {
	display:block;
	margin-top: 54px;
}
.sd-timeline-sub {
	font-family:"Cormorant Garamond", serif;
	font-size: 16px;
	font-style: italic;
	color: rgba(27, 43, 40, 0.55);
}
.sd-timeline-range {
	font-family:"Cormorant Garamond", serif;
	font-size: 20px;
	font-weight: 500;
	color: var(--st-navy);
	font-variant-numeric: tabular-nums;
	font-feature-settings: "tnum";
}
.kicker-soft {
	color: rgba(13, 84, 75, 0.55);
}
.hero-subline {
	color: rgba(27, 43, 40, 0.68);
	max-width: 56ch;
}
.hero-trust {
	display:flex;
	flex-wrap:wrap;
	gap:10px;
	justify-content:center;
}
 
.max-w-6xl {
	max-width: 72rem;
}
.nav-pill {
	background: rgba(255, 255, 255, 0.72);
	backdrop-filter: blur(18px);
	-webkit-backdrop-filter: blur(18px);
	border: 1px solid rgba(255, 255, 255, 0.85);
	box-shadow: 0 10px 30px -10px rgba(13, 84, 75, 0.06);
	border-radius: var(--radius-pill);
	transition: all 0.4s var(--ease-out-expo);
}
.z-50 {
	z-index: 50;
}
.top-6 {
	top: 1.5rem;
}
.right-0 {
	right: 0px;
}
.headerstyle2 .py-2\.5 {
	padding-top: 0.625rem;
	padding-bottom: 0.625rem;
}
.headerstyle2 .nav-links a {
	color: rgba(13, 84, 75, 0.78);
 transition: color .2s ease;
}
.headerstyle2 .nav-links a:hover {
	color: var(--st-gold);
}
.headerstyle2 .btn-soft {
	background: rgba(255, 255, 255, 0.55) !important;
	color: var(--st-navy) !important;
	border: 1px solid rgba(13, 84, 75, 0.28) !important;
	border-top-color: rgba(13, 84, 75, 0.28);
	border-right-color: rgba(13, 84, 75, 0.28);
	border-bottom-color: rgba(13, 84, 75, 0.28);
	border-left-color: rgba(13, 84, 75, 0.28);
	box-shadow: none !important;
 transition: background .25s ease, border-color .25s ease, transform .25s ease, box-shadow .25s ease, color .25s ease;
	transition-property: background, border-color, transform, box-shadow, color;
	transition-duration: 0.25s, 0.25s, 0.25s, 0.25s, 0.25s;
	transition-timing-function: ease, ease, ease, ease, ease;
	/*display: inline-flex;*/
	align-items: center;
	justify-content: center;
	backdrop-filter: blur(10px);
	-webkit-backdrop-filter: blur(10px);
	border-radius: var(--radius-pill);
}
.headerstyle2 .btn-soft:hover {
	background: var(--st-navy) !important;
	color: #fff !important;
	border-color: var(--st-navy) !important;
	box-shadow: 0 10px 24px -18px rgba(13, 84, 75, .35) !important;
	transform: translateY(-1px);
}
details.modern-faq {
	background: rgba(255, 255, 255, 0.78);
	backdrop-filter: blur(14px);
	-webkit-backdrop-filter: blur(14px);
	border: none;
	border-radius: 24px;
	margin-bottom: 16px;
	overflow: hidden;
	box-shadow: 0 18px 44px -28px rgba(13, 84, 75, 0.18);
 transition: transform .35s var(--ease-out-expo), box-shadow .35s var(--ease-out-expo), background .35s var(--ease-out-expo);
}
details.modern-faq:hover {
	transform: translateY(-2px);
	box-shadow: 0 28px 70px -40px rgba(13, 84, 75, 0.22);
	background: rgba(255, 255, 255, 0.88);
}
details.modern-faq[open] {
	box-shadow: 0 28px 70px -44px rgba(13, 84, 75, 0.22);
	background: rgba(255, 255, 255, 0.92);
}
details.modern-faq summary {
	padding: 24px;
	cursor: pointer;
	list-style: none;
	font-weight: 500;
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: 16px;
	color: var(--st-navy);
}
 details.modern-faq summary::-webkit-details-marker {
display:none;
}
.faq-chevron {
	width: 18px;
	height: 18px;
	flex-shrink: 0;
	opacity: 0.55;
 transition: transform .35s var(--ease-out-expo), opacity .2s ease;
}
details.modern-faq:hover .faq-chevron {
	opacity: 0.75;
}
details.modern-faq[open] .faq-chevron {
	transform: rotate(180deg);
	opacity: 0.75;
}
details.modern-faq .faq-answer {
	padding: 0 24px 22px 24px;
	color: rgba(13, 84, 75, 0.72);
}
.headerstyle2 #menu-header2026 li {
	display: inline-block;
	padding: 5px 20px;
}
.tracking-\[0\.22em\] {
	letter-spacing: 0.22em;
}
.gap-y-3 {
	row-gap: 0.75rem;
}
.gap-x-10 {
	column-gap: 2.5rem;
}
.text-\[2\.1rem\] {
	font-size: 2.1rem;
}
#seo-content {
	background: #fdfbf7;
}
    /* Range Slider */
    input[type=range]::-webkit-slider-thumb {
 -webkit-appearance: none;
 height: 28px;
 width: 28px;
 border-radius: 50%;
 background: var(--st-gold);
 cursor: pointer;
 margin-top: -12px;
 box-shadow: 0 0 15px rgba(184, 154, 107, 0.4);
 border: 3px solid white;
}
 input[type=range]::-webkit-slider-runnable-track {
 width: 100%;
 height: 4px;
 cursor: pointer;
 background: rgba(255, 255, 255, 0.2);
 border-radius: 2px;
}

    /* Utilities */
    .no-scrollbar::-webkit-scrollbar {
display: none;
}
.no-scrollbar {
	-ms-overflow-style: none;
	scrollbar-width: none;
}
.fade-enter {
	animation: fadeIn 1.5s ease-out forwards;
}
 @keyframes fadeIn {
 from {
opacity: 0;
transform: translateY(20px);
}
to {
	opacity: 1;
	transform: translateY(0);
}
}
/* Sticky CTA Transition */
    #sticky-cta {
	transition: transform 0.4s var(--ease-out-expo);
}
/* NEW: link styles to match Pricing page */
    

    /* "Read more" pill (like pricing pills) */
    .pill-link {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 10px;
	padding: 10px 14px;
	border-radius: 999px;
	border: 1px solid rgba(13, 84, 75, 0.14);
	background: rgba(255, 255, 255, 0.75);
	color: rgba(13, 84, 75, 0.85);
	font-size: 11px;
	font-weight: 800;
	letter-spacing: .14em;
	text-transform: uppercase;
 transition: all .2s ease;
	backdrop-filter: blur(10px);
	-webkit-backdrop-filter: blur(10px);
}
.pill-link:hover {
	border-color: rgba(13, 84, 75, 0.22);
	background: rgba(253, 251, 247, 0.95);
	transform: translateY(-1px);
}
/* Soft internal link with arrow (like pricing page) */
    .link-arrow {
	display: inline-flex;
	align-items: center;
	gap: 10px;
	font-size: 12px;
	font-weight: 800;
	letter-spacing: .12em;
	text-transform: none;
	color: rgba(13, 84, 75, 0.88);
	border-bottom: 1px solid rgba(13, 84, 75, 0.22);
	padding-bottom: 4px;
 transition: all .2s ease;
	white-space: nowrap;
}
.link-arrow:hover {
	color: var(--st-gold);
	border-bottom-color: rgba(212, 175, 55, 0.55);
}
.link-arrow .arr {
	font-size: 12px;
	opacity: .9;
 transition: transform .2s ease;
}
.link-arrow:hover .arr {
	transform: translateX(2px);
}
/* Highlight 1.0 ct column */
.pt-table tbody td:nth-child(6), .pt-table thead th:nth-child(6) {
 font-weight: 500;
 color: var(--st-navy);
 letter-spacing: -0.02em;
}
.pb-6 {
	padding-bottom: 1.5rem;
}
/* 2026 SURFACE SYSTEM (CARDS) */
   
    .surface-card {
	background: var(--glass);
	backdrop-filter: blur(16px);
	-webkit-backdrop-filter: blur(16px);
	border: none;
	border-radius: var(--radius-card);
	box-shadow: 0 25px 50px -12px rgba(13, 84, 75, 0.08);
 transition:
 transform .6s var(--ease-out-expo),  box-shadow .6s var(--ease-out-expo),  background .4s ease;
}
.surface-card:hover {
	transform: translateY(-3px);
	box-shadow: var(--shadow-float);
	background: rgba(255, 255, 255, 0.75);
}
/* HOME LITE PRICING CALCULATOR (2026, scoped)         */

.text-base.text-gray-600.leading-relaxed p {
	margin-bottom: 1.5rem;
}
#home-calc .calc-frame {
	background: rgba(255, 255, 255, 0.86);
	border: 1px solid rgba(13, 84, 75, 0.08);
	border-radius: 36px;
	overflow: hidden;
	box-shadow: 0 35px 90px -55px rgba(13, 84, 75, 0.28);
}
#home-calc .calc-head {
	position: relative;
	background: linear-gradient(  180deg,  rgba(245, 248, 246, 0.96) 0%,  rgba(242, 246, 244, 0.96) 100%  );
	color: var(--st-navy);
	padding: 36px;
	overflow: hidden;
	/* replace hard divider */
  border-bottom: 0;
	box-shadow: none;
}
#home-calc .calc-label {
	font-size: 10px;
	text-transform: uppercase;
	letter-spacing: .22em;
	color: rgba(13, 84, 75, 0.55);
}
#home-calc .calc-value {
	line-height: 0.95;
}
/* HOME LITE PRICING CALCULATOR (2026, scoped)         */


#home-calc .calc-frame {
	background: rgba(255, 255, 255, 0.86);
	border: 1px solid rgba(13, 84, 75, 0.08);
	border-radius: 36px;
	overflow: hidden;
	box-shadow: 0 35px 90px -55px rgba(13, 84, 75, 0.28);
}
#home-calc .calc-head {
	position: relative;
	background: linear-gradient(  180deg,  rgba(245, 248, 246, 0.96) 0%,  rgba(242, 246, 244, 0.96) 100%  );
	color: var(--st-navy);
	padding: 36px;
	overflow: hidden;
	/* replace hard divider */
  border-bottom: 0;
	box-shadow: none;
}
#home-calc .calc-label {
	font-size: 10px;
	text-transform: uppercase;
	letter-spacing: .22em;
	color: rgba(13, 84, 75, 0.55);
}
#home-calc .calc-value {
	line-height: 0.95;
}
/* Size = softer, serif */
#home-calc #hc-sizeCt {
	font-family: "Cormorant Garamond", serif;
	font-weight: 300;
	letter-spacing: -0.02em;
	font-size: 34px;                 /* mobile */
	color: rgba(13, 84, 75, 0.92);
}
/* Price = clean numerals, calm */
#home-calc #hc-priceValue {
	font-family: "Montserrat", sans-serif;
	font-weight: 400;
	font-variant-numeric: tabular-nums;
	letter-spacing: 0;
	font-size: 30px;                 /* mobile */
	color: rgba(13, 84, 75, 0.92);
}
#home-calc .calc-sub {
	margin-top: 8px;
	font-size: 12px;
	color: rgba(13, 84, 75, 0.50);
	letter-spacing: .02em;
}
.text-\[13px\].text-white\/85 {
	color: #fff;
}
.leading-tight {
	line-height: 1.25;
}
.text-\[24px\] {
	font-size: 24px;
}
.leading-snug {
	line-height: 1.375;
}
.min-h-\[260px\] {
	min-height: 260px;
}
/* Hide mm line on mobile */
#home-calc #hc-sizeMm {
	display:none;
}
#home-calc .calc-body {
	padding: 26px 28px 28px;
	background: rgba(255, 255, 255, 0.92);
}
#home-calc .step-title {
	font-size: 12px;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: .16em;
	color: rgba(13, 84, 75, 0.88);
}
#home-calc .color-grid {
	display:grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 12px;
}
/* BORDER ONLY WHEN SELECTED */
#home-calc .color-btn {
	border: none; /*   no border by default */
	background: rgba(253, 251, 247, 0.85);
	border-radius: 18px;
	padding: 14px 12px;
	text-align:center;
	cursor:pointer;
 transition: transform .25s ease, background .25s ease, box-shadow .25s ease;
}
#home-calc .color-btn:hover {
	transform: translateY(-1px);
	background: rgba(255, 255, 255, 0.95);
}
#home-calc .color-btn[aria-pressed="true"] {
	background: rgba(13, 84, 75, 0.06);
	border: 1px solid rgba(13, 84, 75, 0.35); /* only selected */
	box-shadow: 0 14px 34px -24px rgba(13, 84, 75, 0.35);
	transform: translateY(-1px);
}
#home-calc .swatch {
	width: 18px;
	height: 18px;
	border-radius: 999px;
	margin: 0 auto 8px;
	border: 1px solid rgba(0, 0, 0, 0.06);
}
#home-calc .color-btn[aria-pressed="true"] .swatch {
	box-shadow: 0 0 0 6px rgba(212, 175, 55, 0.12);
}
#home-calc .color-name {
	font-size: 10px;
	font-weight: 800;
	text-transform: uppercase;
	letter-spacing: .14em;
	color: rgba(13, 84, 75, 0.90);
}
/* Slider (muted gold) */
#home-calc input[type="range"] {
	-webkit-appearance: none;
	appearance: none;
	width: 100%;
	height: 34px;
	background: transparent;
	cursor: pointer;
	padding: 0 2px;
}
#home-calc input[type="range"]::-webkit-slider-runnable-track {
 height: 6px;
 border-radius: 999px;
 background: linear-gradient(90deg,  rgba(212, 175, 55, 0.45) 0%,  rgba(212, 175, 55, 0.45) var(--sx, 50%),  rgba(13, 84, 75, 0.10) var(--sx, 50%),  rgba(13, 84, 75, 0.10) 100%);
 box-shadow: none; /* no border */
}
 #home-calc input[type="range"]::-webkit-slider-thumb {
 -webkit-appearance: none;
 appearance: none;
 width: 18px;
 height: 18px;
 border-radius: 999px;
 background: rgba(212, 175, 55, 1);
 border: 3px solid rgba(255, 255, 255, 0.95);
 box-shadow:
 0 12px 26px -18px rgba(0, 0, 0, 0.20),  0 0 0 8px rgba(212, 175, 55, 0.10);
 margin-top: -6px;
}

/* Firefox */
#home-calc input[type="range"]::-moz-range-track {
 height: 6px;
 border-radius: 999px;
 background: rgba(13, 84, 75, 0.10);
 border: none; /* no border */
}
#home-calc input[type="range"]::-moz-range-progress {
 height: 6px;
 border-radius: 999px;
 background: rgba(212, 175, 55, 0.45);
}
#home-calc input[type="range"]::-moz-range-thumb {
 width: 18px;
 height: 18px;
 border-radius: 999px;
 background: rgba(212, 175, 55, 1);
 border: 3px solid rgba(255, 255, 255, 0.95);
}
#home-calc .slider-meta {
	margin-top: 10px;
	display:flex;
	justify-content: space-between;
	font-size: 10px;
	letter-spacing: .18em;
	text-transform: uppercase;
	color: rgba(13, 84, 75, 0.40);
}
#home-calc .calc-foot {
	border-top: 1px solid rgba(13, 84, 75, 0.07);
	margin-top: 18px;
	padding-top: 16px;
	display:flex;
	flex-direction: column;
	gap: 10px;
}
#home-calc .reassure {
	font-size: 12px;
	color: rgba(13, 84, 75, 0.55);
	font-style: italic;
}
#home-calc .cta-row {
	display:flex;
	flex-direction: column;
	gap: 12px;
	margin-top: 6px;
}
#home-calc .cta-row .link-arrow {
	width: fit-content;
	margin: 6px auto 0;
	border-bottom-color: rgba(13, 84, 75, 0.20);
}
.final-cta-inner {
	background: #fff;
	border-radius: 26px;
	overflow: hidden;
	box-shadow: var(--shadow-float);
	padding: 12px;
	border: none;
}
.text-8xl {
	font-size: 6rem;
	line-height: 1;
}
.h-\[200px\] {
	height: 200px;
}
.hero-context {
	font-size: 12px;
	letter-spacing: 0.18em;
	color: rgba(13, 84, 75, 0.35);
	margin-bottom: 32px;
}
.tracking-\[0\.18em\] {
	letter-spacing: 0.18em;
}
.sd-hero-title {
	line-height: 1.02;
}
#process .sd-step {
	display: flex;
	gap: 18px;
	align-items: flex-start;
}
#process .sd-step-num {
	font-family: "Cormorant Garamond", serif;
	font-weight: 300;
	font-variant-numeric: tabular-nums;
	letter-spacing: -0.02em;
	line-height: 1;
	color: rgba(13, 84, 75, 0.34);
	text-shadow: 0 1px 0 rgba(255, 255, 255, 0.55);
}
#process .sd-step-body {
	min-width: 0;
}
.sd-diamond-divider {
	display: block;
	width: 56px;              /*key fix */
	max-width: 56px;
	height: auto;
	margin: 10px auto 24px;
	opacity: 0.75;
	pointer-events: none;
}
#design .design-frame {
	background: rgba(255, 255, 255, 0.88);
	border: 1px solid rgba(13, 84, 75, 0.08);
	border-radius: 40px;
	overflow: hidden;
	box-shadow: 0 35px 90px -55px rgba(13, 84, 75, 0.28);
	display: grid;
	grid-template-columns: 1fr;
}
#design .design-preview {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 22px;
	background: var(--viz-base), var(--viz-colorless);
	min-height: 240px;
}
/* Label wrapper */
#design .design-meta {
	position: absolute;
	top: 18px;
	left: 18px;
	font-size: 11px;
	font-weight: 700;
	letter-spacing: .14em;
	text-transform: uppercase;
	color: rgba(13, 84, 75, 0.62);
	pointer-events: none;
}
/* Label hierarchy: meta quieter, value slightly stronger */
#design .viz-meta {
	opacity: 0.55;
	font-weight: 700; /* keep consistent letterforms */
}
#design .viz-value {
	opacity: 0.88;
	font-weight: 700;
}
/* Diamond image */
#design .design-diamond-img {
	width: 70%;
	max-width: 360px;
	max-height: 180px;
	height: auto;
	object-fit: contain;
	display: block;
	filter: drop-shadow(0 24px 48px rgba(13, 84, 75, 0.16));
 transition: transform .55s var(--ease-out-expo), filter .55s var(--ease-out-expo);
}
/* Controls side */
#design .design-controls {
	background: rgba(255, 255, 255, 0.88);
	display: flex;
	flex-direction: column;
}
/* Buttons */
#design .sd-color-pill {
	width:100%;
	border: none;
	background: rgba(253, 251, 247, 0.85);
	border-radius: 18px;
	padding: 14px 10px;
	text-align:center;
	cursor:pointer;
 transition: transform .22s ease, background .22s ease, box-shadow .22s ease, border-color .22s ease;
	display:flex;
	flex-direction:column;
	align-items:center;
	justify-content:center;
	gap:10px;
	min-height: 72px;
}
#design .sd-color-pill:hover {
	transform: translateY(-1px);
	background: rgba(255, 255, 255, 0.95);
}
#design .sd-color-pill[aria-pressed="true"] {
	background: rgba(13, 84, 75, 0.06);
	border: 1px solid rgba(13, 84, 75, 0.35);
	box-shadow: 0 14px 34px -24px rgba(13, 84, 75, 0.35);
	transform: translateY(-1px);
}
#design .sd-swatch {
	width: 18px;
	height: 18px;
	border: 1px solid rgba(0, 0, 0, 0.06);
	border-radius: 999px;
}
#design .sd-color-pill[aria-pressed="true"] .sd-swatch {
	box-shadow: 0 0 0 6px rgba(212, 175, 55, 0.12);
}
#design .sd-label {
	font-size: 10px;
	font-weight: 800;
	text-transform: uppercase;
	letter-spacing: .14em;
	color: rgba(13, 84, 75, 0.90);
	line-height: 1;
}
/* Reassurance */
#design .design-reassure {
	margin-top: 16px;
	font-size: 12px;
	color: rgba(13, 84, 75, 0.58);
	line-height: 1.6;
	padding-left: 6px;
}
/* CTA group */
#design .design-cta {
	margin-top: 26px;
}
.shrink-0 {
	flex-shrink: 0;
}
/* WHO SECTION — EYEBROW */
.who-eyebrow {
	font-size: 12px;
	text-transform: uppercase;
	letter-spacing: 0.18em;
	font-weight: 500;
	color: rgba(13, 84, 75, 0.45);
	margin-bottom: 56px; /* desktop */
}
.statwithkitt {
	margin-bottom:10px
}
/* Design CTA reveal polish */
#design #design-saved-note {
	opacity: 0;
	transform: translateY(-2px);
 transition: opacity .25s ease, transform .25s ease;
}
#design #design-saved-note.is-on {
	opacity: 1;
	transform: translateY(0);
}
.border-r {
	border-right-width: 1px;
	border-style:solid;
}
.\!p-0 {
	padding: 0px !important;
}
/* Toggle */
    .pt-toggle-btn {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	background: #fff;
	padding: 12px 24px;
	border-radius: 99px;
	border: 1px solid var(--border-light);
	font-size: 11px;
	font-weight: 600;
	letter-spacing: 0.1em;
	text-transform: uppercase;
	cursor: pointer;
	transition: all 0.3s ease;
	color: var(--st-navy);
}
.pt-toggle-btn:hover {
	border-color: var(--st-navy);
}
/* Logic Display */
    .pt-mini-only {
	display: block;
}
.pt-full-only {
	display: none;
}
.pt-pricing-switch.is-open .pt-mini-only {
	display: none;
}
.pt-pricing-switch.is-open .pt-full-only {
	display: block;
}
/* Full table toggle label logic */
#full-pricing-details .pt-toggle-label-open {
	display: none;
}
#full-pricing-details[open] .pt-toggle-label-closed {
	display: none;
}
#full-pricing-details[open] .pt-toggle-label-open {
	display: inline;
}
/* Stars */
    .pt-star {
	display:inline-block;
	margin-left:6px;
	vertical-align:middle;
	line-height:1;
	color: var(--st-gold);
}
.pt-star-small {
	font-size:9px;
	opacity:0.55;
}
.pt-star-large {
	font-size:12px;
	opacity:0.95;
}
/* Mobile sheet */
    #pricing-sheet {
	transform: translateY(100%);
	transition: transform 0.5s var(--ease-out-expo);
}
.sheet-open #pricing-sheet {
	transform: translateY(0%);
}
.sheet-open {
	overflow: hidden;
}
#sheet-backdrop {
	opacity: 0;
	pointer-events: none;
	transition: opacity 0.3s ease;
}
.sheet-open #sheet-backdrop {
	opacity: 1;
	pointer-events: auto;
}
/* Final CTA */
    .final-cta-card {
	width: min(480px, 90%);
	margin: 0 auto 30px auto;
}
/* PRICING TABLE */
    .pt-container {
	background: rgba(255, 255, 255, 0.6);
	backdrop-filter: blur(10px);
	border-radius: 24px;
	border: none;
	overflow: hidden;
}
.pt-table-wrap {
	overflow-x: auto;
	-webkit-overflow-scrolling: touch;
}
.pt-table {
	width: 100%;
	min-width: 800px;
	border-collapse: collapse;
}
.pt-table th {
	text-align: left;
	padding: 24px;
	font-family: "Montserrat", sans-serif;
	font-size: 10px;
	text-transform: uppercase;
	letter-spacing: 0.15em;
	color: rgba(13, 84, 75, 0.5);
	border-bottom: 1px solid rgba(13, 84, 75, 0.05);
	position: sticky;
	top: 0;
	background: rgba(255, 255, 255, 0.9);
	backdrop-filter: blur(10px);
	z-index: 10;
}
.pt-table td {
	padding: 24px;
	border-bottom: 1px solid rgba(13, 84, 75, 0.03);
	font-size: 14px;
	font-variant-numeric: tabular-nums;
}
.pt-table tr:last-child td {
	border-bottom: none;
}
.pt-table .pt-sticky {
	position: sticky;
	left: 0;
	z-index: 5;
	background: rgba(255, 255, 255, 0.9);
	border-right: 1px solid rgba(13, 84, 75, 0.03);
}
.pt-price {
	font-weight: 500;
	color: var(--st-navy);
	letter-spacing: -0.02em;
}
.pt-color-cell {
	display: flex;
	align-items: center;
	gap: 16px;
	font-weight: 600;
	font-size: 13px;
	color: var(--st-navy);
}
/* Base gem image container */
    .pt-gem-img {
	width: 20px;
	height: 20px;
	background-size: cover;
	background-position: center;
	flex-shrink: 0;
	margin-right: 8px;
}
.calc-display-area span {
	color: rgba(13, 84, 75, 0.55) !important;
}
/* Approx mm line */
#sizeMm {
	color: rgba(13, 84, 75, 0.45) !important;
}
/* Tax included line (if it keeps text-white/25 in markup) */
.calc-display-area .text-white\/25 {
	color: rgba(13, 84, 75, 0.35) !important;
}
/* Price + size stay premium */
#sizeCt, #priceValue {
	color: var(--st-navy) !important;
}
/* Range Slider (with progress fill) */
input[type=range] {
	-webkit-appearance: none;
	width: 100%;
	background: transparent;
	height: 40px;
	cursor: pointer;
}

/* Thumb */
input[type=range]::-webkit-slider-thumb {
 -webkit-appearance: none;
 height: 32px;
 width: 32px;
 border-radius: 50%;
 background: var(--st-gold);
 border: 4px solid #fff;
 box-shadow: 0 10px 20px rgba(0, 0, 0, 0.15);
 margin-top: -14px;
 transition: transform 0.2s ease;
}
input[type=range]::-webkit-slider-thumb:hover {
transform: scale(1.15);
}

/* Track (WebKit) — uses --sx for the filled portion */
input[type=range]::-webkit-slider-runnable-track {
 width: 100%;
 height: 4px;
 border-radius: 999px;
 background: linear-gradient(90deg,  rgba(201, 164, 92, 0.55) 0%,  rgba(201, 164, 92, 0.55) var(--sx, 50%),  rgba(13, 84, 75, 0.12) var(--sx, 50%),  rgba(13, 84, 75, 0.12) 100%);
}

/* Track (Firefox) */
input[type=range]::-moz-range-track {
 height: 4px;
 border-radius: 999px;
 background: rgba(13, 84, 75, 0.12);
 border: none;
}
input[type=range]::-moz-range-progress {
 height: 4px;
 border-radius: 999px;
 background: rgba(201, 164, 92, 0.55);
}
input[type=range]::-moz-range-thumb {
 height: 32px;
 width: 32px;
 border-radius: 50%;
 background: var(--st-gold);
 border: 4px solid #fff;
 box-shadow: 0 10px 20px rgba(0, 0, 0, 0.15);
}
.colord {color: var(--st-text) !important;}
/* Color Selection */
.color-grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 12px;
}.gj-head strong {
  color: var(--st-navy);
  font-weight: 600;
}
.color-btn {
	border: 1px solid var(--border-light);
	background: #FAFAFA;
	padding: 16px;
	border-radius: 20px;
	text-align: center;
	cursor: pointer;
	transition: all 0.3s ease;
}
.color-btn:hover {
	background:#fff;
	transform: translateY(-2px);
}
.color-btn[aria-pressed="true"] {
	background: rgba(13, 84, 75, 0.06);
	border-color: rgba(13, 84, 75, 0.45);
	box-shadow: 0 10px 24px -14px rgba(13, 84, 75, 0.25);
}
.swatch {
	width: 20px;
	height: 20px;
	border-radius: 50%;
	margin: 0 auto 8px;
	border: 1px solid rgba(0, 0, 0, 0.05);
}
/* Info tiles */
    .info-tile {
	background: rgba(255, 255, 255, 0.4);
	border: none;
	border-radius: 24px;
	padding: 32px;
	transition: all 0.4s var(--ease-out-expo);
	cursor: default;
}
.info-tile:hover {
	background: #fff;
	transform: translateY(-4px);
	box-shadow: var(--shadow-float);
}
.pr-8 {
	padding-right: 2rem;
}
/* Notes */
    .note-card {
	background: rgba(234, 244, 242, 0.45);
	border: none;
	border-radius: 24px;
	padding: 32px;
	box-shadow: 0 12px 30px -18px rgba(13, 84, 75, 0.18);
 transition: box-shadow .3s ease;
}
/* Calculator step labels – calm UI hierarchy */
.calc-step-label {
	font-family: "Montserrat", sans-serif;
	font-weight: 600;
	font-size: 11px;
	letter-spacing: 0.2em;
	text-transform: uppercase;
}
.group[open] .group-open\:hidden {
	display: none;
}
 .divide-y > :not([hidden]) ~ :not([hidden]) {
 --tw-divide-y-reverse: 0;
 border-top-width: calc(1px * calc(1 - var(--tw-divide-y-reverse)));
 border-bottom-width: calc(1px * var(--tw-divide-y-reverse));
border-style: solid;
}
#sizeCt {
	font-size: 38px !important;
	line-height: 0.95 !important;
}
.blog-wrap {
	max-width:72rem;
	margin:0 auto;
}
/* Hero */
    .blog-eyebrow {
	font-size:10px;
	text-transform:uppercase;
	letter-spacing:0.22em;
	color: rgba(13, 84, 75, 0.40);
}
.blog-title {
	font-family:"Cormorant Garamond", serif;
	font-weight:300;
	letter-spacing:-0.03em;
	line-height:0.98;
	color: var(--st-navy);
}
.blog-title .accent {
	color: var(--st-gold);
	font-style: italic;
	font-weight: 300;
}
.blog-subline {
	margin-top:14px;
	color: rgba(95, 110, 104, 0.88);
	max-width:60ch;
	margin-left:auto;
	margin-right:auto;
}
/* Categories — underline only */
    .blog-wrap .blog-cats {
	margin-top:26px !important;
	padding-top:0;
	border-top:0;
	display:flex;
	flex-wrap:wrap;
	justify-content:center;
	gap:10px 18px;
	margin-bottom:34px;
}
.blog-cats a {
	font-family:"Montserrat", sans-serif;
	font-size:11px;
	letter-spacing:.14em;
	text-transform:uppercase;
	color: rgba(24, 38, 36, 0.60);
	text-decoration: underline;
	text-decoration-color: rgba(13, 84, 75, .22);
	text-decoration-thickness: 1px;
	text-underline-offset: 5px;
	border-bottom: 0 !important;
	padding-bottom: 0 !important;
 transition: color .25s ease, text-decoration-color .25s ease;
}
.blog-cats a:hover {
	color: var(--st-gold);
	text-decoration-color: rgba(201, 164, 92, .55);
}
 .blog-cats a[href*="uncategorized"], .blog-cats .uncategorized {
display:none !important;
}
/* spacing between cats and grid */
    .posts-grid {
	padding-top:36px;
}
/* POSTS GRID */
.posts-grid {
	display:grid;
	grid-template-columns:1fr;
	column-gap:22px;
	row-gap:28px; /* mobile stays compact */
	margin-top:0;
}
/*  POST CARDS — NO BORDERS */
    .post-card {
	background: rgba(255, 255, 255, 0.92);
	border: none;
	border-radius: 28px;
	overflow:hidden;
	box-shadow: var(--pt-shadow-soft);
 transition: box-shadow .35s var(--ease-out-expo), transform .35s var(--ease-out-expo), background .35s var(--ease-out-expo);
	will-change: transform;
}
.post-card:hover {
	box-shadow: var(--card-hover-shadow);
	transform: translateY(-3px);
	background: rgba(255, 255, 255, 0.98);
}
/*  IMAGE — NO BORDERS / FRAMES */
    .post-thumb {
	aspect-ratio:16 / 10;  /* keep your current shape */
	background: rgba(234, 244, 242, 0.25);
	overflow:hidden;
	border: none;
	outline: none;
}
.post-thumb img {
	width:100%;
	height:100%;
	object-fit:cover;
	display:block;
	border: none;
	outline: none;
	transform: scale(1.03);
	filter: grayscale(18%) saturate(0.98);
 transition: transform .8s var(--ease-out-expo), filter .8s var(--ease-out-expo);
}
.post-card:hover .post-thumb img {
	transform: scale(1.07);
	filter: grayscale(0%) saturate(1);
}
.post-body {
	padding:14px 14px 16px;
}
/*  META TEXT COLOR (updated to neutral gray for readability) */
    .post-meta {
	font-family:"Montserrat", sans-serif;
	font-size:12px;
	color: rgba(24, 38, 36, 0.55);   /*  neutral, readable */
	display:flex;
	flex-wrap:wrap;
	gap:6px;
	align-items:center;
	line-height:1.35;
}
.post-meta .sep {
	opacity:.55;
}
/* Title color slightly stronger for readability */
    .post-title {
	margin-top:10px;
	font-family:"Cormorant Garamond", serif;
	color: #0B3F39;
	font-size:24px;
	font-weight:500;
	letter-spacing:-0.02em;
	line-height:1.2;
	display:-webkit-box;
	-webkit-line-clamp:2;
	-webkit-box-orient:vertical;
	overflow:hidden;
 min-height: calc(2 * 1.16em);
}
.post-tags {
	margin-top:12px;
	display:flex;
	flex-wrap:wrap;
	gap:8px;
}
 .post-tags .chip:nth-of-type(n+3) {
display:none !important;
} /* keep max 2 pills */
/* Pagination under grid — pills keep borders */
.blog-pagination {
	margin-top: 28px;
	padding-top: 18px;
	border-top: 0;
	display:flex;
	justify-content:center;
	padding-bottom: 10px;
}
.pager {
	display:flex;
	align-items:center;
	gap:10px;
	flex-wrap:wrap;
	justify-content:center;
}
/* Base pill sizing for BOTH links and spans (fixes skinny "1") */
.pager a, .pager span {
	font-family:"Montserrat", sans-serif;
	font-size:11px;
	letter-spacing:.14em;
	text-transform:uppercase;
	padding:10px 12px;
	border-radius:999px;
	line-height:1;
	display:inline-flex;        /*  prevents “thin bar” active pill */
	align-items:center;
	justify-content:center;
	backdrop-filter: blur(10px);
	-webkit-backdrop-filter: blur(10px);
}
/* Inactive pages + NEXT */
.pager a {
	color: rgba(24, 38, 36, 0.72);             /*  increased contrast */
	border:1px solid rgba(13, 84, 75, 0.12);
	background: rgba(255, 255, 255, 0.85);
	text-decoration:none;
 transition: color .2s ease, border-color .2s ease, transform .2s ease, box-shadow .2s ease;
}
.pager a:hover {
	color: var(--st-navy);
	border-color: rgba(13, 84, 75, 0.20);
	box-shadow: 0 10px 22px -18px rgba(13, 84, 75, 0.22);
	transform: translateY(-1px);
}
/* Current page */
.pager .current {
	min-width:36px;                           /*  keeps pill shape for single digit */
	color:#fff;
	background: var(--st-navy);
	border:1px solid var(--st-navy);
	box-shadow: 0 14px 30px -22px rgba(13, 84, 75, 0.45);
}
/* Dots */
.pager .dots {
	border:0 !important;
	background:transparent !important;
	padding:0 2px !important;
	color: rgba(24, 38, 36, 0.45) !important;
	box-shadow:none !important;
	min-width:auto !important;
}
.mb-5 {
	margin-bottom: 1.25rem;
}
.blog .final-cta-image {
	max-width: 420px;
}
.blog .final-cta-img {
	max-height: 340px;
	width: 100%;
	height: auto;
	object-fit: contain;
	display: block;
}
.text-gray-600\/75 {
	color: rgb(75 85 99 / 0.75);
}
.space-y-10 > :not([hidden]) ~ :not([hidden]) {
 --tw-space-y-reverse: 0;
 margin-top: calc(2.5rem * calc(1 - var(--tw-space-y-reverse)));
 margin-bottom: calc(2.5rem * var(--tw-space-y-reverse));
}
.h-2 {
	height: 0.5rem;
}
.text-micro {
	font-family:"Montserrat", sans-serif;
	font-size:10px;
	text-transform: uppercase;
	letter-spacing: .2em;
	font-weight:600;
	color: rgba(13, 84, 75, 0.55);
}
.step-kicker {
	font-family:"Montserrat", sans-serif;
	font-size:11px;
	letter-spacing:.32em;
	text-transform:uppercase;
	color: rgba(13, 84, 75, 0.45);
	margin-bottom: 8px;
	display:block;
}
#hero .hero-wrap {
	gap:22px;
}
#hero .hero-eyebrow {
	font-size:10px;
	letter-spacing:.32em;
	text-transform:uppercase;
	font-weight:700;
	color:rgba(13, 84, 75, 0.62);
}
#hero .hero-lede {
	margin-top:24px;
	max-width:62ch;
	color:rgba(24, 38, 36, 0.82);
	font-size:16px;
	line-height:1.72;
	font-weight:400;
}
.sd-p-to-cta {
	margin-top:28px;
}
.hero-reassurance {
	display:inline-block;
	font-family:"Montserrat", sans-serif;
	font-size:11px;
	letter-spacing:.24em;
	text-transform:uppercase;
	font-weight:600;
	color:rgba(13, 84, 75, 0.55);
}
/* ============ */
  /* HERO  */
  /* ============ */
  .hero-subline {
	color:rgba(27, 43, 40, 0.68);
	max-width:56ch;
}
.hero-trust {
	display:flex;
	flex-wrap:wrap;
	gap:10px;
	justify-content:center;
}
.hero-chip {
	display:inline-flex;
	align-items:center;
	gap:6px;
	padding:8px 14px;
	border-radius:999px;
	background:rgba(255, 255, 255, 0.35);
	border:none;
	box-shadow:none;
	color:rgba(13, 84, 75, 0.78); /* FIXED */
	font-size:10px;
	letter-spacing:.08em;
	font-weight:500;
}
.hero-chip svg, .hero-chip img {
	width:12px;
	height:12px;
	opacity:.75;
}
.kicker-soft {
	font-family:"Montserrat", sans-serif;
	font-size:10px;
	text-transform:uppercase;
	letter-spacing:.28em;
	font-weight:600;
	color:rgba(13, 84, 75, 0.55);
}
.step-number {
	font-family:"Cormorant Garamond", serif;
	font-style:italic;
	font-size:1.25rem;
	color:var(--st-navy);
	opacity:0.75;
}
.micro-reassurance {
	font-size:10px !important;
	line-height:1.45 !important;
	letter-spacing:.02em;
	color:rgba(24, 38, 36, 0.38);
}
.diff-wrap {
	position:relative;
}
 .diff-wrap::after {
 content:"";
 position:absolute;
 top:0;
 bottom:0;
 left:50%;
 width:1px;
 transform:translateX(-0.5px);
 background:rgba(13, 84, 75, 0.12);
 pointer-events:none;
}
 .label-util {
  font-family: "Montserrat",sans-serif;
  font-size: 10px;
  text-transform: uppercase;
  letter-spacing: .24em;
  font-weight: 500;
  color: rgba(13,84,75,0.32);
}.mt-14 {
  margin-top: 3.5rem;
}

/* 
       IMAGE SYSTEM
    = */
    .sd-img {
	background:#fff;
	border:none;
	border-radius: 28px;
	overflow:hidden;
	box-shadow: var(--shadow-soft);
}
/* 
       OVERVIEW STAGE GRID (Summary Cards)
    = */
    .stage-grid {
	display:grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 18px;
	align-items: stretch;
}
.stage-card {
	position: relative;
	background: rgba(255, 255, 255, 0.55);
	border: none;
	border-radius: 28px;
	padding: 26px 24px;
	overflow:hidden;
 transition: background-color .25s ease, border-color .25s ease, transform .25s ease, box-shadow .25s ease;
	min-height: 160px;
}
.stage-card:hover {
	background: rgba(255, 255, 255, 0.70);
	border-color: rgba(201, 164, 92, 0.22);
	transform: translateY(-2px);
	box-shadow: 0 28px 70px -44px rgba(13, 84, 75, 0.22);
}
.stage-num {
	position:absolute;
	top:18px;
	right:18px;
	font-family:"Cormorant Garamond", serif;
	font-weight:300;
	font-size:72px;
	line-height:1;
	color: rgba(13, 84, 75, 0.08);
	opacity: .5;
	pointer-events:none;
	user-select:none;
}
.stage-label {
	font-family:"Montserrat", sans-serif;
	font-size:10px;
	text-transform:uppercase;
	letter-spacing:.22em;
	font-weight:700;
	color: rgba(13, 84, 75, 0.50);
	margin-bottom: 10px;
}
.stage-h {
	font-family:"Cormorant Garamond", serif;
	font-weight:500;
	color: var(--st-navy);
	font-size: 26px;
	line-height: 1.15;
	margin: 0 0 12px;
	letter-spacing: -0.01em;
}
.stage-p {
	margin:0;
	color: rgba(24, 38, 36, 0.62);
	line-height: 1.65;
	font-size: 14px;
	max-width: 46ch;
}
/* 
       DETAIL SECTIONS
    = */
    .detail-card {
	background: rgba(255, 255, 255, 0.68);
	backdrop-filter: blur(16px);
	-webkit-backdrop-filter: blur(16px);
	border: none;
	border-radius: var(--radius-card);
	box-shadow: 0 18px 44px -28px rgba(13, 84, 75, 0.18);
	padding: 28px;
}
.detail-num {
	font-family:"Cormorant Garamond", serif;
	font-weight:300;
	letter-spacing:-0.02em;
	font-size: 42px;
	line-height: 1;
	color: rgba(13, 84, 75, 0.16);
	margin-bottom: 8px;
}
.detail-h {
	font-family:"Cormorant Garamond", serif;
	font-weight:500;
	letter-spacing:-0.01em;
	font-size: 34px;
	line-height: 1.1;
	color: var(--st-navy);
	margin: 0;
}
.detail-kicker {
	margin-top: 10px;
	color: rgba(13, 84, 75, 0.55);
	font-size: 11px;
	letter-spacing: .22em;
	text-transform: uppercase;
	font-weight: 700;
}
.detail-copy {
	margin-top: 16px;
	color: rgba(24, 38, 36, 0.72);
	line-height: 1.8;
	font-size: 15px;
}
.detail-copy p {
	margin-top: 12px;
}
.detail-copy ul {
	margin-top: 12px;
	padding-left: 18px;
}
.detail-copy li {
	margin-top: 8px;
}
/* keep price stronger */
#priceValue {
	font-size: 48px !important;
	line-height: 0.95 !important;
}
/* CALCULATOR */
    .calculator-frame {
	background: #FFFFFF;
	border-radius: 40px;
	box-shadow: var(--shadow-float);
	overflow: hidden;
	position: relative;
}
/* === CALCULATOR DISPLAY */
.calc-display-area {
	background: linear-gradient(  180deg,  rgba(13, 84, 75, 0.14) 0%,  rgba(13, 84, 75, 0.08) 100%  );
	color: var(--st-navy);
	padding: 48px;
	position: relative;
	overflow: hidden;
}
 .calc-display-area::before {
 content: '';
 position: absolute;
 inset: 0;
 background: radial-gradient(  circle at 30% 20%,  rgba(201, 164, 92, 0.08),  transparent 55%  );
 pointer-events: none;
}
.selectionbgcream {
	background-color: var(--st-cream);
}
.mb-24 {
	margin-bottom: 6rem;
}
.gap-10 {
	gap: 2.5rem;
}
.mb-32 {
	margin-bottom: 8rem;
}
.mb-20 {
	margin-bottom: 5rem;
}
.w-28 {
	width: 7rem;
}
.h-16 {
	height: 4rem;
}
.calc-display-area {
	background: linear-gradient( 180deg, rgba(13, 84, 75, 0.14) 0%, rgba(13, 84, 75, 0.08) 100% );
	color: var(--st-navy);
	padding: 48px;
	position: relative;
	overflow: hidden;
}
.justify-end {
	justify-content: flex-end;
}
.blog-wrap .chip {
	padding: 6px 14px;
	border-radius: 999px;
	background: rgba(245, 246, 246, 0.85);
	color: rgba(24, 38, 36, 0.70);
	border: none;
	font-size: 10px;
	font-weight: 600;
	letter-spacing: .08em;
	text-transform: uppercase;
	white-space: nowrap;
}
.shadow-\[0_25px_50px_-20px_rgba\(13\,84\,75\,0\.18\)\] {
 --tw-shadow: 0 25px 50px -20px rgba(13, 84, 75, 0.18);
 --tw-shadow-colored: 0 25px 50px -20px var(--tw-shadow-color);
	box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.rounded-\[22px\] {
	border-radius: 22px;
}
.detail-copy li {
	color: rgba(24, 38, 36, 0.72);
}
.text-base.md\:text-lg.text-st-navy\/65.leading-relaxed.max-w-2xl.mx-auto.mt-6 {
	color: #182624;
}
.text-4xl {
	font-size: 2.25rem;
	line-height: 2.5rem;
}
.wrap {
	max-width: 72rem;
	margin: 0 auto;
}
.post-hero {
	max-width: 58rem;
	margin: 0 auto;
	text-align:center;
}
.post-title {
	font-family:"Cormorant Garamond", serif;
	color:#0B3F39;
	font-weight:500;
	line-height:1.06;
	letter-spacing:-0.02em;
}
.post-meta {
	margin-top: 14px;
	font-family:"Montserrat", sans-serif;
	font-size:12px;
	color: rgba(24, 38, 36, 0.55);
	display:flex;
	gap:10px;
	justify-content:center;
	flex-wrap:wrap;
	align-items:center;
	line-height:1.35;
}
.post-meta .sep {
	opacity:.55;
}
.hero-chips {
	margin-top: 18px;
	display:flex;
	justify-content:center;
	flex-wrap:wrap;
	gap:10px;
}
.pb-16 {
	padding-bottom: 4rem;
}
/*  Author note — slightly darker “paper” */
.author-note {
	margin-top: 18px;
	background: var(--card-paper);     /* primary paper */
	border: none;
	border-radius: 20px;
	padding: 14px 14px;
	display:flex;
	gap: 12px;
	align-items:center;
	text-align:left;
	max-width: 58rem;
	margin-left:auto;
	margin-right:auto;
	/* stronger lift (primary) */
  box-shadow:
 0 22px 50px -38px rgba(13, 84, 75, 0.20),  0 10px 20px -18px rgba(13, 84, 75, 0.10);
}
.author-avatar {
	width: 44px;
	height: 44px;
	border-radius: 999px;
	object-fit: cover;
	border: none;
	flex: 0 0 auto;
	background: #fff;
}
.author-text {
	font-family:"Montserrat", sans-serif;
	font-size: 13px;
	line-height: 1.65;
	color: rgba(24, 38, 36, 0.88);
	font-weight: 400;
	padding-top: 2px;
}
.author-byline {
	margin-top: 6px;
	font-size: 11px;
	color: rgba(24, 38, 36, 0.55);
	font-family:"Montserrat", sans-serif;
}
/* Featured image */
  .featured {
	max-width: 58rem;
	margin: 26px auto 0;
	border-radius: 18px;
	overflow:hidden;
	border:none;
	box-shadow: var(--pt-shadow-soft);
	background: #fff;
}
.featured img {
	width:100%;
	height:auto;
	display:block;
	object-fit:cover;
	aspect-ratio: 16 / 9;
}
/* Single-column body */
  .post-grid {
	max-width: 58rem;
	margin: 34px auto 0;
}
/* Prose */
  .prose {
	max-width: 58rem;
	margin: 0 auto;
}
.prose h2 {
	font-family:"Cormorant Garamond", serif;
	color:#0B3F39;
	font-weight:500;
	font-size:30px;
	line-height:1.15;
	margin-top: 30px;
	margin-bottom: 10px;
	letter-spacing: -0.01em;
}
.prose h3 {
	font-family:"Cormorant Garamond", serif;
	color:#0B3F39;
	font-weight:500;
	font-size:22px;
	line-height:1.2;
	margin-top: 22px;
	margin-bottom: 8px;
	letter-spacing: -0.01em;
}
.prose p {
	color: rgba(24, 38, 36, 0.92);
	line-height:1.9;
	font-weight:300;
	margin-top: 12px;
}
.prose ul {
	margin-top:12px;
	padding-left:18px;
}
.prose li {
	margin-top:10px;
	color:rgba(24, 38, 36, 0.92);
	line-height:1.85;
	font-weight:300;
}
/*  Gentle note card — slightly darker “paper” */
.soft-quote {
	margin: 18px 0 24px;
	padding: 16px 16px;
	border-radius: 18px;
	background: var(--card-paper-2);   /* darker editorial paper */
	border: none;
	color: rgba(24, 38, 36, 0.86);
	font-weight: 300;
	line-height: 1.85;
}
/*  Unified calm-luxury lift for editorial modules */
.author-note, .toc-top, .soft-quote {
	box-shadow: 0 14px 34px -30px rgba(13, 84, 75, 0.14);
}
.inline-media {
	margin-top: 18px;
	border-radius: 18px;
	overflow:hidden;
	border:none;
	background:#fff;
	box-shadow: var(--pt-shadow-soft);
}
.inline-media img {
	width:100%;
	height:auto;
	display:block;
	object-fit:cover;
	aspect-ratio: 16 / 10;
}
.caption {
	font-family:"Montserrat", sans-serif;
	font-size:12px;
	color: rgba(24, 38, 36, 0.55);
	margin-top: 10px;
}
/*  TOC — slightly darker “paper” */
.toc-top {
	max-width: 58rem;
	/*  more separation so intent is clear */
  margin: 22px auto 0;
	background: var(--card-paper-2);   /* secondary paper */
	border: none;
	border-radius: 18px;
	overflow: hidden;
	text-align: left;
	/* flatter than author card (secondary) */
  box-shadow:
 0 16px 34px -30px rgba(13, 84, 75, 0.14);
}
.toc-top-header {
	padding: 14px 16px;
	display:flex;
	align-items:baseline;
	justify-content:space-between;
	gap:12px;
}
.toc-top-title {
	font-family:"Montserrat", sans-serif;
	font-size:11px;
	letter-spacing:.16em;
	text-transform:uppercase;
	color: rgba(24, 38, 36, 0.65);
	font-weight:600;
}
.toc-top-hint {
	font-family:"Montserrat", sans-serif;
	font-size:11px;
	color: rgba(24, 38, 36, 0.55);
	white-space:nowrap;
}
.toc-top-body {
	padding: 0 16px 16px;
	border-top: 1px solid rgba(24, 38, 36, 0.06);
}
.toc-list {
	margin-top: 10px;
	display:flex;
	flex-direction:column;
	gap: 10px;
}
.toc-link {
	display:flex;
	align-items:flex-start;
	gap: 10px;
	padding: 6px 2px;
	text-decoration:none;
	color: rgba(24, 38, 36, 0.80);
	font-family:"Montserrat", sans-serif;
	font-size: 13px;
	line-height: 1.4;
	font-weight:500;
}
.toc-link:hover {
	color: rgba(13, 84, 75, 0.92);
	text-decoration: underline;
	text-decoration-color: rgba(13, 84, 75, .18);
	text-underline-offset: 4px;
}
.toc-num {
	font-family:"Montserrat", sans-serif;
	font-size: 11px;
	color: rgba(24, 38, 36, 0.55);
	min-width: 18px;
	padding-top: 2px;
	font-weight:400;
}
/* TOC more */
.toc-more {
	margin-top: 10px;
}
/* Make details a column */
.toc-more {
	display:block
}
.toc-more summary {
	/* order: 2;*/
  margin-top: 10px;
	list-style: none;
	cursor: pointer;
	font-family:"Montserrat", sans-serif;
	font-size:11px;
	letter-spacing:.12em;
	text-transform:uppercase;
	color: rgba(24, 38, 36, 0.60);
	text-decoration: underline;
	text-decoration-color: rgba(24, 38, 36, .18);
	text-underline-offset: 4px;
	padding: 8px 2px;
}
.toc-list-more {
	/*order: 1;*/
  margin-top: 0;     /* remove external gap */
	padding-top: 0;    /* no artificial spacing */
}

/* Hide default marker */
.toc-more summary::-webkit-details-marker {
 display:none;
}
/* Toggle labels */
.toc-more .label-close {
	display:none;
}
.toc-more[open] .label-open {
	display:none;
}
.toc-more[open] .label-close {
	display:inline;
}
/* Mid-article gentle CTA — visible but calm */
.kit-card {
	margin: 36px 0 28px; /* reading pause */
	border-radius: 22px;
	/* soft editorial paper (not white, not green) */
  background: rgba(251, 247, 240, 0.75);
	/* gentle lift so it doesn’t disappear */
  box-shadow:
 0 22px 44px -32px rgba(13, 84, 75, 0.18),  0 8px 18px -14px rgba(13, 84, 75, 0.08);
	overflow: hidden;
}
.kit-card-inner {
	display:grid;
	grid-template-columns: 1fr;
	gap: 18px;
	padding: 22px;
	align-items:center;
}
.kit-img {
	max-height:170px;
	object-fit:contain;
	width:100%;
	height:auto;
	display:block;
}
.author-text a {
	display: inline-flex;
	align-items: center;
	gap: 10px;
	font-size: 12px;
	font-weight: 800;
	letter-spacing: .12em;
	text-transform: none;
	color: rgba(13, 84, 75, 0.88);
	border-bottom: 1px solid rgba(13, 84, 75, 0.18);
	padding-bottom: 4px;
	white-space: nowrap;
 transition: all .2s ease;
}
.author-text a:hover {
	color: var(--st-gold);
	border-bottom-color: rgba(212, 175, 55, 0.55);
}
/* Continue reading */
  .recent-wrap {
	max-width:72rem;
	margin:0 auto;
	padding:0 24px;
}
.recent-simple {
	max-width:58rem;
	margin: 44px auto 0;
	padding-top: 18px;
	padding-bottom: 6px;
	border-top: 1px solid rgba(24, 38, 36, 0.08);
}
.recent-h {
	font-family:"Cormorant Garamond", serif;
	color: #0B3F39;
	font-weight:500;
	font-size:26px;
	line-height:1.15;
	margin-bottom: 6px;
	letter-spacing:-0.01em;
}
.recent-p {
	font-family:"Montserrat", sans-serif;
	font-size:12px;
	color: rgba(24, 38, 36, 0.55);
	margin-bottom: 18px;
}
.recent-links {
	display:flex;
	flex-direction:column;
	gap: 6px;
}
.recent-links a {
	display:inline-flex;
	align-items:center;
	justify-content:flex-start;   /*  stop pushing arrow away */
	gap:6px;                      /*  tight editorial spacing */
	padding: 10px 0;
	text-decoration:none;
	font-family:"Montserrat", sans-serif;
	font-size:14px;
	font-weight:500;
	color: rgba(24, 38, 36, 0.88);
}
.recent-links a:hover {
	text-decoration: underline;
	text-decoration-color: rgba(24, 38, 36, .18);
	text-underline-offset: 4px;
}
/* Arrow */
.recent-links a span:last-child {
	flex: 0 0 auto;
	color: rgba(24, 38, 36, 0.55);   /* quieter arrow */
	font-weight:400;
	white-space:nowrap;
}
/* FINAL CTA image */
  .final-cta-image {
	max-width:420px;
}
.final-cta-image > div {
	border-radius: 16px;
	box-shadow:
 0 18px 40px -22px rgba(13, 84, 75, 0.18),  0 6px 14px -10px rgba(13, 84, 75, 0.08);
}
.final-cta-img {
	max-height:340px;
	width:100%;
	height:auto;
	object-fit:contain;
	display:block;
}
.bottom-cta {
	background: var(--st-cream);
	border-top: none;
}

  /* Blog image radius standard */
  .prose img:not(.kit-img):not(.final-cta-img),  .featured,  .featured img,  .inline-media,  .inline-media img {
 border-radius: 12px !important;
}
.featured,  .inline-media {
	overflow: hidden;
}
.h-\[190px\] {
	height: 190px;
}
.sd-img {
	background: #fff;
	border: none;
	border-radius: 28px;
	overflow: hidden;
	box-shadow: var(--shadow-soft);
}
details.sd-more[open] > summary {
	display: none !important;
}
.space-y-5 > :not([hidden]) ~ :not([hidden]) {
 --tw-space-y-reverse: 0;
 margin-top: calc(1.25rem * calc(1 - var(--tw-space-y-reverse)));
 margin-bottom: calc(1.25rem * var(--tw-space-y-reverse));
}
.opacity-55 {
	opacity: 0.55;
}
.object-\[50\%_65\%\] {
	object-position: 50% 65%;
}
.mt-7 {
	margin-top: 1.75rem;
}

 .gap-14 {
	gap: 3.5rem;
}
.sd-section {
	padding: 56px 24px;
}
.sd-reading {
	max-width: 62ch;
}
/* IMAGE SYSTEM (no borders) */
    .sd-img {
	background:#fff;
	border:none;
	border-radius: 28px;
	overflow:hidden;
	box-shadow: var(--shadow-soft);
}
/* GLASS CARD */
    .glass-card {
	background: rgba(255, 255, 255, 0.68);
	backdrop-filter: blur(16px);
	-webkit-backdrop-filter: blur(16px);
	border: none;
	border-radius: var(--radius-card);
	box-shadow: 0 18px 44px -28px rgba(13, 84, 75, 0.18);
}
/* GRID CARDS (Colors + Cuts) */
    .grid-card {
	position:relative;
	background: rgba(255, 255, 255, 0.60);
	border:none;
	border-radius: 28px;
	padding: 22px 20px;
 transition: transform .35s var(--ease-out-expo), background .25s ease, box-shadow .35s var(--ease-out-expo);
	box-shadow: 0 18px 44px -32px rgba(13, 84, 75, 0.14);
}
.grid-card:hover {
	background: rgba(255, 255, 255, 0.76);
	transform: translateY(-2px);
	box-shadow: 0 28px 70px -44px rgba(13, 84, 75, 0.20);
}
.grid-card h3 {
	font-family:"Cormorant Garamond", serif;
	font-weight:500;
	letter-spacing:-0.01em;
	color: var(--st-navy);
	font-size: 26px;
	margin: 0 0 8px;
}
.grid-card p {
	margin:0;
	color: rgba(24, 38, 36, 0.62);
	line-height: 1.65;
	font-size: 14px;
}
.sd-rule {
  height: 1px;
  background: linear-gradient(90deg, rgba(13,84,75,0.14), rgba(13,84,75,0.06) 55%, rgba(13,84,75,0.00));
  width: 42rem;
  max-width: 100%;
  margin-top: 18px;
}.space-y-6 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(1.5rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(1.5rem * var(--tw-space-y-reverse));
}.tracking-\[0\.28em\] {
  letter-spacing: 0.28em;
}
  /* Details toggle label swap */
details .when-open{ display:none; }
details[open] .when-open{ display:inline; }
details[open] .when-closed{ display:none; }
.w-3 {
  width: 0.75rem;
}
.h-3 {
  height: 0.75rem;
}
.-left-\[6px\] {
  left: -6px;
} 
.pl-8 {
  padding-left: 2rem;
}.max-w-\[640px\] {
  max-width: 640px;
}.max-w-\[1000px\] {
  max-width: 1000px;
}.text-xl {
  font-size: 1.25rem;
  line-height: 1.75rem;
} 
  #final-cta .final-image{ grid-area:image; }
  #final-cta .final-title{ grid-area:title; }
  #final-cta .final-copy{ grid-area:copy; }
  #final-cta .final-actions{ grid-area:cta; }
  #final-cta .final-micro{ grid-area:micro; }
.por{position:relative;top:15px}
  .fade-enter{ animation:fadeIn 1.2s ease-out forwards; }
.flex .btn-soft.px-10.tracking-widest {
  display: inline-flex;
}.col-span-2 {
  grid-column: span 2 / span 2;
}.py-7 {
  padding-top: 1.75rem;
  padding-bottom: 1.75rem;
}
@media (min-width: 480px){
  #design .design-preview{ min-height: 280px; }
}
  @media (min-width:640px){
    .micro-reassurance{
      font-size:11px !important;
      color:rgba(24,38,36,0.34);
    }
   .sm\:flex-wrap {
    flex-wrap: wrap;
  }
 .sm\:max-w-md {
 max-width: 28rem;
}
.sm\:h-\[260px\] {
 height: 260px;
}
.group-img {
 aspect-ratio: 16 / 10;
}  .sm\:w-auto {
    width: auto;
  }  .calc-step-label{
    font-size: 10px;
    letter-spacing: 0.18em;
  }
 .sm\:grid-cols-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }  .sm\:gap-y-2 {
    row-gap: 0.5rem;
  } .sm\:gap-x-6 {
    column-gap: 1.5rem;
  } .sm\:items-start {
    align-items: flex-start;
  }.sm\:grid-cols-\[auto_auto\] {
    grid-template-columns: auto auto;
  }.sm\:grid {
    display: grid;
  }
 .sm\:block {
 display:block
}
 .sm\:hidden {
 display:none
}
 .sm\:w-auto {
 width:auto
}
 .sm\:flex-row {
 flex-direction:row
}
 .sm\:items-start {
 align-items:flex-start
}
 .sm\:grid-cols-2 {
 grid-template-columns:repeat(2, minmax(0, 1fr))
}
.sm\:inline {
    display: inline;
  }  .sm\:h-\[230px\] {
    height: 230px;
  }
}
   @media (min-width:768px){ .sd-section{ padding: 88px 24px; }  
  .md\:justify-start {
    justify-content: flex-start;
  }  .md\:col-span-1 {
    grid-column: span 1 / span 1;
  }  .md\:inline-flex {
    display: inline-flex;
  }
   .md\:max-h-\[360px\] {
    max-height: 360px;
  }.md\:rounded-\[12px\] {
    border-radius: 12px;
  } .md\:text-right {
    text-align: right;
  }  .md\:pr-14 {
    padding-right: 3.5rem;
  }.md\:pl-14 {
    padding-left: 3.5rem;
  }  .md\:text-2xl {
    font-size: 1.5rem;
    line-height: 2rem;
  } .md\:text-\[15px\] {
    font-size: 15px;
  }  .md\:mt-16 {
    margin-top: 4rem;
  }
    .md\:h-\[260px\] {
    height: 260px;
  }  .md\:mt-14 {
    margin-top: 3.5rem;
  }
   .detail-card{ padding: 34px; }
    .md\:h-\[280px\] {
    height: 280px;
  }
  .chapter-title{ font-size:42px; } .section-title{ font-size:38px; } .style-group .group-img{ aspect-ratio:16 / 10; } .md\:h-96 {
    height: 24rem;
  }  .md\:pt-32 {
    padding-top: 8rem;
  }
    .md\:h-\[340px\] {
    height: 340px;
  }  .md\:col-span-7 {
    grid-column: span 7 / span 7;
  } .md\:col-span-5 {
    grid-column: span 5 / span 5;
  } .md\:grid-cols-12 {
    grid-template-columns: repeat(12, minmax(0, 1fr));
  }
    .kit-card-inner{
    grid-template-columns: 1fr 240px;
    padding: 26px;
  }
  .md\:pt-20.footerstyl2  {
    padding-top: 5rem;
  }
 .md\:text-4xl {
 font-size: 2.25rem;
 line-height: 2.5rem;
}  .permission-line{
      font-size:13px;
      color:rgba(95,110,104,0.62);
      margin-top:16px;
    }.meta-gap{ margin-top:18px; }
.md\:aspect-\[3\/2\] {
 aspect-ratio: 3/2;
}
.md\:bg-st-sage {
 background-color: var(--st-sage);
}
.md\:text-\[40px\] {
 font-size: 40px;
}
 .hidden-ds {
display:none !important
}
 .md\:grid-cols-12 {
 grid-template-columns: repeat(12, minmax(0, 1fr));
}
 .md\:shadow-none {
 --tw-shadow: 0 0 #0000;
 --tw-shadow-colored: 0 0 #0000;
 box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.md\:w-auto {
 width: auto;
}
.wpcf7-form-control.wpcf7-submit.has-spinner.btn-primary.w-full.px-10.py-4.rounded-full.font-bold.tracking-widest.shadow-lg {
 width: auto;
}
.section {
 padding: 84px 0;
}
 .md\:max-w-lg {
 max-width: 32rem;
}
.md\:h-\[320px\] {
 height: 320px;
}
 .md\:aspect-\[16\/10\] {
 aspect-ratio: 16/10;
}
 .review-card {
padding:22px;
border-radius:22px;
}
 .faq-search-wrap {
margin-top:14px;
}
 .reviews-list > .review-card + .review-card {
margin-top:22px;
}
 .md\:text-\[19px\] {
    font-size: 19px;
  }
  .md\:text-8xl {
    font-size: 6rem;
    line-height: 1;
  }
  .md\:order-2 {
    order: 2;
  }
 .md\:shadow-none {
 --tw-shadow: 0 0 #0000;
 --tw-shadow-colored: 0 0 #0000;
 box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
 .md\:justify-between {
 justify-content: space-between;
}  .md\:text-left {
    text-align: left;
  }  .lg\:justify-start {
    justify-content: flex-start;
  }
.md\:items-start {
 align-items: flex-start;
}
 .md\:p-0 {
 padding: 0px;
}
 .md\:bg-transparent {
 background-color: transparent;
}
.md\:border-0 {
 border-width: 0px;
}
.md\:rounded-none {
 border-radius: 0px;
}
 .md\:pl-6 {
 padding-left: 1.5rem;
}
.md\:border-l {
 border-left-width: 1px;
}
 .md\:col-span-3 {
 grid-column: span 3 / span 3;
}
 .md\:col-span-6 {
 grid-column: span 6 / span 6;
}
 .md\:mb-10 {
 margin-bottom:2.5rem
}
 .md\:mb-16 {
 margin-bottom:4rem
}
 .md\:mb-2 {
 margin-bottom:0.5rem
}
 .md\:mb-20 {
 margin-bottom:5rem
}
 .md\:mb-8 {
 margin-bottom:2rem
}
 .md\:mt-0 {
 margin-top:0px
}
 .md\:mt-16 {
 margin-top:4rem
}
 .md\:mt-4 {
 margin-top:1rem
}
 .md\:mt-8 {
 margin-top:2rem
}
 .md\:mb-12 {
 margin-bottom:3rem
}
 .md\:mb-6 {
 margin-bottom:1.5rem
}
 .md\:mt-0 {
 margin-top:0px
}
 .md\:mt-3 {
 margin-top:0.75rem
}
 .md\:block {
 display:block
}
 .md\:inline {
 display:inline
}
 .md\:flex {
 display:flex
}
 .md\:grid {
 display:grid
}
 .md\:hidden {
 display:none
}
 .md\:h-10 {
 height:2.5rem
}
 .md\:h-12 {
 height:3rem
}
 .md\:h-\[500px\] {
 height:500px
}
 .md\:h-\[50vh\] {
 height:50vh
}
 .md\:h-\[600px\] {
 height:600px
}
 .md\:w-1\/2 {
 width:50%
}
 .md\:w-12 {
 width:3rem
}
 .md\:w-2\/5 {
 width:40%
}
 .md\:w-3\/5 {
 width:60%
}
 .md\:w-\[500px\] {
 width:500px
}
 .md\:w-full {
 width:100%
}
 .md\:min-w-0 {
 min-width:0px
}
.md\:py-16 {
 padding-top: 4rem;
 padding-bottom: 4rem;
}
 .h-56 {
 height: 14rem;
}
.md\:h-64 {
 height: 16rem;
}
 .md\:py-20 {
 padding-top: 5rem;
 padding-bottom: 5rem;
}
 .md\:py-12 {
 padding-top: 3rem;
 padding-bottom: 3rem;
}
 .md\:py-8 {
 padding-top: 2rem;
 padding-bottom: 2rem;
}
 .md\:py-10 {
 padding-top: 2.5rem;
 padding-bottom: 2.5rem;
}
 .md\:py-4 {
 padding-top: 1rem;
 padding-bottom: 1rem;
}
 .md\:grid-cols-2 {
 grid-template-columns:repeat(2, minmax(0, 1fr))
}
 .md\:grid-cols-3 {
 grid-template-columns:repeat(3, minmax(0, 1fr))
}
 .md\:grid-cols-4 {
 grid-template-columns:repeat(4, minmax(0, 1fr))
}
 .md\:flex-row {
 flex-direction:row
}
 .md\:flex-col {
 flex-direction:column
}
 .md\:items-center {
 align-items:center
}
 .md\:gap-0 {
 gap:0px
}
 .md\:gap-12 {
 gap:3rem
}
 .md\:gap-16 {
 gap:4rem
}
 .md\:gap-24 {
 gap:6rem
}
 .md\:gap-6 {
 gap:1.5rem
}
 .md\:gap-8 {
 gap:2rem
}
 .md\:space-y-6 > :not([hidden]) ~ :not([hidden]) {
 --tw-space-y-reverse:0;
 margin-top:calc(1.5rem * calc(1 - var(--tw-space-y-reverse)));
 margin-bottom:calc(1.5rem * var(--tw-space-y-reverse))
}
 .md\:p-10 {
 padding:2.5rem
}
 .md\:p-12 {
 padding:3rem
}
 .md\:p-8 {
 padding:2rem
}
 .md\:px-12 {
 padding-left:3rem;
 padding-right:3rem
}
 .md\:py-24 {
 padding-top:6rem;
 padding-bottom:6rem
}
 .md\:py-5 {
 padding-top:1.25rem;
 padding-bottom:1.25rem
}
 .md\:pb-0 {
 padding-bottom:0px
}
 .md\:pt-0 {
 padding-top:0px
}
 .md\:pt-8 {
 padding-top:2rem
}
 .md\:text-center {
 text-align:center
}
 .md\:text-3xl {
 font-size:1.875rem;
 line-height:2.25rem
}
 .md\:text-4xl {
 font-size:2.25rem;
 line-height:2.5rem
}
 .md\:text-5xl {
 font-size:3rem;
 line-height:1
}
 .md\:text-6xl {
 font-size:3.75rem;
 line-height:1
}
 .md\:text-\[10px\] {
 font-size:10px
}
 .md\:text-base {
 font-size:1rem;
 line-height:1.5rem
}
 .md\:text-lg {
 font-size:1.125rem;
 line-height:1.75rem
}
 .md\:text-xl {
 font-size:1.25rem;
 line-height:1.75rem
}
 .md\:ring-8 {
 --tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
 --tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(8px + var(--tw-ring-offset-width)) var(--tw-ring-color);
 box-shadow:var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000)
}
 
  .md\:grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
 .sd-section{ padding: 88px 24px; } 
  
    .featured img,
    .inline-media img,
    .prose img:not(.kit-img):not(.final-cta-img){
      width: 100%;
      height: auto;
      aspect-ratio: 16 / 9 !important;
      object-fit: cover;
      object-position: center;
    }  .md\:h-\[420px\] {
    height: 420px;
  } .md\:max-w-lg {
    max-width: 32rem;
  }
 
  #design .design-frame{
    grid-template-columns: 1fr 1fr;
    min-height: 520px;
  }
 
  #design .design-diamond-img{
    width: min(420px, 78%);
    max-width: 460px;
    max-height: 76%;
    filter: drop-shadow(0 34px 64px rgba(13,84,75,0.18));
  }
  #design .design-preview:hover .design-diamond-img{
    transform: scale(1.02);
    filter: drop-shadow(0 42px 80px rgba(13,84,75,0.20));
 
  }
  
  .md\:pl-28 {
    padding-left: 7rem;
  }
  #sizeCt{ font-size: 46px !important; }  #priceValue{ font-size: 58px !important; }  .md\:text-7xl {
    font-size: 4.5rem;
    line-height: 1;
  }  .md\:text-left {
    text-align: left;
  }
 
  #home-calc .calc-head{ padding: 42px; }

  #home-calc #hc-sizeCt{ font-size: 40px; }
  #home-calc #hc-priceValue{ font-size: 36px; }

  #home-calc .cta-row .link-arrow{
    margin: 0;
    justify-content: flex-start;
  } .md\:h-\[240px\] {
    height: 240px;
  }
 
.md\:min-h-\[320px\] {
    min-height: 320px;
  }
.headerstyle2 .md\:h-8 {
    height: 2rem;
  }
  #home-calc #hc-sizeMm{ display:block; }
  #process .sd-step{
    flex-direction: column;
    align-items: center;
    text-align: center;
    gap: 16px;
  }
  #process .sd-step-num{
    text-align: center;
    min-width: 0;
    font-size: 56px;   
    margin-bottom: 2px;
  }
 
  .sd-diamond-divider{
    width: 64px;
    max-width: 64px;
    margin: 12px auto 28px;
    opacity: 0.78;
  }

 
  #design .design-preview{
    min-height: 520px;
    padding: 48px;
  }
 .post-body{ padding:16px 16px 18px; } 
  .posts-grid{
    grid-template-columns:repeat(2, minmax(0,1fr));
    column-gap:22px;
    row-gap:34px;  
  }
 
    .sd-p-to-cta{ margin-top:32px; }
      .md\:hover\:scale-\[1\.01\]:hover {
    --tw-scale-x: 1.01;
    --tw-scale-y: 1.01;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  }
      .gj-title{ font-size:52px; } .md\:gap-y-16 {
    row-gap: 4rem;
  } .md\:h-\[360px\] {
    height: 360px;
  }
    }
 @media (min-width: 769px){
  .sd-hero-title .sd-hero-l1{ font-size: 66px; }
  .sd-hero-title .sd-hero-l2{ font-size: 60px; }

      .gj-more{ margin-top:0; }
      .gj-more > summary{ display:none !important; }
      .gj-more:not([open]) > *:not(summary){ display:block !important; }
    .post-tags{ margin-top:18px; }  
  #design .design-note{
    margin-top: 6px;
    padding-left: 6px;
    font-size: 11px;     
    line-height: 1.4;
    color: rgba(13,84,75,0.30);
  }
} 
  @media (min-width: 1024px) {  
   
  #final-cta .final-grid {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-areas:
"image" 
"title" 
"copy " 
"cta  " 
"micro";
  gap: 22px;
  align-items: start;
}
 #final-cta .final-grid {
    grid-template-columns: 1.05fr .95fr;
    gap: 56px;
    align-items: center;
    grid-template-areas:
"image title" 
"image copy " 
"image cta  " 
"image micro";
  } .lg\:h-\[420px\] {
    height: 420px;
  }
   .lg\:text-6xl {
    font-size: 3.75rem;
    line-height: 1;
  } .lg\:gap-x-24 {
    column-gap: 6rem;
  }
 .lg\:gap-20 {
    gap: 5rem;
  }
 .lg\:items-start {
    align-items: flex-start;
  } .lg\:hidden {
    display: none;
  }
 .lg\:mx-0 {
 margin-left:0px;
 margin-right:0px
}
  .lg\:col-span-3 {
    grid-column: span 3 / span 3;
  }
  .lg\:col-span-4 {
    grid-column: span 4 / span 4;
  }
 .lg\:col-span-5 {
 grid-column:span 5 / span 5
}
 .lg\:col-span-6 {
 grid-column:span 6 / span 6
}
 .lg\:col-span-7 {
 grid-column:span 7 / span 7
}
 .lg\:col-span-8 {
    grid-column: span 8 / span 8;
  }
   .lg\:col-span-9 {
    grid-column: span 9 / span 9;
  }
   .lg\:col-start-7 {
    grid-column-start: 7;
  }
 .lg\:mb-6 {
 margin-bottom:1.5rem
}
 .lg\:mt-0 {
 margin-top:0px
}
 .lg\:block {
 display:block
}
 .lg\:flex {
 display:flex
}
 .lg\:hidden {
 display:none
}
 .lg\:h-auto {
 height:auto
}
 .lg\:w-1\/2 {
 width:50%
}
 .lg\:cursor-auto {
 cursor:auto
}
 .lg\:grid-cols-12 {
 grid-template-columns:repeat(12, minmax(0, 1fr))
}
 .lg\:grid-cols-5 {
 grid-template-columns:repeat(5, minmax(0, 1fr))
}
 .lg\:flex-row {
 flex-direction:row
}
 .lg\:border-none {
 border-style:none
} 
 .py-3 {
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
}
.px-6 {
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}

 
  .lg\:w-\[55\%\] {
    width: 55%;
  }
 
 .lg\:bg-gradient-to-r {
 background-image:linear-gradient(to right, var(--tw-gradient-stops))
} .lg\:py-0 {
 padding-top:0px;
 padding-bottom:0px
}
 .lg\:px-24 {
 padding-left:6rem;
 padding-right:6rem
}

 .lg\:pb-0 {
 padding-bottom:0px
}
 .lg\:pl-0 {
 padding-left:0px
}
 .lg\:pt-0 {
 padding-top:0px
}
 .lg\:text-7xl {
 font-size:4.5rem;
 line-height:1
}
 .lg\:text-\[14px\] {
 font-size:14px
}
 .lg\:text-\[18px\] {
 font-size:18px
}
 .lg\:opacity-60 {
 opacity:0.6
}
 .lg\:col-start-6 {
    grid-column-start: 6;
  }
 .lg\:text-left {
 text-align: left;
}
 footer details {
 open: true;
}
.rowff {
 display: flex;
}
 footer details > summary {
 pointer-events: none; /* disables click on desktop */
}
 footer details > summary svg {
 display: none; /* hide arrow on desktop */
}
 
  #final-cta .final-media{
    height: 380px;   /* try 380–420 */
  }.hero-trust{ justify-content:flex-start; }

  #design .design-frame{
    max-width: 1040px;
    margin: 0 auto;
  }
 
  .posts-grid{
    grid-template-columns:repeat(3, minmax(0,1fr));
    column-gap:22px;
    row-gap:42px; /* +14px calm editorial spacing */
  }
   #hero .hero-wrap{ gap:36px; }
  
    .hero-trust{ justify-content:flex-start; }
  
 .blog .final-cta-image {
  width: 420px;
}
  .lg\:grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  } .lg\:text-left {
    text-align: left;
  }  .lg\:order-1 {
    order: 1;
  }.lg\:order-2 {
    order: 2;
  }  #full-pricing-details .pt-table th,
  #full-pricing-details .pt-table td{
    padding-top: 16px;
    padding-bottom: 16px;
    padding-left: 20px;
    padding-right: 20px;
  }  .lg\:h-\[360px\] {
    height: 360px;
  }
  .lg\:aspect-\[4\/5\] {
    aspect-ratio: 4/5;
  }.lg\:h-auto {
    height: auto;
  }
   .lg\:h-\[320px\] {
    height: 320px;
  }
  #full-pricing-details .pt-table thead th{
    padding-top: 14px;
    padding-bottom: 14px;
  }

  .lg\:grid-cols-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }.lg\:grid-cols-12 {
    grid-template-columns: repeat(12, minmax(0, 1fr));
  } .lg\:h-\[520px\] {
    height: 520px;
  } .lg\:h-\[360px\] {
    height: 360px;
  }
 
      .stage-grid{ grid-template-columns: repeat(2, minmax(0, 1fr)); }
    }

@media (min-width: 1200px){
  #priceValue{ font-size: 62px !important; }  #sizeCt{ font-size: 48px !important; }
}



@media (min-width: 1440px){
  #design .design-frame{
    max-width: 980px;
  }
}


 @media (max-width:768px){
      .gj-desktop-grid{ display:none; }
      .gj-mobile-grid{ display:block; }
 
      #guided-journey .gj-grid > .gj-card:nth-child(-n+3){
        min-height: 140px;
        display: flex;
        flex-direction: column;
        justify-content: center;
      }
      #guided-journey .gj-grid > .gj-card:nth-child(-n+3) .gj-label{ margin-bottom: 6px; }
      #guided-journey .gj-grid > .gj-card:nth-child(-n+3) .gj-h{ margin-bottom: 8px; }
      #guided-journey .gj-grid > .gj-card:nth-child(-n+3) .gj-p{
        margin-top: 0;
        font-size: 12.5px;
        line-height: 1.5;
        color: rgba(27,43,40,0.48);
      }
   .sd-timeline{ margin-top: 34px; }
      .sd-timeline-row{ gap: 14px; }

      .sd-timeline-row::before{
        top: 60px;
        left: 16.66%;
        right: 16.66%;
      }

      .sd-dot{
        top: 55px;
        width: 12px;
        height: 12px;
        box-shadow: 0 0 0 5px var(--st-cream);
      }

      .sd-timeline-label{
        font-size: 10px;
        letter-spacing: .14em;
        margin-bottom: 24px;
      }

      .sd-timeline-sub{ font-size: 15px; }
      .sd-timeline-range{ font-size: 18px; }

      .sd-timeline-sub,
      .sd-timeline-range{ margin-top: 50px; }

      .sd-timeline-item{ padding-bottom: 50px; }
	   h3.font-serif {
    font-size: 24px !important;
    line-height: 1.2 !important;
  }
  .hero-context{
    font-size: 10px;
    letter-spacing: 0.14em;
    color: rgba(13,84,75,0.28);
    margin-bottom: 22px;
  }

    .prose img:not(.kit-img):not(.final-cta-img),
    .featured,
    .featured img,
    .inline-media,
    .inline-media img{
      border-radius: 14px !important;
    }
   .ops-card {
border-radius:20px;
}
 .mobile-tight {
padding-top:48px !important;
padding-bottom:48px !important;
}
 .mobile-tight-lg {
padding-top:56px !important;
padding-bottom:56px !important;
}
 
 .page-template-home2026 p,  .page-template-home2026 li,   .page-template-home2026 .text-sm {
 font-size: 16px !important;
 line-height: 1.6 !important;
}
.pricingtopo .mb-32 {
  margin-bottom: 6rem;
}.pricingtopo .mb-10 , .pricingtopo .mb-8{
  margin-bottom: 1.5rem;
}.pricingtopo .lg\:col-span-5.relativerelative {
  margin-top: -20px;
}
 .page-template-home2026 .text-xs {
 font-size: 13px !important;
} .faq-item summary {
padding:16px 14px;
}
 .faq-item summary h3 {
font-size:16px;
font-weight:500;
}
 .faq-answer {
font-size:16px;
line-height:1.7;
} .text-\[10px\] {
 font-size: 10px;
 letter-spacing: 0.1px !important;
}
 #hero.min-h-screen {
 min-height:auto
}
 .faq-answer {
font-size: 16px;
line-height: 1.7;
}  #final-cta .final-media-wrap{
    max-width: 420px;
    margin-left: auto;
    margin-right: auto;
  }
  #final-cta .final-media{
    height: 260px;  
  }
    .featured img,
    .inline-media img,
    .prose img:not(.kit-img):not(.final-cta-img){
      width: 100%;
      height: auto;
      aspect-ratio: 4 / 3 !important;
      object-fit: cover;
      object-position: center;
      max-height: 60vh;
    }
  .sd-img{ border-radius: 22px; }
  .kit-card{
    margin: 28px 0 22px;
  }
  .step-media{ height:360px; }
      .step-media-video{ height:420px; }

      #step-1 .sd-img.step-media,
      #step-2 .sd-img.step-media,
      #step-4 .sd-img.step-media,
      #step-5 .sd-img.step-media,
      #step-3 .sd-img.step-media-video{
        max-width:520px;
        margin-left:auto;
        margin-right:auto;
      }

      .gj-grid{
        grid-template-columns:1fr;
        gap:14px;
      }

      .gj-card{
        padding:20px 18px;
        border-radius:22px;
        min-height:0;
      }

      .gj-num{
        font-size:110px;
        top:10px;
        right:10px;
        opacity:0.5;
      }

      .gj-h{
        font-size:24px;
      }

      .gj-p{
        font-size:13px;
        line-height:1.55;
        color:rgba(27,43,40,0.52);
        max-width:30ch;
      }

      .gj-span-2{
        grid-column:auto;
      }
       
  .kit-card-inner{
    padding: 18px;
    gap: 14px;
  }
    .final-cta-image{ max-width:100%; }
    .final-cta-image > div{
      box-shadow:
        0 14px 30px -20px rgba(13, 84, 75, 0.14),
        0 4px 10px -8px rgba(13, 84, 75, 0.06);
    }
    .final-cta-img{ max-height:210px; }
    #final-cta{ padding-top: 56px; padding-bottom: 56px; }
footer.footerstyl2 {
  padding-top: 4rem;
}

 h1 { font-size: 48px !important; }
      .calculator-frame { border-radius: 32px; }
      .calc-display-area { padding: 32px; }
      .editorial-card{ padding:24px; }
      .info-tile{ padding:24px; }
      .note-card{ padding:24px; }
	  
	  
#final-cta.blog .hidden {
  display: none;
}
  .desktop-items{display:none!important;}
    .chips-row{display:none!important;}
    .mobile-groups{display:block!important;}
    .reassurance-line{display:block;}
    .group-link{
      display:inline-flex;
      align-items:center;
      min-height:44px;
      padding:10px 0;
    }
    .hero-primary{display:none!important;}

    #rings .mobile-groups .style-group:nth-of-type(n+2){ display:none !important; }
    #earrings .mobile-groups .style-group:nth-of-type(n+2){ display:none !important; }
    #bracelets .mobile-groups .style-group:nth-of-type(1){ display:none !important; }
	
	 .style-group,
  .sd-surface,
  .gateway-card,
  .sd-tile,
  .faq-item{
    border: none !important;
    box-shadow: 0 10px 30px -24px rgba(13,84,75,0.18) !important;
  }

   .style-group .group-img{
    border: none !important;
    background: rgba(255,255,255,0.85);  
  }
  
  
.spac96px{margin-bottom:96px;}
.mobs96 {
padding-bottom:96px;
padding-top:96px
}
.mobs-b96 {
padding-bottom:96px;
}
.faq-item summary {
border:0
}
nav .tracking-widest {
 letter-spacing: 0.2px;
padding-left:20px;
padding-right:20px;
}
.gap-10 {
 gap: 0.85rem;
}
.controls-area {
 padding: 9px;
}
.py-32 {
 padding-top: 4rem;
 padding-bottom: 4rem;
}
 .hidden-ds {
display:block !important;
text-align:center;
margin-top: 10px;
}
footer.pb-12 {
 padding-bottom: 7rem;
}
 .builder-box {
 flex-direction: column;
}
 .preview-area,  .controls-area {
 width: 100%;
}
 .btn-primary.px-10.h-12.rounded-full.font-bold.uppercase.tracking-widest.text-xs.transition-colors.shadow-lg {
max-width:100%
}

  

  
      .stage-grid{ grid-template-columns: 1fr; gap: 14px; }
    
      .sd-img{ border-radius: 22px; }
    
    #hero .hero-lede{ margin-top:20px; }
  .post-title{ font-size:23px; }  .posts-grid{ padding-top:28px; } 

  .sd-hero-title .sd-hero-l1{ font-size: 42px; }
  .sd-hero-title .sd-hero-l2{ font-size: 38px; }
 
  #process .sd-step{ gap: 14px; }             
  #process .sd-step-num{
    font-size: 44px;                          
    min-width: 36px;                           
    text-align: left;
    padding-top: 0;
  }
 #design .design-reassure{
    font-size: 13px !important;
    line-height: 1.55 !important;
  }

  #design .design-note{
    margin-top: 6px !important;
    font-size: 11.5px !important;     /* readable but secondary */
    line-height: 1.45 !important;
    letter-spacing: 0.01em;           /* less “footnote-y” */
    color: rgba(13,84,75,0.34) !important;
  } .who-eyebrow{
    font-size: 11px;
    letter-spacing: 0.14em;
    color: rgba(13,84,75,0.55);
    margin-bottom: 28px; /* fixes huge gap */
  } .blog-wrap .blog-cats{ margin-bottom:26px; }
  #design .design-reassure{
    font-size: 13px;
    padding-left: 0;
  }
}