/* Websites, shops and project enquiries */
.web-services{background:#fafbf9}.web-services section[id],.project-section{scroll-margin-top:120px}.web-hero{background:#142236;color:#f5f8f5;overflow:hidden;border-bottom:1px solid #21394b}.web-hero-grid{display:grid;grid-template-columns:1.05fr 1fr;gap:62px;padding:76px 0 64px;align-items:center}.web-hero .kicker{color:#bad9d0;font-size:11px;display:flex;align-items:center;gap:10px;letter-spacing:.14em;margin-bottom:28px}.web-dot{width:6px;height:6px;background:#baeed6;border-radius:50%}.web-hero h1{color:#f4f7f5;font-size:clamp(38px,4.2vw,64px);font-weight:500;line-height:1.12;letter-spacing:-.05em;margin:0}.web-hero h1 em{display:inline-block;color:#b6e6d3;font-style:normal}.web-hero-copy>p:not(.kicker){color:#c0cdd6;font-size:16px;line-height:1.85;max-width:470px;margin:25px 0 29px}.web-hero-actions{display:flex;gap:25px;align-items:center;flex-wrap:wrap}.web-hero .button-mint{background:#bdebd7;color:#142f2c;border:1px solid #bdebd7;border-radius:9px;padding:14px 20px;gap:24px}.web-hero .button-mint:hover{background:#d3f6e8}.web-text-link{font-size:12px;color:#e1eae7;display:inline-flex;gap:15px;align-items:center}.web-text-link:hover{color:#b8efd5}.web-hero-notes{display:flex;gap:20px;flex-wrap:wrap;margin-top:30px;color:#a9bbb9;font-size:10px}.web-hero-notes span:before{content:'✓';color:#bce8d5;margin-right:7px}
.web-preview{position:relative;padding:38px 32px 80px 0;min-width:0}.web-preview-caption{position:absolute;top:0;left:0;right:0;display:flex;align-items:center;justify-content:space-between;color:#a5bbb9;font-size:9px;letter-spacing:.14em}.web-preview-caption>span:last-child{font-size:21px}.web-browser{background:#f1f2ec;border-radius:12px;overflow:hidden;border:1px solid #ffffff44;box-shadow:0 22px 56px #030e2133}.web-browser-bar{display:flex;align-items:center;justify-content:space-between;padding:11px 15px;background:#e8ece7;border-bottom:1px solid #d8ded7;font-size:8px;color:#617067}.web-browser-bar>span:first-child{color:#9aaba0;font-size:7px;letter-spacing:3px}.web-browser-content{padding:22px 25px 25px;color:#233e34;position:relative;overflow:hidden}.web-example-nav{display:flex;justify-content:space-between;align-items:center;gap:10px;position:relative;z-index:1}.web-example-nav strong{font-size:11px;letter-spacing:-.03em}.web-example-nav strong>span{color:#768e66}.web-example-nav>span{font-size:7px;color:#788275}.web-example-kicker{display:block;font-size:7px;letter-spacing:.17em;color:#7c886f;margin-top:36px;position:relative;z-index:1}.web-example-headline{font-family:Georgia,serif;font-size:43px;line-height:1.02;letter-spacing:-.045em;margin-top:13px;position:relative;z-index:1}.web-example-headline em{font-weight:400;color:#6d7e58}.web-browser-content:after{content:'';position:absolute;width:145px;height:215px;border-radius:90px 90px 12px 12px;background:linear-gradient(135deg,#dce2c8,#adb99a);right:-18px;bottom:32px;transform:rotate(-14deg);opacity:.7}.web-example-bottom{display:flex;align-items:center;gap:12px;margin-top:25px;font-size:8px;position:relative;z-index:1}.web-example-bottom i{display:grid;place-items:center;width:26px;height:26px;background:#2a4438;color:#fff;border-radius:50%;font-size:13px;font-style:normal}.web-shop-preview{position:absolute;bottom:38px;right:0;width:64%;max-width:340px;background:#fff;border:1px solid #e1e6dc;border-radius:10px;color:#283c37;box-shadow:0 18px 48px #03121d40;transform:rotate(-3deg);padding:15px}.web-shop-heading{display:flex;align-items:center;justify-content:space-between;font-size:10px;font-weight:600}.web-shop-products{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-top:13px}.web-shop-products>div{height:66px;background:#eeebe3;border-radius:5px;display:grid;place-items:center;overflow:hidden}.web-shop-products>div:nth-child(2){background:#e5ebe2}.web-shop-products>div:nth-child(3){background:#e7e9ec}.web-shape-vase{width:30px;height:41px;background:linear-gradient(90deg,#a58159,#d6b98f);border-radius:9px 9px 12px 12px;box-shadow:5px 5px 5px #53361115}.web-shape-bowl{height:23px;width:43px;border-radius:8px 8px 35px 35px;background:linear-gradient(95deg,#587262,#a0b29e);box-shadow:4px 5px 5px #192d201a}.web-shape-box{width:34px;height:34px;border-radius:5px;background:linear-gradient(110deg,#8c9ea9,#c9d4d9);transform:rotate(-9deg);box-shadow:5px 6px 6px #15304415}.web-shop-footer{display:flex;justify-content:space-between;gap:8px;margin-top:13px;font-size:7px}.web-shop-footer strong{font-size:8px;font-weight:600}.web-preview-note{position:absolute;bottom:0;right:0;color:#91a7b2;font-size:9px}
.web-options{padding:72px 0 62px}.web-section-heading{display:flex;justify-content:space-between;align-items:end;gap:32px;margin-bottom:28px}.web-section-heading .kicker{margin-bottom:12px;color:#647f74;font-size:10px}.web-section-heading h2{font-size:34px;line-height:1.2;letter-spacing:-.04em;font-weight:500;color:#223b36}.web-section-heading>p{font-size:12px;color:#66776f;line-height:1.8;margin:0;max-width:305px}.web-offer-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:19px}.web-offer{display:flex;flex-direction:column;padding:28px 25px;border-radius:13px;border:1px solid #dfe5df;background:#fff}.web-offer-number{font-size:9px;letter-spacing:.1em;color:#708174;font-weight:600}.web-offer h3{font-size:22px;letter-spacing:-.035em;line-height:1.25;margin:25px 0 13px;font-weight:550;color:#20382f}.web-offer>p{font-size:13px;line-height:1.85;color:#67766f;margin:0}.web-offer ul{list-style:none;padding:0;margin:23px 0 27px;color:#52665b;font-size:11px;line-height:1.75}.web-offer li{position:relative;padding-left:18px;margin-bottom:9px}.web-offer li:before{content:'✓';position:absolute;left:0;color:#568572}.web-offer>a{display:flex;justify-content:space-between;gap:14px;align-items:center;font-size:12px;color:#25473b;font-weight:600;padding-top:16px;border-top:1px solid #e4e9e2;margin-top:auto}.web-offer>a:hover{color:#497e62}.web-offer>a span{font-size:17px}.web-offer-shop{background:#eaf0e9;border-color:#cddbcf}.web-offer-shop>a{border-color:#d1dfd2}.web-price-note{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:25px 0 0}.web-price-note strong{font-size:13px;font-weight:600;color:#314c3f}.web-price-note p{font-size:11px;color:#6b7b71;margin:4px 0 0}.web-price-note>span{background:#edf1eb;border:1px solid #dfe6dc;border-radius:100px;padding:8px 16px;color:#4f6957;font-size:10px;white-space:nowrap}
.web-process{background:#eef2ed;border-block:1px solid #e0e6dd;padding:47px 0}.web-process .web-section-heading{margin-bottom:29px}.web-process .web-section-heading h2{font-size:27px}.web-process-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px;list-style:none;margin:0;padding:0}.web-process-steps>li{display:flex;gap:14px}.web-process-steps>li>span{color:#6b8371;font-size:10px;padding-top:2px}.web-process-steps h3{color:#2e493c;font-size:14px;font-weight:600;margin-bottom:8px}.web-process-steps p{font-size:12px;color:#617367;line-height:1.8;max-width:310px;margin:0}
.project-section{display:grid;grid-template-columns:.8fr 1.2fr;align-items:start;gap:80px;padding:80px 0 88px}.project-standalone{padding-top:64px}.project-intro{position:sticky;top:128px}.project-intro>.kicker{font-size:10px;color:#61816f;letter-spacing:.12em;margin-bottom:18px}.project-intro h1,.project-intro h2{font-size:52px;line-height:1.08;letter-spacing:-.045em;font-weight:500;color:#253c35;margin:0 0 22px}.project-intro h1{font-size:44px}.project-intro>p:not(.kicker){font-size:14px;line-height:1.9;color:#67766f;margin:0;max-width:360px}.project-person{display:flex;gap:13px;align-items:center;margin:31px 0 18px}.project-avatar{display:grid;place-items:center;background:#dce9de;color:#41604d;width:43px;height:43px;flex-shrink:0;border-radius:50%;font-size:13px;font-weight:600}.project-person>div{display:flex;flex-direction:column;gap:3px}.project-person strong{font-size:13px;color:#344e40;font-weight:600}.project-person>div>span{font-size:10px;color:#738377}.project-contact{display:inline-flex;align-items:center;gap:25px;color:#355e4a;font-size:13px;border-bottom:1px solid #c6d6c8;padding:0 0 7px}.project-expect{margin:34px 0 25px;padding:23px 22px;background:#edf2eb;border:1px solid #dde5da;border-radius:10px;max-width:360px}.project-expect strong{color:#3a5846;font-size:12px;font-weight:600}.project-expect p{color:#637966;font-size:12px;line-height:1.9;margin:8px 0 0}.project-intro>p.project-other{font-size:11px;color:#7b897e}.project-other a{display:block;color:#355b48;margin-top:5px;font-weight:500}.project-form-panel{border:1px solid #dce4dd;background:#fff;box-shadow:0 15px 42px #2b4b3610;border-radius:15px;padding:32px;min-width:0}.project-form{position:relative}.project-form fieldset{min-width:0}.project-fieldset{border:0;margin:0 0 27px;padding:0}.project-fieldset>legend{width:100%;display:flex;gap:12px;align-items:center;font-size:17px;color:#2d4538;font-weight:550;letter-spacing:-.025em;padding:0 0 21px}.project-fieldset>legend>span{font-size:10px;color:#6c8975;letter-spacing:0}.project-form label,.project-features legend{display:block;font-size:12px;color:#3d5447;font-weight:550;margin:0 0 7px}.project-form label>span:not([aria-hidden]),.project-features legend>span{font-size:10px;color:#7b8980;font-weight:400;margin-left:4px}.project-form input:not([type=checkbox]):not([type=hidden]),.project-form select,.project-form textarea{display:block;width:100%;min-width:0;background:#fafcf9;border:1px solid #d5dfd5;border-radius:7px;padding:12px 13px;font:inherit;font-size:13px;line-height:1.6;min-height:47px;color:#2e4638;box-shadow:none;transition:border-color .15s,box-shadow .15s}.project-form select{appearance:auto;padding-right:9px}.project-form textarea{resize:vertical;min-height:135px}.project-form input::placeholder,.project-form textarea::placeholder{color:#8b978d;font-size:12px}.project-form input:focus,.project-form textarea:focus,.project-form select:focus{outline:2px solid #789e89;outline-offset:2px;border-color:#789e89;background:#fff}.project-form [aria-invalid=true]{border-color:#b15a4d!important}.project-field{margin-top:19px}.project-field-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:19px}.project-fieldset>legend+.project-field-pair{margin-top:0}.project-features{border:0;padding:0;margin:20px 0 0}.project-features legend{padding:0}.project-features>div{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:4px}.project-features label{display:flex;align-items:start;gap:8px;cursor:pointer;background:#fafbf8;border:1px solid #e3e8df;padding:10px;border-radius:6px;margin:0;min-height:43px}.project-features label:has(input:checked){border-color:#87a58a;background:#edf5ed}.project-features input,.project-privacy input{width:15px;height:15px;flex-shrink:0;margin:2px 0 0;accent-color:#355e48}.project-features label>span:not([aria-hidden]){font-size:11px;color:#5b6f5c;font-weight:400;line-height:1.6;margin:0}.project-form .project-privacy{display:flex;gap:10px;align-items:start;margin-top:3px}.project-form .project-privacy>span:not([aria-hidden]){font-size:11px;line-height:1.8;margin:0;color:#687a6b}.project-privacy a{color:#315c44;text-decoration:underline;text-underline-offset:3px}.project-form .project-submit{width:100%;justify-content:space-between;border-radius:8px;background:#234735;border:1px solid #234735;color:#fff;font-size:13px;padding:14px 18px;min-height:50px;margin-top:20px}.project-submit:hover{background:#315e48!important}.project-submit:disabled{opacity:.65;cursor:wait}.project-hint{font-size:10px!important;color:#798b7b!important;margin:7px 0 0!important;line-height:1.7!important}.project-submit-note{text-align:center;margin-top:12px!important}.project-trap{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.project-field-error{display:block;color:#a53c2d;font-size:11px;line-height:1.6;margin-top:6px}.project-errors{border:1px solid #dfb8ae;background:#fff4ee;border-radius:8px;padding:17px 18px;margin-bottom:25px;font-size:12px;color:#8c3e2f}.project-errors ul{padding-left:17px;margin:8px 0 0}.project-errors a{text-decoration:underline;text-underline-offset:3px}.project-receipt{text-align:center;padding:22px 6px}.project-check{display:grid;place-items:center;width:52px;height:52px;border-radius:50%;background:#e1f0e1;color:#3c7152;font-size:24px;margin:0 auto 24px}.project-receipt .kicker{font-size:9px;margin-bottom:12px;color:#6c8d70}.project-receipt h3{font-size:28px;color:#244731;line-height:1.2;letter-spacing:-.03em;font-weight:500}.project-receipt>p:not(.kicker){font-size:13px;line-height:1.8;color:#637668;margin-top:16px}.project-reference{background:#eff5ed;border:1px solid #dce7d9;border-radius:9px;padding:17px;margin:25px 0;display:flex;flex-direction:column;gap:8px;overflow-wrap:anywhere}.project-reference>span{font-size:10px;color:#6c806b}.project-reference>strong{font-size:16px;color:#305237;letter-spacing:.03em}.project-receipt .button{margin-top:22px}
@media(max-width:1150px){.web-hero-grid{gap:32px}.web-hero h1{font-size:45px}.web-hero-actions{gap:18px}.web-text-link{font-size:11px}.web-offer{padding:25px 20px}.web-offer h3{font-size:20px}.project-section{gap:43px}.project-form-panel{padding:25px}.project-intro h2{font-size:46px}}
@media(max-width:800px){.web-hero-grid{grid-template-columns:1fr;padding:43px 0 35px;gap:40px}.web-hero h1{font-size:clamp(36px,7.6vw,56px)}.web-hero-copy>p:not(.kicker){max-width:520px;font-size:14px}.web-hero-notes{font-size:10px}.web-preview{max-width:460px;width:100%;margin:auto;padding-bottom:73px}.web-section-heading{display:block}.web-section-heading>p{margin-top:15px;max-width:none}.web-section-heading h2{font-size:29px}.web-options{padding:48px 0}.web-offer-grid{grid-template-columns:1fr;gap:14px}.web-offer{padding:25px}.web-offer h3{margin-top:18px;font-size:23px}.web-offer ul{margin:19px 0 22px}.web-offer li{font-size:12px;margin-bottom:6px}.web-offer>a{font-size:13px}.web-price-note{align-items:start}.web-process{padding:36px 0}.web-process .web-section-heading h2{font-size:25px}.web-process-steps{grid-template-columns:1fr;gap:25px}.web-process-steps p{max-width:100%}.project-section{grid-template-columns:1fr;padding:47px 0 56px;gap:29px}.project-intro{position:static}.project-intro h2{font-size:43px}.project-intro h1{font-size:39px}.project-intro>p:not(.kicker){max-width:100%}.project-person{margin-top:24px}.project-expect{max-width:100%;margin:23px 0 17px}.project-form-panel{padding:25px}.project-standalone{padding-top:39px}}
@media(max-width:480px){.web-hero .kicker{font-size:9px;margin-bottom:23px}.web-hero h1{font-size:clamp(31px,8.5vw,42px)}.web-hero-actions{gap:18px;align-items:center}.web-hero .button-mint{font-size:12px;padding:12px 17px;gap:15px}.web-text-link{font-size:10px;gap:7px}.web-hero-notes{gap:13px;font-size:8px;margin-top:23px}.web-preview{padding-right:24px}.web-browser-content{padding:18px 20px 23px}.web-example-nav>span{font-size:6px}.web-example-nav strong{font-size:10px}.web-example-kicker{margin-top:24px}.web-example-headline{font-size:35px}.web-browser-content:after{width:115px;height:167px;right:-26px;bottom:30px}.web-shop-preview{width:69%;padding:12px}.web-shop-products>div{height:53px}.web-shop-heading{font-size:9px}.web-shop-footer>span{display:none}.web-preview-note{font-size:8px}.web-price-note{display:block}.web-price-note>span{display:inline-block;margin-top:14px}.web-offer{padding:24px 21px}.project-form-panel{padding:23px 18px;border-radius:12px}.project-field-pair{grid-template-columns:1fr;gap:17px}.project-form input:not([type=checkbox]):not([type=hidden]),.project-form select,.project-form textarea{font-size:16px}.project-features>div{grid-template-columns:1fr 1fr;gap:7px}.project-features label{padding:9px 8px;gap:6px}.project-features label>span:not([aria-hidden]){font-size:10px}.project-fieldset>legend{font-size:16px}.project-reference>strong{font-size:14px}.project-receipt h3{font-size:25px}.web-services section[id],.project-section{scroll-margin-top:98px}}
@media(prefers-reduced-motion:reduce){.project-form *{transition:none!important}}
.project-form .project-submit [data-submit-label]{font:inherit;letter-spacing:normal}
/* Status panels receive programmatic focus; controls retain their visible focus rings. */
.project-receipt:focus{outline:none}
