@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--ink:#25242b;--muted:#6b6971;--lime:#caf57b;--purple:#7654c4;--line:#e2e1e5;--paper:#fafaf8}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;color:var(--ink);background:var(--paper);font-family:'DM Sans',Arial,sans-serif;font-size:16px;line-height:1.6}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button,a,input,textarea,select{outline-offset:5px}button{cursor:pointer}button:disabled{cursor:default}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:Manrope,Arial,sans-serif;letter-spacing:-.045em;line-height:1.12}em,.italic{font-family:Georgia,serif;font-weight:400}h2{font-size:clamp(30px,3.2vw,46px);font-weight:600}h3{font-size:25px;font-weight:600}.wrap{width:min(1240px,calc(100% - 96px));margin:auto}.header{height:100px;width:min(1340px,calc(100% - 96px));margin:auto;display:flex;align-items:center;justify-content:space-between;gap:25px}.brand{font-family:Manrope,sans-serif;font-size:38px;font-weight:800;letter-spacing:-2.8px;line-height:1}.brand-dot{color:var(--purple)}nav{display:flex;gap:34px;font-size:14px}nav a:hover,.text-link:hover{color:var(--purple)}.button{border:0;display:inline-flex;align-items:center;justify-content:center;gap:28px;padding:16px 23px;border-radius:7px;font-size:14px;font-weight:600;transition:transform .2s,background .2s}.button:hover{transform:translateY(-2px)}.dark{color:white;background:var(--ink)}.dark:hover{background:#494053}.lime{background:var(--lime);color:var(--ink)}.small{padding:12px 19px}.hero{display:grid;grid-template-columns:1fr 1fr;gap:54px;align-items:center;padding:65px 0 88px}.eyebrow{display:block;font-size:11px;letter-spacing:.14em;font-weight:700;margin-bottom:24px}.tiny-mark{color:var(--purple);font-size:21px;vertical-align:middle;margin-right:9px}.hero h1{font-size:clamp(44px,4.55vw,68px);font-weight:600;letter-spacing:-.055em;line-height:1.09;margin-bottom:26px}.hero-copy>p{max-width:450px;font-size:16px;line-height:1.85;color:var(--muted)}.hero-actions{display:flex;align-items:center;gap:25px;margin-top:30px}.text-link{font-size:14px;font-weight:600}.trial-note{font-size:12px;margin-top:20px;color:var(--muted)}.check{color:#587629;margin-right:5px}.hero-workspace{position:relative;transform:rotate(-2deg);border:1px solid #d7d4de;background:#fff;border-radius:12px;box-shadow:0 24px 65px #32234415;margin:15px 0 30px}.workspace-top{padding:15px;display:flex;gap:10px;align-items:center;font-size:11px;border-bottom:1px solid var(--line)}.mini-brand{background:var(--ink);color:var(--lime);padding:0 8px;border-radius:5px;font-weight:800;font-size:19px}.pill{margin-left:auto;font-size:8px;letter-spacing:.08em;color:var(--purple);background:#f0ebfa;padding:5px 8px;border-radius:4px}.workspace-body{display:flex;padding:15px 15px 15px 0;background:#f4f3f6}.mock-tools{display:flex;flex-direction:column;align-items:center;gap:20px;width:44px;flex-shrink:0;color:#8d8799;font-size:17px}.mock-tools .active{color:var(--purple);background:#e9e0fc;padding:0 7px;border-radius:4px}.sample-site{background:#f4efdf;width:100%;overflow:hidden}.sample-nav{display:flex;align-items:center;justify-content:space-between;padding:20px 18px;font-size:8px;border-bottom:1px solid #81765825}.sample-nav strong{font-size:10px;letter-spacing:-.03em}.sample-nav strong span{font-size:7px;vertical-align:top}.sample-content{display:grid;grid-template-columns:1fr .85fr;padding:30px 20px 32px;gap:5px}.micro{font-size:7px;letter-spacing:.18em}.sample-content h2{font-size:42px;margin:14px 0;line-height:1.04;font-family:Georgia,serif;font-weight:400;letter-spacing:-.05em}.sample-content p{font-size:9px;line-height:1.7;color:#6a655a}.sample-cta{display:inline-block;font-size:8px;background:#333c2f;color:#fff;padding:9px 11px;margin-top:5px}.salon-type{background:#d1d6ad;border-radius:90px 90px 0 0;display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden;color:#414735}.salon-type>span{font:italic 180px/.8 Georgia,serif;letter-spacing:-.15em;transform:translateX(-8px)}.salon-type small{font-size:7px;letter-spacing:.3em;line-height:1.7;margin-top:25px;text-align:center}.sample-footer{display:flex;justify-content:space-between;padding:12px 20px;font-size:7px;border-top:1px solid #81765825}.workspace-bottom{display:flex;justify-content:space-between;padding:12px 18px;font-size:9px;color:#79747f}.module-float{position:absolute;bottom:-24px;right:-17px;display:flex;gap:12px;align-items:center;background:#fff;border:1px solid var(--line);border-radius:9px;padding:14px;box-shadow:0 12px 28px #251c3512;transform:rotate(2deg)}.module-float strong{font-size:11px;display:block}.module-float small{font-size:9px;display:block;color:var(--muted)}.module-icon{background:#eae2f8;color:var(--purple);font-size:21px;width:37px;height:37px;text-align:center;border-radius:6px}.float-plus{background:var(--lime);border-radius:50%;width:23px;height:23px;line-height:23px;text-align:center;margin-left:8px}.intro-strip{border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.intro-strip .wrap{display:flex;justify-content:space-between;align-items:center;padding-top:25px;padding-bottom:25px;font-size:13px;color:var(--muted)}.intro-strip .wrap>div{display:flex;gap:30px;align-items:center;font-size:20px;color:var(--ink);font-weight:500}.asterisk{color:var(--purple)}.section{padding-top:85px;padding-bottom:85px}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:34px}.section-heading h2{margin-bottom:0}.section-heading .eyebrow{margin-bottom:16px}.section-heading>p{color:var(--muted);font-size:14px;margin-bottom:3px}.services{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.service{border:1px solid var(--line);border-radius:9px;padding:28px;display:flex;flex-direction:column;min-height:326px;background:#fff}.website-card{background:var(--lime);border-color:var(--lime)}.card-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px}.service-number{font-size:10px;font-weight:700;letter-spacing:.1em}.service-symbol{font-size:31px;font-weight:400;line-height:1}.service h3{margin-bottom:15px}.service p{font-size:14px;color:#62616a;line-height:1.8}.website-card p{color:#455331}.card-link{display:flex;justify-content:space-between;gap:15px;font-size:13px;font-weight:700;border-top:1px solid #25242b20;padding-top:20px;margin-top:auto}.card-link:hover{text-decoration:underline}.studio-section{background:#edeaf3;padding:75px 0}.studio-section>.wrap>h2{margin-bottom:17px}.studio-section>.wrap>p{color:var(--muted)}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:45px;margin-top:50px}.steps article>span{display:inline-block;border-bottom:2px solid var(--purple);font-size:13px;padding-bottom:8px;margin-bottom:20px}.steps h3{font-size:23px}.steps p{color:var(--muted);font-size:15px}.subtle{font-size:12px;color:var(--muted);margin:25px 0 0}.contact-section{background:#27252e;color:#fff;padding:75px 0}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:90px}.contact-grid h2{font-size:clamp(42px,5vw,66px);margin-top:35px}.contact-grid>div>p{max-width:365px;color:#c2bdcb}.contact-grid .eyebrow{color:var(--lime)}.contact-sign{display:block;margin-top:42px;font-size:13px;color:var(--lime)}label{display:block;font-size:13px;font-weight:500;margin-bottom:16px}input,textarea,select{display:block;width:100%;margin-top:7px;padding:12px 14px;border:1px solid #ffffff35;border-radius:5px;background:#ffffff08;color:inherit;font-size:14px}select option{color:var(--ink);background:#fff}textarea{resize:vertical}input::placeholder,textarea::placeholder{color:#aaa4b4}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.optional{font-size:11px;color:#b1aaba}.form-note{font-size:12px;color:#b9b2c5;margin:0 0 20px}#contact-status{font-size:13px;color:var(--lime);margin-top:14px}.footer{display:flex;align-items:center;justify-content:space-between;padding-top:35px;padding-bottom:35px;gap:20px}.footer>span,.footer small{font-size:12px;color:var(--muted)}.footer .brand{font-size:30px}.skip{position:fixed;top:-100px;left:10px;z-index:99;background:white;padding:10px}.skip:focus{top:10px}.toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);background:var(--ink);color:#fff;padding:13px 22px;z-index:20;border-radius:8px;box-shadow:0 8px 25px #0002;max-width:90%;font-size:14px}.toast[hidden]{display:none}
@media(min-width:1600px){.hero{padding-top:90px;padding-bottom:110px}}@media(max-width:1050px){.wrap,.header{width:calc(100% - 48px)}.hero{gap:30px}.hero-actions{gap:14px;flex-wrap:wrap}.hero h1{font-size:48px}.sample-nav>span:nth-child(2){display:none}.sample-content h2{font-size:34px}.salon-type>span{font-size:140px}.service{padding:22px}.contact-grid{gap:45px}.intro-strip .wrap>div{gap:20px}}@media(max-width:760px){.header{height:80px}.header nav{display:none}.header .brand{font-size:32px}.header .button{padding:11px 13px;font-size:12px;gap:10px}.wrap,.header{width:calc(100% - 36px)}.hero{grid-template-columns:1fr;padding:35px 0 55px;gap:45px}.hero h1{font-size:clamp(42px,10vw,64px)}.hero-copy>p{font-size:16px}.hero-workspace{width:92%;margin:0 auto 20px}.sample-content h2{font-size:43px}.salon-type>span{font-size:160px}.intro-strip .wrap{flex-direction:column;gap:15px}.intro-strip .wrap>div{font-size:18px}.section,.studio-section,.contact-section{padding-top:55px;padding-bottom:55px}.section-heading{align-items:start;flex-direction:column;gap:18px}.services,.steps,.contact-grid{grid-template-columns:1fr}.service{min-height:285px}.steps{gap:25px;margin-top:30px}.steps h3{margin-bottom:12px}.steps article>span{margin-bottom:14px}.contact-grid{gap:30px}.contact-grid h2{margin-top:20px}.contact-sign{margin-top:22px}.footer{flex-wrap:wrap}.footer>span{display:none}.form-row{grid-template-columns:1fr;gap:0}.eyebrow{font-size:10px}.module-float{right:-10px}.hero-actions .button{padding:15px 19px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
/* Iventiv supplied logo: transparent mark paired with the existing wordmark. */
.brand{display:inline-flex;align-items:center;gap:7px;flex-shrink:0;white-space:nowrap;color:#122142}.brand-mark{display:block;width:58px;height:44px;object-fit:contain;flex:none}.brand-name{display:block;line-height:1;letter-spacing:-.07em}.footer .brand-mark{width:48px;height:37px}.mini-brand{display:inline-flex;align-items:center;justify-content:center;background:transparent;padding:0}.mini-brand img{display:block;object-fit:contain}.v-brand-group .brand-mark{width:48px;height:37px}@media(max-width:600px){.header .brand{font-size:27px;gap:2px}.header .brand-mark{width:42px;height:34px}.v-brand-group .brand-mark{width:39px;height:30px}.brand{gap:4px}}

.iventiv-confirm{width:min(480px,90vw);padding:32px;border:1px solid #e0d8ee;border-radius:18px;box-shadow:0 24px 80px #27203533;color:#242637}.iventiv-confirm::backdrop{background:#20183377}.iventiv-confirm h2{font-size:24px;margin:0 0 18px}.iventiv-confirm p{line-height:1.8;font-size:14px;margin:0 0 24px}.iventiv-confirm form{display:flex;gap:12px;justify-content:flex-end}.iventiv-confirm button{padding:12px 18px;border-radius:8px;border:1px solid #dbd3e9;background:white;cursor:pointer}.iventiv-confirm button[value=confirm]{background:#7551bf;color:white;border:0}
/* Shared, accessible close control for every dialog. */
dialog { position:relative; }
dialog .dialog-close { position:absolute;top:16px;right:16px;left:auto;display:flex;align-items:center;justify-content:center;width:40px;height:40px;padding:0;border:1px solid #e8e3f0;border-radius:50%;background:#f7f5fb;color:#605571;font:26px/1 system-ui;cursor:pointer;z-index:2; }
dialog .dialog-close:hover { background:#eee7fa;color:#7049bc; }
dialog .dialog-close:focus-visible { outline:3px solid #9571d8;outline-offset:3px; }
dialog > form[method="dialog"] { margin:0;padding:0; }