:root{--panel-fill:linear-gradient(145deg,#19191df2,#0e0e12f5);--panel-shadow:0 20px 48px #0000004d,0 4px 12px #00000029;--panel-hover-shadow:0 24px 56px #00000066,0 6px 18px #00000038}
[data-theme=light]{--panel-fill:linear-gradient(145deg,#fff,#faf8f3);--panel-shadow:0 16px 40px #3627100d,0 3px 10px #36271008;--panel-hover-shadow:0 22px 48px #36271018,0 5px 14px #3627100d}
.project-builder .preset,.project-builder .direction-preview,.services-section .pricing-card{border:0;background:var(--panel-fill);box-shadow:var(--panel-shadow)}
.project-builder .preset{transition:background .25s,box-shadow .25s}
.project-builder .preset:hover,.project-builder .preset[aria-pressed=true]{background:linear-gradient(145deg,#d6ab5412,#d6ab5405),var(--panel-fill);box-shadow:var(--panel-hover-shadow)}
.services-section{border-block:0}
.services-section .pricing-card.featured{background:linear-gradient(145deg,#d6ab541c,#d6ab5407),var(--panel-fill)}
.services-section .pricing-card ul{border-top:0}
.services-section .pricing-badge{border:0;background:#d6ab541a}
.services-section .button.outline{border:0;background:var(--bg-3);box-shadow:0 6px 18px #00000018}
.services-section .button.outline:hover{background:color-mix(in srgb,var(--bg-3) 88%,var(--accent))}
.project-builder .text-link{border-bottom:0}
.project-builder .text-link:hover{text-decoration:underline;text-underline-offset:5px}
.site-header{top:0;left:0;width:100%;height:80px;border:0;border-radius:0;padding-inline:clamp(18px,4vw,64px);background:color-mix(in srgb,var(--bg) 8%,transparent);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);box-shadow:none}
.nav-92{font-size:35px}
.nav-name{font-size:12px}
.nav-92{display:block;width:63.43px;height:48px;flex-shrink:0}
.brand-92{display:block;width:1.32143em;height:1em;flex-shrink:0}
.emblem-image{display:block;width:100%;height:100%;object-fit:contain}
@media(max-width:700px){.nav-92{width:55.5px;height:42px}}
.hero-layer{position:relative;padding-bottom:110px}
.hero-foot{position:absolute;left:7%;right:7%;bottom:max(24px,env(safe-area-inset-bottom));margin-top:0;align-items:end;line-height:1.7}
@media(max-width:700px){.hero-foot>span:first-child{max-width:205px}.site-header{height:72px;padding-inline:16px}.nav-92{font-size:32px}.nav-name{font-size:10px}}
.project-section{border-top:0}
.project-builder{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:40px;align-items:start}
.builder-main{min-width:0}
.builder-group{min-width:0;border:0;padding:0;margin:0}
.builder-group legend{font:700 20px/1.4 var(--display);letter-spacing:-.035em;margin-bottom:14px}
.builder-group legend span{color:var(--accent);font-size:12px;margin-right:10px}
.builder-description{font-size:13px;color:var(--muted);margin:0 0 26px;line-height:1.8}
.project-builder .direction-preview{top:120px}
.builder-contact{margin-top:24px;padding-top:22px;border-top:0}
.builder-contact p{font-size:12px;color:var(--muted);margin-bottom:7px}
.builder-contact a{font-size:14px;text-decoration:none;color:var(--text)}
.builder-contact small{display:block;font-size:10px;color:var(--muted);margin-top:12px}
.project-builder .preset-row{grid-template-columns:1fr;gap:10px}
.project-builder .preset{padding:18px 20px}
.project-builder .preset span{font-size:14px}
.project-builder .preset small{font-size:12px}
.details-group{padding-top:16px}
.projects-intro{padding-top:165px;padding-bottom:65px}
.projects-intro .back-to-studio{margin-bottom:50px}
.projects-intro h1{font-size:clamp(52px,6.7vw,98px);margin-top:22px}
.projects-intro-bottom{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-top:30px}
.projects-intro-bottom p{font-size:14px;color:var(--muted);max-width:480px}
.projects-intro-bottom>span{font:600 10px var(--display);letter-spacing:.13em;text-transform:uppercase;color:var(--accent)}
.projects-page .portfolio-section{padding-top:65px}
.projects-outro{border-top:1px solid var(--border);background:var(--bg-2);display:flex;justify-content:space-between;align-items:center;gap:30px}
.site-header nav a[aria-current=page]{color:var(--accent)}
.services-section .pricing-card>.eyebrow,.tier-top{min-height:24px}
.work-cascade{height:clamp(460px,66svh,620px);perspective:1400px}
.work-stack{position:absolute;inset:0;transform-origin:0 0}
.motion .work-layer{--work-gutter:clamp(24px,4svh,56px);padding-top:calc(var(--work-header-height,70px) + var(--work-gutter));padding-bottom:var(--work-gutter)}
.work-cascade .project-browser-card{transform-origin:center center;background:linear-gradient(155deg,#1c1c22f5,#08080bf5);border:1px solid #c9972a55;box-shadow:0 25px 55px #00000055,0 1px 0 #ffffff08 inset;transition:box-shadow .25s,border-color .25s}
.work-cascade .card-three{border-color:#c9972a85}
.work-cascade .project-browser-card:hover{border-color:#e5b95ab3;box-shadow:0 30px 65px #00000065,0 0 0 1px #c9972a30}
.work-cascade .browser-bar{background:linear-gradient(110deg,#202026,#111114);border-bottom:1px solid #ffffff0f;color:#e5b95a;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.015em}
.work-cascade .browser-dots{display:flex;gap:5px;align-items:center}
.work-cascade .browser-dots i{display:block;width:7px;height:7px;border-radius:50%;background:#cf514f}
.work-cascade .browser-dots i:nth-child(2){background:#c9972a}
.work-cascade .browser-dots i:nth-child(3){background:#159c79}
.projects-page .portfolio-image{border-color:#c9972a55;background:#12121c}
.work-cascade .project-browser-card img{height:auto;aspect-ratio:16/9;object-fit:cover;object-position:top}
.work-cascade .card-one{width:82%;left:1%;top:2%;transform:rotate(5deg);z-index:1}
.work-cascade .card-two{width:87%;left:10%;top:25%;transform:rotate(-4deg);z-index:2}
.work-cascade .card-three{width:85%;left:5%;top:48%;transform:rotate(6deg);z-index:3}
.work-cascade .project-browser-card:focus-visible{z-index:5}
@media(max-width:700px){.work-cascade{height:clamp(280px,43svh,380px)}.work-cascade .card-one{top:2%;left:0%;width:83%}.work-cascade .card-two{top:25%;left:10%;width:86%}.work-cascade .card-three{top:48%;left:4%;width:85%}}
@media(max-width:700px) and (max-height:720px){.work-cascade{height:285px}}
[hidden]{display:none!important}

.wizard-header{margin-bottom:30px}
.wizard-meta{display:flex;justify-content:space-between;gap:14px;align-items:center;margin-bottom:12px}
.wizard-meta span{font-size:11px;color:var(--muted)}
#stepProgress{appearance:none;display:block;width:100%;height:3px;border:0;background:var(--border);color:var(--accent)}
#stepProgress::-webkit-progress-bar{background:var(--border);border-radius:9px}
#stepProgress::-webkit-progress-value{background:var(--accent);border-radius:9px;transition:width .25s}
#stepProgress::-moz-progress-bar{background:var(--accent)}
.wizard-title{font:700 clamp(23px,2.5vw,34px)/1.2 var(--display);letter-spacing:-.045em;margin:0 0 12px}
.wizard-title:focus{outline:none}
.wizard-intro-copy{font-size:13px;color:var(--muted);line-height:1.8;margin-bottom:25px}
.custom-start{width:100%;margin:8px 0 16px}
.wizard-footnote{font-size:11px;color:var(--muted)}
.wizard-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;border:0;padding:0;margin:24px 0 0;min-width:0}
.choice-card{position:relative;display:flex;flex-direction:column;min-width:0;border:0;border-radius:13px;background:var(--panel-fill);box-shadow:var(--panel-shadow);padding:15px;cursor:pointer;transition:box-shadow .2s,background .2s;margin:0}
.choice-card:hover{box-shadow:var(--panel-hover-shadow)}
.choice-card:has(input:checked){background:linear-gradient(145deg,#d6ab5426,#d6ab5410),var(--panel-fill);box-shadow:var(--panel-shadow)}
.choice-card:has(input:focus-visible){outline:3px solid var(--accent);outline-offset:4px}
.choice-card input{position:absolute;inset:0;opacity:0;width:100%;height:100%;padding:0;margin:0;cursor:pointer;z-index:3}
.choice-name{font:700 12px/1.5 var(--display);padding-right:15px}
.choice-description{font:400 11px/1.65 var(--sans);color:var(--muted);margin-top:5px}
.choice-check{position:absolute;top:12px;right:12px;z-index:2;background:var(--accent);color:var(--bg);width:19px;height:19px;border-radius:50%;display:grid;place-items:center;font-size:11px;opacity:0}
.choice-card:has(input:checked) .choice-check{opacity:1}
.choice-visual{height:88px;display:flex;align-items:center;justify-content:center;margin-bottom:14px;background:var(--bg);border:0;border-radius:8px;overflow:hidden;color:var(--accent);position:relative}
.choice-visual svg{width:38px;height:38px}
.choice-decide{grid-column:1/-1;display:grid;grid-template-columns:40px 1fr;gap:0 14px;align-items:center;padding:14px 17px}
.choice-decide .choice-visual{width:40px;height:40px;grid-row:1/3;margin:0;border:0;background:none;font:300 28px var(--serif)}
.choice-decide .choice-name{grid-column:2}
.choice-decide .choice-description{grid-column:2;margin-top:1px}
.palette-visual{display:flex;width:100%;height:100%}
.palette-visual i{flex:1}
.mood-visual{font:800 22px/1.1 var(--display);padding:16px;letter-spacing:-.05em;color:#efece5;background:#252d37;width:100%;height:100%;display:flex;align-items:center}
.mood-visual.elegant{font:italic 26px/1.1 Georgia,serif;color:#665134;background:#f6efe4}
.mood-visual.bold{background:#eec82d;color:#151a25;font-size:30px;letter-spacing:-.08em}
.mood-visual.friendly{background:#eed5cb;color:#693c34;border-radius:22px;font-size:24px}
.layout-visual{width:100%;height:100%;padding:13px;display:grid;grid-template-columns:repeat(3,1fr);gap:5px;background:#eeece6}
.layout-visual i{background:#9a8763;border-radius:2px;opacity:.6}
.layout-visual i:first-child{grid-column:1/-1;height:12px;background:#514b41}
.layout-visual.bento i:nth-child(2){grid-column:span 2}
.layout-visual.bento i:nth-child(5){grid-column:span 2}
.layout-visual.column{grid-template-columns:1fr;padding-inline:25px}
.layout-visual.column i{height:8px}
.layout-visual.staggered i:nth-child(3){transform:translateY(8px)}
.layout-visual.staggered i:nth-child(5){transform:translateX(9px)}
.layout-visual.compact{gap:3px;padding:8px}
.layout-visual.comfortable{gap:7px;padding:12px}
.layout-visual.airy{gap:10px;padding:16px}
.theme-visual{background:#f4f1e9;width:100%;height:100%;padding:14px;color:#282217}
.theme-visual b{display:block;font:700 15px var(--display)}
.theme-visual i{display:block;width:80%;height:4px;background:currentColor;opacity:.3;margin-top:9px}
.theme-visual i:last-child{width:55%}
.theme-visual.dark{color:#efe9d8;background:#171921}
.theme-visual.both{background:linear-gradient(90deg,#f4f1e9 50%,#171921 50%);color:#b99341}
.font-visual{font:600 44px/1 var(--sans)}
.font-visual.classic{font-family:Georgia,serif;font-weight:400}
.font-visual.code{font-family:monospace;font-size:38px}
.shape-visual{padding:11px 20px;background:var(--accent);color:var(--bg);font:600 11px var(--sans)}
.shape-visual.soft{border-radius:10px}
.shape-visual.round{border-radius:50px}
.surface-visual{width:85px;height:48px;border:1px solid #cfb777;background:#f0e5c8;border-radius:8px}
.surface-visual.shadow{box-shadow:0 10px 16px #0005;border:0}
.surface-visual.glass{background:#ffffff18;backdrop-filter:blur(8px);box-shadow:inset 0 1px 0 #ffffff70}
.choice-visual:has(.surface-visual.glass){background:radial-gradient(circle at 70% 70%,#526c8170,transparent 70%),radial-gradient(circle at 20% 20%,#d6ab5480,transparent 70%),var(--bg)}
.surface-visual.retro{border:2px solid #151515;box-shadow:5px 5px 0 var(--accent);border-radius:0}
.motion-dot{width:26px;height:26px;border-radius:50%;background:var(--accent)}
.motion-dot.gentle{animation:gentle-demo 3s ease-in-out infinite}
.motion-dot.energetic{animation:energetic-demo 1.3s ease-in-out infinite}
.icon-visual.solid svg{fill:currentColor}
.icon-visual.two-color svg{fill:#788ba655;stroke:#c9972a}
.icon-visual.illustrated{filter:drop-shadow(3px 4px 2px #0005);color:#caa34a;transform:rotate(-10deg)}
.icon-visual.illustrated svg{fill:#c9972a66;stroke-width:1}
.wizard-nav{display:flex;justify-content:space-between;gap:18px;align-items:center;margin-top:27px;border-top:0;padding-top:22px}
.wizard-nav .button{min-width:100px}
.wizard-nav .back{color:var(--muted);border:0;background:transparent}
.wizard-nav .next{margin-left:auto}
.wizard-details-heading{margin-top:0}
.wizard-details-heading h3{margin-bottom:10px}
.details-group .form-row{grid-template-columns:repeat(2,minmax(0,1fr))}
.wizard-review-link{font-size:11px;color:var(--accent);padding:0;background:none;border:0;text-decoration:underline;cursor:pointer}
@keyframes gentle-demo{0%,100%{opacity:.3;transform:translateY(5px)}50%{opacity:1;transform:translateY(-5px)}}
@keyframes energetic-demo{0%,100%{transform:translateX(-24px) scale(.8)}50%{transform:translateX(24px) scale(1.1)}}
@media(max-width:1000px){.project-builder{gap:24px}.project-builder .direction-preview{padding:22px}.choice-card{padding:12px}.details-group .form-row{grid-template-columns:1fr}}
@media(max-width:700px){.project-builder{display:flex;flex-direction:column;gap:28px}.builder-main{width:100%}.project-builder .direction-preview{position:static;width:100%}.project-builder .direction-preview .mini-site{max-width:380px;margin:auto}.builder-contact{margin-top:20px}.wizard-title{font-size:26px}.wizard-header{margin-bottom:22px}.choice-visual{height:80px}.choice-name{font-size:12px}.choice-description{font-size:11px}.choice-decide .choice-visual{height:36px}.wizard-nav{margin-top:22px}.projects-intro{padding-top:120px}.projects-intro .back-to-studio{margin-bottom:35px}.projects-intro h1{font-size:49px}.projects-intro-bottom{display:block}.projects-intro-bottom>span{display:block;margin-top:24px}.projects-page .portfolio-section{padding-top:35px}.projects-outro{display:block}.projects-outro h2{font-size:40px}.projects-outro .button{margin-top:28px}}
@media(max-width:350px){.wizard-options{grid-template-columns:1fr}.choice-visual{height:85px}.choice-decide{grid-column:auto}.choice-description{font-size:12px}}

.landing-page{isolation:isolate}
.landing-page::before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;background:url("../assets/images/logo.svg?v=2") no-repeat right -9vw center;background-size:min(90vw,850px) auto;opacity:.018}
[data-theme=light] .landing-page::before{background-image:url("../assets/images/logo-background-light.svg?v=2");opacity:.1}
.landing-page .services-section{background:transparent}
@media(max-width:700px){.landing-page::before{background-position:70% 20%;background-size:125vw auto;opacity:.014}[data-theme=light] .landing-page::before{opacity:.075}}