:root{--brand-red:#cf1920;--brand-ink:#111823;--brand-cream:#f6f2ed;--brand-ice:#e6f5ff;--navy:var(--brand-ink);--blue:var(--brand-red);--green:#a91c22;--orange:#cf1920;--light:#f8f5f2;--muted:#62606a;--border:#e4dcd6;--radius:18px;font-family:Inter,'Arial',sans-serif;color:var(--navy);background:#fff;font-synthesis:none}*{box-sizing:border-box}body{margin:0}a{color:inherit;text-underline-offset:5px}button,input,textarea,select{font:inherit}button,a,input,textarea{touch-action:manipulation}button{cursor:pointer}button:disabled{opacity:.4;cursor:default}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid var(--blue);outline-offset:4px}[hidden]{display:none!important}html{scroll-behavior:smooth;scroll-padding-top:30px}img{max-width:100%;height:auto}p{line-height:1.7}h1,h2,h3{margin:0;letter-spacing:-.045em;line-height:1.12}h1{font-size:clamp(42px,5.4vw,74px);font-weight:850;letter-spacing:-.06em}h2{font-size:clamp(28px,3vw,41px);font-weight:800}h3{font-size:21px;letter-spacing:-.025em}small{line-height:1.6}.container{max-width:1200px;padding-left:32px;padding-right:32px;margin:auto}.header{border-bottom:1px solid var(--border);background:white}.nav-row{min-height:96px;display:flex;align-items:center;gap:34px}.brand{display:flex;align-items:center;gap:11px;text-decoration:none;flex-shrink:0}.brand>span{font-size:18px;font-weight:600;letter-spacing:-.5px}.brand b{color:var(--blue)}.brand small{display:block;font-size:9px;font-weight:800;letter-spacing:2px;margin-top:4px}.header nav{display:flex;gap:27px;margin-left:auto;align-items:center}.header nav a{font-size:13px;font-weight:700;text-decoration:none;padding:12px 0;white-space:nowrap}.header nav a[aria-current=page]{color:var(--blue)}.languages{display:flex;align-items:center;gap:3px;flex-shrink:0}.languages a{text-decoration:none;font-size:11px;font-weight:750;padding:8px 7px;border-radius:6px;color:var(--muted)}.languages a[aria-current]{background:#e9f3ff;color:#0067cd}.menu-button{display:none;background:none;border:1px solid var(--border);border-radius:7px;padding:7px 11px}.skip{position:absolute;left:16px;top:-100px;z-index:10;background:white;padding:12px}.skip:focus{top:10px}.hero{display:grid;grid-template-columns:1.12fr 1fr;align-items:center;min-height:610px;padding-top:58px;padding-bottom:65px;gap:15px}.eyebrow{font-size:10px;font-weight:800;letter-spacing:1.7px;margin:0 0 20px;line-height:1.6;display:flex;align-items:center;gap:8px}.status-dot{width:7px;height:7px;border-radius:100%;background:var(--green);display:inline-block}.hero h1 span{color:var(--blue)}.hero-description{font-size:17px;color:var(--muted);max-width:530px;line-height:1.8;margin:24px 0 28px}.hero-actions{display:flex;align-items:center;gap:24px;flex-wrap:wrap}.button{display:inline-flex;align-items:center;justify-content:center;gap:22px;border:0;border-radius:8px;background:var(--blue);color:white;font-weight:700;font-size:13px;text-decoration:none;padding:17px 21px;line-height:1.4;transition:background .15s,transform .15s}.button:hover{background:#0566cc;transform:translateY(-1px)}.button>span{font-size:20px;line-height:1}.text-button{display:inline-flex;gap:14px;align-items:center;font-size:12px;font-weight:750;text-decoration:none;padding:12px 0}.trust{font-size:11px;color:var(--muted);margin-top:23px}.trust>span{color:var(--green);font-weight:bold;margin-right:5px}.hero-visual{position:relative;display:flex;align-items:center;justify-content:center;min-width:0;isolation:isolate}.hero-logo{width:420px;position:relative;z-index:1}.hero-orbit{position:absolute;width:92%;aspect-ratio:1;border-radius:50%;background:#f0f7ff;z-index:-1}.hero-sticker{position:absolute;bottom:4px;left:22%;z-index:2;background:white;border:1px solid var(--border);box-shadow:0 8px 20px #071a2b08;padding:12px 16px;border-radius:9px;transform:rotate(-5deg);font-size:11px;font-weight:bold;white-space:nowrap}.hero-sticker span{display:inline-grid;place-items:center;background:#e5f5e8;color:var(--green);width:24px;height:24px;border-radius:50%;margin-right:7px}.spark{position:absolute;font-size:43px;color:var(--orange)}.spark-one{top:3%;right:8%;transform:rotate(10deg)}.spark-two{bottom:12%;left:4%;font-weight:400;color:var(--blue)}.benefits{border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.benefits>.container{display:grid;grid-template-columns:repeat(4,1fr);padding-top:25px;padding-bottom:25px;gap:20px}.benefits span{display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:650;gap:10px}.benefits b{font-size:18px;color:var(--green)}.section{padding-top:82px;padding-bottom:82px}.soft{background:var(--light)}.section-intro{color:var(--muted);margin:16px 0 34px;font-size:15px;max-width:690px}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:38px}.step{padding:25px 23px;background:#fff;border:1px solid var(--border);border-radius:var(--radius)}.step-number{display:inline-grid;place-items:center;width:43px;height:43px;font-size:14px;font-weight:800;border-radius:12px;background:#e9f3ff;color:#006bd5;margin-bottom:25px}.n1{background:#eaf6eb;color:#197b2b}.n2{background:#fff2d8;color:#976000}.n3{background:#edf0f4;color:var(--navy)}.step h3{font-size:17px;line-height:1.35;letter-spacing:-.4px;min-height:47px}.step p{font-size:12px;color:var(--muted);margin:14px 0 0}.address-note{text-align:center;font-size:11px;color:var(--muted);margin:24px 0 0}.address-note>span{color:var(--green);font-size:22px;margin-right:9px}code{font-size:.95em;color:var(--navy);overflow-wrap:anywhere}.project-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.project-card{border:1px solid var(--border);border-radius:13px;overflow:hidden;background:white;min-width:0}.project-preview{height:220px;position:relative;padding:15px 15px 0;background:#efeee9;overflow:hidden}.browser-top{background:white;display:flex;align-items:center;gap:4px;border-bottom:1px solid #0000000b;border-radius:6px 6px 0 0;padding:8px 9px}.browser-top i{width:4px;height:4px;background:#d8dce0;border-radius:50%}.browser-top span{margin:auto;font-size:6px;color:#63717c;overflow:hidden;white-space:nowrap}.preview-art{height:180px;padding:33px 21px;position:relative;overflow:hidden;background:#faf9f5}.preview-art>span{font-size:33px;font-family:Georgia,serif;position:relative;z-index:1}.fake-lines{margin-top:16px}.fake-lines i{display:block;width:50%;height:3px;background:currentColor;opacity:.15;margin-bottom:5px}.fake-lines i+ i{width:37%}.preview-art>b{position:absolute;width:110px;height:130px;border-radius:70px 70px 0 0;right:-15px;bottom:-22px;background:#647c7233;transform:rotate(-15deg)}.indigo .preview-art{color:#5e6554}.fitness{background:#e3e7df}.fitness .preview-art{background:#17251d;color:#e4edab}.fitness .preview-art>span{font:900 27px/1 Arial;display:block;max-width:150px}.fitness .preview-art>b{background:#bfd28f55;border-radius:0;transform:rotate(23deg);right:5px}.simona{background:#f5eae4}.simona .preview-art{color:#97613e;background:#fff9f2}.simona .preview-art>span{font-size:27px;font-style:italic}.simona .preview-art>b{background:#b98c6244}.films .preview-art{background:#14212d;color:white}.duck .preview-art{background:#fff0cf;color:#aa6403}.poly .preview-art{background:#fae6ee;color:#9a3d69}.berlin .preview-art{background:#e1edfa;color:#1e446d}.placeholder-tag{position:absolute;bottom:7px;right:8px;background:#ffffffed;padding:2px 5px;border-radius:3px;font-size:8px;color:#53606b}.project-info{padding:20px}.project-info h3{font-size:17px}.project-info p{font-size:12px;color:var(--muted);margin:9px 0 16px}.project-info a{display:flex;justify-content:space-between;font-size:11px;font-weight:700;text-decoration:none;margin-top:16px}.project-info a>span{font-size:17px;color:var(--blue)}.more-projects{margin-top:22px}.more-projects>summary{padding:15px 0;font-size:13px;color:var(--muted)}summary{cursor:pointer;list-style:none;display:flex;align-items:center;justify-content:space-between;font-weight:650;gap:20px}summary::-webkit-details-marker{display:none}summary>span{font-size:24px;font-weight:400}details[open]>summary>span{transform:rotate(45deg)}.price-banner{background:var(--blue);color:white;padding:38px 40px;border-radius:var(--radius);display:flex;align-items:center;gap:36px}.price-banner>div:first-child{flex:1}.price-banner .eyebrow{font-size:9px;opacity:.85;margin-bottom:12px}.price-banner h2{font-size:29px;max-width:none}.price-banner p:not(.eyebrow){font-size:11px;margin-bottom:0}.big-price{font-size:65px;font-weight:850;letter-spacing:-3px;white-space:nowrap}.big-price small{display:block;font-size:10px;letter-spacing:0;font-weight:400;text-align:center}.white{background:white;color:var(--navy)}.white:hover{background:#e9f3ff}.addon-section{display:grid;grid-template-columns:1fr 1.65fr;gap:50px;align-items:start}.addon-section h2{font-size:30px}.addon{border:1px solid var(--border);border-radius:10px;padding:20px 24px;font-size:13px}.addon p{color:var(--muted)}.addon a{font-size:12px}.promo-wrap{padding-bottom:85px}.complex-promo{background:var(--navy);color:white;border-radius:var(--radius);padding:42px 36px;display:flex;align-items:center;gap:30px}.promo-icon{font-size:53px;font-weight:400;letter-spacing:-10px;color:#718397;padding-right:10px}.promo-icon span{color:var(--orange);font-size:36px}.complex-promo>div:nth-child(2){flex:1}.complex-promo .eyebrow{color:#88c3ff;margin-bottom:10px;font-size:9px}.complex-promo h2{font-size:28px}.complex-promo p{color:#c0ccd6;font-size:12px;max-width:500px;margin:14px 0 5px}.complex-promo small{color:#99adbf;font-size:10px}.complex-promo .button{font-size:11px;max-width:220px}footer{background:var(--light);border-top:1px solid var(--border);padding-top:35px;padding-bottom:22px}.footer-top{display:flex;align-items:center;gap:25px;flex-wrap:wrap}.footer-top .brand>span{font-size:12px;letter-spacing:0}.footer-nav{display:flex;gap:20px;margin-left:auto}.footer-nav a{font-size:11px;text-decoration:none}.footer-bottom{display:flex;justify-content:space-between;gap:15px;border-top:1px solid var(--border);margin-top:25px;padding-top:22px;font-size:10px;color:var(--muted)}.page-hero{padding-top:75px;padding-bottom:65px}.page-hero h1{max-width:820px}.page-hero .hero-description{max-width:740px}.feature-pills{display:flex;gap:10px;flex-wrap:wrap;max-width:850px}.feature-pills span{background:var(--light);border:1px solid var(--border);border-radius:30px;padding:10px 16px;font-size:12px}.cost-grid{display:grid;grid-template-columns:1fr 1.25fr;gap:60px;padding-bottom:85px;align-items:center}.development{border-radius:var(--radius);padding:36px;background:var(--navy);color:white}.development .eyebrow{color:#89c4ff}.quote-price{font-size:42px;font-weight:800;letter-spacing:-2px}.development p:not(.eyebrow){font-size:14px;color:#bdcbd7;margin-bottom:30px}.cost-grid h2{font-size:29px}.costs{font-size:13px;margin:22px 0}.costs>div{display:flex;justify-content:space-between;gap:15px;border-bottom:1px solid var(--border);padding:14px 0}.costs dd{margin:0;font-weight:700;text-align:right}.cost-grid small{font-size:11px;color:var(--muted)}.crm-preview{background:#fff;border:1px solid var(--border);border-radius:13px;overflow:hidden;box-shadow:0 6px 20px #071a2b04}.crm-header{display:flex;justify-content:space-between;gap:10px;align-items:center;padding:22px;font-size:21px}.crm-header>span{font-size:11px;color:#596776}.crm-tabs{display:flex;justify-content:space-around;gap:10px;border-block:1px solid var(--border);padding:16px;font-size:11px;font-weight:600}.crm-body{padding:25px}.crm-group{padding:15px;color:white;background:#697aec;font-size:13px;font-weight:700;border-radius:6px}.crm-group>span{float:right}.poll-bars{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;padding:22px 0;text-align:center;font-size:10px}.poll-bars>div>div{height:65px;background:linear-gradient(to top,#116dde var(--bar),#eff3f8 var(--bar));border-radius:4px;display:grid;place-items:center;color:white}.poll-bars>div:nth-child(2)>div{background:linear-gradient(to top,#4689ec var(--bar),#eff3f8 var(--bar))}.poll-bars>div:nth-child(3)>div{background:linear-gradient(to top,#75b2ef var(--bar),#eff3f8 var(--bar))}.poll-bars>div:nth-child(4)>div{background:linear-gradient(to top,#a8d0f5 var(--bar),#eff3f8 var(--bar));color:#124b8a}.poll-bars span{display:block;margin-top:9px}.crm-columns{display:grid;grid-template-columns:1fr 1fr;gap:20px}.crm-columns>div{background:#fff0f2;border:1px solid #ff95b4;border-radius:7px;padding:17px;font-size:11px}.crm-columns>div+div{background:#eaf4ff;border-color:#8aaff7}.crm-columns p{background:white;border:1px dashed #94a6d1;border-radius:5px;padding:9px;color:#778490}.caption{color:var(--muted);font-size:11px}.section-actions{display:flex;align-items:center;gap:30px;flex-wrap:wrap;margin-top:25px}.section-actions>a:not(.button){font-size:12px}.crm-heading{margin-top:35px}.booking-showcase{background:#f0f3ed;border-radius:var(--radius);display:flex;align-items:center;justify-content:center;padding:45px;gap:35px}.booking-desktop{width:68%;background:#fff;border:1px solid #d8ded4;border-radius:10px;overflow:hidden}.booking-inner{padding:28px}.booking-inner .eyebrow{color:#5b7653}.demo-services{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:22px}.demo-services>div{padding:18px;background:#f5f7f1;border-radius:8px;font-size:12px}.demo-services span{display:block;color:#5b7653;margin-bottom:15px}.demo-services b{float:right}.booking-mobile{width:180px;min-height:290px;border:6px solid var(--navy);border-radius:27px;background:white;text-align:center;padding:12px 16px 24px;transform:rotate(4deg);flex-shrink:0}.phone-speaker{width:45px;height:5px;border-radius:10px;background:var(--navy);margin:0 auto 38px}.confirmation-check{width:50px;height:50px;border-radius:50%;display:grid;place-items:center;background:#e2efdc;color:#426936;font-size:25px;margin:auto auto 20px}.booking-mobile h3{font-size:17px}.booking-mobile p,.booking-mobile small{font-size:9px;color:var(--muted)}.comparison{padding-top:40px;padding-bottom:40px;background:#fff8eb;border:1px solid #f5e7c6;border-radius:var(--radius);margin-bottom:85px}.comparison p{max-width:890px;font-size:14px;color:#665d4f}.comparison-number{font-size:clamp(19px,2.5vw,32px);font-weight:800;letter-spacing:-.5px;padding:20px 0}.contact-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin:35px 0}.contact-grid article{padding:30px;border:1px solid var(--border);border-radius:var(--radius)}.contact-grid h2{font-size:21px;margin-top:20px}.contact-grid p{font-size:13px;color:var(--muted)}.contact-icon{color:var(--blue);font-size:32px}.apply-hero{padding-bottom:35px}.form-layout{display:grid;grid-template-columns:260px 1fr;gap:65px;padding-bottom:85px}.form-progress{list-style:none;padding:0;margin:5px 0 30px}.form-progress li{display:flex;align-items:center;gap:12px;padding:14px 0;font-size:13px;color:var(--muted)}.form-progress span{display:grid;place-items:center;border:1px solid var(--border);border-radius:50%;width:28px;height:28px;font-size:11px;flex-shrink:0}.form-progress [aria-current]{color:var(--blue);font-weight:bold}.form-progress [aria-current] span{background:var(--blue);color:white;border-color:var(--blue)}.form-aside-note{background:#eef7ff;padding:22px;border-radius:12px;font-size:12px}.form-aside-note p{font-size:11px;color:var(--muted)}#request-form{padding:32px;border:1px solid var(--border);border-radius:var(--radius)}.required-note{font-size:10px;color:var(--muted);margin:0 0 18px}.form-step h2{font-size:27px;margin-bottom:27px}.field{display:flex;flex-direction:column;gap:9px;font-size:13px;font-weight:600;margin-bottom:22px}input:not([type=radio],[type=checkbox],[type=color],[type=file]),textarea{width:100%;border:1px solid #ccd7e0;border-radius:7px;padding:12px;background:#fff;min-height:44px;color:var(--navy);font-size:14px}textarea{resize:vertical;line-height:1.5}input[type=checkbox],input[type=radio]{accent-color:var(--blue);width:17px;height:17px;flex-shrink:0;margin:0}fieldset{min-width:0}.choices{padding:0;border:0;margin:0 0 24px}.choices legend,.colors legend{font-size:13px;font-weight:650;margin-bottom:13px}.choices>div{display:flex;gap:10px;flex-wrap:wrap}.choices label{display:flex;align-items:center;gap:8px;background:var(--light);border:1px solid var(--border);border-radius:7px;padding:11px;font-size:12px;cursor:pointer}.choices label:has(input:checked){background:#eef6ff;border-color:#84bafa}.colors{border:0;margin:0 0 25px;padding:0}.color-row{display:flex;gap:10px;align-items:center;margin-bottom:10px}.color-row input[type=color]{height:42px;width:45px;border:0;padding:0;background:none;flex-shrink:0}.color-row input[type=text]{max-width:130px}.small-button,.page-controls button,.color-row button{border:1px solid var(--border);border-radius:7px;background:white;color:var(--navy);padding:10px 13px;font-size:12px;font-weight:600}.hint{color:var(--muted);font-size:11px}.upload{padding:17px;background:var(--light);border:1px dashed #bacad7;border-radius:8px}.upload input{max-width:100%;font-size:11px}.upload input::file-selector-button{border:1px solid var(--border);border-radius:5px;padding:8px;background:white;margin-right:10px}.page-fields{padding:20px;border:1px solid var(--border);border-radius:10px;margin:20px 0}.page-fields legend{font-size:14px;font-weight:700;padding:0 7px}.page-controls{display:flex;gap:8px;justify-content:flex-end;margin-bottom:18px}.page-controls button{padding:7px 11px}.agreement{display:flex;gap:12px;align-items:flex-start;font-size:12px;line-height:1.6}.agreement input{margin-top:2px}.notice{font-size:12px;padding:15px;border-radius:7px;background:#fff4dd;color:#704a05}.form-error{color:#b42121;font-size:12px}.form-controls{display:flex;align-items:center;justify-content:space-between;gap:15px;border-top:1px solid var(--border);padding-top:22px;margin-top:25px}.form-controls>span{font-size:11px;color:var(--muted)}#download-request{margin-top:20px}#form-status{font-size:13px;color:#186c28}.form-step h2:focus{outline:none}.success-panel{padding:25px;background:#eaf6ec;border-radius:12px}
@media(min-width:1500px){.container{max-width:1260px}.hero{min-height:650px}.hero-logo{width:460px}}
@media(max-width:1000px){.nav-row{gap:15px}.header nav{gap:17px}.brand>span{font-size:15px}.hero{min-height:550px}.hero-logo{width:350px}.hero-sticker{font-size:9px;left:10%}.hero-actions{gap:15px}.steps{gap:12px}.step{padding:20px 16px}.price-banner{gap:20px;padding:30px}.price-banner h2{font-size:24px}.big-price{font-size:53px}.complex-promo{gap:20px}.promo-icon{display:none}.form-layout{gap:35px;grid-template-columns:200px 1fr}.footer-nav{gap:13px}.footer-top .brand>span{max-width:150px}.quote-price{font-size:33px}.cost-grid{gap:30px}.hero .eyebrow{font-size:8px}.benefits span{font-size:10px}.header nav a{font-size:11px}}
@media(max-width:760px){.container{padding-left:22px;padding-right:22px}.nav-row{min-height:78px;flex-wrap:wrap;gap:12px;position:relative}.brand img{width:43px}.brand>span{font-size:14px}.brand small{font-size:7px}.menu-button{display:block;margin-left:auto;order:2}.languages{order:1}.header nav{display:none;order:3;width:100%;padding:5px 0 20px;margin:0;flex-direction:column;align-items:stretch;gap:0}.header nav.open{display:flex}.header nav a{font-size:14px;padding:13px;border-bottom:1px solid var(--border)}.languages a{font-size:10px;padding:7px 5px}.hero{grid-template-columns:1fr;gap:32px;padding-top:44px;padding-bottom:40px}.hero h1{font-size:clamp(42px,9vw,64px)}.hero .eyebrow{font-size:9px}.hero-description{font-size:15px;margin:20px 0 24px}.hero-visual{max-width:370px;margin:0 auto;width:100%}.hero-logo{width:310px}.hero-sticker{left:16%;bottom:0}.hero-actions{gap:20px}.trust{font-size:10px}.benefits>.container{grid-template-columns:1fr 1fr;gap:22px 10px;padding-block:24px}.benefits span{justify-content:flex-start;font-size:10px;gap:8px}.section{padding-top:53px;padding-bottom:53px}.eyebrow{font-size:9px;margin-bottom:14px}.section-intro{font-size:14px}.steps{grid-template-columns:1fr 1fr;gap:12px;margin-top:25px}.step h3{font-size:16px;min-height:43px}.step-number{margin-bottom:18px}.step p{font-size:12px}.address-note{text-align:left;font-size:10px}.address-note code{display:block;margin-left:24px}.project-grid{grid-template-columns:1fr}.project-preview{height:230px}.preview-art{height:200px;padding:35px}.preview-art>b{right:25px;width:145px;height:160px}.preview-art>span{font-size:39px}.project-info{padding:22px}.project-info h3{font-size:20px}.project-info p{font-size:13px}.project-info a{font-size:12px}.price-banner{flex-wrap:wrap;gap:23px;padding:26px}.price-banner>div:first-child{flex-basis:100%}.price-banner h2{font-size:29px;max-width:none}.price-banner .button{margin-left:auto;max-width:58%;font-size:12px}.big-price{font-size:57px}.addon-section{grid-template-columns:1fr;gap:25px}.addon{font-size:12px;padding:18px}.complex-promo{flex-direction:column;align-items:flex-start;padding:28px}.complex-promo h2{font-size:29px}.complex-promo p{font-size:14px}.complex-promo small{font-size:11px}.promo-wrap{padding-bottom:55px}.footer-top{gap:25px}.footer-top .brand{width:100%}.footer-top .brand>span{max-width:none}.footer-nav{margin:0;flex-wrap:wrap;gap:17px}.footer-top .languages{margin-left:auto}.footer-bottom{flex-direction:column;font-size:9px}.page-hero{padding-top:48px;padding-bottom:40px}.page-hero h1{font-size:43px}.feature-pills span{font-size:11px;padding:9px 12px}.cost-grid{grid-template-columns:1fr;padding-bottom:50px;gap:30px}.quote-price{font-size:38px}.development{padding:27px}.crm-header{font-size:16px;padding:17px}.crm-header>span{font-size:9px}.crm-tabs{font-size:9px;padding:12px 6px;gap:5px}.crm-body{padding:12px}.crm-group{font-size:10px;padding:12px}.poll-bars{gap:7px;font-size:8px;padding:15px 0}.crm-columns{gap:10px}.crm-columns>div{padding:10px;font-size:9px}.crm-columns p{padding:6px;font-size:8px}.booking-showcase{padding:22px 12px;gap:12px;align-items:center}.booking-desktop{width:68%}.booking-inner{padding:16px}.booking-inner h3{font-size:17px}.demo-services{grid-template-columns:1fr;gap:7px}.demo-services>div{padding:10px;font-size:9px}.demo-services span{margin-bottom:7px}.booking-mobile{width:110px;padding:10px 8px;border-width:4px;min-height:220px;border-radius:20px}.phone-speaker{margin-bottom:25px;width:32px}.booking-mobile h3{font-size:13px}.booking-mobile p,.booking-mobile small{font-size:8px}.confirmation-check{width:37px;height:37px;font-size:20px}.comparison{margin:0 22px 55px;padding:25px}.comparison p{font-size:12px}.comparison h2{font-size:26px}.comparison-number{line-height:1.7}.contact-grid{grid-template-columns:1fr}.contact-grid article{padding:23px}.form-layout{grid-template-columns:1fr;gap:24px}.form-progress{display:flex;gap:6px;justify-content:space-between;margin:0}.form-progress li{font-size:9px;flex-direction:column;text-align:center;flex:1;gap:8px;line-height:1.5}.form-aside-note{display:none}#request-form{padding:22px 17px}.form-step h2{font-size:24px}.choices label{font-size:11px}.form-controls{gap:10px}.form-controls .button{font-size:11px;padding:14px}.page-fields{padding:15px}.color-row{gap:7px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

/* Keep breathing room after the simplified homepage headings. */
.hero-copy .hero-actions{margin-top:30px}
#work h2{margin-bottom:34px}

/* Compact flag selector, shared by the header and footer. */
.language-dropdown{position:relative;display:block;z-index:5}
.language-dropdown summary{gap:9px;min-width:66px;min-height:44px;padding:8px 10px;border:1px solid var(--border);border-radius:8px;background:white}
.language-dropdown summary .language-flag{font-size:24px;line-height:1;transform:none}
.language-dropdown summary small{font-size:15px;color:var(--muted);line-height:1}
.language-dropdown[open] summary small{transform:rotate(180deg)}
.language-options{position:absolute;top:calc(100% + 6px);right:0;min-width:66px;padding:5px;background:white;border:1px solid var(--border);border-radius:9px;box-shadow:0 8px 24px #071a2b14}
.language-options a{display:flex;align-items:center;justify-content:center;min-height:44px;padding:7px;font-size:24px;line-height:1}
.language-options a:hover{background:var(--light)}
footer .language-options{top:auto;bottom:calc(100% + 6px)}

.step-top{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap;margin-bottom:25px}
.step-top .step-number{margin-bottom:0}
.free-tag{display:inline-block;padding:5px 8px;border-radius:6px;background:#eaf6eb;color:#197b2b;font-size:10px;font-weight:800;letter-spacing:.5px;line-height:1.3}
@media(max-width:760px){.step-top{margin-bottom:18px}.free-tag{font-size:9px;padding:5px 6px}}

/* Improve readability of the landing page's small supporting text. */
.landing-page .eyebrow{font-size:12px}
.landing-page .trust,
.landing-page .text-button,
.landing-page .benefits span,
.landing-page .address-note,
.landing-page .project-info p,
.landing-page .project-info a,
.landing-page .more-projects>summary,
.landing-page .price-banner p:not(.eyebrow),
.landing-page .big-price small,
.landing-page .addon,
.landing-page .addon a,
.landing-page .complex-promo p,
.landing-page .complex-promo small,
.landing-page .complex-promo .button{font-size:14px}
.landing-page .placeholder-tag{font-size:11px}
.landing-page .free-tag{font-size:12px}
@media(max-width:760px){
 .landing-page .eyebrow{font-size:11px}
 .landing-page .benefits span,
 .landing-page .address-note,
 .landing-page .big-price small,
 .landing-page .free-tag{font-size:12px}
 .landing-page .price-banner .button{font-size:14px}
}
.landing-page .browser-top span{font-size:10px}
body:has(.landing-page) .brand small{font-size:10px}
body:has(.landing-page) .header nav a{font-size:13px}
body:has(.landing-page) .footer-nav a,
body:has(.landing-page) .footer-bottom{font-size:12px}

.addon-heading-accent{display:block;color:var(--green)}
.palette-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-bottom:22px}
.palette-option{border:1px solid var(--border);border-radius:9px;padding:10px;background:white;text-align:left;font-size:12px;color:var(--navy);line-height:1.5}
.palette-option[aria-pressed=true]{border-color:var(--blue);box-shadow:0 0 0 1px var(--blue);background:#eef6ff}
.palette-swatches{display:flex;height:36px;overflow:hidden;border-radius:5px;margin-bottom:8px}
.palette-swatches>span{flex:1}
.image-url-group{border:0;padding:0;margin:0 0 24px}
.image-url-group legend{font-size:13px;font-weight:600;margin-bottom:9px}
.image-url-row{display:flex;gap:8px;margin-bottom:10px}
.image-url-row input{min-width:0;flex:1}
.image-url-row button{min-width:44px;font-size:20px}
.page-template-picker{padding:20px;background:var(--light);border:1px solid var(--border);border-radius:10px;margin:20px 0}
.page-template-picker h3{font-size:17px}
.page-template-options{display:flex;flex-wrap:wrap;gap:9px}
.page-template-options button:hover{border-color:var(--blue);background:#eef6ff}
.legal-page{max-width:900px}
.legal-page>section{margin-top:32px}
.legal-page h2{font-size:24px;margin-bottom:15px}
.legal-page section p{font-size:15px;color:var(--muted);margin:8px 0;overflow-wrap:anywhere}
.legal-sources{margin-top:35px;font-size:13px}
.legal-links{display:flex;gap:18px;flex-wrap:wrap}
.footer-bottom{flex-wrap:wrap}

/* Larger, more expressive typography and brand-colored process cards. */
:root{--motion:240ms cubic-bezier(.2,.7,.2,1)}
body{font-size:18px}
h1,.page-hero h1{font-size:clamp(48px,6.1vw,86px)}
h2{font-size:clamp(34px,3.7vw,50px)}
h3{font-size:26px}
.hero-description,.section-intro{font-size:20px;line-height:1.7}
.button,.text-button,.small-button{font-size:16px}
.button{padding:19px 24px;border-radius:12px}
.eyebrow,.landing-page .eyebrow{font-size:14px}
.header nav a,body:has(.landing-page) .header nav a{font-size:15px}
.header nav{gap:20px}
.nav-row{gap:24px}
.landing-page .trust,.landing-page .text-button,
.landing-page .benefits span,.landing-page .address-note,
.landing-page .project-info p,.landing-page .project-info a,
.landing-page .more-projects>summary,
.landing-page .price-banner p:not(.eyebrow),
.landing-page .big-price small,.landing-page .addon,
.landing-page .addon a,.landing-page .complex-promo p,
.landing-page .complex-promo small,.landing-page .complex-promo .button{font-size:17px}
.benefits>.container{gap:20px;padding-block:30px}
.benefits span{line-height:1.5}
.benefits b{font-size:25px}
.steps{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin-top:40px}
.step{padding:32px;border:1px solid #b9d9ff;border-radius:24px;background:#deedff;box-shadow:0 5px 0 #c4dcf7;position:relative}
.step:nth-child(2){background:#e0f4df;border-color:#b6dfb0;box-shadow:0 5px 0 #c5e6bf}
.step:nth-child(3){background:#fff0ce;border-color:#f3d490;box-shadow:0 5px 0 #f4dfb0}
.step:nth-child(4){background:#e8e4fc;border-color:#cec4f4;box-shadow:0 5px 0 #d7cef5}
.step h3{font-size:clamp(27px,2.8vw,38px);line-height:1.18;min-height:0;max-width:440px;font-weight:800;letter-spacing:-.04em}
.step-top{margin-bottom:34px;gap:16px}
.step-number{width:58px;height:58px;font-size:24px;border-radius:16px;background:#fff;color:#0062c4}
.step:nth-child(2) .step-number{background:#fff;color:#246b2c}
.step:nth-child(3) .step-number{background:#fff;color:#865504}
.step:nth-child(4) .step-number{background:#fff;color:#574299}
.landing-page .free-tag{font-size:14px;padding:9px 13px;letter-spacing:1px;color:#155522;background:#fff;border-radius:30px}
.project-info{padding:26px}
.project-info h3{font-size:25px}
.landing-page .placeholder-tag{font-size:12px}
.price-banner{flex-wrap:wrap;gap:26px}
.price-banner h2{font-size:clamp(30px,3vw,40px)}
.price-banner>div:first-child{flex:1 1 560px}
.big-price{font-size:78px}
.addon-section{grid-template-columns:1fr 1.3fr;gap:36px}
.addon-section h2,.complex-promo h2{font-size:36px}
.complex-promo{flex-wrap:wrap;padding:42px}
.complex-promo>div:nth-child(2){flex:1 1 540px}
.complex-promo .button{max-width:none}
.cost-grid h2,.comparison h2{font-size:34px}
.development p:not(.eyebrow),.costs,.comparison p,.contact-grid p{font-size:17px}
.cost-grid small{font-size:14px}
.feature-pills span{font-size:16px}
.contact-grid h2{font-size:27px}
.field,.choices legend,.colors legend,.image-url-group legend,.agreement{font-size:16px}
.choices label,.palette-option,.hint,.required-note,.form-error{font-size:14px}
.form-step h2{font-size:32px}
.form-progress li{font-size:16px}
.page-fields legend,.page-template-picker h3{font-size:20px}
.page-controls button,.color-row button{font-size:14px}
input:not([type=radio],[type=checkbox],[type=color],[type=file]),textarea{font-size:16px}
.legal-page h2{font-size:30px}
.legal-page section p{font-size:18px}
.footer-nav a,.footer-bottom,body:has(.landing-page) .footer-nav a,body:has(.landing-page) .footer-bottom{font-size:14px}
.footer-top{align-items:flex-start}
.footer-nav{flex-wrap:wrap}
.step,.project-card,.contact-grid article,.palette-option,.button,.small-button,.addon,.hero-logo{transition:transform var(--motion),box-shadow var(--motion),background-color var(--motion),border-color var(--motion)}
.project-card:focus-within,.contact-grid article:focus-within{box-shadow:0 12px 30px #071a2b12;border-color:#9fc6ed}
@media(hover:hover) and (pointer:fine){
 .step:hover{transform:translateY(-6px) scale(1.025);box-shadow:0 16px 30px #071a2b16;z-index:1}
 .project-card:hover,.contact-grid article:hover{transform:translateY(-5px) scale(1.015);box-shadow:0 14px 30px #071a2b12}
 .button:hover{transform:translateY(-3px) scale(1.035);box-shadow:0 7px 18px #071a2b18}
 .small-button:hover,.palette-option:hover{transform:translateY(-2px);border-color:var(--blue)}
 .hero-logo:hover{transform:rotate(-2deg) scale(1.025)}
 .addon:hover{border-color:#9fc6ed;box-shadow:0 8px 20px #071a2b08}
}
.button:active,.small-button:active{transform:scale(.98)}
@keyframes soft-arrival{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}
@media(prefers-reduced-motion:no-preference){.hero-copy,.page-hero{animation:soft-arrival 550ms ease-out both}}
@media(max-width:1000px){
 .header nav a,body:has(.landing-page) .header nav a{font-size:13px}
 .nav-row{gap:14px}.header nav{gap:14px}
 .benefits>.container{grid-template-columns:repeat(2,minmax(0,1fr))}
 .price-banner>div:first-child{flex-basis:100%}
 .price-banner .button{margin-left:auto}
 .footer-nav{margin-left:0}
}
@media(max-width:760px){
 .hero h1,.page-hero h1{font-size:clamp(43px,10vw,60px)}
 h2{font-size:34px}.hero-description,.section-intro{font-size:18px}
 .header nav a,body:has(.landing-page) .header nav a{font-size:17px}
 .steps{grid-template-columns:1fr;gap:22px}
 .step{padding:27px}.step h3{font-size:32px}.step-top{margin-bottom:25px}
 .landing-page .benefits span,.landing-page .address-note,.landing-page .big-price small{font-size:15px}
 .benefits>.container{gap:20px 14px}.benefits span{align-items:flex-start}
 .price-banner{padding:26px;gap:24px}.price-banner h2{font-size:32px}
 .price-banner>div:first-child{min-width:0}.price-banner .button,.landing-page .price-banner .button{font-size:16px;max-width:none;margin-left:0}
 .big-price{font-size:70px}.addon-section{grid-template-columns:1fr;gap:25px}
 .addon-section h2,.complex-promo h2{font-size:32px}
 .complex-promo{padding:28px}.complex-promo>div:nth-child(2){flex:auto}
 .form-progress li{font-size:11px}.form-controls{flex-wrap:wrap}
 .form-controls .button{font-size:15px}.palette-grid{grid-template-columns:1fr 1fr}
 .palette-option{font-size:13px}.choices label{font-size:14px}
 .costs>div{flex-wrap:wrap}.costs dd{margin-left:auto}
 .footer-top .brand>span{font-size:14px}
}
@media(prefers-reduced-motion:reduce){
 *,*::before,*::after{animation:none!important;transition:none!important}
 .step:hover,.project-card:hover,.contact-grid article:hover,.button:hover,.small-button:hover,.palette-option:hover,.hero-logo:hover,.button:active,.small-button:active{transform:none}
}

/* Interactive effects sampler in the request form. */
.effects-picker{border:1px solid var(--border);border-radius:16px;padding:20px;margin:0 0 28px}
.effects-picker>legend{font-size:20px;font-weight:750;padding:0 8px}
.effect-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:18px 0}
.effect-option{display:flex;align-items:stretch;border:1px solid var(--border);border-radius:9px;overflow:hidden;background:#fff}
.effect-option>button{flex:1;min-width:0;text-align:left;background:transparent;border:0;color:var(--navy);padding:12px;font-size:14px;line-height:1.4}
.effect-option>button[aria-pressed=true]{background:#e7f2ff;color:#075da7;font-weight:700}
.effect-option>label{display:grid;place-items:center;position:relative;min-width:40px;background:var(--light);border-left:1px solid var(--border);cursor:pointer}
.effect-option label input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer}
.effect-option label span{font-size:22px;padding:5px}
.effect-option label:has(input:checked){background:#d9f2d9;color:#145b24}
.effect-option label:has(input:checked) span{font-size:0}
.effect-option label:has(input:checked) span::after{content:'✓';font-size:20px}
.effect-option:focus-within{outline:3px solid var(--blue);outline-offset:2px}
.effect-preview{background:#f2f6fb;border-radius:12px;padding:18px}
.effect-preview-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;font-size:16px}
.effect-stage{min-height:250px;display:grid;place-items:center;overflow:hidden;padding:35px 25px;border-radius:9px;background-image:radial-gradient(#c8d9e8 1px,transparent 1px);background-size:18px 18px}
.effect-sample{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;min-height:150px;width:100%;max-width:240px;background:#fff;border:2px solid #bdd8f5;border-radius:16px;color:var(--navy);box-shadow:0 6px 15px #071a2b0b;padding:20px;transform-origin:center}
.effect-sample strong{font-size:22px;line-height:1.3}
.effect-sample>span:last-child{font-size:14px;color:var(--muted)}
.effect-sample-icon{font-size:27px;color:var(--blue)}
.effect-reduced{display:none}
@keyframes demo-grow{0%,100%{transform:scale(1)}40%,70%{transform:scale(1.1)}}
@keyframes demo-lift{0%,100%{transform:translateY(0)}40%,70%{transform:translateY(-14px);box-shadow:0 20px 28px #071a2b25}}
@keyframes demo-highlight{0%,100%{background:#fff}35%,75%{background:#ffe49c;border-color:#dba02a}}
@keyframes demo-glow{0%,100%{box-shadow:0 6px 15px #071a2b0b}40%,70%{box-shadow:0 0 28px 7px #1687f855;border-color:#1687f8}}
@keyframes demo-fade{from{opacity:0}to{opacity:1}}
@keyframes demo-fly{from{opacity:0;transform:translateX(-170px)}to{opacity:1;transform:translateX(0)}}
@keyframes demo-slide{from{opacity:0;transform:translateY(90px)}to{opacity:1;transform:translateY(0)}}
@keyframes demo-zoom{from{opacity:0;transform:scale(.55)}to{opacity:1;transform:scale(1)}}
@keyframes demo-bounce{0%,100%{transform:translateY(0)}35%{transform:translateY(-24px)}60%{transform:translateY(0)}80%{transform:translateY(-9px)}}
@keyframes demo-pulse{0%,100%{transform:scale(1)}30%,70%{transform:scale(1.07)}50%{transform:scale(1)}}
@keyframes demo-tilt{0%,100%{transform:rotate(0)}40%,70%{transform:rotate(-6deg)}}
@keyframes demo-rotate{from{opacity:0;transform:rotate(-18deg) scale(.8)}to{opacity:1;transform:rotate(0) scale(1)}}
@keyframes demo-reveal{from{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0 0 0 0)}}
@keyframes demo-border{0%,100%{border-color:#bdd8f5}25%{border-color:#1687f8}50%{border-color:#239b37}75%{border-color:#ffa000}}
@keyframes demo-press{0%,100%{transform:scale(1)}40%,65%{transform:scale(.92)}}
@keyframes demo-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-17px)}}
.effect-playing{animation-duration:1.3s;animation-timing-function:ease;animation-iteration-count:1}
.effect-playing[data-demo=grow]{animation-name:demo-grow}.effect-playing[data-demo=lift]{animation-name:demo-lift}
.effect-playing[data-demo=highlight]{animation-name:demo-highlight}.effect-playing[data-demo=glow]{animation-name:demo-glow}
.effect-playing[data-demo=fade]{animation-name:demo-fade}.effect-playing[data-demo=fly]{animation-name:demo-fly}
.effect-playing[data-demo=slide]{animation-name:demo-slide}.effect-playing[data-demo=zoom]{animation-name:demo-zoom}
.effect-playing[data-demo=bounce]{animation-name:demo-bounce}.effect-playing[data-demo=pulse]{animation-name:demo-pulse}
.effect-playing[data-demo=tilt]{animation-name:demo-tilt}.effect-playing[data-demo=rotate]{animation-name:demo-rotate}
.effect-playing[data-demo=reveal]{animation-name:demo-reveal}.effect-playing[data-demo=border]{animation-name:demo-border}
.effect-playing[data-demo=press]{animation-name:demo-press}.effect-playing[data-demo=float]{animation-name:demo-float}
@media(max-width:480px){.effects-picker{padding:12px}.effect-options{grid-template-columns:1fr}.effect-preview{padding:12px}.effect-stage{padding:30px 20px}}

/* Keep the ten system tags in two balanced rows on wider screens. */
.feature-pills{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;max-width:1000px}
.feature-pills span{text-align:center}
@media(max-width:760px){.feature-pills{grid-template-columns:repeat(2,minmax(0,1fr))}}

.complex-title-line{display:block;animation:complex-title-enter .8s cubic-bezier(.22,1,.36,1) both}
.complex-title-line-one{color:#cf1920}
.complex-title-line-two{color:#176b3a;animation-delay:.14s}
@keyframes complex-title-enter{from{opacity:0;transform:translateX(-42px)}to{opacity:1;transform:translateX(0)}}
@media(prefers-reduced-motion:reduce){.complex-title-line{animation:none}}

@media(min-width:761px){
 .complex-title-line-one{white-space:nowrap}
 .feature-pills{grid-template-columns:repeat(5,max-content)}
 .feature-pills span{white-space:nowrap}
}
@media(prefers-reduced-motion:reduce){.effect-reduced{display:block}.effect-playing{animation:none!important}}

/* Prominent, tilted FREE badges on the first two process cards. */
.landing-page .step .free-tag{
 font-size:clamp(24px,2.6vw,34px);
 font-weight:900;
 letter-spacing:1.5px;
 line-height:1;
 padding:15px 21px;
 color:#fff;
 background:#c91859;
 border:3px solid #fff;
 border-radius:12px;
 box-shadow:4px 5px 0 #071a2b;
 transform:rotate(10deg);
}
.landing-page .step:nth-child(2) .free-tag{transform:rotate(-10deg)}
@media(max-width:760px){
 .landing-page .step .free-tag{font-size:26px;padding:13px 17px;letter-spacing:1px}
}

#request-form input::placeholder,#request-form textarea::placeholder{color:#b3bac4;opacity:1;font-weight:400}
.color-row{display:grid;grid-template-columns:45px minmax(0,130px) auto;gap:10px;align-items:center;margin-bottom:20px}
.color-row>button{justify-self:start}
.color-picker-hint{grid-column:1/-1;display:flex;align-items:flex-start;gap:12px;font-size:13px;line-height:1.5;color:var(--muted)}
.color-picker-hint>span{width:45px;flex-shrink:0;text-align:center;font-size:28px;line-height:1;color:var(--blue)}
@media(max-width:480px){.color-row{grid-template-columns:40px minmax(0,1fr) auto;gap:7px}.color-row input[type=color]{width:40px}.color-picker-hint>span{width:40px}.color-row>button{padding:10px 8px}}

/* Soft, layered color inspired by liquid swirls and translucent bubbles. */
body{background:#fffcff}
#main{position:relative;isolation:isolate;background:radial-gradient(ellipse 480px 390px at 0% 160px,#e5dbff80,transparent 80%),radial-gradient(ellipse 520px 430px at 100% 420px,#bff4ef70,transparent 78%),radial-gradient(ellipse 420px 480px at 3% 72%,#ffdfed80,transparent 80%),radial-gradient(ellipse 460px 400px at 98% 90%,#fff0bd80,transparent 80%)}
#main::before,#main::after{content:'';position:absolute;pointer-events:none;z-index:-1;border-radius:50%}
#main::before{width:clamp(110px,17vw,230px);height:clamp(110px,17vw,230px);top:115px;left:-65px;background:radial-gradient(circle at 28% 23%,#ffffffd9 0 7%,transparent 35%),linear-gradient(135deg,#96e9ea4a,#d3afff4d 48%,#ffa7d633);border:1px solid #c8abef42;box-shadow:inset 8px 8px 28px #ffffffa6,inset -10px -12px 25px #b694ee1a}
#main::after{width:130px;height:130px;top:540px;right:30px;background:radial-gradient(circle at 28% 23%,#fff 0 4%,transparent 35%),linear-gradient(130deg,#ffe89b66,#ffb6dd55 50%,#a3e8ff55);border:1px solid #efbdd955;box-shadow:inset 5px 5px 16px #ffffffc9}
.hero{position:relative}
.hero-copy{position:relative;z-index:1}
.hero-orbit{background:radial-gradient(circle at 25% 30%,#fff1b5a6,transparent 55%),radial-gradient(circle at 78% 25%,#ffbee880,transparent 60%),radial-gradient(circle at 60% 80%,#9cecebb3,transparent 60%),#eee8ff80;border:1px solid #e5d7f755}
.hero-visual::before,.hero-visual::after{content:'';position:absolute;pointer-events:none;z-index:0;border-radius:48% 52% 63% 37% / 45% 58% 42% 55%;width:94%;height:76%;border:2px solid #b99cec55;transform:rotate(-25deg);box-shadow:9px 6px 0 -7px #ee9cc877,-11px -8px 0 -9px #70cdd080}
.hero-visual::after{width:102%;height:68%;transform:rotate(27deg);border-color:#7cd9d34d;box-shadow:8px -10px 0 -7px #eac57166}
.benefits{background:linear-gradient(110deg,#e9f8fcbb,#f4eaffbb 46%,#fff2d9bb);border-color:#ded7ec}
.soft{background:radial-gradient(ellipse at 4% 15%,#bcebf144,transparent 40%),radial-gradient(ellipse at 98% 80%,#e9c2f54d,transparent 45%),#f7f5fc}
#how-it-works{position:relative;isolation:isolate;overflow:hidden}
#how-it-works::before{content:'';position:absolute;width:420px;height:190px;border:2px solid #c6a1e440;border-radius:50%;right:-180px;top:10px;transform:rotate(-28deg);box-shadow:0 12px 0 -10px #e99ccb66,0 24px 0 -22px #e99ccb55,0 38px 0 -36px #8ddbc866;pointer-events:none;z-index:-1}
#work{background:radial-gradient(ellipse 350px 250px at 95% 12%,#ffe6a54d,transparent 80%),radial-gradient(ellipse 320px 500px at 0% 60%,#efd1ee55,transparent 80%)}
.project-card{background:#ffffffed}
.price-banner{background:radial-gradient(ellipse at 100% 0%,#9c60db66,transparent 55%),radial-gradient(ellipse at 5% 100%,#16b9c055,transparent 65%),#0874dd;position:relative;isolation:isolate;overflow:hidden}
.price-banner::after{content:'';position:absolute;z-index:-1;width:300px;height:220px;border:2px solid #ffffff26;box-shadow:0 20px 0 -18px #ffffff29,0 40px 0 -38px #ffffff20;border-radius:50%;right:-75px;bottom:-155px;transform:rotate(-20deg);pointer-events:none}
.addon-section{background:radial-gradient(ellipse at 12% 60%,#fff0c74d,transparent 60%)}
.addon{background:#ffffffc9}
.complex-promo,.development{background:radial-gradient(ellipse at 0% 0%,#59437970,transparent 65%),radial-gradient(ellipse at 100% 100%,#1b647066,transparent 65%),#102337}
.page-hero{background:radial-gradient(ellipse at 94% 15%,#f4cfea40,transparent 60%)}
#request-form{background:#ffffffed;box-shadow:0 12px 45px #c5afd014;border-color:#e4dbee}
.page-fields{background:#fffeff}
.page-template-picker,.upload{background:linear-gradient(115deg,#f0f8fa,#faf3fc);border-color:#dedbe8}
.feature-pills span:nth-child(3n+1){background:#f1e9fc;border-color:#ded0ee}
.feature-pills span:nth-child(3n+2){background:#e8f6f0;border-color:#cfe6dd}
.feature-pills span:nth-child(3n){background:#fff3dc;border-color:#efdfbd}
.contact-grid article{background:linear-gradient(145deg,#ffffffeb,#f3eafdcc);border-color:#e0d6ec}
.contact-grid article:nth-child(2){background:linear-gradient(145deg,#ffffffeb,#e3f5efcc)}
.contact-grid article:nth-child(3){background:linear-gradient(145deg,#ffffffeb,#fff0dbcc)}
.legal-page{background:#ffffffb8}
footer{background:radial-gradient(ellipse at 8% 80%,#cbece980,transparent 55%),radial-gradient(ellipse at 88% 60%,#f5d9ef80,transparent 55%),#f7f3fc;border-color:#e4ddec}
.header{background:#fffdfef5;border-color:#e9e0ee}
@media(max-width:760px){
 #main::before{left:-75px;top:235px;opacity:.65}
 #main::after{width:75px;height:75px;right:8px;top:570px;opacity:.65}
 .hero-visual::after{width:96%}
}

/* Slow rotation when hovering over the large logo. */
@keyframes logo-slow-rotation{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}
@media(hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){
 .hero-logo:hover{animation:logo-slow-rotation 24s linear infinite}
 .hero-visual:has(.hero-logo:hover) .spark-two{animation:logo-slow-rotation 12s linear infinite}
}

.page-hero h1 + .feature-pills{margin-top:30px}

.complex-reference-section{padding-top:25px}
.systems-subtext{margin:8px 0 0;color:var(--muted);font-size:12px;font-style:italic}
.header nav a small{display:block;color:var(--muted);font-size:8px;letter-spacing:.12em;margin-top:3px}
.complex-reference-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:26px;margin-top:35px}
.complex-reference-card{min-width:0;padding:28px;border:1px solid #d8d3ec;border-radius:24px;background:linear-gradient(155deg,#fff,#f3ecfc80);display:flex;flex-direction:column;transition:transform var(--motion),box-shadow var(--motion)}
.complex-reference-card{align-items:stretch;text-align:left}
.complex-reference-section .complex-reference-card:nth-child(1){background:linear-gradient(155deg,#fff4f5,#ffd6dc);border-color:#f19aaa}
.complex-reference-section .complex-reference-card:nth-child(2){background:linear-gradient(155deg,#f3fff7,#c9efd8);border-color:#8ed0a7}
.complex-reference-section .complex-reference-card:nth-child(3){background:linear-gradient(155deg,#f3f7ff,#c9dcff);border-color:#91afe8}
.complex-reference-section .complex-reference-card:nth-child(4){background:linear-gradient(155deg,#fff9ed,#ffdca8);border-color:#e9ae54}
.reference-card-body h3{font-size:30px;line-height:1.2}
.reference-card-body>p{font-size:17px;color:var(--muted);margin-bottom:24px}
.reference-card-actions{margin-top:auto;padding-top:24px;display:flex;flex-direction:column;align-items:flex-start;gap:12px}
.reference-link{font-size:17px;font-weight:700;color:#075da7;line-height:1.6}
.complex-reference-card.browser-reference{grid-column:auto;display:flex;grid-template-columns:none}
.shop-preview{display:block;position:relative;height:330px;overflow:hidden;border:1px solid var(--border);border-radius:14px;background:#f7f4ef;text-decoration:none}
.shop-preview iframe{width:100%;height:900px;border:0;transform:scale(.43);transform-origin:top left;width:232%;pointer-events:none}
.shop-preview span{position:absolute;right:12px;bottom:12px;padding:8px 12px;border-radius:20px;background:#ed0050;color:#fff;font-size:12px;font-weight:700}
.complex-reference-card.browser-reference{display:flex;align-items:stretch;text-align:left}
.browser-reference .reference-card-body{display:contents}
.browser-reference .reference-card-body h3{order:1}
.browser-reference .reference-card-body>p{order:2}
.browser-reference .filmably-reference{order:3}
.browser-reference .reference-card-actions{order:4}
.browser-reference .filmably-reference{width:100%;min-height:330px;padding:0;border:1px solid var(--border);border-radius:14px;background:#f7f4ef;display:block;overflow:hidden}
.browser-reference .filmably-reference strong,.browser-reference .filmably-reference>span:last-child{display:none}
.filmably-reference .filmably-symbol{display:block;width:100%;height:330px;max-width:none;font-size:0;border-radius:0;background:url('/assets/filmably-profile.png') center/contain no-repeat;box-shadow:none}
.complex-reference-card .crm-header{font-size:18px;padding:15px}
.complex-reference-card .crm-tabs{font-size:10px;gap:6px;padding:13px 8px}
.complex-reference-card .crm-body{padding:13px}
.complex-reference-card .crm-columns{gap:10px}
.complex-reference-card .crm-columns>div{padding:10px}
.complex-reference-card .booking-showcase{padding:22px 12px;gap:14px;min-height:330px}
.complex-reference-card .booking-desktop{width:auto;min-width:0;flex:1}
.complex-reference-card .booking-inner{padding:15px}
.complex-reference-card .booking-inner h3{font-size:18px}
.complex-reference-card .demo-services{grid-template-columns:1fr;gap:7px}
.complex-reference-card .demo-services>div{padding:10px;font-size:11px}
.complex-reference-card .demo-services span{margin-bottom:5px}
.complex-reference-card .booking-mobile{width:115px;min-height:235px;padding:12px 8px;border-width:4px;border-radius:20px}
.complex-reference-card .booking-mobile h3{font-size:14px}
.complex-reference-card .phone-speaker{width:32px;margin-bottom:25px}
.complex-reference-card .caption{font-size:12px}
@media(hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){.complex-reference-card:hover{transform:translateY(-4px);box-shadow:0 15px 35px #071a2b12}}
@media(max-width:640px){.complex-reference-grid{grid-template-columns:1fr}}
@media(max-width:480px){.complex-reference-card{padding:20px}.reference-card-body h3{font-size:27px}.complex-reference-card .booking-showcase{gap:8px;padding:14px 8px}.complex-reference-card .booking-mobile{width:90px}.complex-reference-card .booking-inner{padding:10px}.complex-reference-card .booking-mobile h3{font-size:12px}}
.roi-table-wrap{overflow-x:auto;margin-top:25px;border-radius:12px;border:1px solid #e8dbbd;background:#ffffffc9}
.roi-table{width:100%;border-collapse:collapse;text-align:left;font-size:16px;line-height:1.5}
.roi-table th,.roi-table td{padding:16px 18px;border-bottom:1px solid #eee3cc;vertical-align:top}
.roi-table thead{background:#fff0ce;font-size:14px}
.roi-table tbody th{font-weight:650}.roi-table tbody tr:last-child>*{border-bottom:0}
.roi-table td:nth-child(2){white-space:nowrap;font-weight:700}
.comparison .roi-note{font-size:13px}.comparison .roi-payback{font-size:17px;font-weight:700;color:var(--navy)}
@media(max-width:760px){.roi-table{font-size:13px;min-width:460px}.roi-table th,.roi-table td{padding:12px}.comparison .roi-payback{font-size:15px}}
.roi-calculator{margin-top:32px;padding-top:28px;border-top:1px solid #e8dbbd}
.roi-calculator>h3{font-size:32px}.roi-inputs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin:25px 0}
.roi-inputs label{font-size:13px;font-weight:650;line-height:1.5;display:flex;flex-direction:column;justify-content:space-between;gap:8px}
.roi-inputs input{min-width:0}.roi-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:25px 0}
.roi-metrics>div{padding:20px;background:#fff;border:1px solid #e4ddce;border-radius:14px}
.roi-metrics span{display:block;font-size:13px;color:var(--muted);margin-bottom:12px}
.roi-metrics strong{font-size:27px;line-height:1.25;color:#075da7}
.roi-chart-legend{display:flex;flex-wrap:wrap;gap:14px 24px;font-size:14px;margin-bottom:15px;line-height:1.6}
.roi-chart-legend>span::before{content:'';display:inline-block;width:24px;border-top:4px solid #0874dd;margin-right:8px;vertical-align:middle}
.roi-chart-legend>.builder-line::before{border-top:4px dashed #b62968}
.roi-chart-scroll{overflow-x:auto;background:#fff;border:1px solid #e4ddce;border-radius:14px;padding:10px}
.roi-chart{display:block;width:100%;min-width:450px;height:auto}.roi-chart text{font-family:inherit;font-size:14px;fill:#435565}
.comparison .roi-recurring,.comparison .roi-assumptions{font-size:13px}
.roi-formula{margin-top:20px;font-size:14px}.roi-formula summary{font-size:15px}.roi-formula p{font-size:14px}
#roi-error{color:#a32032}
@media(max-width:760px){.roi-inputs{grid-template-columns:repeat(2,minmax(0,1fr))}.roi-metrics{grid-template-columns:1fr}.roi-calculator>h3{font-size:27px}.roi-metrics>div{padding:16px}.roi-metrics strong{font-size:25px}}

/* Mate: lightweight chat entry point and lazy-loaded welcome panel. */
.mate-launcher{position:fixed;right:24px;bottom:max(24px,env(safe-area-inset-bottom));z-index:50;display:flex;align-items:center;gap:10px;min-height:64px;padding:7px 20px 7px 7px;border:1px solid #cce1fa;border-radius:40px;background:#fff;color:var(--navy);font-size:14px;font-weight:700;box-shadow:0 8px 30px #071a2b26;transition:transform var(--motion),box-shadow var(--motion)}
.mate-launcher img{border-radius:50%;flex-shrink:0}
.mate-launcher:hover{transform:translateY(-3px);box-shadow:0 12px 32px #071a2b30}
.mate-panel{position:fixed;inset:auto 24px max(24px,env(safe-area-inset-bottom)) auto;margin:0;padding:0;width:400px;max-width:calc(100% - 32px);max-height:min(600px,calc(100dvh - 32px));border:1px solid var(--border);border-radius:24px;background:#fff;color:var(--navy);box-shadow:0 24px 80px #071a2b33;overflow:auto;overscroll-behavior:contain}
.mate-panel::backdrop{background:#071a2b25}
.mate-header{display:flex;align-items:center;gap:10px;padding:18px;border-bottom:1px solid var(--border);background:var(--light)}
.mate-header>img{flex-shrink:0}
.mate-header>div{flex:1;min-width:0}
.mate-header h2{font-size:18px;letter-spacing:-.4px}
.mate-header h2 span{font-size:12px;font-weight:500;color:var(--muted);letter-spacing:0}
.mate-header p{font-size:11px;margin:5px 0 0;line-height:1.5;color:var(--muted)}
.mate-close{display:grid;place-items:center;flex-shrink:0;width:44px;height:44px;border:0;border-radius:50%;background:#fff;color:var(--navy);font-size:28px}
.mate-body{padding:26px 22px 22px}
.mate-welcome-face{display:block;margin:0 auto 16px}
.mate-body h3{text-align:center;font-size:26px;margin-bottom:22px}
.mate-message{padding:16px 18px;border-radius:4px 18px 18px;background:var(--light);border:1px solid var(--border)}
.mate-message p{font-size:14px;line-height:1.65;margin:0}
.mate-message p+p{margin-top:12px}
.mate-project{display:flex;justify-content:space-between;gap:12px;margin-top:20px;font-size:14px;padding:15px 18px}
.mate-note{font-size:12px;line-height:1.6;color:var(--muted);text-align:center;margin:14px 5px 0}
@media(max-width:480px){.mate-launcher{right:16px;bottom:max(16px,env(safe-area-inset-bottom));padding:6px;min-height:60px}.mate-launcher>span{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.mate-panel{right:16px;bottom:max(16px,env(safe-area-inset-bottom));width:calc(100% - 32px)}.mate-body{padding:22px 18px}.mate-header{padding:14px;gap:8px}}

/* Guided conversation: keep controls reachable while messages scroll. */
.mate-panel[open]{display:flex;flex-direction:column;height:600px;overflow:hidden}
.mate-panel .mate-header,.mate-toolbar,.mate-composer,.mate-storage{flex-shrink:0}
.mate-panel .mate-body{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;scroll-behavior:auto}
.mate-toolbar{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:10px 18px;border-bottom:1px solid var(--border);font-size:11px;color:var(--muted)}
.mate-restart,.mate-skip{background:none;border:0;color:var(--blue);font-size:12px;min-height:36px;padding:6px}
.mate-panel .mate-message{margin:12px 0;font-size:14px;line-height:1.65;white-space:pre-wrap;overflow-wrap:anywhere}
.mate-panel .mate-user{background:#eaf4ff;border-color:#cce1fa;border-radius:18px 4px 18px 18px;margin-left:26px}
.mate-actions{display:grid;gap:9px;margin-top:20px}
.mate-actions button,.mate-download{padding:12px 16px;min-height:44px;border:1px solid #bed6f5;border-radius:14px;background:white;color:var(--blue);font-size:14px;text-align:left;font-weight:600}
.mate-actions button:hover,.mate-download:hover{background:#eaf4ff}
.mate-composer{padding:12px 18px;border-top:1px solid var(--border);background:#fff}
.mate-input-label{display:block;font-size:12px;line-height:1.4;margin-bottom:8px;color:var(--muted)}
.mate-input-row{display:flex;gap:8px;align-items:flex-end}
.mate-input-row textarea{font-size:16px;resize:none;min-height:64px;max-height:100px}
.mate-input-row button{border:0;border-radius:12px;background:var(--blue);color:white;min-height:48px;padding:10px;font-size:13px}
.mate-storage{margin:0;padding:8px 18px 12px;font-size:10px;line-height:1.5;color:var(--muted)}
.mate-live{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
.mate-recommendation{font-size:14px;line-height:1.7;padding-left:22px}
.mate-summary{font-size:13px;margin:18px 0}.mate-summary summary{cursor:pointer;font-weight:700;min-height:36px}
.mate-summary pre{font:inherit;white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.6}
.mate-download{width:100%}
@media(max-width:480px){.mate-toolbar{padding:6px 14px}.mate-composer{padding:10px 14px}.mate-storage{padding:6px 14px}.mate-panel .mate-body{padding:18px}}

.mate-input-label{position:absolute;width:1px;height:1px;padding:0;margin:0;overflow:hidden;clip-path:inset(50%)}


/* Interactive automation portfolio demo */
.automation-demo{padding-block:90px;background:linear-gradient(135deg,#171e28,#242d39);color:#fff;overflow:hidden}.automation-demo .eyebrow{color:#f4aaa4}.automation-demo h2{max-width:760px;margin-bottom:14px}.automation-demo>.container>p{max-width:720px;color:#cbd2da;line-height:1.65}.automation-demo-grid{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:38px;margin-top:42px;align-items:start}.automation-console{padding:28px;border:1px solid #ffffff1f;border-radius:24px;background:#ffffff0b;box-shadow:0 24px 70px #0003}.automation-console label{display:block;font-weight:800;font-size:18px;margin-bottom:12px}.automation-console textarea{width:100%;min-height:145px;resize:vertical;padding:18px;border:1px solid #ffffff26;border-radius:16px;background:#10161e;color:#fff;font:inherit;line-height:1.55}.automation-console textarea:focus{outline:2px solid #e43a35;outline-offset:2px}.automation-console .button{margin-top:16px;border:0}.automation-console .button:disabled{opacity:.55;cursor:wait}.automation-example{font-size:13px!important;color:#9da8b5!important;margin:12px 0 0!important}.automation-flow{display:grid;gap:10px}.automation-stage{display:grid;grid-template-columns:48px 1fr;grid-template-rows:auto auto;column-gap:14px;padding:16px 18px;border:1px solid #ffffff16;border-radius:16px;background:#111821;transition:transform .25s ease,border-color .25s ease,background .25s ease}.automation-stage>span{grid-row:1/3;display:grid;place-items:center;width:42px;height:42px;border-radius:12px;background:#ffffff0d;color:#8995a2;font-weight:900}.automation-stage strong{font-size:16px}.automation-stage small{margin-top:3px;color:#7f8b98;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.automation-stage.active{transform:translateX(8px);border-color:#e43a35;background:#2a1b1d}.automation-stage.active>span{background:#e43a35;color:#fff}.automation-stage.done{border-color:#79b7d74a}.automation-stage.done>span{background:#17384a;color:#9edbfa}.automation-stage.done small{color:#9edbfa}.automation-result{margin-top:28px;padding:28px;border-radius:22px;background:#fff;color:#171e28}.automation-result h3{margin:0 0 22px;font-size:clamp(24px,3vw,34px)}.automation-findings{display:grid;grid-template-columns:1fr 1fr;gap:10px}.automation-findings>div{padding:15px;border-radius:14px;background:#f6f2ed}.automation-findings b,.automation-findings span{display:block}.automation-findings span{margin-top:5px;font-size:13px;color:#625950;line-height:1.45}.automation-impact{display:flex;align-items:center;justify-content:center;gap:16px;margin-top:20px;padding:18px;border-radius:14px;background:#fff0ed;color:#ad141b;text-align:center}.automation-impact span{font-size:26px}.automation-status{margin:15px 0 0!important;color:#625950!important;font-size:13px!important;text-align:center}
@media(max-width:850px){.automation-demo{padding-block:60px}.automation-demo-grid{grid-template-columns:1fr}.automation-findings{grid-template-columns:1fr}}@media(max-width:480px){.automation-console,.automation-result{padding:20px}.automation-impact{flex-direction:column;gap:4px}.automation-impact span{transform:rotate(90deg)}}