:root{color-scheme:light;--ink:#252522;--muted:#706b63;--paper:#f2efeb;--paper-deep:#e9e1d5;--card:#fbfaf8;--sand:#ceb795;--sand-dark:#9c805c;--line:rgba(56,48,38,.14);--shadow:0 22px 60px rgba(83,67,45,.15);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.6;font-weight:400}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink)}a{color:inherit}.section-shell,.site-header,.site-footer{width:min(1120px,calc(100% - 48px));margin-inline:auto}.site-header{display:flex;align-items:center;justify-content:space-between;padding:24px 0}.brand{display:inline-flex;align-items:center;gap:10px;font-size:1.05rem;font-weight:700;letter-spacing:-.02em;text-decoration:none}.brand-mark{display:grid;width:32px;height:32px;place-items:center;border-radius:10px;background:var(--ink);color:var(--paper);font-size:.9rem}.site-nav,.footer-links{display:flex;gap:24px;align-items:center}.site-nav a,.footer-links a{color:var(--muted);font-size:.86rem;text-decoration:none}.site-nav a:hover,.site-nav a.active,.footer-links a:hover{color:var(--ink)}
.hero{position:relative;display:grid;grid-template-columns:.92fr 1.08fr;gap:64px;min-height:620px;align-items:center;padding:52px 0 86px}.hero-copy{position:relative;z-index:1}.eyebrow{margin:0 0 14px;color:var(--sand-dark);font-size:.72rem;font-weight:800;letter-spacing:.13em;text-transform:uppercase}h1,h2,h3,p{margin-top:0}h1,h2,h3{letter-spacing:-.055em;line-height:1.04}h1{max-width:570px;margin-bottom:26px;font-size:clamp(3.6rem,7vw,6.5rem);font-weight:500}h2{max-width:620px;margin-bottom:20px;font-size:clamp(2.5rem,5vw,4.6rem);font-weight:500}h3{margin-bottom:14px;font-size:clamp(1.55rem,2.5vw,2rem);font-weight:600}.hero-text{max-width:420px;margin-bottom:34px;color:var(--muted);font-size:1.12rem}.hero-actions,.closing-links{display:flex;align-items:center;flex-wrap:wrap;gap:22px}.button{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 21px;border:1px solid transparent;border-radius:999px;font-size:.9rem;font-weight:700;text-decoration:none;transition:transform .2s ease,box-shadow .2s ease,background .2s ease}.button:hover{transform:translateY(-2px)}.button-primary{gap:16px;background:var(--ink);color:var(--paper);box-shadow:0 10px 24px rgba(37,37,34,.16)}.button-light{background:var(--paper);color:var(--ink)}.button-outline{border-color:rgba(242,239,235,.35);color:var(--paper)}.text-link{font-weight:700;text-decoration:none}.text-link span{display:inline-block;margin-left:7px;transition:transform .2s ease}.text-link:hover span{transform:translateX(4px)}
.hero-visual{position:relative;display:grid;min-height:560px;place-items:center}.glow{position:absolute;border-radius:50%;filter:blur(2px)}.glow-one{width:380px;height:380px;background:rgba(206,183,149,.38)}.glow-two{width:180px;height:180px;background:rgba(255,255,255,.6);transform:translate(110px,-160px)}.phone-frame{position:relative;overflow:hidden;border:8px solid #282824;border-radius:32px;background:#282824;box-shadow:var(--shadow)}.phone-frame img{display:block;width:100%;height:auto}.phone-frame-hero{z-index:1;width:min(310px,70%);transform:rotate(4deg)}.floating-note{position:absolute;z-index:2;padding:10px 15px;border:1px solid var(--line);border-radius:999px;background:rgba(251,250,248,.9);box-shadow:0 12px 28px rgba(83,67,45,.12);color:var(--muted);font-size:.76rem}.floating-note-top{top:17%;right:3%}.floating-note-bottom{bottom:14%;left:2%}
.intro{display:grid;grid-template-columns:1fr 1fr;gap:70px;padding:96px 0 60px;border-top:1px solid var(--line)}.intro-text{max-width:450px;align-self:end;color:var(--muted);font-size:1.08rem}.feature-grid{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:16px;padding:30px 0 120px}.feature-card{min-height:330px;padding:30px;border:1px solid var(--line);border-radius:24px;background:var(--card)}.feature-card-large{background:var(--sand)}.feature-card p:last-child{max-width:300px;margin-bottom:0;color:var(--muted)}.feature-card-large p:last-child{color:rgba(37,37,34,.72)}.feature-icon{display:grid;width:46px;height:46px;margin-bottom:58px;place-items:center;border-radius:50%;background:var(--ink);color:var(--paper)}.feature-icon svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.feature-icon-dark{background:var(--paper-deep);color:var(--ink)}.feature-icon-soft{background:var(--sand);color:var(--ink)}
.showcase{display:grid;grid-template-columns:.85fr 1.15fr;gap:80px;align-items:center;padding:30px 0 130px}.showcase-copy p:not(.eyebrow){max-width:390px;margin-bottom:28px;color:var(--muted);font-size:1.05rem}.showcase-copy .contact-line{margin-top:18px;margin-bottom:0;font-size:.9rem}.showcase-copy .contact-line a{color:var(--sand-dark);font-weight:700}.showcase-visuals{position:relative;min-height:500px}.showcase-visuals .phone-frame{position:absolute;width:235px}.phone-frame-back{top:54px;left:13%;transform:rotate(-9deg)}.phone-frame-front{top:0;right:15%;transform:rotate(7deg)}.closing-card{display:flex;align-items:end;justify-content:space-between;gap:30px;padding:58px 64px;border-radius:30px;background:var(--ink);color:var(--paper)}.closing-card h2{max-width:570px;margin-bottom:0;font-size:clamp(2.3rem,4vw,4rem)}.site-footer{display:flex;justify-content:space-between;padding:28px 0 40px;color:var(--muted);font-size:.78rem}
body:has(.article-page){background:var(--paper)}.article-page{max-width:760px;margin-inline:auto;padding:74px 0 100px}.article-page h1{max-width:none;margin-bottom:12px;font-size:clamp(3rem,7vw,5.5rem)}.article-page h2{margin-top:48px;margin-bottom:14px;font-size:2rem}.article-page p{color:var(--muted)}.article-page a{color:var(--sand-dark)}
@media(max-width:820px){.hero,.intro,.showcase{grid-template-columns:1fr}.hero{gap:20px;padding-top:36px}.hero-visual{min-height:520px}.intro{gap:18px;padding-top:70px}.feature-grid{grid-template-columns:1fr 1fr}.feature-card-large{grid-column:1/-1}.showcase{gap:40px}.showcase-visuals{min-height:530px}.closing-card{display:block;padding:42px 32px}.closing-links{margin-top:32px}}
@media(max-width:560px){.section-shell,.site-header,.site-footer{width:min(100% - 32px,1120px)}.site-header{align-items:flex-start}.site-nav{gap:13px}.site-nav a{font-size:.76rem}h1{font-size:clamp(3.25rem,16vw,5rem)}.hero{min-height:auto;padding-bottom:40px}.hero-visual{min-height:460px}.phone-frame-hero{width:240px}.floating-note{font-size:.68rem}.floating-note-top{right:-2%}.floating-note-bottom{left:-2%}.feature-grid{grid-template-columns:1fr;padding-bottom:80px}.feature-card-large{grid-column:auto}.feature-icon{margin-bottom:42px}.showcase{padding-bottom:90px}.showcase-visuals{min-height:430px}.showcase-visuals .phone-frame{width:180px}.phone-frame-back{left:5%}.phone-frame-front{right:4%}.site-footer{display:block}.footer-links{margin-top:12px;gap:18px}.article-page{padding-top:44px}}