:root{--paper:#fafafa;--ink:#161616;--muted:#666;--line:#dedede;--lilac:#ededed;--lime:#f5f5f5}
body{background:#fafafa;color:#161616}.brand-dot,.little-star,.spark,h1 span{color:#777}.hero-copy,.mini-note,.floating-label,.page-intro>p:last-child,.privacy-copy{color:#636363}.primary{background:#181818;color:#fff}.primary:hover{background:#363636}.secondary,.nav-contact{border-color:#c6c6c6;background:#ffffff6b}.secondary:hover,.nav-contact:hover{background:#eee}a:focus-visible{outline-color:#555}.brand-dot{color:#3c3c3c}footer{color:#6c6c6c}.site{position:relative;z-index:1}.visual{background:linear-gradient(140deg,#e9e9e9,#f4f4f4);border:1px solid #dedede;box-shadow:0 25px 60px #00000006}.visual-grid{background-image:linear-gradient(#ffffffb0 1px,transparent 1px),linear-gradient(90deg,#ffffffb0 1px,transparent 1px);animation:none}.browser-card{border:1px solid #d0d0d0;box-shadow:0 15px 30px #00000020}.browser-bar{background:#f8f8f8}.browser-bar i{background:#c9c9c9}.browser-bar span{color:#888}.project-sticker{background:#181818;color:#fff;box-shadow:0 8px 20px #00000012}.home-page .spark{color:#4b4b4b}.quick-links{gap:17px}.quick-links a,.quick-links a:first-child,.quick-links a:last-child{background:#f1f1f1;border:1px solid #ddd;box-shadow:0 3px 0 #d8d8d8}.quick-links a:nth-child(2){background:#e9e9e9;box-shadow:0 3px 0 #d0d0d0}.quick-links a:nth-child(3){background:#222;color:#fff;border-color:#222;box-shadow:0 3px 0 #000}.quick-links a:hover,.quick-links a:nth-child(2):hover{background:#e4e4e4;box-shadow:0 7px 0 #ccc}.quick-links a:nth-child(3):hover{background:#363636;box-shadow:0 7px 0 #111}.quick-links b{background:#ffffff9e}.quick-links a:nth-child(3) b{background:#ffffff20}.tone-0,.tone-1,.tone-2{background:#eee;border:1px solid #ddd}.offer-grid article,.offer-grid article:nth-child(2),.offer-grid article:nth-child(3){background:#f0f0f0;border:1px solid #ddd}.offer-grid article:nth-child(2){background:#e8e8e8}.offer-grid p,.bottom-cta p,.pricing-features li:before{color:#626262}.offer-grid .offer-price{color:#171717}.pricing-features li{border-color:#00000014}.about-art{background:#e8e8e8;border:1px solid #d9d9d9}.about-word em,.about-star{color:#818181}.about-tag{background:#222;color:#fff}.contact-flower{color:#cecece}.email-link{border-color:#bcbcbc}.contact-page>p:not(.eyebrow),.about-copy>p:not(.eyebrow){color:#636363}.pricing-loading{color:#666}.pricing-loading:before{border-color:#ddd;border-top-color:#222}#page-progress{background:linear-gradient(90deg,#111,#aaa,#111);background-size:200% 100%}
/* The animation sits across the actual page background, behind all content. */
.home-page{background:#fafafa;isolation:isolate}.home-background{z-index:0;position:fixed;inset:0;pointer-events:none;overflow:hidden;background:#fafafa}.background-grid{position:absolute;inset:-80px;background-image:linear-gradient(#00000006 1px,transparent 1px),linear-gradient(90deg,#00000006 1px,transparent 1px);background-size:80px 80px;mask-image:radial-gradient(ellipse at 45% 40%,#000 30%,transparent 85%);animation:page-grid-drift 18s linear infinite}.home-background #ambient-canvas{position:absolute;inset:0;width:100%;height:100%;opacity:.9}.home-background .ambient-ring{position:absolute;min-width:0;min-height:0;width:650px;height:650px;border:1px solid #0000000c;border-radius:50%;filter:none;opacity:1;background:none;will-change:transform;animation:ring-drift 16s ease-in-out infinite alternate}.home-background .ring-one{top:-270px;right:-100px;box-shadow:0 0 0 60px #00000002,0 0 0 120px #00000002}.home-background .ring-two{top:auto;bottom:-380px;left:-160px;width:760px;height:760px;animation-duration:21s;animation-delay:-8s;box-shadow:0 0 0 80px #00000002}.light-sweep{position:absolute;inset:-40%;background:linear-gradient(110deg,transparent 38%,#d6d6d621 45%,#ffffff9e 50%,transparent 57%);animation:light-travel 13s ease-in-out infinite alternate;will-change:transform}.home-page header,.home-page footer{border-color:#16161625}.home-page .intro{position:relative}.home-page .hero-copy{color:#555}
@keyframes page-grid-drift{to{transform:translate(80px,80px)}}@keyframes ring-drift{from{transform:translate(-25px,-18px) scale(.93)}to{transform:translate(50px,40px) scale(1.08)}}@keyframes light-travel{from{transform:translateX(-20%) rotate(-8deg);opacity:.35}to{transform:translateX(20%) rotate(8deg);opacity:.9}}
.admin-body .primary-button,.admin-body .upload-button{background:#222;border-color:#222}.admin-body .primary-button:hover{background:#444}.admin-body .settings-form,.admin-body .stats-summary>div,.admin-body .stats-table th{background:#eee}.admin-body .admin-tab.selected{color:#111;border-color:#111}.admin-body input,.admin-body textarea,.admin-body select{border-color:#bdbdbd;background:#fff;color:#222}.admin-body .secondary-button{border-color:#bdbdbd;color:#222}.admin-body .toast{background:#222}.admin-body .admin-main h1 em{color:#777}.admin-body .editor-dialog .primary-button{background:#222;border-color:#222}.admin-body .editor-dialog input,.admin-body .editor-dialog textarea{background:#fff}.admin-body .editor-dialog .secondary-button{color:#222;border-color:#aaa}
@media(max-width:700px){.home-background .ambient-ring{filter:none;width:450px;height:450px;opacity:.8}.home-background .ring-one{right:-230px;top:-150px}.home-background .ring-two{left:-240px;bottom:-240px}.background-grid{background-size:60px 60px;animation-name:page-grid-drift-mobile}.home-background #ambient-canvas{opacity:.65}}
@keyframes page-grid-drift-mobile{to{transform:translate(60px,60px)}}
@media(prefers-reduced-motion:reduce){.background-grid,.home-background .ambient-ring,.light-sweep{animation:none!important;will-change:auto}.home-background #ambient-canvas{opacity:.5}}