:root{--bg: #f5f2ed;--surface: #fffdfa;--surface-strong: #f0e8dd;--text: #1f2329;--muted: #606770;--brand: #7e2b22;--brand-soft: #b85e50;--line: #dbd3c7;--ok: #254c3a;--container: 1120px;--radius: 14px}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:radial-gradient(circle at 10% 5%,#fcf8f3 0,var(--bg) 40%),linear-gradient(180deg,#f7f3ec,#f1e9dd);color:var(--text);font-family:Avenir Next,Avenir,Segoe UI,sans-serif;line-height:1.65}a{color:inherit}img{max-width:100%}.container{width:min(var(--container),calc(100% - 2.4rem));margin-inline:auto}.skip-link{position:absolute;left:-9999px;top:0}.skip-link:focus{left:1rem;top:1rem;background:#000;color:#fff;padding:.6rem .8rem;border-radius:.5rem;z-index:100}.site-header{position:sticky;top:0;z-index:20;border-bottom:1px solid color-mix(in oklab,var(--line),#000 8%);background:color-mix(in oklab,var(--bg),#fff 16% / 93%);backdrop-filter:blur(6px)}.nav-wrap{display:flex;align-items:center;justify-content:space-between;min-height:76px;gap:1rem}.logo{text-decoration:none;font-weight:700;letter-spacing:.07em;font-size:1rem}.logo-accent{color:var(--brand)}.nav-links{display:flex;gap:.25rem;flex-wrap:wrap}.nav-links a{text-decoration:none;color:var(--text);font-size:.92rem;font-weight:600;padding:.45rem .62rem;border-radius:999px}.nav-links a[aria-current=page],.nav-links a:hover{background:var(--surface-strong)}main{min-height:65vh}.hero{position:relative;overflow:hidden;isolation:isolate;background:#f3efe8}.hero-bg{position:absolute;inset:0;z-index:0;pointer-events:none;width:100%;height:100%;background-image:linear-gradient(to right,#f3efe8 0% 22%,#f3efe8e0 34%,#f3efe8ad,#f3efe85c 62%,#f3efe81f 80%,#f3efe808),url(/images/site/Cefilo_home.png);background-repeat:no-repeat,no-repeat;background-position:center center,calc(100% - 40px) center;background-size:100% 100%,auto 140%;filter:saturate(.86) contrast(.96)}@media (min-width: 1500px){.hero-bg{background-position:center center,calc(100% - 140px) center;background-size:100% 100%,auto 150%}}@media (min-width: 1750px){.hero-bg{background-position:center center,calc(100% - 220px) center;background-size:100% 100%,auto 160%}}@media (max-width: 767px){.hero-bg{display:none}.hero-home .hero-grid{gap:1rem}.hero-home .hero-copy{max-width:none}.home-mobile-image{display:block!important;width:100%;max-width:100%;justify-self:stretch;margin-top:.9rem;border-radius:var(--radius);overflow:hidden;background:var(--surface);border:1px solid var(--line);box-shadow:0 12px 28px #28201814}.home-mobile-image img{display:block;width:100%;aspect-ratio:16 / 10;object-fit:cover;object-position:center;filter:brightness(.94)}}.kicker{display:inline-block;font-size:.76rem;text-transform:uppercase;letter-spacing:.14em;font-weight:700;color:var(--muted)}h1,h2,h3{font-family:Fraunces,Times New Roman,serif;letter-spacing:.01em;line-height:1.2;margin:0}h1{margin-top:.8rem;font-size:clamp(2.2rem,5.4vw,3.9rem);max-width:16ch;line-height:1.12}.hero-copy p{color:var(--muted);max-width:62ch;margin-top:1rem;font-size:.98rem}.hero-label{margin:1.2rem 0 0;max-width:34rem;color:color-mix(in oklab,var(--text),#fff 28%);font-size:.96rem;letter-spacing:.01em}.hero-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:clamp(1.4rem,2.5vw,2.2rem);align-items:stretch;position:relative;z-index:10}.panel{background:linear-gradient(155deg,#202429,#2b3238);color:#f1f2f4;border-radius:var(--radius);padding:1.8rem;border:1px solid color-mix(in oklab,#000,#44515d 25%);box-shadow:0 22px 48px #181c2124;min-height:100%}.hero-home .panel{background:linear-gradient(to bottom,#14181cd1,#14181cb8);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}.panel p,.panel li{color:#dadde2}.panel-kicker{display:inline-block;font-size:.74rem;text-transform:uppercase;letter-spacing:.16em;color:#b8c0c8;font-weight:700}.panel h2{margin-top:.7rem;font-size:clamp(1.55rem,2.7vw,2.1rem);line-height:1.18}.panel ul{margin:1.15rem 0 0;padding-left:1.1rem;display:grid;gap:.85rem}.panel li{line-height:1.55}.cta-row{margin-top:1.7rem;display:flex;flex-wrap:wrap;gap:.7rem}.btn{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;border-radius:999px;border:1px solid transparent;padding:.65rem 1rem;font-weight:650;font-size:.94rem}.btn-primary{background:var(--brand);color:#fff}.btn-primary:hover{background:color-mix(in oklab,var(--brand),#000 14%)}.btn-secondary{border-color:var(--line);background:var(--surface)}.section{padding:2.4rem 0 4.4rem}.section h2{font-size:clamp(1.7rem,3.3vw,2.45rem);line-height:1.16}.section-intro{margin-top:1rem;color:var(--muted);max-width:68ch;font-size:.97rem}.grid-3{margin-top:1.6rem;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.2rem}.grid-2{margin-top:1.2rem;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.9rem}.about-hero{display:grid;grid-template-columns:1.05fr .95fr;gap:2.25rem;align-items:start}.about-hero-copy{max-width:520px}.about-hero-image{margin-top:.9rem;width:100%;max-width:620px;justify-self:end;aspect-ratio:16 / 10;border-radius:var(--radius);overflow:hidden;background:var(--surface);border:1px solid var(--line);box-shadow:0 12px 28px #28201814}.about-hero-image img{display:block;width:100%;height:100%;object-fit:cover;object-position:center;filter:brightness(.94)}.about-layout{display:grid;grid-template-columns:1fr 1fr;gap:1rem;align-items:stretch;margin-top:.4rem}.how-hero{display:grid;grid-template-columns:1.05fr .95fr;gap:2.25rem;align-items:start}.how-hero-copy{max-width:520px}.how-hero-image{margin-top:1.6rem;width:100%;max-width:620px;justify-self:end;aspect-ratio:16 / 10;border-radius:var(--radius);overflow:hidden;background:var(--surface);border:1px solid var(--line);box-shadow:0 12px 28px #28201814}.how-hero-image img{display:block;width:100%;height:100%;object-fit:cover;object-position:center;filter:brightness(.94)}.services-visual{margin-top:clamp(3.5rem,6vw,4rem);width:min(100%,1040px);margin-inline:auto;border-radius:var(--radius);overflow:hidden;border:1px solid var(--line);background:var(--surface)}.services-visual img{display:block;width:100%;aspect-ratio:16 / 7;object-fit:cover;object-position:center;filter:brightness(.94)}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:1.3rem 1.25rem;transition:border-color .18s ease,transform .18s ease,box-shadow .18s ease}.card h3{font-size:1.28rem;line-height:1.22}.card p,.card li{color:var(--muted)}.card:hover{transform:translateY(-2px);border-color:color-mix(in oklab,var(--line),#998975 24%);box-shadow:0 12px 28px #382e240f}.callout{border-left:3px solid var(--brand);padding:.7rem 0 .7rem .9rem;margin-top:1.4rem;color:var(--text);background:color-mix(in oklab,var(--surface),#fff 9%)}.what-i-do-inline{margin-top:1.25rem}.what-i-do-inline h3{margin-bottom:.85rem}.what-i-do-list{margin:0;padding-left:1.1rem;display:grid;gap:.3rem}.what-i-do-list li{color:var(--muted);line-height:1.55}.section-example{padding-top:.5rem;padding-bottom:5rem}.example-block{position:relative;overflow:hidden;padding:1.8rem 1.7rem;background:radial-gradient(circle at top right,color-mix(in oklab,var(--surface-strong),#fff 26%) 0,transparent 34%),linear-gradient(180deg,color-mix(in oklab,var(--surface),#f4eee5 14%),color-mix(in oklab,var(--surface-strong),#efe4d5 22%));border:1px solid var(--line);border-radius:var(--radius);box-shadow:0 18px 40px #4c3c2c0f}.example-block h2{max-width:18ch}.example-block p{margin:1rem 0 0;max-width:42ch;color:var(--muted);line-height:1.72}.process{counter-reset:step;margin-top:1.1rem;display:grid;gap:.8rem}.process li{list-style:none;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:.95rem 1rem}.process li:before{counter-increment:step;content:"0" counter(step);display:inline-block;min-width:2.2rem;margin-right:.25rem;font-weight:700;color:var(--brand)}.post-list{margin-top:1.5rem;display:grid;gap:1.75rem}.post-list .post-item{display:block;padding:1rem 1.3rem;border:1px solid rgba(20,24,32,.12);border-radius:16px;background:#f9f7f4;box-shadow:0 8px 20px #11182714,0 2px 6px #1118270a;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease,background-color .18s ease}.post-list .post-item:hover,.post-list .post-item:focus-within{transform:translateY(-3px);border-color:#1418202e;box-shadow:0 16px 36px #11182724,0 4px 10px #1118270f;background:#f5f2ee}.post-list .post-item-title{margin:0 0 .8rem;font-size:clamp(1.35rem,1.8vw,1.8rem);line-height:1.2;letter-spacing:-.015em;font-weight:600}.post-list .post-item-link{color:#141821;text-decoration:none;transition:color .16s ease}.post-list .post-item>.post-item-link{display:block;color:inherit;text-decoration:none;cursor:pointer}.post-list .post-item-link:hover,.post-list .post-item-link:focus-visible{color:#8f3b2e}.post-list .post-item>.post-item-link:focus-visible{outline:none}.post-meta{font-size:.86rem;color:var(--muted)}.post-list .post-meta{font-size:.82rem;line-height:1.4;letter-spacing:.02em;color:#7b8190;margin-bottom:.65rem}.post-list .post-item>.post-item-link .post-meta{color:#7b8190}.post-list .post-item p{margin:0;font-size:1.05rem;line-height:1.65;color:#4b5563;max-width:62ch}@media (max-width: 640px){.post-list{gap:1rem}.post-list .post-item{padding:.7rem 1.1rem;border-radius:14px}.post-list .post-item-title{font-size:clamp(1rem,4.4vw,1.3rem);line-height:1.2;margin-bottom:.42rem}.post-list .post-item p{font-size:.98rem;line-height:1.6}.post-list .post-meta{font-size:.78rem;margin-bottom:.35rem}}.notion-article{margin-top:1rem}.notion-article>:first-child{margin-top:0}.notion-article>:last-child{margin-bottom:0}.notion-article h1,.notion-article h2,.notion-article h3{line-height:1.25}.notion-article p,.notion-article li,.notion-article figcaption,.notion-article blockquote{color:var(--muted)}.notion-article ul,.notion-article ol{padding-left:1.2rem;display:grid;gap:.45rem}.notion-article blockquote{margin:1.2rem 0;padding-left:1rem;border-left:3px solid var(--line)}.notion-article hr{border:0;border-top:1px solid var(--line);margin:1.5rem 0}.notion-image{margin:1.4rem 0}.notion-image img{display:block;width:100%;border-radius:var(--radius);border:1px solid var(--line)}.notion-image figcaption{margin-top:.55rem;font-size:.9rem}.notion-video{position:relative;margin:1.4rem 0;padding-bottom:56.25%;height:0;overflow:hidden;border-radius:var(--radius);border:1px solid var(--line);background:#111}.notion-video iframe,.notion-video video{position:absolute;inset:0;width:100%;height:100%;display:block}.notion-video figcaption{position:absolute;left:.85rem;right:.85rem;bottom:.75rem;margin:0;color:#ffffffd1;font-size:.82rem;line-height:1.45;text-shadow:0 1px 2px rgba(0,0,0,.35)}.notion-bookmark,.notion-embed-link{margin:1.2rem 0}.notion-bookmark a,.notion-embed-link a{color:var(--ink);text-decoration:underline;text-underline-offset:.18em}.notion-children{margin-top:.55rem}.form-grid{margin-top:1rem;display:grid;gap:.8rem}.hp-field{position:absolute;left:-9999px}.form-note{margin:0;color:var(--muted);font-size:.92rem}.form-note-warning{color:var(--brand);font-weight:600}.form-status{margin:0;padding:.8rem .9rem;border-radius:10px;border:1px solid var(--line);background:color-mix(in oklab,var(--surface),#fff 10%)}.form-status[data-tone=pending]{color:var(--muted)}.form-status[data-tone=success]{color:var(--ok);border-color:color-mix(in oklab,var(--ok),#fff 60%);background:color-mix(in oklab,#e8f4ee,#fff 25%)}.form-status[data-tone=error]{color:var(--brand);border-color:color-mix(in oklab,var(--brand),#fff 55%);background:color-mix(in oklab,#f8e7e4,#fff 20%)}label{display:grid;gap:.35rem;font-weight:600;font-size:.95rem}input,textarea{width:100%;border:1px solid var(--line);border-radius:10px;padding:.65rem .75rem;font:inherit;background:#fffefc}textarea{min-height:140px;resize:vertical}.site-footer{border-top:1px solid var(--line);margin-top:2.5rem;padding:1.4rem 0 2rem;color:var(--muted);font-size:.9rem}.footer-grid{display:flex;justify-content:space-between;flex-wrap:wrap;gap:.8rem}.pro-note{color:var(--ok);font-weight:600}button:disabled{cursor:not-allowed;opacity:.7}@media (max-width: 920px){.hero-grid,.grid-3,.grid-2,.about-hero,.how-hero,.about-layout{grid-template-columns:1fr}.hero{padding:4rem 0 2.8rem}.panel{padding:1.45rem}.nav-wrap{align-items:flex-start;flex-direction:column;padding:.8rem 0}.nav-links{width:100%}}@media (max-width: 767px){.services-visual{margin-top:2.8rem}.services-visual img{aspect-ratio:16 / 10}.about-hero{gap:1rem}.about-hero-copy{max-width:none}.about-hero-image{display:block;width:100%;max-width:100%;justify-self:stretch;margin-top:.9rem}.how-hero{gap:1rem}.how-hero-copy{max-width:none}.how-hero-image{display:block;width:100%;max-width:100%;justify-self:stretch;margin-top:.9rem}}