:root{--color-bg:#fff;--color-blue:#0b5cd5;--page-width:1280px;--border-width:5px;--radius:22px;background:var(--color-bg);color:var(--color-blue);font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}body,html{background:var(--color-bg)}body{margin:0;min-width:320px}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}button{color:inherit}.page-shell{margin:0 auto;padding:72px 0 56px;width:min(var(--page-width),calc(100% - 144px))}.home-hero{align-items:flex-start;display:flex;gap:48px;justify-content:space-between;margin-bottom:74px}.home-hero h1{font-size:clamp(4rem,8vw,5.75rem);font-weight:800;letter-spacing:0;line-height:.95;margin:0 0 16px}.home-hero p{font-size:clamp(1.9rem,3.5vw,2.6rem);font-weight:500;line-height:1.08;margin:0;max-width:790px}.avatar{aspect-ratio:1;border:5px solid var(--color-blue);border-radius:50%;display:grid;flex:0 0 auto;overflow:hidden;place-items:center;width:clamp(112px,13vw,182px)}.avatar-image{-o-object-fit:contain;object-fit:contain}.avatar-image,.avatar-svg{display:block;height:100%;width:100%}.avatar-eye{animation:avatar-blink 6.4s infinite}.avatar-brow,.avatar-eye{transform-box:fill-box;transform-origin:center}.avatar-brow{animation:avatar-brow 6.4s infinite}@keyframes avatar-blink{0%,45%,47%,80%,82%,to{transform:scaleY(1)}46%,81%{transform:scaleY(.08)}}@keyframes avatar-brow{0%,44%,47%,79%,82%,to{transform:translateY(0) scaleY(1)}45%,80%{transform:translateY(5px) scaleY(.92)}}@media(prefers-reduced-motion:reduce){.avatar-brow,.avatar-eye{animation:none}}.contact-card h2,.feature-section h2,.projects-section h2,.tech-section h2{font-size:clamp(2.15rem,4vw,3.5rem);font-weight:800;letter-spacing:0;line-height:1.05;margin:0}.projects-section h2{margin-bottom:28px}.project-grid{display:grid;gap:22px;grid-template-columns:repeat(2,minmax(0,1fr))}.project-card{background:var(--color-bg);border:var(--border-width) solid var(--color-blue);border-radius:var(--radius);display:flex;flex-direction:column;gap:28px;min-width:0;padding:38px 36px 32px;transition:background-color .16s ease,transform .16s ease}.project-card:hover{background:#f7faff;transform:translateY(-2px)}.back-link:focus-visible,.footer-link:focus-visible,.plausible-link:focus-visible,.project-card:focus-visible{outline:5px solid var(--color-blue);outline-offset:6px}.project-card__image{aspect-ratio:630/417;width:100%}.project-card__body{align-items:flex-end;display:flex;gap:28px;justify-content:space-between}.project-card__body>div{flex:1 1 auto;min-width:0}.project-card h3{font-size:clamp(2rem,3.3vw,3.05rem);font-weight:800;letter-spacing:0;line-height:1.05;margin:0 0 6px;overflow-wrap:anywhere}.project-card p{font-size:clamp(1.35rem,2.25vw,2.05rem);font-weight:500;line-height:1.14;margin:0;max-width:390px}.project-card__arrow{flex:0 0 auto;height:auto;width:clamp(48px,6vw,72px)}.project-placeholder{background:radial-gradient(circle at center,#fff 0 58%,#fbfdff);border-radius:12px;contain:layout paint;display:grid;overflow:hidden;place-items:center;position:relative}.project-placeholder:before{border:3px solid color-mix(in srgb,var(--color-blue) 10%,transparent);border-radius:16px;content:"";inset:7%;position:absolute}.placeholder-mark{aspect-ratio:1;position:relative;width:min(62%,330px)}.mark-building,.mark-document,.mark-laptop,.mark-pin{inset:0;position:absolute}.mark-pin:before{aspect-ratio:1;border:10px solid var(--color-blue);border-radius:50% 50% 50% 0;content:"";left:34%;position:absolute;top:9%;transform:rotate(-45deg);width:32%}.mark-pin:after{border-bottom:10px solid var(--color-blue);border-left:10px solid var(--color-blue);bottom:13%;content:"";height:48%;left:15%;position:absolute;right:8%;transform:skewY(-16deg)}.mark-building:before{border-top-width:8px;border:8px solid var(--color-blue);border-top:0 solid var(--color-blue);bottom:18%;content:"";height:47%;left:9%;position:absolute;right:9%}.mark-building:after{border:solid var(--color-blue);border-width:8px 8px 0;bottom:65%;content:"";height:15%;left:22%;position:absolute;right:22%;transform:perspective(120px) rotateX(32deg)}.mark-laptop:before{border:8px solid var(--color-blue);border-radius:8px;content:"";height:45%;left:17%;position:absolute;right:17%;top:18%}.mark-laptop:after{border-top-width:8px;border:8px solid var(--color-blue);border-radius:0 0 18px 18px;border-top:0 solid var(--color-blue);bottom:22%;content:"";height:10%;left:7%;position:absolute;right:7%}.mark-document:before{border:8px solid var(--color-blue);border-radius:18px;content:"2";display:grid;font-size:clamp(5rem,13vw,9rem);font-weight:900;inset:11% 20% 17%;place-items:center;position:absolute}.mark-document:after{background:var(--color-blue);bottom:26%;box-shadow:0 28px 0 var(--color-blue),0 56px 0 var(--color-blue);content:"";height:8px;left:28%;position:absolute;right:20%}.statement-band{align-items:center;background:var(--color-blue);border-radius:20px;color:var(--color-bg);display:flex;font-size:clamp(1.7rem,3vw,2.55rem);font-weight:800;gap:18px;justify-content:center;line-height:1.1;margin:50px 0 40px;min-height:80px;padding:16px 32px;text-align:center}.statement-star{flex:0 0 auto;height:auto;width:48px}.statement-star__spark-group{animation:statement-spark-group 3.6s ease-in-out infinite}.statement-star__spark-group--right{animation-delay:.18s}.statement-star__spark{animation:statement-spark-line 3.6s ease-in-out infinite}.statement-star__spark--four,.statement-star__spark--three{animation-delay:.08s}@keyframes statement-spark-group{0%,15%,to{opacity:1}5%{opacity:.72}9%{opacity:1}}@keyframes statement-spark-line{0%,15%,to{opacity:1}5%{opacity:.55}9%{opacity:1}}@media(prefers-reduced-motion:reduce){.chat-icon__dot,.statement-star__spark,.statement-star__spark-group{animation:none}}.contact-card,.inspiration-card,.video-frame{background:var(--color-bg);border:var(--border-width) solid var(--color-blue);border-radius:var(--radius)}.contact-card{padding:46px 36px 52px}.contact-card__header{align-items:flex-start;display:flex;gap:24px;margin-bottom:42px}.chat-icon,.contact-card__header img{flex:0 0 auto;height:auto;width:80px}.chat-icon__dot{animation:chat-typing 1.6s ease-in-out infinite;opacity:.4}.chat-icon__dot--two{animation-delay:.18s}.chat-icon__dot--three{animation-delay:.36s}@keyframes chat-typing{0%,to{opacity:.4}20%,32%{opacity:1}52%{opacity:.4}}.contact-card p,.detail-hero p,.feature-list p,.inspiration-card p{font-size:clamp(1.45rem,2.7vw,2.55rem);font-weight:500;line-height:1.14;margin:0}.contact-form{display:grid;gap:36px 20px;grid-template-columns:repeat(2,minmax(0,1fr))}.contact-form label{display:grid;font-size:1.45rem;font-weight:500;gap:12px}.contact-form input,.contact-form textarea{background:var(--color-bg);border:3px solid var(--color-blue);border-radius:8px;color:var(--color-blue);padding:14px 16px;width:100%}.contact-form input{min-height:58px}.contact-form textarea{min-height:172px;resize:vertical}.contact-form__message{grid-column:1/-1}.contact-form button{align-items:center;background:var(--color-blue);border:0;border-radius:8px;color:var(--color-bg);cursor:not-allowed;display:inline-flex;font-size:1.45rem;font-weight:800;gap:12px;grid-column:1/-1;justify-content:center;justify-self:center;min-height:60px;min-width:390px;opacity:1}.contact-form button img{filter:brightness(0) invert(1);width:28px}.site-footer{padding-top:44px;text-align:center}.footer-links{align-items:center;display:flex;flex-wrap:wrap;font-size:clamp(1rem,1.6vw,1.55rem);font-weight:600;gap:16px;justify-content:center}.footer-link{align-items:center;display:inline-flex;gap:10px;min-height:36px}.footer-link img{height:34px;width:34px}.footer-separator{font-weight:800}.plausible-link{display:inline-block;font-size:clamp(1rem,1.5vw,1.4rem);font-weight:500;margin-top:52px}.detail-page{padding-top:48px}.back-link{align-items:center;display:inline-flex;font-size:clamp(1.75rem,3vw,2.6rem);font-weight:800;gap:14px;line-height:1;margin-bottom:68px}.back-link img,.not-found-content button img{transform:rotate(180deg);width:58px}.detail-hero{align-items:center;display:grid;gap:34px;grid-template-columns:300px minmax(0,1fr);margin-bottom:56px}.detail-hero__image{aspect-ratio:1;width:100%}.detail-hero h1{font-size:clamp(3.1rem,7vw,5.8rem);font-weight:800;letter-spacing:0;line-height:1;margin:0 0 12px}.video-frame{aspect-ratio:16/9;overflow:hidden}.video-frame iframe{border:0;display:block;height:100%;width:100%}.inspiration-card{margin-top:28px;padding:42px 50px}.inspiration-card h2{font-size:clamp(2rem,4vw,3.05rem);font-weight:800;line-height:1.05;margin:0 0 8px}.feature-section{margin-top:44px}.feature-list{display:grid;gap:28px;list-style:none;margin:28px 0 0;padding:0}.feature-list li{align-items:start;display:grid;gap:40px;grid-template-columns:112px minmax(0,1fr)}.feature-icon{aspect-ratio:1;border:4px solid var(--color-blue);border-radius:8px;width:112px}.feature-list h3{font-size:clamp(1.8rem,3vw,2.65rem);font-weight:800;line-height:1.05;margin:0 0 4px}.tech-section{margin-top:72px}.tech-list{display:grid;gap:40px;grid-template-columns:repeat(5,minmax(0,1fr));list-style:none;margin:22px 0 0;padding:0}.tech-list li{border:3px solid var(--color-blue);border-radius:8px;display:grid;font-size:1.1rem;font-weight:700;min-height:58px;padding:8px 14px;place-items:center;text-align:center}.not-found-page{display:grid;grid-template-rows:1fr auto;margin:0 auto;min-height:100dvh;overflow:hidden;padding:10vh 0 48px;width:min(var(--page-width),calc(100% - 144px))}.not-found-content{align-self:center;display:grid;justify-items:center;text-align:center;transform:translateY(-5vh)}.not-found-content h1{font-size:clamp(8rem,25vw,18rem);font-weight:900;letter-spacing:0;line-height:.85;margin:0}.not-found-content p{font-size:clamp(2.1rem,5vw,4.05rem);font-weight:800;line-height:1;margin:24px 0 72px}.not-found-content button{align-items:center;background:var(--color-blue);border:0;border-radius:8px;color:var(--color-bg);cursor:pointer;display:inline-flex;font-size:clamp(1.8rem,3.4vw,2.65rem);font-weight:800;gap:20px;justify-content:center;min-height:86px;min-width:340px}.not-found-content button img{filter:brightness(0) invert(1)}::view-transition-new(root),::view-transition-old(root){animation-duration:.26s;animation-timing-function:ease}@media(prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}.contact-form__honeypot{height:1px;left:-9999px;opacity:0;overflow:hidden;position:absolute;top:-9999px;width:1px}.contact-form__turnstile{display:flex;grid-column:1/-1;justify-content:center;min-height:65px}.contact-form__status{border-radius:8px;font-size:1.2rem;font-weight:600;grid-column:1/-1;padding:12px 16px;text-align:center}.contact-form__status.success{background:#e8f5e9;color:#2e7d32}.contact-form__status.error{background:#ffebee;color:#c62828}.contact-form button:disabled{cursor:not-allowed;opacity:.6}@media(max-width:900px){.not-found-page,.page-shell{padding-top:34px;width:min(100% - 36px,640px)}.home-hero{gap:24px;margin-bottom:46px}.contact-form,.project-grid{grid-template-columns:1fr}.project-card{padding:24px 22px}.statement-band{margin:34px 0 28px;min-height:64px}.contact-card{padding:28px 22px 34px}.contact-card__header{gap:16px}.chat-icon,.contact-card__header img{width:58px}.contact-form button{min-width:0;width:100%}.detail-hero{gap:18px;grid-template-columns:150px minmax(0,1fr);margin-bottom:34px}.back-link{margin-bottom:42px}.inspiration-card{padding:28px 22px}.feature-list li{gap:20px;grid-template-columns:76px minmax(0,1fr)}.feature-icon{width:76px}.tech-list{gap:16px;grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:560px){.home-hero{align-items:start;display:grid;gap:14px;grid-template-columns:minmax(0,1fr) 104px}.home-hero h1{font-size:2.7rem;margin-bottom:10px}.home-hero p{font-size:1.48rem;line-height:1.1}.avatar{align-self:center;justify-self:end;width:104px}.project-card__body{align-items:flex-start;gap:10px}.project-card h3{font-size:1.52rem;line-height:1.08}.project-card__arrow{margin-top:2px;width:34px}.contact-card__header{gap:0}.chat-icon,.contact-card__header img{display:none}.footer-links{display:grid;justify-items:center}.footer-separator{display:none}.detail-hero{grid-template-columns:1fr}.detail-hero__image{width:62%}.not-found-page{padding-bottom:28px}.not-found-content{transform:none}.not-found-content p{margin-bottom:42px}.not-found-content button{min-width:0;width:100%}}
