@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,400;0,500;0,600;1,400;1,500&family=DM+Sans:wght@400;500;600;700&family=Parisienne&display=swap');
/* SINZEL STUDIO — official deep-navy/lavender identity. No external CSS, fonts or frameworks required. */
:root{--paper:#060b1d;--ink:#f7f6ff;--text:#eeedff;--muted:#b0b5d2;--line:#7773c039;--violet:#b8a0ff;--bright:#9381ff;--electric:#8586ff;--blue:#536aff;--shadow:0 30px 90px #0005}
*,*::before,*::after{box-sizing:border-box}
html{scroll-padding-top:100px}body{background:#060b1d;color:#f6f3ff;font-family:Inter,-apple-system,BlinkMacSystemFont,'Segoe UI',Arial,sans-serif;overflow-x:hidden}
body::selection{background:#665bd9;color:white}p{color:#b9bfd8}h1,h2,h3{color:#f9f6ff;letter-spacing:-.035em}
.wrap{width:min(1190px,calc(100% - 60px))}.section{padding:96px 0}.section-small{padding:75px 0}
.section:nth-of-type(even){background:linear-gradient(140deg,#080e26 0%,#080e25 65%,#0c1031 100%)}
.section-title{font-family:Georgia,'Times New Roman',serif;font-size:clamp(39px,4.2vw,57px);font-weight:400;line-height:1.17;letter-spacing:-.039em;max-width:790px}
.section-title em,.page-hero h1 em{color:#c2b4ff;font-weight:400}
.section-lead{font-size:16px;color:#b8bdd8;line-height:1.82;max-width:720px}
.eyebrow{color:#bb9afa;letter-spacing:.16em;font-size:11px;font-weight:800;line-height:1.5}
.eyebrow:before{background:linear-gradient(90deg,#7059fa,#d5c8ff);width:24px}
.bttn{border-radius:40px;background:linear-gradient(110deg,#d3c5ff,#a594ff);border:1px solid #d4c8ff;color:#130e34;letter-spacing:.02em;font-size:12px;font-weight:750;min-height:48px;box-shadow:0 0 17px #9477e69b,0 0 37px #6843ea51;transition:box-shadow .23s,transform .23s,background .23s;white-space:normal;text-align:center}
.bttn:hover{background:#ebe1ff;color:#160e39;transform:translateY(-2px);box-shadow:0 0 26px #a784ffb5,0 0 56px #724bed6f}
.bttn:focus-visible,a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid #d1baff;outline-offset:4px}
.bttn.alt,.bttn.dark-outline,.ghost-button{background:#ffffff09!important;color:#f8f4ff!important;border:1px solid #c1b6e78c!important;box-shadow:0 0 0 1px #ffffff09!important}
.bttn.alt:hover,.bttn.dark-outline:hover,.ghost-button:hover{background:#b6a7ff20!important;box-shadow:0 0 22px #8268e64a!important}
.bttn.light{color:#1b1544;background:#dad0ff;border-color:#e5deff}
/* sticky, frosted and centered logo — inspired by the user's Squarespace header */
header.topbar{height:86px;background:rgba(5,10,30,.72)!important;border-bottom:1px solid #ffffff16;box-shadow:0 9px 24px #00000012;backdrop-filter:blur(24px) saturate(160%);-webkit-backdrop-filter:blur(24px) saturate(160%);position:sticky;top:0;z-index:100;isolation:isolate}
header.topbar:before{position:absolute;inset:0;content:'';pointer-events:none;background:linear-gradient(90deg,#6575c307,transparent 30%,#b498f10a);z-index:-1}
header.topbar .head-row{height:100%;display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:26px;align-items:center}
header.topbar .brand{order:2;justify-self:center;display:flex;position:relative;z-index:3}
.original-sinzel-logo{width:206px!important;max-width:100%;height:auto!important;display:block;filter:drop-shadow(0 0 6px #8a75cf25)}
header.topbar .nav{order:1;display:flex;align-items:center;gap:19px;justify-self:start}
header.topbar .nav a{font-weight:480;font-size:13px;color:#d4d3e8;letter-spacing:0;white-space:nowrap;padding:5px 0;border-bottom:1px solid transparent}
header.topbar .nav a.active,header.topbar .nav a:hover{color:#fff;border-bottom-color:#d2b8ff}
header.topbar .actions{order:3;justify-self:end;display:flex;align-items:center;gap:20px;white-space:nowrap}
header.topbar .actions .bttn{background:#060b1d!important;color:#e9e3ff!important;border:1px solid #6753a6!important;box-shadow:0 0 22px #7d4be480,0 0 45px #5334a854!important;padding:13px 19px;font-size:11px;min-height:44px}
header.topbar .actions .bttn:hover{background:#2e2057!important;box-shadow:0 0 26px #b39bff95,0 0 54px #815beb74!important}
.lang-switch{color:#edeafd;font-size:12px;display:inline-flex;align-items:center;gap:8px}.lang-switch span{color:#a4a6c0}.lang-switch .current-language{color:#eeeaff;font-weight:700}.lang-switch .lang-slash{color:#515474}
header.topbar .mobile-toggle{background:#151b3a;color:#ede7ff;border:1px solid #a69ae44d;border-radius:10px;padding:10px;display:none;flex-direction:column;gap:5px;height:40px;width:43px;align-items:center;justify-content:center}
.mobile-toggle span{width:19px;height:2px;border-radius:2px;background:#e7ddff;display:block}
/* cinematic home: elegant type, soft violet starlight, entirely distinct from ONYX split hero */
.sinzel-hero-v2{position:relative;overflow:hidden;isolation:isolate;min-height:635px;display:flex;align-items:center;background:linear-gradient(155deg,#040919 2%,#080d24 45%,#080b21 85%,#07061b 100%);text-align:center;border-bottom:0}
.hero-grain{position:absolute;inset:0;z-index:-1;opacity:.28;background-image:radial-gradient(#c4bdfe 0.7px,transparent .7px);background-size:49px 47px;mask-image:linear-gradient(180deg,transparent,#0007 42%,transparent 85%)}
.hero-light{position:absolute;pointer-events:none;z-index:-1;border-radius:50%;filter:blur(34px)}.hero-light-one{width:1100px;height:580px;top:-340px;left:50%;transform:translateX(-50%);background:radial-gradient(ellipse,#6850d955 5%,#3847a827 43%,transparent 75%)}.hero-light-two{width:850px;height:370px;bottom:-280px;left:50%;transform:translateX(-50%);background:radial-gradient(ellipse,#7848dd67 0%,#284cbe26 41%,transparent 75%)}
.hero-orbit{position:absolute;width:1250px;height:460px;border:1px solid #a99bf10c;border-radius:50%;top:24px;left:50%;transform:translateX(-50%) rotate(-15deg);box-shadow:0 0 80px #7c69ff06}
.hero-star{position:absolute;color:#ddd0ff;text-shadow:0 0 16px #ad92ff,0 0 33px #8c5afa;pointer-events:none}.star-one{left:13%;top:22%;font-size:28px}.star-two{right:15%;top:31%;font-size:23px}.star-three{right:22%;bottom:18%;font-size:15px}
.hero-main{z-index:1;position:relative;padding:116px 0 116px}
.hero-kicker{letter-spacing:.28em;color:#b8a6fa;font-weight:750;font-size:10px;margin-bottom:35px;text-transform:uppercase;display:flex;align-items:center;justify-content:center;gap:16px;line-height:1.6}.spark{font-size:19px;color:#c7adff;text-shadow:0 0 13px #927aff}
.sinzel-hero-v2 h1{font-family:Georgia,'Times New Roman',serif;font-weight:400;font-size:clamp(54px,7vw,95px);letter-spacing:-.063em;line-height:1.1;color:#f7f5ff;margin:0 auto 22px;max-width:1120px}
.sinzel-hero-v2 h1 em{font-family:Georgia,'Times New Roman',serif;font-weight:400;font-style:italic;color:#d4c9ff;text-shadow:0 0 40px #9e81ee4a}.sinzel-hero-v2 h1 .glow-em{color:#f0eaff;text-shadow:0 0 27px #9874f78a}
.hero-description{font-size:17px;line-height:1.8;color:#c3c6df;max-width:570px;margin:0 auto 30px}
.hero-actions{display:flex;align-items:center;justify-content:center;gap:22px;flex-wrap:wrap}
.hero-actions .bttn{min-width:184px;min-height:52px;font-size:12px;padding:14px 24px}
.hero-bottom-note{color:#a7add0;margin-top:66px;display:flex;gap:18px;justify-content:center;align-items:center;font-size:11px;letter-spacing:.075em;flex-wrap:wrap}
.hero-bottom-note .mini-star{color:#b5a0ff;text-shadow:0 0 12px #a084ff}.separator-dot{height:3px;width:3px;border-radius:50%;background:#9c8bd0}
/* Seamless homepage handoff: no horizontal rule or shadow band. */
.sinzel-hero-v2::after{content:"";position:absolute;inset:auto 0 0;height:180px;pointer-events:none;z-index:0;background:linear-gradient(to bottom,transparent 0%,rgba(7,12,33,.64) 72%,#070c21 100%)}
.hero-edge{position:absolute;bottom:0;left:0;right:0;height:40px;text-align:center;border:0;box-shadow:none;pointer-events:none;z-index:2;background:none}
.hero-edge::before{content:"";position:absolute;bottom:0;left:0;right:0;height:1px;background:linear-gradient(90deg,rgba(143,89,255,.45),rgba(185,145,255,.96) 50%,rgba(143,89,255,.45));box-shadow:0 -2px 12px 2px rgba(160,101,255,.42),0 -8px 32px 8px rgba(113,72,228,.18)}
.hero-edge span{position:absolute;left:50%;bottom:0;transform:translateX(-50%);color:#dac5ff;font-size:28px;text-shadow:0 0 16px #a089fb,0 0 28px #a089fb66;background:transparent}
.sinzel-hero-v2 + .section{position:relative}
.sinzel-hero-v2 + .section::before{content:"";position:absolute;inset:0 0 auto;height:95px;pointer-events:none;background:radial-gradient(ellipse 300px 95px at 50% 0,rgba(129,81,235,.10),transparent 75%)}
/* unified service pages */
.page-hero{position:relative;overflow:hidden;isolation:isolate;padding:92px 0 96px;background:radial-gradient(ellipse at 70% -25%,#53429956,transparent 61%),radial-gradient(ellipse at 8% 90%,#0e2b5e8c,transparent 54%),linear-gradient(130deg,#060a1c,#0b102d)!important;border-bottom:1px solid #806bd839}
.page-hero:before{content:'✦';position:absolute;right:12%;top:25%;font-size:20px;color:#c7b9ff;text-shadow:0 0 19px #a089ff80}
.page-hero h1{max-width:850px;font-family:Georgia,'Times New Roman',serif;font-weight:400;letter-spacing:-.04em;line-height:1.12;font-size:clamp(46px,5.9vw,72px);color:#faf8ff}
.page-hero p{max-width:720px;font-size:17px;color:#b8bfdc}
/* service cards and packages */
.section{background:#070d23}.section p{color:#b6bdd7}
.value-cards{gap:20px}.value,.price-card,.addon,.radar-type,.contact-panel,.legal-box,.faq-list details{color:#f6f4ff;background:linear-gradient(155deg,#131a36d9,#0d132cd6);border:1px solid #9b8fe044;border-radius:20px;box-shadow:0 22px 65px #00000020;backdrop-filter:blur(8px)}
.value{padding:35px 30px;min-height:218px}.value h3,.price-card h3{color:#f8f5ff}.value p{color:#b5bbd5}.value-icon{background:#ada0fc16;color:#bdb0ff;border:1px solid #b5a4ff38;box-shadow:0 0 22px #8e71d82a;font-size:18px}
.price-grid{gap:18px;align-items:stretch;margin-top:48px}.price-card{position:relative;padding:35px 31px 31px;display:flex;flex-direction:column;overflow:hidden;transition:transform .25s,box-shadow .25s,border-color .25s}.price-card:before{content:'';position:absolute;inset:0 15% auto;height:1px;background:linear-gradient(90deg,transparent,#b0a0ff,transparent);opacity:.65}.price-card:hover{transform:translateY(-5px);box-shadow:0 20px 65px #563fc52b;border-color:#b3a4ff91}.price-card.featured{border-color:#b7a7ffac;box-shadow:0 0 22px #8268e62f,0 22px 64px #0004;background:linear-gradient(145deg,#1b1b4b,#10152f)}
.price-card .popular{background:transparent;color:#c1b0ff;letter-spacing:.16em;font-weight:800;box-shadow:none;border:0}
.price-name{color:#c4b1ff!important;font-family:Georgia,'Times New Roman',serif!important;font-size:30px!important;font-weight:400!important;letter-spacing:-.03em}
.price-card .price{color:#fff!important;font-family:Georgia,'Times New Roman',serif;font-size:37px;font-weight:400;margin-top:12px}.price-card .price span{font-size:12px;color:#a9aed0;font-family:Inter,-apple-system,BlinkMacSystemFont,'Segoe UI',Arial,sans-serif}
.price-card .desc{color:#b5bed9!important;min-height:95px}.price-card ul{color:#e2dffa}.price-card li{color:#d0cee9;line-height:1.72}.price-card li:before{color:#b9a6ff!important}.price-card .bttn{margin-top:auto;align-self:stretch}
.center-heading{text-align:center;max-width:890px;margin:0 auto}.center-heading .section-title{max-width:none}.center-heading .section-lead{margin:17px auto 0}.center-heading h2 em{font-weight:400;color:#c2b4ff}.center-action{text-align:center;margin-top:37px}.neon-script{font-family:'Snell Roundhand','Brush Script MT',cursive;font-size:clamp(39px,5vw,65px);font-weight:400;font-style:italic;color:#d2b7ff;text-shadow:0 0 8px #ab81ffad,0 0 20px #855bea9c;line-height:1.6;display:block}.star-divider{display:flex;align-items:center;justify-content:center;gap:14px;color:#c5afff;font-size:24px;text-shadow:0 0 13px #ab87ff}.star-divider:before,.star-divider:after{content:'';width:min(28%,170px);height:1px;background:linear-gradient(90deg,transparent,#a396f2);box-shadow:0 0 9px #a68fff}.star-divider:after{transform:rotate(180deg)}
.pricing-highlight{background:radial-gradient(ellipse at 50% -40%,#6346b849,transparent 66%),linear-gradient(#060b1c,#080d24)!important}.pricing-highlight .price-grid{margin-top:60px}.pricing-highlight .price-card{min-height:490px}
/* concepts: real Squarespace concept imagery only; never programmatically generated placeholders */
.showcase-section{background:radial-gradient(ellipse at 10% -25%,#5a3fac4f,transparent 65%),#090e27!important;border-block:1px solid #7c72d226}.showcase-section .section-lead{color:#bec2dd}
.portfolio-strip,.portfolio-grid{gap:24px}
.card{background:#111832;border:1px solid #9487d841;border-radius:17px;overflow:hidden;box-shadow:0 14px 42px #00000047;color:white;transition:transform .25s,box-shadow .25s,border-color .25s}.card:hover{transform:translateY(-5px);box-shadow:0 19px 48px #0007,0 0 26px #7057dc45;border-color:#b49dff9a}
.card-media{background:#0b1230;aspect-ratio:1.55}.card-media img{object-fit:cover;object-position:top center;display:block;max-width:100%;height:100%}.card-media .preview-link{background:#10152ae8;color:#e8e0ff;border:1px solid #ad96ff80;backdrop-filter:blur(12px);border-radius:21px}
.card-body{background:linear-gradient(165deg,#151a39,#0c132a);padding:24px}.card h3,.showcase-section .card h3{font-family:Georgia,'Times New Roman',serif;font-size:23px;letter-spacing:-.02em;color:#fff}.card p,.showcase-section .card p{color:#b4b9d4}.card-label,.showcase-section .card .card-label{color:#bba9ff;font-size:10px}.card .card-foot{color:#c2b1ff;border-color:#ffffff1a}
.portfolio-tools{color:#f7f3ff}.filter-chip{border:1px solid #8e7bd260;background:#0e1630;color:#d3cbea}.filter-chip:hover,.filter-chip.active{border-color:#c1aeff;background:linear-gradient(115deg,#b7a9ff,#8c7be5);color:#0f112a}.portfolio-count{color:#a5acd0}
/* process, lead radar, FAQ, contact */
.step,.radar-preview{background:linear-gradient(145deg,#111a3c,#0b112a);border:1px solid #8b83d13b;border-radius:18px;padding:27px;box-shadow:none}.step-num,.radar-type .n{color:#b7a7ff}.step h3,.addon strong,.radar-type h3{color:#f7f4ff}.step p,.addon p,.radar-type p{color:#b7bdd7}.steps{gap:15px}.pill{color:#d7cfff;border-color:#b6aaff4a;background:#ab91e60c}
.radar-preview{background:#101832}.dash-head{color:#e7dcff}.dash-row{color:#bfc5e4}.dash-row:first-child{color:#9aa4c6}.dash-tag{color:#c8b8ff}
.addon{padding:23px}.addon strong span{color:#cab8ff}.contact-grid{gap:74px;align-items:start}.contact-panel{padding:35px}.contact-panel h3{color:white}.contact-panel label{color:#e7e1f7}.contact-panel input,.contact-panel select,.contact-panel textarea{background:#080f26!important;color:#f8f5ff!important;border:1px solid #8a7fb85e!important;border-radius:10px!important}.contact-panel input::placeholder,.contact-panel textarea::placeholder{color:#969fc1}.contact-panel option{background:#101633;color:#f7f3ff}.contact-details small{color:#9b9dc9}.contact-details a,.contact-details strong{color:#e5dcff}.contact-detail{border-color:#8274ca32}.form-feedback{color:#ffbea9}.thanks{background:linear-gradient(155deg,#1b1b42,#0a1731);border:1px solid #b4a1ff91}.thanks h3,.thanks p{color:#f9f6ff}.thanks .opt-in{border-color:#a698cc4d}
.faq-list details{padding:0 24px;margin-bottom:14px}.faq-list summary{color:#f4f0ff}.faq-list summary:after{color:#b6a3ff}.faq-list details p{color:#adb7d7}.legal-box{max-width:870px}.legal-box h2{color:#f5f2ff}
.notice{background:#1c1a41;color:#ded3ff;border-left-color:#b49bff}
.band{background:radial-gradient(ellipse at 35% 0%,#7660cb5c,transparent 65%),linear-gradient(120deg,#171b48,#080d25);border:1px solid #a693f479;box-shadow:0 0 50px #7458ef29;border-radius:27px;padding:45px}.band h2{font-family:Georgia,'Times New Roman',serif;font-weight:400}.band p{color:#c1c2e2}
/* About */
.about-art{min-height:330px;border-radius:30px;border:1px solid #b59efc61;background:radial-gradient(ellipse at center,#3b34688c,transparent 70%),linear-gradient(145deg,#080f2b,#10102e);position:relative;display:flex;align-items:center;justify-content:center;flex-direction:column;overflow:hidden}.about-art img{width:min(350px,85%);height:auto;z-index:1}.about-halo{position:absolute;width:260px;height:260px;border:1px solid #ad90ff8a;border-radius:50%;box-shadow:0 0 90px #8663ed45}.about-wordmark{position:relative;z-index:1;margin-top:26px;color:#beb5e8;font-size:9px;letter-spacing:.14em}.about-values{background:#070d22}
/* Footer mirrors dark Squarespace shell without a fake white box around the dark logo */
.site-footer{background:radial-gradient(ellipse at 70% -70%,#644bad37,transparent 70%),#050916;border-top:1px solid #a187ed29;color:#dad9f5;padding-top:72px}
.site-footer .brand{display:block;background:transparent!important;padding:0!important;border:0!important}.site-footer .original-sinzel-logo{width:260px!important}.site-footer h4{color:#f0eaff}.site-footer a{color:#b0b4d2}.site-footer a:hover{color:#e9dfff}.site-footer p{color:#a2abc7}.footer-bottom{border-color:#7b72b239;color:#8f9ab7}.footer-bottom a{color:#c7b8ff}
/* misc contrast and util */
.mini-browser{display:none!important}.form-row{gap:16px}.line-split{gap:50px}.section-title +p{margin-top:18px}
@media(max-width:1250px){header.topbar .head-row{gap:15px}.original-sinzel-logo{width:184px!important}header.topbar .nav{gap:14px}header.topbar .nav a{font-size:12px}header.topbar .actions{gap:11px}header.topbar .actions .bttn{font-size:10px;padding:11px 15px}}
@media(max-width:1060px){header.topbar .head-row{grid-template-columns:auto 1fr auto}header.topbar .brand{order:1;justify-self:start}.original-sinzel-logo{width:180px!important}header.topbar .nav{order:3;position:absolute;top:85px;left:0;right:0;background:#0a112ce8;backdrop-filter:blur(24px);border:1px solid #8c79d646;box-shadow:0 30px 80px #0009;display:none;flex-direction:column;align-items:stretch;gap:0;padding:17px max(30px,calc((100% - 1000px)/2));z-index:10}header.topbar .nav.open{display:flex}header.topbar .nav a{font-size:14px;padding:14px 0;color:#e7e2fa}header.topbar .actions{order:2}.mobile-toggle{display:flex!important}}
@media(max-width:760px){.wrap{width:calc(100% - 38px)}.section{padding:66px 0}header.topbar{height:74px}header.topbar .nav{top:74px}header.topbar .actions .header-cta{display:none}.original-sinzel-logo{width:172px!important}.lang-switch{font-size:11px}.sinzel-hero-v2{min-height:640px}.hero-main{padding:95px 0 82px}.sinzel-hero-v2 h1{font-size:clamp(53px,9.4vw,74px)}.hero-description{font-size:16px}.hero-bottom-note{margin-top:54px}.page-hero{padding:71px 0 77px}.page-hero h1{font-size:clamp(45px,7vw,64px)}.price-grid,.value-cards,.portfolio-strip,.portfolio-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.pricing-highlight .price-card{min-height:auto}.showcase-section .showcase-heading{display:block}.showcase-section .showcase-heading .bttn{margin-top:20px}.about-split,.contact-grid{grid-template-columns:1fr;gap:35px}}
@media(max-width:550px){header.topbar .head-row{gap:8px}.original-sinzel-logo{width:151px!important}.lang-switch{gap:4px}.lang-switch .lang-slash{font-size:10px}.section{padding:58px 0}.section-title{font-size:37px}.sinzel-hero-v2{min-height:610px}.hero-main{padding:86px 0 72px}.sinzel-hero-v2 h1{font-size:clamp(43px,11.7vw,64px);line-height:1.12}.hero-kicker{font-size:9px;letter-spacing:.12em;gap:7px;margin-bottom:25px}.hero-description{font-size:15px;max-width:380px}.hero-actions{gap:14px}.hero-actions .bttn{min-width:0;width:100%;max-width:290px}.hero-star.star-two{right:4%}.hero-star.star-one{left:7%}.hero-bottom-note{gap:9px;font-size:10px;letter-spacing:0;margin-top:39px}.separator-dot{display:none}.hero-bottom-note .mini-star{display:none}.page-hero{padding:59px 0 64px}.page-hero h1{font-size:clamp(42px,10vw,60px)}.price-grid,.value-cards,.portfolio-strip,.portfolio-grid,.steps{grid-template-columns:1fr}.price-card{padding:31px 27px}.price-card .desc{min-height:0}.contact-panel{padding:26px 22px}.band{padding:33px 26px}.about-art{min-height:240px}.about-art img{width:79%}.site-footer .original-sinzel-logo{width:205px!important}.footer-grid{grid-template-columns:1fr 1fr;gap:28px}.footer-grid>div:first-child,.footer-grid>div:last-child{grid-column:1/-1}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation:none!important;transition-duration:.01ms!important}}


/* SINZEL TYPOGRAPHY — editorial serif plus clean contemporary interface. */
:root{--sinzel-display:'Cormorant Garamond','Iowan Old Style','Baskerville',Georgia,serif;--sinzel-body:'DM Sans','Avenir Next','Segoe UI',sans-serif;--sinzel-script:'Parisienne','Snell Roundhand',cursive}
body{font-family:var(--sinzel-body)!important;font-size:15.5px;line-height:1.6}
h1,h2,h3{font-feature-settings:'kern';text-wrap:pretty}
.section-title,.page-hero h1,.price-name,.price-card .price,.band h2,.card h3,.showcase-section .card h3{font-family:var(--sinzel-display)!important}
.section-title{font-size:clamp(47px,5.1vw,70px);font-weight:500;line-height:1.03;letter-spacing:-.035em}
.page-hero h1{font-size:clamp(53px,6vw,83px);font-weight:500;line-height:1.01}
.sinzel-hero-v2 h1,.sinzel-hero-v2 h1 em{font-family:var(--sinzel-display)!important}
.sinzel-hero-v2 h1{font-size:clamp(73px,8.8vw,128px);line-height:.92;letter-spacing:-.05em;font-weight:500;max-width:1250px;margin-bottom:32px}
.sinzel-hero-v2 h1 em{font-weight:400;letter-spacing:-.04em}
.hero-main{padding-top:125px;padding-bottom:118px}
.hero-description{max-width:610px;font-size:16px;letter-spacing:.005em}
.neon-script{font-family:var(--sinzel-script);font-style:normal;font-size:clamp(45px,6vw,77px);line-height:1.38;letter-spacing:0}
.price-name{font-size:36px!important;font-weight:500!important}
.price-card .price{font-size:45px;line-height:1.1}
.price-card .price span{font-family:var(--sinzel-body)}
.card h3,.showcase-section .card h3{font-size:29px;line-height:1.06;font-weight:500}
.band h2{font-size:clamp(38px,3.7vw,59px);font-weight:500}
.value h3,.step h3,.radar-type h3,.addon strong{font-family:var(--sinzel-body);font-weight:600;letter-spacing:-.02em}
.nav a,.bttn,.lang-switch,.filter-chip{font-family:var(--sinzel-body)}
/* Add high-quality atmospheric glow and luminous details without an ONYX split-screen. */
.sinzel-hero-v2{background:radial-gradient(ellipse at 47% 10%,rgba(57,54,154,.18) 0%,transparent 46%),linear-gradient(145deg,#030717,#080c28 56%,#0c0c30 100%)}
.hero-light-one{background:radial-gradient(ellipse,rgba(98,75,196,.4) 3%,rgba(45,43,116,.19) 43%,transparent 72%)}
.hero-light-two{background:radial-gradient(ellipse,rgba(111,67,213,.55),rgba(31,54,140,.2) 43%,transparent 75%)}
.hero-kicker{font-size:11px;font-weight:600;letter-spacing:.22em}
.hero-bottom-note{letter-spacing:.055em}

/* The exact Sinzel logo is used. Only size and positioning change. */
.original-sinzel-logo{filter:none!important}
header.topbar{background:rgba(6,8,27,.66)!important;backdrop-filter:blur(23px) saturate(155%);-webkit-backdrop-filter:blur(23px) saturate(155%);border-bottom:1px solid rgba(176,153,249,.2);transition:background-color .25s,box-shadow .25s}
header.topbar.is-scrolled{background:rgba(6,8,26,.83)!important;box-shadow:0 7px 32px rgba(0,0,0,.26),0 1px 0 #8a6bd325}
header.topbar .nav a{font-weight:500}
header.topbar .actions .bttn{letter-spacing:.02em}
header.topbar .actions .bttn:hover{transform:translateY(-1px)}
/* All sections remain deep navy; older inline white backgrounds are removed in page sources. */
.section,.section-small{color:#f6f2ff}
.section-small{background:linear-gradient(155deg,#080c23,#0a102a)}
.section-title,.step h3,.price-card h3,.radar-type h3{color:#f9f5ff}
.section:nth-of-type(even){background:linear-gradient(135deg,#070c21,#0a102d 78%,#0d1030)}
.footnote{color:#aab1ce!important}
/* Retain photographed Squarespace concepts in a visually differentiated editorial grid. */
.showcase-section{background:radial-gradient(ellipse at 90% -30%,#6545aa4e,transparent 58%),#090e27!important}
.showcase-section .card{background:#111831!important;border-color:#8073c246}
.showcase-section .card h3{color:#f8f4ff!important}
.showcase-section .card p{color:#b4b9d4!important}
.showcase-section .card .card-label{color:#bba9ff!important}
.card-media img{width:100%;height:100%;object-fit:cover;object-position:top}
.card-media{overflow:hidden}
.card-media img{transition:transform .45s}
.card:hover .card-media img{transform:scale(1.035)}
/* Subtle borders, soft lilac lights and disciplined whitespace on contact and FAQ. */
.contact-panel,.price-card,.value,.radar-type{border-color:rgba(167,149,236,.32)}
.faq-list details[open]{border-color:#ad94ff9b;box-shadow:0 0 25px #7056d329}
.contact-panel input:focus,.contact-panel textarea:focus,.contact-panel select:focus{outline:1px solid #b7a0ff;box-shadow:0 0 0 3px #9c7bfa23}
.site-footer{border-top-color:#956ffb45}
@media(max-width:1060px){.sinzel-hero-v2 h1{font-size:clamp(65px,8vw,96px)}.hero-main{padding-top:110px}}
@media(max-width:760px){.sinzel-hero-v2 h1{font-size:clamp(62px,10.2vw,81px)}.hero-main{padding:104px 0 90px}.section-title{font-size:clamp(45px,7vw,60px)}.page-hero h1{font-size:clamp(52px,7.5vw,66px)}}
@media(max-width:550px){.sinzel-hero-v2 h1{font-size:clamp(54px,12.7vw,74px);line-height:.96}.hero-main{padding:90px 0 75px}.hero-kicker{font-size:9px;letter-spacing:.11em}.hero-description{font-size:15px}.section-title{font-size:46px}.page-hero h1{font-size:53px}.neon-script{font-size:56px}.original-sinzel-logo{width:150px!important}}
@media(max-width:370px){.original-sinzel-logo{width:133px!important}.lang-switch{font-size:10px}.sinzel-hero-v2 h1{font-size:51px}.section-title{font-size:41px}}

/* SINZEL HEADER REFINEMENT — transparent frosted glass, inspired by the original Squarespace bar. */
header.topbar,
header.topbar.is-scrolled{
  background:rgba(5,9,27,.30)!important;
  -webkit-backdrop-filter:blur(19px) saturate(145%)!important;
  backdrop-filter:blur(19px) saturate(145%)!important;
  border-bottom:1px solid rgba(198,178,255,.17);
  box-shadow:0 6px 28px rgba(1,3,20,.13),inset 0 -1px rgba(204,185,255,.07);
}
header.topbar.is-scrolled{
  background:rgba(5,9,27,.37)!important;
  box-shadow:0 8px 38px rgba(1,3,20,.26),inset 0 -1px rgba(204,185,255,.08);
}
header.topbar:before{background:linear-gradient(90deg,rgba(64,59,130,.09),rgba(6,9,29,.01) 48%,rgba(116,71,170,.10));}
/* Services is a single accessible menu button on all pages and both languages. */
header.topbar .nav .nav-services-group{position:relative;display:flex;align-items:center;isolation:isolate}
header.topbar .nav .nav-services-toggle{
  display:inline-flex;align-items:center;justify-content:flex-start;gap:7px;
  font-family:var(--sinzel-body);font-weight:500;font-size:13px;letter-spacing:0;
  border:0;border-bottom:1px solid transparent;background:none;padding:5px 0;
  color:#d4d3e8;white-space:nowrap;line-height:1.3;cursor:pointer
}
header.topbar .nav .nav-services-toggle:hover,
header.topbar .nav .nav-services-toggle.active,
header.topbar .nav .nav-services-toggle[aria-expanded="true"]{
  color:#fff;border-bottom-color:#d2b8ff
}
header.topbar .nav .nav-dropdown-chevron{display:inline-block;color:#c4b3ff;font-size:17px;line-height:0.7;transform:translateY(-2px);transition:transform .2s ease}
header.topbar .nav .nav-services-toggle[aria-expanded="true"] .nav-dropdown-chevron,
header.topbar .nav .nav-services-group:hover .nav-dropdown-chevron{transform:translateY(0) rotate(180deg)}
header.topbar .nav .services-dropdown{
  position:absolute;top:calc(100% + 12px);left:-18px;min-width:235px;
  display:grid;gap:3px;visibility:hidden;opacity:0;pointer-events:none;
  padding:9px;border-radius:15px;
  background:rgba(13,16,43,.80);
  border:1px solid rgba(185,159,255,.40);
  -webkit-backdrop-filter:blur(25px) saturate(155%);
  backdrop-filter:blur(25px) saturate(155%);
  box-shadow:0 18px 44px rgba(2,3,20,.55),0 0 26px rgba(124,93,245,.21);
  transform:translateY(-6px);transition:opacity .18s,transform .18s,visibility .18s;
  z-index:10
}
/* Bridge the small visual gap so the dropdown stays open as the pointer moves. */
header.topbar .nav .services-dropdown:before{content:"";position:absolute;left:0;right:0;top:-14px;height:14px}
header.topbar .nav .nav-services-group.is-open .services-dropdown{visibility:visible;opacity:1;pointer-events:auto;transform:translateY(0)}
@media (hover:hover) and (min-width:1061px){
 header.topbar .nav .nav-services-group:not(.menu-dismissed):hover .services-dropdown{visibility:visible;opacity:1;pointer-events:auto;transform:translateY(0)}
}
header.topbar .nav .services-dropdown a{
  display:block;white-space:nowrap;padding:12px 14px;border-radius:9px;
  border:0;font-size:13px;color:#e9e3ff;font-weight:500;
  transition:background-color .18s,color .18s
}
header.topbar .nav .services-dropdown a:hover,
header.topbar .nav .services-dropdown a:focus-visible,
header.topbar .nav .services-dropdown a[aria-current="page"]{
  color:#fff;background:rgba(152,122,255,.22);border:0
}
/* Fully visible neon MOST POPULAR badge above the center card, with a lavender aura. */
.price-card.featured{overflow:visible!important;isolation:isolate}
.price-card.featured .popular{
  top:-17px;right:18px;left:auto;z-index:5;display:inline-flex;
  align-items:center;justify-content:center;max-width:calc(100% - 36px);
  min-height:31px;padding:7px 17px;line-height:1.2;
  color:#f7edff;font-family:var(--sinzel-body);
  font-size:10px;font-weight:750;letter-spacing:.145em;white-space:nowrap;
  border:1px solid rgba(222,204,255,.78);border-radius:99px;
  background:linear-gradient(105deg,rgba(73,48,135,.99),rgba(111,68,197,.96));
  box-shadow:0 0 14px rgba(170,132,255,.65),0 0 28px rgba(127,89,236,.48);
  text-shadow:0 0 9px rgba(235,216,255,.65)
}
.price-card.featured:hover{box-shadow:0 0 27px rgba(147,108,245,.42),0 22px 64px #0004}
@media(max-width:1250px){header.topbar .nav .nav-services-toggle{font-size:12px}}
@media(max-width:1060px){
  header.topbar .nav .nav-services-group{display:block;width:100%}
  header.topbar .nav .nav-services-toggle{width:100%;justify-content:space-between;padding:14px 0;font-size:14px;color:#e7e2fa}
  header.topbar .nav .services-dropdown{
    display:none;position:static;min-width:0;visibility:visible;opacity:1;pointer-events:auto;
    transform:none;transition:none;margin:0 0 10px;padding:5px 8px;
    border-radius:12px;background:rgba(153,120,236,.10);
    border:1px solid rgba(182,154,255,.18);box-shadow:none;
    -webkit-backdrop-filter:none;backdrop-filter:none
  }
  header.topbar .nav .services-dropdown:before{display:none}
  header.topbar .nav .nav-services-group.is-open .services-dropdown{display:grid}
  header.topbar .nav .nav-services-group:not(.is-open) .services-dropdown{display:none}
  header.topbar .nav .services-dropdown a{padding:12px 14px;font-size:13px}
  header.topbar .nav .services-dropdown a:hover{background:rgba(153,120,236,.2)}
}
@media(max-width:550px){
  .price-grid{row-gap:29px}
  .price-card.featured .popular{right:15px;padding:7px 13px;font-size:9px}
}
@media(prefers-reduced-motion:reduce){
  header.topbar .nav .services-dropdown,
  header.topbar .nav .nav-dropdown-chevron{transition:none!important}
}

/* October 2026: definitive Most Popular badge fix.
   Keep the badge entirely INSIDE its pricing card (rather than partially
   above the border) so it cannot be clipped by the card/grid/viewport.
   Reserve an identical badge row on all three cards to align package names. */
.price-grid > .price-card{
  padding-top:78px !important;
}
.price-grid > .price-card.featured > .popular{
  position:absolute !important;
  top:17px !important;
  left:50% !important;
  right:auto !important;
  bottom:auto !important;
  transform:translateX(-50%) !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  min-height:35px !important;
  width:max-content !important;
  max-width:calc(100% - 30px) !important;
  padding:7px 17px !important;
  white-space:nowrap !important;
  line-height:1.35 !important;
  font-size:10px !important;
  letter-spacing:.12em !important;
  font-weight:800 !important;
  border:1px solid rgba(232,212,255,.88) !important;
  border-radius:999px !important;
  color:#fff !important;
  background:linear-gradient(110deg,#503089,#8152dc) !important;
  box-shadow:0 0 15px rgba(172,135,255,.65),0 0 30px rgba(124,83,230,.42) !important;
  text-shadow:0 0 8px rgba(251,230,255,.8) !important;
  opacity:1 !important;
  visibility:visible !important;
  z-index:5 !important;
}
@media(max-width:550px){
  .price-grid > .price-card{padding-top:78px !important;}
  .price-grid > .price-card.featured > .popular{font-size:10px !important;padding:7px 13px !important;}
}

/* 2026-10-15: website pricing and gallery enhancement, additive styling only */
.pricing-clarity{margin:29px auto 10px;max-width:1110px;border:1px solid rgba(173,159,238,.34);background:linear-gradient(130deg,rgba(20,30,64,.93),rgba(36,24,71,.88));border-radius:18px;padding:26px 31px;box-shadow:0 18px 42px rgba(0,0,0,.12)}
.pricing-clarity p,.hosting-options .footnote{color:#bfc6e3!important;font-size:14px;line-height:1.7;margin:0 0 13px}
.pricing-clarity p:last-child{margin-bottom:0}.pricing-clarity strong{color:#f9f5ff}.homepage-price-note{margin:29px auto 0;max-width:880px;text-align:center;color:#bfc6e3!important;font-size:13px;line-height:1.7}.homepage-price-note a{color:#d6c1ff;text-decoration:underline;text-underline-offset:3px}
.care-section{background:#080e24}.hosting-options{padding:2px 0}.hosting-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin:28px 0}.hosting-plan{border:1px solid rgba(168,149,232,.35);background:linear-gradient(145deg,#111a36,#14142e);border-radius:19px;padding:27px 25px;min-width:0}.hosting-plan h3{font-family:var(--sinzel-display);font-size:24px;line-height:1.2;color:#fff;margin:0 0 12px}.hosting-price{font-size:33px;color:#fff;font-family:var(--sinzel-display);margin-bottom:14px}.hosting-price small{font-size:13px;font-family:var(--sinzel-body);color:#b9b3d4}.hosting-plan p{color:#bdc6e0;font-size:14px;margin:0}.hosting-options .section-title{max-width:850px}.hosting-options .section-lead{color:#c0c9e2}.hosting-options>.footnote{max-width:1050px}
#portfolio-grid .concept-image-link{display:block;overflow:hidden}#portfolio-grid .concept-image-link:focus-visible{outline:3px solid #c6aafa;outline-offset:3px}#portfolio-grid .concept-image-link img{width:100%}#portfolio-grid .card[hidden]{display:none!important}
.service-policy-summary{margin-bottom:30px;border-bottom:1px solid rgba(176,156,231,.32);padding-bottom:20px}.service-policy-summary h2{color:#fff;margin:0 0 18px}.service-policy-summary p{margin-bottom:15px}.service-policy-summary strong{color:#f7f1ff}
@media(max-width:760px){.hosting-grid{grid-template-columns:1fr;gap:15px}.hosting-plan{padding:25px}.pricing-clarity{padding:22px 20px}.homepage-price-note{text-align:left}}

/* Portfolio demo screenshots: maintain the current Sinzel visual system. */
.card-media>a.concept-image-link{display:block;width:100%;height:100%;overflow:hidden}
.card-media>a.concept-image-link>img{width:100%;height:100%;object-fit:cover;object-position:top center}
.card-media .preview-link{z-index:2}

/* Mobile-only: shift the left hero star below the D in Designed, without touching desktop. */
@media (max-width: 550px) {
  .sinzel-hero-v2 .hero-star.star-one { top: 29%; }
}

/* Hosting & Care package copy — scoped to the three existing pricing cards. */
.hosting-options .hosting-plan{display:flex;flex-direction:column;gap:0;line-height:1.55}
.hosting-options .hosting-plan .care-tagline{color:#f1e5ff;font-size:16px;line-height:1.4;font-weight:700;margin:-2px 0 10px}
.hosting-options .hosting-plan .care-intro{color:#d1d4e8;line-height:1.65;margin:0 0 17px}
.hosting-options .hosting-plan h4{color:#f9f3ff;font-family:var(--sinzel-body);font-weight:700;font-size:13px;letter-spacing:.035em;line-height:1.4;margin:13px 0 10px}
.hosting-options .hosting-plan .care-list{list-style:disc;padding-left:18px;margin:0 0 18px;color:#c7cce3;font-size:14px;line-height:1.7}
.hosting-options .hosting-plan .care-list li+li{margin-top:8px}
.hosting-options .hosting-plan .care-bottom{margin-top:auto;border-top:1px solid rgba(178,156,232,.2);padding-top:7px}
.hosting-options .hosting-plan .care-feature{border-top:1px solid rgba(178,156,232,.18);padding:13px 0 0;margin-top:12px}
.hosting-options .hosting-plan .care-feature>strong{display:block;font-size:14px;line-height:1.45;color:#efe4ff;margin-bottom:6px}
.hosting-options .hosting-plan .care-feature p{line-height:1.6}
.hosting-options .hosting-plan .care-choice{padding:11px 0 0}
.hosting-options .hosting-plan .care-choice b{display:block;font-size:13px;color:#f3eafd;margin:4px 0 5px}
.hosting-options .hosting-plan .care-choice .care-or{display:block;font-size:11px;font-weight:700;letter-spacing:.12em;color:#c5acf2;margin:13px 0}
.hosting-options .hosting-plan .care-limitation{font-size:12px;line-height:1.65;color:#b6bad5;margin-top:20px;border-top:1px solid rgba(178,156,232,.2);padding-top:14px}
.hosting-options .care-ownership{font-size:14px;line-height:1.75;color:#d2cfea;margin:24px 0 12px}
.hosting-options .care-ownership strong{color:#f9f3ff}
.hosting-options>.footnote{margin:0;font-size:12px;line-height:1.8}
@media(max-width:760px){.hosting-options .hosting-plan .care-intro{margin-bottom:12px}.hosting-options .care-ownership{margin-top:20px}}


/* Mobile homepage finishing: preserve the desktop hero decorations, display the
   two separator dots and keep the small right-side star clear of the portfolio CTA. */
@media (max-width: 540px) {
  .sinzel-hero-v2 .hero-bottom-note {
    gap: 6px;
    flex-wrap: nowrap;
    white-space: nowrap;
    font-size: clamp(8px, 2.35vw, 10px);
    letter-spacing: 0;
  }
  .sinzel-hero-v2 .hero-bottom-note .separator-dot {
    display: inline-block;
    flex: 0 0 3px;
    width: 3px;
    height: 3px;
  }
  .sinzel-hero-v2 .hero-star.star-three { bottom: 96px; }
}


/* Sinzel 2026: concise contact, Google services & hosting FAQ additions */
.contact-section-refined{padding-top:clamp(60px,8vw,108px)!important}
.contact-section-refined .contact-grid>div:first-child .section-title{max-width:500px;font-size:clamp(37px,4.4vw,57px);line-height:1.1}
.contact-section-refined .contact-grid>div:first-child>p{max-width:510px;line-height:1.85}
.contact-whatsapp{display:inline-flex!important;align-items:center;gap:8px;margin-top:13px;padding:10px 14px;border:1px solid #b8a4ee88;border-radius:999px;color:#eee6ff!important;background:#a894ff12;font-size:12px!important;font-weight:750;transition:border-color .2s,background .2s}
.contact-whatsapp:hover{background:#ad94ff30;border-color:#c8b8ff}
.contact-whatsapp:before{content:'✦';color:#bea8ff}
.contact-quicklinks{margin-top:37px;max-width:480px;border-top:1px solid #9e90cf35;padding-top:26px}
.contact-quicklinks p{font-size:13px;line-height:1.75;color:#b5bdd9}
.contact-quicklinks strong{color:#f1ecff;font-weight:650}
.contact-quicklinks .bttn{margin:2px 0 18px;min-height:43px;font-size:12px}
.contact-quicklinks .intake-note a{color:#c9b9ff;text-decoration:underline;text-underline-offset:3px}
.google-service-section{padding-top:72px!important;border-top:1px solid #9a8fd529;background:radial-gradient(ellipse 38% 36% at 94% 2%,#9472f018,transparent 100%)}
.google-service-section .addons{max-width:990px}
.google-service-section .google-cta{margin-top:22px}
.care-faq-link{display:inline-block;margin-top:14px;color:#c5b4ff!important;font-size:13px;font-weight:700;text-decoration:underline;text-underline-offset:5px}
.faq-care-prompt{margin:30px auto 0;max-width:850px;color:#bfc5db;font-size:14px;line-height:1.75}
.faq-care-prompt a{color:#c8b5ff;text-decoration:underline;text-underline-offset:4px}
@media(max-width:760px){.contact-section-refined{padding-top:52px!important}.contact-section-refined .contact-grid{gap:30px}.contact-quicklinks{margin-top:24px}.google-service-section{padding-top:54px!important}}

/* Contact phone: keep number stationary and separate the WhatsApp button on all screens. */
.contact-section-refined .contact-detail .contact-whatsapp{margin-left:16px;}
@media(max-width:560px){.contact-section-refined .contact-detail .contact-whatsapp{margin-left:16px;}}