@source "../css";@source "../js";@source "../../lib/gira_web";:root{--color-paper:#f7f4ec;--color-paper-deep:#eee8dc;--color-ink:#111318;--color-muted:#605c53;--color-line:#d8d0c1;--color-brown:#652712;--color-yellow:#fccc00;--color-white:#fffaf0;--container:1180px;--section-space:clamp(4.5rem,9vw,8rem);--radius:8px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{min-width:320px;color:var(--color-ink);background:linear-gradient(90deg,#11131809 1px,transparent 1px)0 0/92px 92px,linear-gradient(180deg,#ffffff6b,#eee8dc52),var(--color-paper);text-rendering:optimizeLegibility;margin:0;font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:16px;line-height:1.6}body:before{z-index:-1;pointer-events:none;content:"";background-image:radial-gradient(circle at 20% 10%,#6527120e,#0000 24rem),radial-gradient(circle at 80% 0,#fccc0017,#0000 18rem);position:fixed;inset:0}a{color:inherit;text-underline-offset:.22em;text-decoration-thickness:1px}a:hover{color:var(--color-brown)}a:focus-visible,button:focus-visible{outline:2px solid var(--color-brown);outline-offset:4px}.container{width:min(100% - 2rem,var(--container));margin-inline:auto}.site-header{z-index:10;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#f7f4ecdb;border-bottom:1px solid #65271224;position:sticky;top:0}.nav{justify-content:space-between;align-items:center;gap:1.5rem;min-height:76px;display:flex}.logo-link{flex:none;align-items:center;display:inline-flex}.logo{width:clamp(77px,9.6vw,108px);height:auto;display:block}.nav-links{color:var(--color-muted);align-items:center;gap:clamp(1rem,2.5vw,2rem);font-size:.92rem;display:flex}.nav-links a{text-decoration:none}.nav-cta{color:var(--color-ink);border-bottom:1px solid}main{overflow:hidden}.section{padding-block:var(--section-space)}.hero{text-align:center;place-items:center;min-height:calc(100svh - 76px);padding-block:clamp(4rem,9vw,7.5rem);display:grid;position:relative;overflow:hidden}.connect-field{z-index:0;width:100%;height:calc(100% - clamp(2rem,6vw,5rem));color:var(--color-brown);opacity:.58;pointer-events:none;position:absolute;inset:clamp(1rem,3vw,2.5rem) 0}.connect-trace{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:.65px;opacity:.11}.connect-flow{fill:none;stroke:var(--color-yellow);stroke-dasharray:26 220;stroke-dashoffset:0;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.15px;filter:drop-shadow(0 0 6px #fccc003d);opacity:.72;animation:6.5s linear infinite connectFlow}.connect-flow:nth-of-type(2){animation-delay:-1.8s}.connect-flow:nth-of-type(3){animation-delay:-3.2s}.connect-flow:nth-of-type(4){animation-delay:-4.9s}.connect-flow:nth-of-type(5){animation-delay:-6.4s}.connect-node{fill:var(--color-paper);stroke:currentColor;stroke-width:.8px;opacity:.42;transform-origin:50%;animation:6.5s ease-in-out infinite nodeWake}.connect-node:nth-of-type(odd){animation-delay:-2.5s}.hero-inner{z-index:1;width:min(100%,820px);margin-inline:auto;position:relative}@keyframes connectFlow{to{stroke-dashoffset:-246px}}@keyframes nodeWake{0%,70%,to{opacity:.32}12%,24%{opacity:.78}}.eyebrow{color:var(--color-muted);letter-spacing:.14em;text-transform:uppercase;align-items:center;gap:.6rem;margin:0 0 1.25rem;font-size:.75rem;font-weight:650;display:inline-flex}.eyebrow:before{background:var(--color-yellow);border:1px solid var(--color-brown);content:"";width:.55rem;height:.55rem;display:inline-block}h1,h2,h3,p{margin-top:0}h1{letter-spacing:0;margin-inline:auto;max-width:1060px;margin-bottom:1.35rem;font-size:clamp(2.35rem,5.2vw,5.15rem);font-weight:520;line-height:1.04}.hero-scenario{min-height:3.12em;color:var(--color-brown);display:block;position:relative}.hero-scenario:empty:before{color:#0000;content:"Your emails are going to customers' spam folders?"}.hero-answer{font-size:.72em;line-height:1.08;display:block}.hero-scenario.is-typing{border-right:.035em solid var(--color-brown);padding-right:.05em;animation:1.05s step-end infinite caretBlink}@keyframes caretBlink{50%{border-color:#0000}}.hero-copy{max-width:48rem;color:var(--color-muted);margin-inline:auto;margin-bottom:2rem;font-size:clamp(1.05rem,2vw,1.35rem);line-height:1.55}.actions{flex-wrap:wrap;justify-content:center;align-items:center;gap:1rem;display:flex}.button{min-height:48px;color:var(--color-white);background:var(--color-brown);border:1px solid var(--color-brown);border-radius:var(--radius);justify-content:center;align-items:center;padding:.8rem 1.2rem;font-weight:650;text-decoration:none;transition:background-color .18s,color .18s,transform .18s;display:inline-flex}.button:hover{color:var(--color-brown);background:0 0;text-decoration:none;transform:translateY(-1px)}.text-link{color:var(--color-brown);font-weight:650}.section-heading{max-width:34rem}.section-heading h2{letter-spacing:0;margin-bottom:1rem;font-size:clamp(2.2rem,5vw,5rem);font-weight:500;line-height:.98}.section-heading p{color:var(--color-muted);font-size:clamp(1rem,1.6vw,1.18rem)}.services{border-top:1px solid var(--color-line);grid-template-columns:minmax(0,1.55fr) minmax(18rem,.75fr);align-items:start;gap:clamp(2rem,7vw,6.5rem);display:grid}.service-list{border-top:1px solid var(--color-ink);display:grid}.service-item{border-bottom:1px solid var(--color-line);grid-template-columns:auto clamp(8.5rem,18vw,15rem) minmax(0,1fr);align-items:start;gap:.75rem;display:grid}.service-visual{aspect-ratio:4/3;z-index:0;background:#fffaf075;width:100%;margin-right:-1.5rem;position:relative;overflow:hidden}.service-visual:after{pointer-events:none;background:linear-gradient(90deg,transparent 50%,#f7f4ecdb 82%,var(--color-paper)100%);content:"";position:absolute;inset:0}.service-visual img{object-fit:cover;width:100%;height:100%;display:block}.service-copy{z-index:1;margin-left:-.75rem;padding-top:3rem;position:relative}.service-item h3{margin-bottom:.35rem;font-size:clamp(1.35rem,2vw,1.95rem);font-weight:520;line-height:1.1}.service-item p{max-width:42rem;color:var(--color-muted);margin-bottom:.4rem;line-height:1.2}.principles{border-top:1px solid var(--color-line);grid-template-columns:minmax(0,.9fr) minmax(0,1fr);align-items:start;gap:clamp(2.25rem,7vw,7rem);padding-left:clamp(1rem,4vw,4rem);display:grid;position:relative}.side-note{top:var(--section-space);bottom:var(--section-space);color:var(--color-brown);border-right:1px solid var(--color-brown);letter-spacing:.16em;text-transform:uppercase;writing-mode:vertical-rl;align-items:center;padding-right:1rem;font-size:.72rem;font-weight:700;display:flex;position:absolute;left:0;transform:rotate(180deg)}.principle-list{border-top:1px solid var(--color-ink);background:#fffaf052;gap:0;display:grid}.principle-item{border-bottom:1px solid var(--color-line);grid-template-columns:4.5rem minmax(0,1fr);gap:1.5rem;padding-block:clamp(1.25rem,2.4vw,2rem);display:grid}.principle-number{color:var(--color-brown);letter-spacing:.12em;font-size:.78rem;font-weight:750}.principle-item h3{margin-bottom:.45rem;font-size:clamp(1.15rem,1.6vw,1.45rem);font-weight:620}.principle-item p{color:var(--color-muted);margin-bottom:0}.contact{border-top:1px solid var(--color-line);padding-bottom:clamp(2rem,4vw,3rem);display:grid}.contact-inner{grid-template-columns:minmax(0,.82fr) minmax(20rem,1fr);align-items:start;gap:clamp(2rem,6vw,5rem);display:grid}.contact h2{margin-bottom:1rem;font-size:clamp(2.65rem,7vw,7rem);font-weight:500;line-height:.96}.contact p{max-width:42rem;color:var(--color-muted);font-size:clamp(1rem,1.7vw,1.2rem)}.contact-meta{color:var(--color-muted);margin-top:1.1rem;font-size:.95rem}.contact-form{gap:1rem;padding-top:.35rem;display:grid}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;display:grid}.form-field,.form-field-full{gap:.4rem;display:grid}.form-field-full{grid-column:1/-1}.contact-form label{color:var(--color-ink);font-size:.82rem;font-weight:700}.contact-form input,.contact-form select,.contact-form textarea{width:100%;color:var(--color-ink);border-radius:var(--radius);font:inherit;background:#fffaf094;border:1px solid #65271247}.contact-form input,.contact-form select{min-height:46px;padding:.65rem .75rem}.contact-form textarea{resize:vertical;min-height:9rem;padding:.75rem}.contact-form input:focus,.contact-form select:focus,.contact-form textarea:focus{outline:2px solid var(--color-brown);outline-offset:2px;border-color:var(--color-brown)}.form-note{color:var(--color-muted);margin:0;font-size:.9rem}.site-footer{border-top:1px solid var(--color-line);padding-block:1.5rem 2rem}.footer-inner{color:var(--color-muted);justify-content:space-between;align-items:center;gap:1.5rem;font-size:.88rem;display:flex}.footer-logo{width:71px;height:auto}.footer-links{flex-wrap:wrap;justify-content:flex-end;gap:1rem;display:flex}.footer-links a{text-decoration:none}@media (max-width:820px){.nav{min-height:68px}.nav-links a:not(.nav-cta){display:none}.hero{min-height:auto;padding-block:5.5rem}h1{max-width:100%;font-size:clamp(2.05rem,9.6vw,3.2rem)}.hero-scenario{min-height:4.16em}.hero-answer{font-size:.56em}.services,.principles,.contact-inner{grid-template-columns:1fr}.services .section-heading{order:-1}.principles{padding-left:1.25rem}.side-note{top:4.5rem;bottom:4.5rem}}@media (max-width:560px){.container{width:min(100% - 1.25rem,var(--container))}.logo{width:74px}.section{padding-block:4rem}.hero-answer{font-size:.48em}.actions{flex-direction:column;align-items:stretch}.button,.text-link{width:100%}.button{display:flex}.service-item,.principle-item{grid-template-columns:1fr;gap:.65rem}.service-visual{width:min(100%,13rem);margin-right:0}.service-visual:after{background:linear-gradient(90deg,#0000 62%,#f7f4ec9e 100%)}.service-copy{margin-left:0;padding-top:0}.principle-number{display:inline-block}.side-note{display:none}.principles{padding-left:0}.contact{min-height:auto}.form-grid{grid-template-columns:1fr}.footer-inner{flex-direction:column;align-items:flex-start}.footer-links{justify-content:flex-start}}@media (prefers-reduced-motion:no-preference){.button,.nav-links a{transition:color .18s,background-color .18s,border-color .18s,transform .18s}}@media (prefers-reduced-motion:reduce){.connect-flow,.connect-node{animation:none}.hero-scenario.is-typing{border-right:0;padding-right:0;animation:none}}