:root{--ink:#17252d;--muted:#68777d;--blue:#0000ff;--link-blue:#168BFF;--teal:#5F9EA0;--hover:#00CED1;--lime:#00FF00;--paper:#fff;--soft:#f3f7f6;--line:#dce7e5;--navy:#112934;--display:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--body:"Open Sans",ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--hero:"Anton",ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--width:1220px;--gutter:clamp(22px,5vw,72px)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:105px}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--body);font-size:16px;line-height:1.65;-webkit-font-smoothing:antialiased}a{color:var(--teal);text-decoration:none;transition:color .2s ease,background .2s ease,border-color .2s ease,transform .2s ease}a:hover{color:var(--hover)}button{font:inherit}.page-width{width:min(var(--width),calc(100% - 2*var(--gutter)));margin-inline:auto}.skip-link{position:fixed;top:10px;left:10px;z-index:1000;padding:10px 16px;background:#fff;border:2px solid var(--blue);transform:translateY(-160%)}.skip-link:focus{transform:translateY(0)}
.site-header{position:sticky;top:0;z-index:50;background:transparent;backdrop-filter:none;border-bottom:1px solid transparent;margin-bottom:-88px;transition:background .2s,border-color .2s,backdrop-filter .2s}.site-header.is-scrolled{background:rgba(255,255,255,.96);backdrop-filter:blur(16px);border-bottom-color:rgba(220,231,229,.78)}.header-inner{width:min(1440px,calc(100% - 64px));min-height:88px;margin:auto;display:grid;grid-template-columns:170px 1fr 166px;align-items:center;gap:24px}.brand{display:block;width:142px;line-height:0}.brand img,.footer-brand img{display:block;width:100%;height:auto}.primary-nav{display:flex;justify-content:center;align-items:center;gap:clamp(15px,2.1vw,32px);white-space:nowrap}.primary-nav a{font-size:15px;font-weight:600;color:var(--link-blue)}.primary-nav a:hover,.text-link:hover,.card-arrow:hover{color:var(--hover)}.phone-link{justify-self:end;display:inline-flex;align-items:center;gap:9px;padding:10px 17px;border:1.5px solid var(--lime);border-radius:999px;color:#000;background:var(--lime);font-size:14px;font-weight:700;letter-spacing:.02em;white-space:nowrap}.phone-link svg{width:16px;height:16px;fill:currentColor}.phone-link:hover{color:#000;border-color:var(--lime);background:var(--lime)}.menu-toggle{display:none}
.hero-banner{position:relative;isolation:isolate;overflow:hidden;background:#f4f7f7}.hero-image{display:block;width:100%;height:auto}.hero-content{position:absolute;top:0;left:50%;height:100%;z-index:1;transform:translateX(-50%);padding:0;font-family:var(--hero)}.eyebrow{margin:0 0 18px;text-transform:uppercase;letter-spacing:.14em;font-size:11px;font-weight:700;color:#62797a}.eyebrow-dot{display:inline-block;width:8px;height:8px;margin-right:9px;border-radius:50%;background:var(--hover);box-shadow:0 0 0 5px rgba(0,206,209,.12)}.hero-content .eyebrow{display:flex;align-items:center;color:#4b696b}.hero-lines{position:absolute;inset:0;margin:0;font:400 clamp(44px,6.3vw,82px)/1.04 var(--hero);letter-spacing:-.015em;color:#000}.hero-lines span{position:absolute;left:0;display:block}.hero-lines span:first-child{top:19%}.hero-lines .blue-line{top:37%;margin-top:0;color:#0000B8}.hero-main-title{position:absolute;top:64%;left:0;margin:0;color:#0000B8;font:400 clamp(32px,3.8vw,50px)/1.08 var(--hero);letter-spacing:.01em}.hero-cta{position:absolute;top:85%;left:0}
.intro-section{display:block;padding-block:clamp(58px,7vw,92px);background:#0000B8;color:#fff}.intro-inner{display:grid;grid-template-columns:minmax(0,2fr) minmax(280px,.9fr);gap:clamp(30px,6vw,78px);align-items:center}.intro-copy{max-width:none}.intro-copy h2{max-width:none;margin:0;color:#fff;font:400 clamp(36px,4.5vw,58px)/1.08 var(--hero);letter-spacing:.01em}.intro-lead{max-width:920px;margin:36px 0 0;font-size:18px;line-height:1.7;color:#fff}.intro-lead+.intro-lead{margin-top:16px}.intro-price{padding:30px 28px;background:#00666b;border:1px solid rgba(255,255,255,.32);border-left:6px solid var(--lime);border-radius:5px;box-shadow:0 18px 40px rgba(0,0,0,.16);color:#fff}.intro-price p{color:#fff}.intro-price-label{margin:0 0 12px;font-size:18px;font-weight:700;line-height:1.3}.intro-price-amount{margin:0;font:400 clamp(36px,3.6vw,48px)/1 var(--hero);letter-spacing:.01em;white-space:nowrap}.intro-price-note{margin:14px 0 0;font-size:14px;line-height:1.5}.button{display:inline-flex;align-items:center;justify-content:center;gap:25px;min-height:54px;padding:0 23px;border-radius:3px;font-size:14px;font-weight:700;transition:transform .2s,background .2s,color .2s}.button:hover{transform:translateY(-2px)}.button-blue{background:var(--lime);color:#000;border-radius:999px;font-family:var(--body)}.button-blue:hover{background:var(--lime);color:#000}.button span{font-size:19px}
.section-pad{padding-block:clamp(60px,7vw,96px)}.services-section{background:var(--soft)}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:40px;margin-bottom:36px}.section-heading h2,.process-lead h2,.faq-lead h2{margin:0;font:400 clamp(36px,4.5vw,58px)/1.08 var(--hero);letter-spacing:.01em;color:#0000B8}.section-heading h2 em,.faq-lead h2 em{color:inherit;font-style:normal}.section-intro{max-width:370px;margin:0 0 5px;color:#637278;font-size:15px}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.service-card{position:relative;min-height:310px;padding:30px;background:#fff;border:1px solid #e5edeb;transition:transform .25s,box-shadow .25s}.service-card:hover{transform:translateY(-5px);box-shadow:0 18px 45px rgba(28,63,67,.08)}.service-card-featured{background:#edfafa;border-color:#b9e8e5}.card-number{position:absolute;top:29px;right:30px;font-size:11px;color:#849595;letter-spacing:.1em}.service-icon{height:68px;width:68px;margin-bottom:30px;position:relative;color:var(--teal)}.icon-window{border:1px solid #abd1ce;border-radius:5px;padding:8px;display:flex;gap:4px;align-items:flex-start}.icon-window i{width:5px;height:5px;border-radius:50%;background:#90c2bf}.icon-window b{position:absolute;left:9px;right:9px;bottom:11px;height:24px;border-top:1px solid #aad3d0;border-left:1px solid #aad3d0}.icon-target span{position:absolute;inset:5px;border:1px solid #62aaaa;border-radius:50%}.icon-target span:nth-child(2){inset:15px}.icon-target span:nth-child(3){inset:25px;background:var(--hover);border:0}.icon-spark{font-size:60px;line-height:1;color:#4fa8a8}.service-card h3{margin:0 0 9px;font:700 21px var(--display);letter-spacing:-.04em}.service-card p{max-width:290px;margin:0;color:#6e7c80;font-size:14px}.card-arrow{position:absolute;right:29px;bottom:26px;font-size:23px;color:var(--teal)}
.portfolio-section{background:#fff}.portfolio-heading{margin-bottom:36px}.portfolio-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.project-card{position:relative;display:flex;flex-direction:column;overflow:hidden;background:#fff;border:1px solid #e5edeb;transition:transform .25s,box-shadow .25s}.project-card:hover{transform:translateY(-4px);box-shadow:0 18px 45px rgba(28,63,67,.09)}.project-visual{position:relative;min-height:220px;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden;padding:20px 26px}.project-visual:after{content:"";position:absolute;width:230px;height:230px;right:-52px;bottom:-126px;border:1px solid currentColor;border-radius:50%;opacity:.23}.project-domain{position:relative;z-index:1;align-self:flex-start;padding:7px 10px;border-radius:999px;background:rgba(255,255,255,.72);font-size:9px;font-weight:700;letter-spacing:.12em}.project-visual-title{position:relative;z-index:1;max-width:72%;font:400 clamp(27px,3vw,40px)/1.02 var(--hero);letter-spacing:.01em}.project-ornament{position:absolute;z-index:0;top:27%;right:10%;font:400 100px/.8 var(--hero);opacity:.24}.art-energy{background:linear-gradient(135deg,#eee9f7,#b7a9d1);color:#3d3458}.art-energy .project-ornament{font-size:145px;right:11%;top:24%}.art-cakes{background:linear-gradient(135deg,#f8e8db,#d49478);color:#573c35}.art-cakes .project-ornament{font-size:112px;right:12%;top:28%}.art-cleaning{background:linear-gradient(135deg,#e3f3ef,#87b9ae);color:#1c5149}.art-cleaning .project-ornament{font-size:132px;right:12%;top:24%}.art-massage{background:linear-gradient(135deg,#f1e8df,#c5a58f);color:#503b31}.art-massage .project-ornament{font-size:155px;right:11%;top:22%}.art-home{background:linear-gradient(135deg,#e7eff7,#91a9bb);color:#203c50}.art-home .project-ornament{font-size:116px;right:12%;top:25%}.art-finance{background:linear-gradient(135deg,#e7eff4,#a7bfd0);color:#1f3d52}.art-finance .project-ornament{font-size:112px;right:13%;top:28%}.project-content{display:flex;flex:1;flex-direction:column;align-items:flex-start;padding:23px 26px 25px}.project-type{margin-bottom:8px;color:#718487;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.12em}.project-content h3{margin:0 0 12px;font:700 21px/1.22 var(--display);letter-spacing:-.035em;color:var(--ink)}.project-content p{margin:0;color:#637278;font-size:14px;line-height:1.65}.project-link{display:inline-flex;align-items:center;gap:9px;margin-top:auto;padding-top:19px;color:var(--teal);font-size:13px;font-weight:700}.project-link:hover{color:var(--hover)}.project-link span{font-size:18px}.process-section{background:#edf6f5}.process-inner{display:grid;grid-template-columns:.8fr 1.2fr;gap:12%;align-items:start}.process-lead h2{font-size:clamp(36px,4.5vw,58px)}.process-lead>p:not(.eyebrow){max-width:335px;margin:20px 0 25px;color:#627379}.text-link{display:inline-flex;align-items:center;gap:12px;font-size:14px;font-weight:700;color:var(--teal)}.text-link span{font-size:19px}.steps{padding-top:8px}.step{position:relative;display:grid;grid-template-columns:54px 1fr;gap:17px;padding:0 0 37px;margin-bottom:28px;border-bottom:1px solid #cddedb}.step:last-child{border:0;margin-bottom:0;padding-bottom:0}.step-no{padding-top:3px;font-size:12px;letter-spacing:.12em;color:var(--teal)}.step h3{margin:0 0 7px;font:700 20px var(--display);letter-spacing:-.04em}.step p{max-width:490px;margin:0;color:#627379;font-size:14px}.faq-section{background:#fff}.faq-inner{display:grid;grid-template-columns:.8fr 1.2fr;gap:12%;align-items:start}.faq-lead h2{font-size:clamp(36px,4.5vw,58px)}.faq-lead>p:not(.eyebrow){max-width:310px;margin:20px 0;color:#65747a}.faq-list{border-top:1px solid var(--line)}.faq-list details{border-bottom:1px solid var(--line)}.faq-list summary{position:relative;list-style:none;cursor:pointer;padding:22px 42px 22px 0;font:700 16px var(--display);letter-spacing:-.02em}.faq-list summary::-webkit-details-marker{display:none}.faq-plus{position:absolute;right:3px;top:50%;width:20px;height:20px;transform:translateY(-50%)}.faq-plus:before,.faq-plus:after{content:"";position:absolute;top:9px;left:3px;width:14px;height:1.5px;background:var(--teal);transition:transform .2s}.faq-plus:after{transform:rotate(90deg)}details[open] .faq-plus:after{transform:rotate(0)}.faq-list details p{max-width:650px;margin:-4px 44px 23px 0;color:#637278;font-size:14px}.contact-section{position:relative;isolation:isolate;overflow:hidden;padding:clamp(60px,7vw,92px) 0;background:var(--soft);color:var(--ink)}.contact-inner{position:relative;z-index:2}.contact-inner .eyebrow{color:#4b696b}.contact-inner h2{max-width:820px;margin:0;font:400 clamp(36px,4.5vw,58px)/1.08 var(--hero);letter-spacing:.01em;color:#0000B8}.contact-inner h2 em{font-style:normal;color:inherit}.contact-inner>p:not(.eyebrow){max-width:500px;margin:24px 0 28px;color:#53656c}.button-light{background:#fff;color:#1d464f;min-width:204px}.button-light:hover{background:#d9fbfa;color:#143d46}.button-light svg{width:16px;height:16px;fill:currentColor}.contact-orbit{position:absolute;z-index:0;border:1px solid rgba(101,185,185,.2);border-radius:50%;pointer-events:none}.orbit-one{width:610px;height:610px;right:-115px;top:-180px}.orbit-two{width:440px;height:440px;right:-26px;top:-95px;border-color:rgba(101,185,185,.13)}.contact-scribble{position:absolute;right:13%;bottom:-49px;z-index:1;color:rgba(0,0,184,.04);font:800 230px/.8 var(--display);letter-spacing:-.1em;pointer-events:none}.site-footer{background:#0d2028;color:#8fa1a4}.footer-inner{min-height:94px;display:flex;align-items:center;gap:26px}.footer-brand{display:block;width:86px;filter:brightness(0) invert(1);opacity:.85}.footer-inner>span{font-size:12px}.back-top{margin-left:auto;font-size:12px}.footer-inner small{font-size:11px;color:#6e8286}
@media(max-width:1120px){.header-inner{width:calc(100% - 40px);grid-template-columns:130px 1fr 150px;gap:12px}.brand{width:122px}.primary-nav{gap:14px}.primary-nav a{font-size:13px}.phone-link{padding:9px 12px;font-size:12px}.intro-section{padding-block:clamp(56px,7vw,88px)}}
@media(max-width:820px){html{scroll-padding-top:84px}.site-header{margin-bottom:-76px}.header-inner{min-height:76px;grid-template-columns:1fr auto auto}.brand{width:124px}.menu-toggle{display:flex;flex-direction:column;justify-content:center;gap:5px;width:42px;height:42px;padding:10px;border:1px solid var(--line);border-radius:50%;background:#fff;cursor:pointer}.menu-toggle span{display:block;width:19px;height:1.5px;background:#27454c;transition:transform .2s,opacity .2s}.menu-toggle[aria-expanded="true"] span:first-child{transform:translateY(6.5px) rotate(45deg)}.menu-toggle[aria-expanded="true"] span:nth-child(2){opacity:0}.menu-toggle[aria-expanded="true"] span:last-child{transform:translateY(-6.5px) rotate(-45deg)}.primary-nav{position:absolute;top:75px;left:0;right:0;display:none;align-items:stretch;padding:12px 24px 22px;background:#fff;border-bottom:1px solid var(--line);box-shadow:0 18px 24px rgba(25,50,54,.07)}.primary-nav.is-open{display:flex;flex-direction:column;gap:0}.primary-nav a{padding:12px 0;font-size:16px;border-bottom:1px solid #eef3f2}.primary-nav a:last-child{border:0}.phone-link{font-size:12px;padding:9px 12px}.hero-main-title{top:60%}.hero-cta{top:79%}.hero-lines span:first-child{top:16%}.intro-section{padding-block:56px}.intro-inner{grid-template-columns:1fr;gap:30px}.section-heading{align-items:flex-start;flex-direction:column;gap:19px}.section-intro{max-width:530px}.service-grid{gap:12px}.service-card{padding:23px;min-height:300px}.card-number{top:22px;right:21px}.portfolio-grid{grid-template-columns:1fr 1fr;gap:18px}.process-inner,.faq-inner{grid-template-columns:1fr;gap:54px}.process-lead>p:not(.eyebrow){max-width:470px}.faq-lead>p:not(.eyebrow){max-width:470px}.footer-inner{flex-wrap:wrap;gap:12px 20px;padding-block:22px}.footer-inner>span{flex:1}.back-top{margin-left:auto}}
@media(max-width:560px){:root{--gutter:22px}.header-inner{width:calc(100% - 32px);grid-template-columns:1fr auto auto;gap:9px}.brand{width:105px}.phone-link{gap:6px;padding:9px 10px;font-size:11px}.phone-link svg{width:14px;height:14px}.menu-toggle{width:38px;height:38px}.primary-nav{top:75px}.hero-banner{display:flex;flex-direction:column;align-items:stretch}.hero-image{width:100%;height:auto}.hero-content{position:relative;top:auto;left:auto;height:auto;transform:none;padding:34px 0 36px}.hero-lines{position:relative;inset:auto;display:flex;flex-direction:column;gap:8px;font-size:clamp(39px,10vw,54px)}.hero-lines span{position:static}.hero-lines .blue-line{margin-top:0}.hero-main-title{position:static;margin:46px 0 30px;font-size:clamp(32px,8vw,44px)}.hero-cta{position:static}.intro-section{padding-block:50px}.intro-inner{gap:28px}.intro-copy h2{font-size:42px}.intro-lead{margin-top:30px;font-size:16px}.intro-price{max-width:400px;padding:26px 24px}.intro-price-amount{font-size:42px}.section-pad{padding-block:54px}.section-heading h2,.process-lead h2,.faq-lead h2{font-size:41px}.section-heading{margin-bottom:26px}.service-grid{grid-template-columns:1fr}.service-card{min-height:240px;padding:24px}.service-icon{margin-bottom:22px;height:52px}.service-card p{max-width:310px}.portfolio-grid{grid-template-columns:1fr;gap:18px}.project-visual{min-height:190px}.process-inner,.faq-inner{gap:30px}.step{grid-template-columns:38px 1fr;gap:12px;padding-bottom:25px;margin-bottom:22px}.step h3{font-size:18px}.faq-list summary{font-size:15px;padding-block:19px}.faq-list details p{margin-right:14px}.contact-inner h2{font-size:43px}.contact-inner>p:not(.eyebrow){font-size:14px}.contact-scribble{right:-18px;font-size:160px}.orbit-one{right:-390px}.orbit-two{right:-300px}.footer-inner{display:grid;grid-template-columns:1fr auto;gap:13px}.footer-brand{grid-column:1;width:78px}.footer-inner>span{grid-column:1/-1;grid-row:2}.footer-inner small{grid-column:2;grid-row:1;justify-self:end}.back-top{grid-column:2;grid-row:3;margin:0;justify-self:end}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important}}

@media(min-width:1121px){.intro-copy h2,.section-heading h2,.process-lead h2,.faq-lead h2,.contact-inner h2{white-space:nowrap}.intro-copy h2,.section-heading h2,.contact-inner h2{font-size:clamp(32px,3.2vw,44px)}.process-lead h2,.faq-lead h2{font-size:clamp(32px,3vw,42px)}.intro-copy h2,.contact-inner h2{max-width:none}.section-heading{gap:24px}.section-heading .section-intro{flex:0 1 340px;max-width:340px}.process-inner,.faq-inner{grid-template-columns:1fr 1fr;gap:6%}}




/* Portfolio carousel: screenshot cards */
.portfolio-section{background:#fff}
.portfolio-heading{margin-bottom:30px}
.portfolio-carousel{position:relative}
.portfolio-viewport{width:100%;overflow:hidden;touch-action:pan-y;outline:none}
.portfolio-viewport:focus-visible{outline:2px solid var(--teal);outline-offset:5px;border-radius:4px}
.portfolio-track{display:flex;width:100%;align-items:stretch;transform:translate3d(0,0,0);transition:transform .48s cubic-bezier(.22,.72,.25,1);will-change:transform}
.portfolio-track.is-dragging,.portfolio-track.no-motion{transition:none}
.project-slide{flex:0 0 100%;width:100%;min-width:0;scroll-snap-align:start}
.project-card{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);align-items:stretch;min-height:440px;overflow:hidden;border:1px solid #e1eae9;background:#f6f9f8;box-shadow:0 20px 55px rgba(20,48,55,.07)}
.project-card:hover{transform:none;box-shadow:0 24px 62px rgba(20,48,55,.11)}
.site-preview{position:relative;display:flex;align-items:center;justify-content:center;min-width:0;min-height:440px;margin:0;padding:clamp(22px,3.5vw,46px);overflow:hidden;background:#f2f5f5}
.site-preview:before,.site-preview:after{position:absolute;content:"";pointer-events:none;border:1px solid rgba(35,77,82,.08);border-radius:50%}
.site-preview:before{width:300px;height:300px;left:-175px;top:-195px}
.site-preview:after{width:260px;height:260px;right:-175px;bottom:-190px}
.site-preview--energy{background:#f0eafb}.site-preview--cakes{background:#f7eee8}.site-preview--cleaning{background:#eaf5f1}.site-preview--massage{background:#f3eee8}.site-preview--home{background:#eaf0f4}.site-preview--finance{background:#ebf1f6}
.project-screenshot{position:relative;z-index:1;display:block;width:100%;height:auto;max-height:390px;object-fit:contain;object-position:center;border:1px solid rgba(29,53,61,.13);border-radius:6px;background:#fff;box-shadow:0 16px 34px rgba(24,49,58,.15)}
.project-content{position:relative;isolation:isolate;display:flex;min-width:0;flex-direction:column;align-items:flex-start;justify-content:center;padding:clamp(30px,4.2vw,54px);background:linear-gradient(145deg,#fff 0%,#f7faf9 100%)}
.project-content:after{position:absolute;z-index:-1;right:-108px;bottom:-137px;width:290px;height:290px;border:1px solid rgba(95,158,160,.12);border-radius:50%;content:"";pointer-events:none}
.project-meta{display:flex;width:100%;align-items:center;justify-content:space-between;gap:12px;margin-bottom:19px}
.project-type{margin:0;color:#478587;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.14em}
.project-number{flex:none;color:#7e9697;font-size:11px;font-weight:700;letter-spacing:.08em}.project-number i{font-style:normal;color:#b1c0bf}
.project-content h3{margin:0 0 17px;color:var(--ink);font:700 clamp(24px,2.35vw,32px)/1.15 var(--display);letter-spacing:-.04em}
.project-content p{margin:0;color:#637278;font-size:14px;line-height:1.72}
.project-link{display:inline-flex;align-items:center;gap:9px;margin-top:23px;padding:0;color:var(--teal);font-size:14px;font-weight:700}
.project-link:hover{color:var(--hover)}.project-link span{font-size:18px}
.carousel-controls{display:flex;align-items:center;justify-content:center;gap:18px;margin-top:23px}
.carousel-arrow{display:grid;place-items:center;width:42px;height:42px;border:1px solid #c9d9d8;border-radius:50%;background:#fff;color:#28555a;cursor:pointer;transition:background .2s,border-color .2s,color .2s,transform .2s}
.carousel-arrow span{font-size:20px;line-height:1}.carousel-arrow:hover:not(:disabled){transform:translateY(-2px);border-color:var(--teal);background:var(--teal);color:#fff}.carousel-arrow:disabled{opacity:.38;cursor:default}.carousel-arrow:focus-visible,.carousel-dot:focus-visible{outline:2px solid var(--teal);outline-offset:4px}
.carousel-dots{display:flex;align-items:center;gap:9px}.carousel-dot{width:8px;height:8px;padding:0;border:0;border-radius:99px;background:#c9d9d8;cursor:pointer;transition:width .2s,background .2s}.carousel-dot.is-active{width:25px;background:#5f9ea0}
.carousel-status{display:flex;align-items:center;gap:5px;min-width:53px;color:#597174;font-size:12px;font-weight:700;letter-spacing:.08em}.carousel-status i{font-style:normal;color:#9aacac;font-weight:400}
@media(max-width:900px){.project-card{grid-template-columns:minmax(0,1.02fr) minmax(0,.98fr);min-height:400px}.site-preview{min-height:400px;padding:22px}.project-content{padding:30px}.project-content p{font-size:13px}}
@media(max-width:680px){.portfolio-heading{margin-bottom:22px}.project-card{grid-template-columns:1fr;min-height:0}.site-preview{min-height:0;padding:18px}.project-screenshot{max-height:none}.project-content{padding:26px 24px 29px}.project-content h3{font-size:26px}.project-content p{font-size:14px}.project-meta{margin-bottom:13px}.carousel-controls{gap:12px;margin-top:19px}.carousel-arrow{width:38px;height:38px}.carousel-dots{gap:7px}.carousel-dot{width:6px;height:6px}.carousel-dot.is-active{width:20px}.carousel-status{min-width:45px;font-size:11px}}
@media(max-width:380px){.site-preview{padding:12px}.project-content{padding:23px 20px 25px}.carousel-controls{gap:9px}.carousel-dots{gap:6px}}
@media(prefers-reduced-motion:reduce){.portfolio-track{transition:none}}

/* Final portfolio typography and framing */
.project-card{border:0;box-shadow:none;background:transparent}
.project-card:hover{box-shadow:none}
.site-preview{border:0}
.project-screenshot{border:0;border-radius:0;box-shadow:none}
.project-content{background:linear-gradient(145deg,#fff 0%,#f7faf9 100%)}
.project-meta{position:relative;display:block;text-align:right;margin:0 0 22px;padding:0 0 12px}
.project-type{display:block;text-align:right;color:#0000B8;font-size:12px;letter-spacing:.13em}
.project-meta:after{position:absolute;right:0;bottom:0;left:0;height:3px;background:#00FF00;content:""}
.project-content p{font-size:18px;line-height:1.65}
.project-link{color:var(--link-blue)}
.project-link:hover{color:var(--hover)}
.project-slide{display:flex}
.project-card{width:100%;height:100%}
@media(max-width:900px){.project-content p{font-size:16px}}
@media(max-width:680px){.project-content p{font-size:16px}}

/* Portfolio refinements */
.project-content h3{font:400 clamp(24px,2.35vw,32px)/1.15 var(--hero);letter-spacing:.01em}
.carousel-dot{background:rgba(22,139,255,.28)}
.carousel-dot.is-active{background:var(--link-blue)}
.carousel-arrow{border-color:rgba(22,139,255,.38);color:var(--link-blue)}
.carousel-arrow:hover:not(:disabled){border-color:var(--link-blue);background:var(--link-blue);color:#fff}
.project-card{border-radius:10px}
@media(max-width:680px){.project-content h3{font-size:26px}}

/* Project description panels use each reference site's palette */
.site-preview--energy+.project-content{background:#f2eafa}
.site-preview--cakes+.project-content{background:#f3e9eb}
.site-preview--cleaning+.project-content{background:#f2ebe5}
.site-preview--massage+.project-content{background:#f3e9dc}
.site-preview--home+.project-content{background:#f2e9e8}
.site-preview--finance+.project-content{background:#e7f0e7}

/* CTA starts in the hero and floats after the hero scrolls away */
.hero-cta.is-floating{position:fixed;z-index:70;top:auto;right:clamp(16px,3vw,36px);bottom:clamp(16px,3vw,30px);left:auto;min-height:62px;padding-inline:31px;font-size:16px;box-shadow:0 12px 30px rgba(23,37,45,.22)}
.hero-cta.is-floating:hover{transform:translateY(-3px);box-shadow:0 16px 34px rgba(23,37,45,.25)}
.hero-cta-placeholder{display:none}
@media(max-width:560px){.hero-cta.is-floating{right:15px;bottom:14px;min-height:58px;padding-inline:25px;font-size:15px}.hero-cta-placeholder.is-visible{display:block;height:58px}}

/* One continuous theme tint behind each screenshot and its description */
.project-card .site-preview--energy,.project-card .site-preview--energy+.project-content{background:#f2e9fa}
.project-card .site-preview--cakes,.project-card .site-preview--cakes+.project-content{background:#f1e7e9}
.project-card .site-preview--cleaning,.project-card .site-preview--cleaning+.project-content{background:#eaf3ed}
.project-card .site-preview--massage,.project-card .site-preview--massage+.project-content{background:#f6eee2}
.project-card .site-preview--home,.project-card .site-preview--home+.project-content{background:#f6e9e8}
.project-card .site-preview--finance,.project-card .site-preview--finance+.project-content{background:#e7f1e8}


/* Portfolio: match each screenshot area with its project description background. */
.project-card{background:var(--project-background,#f7faf9)}
.site-preview,.project-content{background:transparent}
.project-card--energy{--project-background:#f0eafb}
.project-card--cakes{--project-background:#f7eee8}
.project-card--cleaning{--project-background:#eaf5f1}
.project-card--massage{--project-background:#f3eee8}
.project-card--home{--project-background:#eaf0f4}
.project-card--finance{--project-background:#e8f0e9}
.project-card--handmade{--project-background:#f1ebe5}
.site-preview--handmade{background:transparent}


/* Slightly larger hero call to action. */
.hero-cta{min-height:58px;padding-inline:28px;font-size:15px}


/* Service cards with the supplied site type icons. */
#reseni .service-card{display:flex;flex-direction:column;align-items:flex-start;background:#fff}
#reseni .service-icon{display:block;width:108px;height:88px;object-fit:contain;object-position:left center;margin:0 0 24px;position:static;flex:none}
#reseni .service-card h3{margin:0 0 10px}
#reseni .service-card p{max-width:none;line-height:1.65}
#reseni .card-arrow{position:static;align-self:flex-end;margin-top:auto;padding-top:20px;line-height:1}


/* Service card emphasis and FAQ links. */
#reseni .service-card h3{color:#0000B8}
#reseni .service-card p{font-size:18px}
#reseni .service-faq-link{align-self:flex-start;margin-top:auto;padding-top:20px;color:var(--link-blue);font-size:15px;font-weight:700}
#reseni .service-faq-link:hover{color:var(--hover)}
@media(max-width:680px){#reseni .service-card p{font-size:16px}}


/* Process infographic inspired by the supplied reference. */
#proces{background:#111b2b;color:#f8fafc}
#proces .process-inner{display:block}
#proces .process-lead{max-width:900px;margin:0 0 38px}
#proces .process-lead h2{color:#fff}
#proces .process-lead>p:not(.eyebrow){max-width:850px;margin:20px 0 18px;color:#d0d9e6;font-size:18px;line-height:1.65}
#proces .process-lead .text-link{color:var(--link-blue);font-size:15px;font-weight:600}
#proces .process-lead .text-link:hover{color:var(--hover)}
#proces .steps{position:relative;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;align-items:stretch;padding-top:0}
#proces .steps:before{position:absolute;z-index:0;top:56px;right:12%;left:12%;height:2px;background:linear-gradient(90deg,#ffb000 0%,#38bdf8 100%);content:"";opacity:.55}
#proces .step{position:relative;z-index:1;display:flex;min-height:385px;flex-direction:column;align-items:center;gap:0;margin:0;padding:32px 22px 30px;border:1px solid rgba(159,177,198,.24);border-radius:16px;background:rgba(29,42,62,.88);text-align:center;box-shadow:inset 0 1px 0 rgba(255,255,255,.04)}
#proces .step-no{display:grid;width:48px;height:48px;flex:none;place-items:center;margin:0 0 22px;padding:0;border:2px solid #ffb000;border-radius:50%;background:#111b2b;color:#ffc21c;font-size:20px;font-weight:800;line-height:1}
#proces .step-icon{display:block;width:46px;height:46px;flex:none;margin:0 0 18px;fill:none;stroke:#38bdf8;stroke-width:3.5;stroke-linecap:round;stroke-linejoin:round}
#proces .step h3{margin:0 0 12px;color:#fff;font:700 19px/1.3 var(--body);letter-spacing:-.02em}
#proces .step p{max-width:none;margin:0;color:#d0d9e6;font-size:16px;line-height:1.55}
@media(max-width:1120px){#proces .process-lead .text-link{font-size:13px}}
@media(max-width:1000px){#proces .steps{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}#proces .steps:before{display:none}#proces .step{min-height:330px}}
@media(max-width:820px){#proces .process-lead .text-link{font-size:16px}}
@media(max-width:560px){#proces .process-lead{margin-bottom:28px}#proces .process-lead>p:not(.eyebrow){font-size:16px}#proces .steps{grid-template-columns:1fr;gap:14px}#proces .step{min-height:0;padding:26px 22px 28px}#proces .step-icon{margin-bottom:13px}#proces .step h3{font-size:18px}}


/* Requested process section palette and icon treatment. */
#proces{background:#0000B8}
#proces .process-lead .text-link,#proces .process-lead .text-link:hover{color:#fff}
#proces .step-no{border-color:#00FF00;background:#0000B8;color:#00FF00}
#proces .steps:before{background:#00FF00;opacity:.78}
#proces .step-icon{stroke:#fff}


/* FAQ typography follows the body text scale used above. */
#otazky .faq-lead>p:not(.eyebrow){font-size:18px;line-height:1.65}
#otazky .faq-lead .phone-link{margin-top:16px;align-self:flex-start}
#otazky .faq-list summary{font:600 18px/1.5 var(--body);letter-spacing:0}
#otazky .faq-list details p{font-size:18px;line-height:1.65}
@media(max-width:680px){#otazky .faq-lead>p:not(.eyebrow),#otazky .faq-list summary,#otazky .faq-list details p{font-size:16px}}


/* Contact section with a direct call button and a static-site email form. */
#kontakt .contact-inner{display:grid;grid-template-columns:minmax(0,.88fr) minmax(0,1.12fr);gap:clamp(30px,6vw,82px);align-items:start}
#kontakt .contact-copy{min-width:0}
#kontakt .contact-copy h2{max-width:none;white-space:normal;font-size:clamp(36px,4vw,52px)}
#kontakt .contact-copy>p{max-width:500px;margin:24px 0 28px;color:#53656c;font-size:18px;line-height:1.65}
#kontakt .contact-copy .button-light{color:var(--link-blue)}
#kontakt .contact-copy .button-light:hover{color:var(--link-blue)}
#kontakt .contact-form{display:grid;gap:16px;min-width:0;padding:clamp(22px,3vw,34px);border:1px solid #dce7e5;border-radius:10px;background:#fff;box-shadow:0 18px 42px rgba(20,48,55,.08)}
#kontakt .contact-form-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}
#kontakt .form-field{display:grid;gap:7px;color:var(--ink);font-size:15px;font-weight:600;line-height:1.4}
#kontakt .form-field input,#kontakt .form-field textarea{width:100%;min-width:0;border:1px solid #cbd8d8;border-radius:5px;background:#fff;padding:12px 14px;color:var(--ink);font:400 16px/1.45 var(--body);transition:border-color .2s,box-shadow .2s}
#kontakt .form-field input{min-height:48px}
#kontakt .form-field textarea{min-height:144px;resize:vertical}
#kontakt .form-field input:focus,#kontakt .form-field textarea:focus{outline:none;border-color:var(--link-blue);box-shadow:0 0 0 3px rgba(22,139,255,.14)}
#kontakt .contact-form .button{justify-self:start;min-width:132px;cursor:pointer}
#kontakt .form-honey{display:none!important}
#kontakt .form-status:empty{display:none}
#kontakt .form-status{margin:0;padding:12px 14px;border-radius:5px;font-size:15px;line-height:1.5}
#kontakt .form-status.is-success{background:#e9f8ee;color:#17652d}
#kontakt .form-status.is-error{background:#fff0ed;color:#9a2f20}
@media(max-width:820px){#kontakt .contact-inner{grid-template-columns:1fr;gap:32px}}
@media(max-width:560px){#kontakt .contact-copy h2{font-size:41px}#kontakt .contact-copy>p{font-size:16px}#kontakt .contact-form-row{grid-template-columns:1fr;gap:16px}#kontakt .contact-form{padding:22px}}