.reading-progress{position:fixed;inset:0 auto auto 0;height:3px;background:#c4f56e;width:0;z-index:1000;pointer-events:none}.clarity-section{padding:96px 0}.clarity-section h2{font-size:clamp(30px,4.2vw,58px);max-width:950px;line-height:1.1;letter-spacing:-2px;margin:24px 0 40px}.clarity-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-bottom:32px}.clarity-grid article{padding:28px;border:1px solid #d4d6cd;border-radius:18px}.clarity-grid article>span{font-size:11px;letter-spacing:2px;color:#697365}.clarity-grid h3{margin:25px 0 14px;font-size:23px}.clarity-grid p,.scope-note p{line-height:1.8;color:#596158}.generated-preview{padding:30px;display:flex!important;flex-direction:column;justify-content:space-between;color:#fff!important;min-height:290px;overflow:hidden}.generated-preview.cafe{background:#563b30}.generated-preview.shop{background:#d6e2db;color:#173c36!important}.generated-preview.dashboard{background:#142b48}.preview-mark{font-size:12px;letter-spacing:3px}.preview-head{font-size:clamp(27px,3vw,42px);font-weight:800;letter-spacing:-1px}.preview-ui{display:flex;gap:12px;height:80px;align-items:end}.preview-ui i{display:block;width:30%;height:65%;border-radius:12px 12px 0 0;background:#ffffff24;transition:height .4s}.preview-ui i:nth-child(2){height:90%}.preview-ui i:nth-child(3){height:50%}.generated-preview:hover i{height:100%}.preview-tag{font-size:10px;letter-spacing:2px}.package-helper{grid-column:1/-1;display:grid;grid-template-columns:1fr 1.5fr;gap:30px;background:#e4e9db;border:1px solid #c8d1ba;border-radius:20px;padding:30px;margin-bottom:20px}.package-helper h3{font-size:25px;margin-top:15px}.package-helper select{display:block;width:100%;padding:16px;background:white;border:1px solid #b9c3aa;border-radius:10px;font:inherit;margin:10px 0}.package-helper label{font-size:12px}.package-helper p{margin-bottom:12px}.scope-note{grid-column:1/-1;border-top:1px solid #c4ccbf;padding:24px 0;margin-top:30px}.scope-note h3{margin-bottom:16px}.scope-note p{font-size:14px;max-width:1000px;margin-bottom:12px}.reveal-ready{opacity:0;transform:translateY(28px);transition:opacity .7s ease,transform .7s cubic-bezier(.2,.7,.2,1)}.reveal-ready.is-visible{opacity:1;transform:none}.project-card,.service-tile,.price-card{transition:transform .35s ease,box-shadow .35s ease}.project-card:hover,.service-tile:hover,.price-card:hover{transform:translateY(-6px);box-shadow:0 18px 36px #0000000e}.hero h1{animation:hero-in 1s ease both}.float-token{animation:soft-float 6s ease-in-out infinite}.token-bottom{animation-delay:-3s}.orbit{animation:orbit-spin 30s linear infinite}.btn{transition:transform .25s,box-shadow .25s}.btn:hover{transform:translateY(-3px);box-shadow:0 8px 24px #0002}@keyframes hero-in{from{opacity:0;transform:translateY(22px)}to{opacity:1;transform:none}}@keyframes soft-float{50%{transform:translateY(-12px)}}@keyframes orbit-spin{to{rotate:360deg}}@media(max-width:760px){.clarity-grid,.package-helper{grid-template-columns:1fr}.clarity-section{padding:64px 0}.package-helper{padding:22px}.clarity-section h2{letter-spacing:-1px}.generated-preview{min-height:250px}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.reveal-ready{opacity:1;transform:none}}
[hidden]{display:none!important}a:focus-visible,button:focus-visible,select:focus-visible,input:focus-visible{outline:3px solid #86a94d;outline-offset:4px}.scope-note{margin-inline:auto}.generated-preview:focus-visible{outline:4px solid #526c2d}.project-card .preview-ui{pointer-events:none}
/* Motion throughout the studio, without blocking reading or interaction. */
header{transition:background .35s,box-shadow .35s,backdrop-filter .35s}body.has-scrolled header{box-shadow:0 7px 30px #0002}nav a{position:relative}nav a:after{content:'';position:absolute;bottom:-5px;left:0;right:0;height:1px;background:currentColor;transform:scaleX(0);transform-origin:left;transition:transform .25s}nav a:hover:after,nav a:focus-visible:after{transform:scaleX(1)}.eyebrow .mini-line{animation:line-breathe 4s ease-in-out infinite}.hero-showcase,.showcase,.mobile-showcase{transition:transform .7s cubic-bezier(.2,.8,.2,1)}.hero-showcase:hover,.showcase:hover{transform:translateY(-6px)}.mobile-showcase{animation:phone-drift 8s ease-in-out infinite}.project-thumb img{transition:transform .65s ease,filter .65s ease}.project-thumb:hover img{transform:scale(1.045);filter:saturate(1.08)}.project-open{transition:transform .3s,background .3s}.project-open:hover{transform:rotate(-35deg)}.filter{transition:background .3s,color .3s,transform .3s}.filter:hover{transform:translateY(-2px)}.service-icon{transition:transform .4s}.service-tile:hover .service-icon{transform:rotate(12deg) scale(1.12)}.price-symbol{display:inline-block;transition:transform .5s}.price-card:hover .price-symbol{transform:rotate(45deg)}.price-card.featured{position:relative;overflow:hidden}.price-card.featured:after{content:'';position:absolute;inset:-100% auto -100% -80%;width:35%;transform:rotate(25deg);background:linear-gradient(90deg,transparent,#fff2,transparent);animation:pricing-sheen 9s ease-in-out infinite;pointer-events:none}.field input,.field select,.field textarea{transition:border-color .25s,box-shadow .25s,background .25s}.field:focus-within label{color:#79a33a}.field input:focus,.field select:focus,.field textarea:focus{box-shadow:0 0 0 3px #a7ce692a}.contact-decoration>span:first-child{display:inline-block;animation:orbit-spin 28s linear infinite}details{transition:background .3s,border-color .3s}details[open]{background:#e3e9da}details[open]>:not(summary){animation:faq-open .3s both}summary{transition:padding-inline-start .25s}summary:hover{padding-inline-start:10px}footer a{transition:opacity .25s}footer a:hover{opacity:.65}.btn span:last-child{display:inline-block;transition:transform .25s}.btn:hover span:last-child{transform:translate(3px,-3px)}.motion-stagger{transition-delay:var(--reveal-delay,0ms)}.motion-flash{animation:field-pulse .6s ease}section{scroll-margin-top:100px}@keyframes line-breathe{50%{opacity:.4;transform:scaleX(.6)}}@keyframes phone-drift{50%{translate:0 -10px}}@keyframes pricing-sheen{0%,65%{left:-80%}100%{left:180%}}@keyframes faq-open{from{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:none}}@keyframes field-pulse{50%{box-shadow:0 0 0 5px #b5e17455}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.reveal-ready{opacity:1!important;transform:none!important}}