:root{--paper: #f7f7f5;--paper-2: #efefec;--ink: #14171c;--muted: #555d68;--klein: #1f35c5;--klein-deep: #16259b;--hairline: #dcdcd7;--radius: 4px;--z-field: 0;--z-content: 1;--z-header: 20}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:Archivo,system-ui,sans-serif;font-variation-settings:"wdth" 100;background:var(--paper);color:var(--ink);line-height:1.6;overflow-x:hidden}h1,h2,h3{text-wrap:balance}img{display:block;max-width:100%}a:focus-visible,button:focus-visible,select:focus-visible{outline:3px solid var(--klein);outline-offset:3px}.container{max-width:1120px;margin:0 auto;padding:0 24px}.field-canvas{position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--z-field);width:100%;height:100%;display:block;pointer-events:none}.content{position:relative;z-index:var(--z-content)}.site-header{position:fixed;top:0;left:0;right:0;z-index:var(--z-header);border-bottom:1px solid transparent;transition:background .3s,border-color .3s}.site-header.scrolled{background:#f7f7f5e0;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom-color:var(--hairline)}.site-header nav{display:flex;align-items:center;justify-content:space-between;height:64px}.logo{font-weight:800;font-size:1.05rem;color:var(--ink);text-decoration:none;font-variation-settings:"wdth" 118;letter-spacing:.01em}.logo .dot{color:var(--klein)}.nav-links{display:flex;gap:26px}.nav-links a{color:var(--muted);text-decoration:none;font-size:.92rem;font-weight:500}.nav-links a:hover{color:var(--klein)}.hero{min-height:100svh;display:flex;flex-direction:column;justify-content:center;padding:110px 0 64px;position:relative}.hero .role{color:var(--klein);font-weight:600;font-size:.98rem;margin-bottom:22px}.hero h1{font-size:clamp(2.05rem,6.4vw,4.7rem);line-height:1;letter-spacing:-.025em;font-weight:800;font-variation-settings:"wdth" 116;max-width:16ch}@media(max-width:420px){.hero h1{font-variation-settings:"wdth" 104}}.hero h1 .word{display:inline-block;will-change:transform}.hero h1 .accent{color:var(--klein)}.hero .sub{margin-top:28px;font-size:1.16rem;color:var(--muted);max-width:52ch}.hero .sub strong{color:var(--ink);font-weight:600}.cta-row{margin-top:40px;display:flex;gap:14px;flex-wrap:wrap;align-items:center}.btn{display:inline-flex;align-items:center;gap:10px;min-height:52px;padding:14px 28px;border-radius:var(--radius);font-weight:700;font-size:1rem;font-family:inherit;text-decoration:none;cursor:pointer;border:none}.btn-primary{background:var(--klein);color:#fff}.btn-primary:hover{background:var(--klein-deep)}.btn-ghost{background:transparent;color:var(--ink);border:1px solid var(--ink)}.btn-ghost:hover{border-color:var(--klein);color:var(--klein)}.hero .proof{margin-top:44px;padding-top:22px;border-top:1px solid var(--hairline);color:var(--muted);font-size:.98rem;max-width:64ch}.hero .proof strong{color:var(--klein);font-weight:700;font-variant-numeric:tabular-nums}section{padding:clamp(72px,10vw,120px) 0;position:relative;background:var(--paper)}section.on-field{background:transparent}.section-head{display:flex;align-items:baseline;justify-content:space-between;gap:20px;flex-wrap:wrap;margin-bottom:12px}.section-title{font-size:clamp(1.7rem,3.6vw,2.4rem);letter-spacing:-.02em;font-weight:800;font-variation-settings:"wdth" 112}.section-index{color:var(--muted);font-size:.95rem;font-variant-numeric:tabular-nums}.section-sub{color:var(--muted);margin-bottom:52px;max-width:56ch}.service-row{border-top:1px solid var(--hairline)}.service-row:last-child{border-bottom:1px solid var(--hairline)}.service-trigger{width:100%;display:grid;grid-template-columns:1fr auto auto;gap:18px;align-items:center;padding:26px 4px;background:none;border:none;cursor:pointer;font-family:inherit;text-align:left;color:var(--ink)}.service-trigger h3{font-size:clamp(1.15rem,2.4vw,1.5rem);font-weight:700;font-variation-settings:"wdth" 110}.service-trigger .price{color:var(--klein);font-weight:700;white-space:nowrap;font-variant-numeric:tabular-nums}.service-chevron{color:var(--muted);display:flex}.service-detail{overflow:hidden}.service-detail-inner{padding:0 4px 30px;display:grid;grid-template-columns:1.2fr 1fr;gap:32px}.service-detail p{color:var(--muted);max-width:58ch}.service-detail ul{list-style:none;display:flex;flex-direction:column;gap:9px}.service-detail li{display:flex;gap:10px;align-items:baseline;font-size:.95rem}.service-detail li:before{content:"→";color:var(--klein);font-weight:700}.projects-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(290px,1fr));gap:22px}.project-card{display:block;text-decoration:none;color:inherit;background:#fff;border:1px solid var(--hairline);border-radius:var(--radius);overflow:hidden;transform-style:preserve-3d}.project-card img{aspect-ratio:16/10;object-fit:cover;object-position:top;width:100%;border-bottom:1px solid var(--hairline)}.project-card .body{padding:22px}.project-card h3{font-size:1.15rem;font-weight:700;margin-bottom:6px;font-variation-settings:"wdth" 108}.project-card p{color:var(--muted);font-size:.95rem}.project-card .open{margin-top:16px;color:var(--klein);font-weight:700;font-size:.93rem;display:inline-flex;align-items:center;gap:7px}.project-card:hover .open{text-decoration:underline}.method-grid{position:relative;display:flex;flex-direction:column;gap:0}.method-line{position:absolute;left:19px;top:8px;bottom:8px;width:2px;background:var(--hairline)}.method-line-fill{position:absolute;left:0;top:0;width:100%;height:100%;background:var(--klein);transform-origin:top;transform:scaleY(0)}.method-step{display:grid;grid-template-columns:40px 1fr;gap:22px;padding:26px 0;position:relative}.method-step .pin{width:40px;height:40px;border-radius:50%;background:var(--paper);border:2px solid var(--hairline);display:flex;align-items:center;justify-content:center;font-weight:700;font-variant-numeric:tabular-nums;color:var(--muted);transition:border-color .3s,color .3s,background .3s;position:relative;z-index:1}.method-step.active .pin{border-color:var(--klein);color:#fff;background:var(--klein)}.method-step h3{font-size:1.12rem;font-weight:700;margin-bottom:4px}.method-step p{color:var(--muted);font-size:.96rem;max-width:58ch}.estimator{background:var(--ink);color:var(--paper);border-radius:var(--radius);padding:clamp(32px,5vw,56px);display:grid;grid-template-columns:1.1fr .9fr;gap:clamp(32px,5vw,64px)}.estimator h2{font-size:clamp(1.6rem,3.4vw,2.2rem);letter-spacing:-.02em;font-weight:800;font-variation-settings:"wdth" 112}.estimator .hint{color:#9aa3ad;margin:10px 0 30px;max-width:44ch}.est-field{margin-bottom:18px}.est-field label{display:block;font-size:.88rem;font-weight:600;color:#9aa3ad;margin-bottom:7px}.est-field select{width:100%;min-height:48px;padding:11px 13px;font-size:1rem;font-family:inherit;background:#1e232b;color:var(--paper);border:1px solid #343b46;border-radius:var(--radius);cursor:pointer}.est-result{display:flex;flex-direction:column;justify-content:center}.est-result .label{font-size:.92rem;color:#9aa3ad}.est-amount{font-size:clamp(2.4rem,5vw,3.6rem);font-weight:800;font-variant-numeric:tabular-nums;letter-spacing:-.02em;color:#fff;line-height:1.1;margin:8px 0 6px;font-variation-settings:"wdth" 110}.est-amount .accent{color:#7c8cf8}.est-delay{color:#9aa3ad;font-size:.95rem;margin-bottom:26px}.est-delay strong{color:var(--paper)}.est-note{margin-top:18px;font-size:.82rem;color:#79828c;max-width:38ch}.contact-band{text-align:center}.contact-band h2{font-size:clamp(1.8rem,4vw,2.6rem);letter-spacing:-.02em;font-weight:800;font-variation-settings:"wdth" 114}.contact-band p{color:var(--muted);margin:14px auto 32px;max-width:46ch}.site-footer{border-top:1px solid var(--hairline);padding:28px 0;color:var(--muted);font-size:.9rem;display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap}@media(max-width:760px){.nav-links{display:none}.service-trigger{grid-template-columns:1fr auto}.service-trigger .price{grid-column:1;font-size:.95rem}.service-detail-inner,.estimator{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}