/* V3: genuine structural redesign, preserving original site content and interactions */
@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@400;500;600;700&display=swap');
:root{--paper:#f7f5f1;--ink:#171322;--lime:#aa83ff;--line:#ded9e3;--violet:#a783ff;--dark:#171322;--cream:#f7f5f1}
html{scroll-padding-top:76px}body{background:var(--cream);color:var(--dark);font-family:'DM Sans',sans-serif;overflow-x:hidden}
h1,h2,h3,.logo{font-family:'Space Grotesk',sans-serif}h2{letter-spacing:-.065em;font-weight:600}
.wrap{max-width:1600px;padding:0 clamp(20px,5vw,82px)}
header{height:86px;border:0;position:relative;z-index:10;background:var(--dark);color:#f9f7ff;margin:0 calc(-1 * clamp(20px,5vw,82px));padding:0 clamp(20px,5vw,82px);border-bottom:1px solid #ffffff24}
.logo{font-size:clamp(17px,2vw,25px);letter-spacing:-.075em;font-weight:700}.logo i{color:#bb9aff;margin-left:4px}.nav{gap:30px}.navcta{background:#aa83ff;color:#171322;font-weight:700}.navcta:hover{background:#d2c1ff;color:#171322}
.hero{background:var(--dark);color:#fff;padding:90px 0 100px;isolation:isolate;position:relative;margin:0 calc(-1 * clamp(20px,5vw,82px));padding-left:clamp(20px,5vw,82px);padding-right:clamp(20px,5vw,82px);overflow:hidden}
.hero::before{inset:0;z-index:-1;background:radial-gradient(ellipse 40% 70% at 92% 32%,#673bb35e,transparent 70%),radial-gradient(ellipse 40% 60% at 0% 100%,#43236b45,transparent 75%)}
.hero::after{content:'';position:absolute;right:-100px;top:80px;width:min(48vw,650px);height:min(48vw,650px);border:1px solid #a783ff40;border-radius:50%;box-shadow:0 0 0 60px #a783ff0a,0 0 0 130px #a783ff09;pointer-events:none}
.hero-top{position:relative;z-index:2}.hero-top .eyebrow{color:#b9a8d3}.status{color:#eee6fa}.dot{background:#adffb1;box-shadow:0 0 0 4px #adffb122}
.hero h1{font-size:clamp(60px,9.1vw,145px);max-width:1200px;line-height:.99;letter-spacing:-.085em;font-weight:600;margin:72px 0 45px;color:#fff}.hero h1 em{background:transparent;color:#b997ff;box-shadow:none;padding:0;transform:none;margin:0;font-weight:600}
.hero-foot{padding-bottom:0;position:relative;z-index:2}.hero-foot p{color:#c3b8d4;font-size:17px;max-width:430px}.hero-foot>.eyebrow{color:#b6a3d2}.hero .round-link{color:#fff}.circle{background:#a783ff;color:#181024}.round-link:hover .circle{background:#d6c5ff;color:#181024}.hero-art{right:7%;top:105px;width:190px;height:190px;opacity:.38;filter:hue-rotate(140deg)}
.ribbon{margin:0 calc(-1 * clamp(20px,5vw,82px));padding:24px clamp(20px,5vw,82px);background:#a783ff;color:#171322;border:0;font-weight:700}.ribbon b{color:#3f216a}
#work{background:var(--cream);color:var(--dark);box-shadow:none;clip-path:none;padding:110px 0 90px}#work .section-head p,#work .project-info p{color:#716b7b}#work .section-head .label{color:#7453ae}#work .arrow{color:#241b34;border-color:#d2c9dc}#work .project:hover .arrow{background:#a783ff;color:#171322;border-color:#a783ff}
.section-head{margin-bottom:55px}.section-head h2{font-size:clamp(42px,5.8vw,82px)}.section-head p{font-size:15px;max-width:320px}
.work-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:42px 26px}.project{background:#fff;border:1px solid #e7e1e9;border-radius:16px;overflow:hidden;padding:12px;box-shadow:0 12px 40px #2415320a;transition:transform .25s,box-shadow .25s}.project:hover{transform:translateY(-6px);box-shadow:0 24px 55px #2415321a}.project-visual{border-radius:10px}.project-info{padding:6px 8px 10px}.project-info h3{font-weight:700}.work-note{border-radius:16px;background:#eae1fb;padding:clamp(30px,5vw,65px);min-height:320px}.work-note::after{background:repeating-radial-gradient(ellipse at 100% 100%,transparent 0 19px,#9466c055 20px,transparent 21px 32px)}.work-note h3{font-weight:600;font-size:clamp(32px,3.4vw,52px)}.work-note p{color:#61566d}
.dark{background:#24183a;color:#fff;margin:25px 0 105px;padding:clamp(30px,5vw,78px);border-radius:22px;position:relative;overflow:hidden}.dark::before{content:'';position:absolute;inset:auto -130px -220px auto;width:500px;height:500px;background:radial-gradient(circle,#9b70ff44,transparent 70%);pointer-events:none}.play-top h2{font-size:clamp(38px,5vw,70px)}.play-top p{color:#c9bbdf}.playground{grid-template-columns:.85fr 1.15fr;gap:65px}.theme-button{border-color:#ffffff35;color:#c5b9d4}.theme-button.active{color:#c5a5ff}.live-preview{min-height:365px;border-radius:14px;padding:40px}.live-preview.bold{background:#a783ff;color:#1a102b}.live-preview.warm{background:#b64c76;color:#fff0f6}
.services{background:#171322;color:#fff;padding:clamp(35px,5vw,75px);border-radius:22px;gap:9%;margin-bottom:100px;grid-template-columns:.85fr 1.15fr}.services-intro h2{font-size:clamp(40px,4.5vw,64px)}.services-intro p,.service p{color:#bdb1cc}.services .round-link{color:#fff}.service{border-color:#ffffff35}.service>span{color:#b99ce6}.service h3{font-weight:600}.service-tags span{border-color:#6b567d;color:#e4d5f7;background:#352546}
.process{background:#eee7fb;border:0;border-radius:22px;padding:clamp(35px,5vw,75px);margin-bottom:105px}.process h2{font-size:clamp(39px,5vw,70px)}.step .number{background:#a783ff;color:#171322;font-weight:700}.step h3{font-weight:700}.step p{color:#62576d}
.faq{padding:0 0 110px;gap:100px}.faq h2{font-size:clamp(42px,5vw,65px)}.faq details{border-color:#dcd5e3}.faq details p{color:#655d6e}
.contact{background:#a783ff;color:#171322;border-radius:22px;padding:clamp(35px,6vw,95px);overflow:hidden;margin-bottom:40px}.contact:after{content:'';position:absolute;right:-120px;top:-130px;width:480px;height:480px;border:1px solid #ffffff99;border-radius:50%;box-shadow:0 0 0 50px #ffffff15,0 0 0 100px #ffffff0e;pointer-events:none}.contact>*{position:relative;z-index:1}.contact h2{font-size:clamp(55px,8vw,120px);font-weight:600}.contact .primary{background:#171322;color:#fff}.contact .primary:hover{background:#3a2555}
.footer{padding:18px 0 38px;color:#6c6475}.footer .logo{color:#171322}
dialog{background:#faf8ff;color:#171322}input,textarea,select{background:#fff;border-color:#d7c9e7}.form-note{color:#6a6075}
@media(max-width:900px){.hero h1{font-size:clamp(52px,9vw,95px)}.services{grid-template-columns:1fr;gap:30px}.services-intro p{max-width:540px}.playground{gap:30px}.faq{gap:45px}}
@media(max-width:700px){header{height:74px}.logo{font-size:clamp(15px,4vw,20px)}.navcta{padding:10px 12px}.navcta span{margin-left:8px}.hero{padding-top:55px;padding-bottom:70px}.hero-top{gap:12px}.hero-top .eyebrow{max-width:190px;line-height:1.5}.hero h1{font-size:clamp(43px,11.5vw,78px);margin:66px 0 28px;letter-spacing:-.078em}.hero-art{top:120px;right:-25px;width:140px;height:140px;opacity:.18}.hero-foot p{font-size:14px}.hero-foot>.eyebrow{display:none}.ribbon{gap:12px}.ribbon span{font-size:8px}.ribbon b{display:none}#work{padding:75px 0}.section-head{margin-bottom:28px}.section-head h2{font-size:clamp(39px,9vw,58px)}.work-grid{grid-template-columns:1fr;gap:24px}.project{padding:9px}.work-note{min-height:260px}.dark{margin:0 0 70px;padding:27px 22px}.playground{grid-template-columns:1fr;gap:22px}.theme-controls{display:grid;gap:0}.theme-button{padding:13px 0}.theme-button strong{font-size:14px}.live-preview{min-height:295px;padding:26px}.services{margin-bottom:70px;padding:32px 24px}.process{margin-bottom:70px;padding:30px 24px}.steps{grid-template-columns:1fr}.faq{grid-template-columns:1fr;gap:20px;padding-bottom:70px}.contact{padding:40px 26px}.contact h2{font-size:clamp(47px,11vw,75px)}.contact-foot{display:block}.footer{gap:14px}.footer .logo{width:100%}}
@media(max-width:380px){.logo{font-size:14px}.navcta{font-size:10px}.hero h1{font-size:42px}}

/* V4 — Sunday Coffee inspired warm palette, preserving V3 layout */
:root{--paper:#fff8ed;--ink:#47251f;--lime:#e8a36f;--line:#e9d6c4;--violet:#e8a36f;--dark:#572b29;--cream:#fff8ed}
body{background:#fff8ed;color:#47251f}
header,.hero{background:#572b29;color:#fff2db}
header{border-bottom-color:#fff0d12c}
.logo i{color:#f0b87c}.navcta{background:#f0bc83;color:#4b2725}.navcta:hover{background:#ffe0af;color:#4b2725}
.hero{color:#fff3df}.hero::before{background:radial-gradient(ellipse 48% 65% at 90% 35%,#b65b465c,transparent 75%),radial-gradient(ellipse 50% 55% at 0% 100%,#9a48384d,transparent 75%)}
.hero::after{border-color:#f2c39d50;box-shadow:0 0 0 60px #f2c39d0b,0 0 0 130px #f2c39d0b}
.hero h1{color:#fff5e7}.hero h1 em{color:#f2bc83}.hero-top .eyebrow,.hero-foot>.eyebrow{color:#f4c8a9}.status,.hero .round-link{color:#fff2df}.hero-foot p{color:#ecd0bd}.dot{background:#a9d68a;box-shadow:0 0 0 4px #a9d68a25}.circle{background:#f2bc83;color:#4b2725}.round-link:hover .circle{background:#ffe0b5;color:#4b2725}.hero-art{filter:sepia(1) saturate(1.6) hue-rotate(330deg);opacity:.33}
.ribbon{background:#efbd8e;color:#572b29}.ribbon b{color:#9b5143}
#work{background:#fff8ed;color:#47251f}#work .section-head p,#work .project-info p{color:#80695e}#work .section-head .label{color:#a04d3a}#work .arrow{color:#572b29;border-color:#dfc7b5}#work .project:hover .arrow{background:#efbd8e;border-color:#efbd8e;color:#572b29}
.project{background:#fffdf7;border-color:#ead9c8;box-shadow:0 12px 40px #59291c10}.project:hover{box-shadow:0 24px 55px #59291c20}
.work-note{background:linear-gradient(135deg,#f7e3d1,#f0cbb2);color:#512e29}.work-note::after{background:repeating-radial-gradient(ellipse at 100% 100%,transparent 0 19px,#b9776650 20px,transparent 21px 32px)}.work-note p{color:#75564b}
.dark{background:#74352f;color:#fff3df}.dark::before{background:radial-gradient(circle,#e9a16e45,transparent 70%)}.play-top p{color:#edd0bb}.theme-button{color:#f0d0bc;border-color:#ffffff3c}.theme-button.active{color:#ffd29e}.live-preview.bold{background:#f0bc83;color:#572b29}.live-preview.warm{background:#b64c38;color:#ffebc7}
.services{background:#572b29;color:#fff2df}.services-intro p,.service p{color:#e8c9b5}.services .round-link{color:#fff2df}.service{border-color:#ffffff35}.service>span{color:#f1b98b}.service-tags span{border-color:#a26d60;color:#ffe2c7;background:#703b34}
.process{background:#f5dfcb;color:#512d28}.step .number{background:#e8a36f;color:#512d28}.step p{color:#765c50}
.faq details{border-color:#e6d2c0}.faq details p{color:#765e52}
.contact{background:#e9a574;color:#512721}.contact:after{border-color:#fff0d7aa;box-shadow:0 0 0 50px #fff0d720,0 0 0 100px #fff0d710}.contact .primary{background:#572b29;color:#fff3df}.contact .primary:hover{background:#7a3a31}
.footer{color:#80675b}.footer .logo{color:#572b29}
dialog{background:#fff8ed;color:#512d28}input,textarea,select{background:#fffdf8;border-color:#dfc6b5}.form-note{color:#80685c}
::selection{background:#e9a574;color:#512721}:focus-visible{outline-color:#b65b46}

/* V5 mobile typography and feature-strip refinement */
@media(max-width:700px){
.hero{padding-top:42px;padding-bottom:52px}
.hero h1{font-size:clamp(34px,9.25vw,63px)!important;letter-spacing:-.065em;line-height:1.1;max-width:100%;margin:56px 0 32px;overflow-wrap:normal}
.hero h1 em{white-space:normal}
.hero-art{right:-70px;top:125px;opacity:.12}
.hero-foot p{font-size:15px;line-height:1.65}
.ribbon{display:grid;grid-template-columns:1fr 1fr;column-gap:16px;row-gap:13px;padding:20px clamp(20px,5vw,82px);text-align:center;align-items:center}
.ribbon span{font-size:9px;letter-spacing:1.1px;line-height:1.5}
.ribbon b{display:none}
#work{padding-top:55px}
}
@media(max-width:390px){.hero h1{font-size:9.05vw!important}.hero-top .eyebrow{font-size:8px}}
.project{cursor:pointer}
.project:focus-visible{outline:3px solid #b64c38;outline-offset:4px}
.project-info .arrow{transition:transform .2s}
.project:hover .project-info .arrow{transform:rotate(45deg)}