:root{--color-bg: #f7f8f6;--color-surface: #ffffff;--color-surface-soft: #eef3f6;--color-text: #0b1726;--color-text-muted: #526273;--color-accent: #b8c7d3;--color-border: #d8e0e6;--color-primary: #0b1726;--color-primary-hover: #14263a;--shadow-soft: 0 24px 70px rgba(11, 23, 38, .09);--radius: 8px;--max-width: 1160px;font-family:Manrope,Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:var(--color-text);background:var(--color-bg)}*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;background:linear-gradient(180deg,#eef3f6b3 0,#f7f8f600 420px),var(--color-bg);color:var(--color-text);font-size:16px;line-height:1.6;text-rendering:optimizeLegibility}body:before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;background-image:linear-gradient(rgba(184,199,211,.14) 1px,transparent 1px),linear-gradient(90deg,rgba(184,199,211,.14) 1px,transparent 1px);background-size:44px 44px;mask-image:linear-gradient(180deg,rgba(0,0,0,.6),transparent 52%)}a{color:inherit;text-decoration:none}a:hover{color:var(--color-primary-hover)}img,svg{display:block;max-width:100%}button,input,textarea,select{font:inherit}:focus-visible{outline:3px solid rgba(11,23,38,.34);outline-offset:4px}.site-header{position:sticky;top:0;z-index:10;border-bottom:1px solid rgba(216,224,230,.8);background:#f7f8f6eb;backdrop-filter:blur(18px)}.site-header__inner,.site-footer__inner,.container{width:min(100% - 32px,var(--max-width));margin-inline:auto}.site-header__inner{display:grid;min-height:0;align-items:center;gap:10px;padding-block:12px}.brand{display:inline-flex;align-items:center;min-height:44px;width:min(100%,210px)}.brand__logo{width:100%;height:auto}.nav{display:flex;flex-wrap:wrap;gap:4px 14px;align-items:center}.nav a{display:inline-flex;min-height:44px;align-items:center;color:var(--color-text-muted);font-size:.94rem;font-weight:650}.nav a:hover{color:var(--color-text)}.nav .button{display:none}.button{display:inline-flex;min-height:48px;align-items:center;justify-content:center;gap:10px;border:1px solid transparent;border-radius:var(--radius);padding:12px 18px;font-weight:750;line-height:1.2;text-align:center;cursor:pointer}.button--primary{background:var(--color-primary);color:#fff;box-shadow:0 14px 32px #0b17262e}.button--primary:hover{background:var(--color-primary-hover);color:#fff}.button--secondary{border-color:var(--color-border);background:#ffffffb8;color:var(--color-text)}.button--secondary:hover{border-color:var(--color-accent);background:var(--color-surface)}.button--small{min-height:44px;padding:10px 14px;font-size:.92rem}.section{padding-block:72px}.section--soft{background:#eef3f69e}.section__eyebrow,.eyebrow{margin:0 0 12px;color:var(--color-text-muted);font-size:.82rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.section__header{max-width:760px;margin-bottom:30px}.section__header h2,.hero__content h1{margin:0;line-height:1.04;letter-spacing:0}.section__header h2{max-width:700px;font-size:2rem}.section__header p{margin:18px 0 0;max-width:650px;color:var(--color-text-muted);font-size:1.08rem}.hero{padding-block:64px 72px}.page-hero{padding-block:64px 56px}.page-hero__content{max-width:860px}.page-hero h1{margin:0;max-width:900px;font-size:2.4rem;line-height:1.04;letter-spacing:0}.page-hero p:not(.eyebrow){margin:22px 0 0;max-width:700px;color:var(--color-text-muted);font-size:1.05rem}.hero__grid{display:grid;gap:36px;align-items:center}.hero__content{max-width:720px}.hero__content h1{max-width:820px;font-size:2.55rem}.hero__lead{margin:22px 0 0;max-width:670px;color:var(--color-text-muted);font-size:1.05rem}.hero__actions,.cta-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}.trust-bar{display:flex;flex-wrap:wrap;gap:10px;margin-top:28px;color:var(--color-text-muted);font-weight:650}.trust-bar span{border:1px solid var(--color-border);border-radius:999px;background:#ffffffb8;padding:8px 12px}.visual-frame{border:1px solid var(--color-border);border-radius:var(--radius);background:linear-gradient(145deg,#fff,#eef3f6);box-shadow:var(--shadow-soft);overflow:hidden}.website-mockup{margin:0;padding:18px}.website-mockup--compact{padding:14px}.website-mockup__bar{display:flex;gap:7px;padding-bottom:16px}.website-mockup__bar span{width:9px;height:9px;border-radius:50%;background:var(--color-accent)}.website-mockup__screen{display:grid;gap:16px;border:1px solid var(--color-border);border-radius:var(--radius);background:var(--color-surface);padding:18px}.website-mockup__screen--image{display:block;overflow:hidden;padding:0}.website-mockup--image img{width:100%;height:100%;object-fit:cover;object-position:top center}.website-mockup--desktop .website-mockup__screen--image{aspect-ratio:3024 / 1656}.website-mockup--mobile{width:min(100%,360px);margin-inline:auto}.website-mockup--mobile .website-mockup__screen--image{aspect-ratio:678 / 1470}.mock-nav,.mock-card,.mock-sidebar,.mock-line,.mock-pill{border-radius:6px;background:var(--color-surface-soft)}.mock-nav{height:18px}.mock-layout{display:grid;gap:16px}.mock-main{min-height:240px;border-radius:var(--radius);background:linear-gradient(135deg,#0b1726e0,#14263adb),linear-gradient(180deg,#eef3f6,#fff);padding:20px}.mock-pill{width:42%;height:16px;background:#ffffff4d}.mock-title{width:82%;height:76px;margin-top:22px;border-radius:6px;background:#ffffffe0}.mock-text{width:64%;height:34px;margin-top:16px;border-radius:6px;background:#ffffff8a}.mock-sidebar{min-height:180px;padding:16px}.mock-line{height:12px;margin-bottom:12px}.mock-line:nth-child(2){width:78%}.mock-line:nth-child(3){width:62%}.mock-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.mock-card{height:76px}.website-mockup--compact .mock-main{min-height:160px}.website-mockup--compact .mock-sidebar{min-height:120px}.website-mockup--compact .mock-title{height:48px}.website-mockup--compact .mock-card{height:52px}.grid{display:grid;gap:16px}.grid--3,.grid--2{grid-template-columns:1fr}.card{border:1px solid var(--color-border);border-radius:var(--radius);background:#ffffffc7;padding:22px}.card h3{margin:0 0 10px;font-size:1.16rem;line-height:1.25}.card p{margin:0;color:var(--color-text-muted)}.feature-list{display:grid;gap:12px;margin:0;padding:0;list-style:none}.feature-list li{display:grid;grid-template-columns:26px 1fr;gap:12px;align-items:start;color:var(--color-text);font-weight:650}.feature-list li:before{content:"";width:18px;height:18px;margin-top:4px;border:5px solid var(--color-primary);border-radius:50%;background:var(--color-surface)}.pricing-card{display:grid;gap:24px;border:1px solid rgba(11,23,38,.14);border-radius:var(--radius);background:var(--color-surface);box-shadow:var(--shadow-soft);padding:26px}.pricing-card--service p:not(.price):not(.price-note){margin-top:0;color:var(--color-text-muted)}.price{margin:0;font-size:2.6rem;line-height:.95;font-weight:850}.price-note{margin:8px 0 0;color:var(--color-text-muted);font-weight:650}.case-teaser{display:grid;gap:28px;align-items:center}.metrics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:22px}.metrics--wide{margin-top:0}.metric{border:1px solid var(--color-border);border-radius:var(--radius);background:var(--color-surface);padding:16px}.metric strong{display:block;font-size:1.65rem;line-height:1}.metric span{color:var(--color-text-muted);font-size:.88rem;font-weight:700}.steps{display:grid;gap:12px;margin:0;padding:0;list-style:none;counter-reset:steps}.steps li{display:grid;grid-template-columns:44px 1fr;gap:14px;align-items:center;border-bottom:1px solid var(--color-border);padding:16px 0;counter-increment:steps;font-weight:750}.steps li:before{content:counter(steps,decimal-leading-zero);display:grid;width:44px;height:44px;place-items:center;border:1px solid var(--color-border);border-radius:50%;background:var(--color-surface);color:var(--color-text-muted);font-size:.82rem}.split,.about-grid{display:grid;gap:28px;align-items:start}.portrait-card{width:144px;aspect-ratio:1 / 1;margin:0;justify-self:center;overflow:hidden;border:1px solid var(--color-border);border-radius:50%;background:var(--color-surface);box-shadow:var(--shadow-soft)}.portrait-card img{display:block;width:100%;height:100%;object-fit:cover;object-position:center 24%}.panel{border:1px solid var(--color-border);border-radius:var(--radius);background:var(--color-surface);padding:24px}.panel h3{margin:0 0 12px;font-size:1.35rem}.panel p{margin:0 0 18px;color:var(--color-text-muted)}.panel--wide{max-width:840px}.panel--wide p:last-child,.panel p:last-child{margin-bottom:0}.legal-content{max-width:820px}.legal-content h2{margin:28px 0 10px;font-size:1.25rem;line-height:1.2}.legal-content h2:first-child{margin-top:0}.legal-content a{color:var(--color-text);font-weight:750;text-decoration:underline;text-underline-offset:3px}.audience-list{display:grid;grid-template-columns:1fr;gap:10px;margin:0;padding:0;list-style:none}.audience-list li{border:1px solid var(--color-border);border-radius:var(--radius);background:#ffffffc2;padding:14px 16px;font-weight:720}.faq-list{display:grid;gap:12px}.faq-item{border:1px solid var(--color-border);border-radius:var(--radius);background:var(--color-surface);padding:0}.faq-item summary{min-height:58px;padding:18px 20px;cursor:pointer;font-weight:800}.faq-item__content{padding:0 20px 20px;color:var(--color-text-muted)}.faq-item__content p{margin:0}.faq-item__content p+p{margin-top:12px}.case-layout,.contact-layout,.screenshot-grid{display:grid;gap:24px}.contact-main{display:grid;gap:16px}.contact-direct{color:var(--color-text-muted);font-size:.96rem}.contact-direct p{margin:0}.contact-direct p+p{margin-top:6px}.contact-direct a,.footer-contact a{color:var(--color-text);font-weight:750}.case-facts{display:grid;gap:18px;margin:0}.case-facts div{border-bottom:1px solid var(--color-border);padding-bottom:14px}.case-facts div:last-child{border-bottom:0;padding-bottom:0}.case-facts dt{color:var(--color-text-muted);font-size:.82rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.case-facts dd{margin:4px 0 0;font-weight:750}.section-note{max-width:760px;margin:22px 0 0;color:var(--color-text-muted);font-size:1.05rem}.contact-form{display:grid;gap:18px;border:1px solid rgba(11,23,38,.14);border-radius:var(--radius);background:var(--color-surface);box-shadow:var(--shadow-soft);padding:22px}.form-grid{display:grid;gap:18px}.form-field{display:grid;gap:8px}.form-field label{font-weight:800}.form-field label span{color:var(--color-text-muted);font-weight:650}.form-field input,.form-field select,.form-field textarea{width:100%;min-height:48px;border:1px solid var(--color-border);border-radius:var(--radius);background:#fff;color:var(--color-text);padding:12px 14px}.form-field textarea{min-height:150px;resize:vertical}.form-note{margin:0;color:var(--color-text-muted);font-size:.94rem}.form-status{margin:0;font-weight:750}.form-status:empty{display:none}.form-status[data-state=success]{color:#245c37}.form-status[data-state=error]{color:#9b2c2c}.project-start-intro{display:grid;gap:16px}.project-start-form{display:grid;gap:18px;max-width:980px}.project-start-section{min-inline-size:0;margin:0;border:1px solid rgba(11,23,38,.14);border-radius:var(--radius);background:var(--color-surface);box-shadow:0 18px 54px #0b17260e;padding:20px}.project-start-section legend{display:inline-flex;align-items:center;gap:10px;margin:0;padding:0 8px 0 0;color:var(--color-text);font-size:1.14rem;font-weight:850;line-height:1.25}.project-start-section legend span{display:grid;width:34px;height:34px;place-items:center;border:1px solid var(--color-border);border-radius:50%;background:var(--color-surface-soft);color:var(--color-text-muted);font-size:.78rem;letter-spacing:.02em}.project-start-section>p{margin:14px 0 0;max-width:720px;color:var(--color-text-muted)}.project-start-grid{display:grid;gap:18px;margin-top:20px}.project-start-help{max-width:980px;margin-bottom:18px;border:1px solid var(--color-border);border-radius:var(--radius);background:#eef3f6b3;padding:18px 20px}.project-start-help h3{margin:0 0 6px;font-size:1.06rem;line-height:1.25}.project-start-help p{margin:0;color:var(--color-text-muted)}.project-start-form .form-field textarea{min-height:132px}.project-start-submit{display:grid;gap:12px;border:1px solid rgba(11,23,38,.14);border-radius:var(--radius);background:var(--color-surface);padding:20px}.project-start-submit .button{width:100%}.project-start-status{margin:0;border-radius:var(--radius);font-weight:750}.project-start-status:empty{display:none}.project-start-status[data-state=success],.project-start-status[data-state=error]{border:1px solid currentColor;padding:12px 14px}.project-start-status[data-state=success]{background:#245c3714;color:#245c37}.project-start-status[data-state=error]{background:#9b2c2c14;color:#9b2c2c}.project-start-honeypot{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}.button:disabled{cursor:not-allowed;opacity:.72}.contact-aside{align-self:start}.cta-section{padding-block:72px;background:var(--color-primary);color:#fff}.cta-section p,.cta-section .eyebrow{color:#ffffffc2}.cta-section h2{margin:0;max-width:780px;font-size:2.15rem;line-height:1.03}.cta-section .button--primary{border-color:#fff;background:#fff;color:var(--color-primary);box-shadow:none}.site-footer{border-top:1px solid var(--color-border);background:var(--color-surface);padding-block:36px}.site-footer__inner{display:grid;gap:20px;color:var(--color-text-muted);font-size:.94rem}.footer-links{display:flex;flex-wrap:wrap;gap:14px}@media(min-width:720px){.site-header__inner,.site-footer__inner,.container{width:min(100% - 48px,var(--max-width))}.section__header h2{font-size:2.35rem}.page-hero h1{font-size:3rem}.page-hero p:not(.eyebrow),.hero__lead{font-size:1.12rem}.hero__content h1,.price{font-size:3.35rem}.cta-section h2{font-size:2.75rem}.grid--3{grid-template-columns:repeat(3,1fr)}.grid--2,.split,.case-teaser,.case-layout,.contact-layout,.about-grid,.project-start-intro{grid-template-columns:repeat(2,minmax(0,1fr))}.about-grid .feature-list{grid-column:1 / -1}.portrait-card{width:min(100%,240px);aspect-ratio:3 / 4;justify-self:start;border-radius:var(--radius)}.portrait-card img{object-position:center top}.form-grid,.project-start-grid,.audience-list,.screenshot-grid,.metrics--wide{grid-template-columns:repeat(2,minmax(0,1fr))}.project-start-field--wide{grid-column:1 / -1}.project-start-submit{grid-template-columns:minmax(220px,max-content) minmax(0,1fr);align-items:center}.project-start-submit .button{width:auto}.project-start-status{grid-column:1 / -1}.mock-layout{grid-template-columns:1.45fr .7fr}.pricing-card{grid-template-columns:.9fr 1.1fr;padding:34px}.site-footer__inner{grid-template-columns:1fr auto;align-items:center}}@media(min-width:900px){.site-header__inner{display:flex;min-height:72px;justify-content:space-between;gap:20px;padding-block:0}.brand{width:250px}.nav{gap:24px}.nav .button{display:inline-flex}}@media(min-width:1024px){.section{padding-block:104px}.hero{padding-block:96px 112px}.page-hero{padding-block:96px 76px}.section__header h2{font-size:2.75rem}.page-hero h1{font-size:3.45rem}.hero__content h1{font-size:3.9rem}.price{font-size:3.8rem}.cta-section h2{font-size:3rem}.hero__grid{grid-template-columns:minmax(0,1.05fr) minmax(420px,.95fr);gap:52px}.about-grid{grid-template-columns:minmax(210px,260px) minmax(0,1fr) minmax(220px,.9fr)}.portrait-card{width:min(100%,260px)}.about-grid .feature-list{grid-column:auto}}