:root{--cream:#fff9f1;--plum:#452d49;--muted:#6d586b;--coral:#f77e72;--line:#e3d3dd;--paper:#fffcf7}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--cream);color:var(--plum);font-family:"Avenir Next","Segoe UI",Arial,sans-serif;font-size:18px;line-height:1.65;-webkit-font-smoothing:antialiased}button,input,select,textarea{font:inherit}a{color:inherit;text-underline-offset:5px}button{cursor:pointer}button:disabled{cursor:wait;opacity:.7}a,button,input,select,textarea,summary{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid #a56a91;outline-offset:5px}.container{width:min(1240px,calc(100% - 96px));margin-inline:auto}h1,h2,h3,p{overflow-wrap:break-word}h1,h2,h3{font-weight:550}h2{font-size:clamp(38px,4vw,54px);line-height:1.12;letter-spacing:-1.8px;margin:0}h1 em,h2 em{font-family:Georgia,"Times New Roman",serif;font-weight:400}h1 em,h2 em,.accent{color:#a15a77}.overline{font-size:13px;font-weight:650;letter-spacing:1.4px;line-height:1.5;color:var(--muted);margin:0}.site-header{height:104px;display:flex;align-items:center;justify-content:space-between;gap:24px}.wordmark{display:inline-flex;align-items:center;gap:7px;text-decoration:none;font-size:36px;font-weight:750;letter-spacing:-1.8px;line-height:1}.logo-symbol{display:block;width:44px;height:44px;object-fit:contain;mix-blend-mode:darken;flex-shrink:0;transition:transform .3s}.wordmark:hover .logo-symbol{transform:rotate(-9deg)}.site-header nav{display:flex;gap:30px}.site-header nav a{font-size:16px;text-decoration:none}.site-header nav a:hover{color:#a15a77}.header-contact,.button{display:inline-flex;align-items:center;justify-content:center;border:1px solid transparent;border-radius:40px;background:var(--plum);color:var(--cream);font-size:16px;font-weight:650;text-decoration:none;line-height:1.4;padding:16px 28px;min-height:54px;transition:transform .2s,background .2s,box-shadow .2s}.header-contact{padding:13px 23px;min-height:48px}.header-contact:hover,.button:hover{background:#69416c;transform:translateY(-2px);box-shadow:0 6px 0 #452d4910}.button:active{transform:translateY(0)}
.hero{display:grid;grid-template-columns:1.05fr 1fr;gap:35px;align-items:center;padding-block:45px 65px}.hero-copy{position:relative;z-index:1}.hero .overline{display:flex;align-items:center;gap:10px}.small-spark{font-size:24px;color:#bd625d;line-height:1}h1{font-size:clamp(52px,5.2vw,76px);line-height:1.05;letter-spacing:-3.5px;margin:28px 0}h1 em{letter-spacing:-3.8px}.hero-lede{font-size:20px;line-height:1.75;max-width:470px;color:var(--muted);margin:0 0 30px}.hero-actions{display:flex;align-items:center;gap:14px;flex-wrap:wrap}.hero-actions .service-link{width:auto;margin:0;min-height:54px}.hero-scene{min-width:0}.living-art{position:relative;width:100%;aspect-ratio:1.02;isolation:isolate}.living-art:before{content:'';position:absolute;inset:12% 7% 4%;border-radius:50%;background:radial-gradient(ellipse,#fce6d9 0%,#fce6d900 68%);z-index:-1}.orbit-art{width:100%;height:100%;display:block;overflow:visible}.petal-spin{transform-origin:280px 260px;animation:petal-drift 18s ease-in-out infinite}.core-float{animation:core-drift 7s ease-in-out infinite}.orbit-bead{animation:bead-drift 9s ease-in-out infinite}.art-spark{transform-origin:451px 89px;animation:spark-turn 16s linear infinite}.floating-note{position:absolute;display:flex;align-items:center;gap:11px;padding:16px 19px;background:var(--paper);border:1px solid #eadedb;border-radius:15px;box-shadow:0 16px 40px #60374512;animation:note-drift 7s ease-in-out infinite;--tilt:-7deg;transform:rotate(var(--tilt));z-index:2}.note-inbox{left:-1%;top:17%}.note-draft{right:-2%;bottom:16%;--tilt:6deg;animation-delay:-3s}.note-icon{display:grid;place-items:center;width:34px;height:36px;border-radius:11px;font-size:19px;font-weight:650;flex-shrink:0}.note-icon.coral{background:#ffe1d4;color:#874c4b}.note-icon.lilac{background:#e9def2;color:#6d4d7e;font-family:Georgia,serif;font-style:italic;font-size:25px}.floating-note strong{font-size:16px;font-weight:600;line-height:1.4;display:block;white-space:nowrap}.note-lines{display:flex;flex-direction:column;gap:5px;margin-top:10px}.note-lines i{height:4px;width:110px;border-radius:5px;background:#e9dee6}.note-lines i+i{width:75px}.scene-caption{display:flex;justify-content:space-between;align-items:center;gap:14px;padding-inline:20px;color:var(--muted);font-size:14px}#motion-toggle{border:1px solid #cdb1c5;border-radius:30px;background:transparent;color:var(--muted);padding:9px 16px;font-size:14px;line-height:1.4;min-height:42px;white-space:nowrap}#motion-toggle:hover{background:#f3e7ee}
.section{padding-block:80px}.section-intro{margin-bottom:38px}.services-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px}.service-row{display:flex;flex-direction:column;padding:0 30px 30px;border:1px solid var(--line);border-radius:24px;background:var(--paper);overflow:hidden;transition:transform .3s,box-shadow .3s}.service-row:hover{transform:translateY(-3px);box-shadow:0 18px 45px #4b2b4810}.service-art{height:176px;margin:0 -30px 28px;position:relative;overflow:hidden;flex-shrink:0}.workflow-art{background:#ecdef0;display:grid;place-items:center}.website-art{background:#ffddcb}.connected-shapes{display:flex;align-items:center;justify-content:center;gap:12px}.connected-shapes i{height:69px;width:69px;display:block;background:#aa84ad;border-radius:21px;transform:rotate(-10deg);animation:shape-bob 8s ease-in-out infinite;box-shadow:0 9px 0 #87658e14;position:relative}.connected-shapes i:before{content:'';position:absolute;inset:19px;border-radius:50%;border:7px solid #f8edf7}.connected-shapes i:nth-child(2){width:87px;height:87px;background:#64436e;border-radius:50%;transform:rotate(10deg);animation-delay:-2.5s}.connected-shapes i:nth-child(2):before{inset:25px;border-radius:10px;border-color:#c9afd5}.connected-shapes i:nth-child(3){background:#d1b5d8;animation-delay:-5s}.connected-shapes i:nth-child(3):before{border-radius:3px;border-color:#765582}.little-browser{position:absolute;width:60%;height:156px;left:20%;bottom:-9px;border:1px solid #cc9381;border-radius:11px 11px 0 0;background:#fffbf4;transform:rotate(-5deg);box-shadow:8px 10px 0 #eab59d80;transition:transform .4s}.service-row:hover .little-browser{transform:rotate(-1deg) translateY(-5px)}.little-browser-bar{display:flex;gap:5px;padding:10px;border-bottom:1px solid #efd2c3}.little-browser-bar i{width:4px;height:4px;border-radius:50%;background:#c49b90}.little-browser-body{position:relative;padding:14px 17px}.little-browser-body>span{font-size:25px;font-weight:550;letter-spacing:-.8px;line-height:1.12;position:relative;z-index:1;display:block}.little-browser-body em{font-family:Georgia,serif;font-weight:400;color:#a75b58}.little-browser-body>i{position:absolute;right:17px;top:15px;width:51px;height:71px;background:#eab7a3;border-radius:50px 50px 8px 8px;transform:rotate(8deg)}.little-browser-body>b{display:block;height:11px;width:53px;background:var(--plum);border-radius:20px;margin-top:13px}.service-row>h3{font-size:34px;line-height:1.2;letter-spacing:-.9px;margin:0 0 17px}.service-description{font-size:18px;line-height:1.7;color:var(--muted);margin:0 0 22px;flex-grow:1}.package-details{border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin-bottom:24px}.package-details summary{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:17px 0;font-size:16px;font-weight:550;cursor:pointer;list-style:none;min-height:55px}.package-details summary::-webkit-details-marker{display:none}.package-details summary>span{font-size:25px;font-weight:400;line-height:1;color:#9e6a88;transition:transform .2s}.package-details[open] summary>span{transform:rotate(45deg)}.package-details ul{padding-left:20px;margin:4px 0 18px;font-size:16px;line-height:1.7;color:var(--muted)}.package-details li+li{margin-top:9px}.package-details p{font-size:16px;line-height:1.7;color:var(--muted);margin:0 0 20px}.service-buy{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-top:auto;flex-wrap:wrap}.price{font-size:31px;letter-spacing:-.8px;line-height:1.2;display:block}.price-note{display:block;font-size:14px;color:var(--muted);line-height:1.5;margin-top:6px}.service-link{padding:13px 18px;border:1px solid #cbb0c3;border-radius:30px;text-decoration:none;font-size:16px;line-height:1.4;min-height:50px;display:inline-flex;align-items:center;justify-content:center;transition:background .2s}.service-link:hover{background:#eee0ee}.scope-note{font-size:16px;line-height:1.7;color:var(--muted);margin:24px 0 0;max-width:780px}
.approach-section{background:#efe1ee;padding-block:68px}.approach-section h2{margin-bottom:42px}.approach-list{display:grid;grid-template-columns:repeat(3,1fr);gap:38px;padding:0;margin:0;list-style:none}.approach-list li>span{display:grid;place-items:center;width:38px;height:38px;background:var(--plum);color:var(--cream);border-radius:50%;font-size:16px;margin-bottom:20px}.approach-list h3{font-size:23px;letter-spacing:-.4px;line-height:1.35;margin:0 0 14px;font-weight:550;max-width:300px}.approach-list p{font-size:18px;line-height:1.7;color:var(--muted);max-width:310px;margin:0}.contact-section{background:#f9c9ba;padding-block:80px;border-radius:40px 40px 0 0;margin-top:70px}.contact-layout{display:grid;grid-template-columns:1fr 1fr;gap:85px;align-items:center}.contact-layout h2{font-size:51px;letter-spacing:-2px}.contact-layout>div>p{font-size:20px;line-height:1.75;color:#714a5f;max-width:410px;margin:25px 0}.contact-layout>div>.founder-note{font-size:18px;line-height:1.7;max-width:360px;margin:0 0 25px}.contact-email{display:inline-block;font-size:20px;text-decoration:none;border-bottom:1px solid #a77a88;padding-bottom:6px}.contact-layout form{background:#fff4eb;padding:30px;border:1px solid #ecb3a8;border-radius:23px;box-shadow:9px 10px 0 #e6a49635}label{display:block;font-size:16px;line-height:1.5;color:var(--plum);margin-bottom:22px}input,select,textarea{display:block;width:100%;min-width:0;background:#fffdfa;border:1px solid #ccb7c1;border-radius:9px;padding:13px;margin-top:9px;font-size:18px;color:var(--plum);line-height:1.5}input::placeholder,textarea::placeholder{color:#816a7a;opacity:1}textarea{resize:vertical;min-height:125px}.full{width:100%}.form-note,#brief-status{font-size:16px;line-height:1.65;color:var(--muted);margin:16px 0 0}#brief-status:empty{display:none}.copy-brief{font-size:16px;line-height:1.5;border:0;border-bottom:1px solid #b695ab;background:transparent;color:var(--plum);padding:6px 0;margin-top:13px;min-height:44px}.site-footer{display:flex;align-items:center;justify-content:space-between;gap:25px;padding-block:32px}.site-footer .wordmark{font-size:30px}.site-footer .logo-symbol{width:37px;height:37px}.site-footer>span{font-size:14px;color:var(--muted)}.skip-link{position:fixed;top:-100px;left:15px;background:var(--plum);color:white;padding:12px;z-index:10}.skip-link:focus{top:15px}[hidden]{display:none!important}.motion-paused *,.motion-paused *:before,.motion-paused *:after{animation-play-state:paused!important}.reveal.is-visible{animation:soft-arrival .65s ease-out both}
@keyframes petal-drift{0%,100%{transform:rotate(-6deg) scale(.98)}50%{transform:rotate(10deg) scale(1.025)}}@keyframes core-drift{0%,100%{transform:translateY(0)}50%{transform:translateY(-7px)}}@keyframes bead-drift{0%,100%{transform:translate(0,0)}50%{transform:translate(17px,-13px)}}@keyframes spark-turn{to{transform:rotate(360deg)}}@keyframes note-drift{0%,100%{transform:translateY(0) rotate(var(--tilt))}50%{transform:translateY(-10px) rotate(calc(var(--tilt) + 2deg))}}@keyframes shape-bob{0%,100%{translate:0 0}50%{translate:0 -9px}}@keyframes soft-arrival{from{opacity:.55;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:1100px){.container{width:calc(100% - 64px)}.hero{gap:25px}.hero h1{font-size:58px;letter-spacing:-2.8px}.hero h1 em{letter-spacing:-2.8px}.floating-note{padding:13px 14px;gap:9px}.floating-note strong{font-size:15px}.note-icon{width:29px;height:32px}.note-inbox{left:-3%}.note-draft{right:-1%}.service-row{padding-inline:26px}.service-art{margin-inline:-26px}.service-buy{gap:15px}.service-link{padding-inline:16px}.contact-layout{gap:45px}.contact-layout h2{font-size:45px}.contact-layout form{padding:26px}.approach-list{gap:28px}.approach-list h3{font-size:22px}}
@media(max-width:850px){.hero{grid-template-columns:1fr;gap:15px;padding-top:35px;padding-bottom:35px}.hero-copy{text-align:center}.hero .overline,.hero-actions{justify-content:center}.hero h1{font-size:70px;letter-spacing:-3px}.hero h1 em{letter-spacing:-3px}.hero-lede{max-width:560px;margin:0 auto 28px;font-size:20px}.hero-scene{max-width:440px;width:100%;margin-inline:auto}.living-art{aspect-ratio:1.15}.note-inbox{left:0}.note-draft{right:0;bottom:14%}.scene-caption{padding-inline:5px}.services-grid{gap:21px}.service-row{padding-inline:23px}.service-art{margin-inline:-23px;height:155px}.service-row>h3{font-size:30px}.service-buy{align-items:flex-start}.service-link{width:100%;margin-top:3px}.service-description{font-size:18px}.little-browser{width:72%;left:14%;height:140px}.little-browser-body{padding:12px}.little-browser-body>span{font-size:22px}.little-browser-body>i{width:43px;height:62px;right:11px}.connected-shapes{gap:8px}.connected-shapes i{width:54px;height:54px;border-radius:18px}.connected-shapes i:before{inset:14px;border-width:6px}.connected-shapes i:nth-child(2){width:70px;height:70px}.connected-shapes i:nth-child(2):before{inset:20px;border-radius:9px}.contact-layout{gap:35px;grid-template-columns:1fr 1.1fr}.contact-layout h2{font-size:40px}.contact-email{font-size:18px}.contact-layout>div>p{font-size:18px}.contact-layout form{padding:23px}.approach-list{gap:22px}.approach-list h3{font-size:21px}.approach-list p{font-size:18px}.site-header nav{gap:22px}.wordmark{font-size:32px}}
@media(max-width:640px){.container{width:calc(100% - 40px)}.site-header{height:88px;gap:16px}.site-header nav{display:none}.wordmark{font-size:31px}.logo-symbol{width:38px;height:38px}.header-contact{font-size:16px;padding:12px 21px}.hero{padding-top:28px}.hero .overline{font-size:12px;letter-spacing:.9px;gap:9px}.small-spark{font-size:22px}.hero h1{font-size:clamp(45px,10vw,62px);letter-spacing:-2px;margin:24px 0}.hero h1 em{letter-spacing:-2.2px}.hero-lede{font-size:19px;line-height:1.7;max-width:430px}.button{font-size:17px;padding:16px 26px}.hero-scene{max-width:380px;margin-top:8px}.floating-note{padding:12px 14px;gap:9px;border-radius:13px}.floating-note strong{font-size:15px}.note-inbox{top:14%;left:0}.note-draft{right:0;bottom:13%}.note-icon{width:28px;height:30px;font-size:17px}.note-icon.lilac{font-size:23px}.note-lines i{width:95px}.note-lines i+i{width:64px}.scene-caption{font-size:14px;padding:6px 0 0}#motion-toggle{font-size:14px;min-height:44px}.section{padding-block:55px}.section-intro{margin-bottom:29px}h2{font-size:39px;letter-spacing:-1.4px}.services-grid{grid-template-columns:1fr;gap:25px}.service-row{padding:0 25px 26px;border-radius:22px}.service-art{height:163px;margin:0 -25px 25px}.service-row>h3{font-size:31px;letter-spacing:-.6px;margin-bottom:17px}.service-description{font-size:18px;line-height:1.75;margin-bottom:22px}.connected-shapes{gap:11px}.connected-shapes i{width:64px;height:64px;border-radius:20px}.connected-shapes i:before{inset:17px;border-width:7px}.connected-shapes i:nth-child(2){width:80px;height:80px}.connected-shapes i:nth-child(2):before{inset:23px}.little-browser{width:64%;left:18%;height:149px}.little-browser-body{padding:13px}.little-browser-body>span{font-size:24px}.little-browser-body>i{width:47px;height:67px;right:14px}.package-details summary{font-size:17px;min-height:58px}.package-details ul,.package-details p{font-size:16px}.service-buy{align-items:center;gap:18px}.price{font-size:30px}.price-note{font-size:14px}.service-link{font-size:16px;padding:14px 18px;margin:0;width:100%}.scope-note{font-size:16px;margin-top:23px}.approach-section{padding-block:51px}.approach-section h2{font-size:37px;margin-bottom:32px}.approach-list{grid-template-columns:1fr;gap:29px}.approach-list li{position:relative;padding-left:57px}.approach-list li>span{position:absolute;top:0;left:0;width:36px;height:36px;margin:0}.approach-list h3{font-size:23px;max-width:none;margin:0 0 10px}.approach-list p{font-size:18px;max-width:none}.contact-section{padding-block:52px;margin-top:50px;border-radius:30px 30px 0 0}.contact-layout{grid-template-columns:1fr;gap:30px}.contact-layout h2{font-size:41px;letter-spacing:-1.5px}.contact-layout>div>p{font-size:19px;max-width:430px;margin-block:22px}.contact-layout>div>.founder-note{font-size:18px;max-width:410px;margin:0 0 23px}.contact-email{font-size:20px;max-width:100%;overflow-wrap:anywhere}.contact-layout form{padding:24px;border-radius:20px;box-shadow:5px 7px 0 #e6a49635}label{font-size:16px}input,select,textarea{font-size:18px;padding:12px}.form-note,#brief-status{font-size:16px;line-height:1.7}.site-footer{padding-block:28px;gap:18px}.site-footer .wordmark{font-size:28px}.site-footer .logo-symbol{width:34px;height:34px}.site-footer>span{font-size:14px}}
@media(max-width:360px){.container{width:calc(100% - 32px)}.hero h1{font-size:43px}.hero .overline{font-size:11px}.floating-note{padding:10px}.floating-note strong{font-size:14px}.note-icon{width:25px;height:27px}.hero-lede{font-size:18px}.contact-layout form{padding:20px}.service-row{padding-inline:22px}.service-art{margin-inline:-22px}.contact-layout h2{font-size:38px}.wordmark{font-size:28px}.header-contact{padding-inline:18px}.site-footer{gap:12px}.site-footer .wordmark{font-size:26px}.site-footer>span{font-size:13px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.reveal.is-visible{opacity:1;transform:none}}