:root{--ink:#111716;--paper:#f4f0e7;--cream:#fffaf0;--white:#fff;--muted:#66706d;--line:rgba(17,23,22,.15);--green:#1f5b4d;--green2:#2f7b67;--orange:#ff6b35;--yellow:#f2c14e;--blue:#1d4ed8;--rose:#8c3651;--red:#d8342a;--violet:#6657d9;--shadow:0 22px 55px rgba(16,25,22,.14);--radius:26px;--max:1240px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.55}body.no-scroll{overflow:hidden}img{max-width:100%;display:block}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}.skip-link{position:fixed;z-index:200;left:20px;top:-80px;background:#fff;padding:12px 18px;border-radius:8px}.skip-link:focus{top:14px}.eyebrow{font-size:.75rem;letter-spacing:.18em;font-weight:850;text-transform:uppercase;color:var(--green);margin:0 0 14px}.lead{font-size:clamp(1.05rem,1.4vw,1.3rem);color:#45504d;max-width:720px}.site-header{position:sticky;top:0;z-index:90;background:rgba(244,240,231,.92);backdrop-filter:blur(16px);border-bottom:1px solid rgba(17,23,22,.1)}.nav-shell{max-width:var(--max);height:76px;margin:auto;padding:0 22px;display:flex;align-items:center;gap:22px}.brand{display:flex;align-items:center;gap:10px;min-width:218px}.brand-mark{width:38px;height:38px;background:var(--ink);color:white;border-radius:11px;display:grid;place-items:center;font-weight:900;font-size:18px;letter-spacing:-2px}.brand-mark i{font-style:normal;color:var(--orange);margin-right:-2px}.brand b{font-size:1.05rem;letter-spacing:-.03em}.brand small{display:block;font-size:.58rem;text-transform:uppercase;letter-spacing:.12em;color:#65706d}.main-nav{display:flex;align-items:center;justify-content:center;gap:22px;flex:1}.main-nav a{font-size:.82rem;font-weight:720;position:relative;padding:26px 0}.main-nav a:after{content:"";height:2px;background:var(--orange);position:absolute;left:0;right:100%;bottom:18px;transition:.25s}.main-nav a:hover:after,.main-nav a.active:after{right:0}.nav-call{background:var(--ink);color:#fff;border-radius:12px;padding:9px 13px;text-align:right;line-height:1.1}.nav-call span{display:block;font-size:.55rem;letter-spacing:.1em;text-transform:uppercase;color:#b9c3c0}.nav-call b{font-size:.78rem}.nav-toggle{display:none;border:0;background:none;padding:10px}.nav-toggle span{display:block;width:24px;height:2px;background:var(--ink);margin:5px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:14px;border-radius:999px;padding:14px 20px;font-size:.82rem;font-weight:800;transition:transform .2s,box-shadow .2s,background .2s}.btn:hover{transform:translateY(-2px)}.btn-primary{background:var(--orange);color:#101312;box-shadow:0 10px 24px rgba(255,107,53,.24)}.btn-dark{background:var(--ink);color:#fff}.btn-ghost{border:1px solid rgba(17,23,22,.25);background:rgba(255,255,255,.35)}.btn-light{background:#fff;color:var(--ink)}.cta-row{display:flex;flex-wrap:wrap;gap:10px;margin-top:28px}.text-link{font-weight:800;text-decoration:underline;text-underline-offset:5px}.hero{max-width:var(--max);margin:auto;padding:64px 22px 78px;display:grid;grid-template-columns:minmax(0,1fr) minmax(470px,.95fr);gap:60px;align-items:center;min-height:720px}.hero-copy h1{font-size:clamp(3.4rem,6.4vw,6.7rem);line-height:.88;letter-spacing:-.075em;margin:0;max-width:820px}.hero-copy h1 span{display:block;color:var(--green);font-family:Georgia,serif;font-weight:500;font-style:italic;letter-spacing:-.05em}.hero-copy .tagline{font-size:1rem;margin:24px 0 0;font-weight:800;max-width:620px}.hero-copy .lead{margin-top:12px}.human-note{margin-top:22px;display:flex;align-items:center;gap:12px;font-size:.78rem;color:#4f5a57}.human-note i{width:9px;height:9px;background:#41a379;border-radius:99px;box-shadow:0 0 0 6px rgba(65,163,121,.12)}.hero-stage{position:relative;height:590px;perspective:1200px}.stage-grid{position:absolute;inset:30px 0 0 12px}.mini-site{position:absolute;width:330px;background:#fff;border:1px solid rgba(17,23,22,.15);border-radius:18px;overflow:hidden;box-shadow:0 30px 70px rgba(14,23,21,.2);transform-origin:center;transition:transform .4s cubic-bezier(.2,.8,.2,1),box-shadow .4s;outline:none}.mini-site:focus,.mini-site:hover{z-index:20!important;box-shadow:0 40px 90px rgba(14,23,21,.28)}.mini-site.roof{left:2%;top:40px;transform:rotate(-6deg)}.mini-site.wedding{right:0;top:0;transform:rotate(5deg)}.mini-site.dental{left:13%;bottom:10px;transform:rotate(3deg)}.mini-site.auto{right:4%;bottom:35px;transform:rotate(-5deg)}.mini-site.roof:hover{transform:rotate(-2deg) translateY(-9px)}.mini-site.wedding:hover{transform:rotate(2deg) translateY(-9px)}.mini-site.dental:hover{transform:rotate(1deg) translateY(-9px)}.mini-site.auto:hover{transform:rotate(-2deg) translateY(-9px)}.mini-browser{height:28px;background:#eff0ed;display:flex;align-items:center;gap:5px;padding:0 10px;border-bottom:1px solid #ddd}.mini-browser span{width:7px;height:7px;border-radius:50%;background:#c3c7c4}.mini-browser small{margin-left:auto;font-size:.5rem;font-weight:800;letter-spacing:.08em}.mini-visual{height:205px;position:relative;overflow:hidden}.mini-visual img{width:100%;height:100%;object-fit:cover}.mini-visual:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(10,14,13,.72),rgba(10,14,13,.1) 70%)}.mini-copy{position:absolute;z-index:2;left:18px;top:26px;color:#fff;max-width:190px}.mini-copy em{display:block;font-size:.5rem;font-style:normal;text-transform:uppercase;letter-spacing:.15em;margin-bottom:8px}.mini-copy strong{display:block;font-size:1.35rem;line-height:1.02;letter-spacing:-.04em}.mini-copy b{display:inline-block;font-size:.53rem;margin-top:14px;padding:7px 9px;background:var(--orange);color:#101312;border-radius:3px;text-transform:uppercase;letter-spacing:.08em}.mini-site.wedding .mini-copy{color:#fff}.mini-site.wedding .mini-copy strong{font-family:Georgia,serif;font-weight:400}.mini-site.wedding .mini-copy b{background:#f2dfbd}.mini-site.dental .mini-copy b{background:#d9edff}.mini-site.auto .mini-copy strong{font-weight:900;text-transform:uppercase}.mini-site.auto .mini-copy b{background:#ef4036;color:#fff}.stage-label{position:absolute;right:6px;top:268px;width:150px;height:150px;border-radius:50%;background:var(--yellow);display:grid;place-items:center;text-align:center;font-size:.68rem;font-weight:900;letter-spacing:.1em;text-transform:uppercase;transform:rotate(8deg);box-shadow:var(--shadow);z-index:12}.proof-strip{background:var(--ink);color:#fff}.proof-strip-inner{max-width:var(--max);margin:auto;padding:22px;display:grid;grid-template-columns:repeat(4,1fr)}.proof-strip article{padding:10px 24px;border-right:1px solid rgba(255,255,255,.16)}.proof-strip article:last-child{border:0}.proof-strip b{display:block;font-size:.9rem}.proof-strip span{font-size:.76rem;color:#aeb8b5}.section{max-width:var(--max);margin:auto;padding:100px 22px}.section-head{display:grid;grid-template-columns:1.1fr .8fr;gap:50px;align-items:end;margin-bottom:48px}.section-head h2,.big-title{font-size:clamp(2.4rem,4.5vw,4.9rem);line-height:.96;letter-spacing:-.065em;margin:0}.section-head p{margin:0;color:#56615e;max-width:560px}.worlds{background:#fff}.world-compare{display:grid;grid-template-columns:repeat(12,1fr);gap:14px}.world-card{position:relative;min-height:360px;border-radius:24px;overflow:hidden;color:#fff;box-shadow:var(--shadow)}.world-card:nth-child(1){grid-column:span 7}.world-card:nth-child(2){grid-column:span 5}.world-card:nth-child(3){grid-column:span 5}.world-card:nth-child(4){grid-column:span 7}.world-card img{width:100%;height:100%;object-fit:cover;position:absolute;inset:0;transition:transform .7s}.world-card:hover img{transform:scale(1.035)}.world-card:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(10,15,14,.06),rgba(10,15,14,.84))}.world-card .world-copy{position:absolute;z-index:2;left:28px;bottom:25px;right:28px}.world-copy small{font-size:.6rem;letter-spacing:.16em;font-weight:800}.world-copy h3{font-size:clamp(1.7rem,3vw,3rem);line-height:.98;letter-spacing:-.04em;margin:8px 0 7px}.world-copy p{font-size:.84rem;max-width:550px;color:#e4e9e7;margin:0}.world-card.wedding-card h3{font-family:Georgia,serif;font-weight:400}.world-card.roof-card h3{text-transform:uppercase;font-weight:950}.world-card.dental-card{color:#132c49}.world-card.dental-card:after{background:linear-gradient(180deg,rgba(255,255,255,.05),rgba(232,244,255,.92))}.world-card.dental-card .world-copy p{color:#334d63}.world-card.auto-card h3{font-weight:950;font-style:italic}.manifesto{display:grid;grid-template-columns:.95fr 1.05fr;gap:80px;align-items:start}.manifesto-sticky{position:sticky;top:120px}.manifesto-sticky h2{font-size:clamp(3rem,5vw,5.6rem);line-height:.9;letter-spacing:-.07em;margin:0}.manifesto-sticky h2 em{font-family:Georgia,serif;font-weight:400;color:var(--green)}.logic-list{border-top:1px solid var(--line)}.logic-item{display:grid;grid-template-columns:54px 1fr;gap:18px;padding:26px 0;border-bottom:1px solid var(--line)}.logic-item span{font-weight:900;color:var(--orange)}.logic-item h3{margin:0 0 6px;font-size:1.1rem}.logic-item p{margin:0;color:#5b6562;font-size:.92rem}.industry-showcase{background:#dfe9e1}.industry-mosaic{display:grid;grid-template-columns:repeat(12,1fr);grid-auto-rows:190px;gap:14px}.industry-tile{position:relative;overflow:hidden;border-radius:22px;background:#1a211f;color:#fff;box-shadow:0 14px 35px rgba(16,25,22,.12)}.industry-tile:nth-child(1){grid-column:span 5;grid-row:span 2}.industry-tile:nth-child(2){grid-column:span 4;grid-row:span 1}.industry-tile:nth-child(3){grid-column:span 3;grid-row:span 1}.industry-tile:nth-child(4){grid-column:span 4;grid-row:span 1}.industry-tile:nth-child(5){grid-column:span 3;grid-row:span 2}.industry-tile:nth-child(6){grid-column:span 5;grid-row:span 1}.industry-tile:nth-child(7){grid-column:span 4;grid-row:span 1}.industry-tile:nth-child(8){grid-column:span 5;grid-row:span 1}.industry-tile:nth-child(9){grid-column:span 7;grid-row:span 1}.industry-tile img{width:100%;height:100%;object-fit:cover;transition:transform .5s}.industry-tile:hover img{transform:scale(1.05)}.industry-tile:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 30%,rgba(10,14,13,.84))}.industry-tile .tile-label{position:absolute;z-index:2;left:18px;right:18px;bottom:16px;display:flex;justify-content:space-between;align-items:end;gap:12px}.tile-label b{font-size:1rem}.tile-label small{display:block;font-size:.65rem;color:#ccd5d2;max-width:230px}.tile-label i{font-style:normal;width:32px;height:32px;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.3);border-radius:50%;display:grid;place-items:center}.choice-section{background:#fff}.choice-grid{display:grid;grid-template-columns:1.55fr .85fr;gap:18px}.choice{border-radius:30px;min-height:490px;padding:44px;display:flex;flex-direction:column;position:relative;overflow:hidden}.choice-custom{background:var(--ink);color:#fff}.choice-template{background:#f2c14e;color:#141817}.choice .number{font-size:.66rem;letter-spacing:.15em;font-weight:900}.choice h2{font-size:clamp(2.5rem,4.3vw,4.7rem);line-height:.93;letter-spacing:-.065em;margin:70px 0 20px;max-width:700px}.choice-template h2{font-size:clamp(2.2rem,3.6vw,3.8rem)}.choice p{max-width:650px;color:#c5cfcc}.choice-template p{color:#414744}.choice ul{display:flex;flex-wrap:wrap;gap:8px;list-style:none;padding:0;margin:22px 0 32px}.choice li{font-size:.72rem;border:1px solid rgba(255,255,255,.25);padding:8px 10px;border-radius:999px}.choice-template li{border-color:rgba(17,23,22,.24)}.choice .btn{align-self:flex-start;margin-top:auto}.choice-orb{position:absolute;width:250px;height:250px;border:1px solid rgba(255,255,255,.14);border-radius:50%;right:-70px;top:-70px}.choice-orb:after,.choice-orb:before{content:"";position:absolute;border:1px solid rgba(255,255,255,.14);border-radius:50%;inset:34px}.choice-orb:after{inset:74px}.human-section{display:grid;grid-template-columns:1fr 1fr;gap:0;max-width:var(--max);margin:100px auto;border-radius:32px;overflow:hidden;background:#173b33;color:#fff}.human-photo{min-height:610px;position:relative}.human-photo img{width:100%;height:100%;object-fit:cover;position:absolute}.human-content{padding:68px}.human-content h2{font-size:clamp(2.8rem,4.6vw,5.3rem);line-height:.92;letter-spacing:-.07em;margin:0 0 22px}.human-content p{color:#d1dcda}.contact-ladder{margin-top:35px;border-top:1px solid rgba(255,255,255,.18)}.contact-ladder a{display:grid;grid-template-columns:38px 1fr auto;gap:14px;align-items:center;padding:17px 0;border-bottom:1px solid rgba(255,255,255,.18)}.contact-ladder i{font-style:normal;width:32px;height:32px;border-radius:50%;border:1px solid rgba(255,255,255,.25);display:grid;place-items:center;font-size:.72rem}.contact-ladder b{font-size:.88rem}.contact-ladder small{color:#b6c4c1}.process-band{background:#ead8d1}.process-grid{display:grid;grid-template-columns:repeat(6,1fr);border-top:1px solid rgba(17,23,22,.22);border-bottom:1px solid rgba(17,23,22,.22)}.process-grid article{padding:28px 18px;min-height:220px;border-right:1px solid rgba(17,23,22,.18)}.process-grid article:last-child{border:0}.process-grid span{font-size:.65rem;font-weight:900;color:var(--rose)}.process-grid h3{font-size:1rem;margin:30px 0 8px}.process-grid p{font-size:.78rem;color:#606865;margin:0}.close-cta{background:var(--ink);color:#fff;overflow:hidden}.close-inner{max-width:var(--max);margin:auto;padding:92px 22px;display:grid;grid-template-columns:1.2fr .6fr;gap:50px;align-items:end}.close-inner h2{font-size:clamp(3rem,6vw,6.8rem);line-height:.86;letter-spacing:-.075em;margin:0}.close-inner h2 em{font-family:Georgia,serif;font-weight:400;color:#f2c14e}.close-inner p{color:#c4cfcc}.inner-hero{max-width:var(--max);margin:auto;padding:92px 22px 78px;display:grid;grid-template-columns:1.25fr .55fr;gap:60px;align-items:center;min-height:520px}.inner-hero h1{font-size:clamp(3.4rem,6vw,6.4rem);line-height:.9;letter-spacing:-.07em;margin:0}.inner-hero-orbit{width:300px;height:300px;border:1px solid rgba(17,23,22,.2);border-radius:50%;position:relative;display:grid;place-items:center;justify-self:end}.inner-hero-orbit span{position:absolute;width:16px;height:16px;border-radius:50%;background:var(--orange)}.inner-hero-orbit span:nth-child(1){left:8%;top:35%}.inner-hero-orbit span:nth-child(2){right:15%;top:8%;background:var(--green)}.inner-hero-orbit span:nth-child(3){right:4%;bottom:30%;background:var(--yellow)}.inner-hero-orbit b{text-align:center;font-size:.72rem;letter-spacing:.14em}.directory-controls{background:#fff;border:1px solid var(--line);border-radius:22px;padding:16px;display:grid;grid-template-columns:1fr auto;gap:12px;position:sticky;top:92px;z-index:20;box-shadow:0 12px 32px rgba(17,23,22,.08)}.directory-controls input{border:0;background:#f1f3ef;border-radius:14px;padding:16px 18px;outline:0}.filter-buttons{display:flex;gap:7px;align-items:center;overflow:auto}.filter-buttons button{border:1px solid var(--line);background:white;border-radius:999px;padding:10px 13px;font-size:.7rem;font-weight:800;white-space:nowrap}.filter-buttons button.active{background:var(--ink);color:#fff}.taxonomy-list{margin-top:28px;display:grid;gap:14px}.tax-family{background:#fff;border-radius:22px;padding:28px;border:1px solid var(--line)}.tax-family-head{display:grid;grid-template-columns:1fr auto;gap:20px;align-items:start}.tax-family h2{margin:0;font-size:1.9rem;letter-spacing:-.04em}.tax-family p{color:#626d69;margin:5px 0 0;max-width:650px}.tax-family>a{font-size:.75rem;font-weight:900;text-decoration:underline;text-underline-offset:5px}.tax-niches{display:flex;flex-wrap:wrap;gap:8px;margin-top:20px}.tax-niches a{font-size:.72rem;border:1px solid var(--line);padding:9px 12px;border-radius:999px;background:#faf9f4}.no-results{display:none;padding:40px;text-align:center;color:#65706d}.service-story{display:grid;grid-template-columns:.85fr 1.15fr;gap:70px;align-items:center}.service-story img{border-radius:34px;height:650px;width:100%;object-fit:cover;box-shadow:var(--shadow)}.service-story h2{font-size:clamp(2.8rem,4.4vw,4.8rem);line-height:.94;letter-spacing:-.06em;margin:0 0 22px}.service-points{margin-top:32px;border-top:1px solid var(--line)}.service-points article{padding:18px 0;border-bottom:1px solid var(--line);display:grid;grid-template-columns:40px 1fr;gap:12px}.service-points b{color:var(--orange)}.service-points h3{margin:0 0 4px;font-size:1rem}.service-points p{margin:0;color:#606a67;font-size:.86rem}.contrast-block{background:#202826;color:#fff;border-radius:34px;padding:54px;display:grid;grid-template-columns:1fr 1fr;gap:70px}.contrast-block h2{font-size:clamp(2.5rem,4vw,4.4rem);line-height:.94;letter-spacing:-.06em;margin:0}.contrast-list{display:grid;gap:18px}.contrast-list div{padding:18px;border-left:3px solid var(--orange);background:rgba(255,255,255,.05)}.contrast-list b{display:block}.contrast-list span{font-size:.82rem;color:#bdc8c4}.template-hero{background:#f2c14e}.template-shelf{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.template-card{background:#fff;border-radius:24px;overflow:hidden;border:1px solid var(--line);box-shadow:0 14px 38px rgba(17,23,22,.08)}.template-card .thumb{height:260px;position:relative;overflow:hidden}.template-card img{width:100%;height:100%;object-fit:cover}.template-card .thumb:after{content:"STARTER";position:absolute;left:12px;top:12px;background:#fff;padding:7px 9px;font-size:.58rem;font-weight:900;letter-spacing:.1em;border-radius:999px}.template-card .card-body{padding:22px}.template-card h3{margin:0;font-size:1.2rem}.template-card p{font-size:.82rem;color:#66706d}.template-card a{font-size:.75rem;font-weight:900}.steps-journey{position:relative}.journey-line{position:absolute;left:50%;top:0;bottom:0;width:1px;background:var(--line)}.journey-step{display:grid;grid-template-columns:1fr 90px 1fr;align-items:center;margin:0 0 32px}.journey-step:nth-child(even) .journey-content{grid-column:3}.journey-step:nth-child(even) .journey-image{grid-column:1;grid-row:1}.journey-number{grid-column:2;grid-row:1;width:52px;height:52px;border-radius:50%;background:var(--ink);color:#fff;display:grid;place-items:center;justify-self:center;font-weight:900;z-index:2}.journey-content{padding:36px}.journey-content h2{font-size:2rem;margin:0 0 8px}.journey-content p{color:#66706d}.journey-image{height:330px;border-radius:24px;overflow:hidden}.journey-image img{width:100%;height:100%;object-fit:cover}.examples-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:26px}.example-case{border-radius:30px;padding:22px;background:#fff;border:1px solid var(--line);box-shadow:var(--shadow)}.example-case .case-screen{border-radius:18px;overflow:hidden;border:1px solid rgba(17,23,22,.18);position:relative;height:430px}.case-screen img{width:100%;height:100%;object-fit:cover}.case-screen:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,0),rgba(0,0,0,.75))}.case-screen .case-text{position:absolute;z-index:2;left:28px;right:28px;bottom:25px;color:#fff}.case-text small{font-size:.62rem;letter-spacing:.16em}.case-text h2{font-size:2.5rem;line-height:.95;margin:8px 0}.case-text p{font-size:.82rem;color:#e4e4e4;max-width:520px}.example-case>p{font-size:.72rem;color:#68716e;margin:14px 3px 0}.about-beliefs{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);border:1px solid var(--line);border-radius:24px;overflow:hidden}.about-beliefs article{background:#fff;padding:34px;min-height:300px}.about-beliefs span{color:var(--orange);font-weight:900}.about-beliefs h3{font-size:1.5rem;line-height:1.05}.about-beliefs p{color:#65706d;font-size:.88rem}.contact-hero{background:#173b33;color:#fff}.contact-hero .lead{color:#d2dcda}.contact-grid{display:grid;grid-template-columns:.75fr 1.1fr;gap:45px}.contact-options{display:grid;gap:12px}.contact-option{background:#fff;border:1px solid var(--line);border-radius:18px;padding:20px;display:grid;grid-template-columns:44px 1fr auto;gap:13px;align-items:center}.contact-option i{font-style:normal;width:40px;height:40px;background:#e8ede9;border-radius:50%;display:grid;place-items:center}.contact-option b{display:block}.contact-option span{font-size:.75rem;color:#68736f}.contact-form{background:#fff;border-radius:26px;padding:34px;border:1px solid var(--line)}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.field{display:grid;gap:7px}.field.full{grid-column:1/-1}.field label{font-size:.72rem;font-weight:850}.field input,.field select,.field textarea{width:100%;border:1px solid #cbd1cd;background:#fbfbf8;border-radius:12px;padding:14px;outline:0}.field textarea{min-height:140px;resize:vertical}.form-note{font-size:.68rem;color:#737c79}.form-status{display:none;margin-top:12px;padding:12px;border-radius:10px;background:#e8f3ed;color:#1b5a44;font-size:.8rem}.legal{max-width:900px;margin:auto;padding:80px 22px 120px}.legal h1{font-size:clamp(3rem,5vw,5.4rem);letter-spacing:-.07em;line-height:.9}.legal h2{margin-top:42px}.legal p,.legal li{color:#58635f}.family-hero{position:relative;min-height:650px;color:#fff;display:grid;align-items:end;overflow:hidden;background:#111}.family-hero img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.family-hero:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(9,14,13,.1),rgba(9,14,13,.9))}.family-hero-inner{position:relative;z-index:2;max-width:var(--max);width:100%;margin:auto;padding:180px 22px 70px}.family-hero h1{font-size:clamp(3.5rem,6.5vw,7rem);line-height:.88;letter-spacing:-.075em;margin:0;max-width:950px}.family-hero p{font-size:1.1rem;color:#e5e9e8;max-width:680px}.niche-intro{display:grid;grid-template-columns:.65fr 1.35fr;gap:60px;align-items:start}.niche-index{position:sticky;top:110px;background:#fff;border-radius:20px;padding:24px}.niche-index h2{font-size:1.15rem;margin-top:0}.niche-index a{display:block;padding:8px 0;border-bottom:1px solid var(--line);font-size:.75rem;font-weight:720}.niche-articles{display:grid;gap:14px}.niche-articles article{background:#fff;border:1px solid var(--line);border-radius:22px;padding:30px;scroll-margin-top:100px}.niche-articles small{font-size:.62rem;letter-spacing:.14em;color:var(--green);font-weight:900}.niche-articles h2{font-size:2rem;margin:8px 0 12px;letter-spacing:-.04em}.niche-articles p{color:#606b67}.niche-articles .industry-logic{margin-top:18px;display:flex;gap:8px;flex-wrap:wrap}.industry-logic span{font-size:.68rem;background:#edf0eb;border-radius:999px;padding:7px 9px}.joy-launch{position:fixed;z-index:80;right:22px;bottom:22px;border:0;background:#fff;border-radius:18px;padding:9px 12px;box-shadow:0 14px 40px rgba(17,23,22,.22);display:flex;align-items:center;gap:9px;text-align:left;cursor:pointer}.joy-face{width:38px;height:38px;border-radius:50%;background:var(--orange);display:grid;place-items:center;font-weight:950}.joy-launch b{display:block;font-size:.75rem}.joy-launch small{display:block;font-size:.58rem;color:#68716e}.joy-panel{position:fixed;z-index:110;right:20px;bottom:20px;width:min(360px,calc(100vw - 32px));background:#fff;border-radius:24px;padding:30px;box-shadow:0 30px 90px rgba(17,23,22,.32);visibility:hidden;opacity:0;pointer-events:none;transform:translateY(24px);transition:transform .35s,opacity .25s,visibility .25s}.joy-panel.open{visibility:visible;opacity:1;pointer-events:auto;transform:none}.joy-panel .joy-badge{width:54px;height:54px;border-radius:50%;display:grid;place-items:center;background:var(--orange);font-weight:950;margin-bottom:18px}.joy-panel h2{font-size:2rem;margin:0}.joy-panel p{font-size:.88rem;color:#5d6764}.joy-panel .btn{width:100%;margin-top:8px}.joy-panel .text-link{display:block;text-align:center;font-size:.75rem;margin-top:14px}.joy-close{position:absolute;right:17px;top:14px;background:none;border:0;font-size:1.7rem;cursor:pointer}.site-footer{background:#0e1413;color:#fff}.footer-main{max-width:var(--max);margin:auto;padding:70px 22px;display:grid;grid-template-columns:1.4fr .7fr .9fr .6fr;gap:40px}.footer-main h3{font-size:.7rem;text-transform:uppercase;letter-spacing:.14em;color:#9da8a4}.footer-main>div>a{display:block;font-size:.78rem;color:#d1d8d6;margin:9px 0}.footer-brand .brand{color:#fff}.footer-brand .brand small{color:#99a6a2}.footer-brand p{font-size:.82rem;color:#aeb8b5;max-width:400px}.footer-contact{display:flex;gap:8px;flex-wrap:wrap}.footer-contact a{font-size:.72rem;border:1px solid rgba(255,255,255,.2);padding:9px 11px;border-radius:999px}.footer-bottom{max-width:var(--max);margin:auto;border-top:1px solid rgba(255,255,255,.12);padding:18px 22px 30px;display:flex;justify-content:space-between;gap:20px;font-size:.64rem;color:#899590}.reveal{opacity:0;transform:translateY(18px);transition:opacity .65s ease,transform .65s ease}.reveal.visible{opacity:1;transform:none}
@media(max-width:1060px){.main-nav{gap:13px}.main-nav a{font-size:.72rem}.brand{min-width:auto}.brand small{display:none}.hero{grid-template-columns:1fr;min-height:auto}.hero-stage{height:580px;max-width:650px;width:100%;margin:auto}.section-head{grid-template-columns:1fr}.process-grid{grid-template-columns:repeat(3,1fr)}.process-grid article:nth-child(3){border-right:0}.process-grid article:nth-child(-n+3){border-bottom:1px solid rgba(17,23,22,.18)}.footer-main{grid-template-columns:1.2fr 1fr 1fr}.footer-main>div:last-child{grid-column:2}.industry-mosaic{grid-template-columns:repeat(6,1fr)}.industry-tile:nth-child(n){grid-column:span 3;grid-row:span 1}.industry-tile:nth-child(1),.industry-tile:nth-child(4){grid-column:span 6}.industry-tile:nth-child(9){grid-column:span 6}.choice-grid{grid-template-columns:1fr}.human-section{margin:70px 20px}.human-content{padding:48px}.inner-hero{grid-template-columns:1fr}.inner-hero-orbit{display:none}.template-shelf{grid-template-columns:repeat(2,1fr)}}
@media(max-width:820px){.nav-shell{height:68px}.main-nav{display:none;position:fixed;top:68px;left:0;right:0;background:var(--paper);padding:18px 22px 30px;box-shadow:0 18px 28px rgba(17,23,22,.12)}.main-nav.open{display:grid}.main-nav a{padding:10px 0;font-size:1rem}.nav-toggle{display:block;margin-left:auto}.nav-call{padding:8px 10px}.nav-call span{display:none}.hero{padding-top:42px;gap:20px}.hero-copy h1{font-size:clamp(3.2rem,14vw,5.5rem)}.hero-stage{height:520px;transform:scale(.9);transform-origin:top center;margin-bottom:-40px}.proof-strip-inner{grid-template-columns:1fr 1fr}.proof-strip article:nth-child(2){border-right:0}.proof-strip article:nth-child(-n+2){border-bottom:1px solid rgba(255,255,255,.16)}.manifesto{grid-template-columns:1fr;gap:35px}.manifesto-sticky{position:static}.world-compare{grid-template-columns:1fr}.world-card:nth-child(n){grid-column:auto;min-height:330px}.choice{padding:34px;min-height:430px}.human-section{grid-template-columns:1fr}.human-photo{min-height:400px}.human-content{padding:38px}.close-inner{grid-template-columns:1fr}.contact-grid{grid-template-columns:1fr}.journey-line{left:25px}.journey-step{grid-template-columns:52px 1fr;gap:10px}.journey-number{grid-column:1!important}.journey-content,.journey-step:nth-child(even) .journey-content{grid-column:2!important;grid-row:1!important}.journey-image,.journey-step:nth-child(even) .journey-image{grid-column:1/-1!important;grid-row:2!important;margin-left:62px}.examples-grid{grid-template-columns:1fr}.about-beliefs{grid-template-columns:1fr}.niche-intro{grid-template-columns:1fr}.niche-index{position:static}.footer-main{grid-template-columns:1fr 1fr}.footer-brand{grid-column:1/-1}.footer-main>div:last-child{grid-column:auto}.family-hero{min-height:570px}.family-hero-inner{padding-top:130px}}
@media(max-width:560px){.site-header .brand b{font-size:.9rem}.nav-call{min-width:52px;text-align:center;padding:10px 8px}.nav-call b{font-size:0}.nav-call b:after{content:'CALL';font-size:.66rem;letter-spacing:.08em}.joy-launch{width:50px;height:50px;padding:6px;border-radius:50%;right:10px;bottom:12px;justify-content:center}.joy-launch>span:not(.joy-face){display:none}.joy-launch.mobile-hidden{opacity:0;pointer-events:none;transform:translateX(70px)}.joy-face{width:38px;height:38px}.inner-hero-copy{min-width:0}.inner-hero h1{overflow-wrap:break-word}.hero{padding-left:16px;padding-right:16px}.hero-copy h1{font-size:3.35rem}.hero-stage{height:455px;transform:none;overflow:hidden}.mini-site{width:250px}.mini-visual{height:160px}.mini-site.roof{left:-24px;top:35px}.mini-site.wedding{right:-25px;top:4px}.mini-site.dental{left:-12px;bottom:8px}.mini-site.auto{right:-28px;bottom:24px}.stage-label{width:100px;height:100px;font-size:.54rem;right:4px;top:212px}.section{padding:70px 16px}.section-head h2,.big-title{font-size:2.7rem}.industry-mosaic{grid-template-columns:1fr;grid-auto-rows:240px}.industry-tile:nth-child(n){grid-column:auto;grid-row:auto}.choice{padding:28px}.choice h2,.choice-template h2{font-size:2.8rem;margin-top:55px}.human-section{margin:50px 12px;border-radius:22px}.human-photo{min-height:320px}.human-content{padding:28px}.process-grid{grid-template-columns:1fr}.process-grid article{border-right:0;border-bottom:1px solid rgba(17,23,22,.18)!important;min-height:auto}.proof-strip-inner{grid-template-columns:1fr}.proof-strip article{border-right:0;border-bottom:1px solid rgba(255,255,255,.16)!important}.proof-strip article:last-child{border-bottom:0!important}.inner-hero{padding:70px 16px 55px;min-height:auto}.inner-hero h1{font-size:3.35rem}.directory-controls{grid-template-columns:1fr;top:78px}.filter-buttons{padding-bottom:3px}.tax-family{padding:22px}.tax-family-head{grid-template-columns:1fr}.service-story{grid-template-columns:1fr;gap:30px}.service-story img{height:430px}.contrast-block{grid-template-columns:1fr;padding:30px;gap:30px}.template-shelf{grid-template-columns:1fr}.journey-step{grid-template-columns:44px 1fr}.journey-number{width:42px;height:42px}.journey-content{padding:18px}.journey-image{margin-left:50px;height:260px}.example-case .case-screen{height:350px}.case-text h2{font-size:2rem}.contact-grid{gap:20px}.contact-form{padding:24px}.form-grid{grid-template-columns:1fr}.field.full{grid-column:auto}.footer-main{grid-template-columns:1fr}.footer-main>div:last-child{grid-column:auto}.footer-bottom{display:grid}.family-hero h1{font-size:3.3rem}.niche-articles article{padding:24px}.joy-launch small{display:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{opacity:1;transform:none;transition:none}.mini-site,.industry-tile img,.world-card img{transition:none}.joy-panel{transition:none}}


/* POLISH LOOP 1 — page identity, repetition control, high-zoom footer resilience */
.inner-hero.about-hero,.inner-hero.custom-hero,.inner-hero.examples-hero,.inner-hero.process-hero,.inner-hero.industries-hero{border-radius:0 0 36px 36px;position:relative;overflow:hidden}
.about-hero{background:#e5eee8}.about-hero .inner-hero-orbit{border-radius:28px;background:rgba(255,255,255,.55);transform:rotate(-3deg)}
.custom-hero{background:#efe3d4}.custom-hero .inner-hero-orbit{border-radius:38% 62% 54% 46% / 45% 39% 61% 55%;background:#fff7ea;border-color:rgba(255,107,53,.35)}
.examples-hero{background:#f7f5ef}.examples-hero .inner-hero-orbit{border-radius:18px;transform:rotate(5deg);box-shadow:inset 0 0 0 12px rgba(17,23,22,.025)}
.process-hero{background:#e8eeec}.process-hero .inner-hero-orbit{width:210px;height:310px;border-radius:999px;background:rgba(255,255,255,.44)}
.industries-hero{background:#e3ece5}.industries-hero .inner-hero-orbit{border-radius:50% 18% 50% 18%;background:rgba(255,255,255,.5);transform:rotate(-5deg)}
.inner-hero.about-hero .eyebrow,.inner-hero.industries-hero .eyebrow{color:#1f5b4d}.inner-hero.custom-hero .eyebrow{color:#a34524}.inner-hero.examples-hero .eyebrow{color:#6657d9}.inner-hero.process-hero .eyebrow{color:#2f6b5d}
.family-page .niche-articles article:nth-child(even){background:#fbfaf6}.family-page .niche-articles article:nth-child(3n){border-radius:10px 28px 28px 28px}.family-page .niche-articles article:nth-child(3n+1){border-radius:28px 10px 28px 28px}
.family-home .family-hero:after{background:linear-gradient(180deg,rgba(9,14,13,.04),rgba(9,14,13,.92))}.family-health .family-hero:after{background:linear-gradient(180deg,rgba(15,36,56,.06),rgba(15,36,56,.9))}.family-hospitality .family-hero h1{font-family:Georgia,serif;font-weight:500;letter-spacing:-.055em}.family-professional .family-hero h1{max-width:820px}.family-retail .family-hero h1{font-weight:850}.family-tech .family-hero h1{max-width:760px}
.footer-main>div,.footer-brand,.footer-brand .brand,.footer-brand .brand>span{min-width:0}.footer-brand .brand{width:max-content;max-width:100%;flex-wrap:nowrap}.footer-brand .brand-mark{flex:0 0 38px}.footer-brand p{max-width:34ch;overflow-wrap:anywhere}.footer-main a{overflow-wrap:anywhere}
@media(max-width:820px){.inner-hero.about-hero,.inner-hero.custom-hero,.inner-hero.examples-hero,.inner-hero.process-hero,.inner-hero.industries-hero{border-radius:0 0 24px 24px}.family-page .niche-articles article:nth-child(n){border-radius:20px}}
@media(max-width:560px){.footer-main{padding:48px 16px;gap:28px}.footer-brand .brand-mark{width:34px;height:34px;flex-basis:34px}.footer-brand .brand b{font-size:.9rem}.footer-brand p{max-width:none;font-size:.78rem}.footer-contact a{font-size:.68rem}.footer-bottom{padding-left:16px;padding-right:16px}.family-hero-inner{padding-bottom:52px}.family-hero p{font-size:1rem}}


/* POLISH LOOP 2 — taxonomy rhythm, breadcrumbs, long-page density */
.breadcrumbs{display:flex;flex-wrap:wrap;gap:7px;align-items:center;margin:0 0 18px;font-size:.68rem;font-weight:750;letter-spacing:.04em;color:rgba(255,255,255,.72)}
.breadcrumbs a{text-decoration:underline;text-underline-offset:4px}.breadcrumbs span[aria-current="page"]{color:#fff}
.family-page .niche-index{border-top:4px solid var(--orange);box-shadow:0 12px 32px rgba(17,23,22,.07)}
.family-page .niche-articles article:first-child{border-top:4px solid var(--green);background:#f0f5f1}
.family-page .niche-articles article:first-child h2{font-size:2.25rem}
.family-page .industry-logic span{background:#eef2ed;border:1px solid rgba(17,23,22,.08)}
.family-page .niche-articles article:nth-child(even) .industry-logic span{background:#fff}
@media(min-width:1100px){
 .family-page .niche-intro{grid-template-columns:300px minmax(0,1fr);gap:42px}
 .family-page .niche-articles{grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch}
 .family-page .niche-articles article{height:100%;min-height:260px;display:flex;flex-direction:column}
 .family-page .niche-articles article:first-child,.family-page .niche-articles article:nth-child(6){grid-column:1/-1;min-height:230px}
 .family-page .niche-articles article:first-child p,.family-page .niche-articles article:nth-child(6) p{max-width:800px}
 .family-page .niche-articles .industry-logic{margin-top:auto;padding-top:16px}
}
@media(max-width:560px){.breadcrumbs{font-size:.62rem;margin-bottom:14px}.family-page .niche-articles article:first-child h2{font-size:2rem}}


/* POLISH LOOP 3 — interaction clarity, keyboard focus, extreme narrow/high-zoom resilience */
:where(a,button,input,select,textarea):focus-visible{outline:3px solid var(--orange);outline-offset:3px}
.mini-site:focus-visible{outline:3px solid var(--orange);outline-offset:4px}
.contact-option{min-width:0}.contact-option>span{min-width:0}.contact-option strong{overflow-wrap:anywhere;text-align:right}
#project-form{scroll-margin-top:100px}
main,.nav-shell,.footer-main{min-width:0}
@media(max-width:340px){
 .hero-copy h1,.inner-hero h1,.family-hero h1,.legal h1{font-size:3rem}
 .contact-option{grid-template-columns:40px minmax(0,1fr);align-items:start}
 .contact-option strong{grid-column:2;text-align:left;margin-top:3px;font-size:.72rem}
 .cta-row .btn{width:100%}
}
@media(max-width:300px){
 .nav-shell{padding-left:12px;padding-right:12px;gap:10px}
 .site-header .brand>span:last-child{display:none}
 .site-header .brand-mark{width:34px;height:34px;flex-basis:34px}
 .nav-call{min-width:48px;padding:9px 7px}
 .nav-toggle{padding:8px}
 .hero-copy h1,.inner-hero h1,.family-hero h1,.legal h1{font-size:2.65rem}
 .section{padding-left:12px;padding-right:12px}
 .inner-hero{padding-left:12px;padding-right:12px}
 .family-hero-inner{padding-left:12px;padding-right:12px}
 .footer-main,.footer-bottom{padding-left:12px;padding-right:12px}
}
/* LOOP 3 narrow-width repair after 280px audit */
.niche-intro,.niche-index,.niche-articles,.directory-controls,.filter-buttons{min-width:0;max-width:100%}
.directory-controls input{min-width:0;width:100%}
.niche-index a,.tax-niches a{overflow-wrap:anywhere}
@media(max-width:300px){
 .niche-intro,.niche-index,.niche-articles{width:100%}
 .directory-controls{width:100%;padding:12px}
 .filter-buttons{width:100%}
 .joy-launch.mobile-hidden{visibility:hidden}
}
.family-page .niche-articles article{min-width:0}
.family-page .niche-articles h2{overflow-wrap:anywhere}
@media(max-width:340px){
 .footer-brand .brand-mark{display:none}
 .footer-brand .brand>span:last-child{display:block!important}
 .footer-brand .brand{gap:0}
 .footer-brand .brand b{font-size:.95rem;letter-spacing:-.02em}
}


/* USER SCREENSHOT CORRECTIVE PASS — spacing, reveal resilience, complete industry mosaic */
.worlds.section{padding-top:72px;padding-bottom:82px}
.industry-showcase .section{padding-top:82px;padding-bottom:82px}
.reveal{opacity:1;transform:none;transition:none}
.reveal.visible{animation:ppReveal .5s ease both}
@keyframes ppReveal{from{opacity:.88;transform:translateY(10px)}to{opacity:1;transform:none}}
@media(max-width:820px){.worlds.section,.industry-showcase .section{padding-top:58px;padding-bottom:64px}}
@media(prefers-reduced-motion:reduce){.reveal.visible{animation:none}}


/* R3 CREATIVE INTERIOR HERO REVISION — replace decorative orbit/blob art with useful proof */
.inner-hero{grid-template-columns:minmax(0,1.08fr) minmax(410px,.92fr);gap:48px;min-height:570px;padding-top:82px;padding-bottom:76px}
.inner-hero h1{font-size:clamp(3.25rem,5vw,5.55rem);line-height:.91;letter-spacing:-.065em;max-width:790px}
.inner-hero-orbit{display:none!important}
.hero-proof{position:relative;justify-self:stretch;align-self:center;min-width:0}
.proof-kicker{font-size:.62rem;letter-spacing:.17em;font-weight:900;color:#53605c;margin-bottom:12px}
.proof-browser{height:28px;background:#e9ebe8;display:flex;align-items:center;gap:5px;padding:0 10px;border-bottom:1px solid rgba(17,23,22,.1)}
.proof-browser i{display:block;width:6px;height:6px;border-radius:50%;background:#bbc1bd}
.proof-browser small{margin-left:auto;font-size:.5rem;letter-spacing:.12em;font-weight:850;color:#69736f}

/* Custom websites: make the transformation from business input to website visible */
.custom-proof{display:grid;grid-template-columns:.82fr 42px 1.18fr;align-items:center;gap:10px}
.brief-card{background:#fff;border:1px solid rgba(17,23,22,.12);border-radius:20px;padding:22px;box-shadow:0 18px 45px rgba(17,23,22,.09);transform:rotate(-2deg)}
.brief-card .proof-kicker{color:#a34524}
.brief-row{padding:13px 0;border-top:1px solid rgba(17,23,22,.1)}
.brief-row span{display:block;font-size:.55rem;letter-spacing:.12em;text-transform:uppercase;color:#7d8582;font-weight:850}
.brief-row b{display:block;font-size:.82rem;line-height:1.3;margin-top:4px}
.transform-arrow{width:42px;height:42px;border-radius:50%;background:var(--orange);display:grid;place-items:center;font-weight:950;font-size:1.25rem;z-index:3;box-shadow:0 10px 24px rgba(255,107,53,.22)}
.site-outcome-card{background:#101716;color:#fff;border-radius:22px;overflow:hidden;box-shadow:0 26px 60px rgba(17,23,22,.2);transform:rotate(2deg)}
.site-outcome-card .proof-browser{background:#f1f2ef;color:#111}
.outcome-image{height:190px;position:relative;overflow:hidden}
.outcome-image:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 20%,rgba(8,12,11,.78))}
.outcome-image img{width:100%;height:100%;object-fit:cover}
.outcome-copy{padding:18px 20px 22px}
.outcome-copy span{display:block;font-size:.55rem;letter-spacing:.14em;color:#f2c14e;font-weight:900}
.outcome-copy b{display:block;font-size:1.05rem;line-height:1.25;margin-top:6px}
.device-proof{grid-column:3;display:flex;justify-content:flex-end;gap:6px;margin:3px 8px 0 0}
.device-proof span{font-size:.5rem;letter-spacing:.12em;font-weight:850;padding:6px 8px;border:1px solid rgba(17,23,22,.18);border-radius:999px;background:rgba(255,255,255,.5)}

/* How it works: a process map, not an abstract emblem */
.process-proof{background:#f7faf8;border:1px solid rgba(17,23,22,.12);border-radius:24px;padding:24px 26px;box-shadow:0 24px 60px rgba(17,23,22,.1)}
.process-proof .proof-kicker{color:#2f6b5d}
.process-track{position:relative;display:grid;gap:0}
.process-track:before{content:"";position:absolute;left:18px;top:22px;bottom:22px;width:2px;background:linear-gradient(var(--green),#aebbb6)}
.process-node{position:relative;display:grid;grid-template-columns:38px 1fr;gap:14px;align-items:center;padding:9px 0}
.process-node>span{position:relative;z-index:2;width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:#fff;border:1px solid #b9c4c0;font-size:.58rem;font-weight:900}
.process-node.active>span{background:var(--green);color:#fff;border-color:var(--green);box-shadow:0 0 0 7px rgba(31,91,77,.09)}
.process-node b{display:block;font-size:.9rem}
.process-node small{display:block;font-size:.68rem;color:#66726e;margin-top:1px}
.process-node:nth-child(2)>span,.process-node:nth-child(4)>span,.process-node:nth-child(6)>span{border-color:rgba(255,107,53,.48)}

/* Industries: show actual industry worlds */
.industries-proof{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:145px 145px;gap:10px;padding:10px 0 32px 10px}
.industry-proof-card{position:relative;overflow:hidden;border-radius:18px;color:#fff;box-shadow:0 14px 34px rgba(17,23,22,.12)}
.industry-proof-card:nth-child(1){transform:translateY(12px) rotate(-2deg)}
.industry-proof-card:nth-child(2){transform:rotate(2deg)}
.industry-proof-card:nth-child(3){transform:rotate(1deg)}
.industry-proof-card:nth-child(4){transform:translateY(-8px) rotate(-2deg)}
.industry-proof-card img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}
.industry-proof-card:hover img{transform:scale(1.04)}
.industry-proof-card:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 30%,rgba(8,12,11,.82))}
.industry-proof-card span{position:absolute;z-index:2;left:13px;bottom:11px;font-size:.55rem;letter-spacing:.12em;font-weight:900}
.industries-proof-label{position:absolute;left:50%;bottom:0;transform:translateX(-50%);background:#fff;border:1px solid rgba(17,23,22,.12);border-radius:14px;padding:10px 16px;text-align:center;box-shadow:0 12px 28px rgba(17,23,22,.12);white-space:nowrap}
.industries-proof-label b{display:block;font-size:.76rem}.industries-proof-label span{display:block;font-size:.58rem;color:#68736f}

/* Examples: side-by-side browser cards visibly demonstrate the design premise */
.examples-proof{height:360px;position:relative}
.example-browser{position:absolute;width:72%;background:#fff;border-radius:18px;overflow:hidden;box-shadow:0 22px 55px rgba(17,23,22,.17)}
.example-browser img{height:205px;width:100%;object-fit:cover}
.example-browser>b{display:block;padding:12px 15px;font-size:.77rem;letter-spacing:.06em}
.example-browser-roof{left:0;top:22px;transform:rotate(-5deg)}
.example-browser-wedding{right:0;bottom:16px;transform:rotate(5deg);z-index:2}
.example-browser-wedding>b{font-family:Georgia,serif;font-weight:500;letter-spacing:0}
.fingerprint-note{position:absolute;z-index:4;left:20px;bottom:4px;background:var(--violet);color:#fff;border-radius:14px;padding:10px 13px;box-shadow:0 12px 30px rgba(102,87,217,.24)}
.fingerprint-note span{display:block;font-size:.48rem;letter-spacing:.15em;font-weight:900;opacity:.75}.fingerprint-note b{font-size:.75rem}

/* About: show the human advantage instead of a decorative badge */
.about-proof{background:#fff;border-radius:24px;overflow:hidden;box-shadow:0 24px 60px rgba(17,23,22,.12);display:grid;grid-template-columns:.9fr 1.1fr;min-height:330px}
.human-proof-photo{min-height:330px}.human-proof-photo img{width:100%;height:100%;object-fit:cover}
.human-proof-copy{padding:30px 28px;display:flex;flex-direction:column;justify-content:center}
.human-proof-copy>span{font-size:.58rem;letter-spacing:.15em;color:var(--green);font-weight:900}
.human-proof-copy h2{font-size:1.65rem;line-height:1.05;letter-spacing:-.04em;margin:9px 0 10px}
.human-proof-copy p{font-size:.78rem;color:#5d6864;margin:0}
.human-proof-actions{display:flex;gap:6px;flex-wrap:wrap;margin-top:18px}
.human-proof-actions b{font-size:.5rem;letter-spacing:.12em;padding:7px 9px;border-radius:999px;background:#edf3ef;color:#285c4e}

/* Interior hero motion: purposeful, subtle, and never required for comprehension */
@media (prefers-reduced-motion:no-preference){
 .custom-proof .brief-card{animation:ppFloatA 6s ease-in-out infinite}
 .custom-proof .site-outcome-card{animation:ppFloatB 6.5s ease-in-out infinite}
 .example-browser-roof{animation:ppFloatA 7s ease-in-out infinite}
 .example-browser-wedding{animation:ppFloatB 7.5s ease-in-out infinite}
}
@keyframes ppFloatA{0%,100%{translate:0 0}50%{translate:0 -5px}}
@keyframes ppFloatB{0%,100%{translate:0 0}50%{translate:0 5px}}

@media(max-width:1060px){
 .inner-hero{grid-template-columns:1fr;min-height:auto;gap:38px}
 .hero-proof{max-width:680px;width:100%;justify-self:start}
 .examples-proof{max-width:620px}
}
@media(max-width:560px){
 .inner-hero h1{font-size:3.15rem}
 .custom-proof{grid-template-columns:1fr;gap:12px}
 .transform-arrow{margin:auto;transform:rotate(90deg)}
 .device-proof{grid-column:1;justify-content:flex-start}
 .brief-card,.site-outcome-card{transform:none}
 .outcome-image{height:170px}
 .process-proof{padding:20px}
 .industries-proof{grid-template-rows:120px 120px;padding-left:0}
 .industries-proof-label{position:static;grid-column:1/-1;transform:none;justify-self:center;margin-top:2px}
 .industry-proof-card:nth-child(n){transform:none}
 .examples-proof{height:315px}
 .example-browser{width:78%}.example-browser img{height:165px}
 .about-proof{grid-template-columns:1fr}.human-proof-photo{min-height:230px;height:230px}.human-proof-copy{padding:24px}
}

/* R4 CONTENT-DENSITY POLISH — replace dead space with useful proof/content */

/* Contact hero: human conversation + useful prep guidance */
.contact-hero{background:#174c40;color:#fff;border-radius:0;overflow:hidden}
.contact-hero .inner-hero-copy .eyebrow{color:#5ba58d}
.contact-hero .inner-hero-copy .lead{color:#d8e4df}
.contact-proof{background:#f7f3ea;color:var(--ink);border-radius:24px;overflow:hidden;box-shadow:0 28px 60px rgba(5,18,15,.24)}
.contact-proof-photo{height:210px;position:relative;overflow:hidden}
.contact-proof-photo img{width:100%;height:100%;object-fit:cover}
.contact-proof-photo:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 45%,rgba(8,14,12,.78))}
.contact-proof-photo span{position:absolute;z-index:2;left:20px;bottom:16px;color:#fff;font-size:.72rem;font-weight:900;letter-spacing:.05em}
.contact-proof-copy{padding:22px 24px 24px}
.contact-proof-copy h2{font-size:1.45rem;line-height:1.05;letter-spacing:-.04em;margin:0 0 18px;max-width:390px}
.contact-proof-points{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.contact-proof-points>div{border-top:1px solid rgba(17,23,22,.15);padding-top:10px;min-width:0}
.contact-proof-points small{display:block;color:var(--orange);font-size:.55rem;font-weight:900;letter-spacing:.12em}
.contact-proof-points b{display:block;font-size:.76rem;margin:4px 0 3px}
.contact-proof-points span{display:block;font-size:.64rem;line-height:1.35;color:#69736f}
.contact-next{margin-top:24px;background:#fff;border:1px solid rgba(17,23,22,.12);border-radius:18px;padding:20px 22px;box-shadow:0 12px 28px rgba(17,23,22,.05)}
.contact-next-row{display:grid;grid-template-columns:30px 1fr;gap:11px;padding:12px 0;border-top:1px solid rgba(17,23,22,.1)}
.contact-next-row:first-of-type{border-top:0;padding-top:2px}
.contact-next-row i{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:#edf2ef;color:var(--green);font-style:normal;font-weight:900;font-size:.7rem}
.contact-next-row b{display:block;font-size:.79rem}
.contact-next-row small{display:block;font-size:.67rem;color:#66716d;line-height:1.4;margin-top:2px}

/* Template hero: show the actual kind of head start instead of leaving the panel empty */
.template-proof{display:grid;grid-template-columns:1.08fr .92fr;gap:16px;align-items:stretch}
.starter-browser-card{background:#fff;border-radius:22px;overflow:hidden;box-shadow:0 22px 55px rgba(77,57,8,.17);transform:rotate(-2deg)}
.starter-browser-card .proof-browser{background:#f1f0ec}
.starter-browser-visual{height:250px;position:relative;overflow:hidden}
.starter-browser-visual img{width:100%;height:100%;object-fit:cover}
.starter-browser-visual:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(8,12,11,.05),rgba(8,12,11,.8))}
.starter-browser-visual>div{position:absolute;z-index:2;left:20px;right:20px;bottom:18px;color:#fff}
.starter-browser-visual small{display:block;font-size:.54rem;letter-spacing:.15em;font-weight:900;color:#f6d878;margin-bottom:5px}
.starter-browser-visual b{display:block;font-size:1.1rem;line-height:1.12;max-width:290px}
.starter-browser-nav{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid rgba(17,23,22,.1)}
.starter-browser-nav span{font-size:.52rem;font-weight:850;text-align:center;padding:10px 4px;border-right:1px solid rgba(17,23,22,.08)}
.starter-browser-nav span:last-child{border:0}
.starter-includes{background:rgba(255,255,255,.48);border:1px solid rgba(17,23,22,.13);border-radius:20px;padding:20px;align-self:center}
.starter-includes .proof-kicker{color:#285d50}
.starter-includes>div{padding:10px 0;border-top:1px solid rgba(17,23,22,.12)}
.starter-includes>div:first-of-type{border-top:0;padding-top:2px}
.starter-includes b{display:block;font-size:.75rem}
.starter-includes span{display:block;font-size:.62rem;color:#655f50;line-height:1.35;margin-top:2px}

/* Custom page: turn the empty half of the contrast block into a useful definition of custom */
.contrast-intro>p{max-width:420px;color:#b8c2be;font-size:.82rem;margin:18px 0 20px}
.custom-means-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px;max-width:440px}
.custom-means-grid>div{background:rgba(255,255,255,.055);border:1px solid rgba(255,255,255,.09);border-radius:12px;padding:13px 14px;min-height:92px}
.custom-means-grid span{display:block;font-size:.52rem;color:#f2c14e;font-weight:900;letter-spacing:.12em}
.custom-means-grid b{display:block;font-size:.73rem;color:#fff;margin:5px 0 3px}
.custom-means-grid small{display:block;color:#9faaa6;font-size:.61rem;line-height:1.35}

/* Examples page: make the swap-logo test a concrete comparison, not an empty statement */
.swap-test-section{padding-top:34px!important}
.swap-test-head{display:grid;grid-template-columns:.9fr 1.1fr;gap:50px;align-items:end;margin-bottom:34px}
.swap-test-head h2{font-size:clamp(2.7rem,4.5vw,4.7rem);line-height:.94;letter-spacing:-.06em;margin:0}
.swap-test-head>p{margin:0;color:#59635f;max-width:600px}
.swap-matrix{display:grid;grid-template-columns:1fr 110px 1fr;gap:16px;align-items:center}
.swap-column{background:#fff;border:1px solid rgba(17,23,22,.12);border-radius:22px;overflow:hidden;box-shadow:0 18px 40px rgba(17,23,22,.08)}
.swap-image{height:190px;position:relative;overflow:hidden;color:#fff}
.swap-image img{width:100%;height:100%;object-fit:cover}
.swap-image:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 35%,rgba(8,12,11,.78))}
.swap-image span{position:absolute;z-index:2;left:17px;bottom:14px;font-size:.58rem;letter-spacing:.14em;font-weight:900}
.swap-row{display:grid;grid-template-columns:120px 1fr;gap:14px;padding:14px 18px;border-top:1px solid rgba(17,23,22,.1);align-items:start}
.swap-row small{font-size:.54rem;letter-spacing:.11em;font-weight:900;color:#6c7773}
.swap-row b{font-size:.75rem;line-height:1.35}
.swap-center{text-align:center}
.swap-center span{width:58px;height:58px;margin:0 auto 10px;border-radius:50%;display:grid;place-items:center;background:var(--orange);font-size:1.7rem;font-weight:900;box-shadow:0 12px 26px rgba(255,107,53,.22)}
.swap-center b{display:block;font-size:.72rem;line-height:1.25}
.swap-wedding .swap-row b{font-family:Georgia,serif;font-weight:500}

/* Family pages: use the left rail for a concise family-specific design playbook */
.family-playbook{margin-top:22px;padding-top:18px;border-top:1px solid rgba(17,23,22,.14)}
.family-playbook .proof-kicker{margin-bottom:8px;color:var(--green)}
.family-playbook>div{padding:12px 0;border-top:1px solid rgba(17,23,22,.1)}
.family-playbook>div:first-of-type{border-top:0}
.family-playbook small{display:block;font-size:.52rem;letter-spacing:.12em;font-weight:900;color:#7d8582;margin-bottom:3px}
.family-playbook b{display:block;font-size:.72rem;line-height:1.35}
@media(min-width:821px){.family-page .niche-index{position:sticky;top:102px;align-self:start;max-height:calc(100vh - 124px);overflow:auto;scrollbar-width:thin}}

/* R4 responsive safeguards */
@media(max-width:1060px){
 .template-proof{grid-template-columns:1fr;max-width:680px}
 .starter-browser-card{transform:none}
 .contact-proof{max-width:680px}
 .swap-matrix{grid-template-columns:1fr 82px 1fr}
}
@media(max-width:820px){
 .contact-proof-points{grid-template-columns:1fr}
 .contact-proof-points>div{display:grid;grid-template-columns:34px 120px 1fr;gap:8px;align-items:start}
 .contact-proof-points small,.contact-proof-points b,.contact-proof-points span{margin:0}
 .swap-test-head{grid-template-columns:1fr;gap:18px}
 .swap-matrix{grid-template-columns:1fr;gap:14px}
 .swap-center{display:flex;align-items:center;justify-content:center;gap:12px}
 .swap-center span{margin:0;width:48px;height:48px}
 .family-page .niche-index{max-height:none;overflow:visible}
}
@media(max-width:560px){
 .contact-proof-photo{height:180px}
 .contact-proof-copy{padding:20px}
 .contact-proof-points>div{grid-template-columns:30px 1fr;gap:7px}
 .contact-proof-points span{grid-column:2}
 .template-proof{gap:12px}
 .starter-browser-visual{height:210px}
 .starter-includes{padding:17px}
 .custom-means-grid{grid-template-columns:1fr}
 .swap-row{grid-template-columns:1fr;gap:4px}
 .swap-image{height:170px}
}
@media(max-width:820px){
 .page-custom .service-story[style*="grid-template-columns"]{grid-template-columns:1fr!important}
 .page-custom .service-story img[style*="height"]{height:360px!important;width:100%;object-fit:cover}
}
@media(max-width:560px){.page-custom .service-story img[style*="height"]{height:300px!important}}

/* ==========================================================
   R5 — BUYER-LANGUAGE + PURPOSEFUL SHOWOFF EFFECTS
   Motion is additive. Content remains useful without JS.
   ========================================================== */
.scroll-progress{position:absolute;left:0;right:0;bottom:-1px;height:3px;pointer-events:none;overflow:hidden}.scroll-progress:after{content:"";display:block;height:100%;width:100%;background:linear-gradient(90deg,var(--orange),var(--yellow),var(--green));transform-origin:left;transform:scaleX(var(--scroll,0));transition:transform .08s linear}
.showoff-surface{position:relative;isolation:isolate}.showoff-surface:before{content:"";position:absolute;inset:0;z-index:6;pointer-events:none;opacity:0;background:radial-gradient(260px circle at var(--mx,50%) var(--my,50%),rgba(255,255,255,.19),transparent 70%);transition:opacity .25s;border-radius:inherit}.showoff-surface:hover:before{opacity:1}/* Keep each component's own positioning model intact. The previous rule forced absolute children to relative and broke the homepage collage. */
.showoff-surface>*{z-index:1}
[data-magnetic="true"]{will-change:translate;transition:translate .22s ease,transform .2s,box-shadow .2s,background .2s}
.reveal.visible[data-reveal-index="1"]{animation-delay:.04s}.reveal.visible[data-reveal-index="2"]{animation-delay:.08s}.reveal.visible[data-reveal-index="3"]{animation-delay:.12s}.reveal.visible[data-reveal-index="4"]{animation-delay:.16s}.reveal.visible[data-reveal-index="5"]{animation-delay:.20s}

/* Homepage buyer answers */
.buyer-answers{padding-top:82px}.buyer-answer-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.buyer-answer-grid article{background:#fff;border:1px solid var(--line);border-radius:24px;padding:30px;min-height:290px;display:flex;flex-direction:column}.buyer-answer-grid span{font-size:.62rem;font-weight:950;letter-spacing:.14em;color:var(--orange)}.buyer-answer-grid h3{font-size:1.65rem;line-height:1.03;letter-spacing:-.045em;margin:22px 0 12px}.buyer-answer-grid p{font-size:.88rem;color:#5d6864;margin:0}.buyer-answer-grid b{font-size:.72rem;margin-top:auto;padding-top:24px;color:var(--green)}
.mini-site.is-featured{z-index:25!important;box-shadow:0 45px 100px rgba(14,23,21,.32),0 0 0 3px rgba(255,107,53,.55)}.stage-label{transition:background .3s,transform .3s}.hero-stage:hover .stage-label{transform:rotate(2deg) scale(1.04)}

/* Practical scope section */
.scope-section{padding-top:34px}.scope-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.scope-grid article{background:#fff;border:1px solid var(--line);border-radius:22px;padding:28px;min-height:300px;display:flex;flex-direction:column}.scope-grid small{font-size:.55rem;letter-spacing:.15em;color:var(--orange);font-weight:950}.scope-grid h3{font-size:1.45rem;line-height:1.08;letter-spacing:-.04em;margin:14px 0 12px}.scope-grid p{color:#626d69;font-size:.86rem}.scope-grid a{margin-top:auto;font-size:.76rem;font-weight:850;text-decoration:underline;text-underline-offset:5px}.local-ads-note{margin-top:18px;background:#edf2ef;border:1px solid var(--line);border-radius:16px;padding:17px 20px}.local-ads-note summary{font-weight:850;cursor:pointer}.local-ads-note p{font-size:.82rem;color:#59645f;max-width:880px}

/* About accountability */
.accountability-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.accountability-grid article{border-top:4px solid var(--green);background:#fff;border-radius:18px;padding:27px;box-shadow:0 12px 30px rgba(17,23,22,.06)}.accountability-grid b{font-size:1.05rem}.accountability-grid p{font-size:.85rem;color:#65706d;margin-bottom:0}

/* Template transparency + interactive responsive preview */
.starter-status{padding-top:70px}.starter-status-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.starter-status-grid article{background:#fff;border:1px solid var(--line);border-radius:22px;padding:28px}.starter-status-grid span{font-size:.58rem;color:var(--green);font-weight:950}.starter-status-grid h3{font-size:1.4rem;line-height:1.08;margin:16px 0 10px}.starter-status-grid p{font-size:.84rem;color:#626c68}.starter-release{margin-top:18px;background:var(--ink);color:#fff;border-radius:26px;padding:38px;display:grid;grid-template-columns:1fr .9fr;gap:45px;align-items:start}.starter-release .eyebrow{color:#f2c14e}.starter-release h2{font-size:clamp(2.2rem,3.4vw,3.8rem);line-height:.95;letter-spacing:-.055em;margin:0 0 15px}.starter-release p{color:#b8c2bf}.release-cats{display:flex;flex-wrap:wrap;gap:8px}.release-cats>b{width:100%;font-size:.75rem;margin-bottom:5px}.release-cats span{font-size:.68rem;border:1px solid rgba(255,255,255,.18);border-radius:999px;padding:8px 10px;color:#d9dfdd}.release-cats .btn{width:100%;margin-top:16px;background:#fff;color:var(--ink)}
.device-toggle{display:flex;gap:5px;padding:9px;background:#f4f2ec;border-top:1px solid rgba(17,23,22,.1);justify-content:center}.device-toggle button{border:1px solid rgba(17,23,22,.14);background:#fff;border-radius:999px;padding:6px 10px;font-size:.55rem;font-weight:850;cursor:pointer}.device-toggle button.active{background:var(--ink);color:#fff}.starter-browser-card{transform-origin:center;transition:max-width .55s cubic-bezier(.2,.8,.2,1),transform .55s cubic-bezier(.2,.8,.2,1),margin .55s}.starter-browser-card[data-viewport="tablet"]{max-width:72%;margin-left:auto;margin-right:auto;transform:rotate(0)}.starter-browser-card[data-viewport="mobile"]{max-width:48%;margin-left:auto;margin-right:auto;transform:rotate(0)}

/* Journey progress */
.journey-line{overflow:hidden}.journey-line:after{content:"";position:absolute;inset:0;background:linear-gradient(var(--orange),var(--yellow),var(--green));transform-origin:top;transform:scaleY(var(--journey,0));transition:transform .15s linear}.journey-step{transition:opacity .25s,transform .3s}.journey-step.is-active .journey-number{background:var(--orange);color:var(--ink);transform:scale(1.12);box-shadow:0 0 0 9px rgba(255,107,53,.12)}.journey-step.is-active .journey-image{box-shadow:0 22px 55px rgba(17,23,22,.18);transform:translateY(-4px)}.journey-number,.journey-image{transition:.35s cubic-bezier(.2,.8,.2,1)}

/* Contact: Joy stays available but visually secondary */
.contact-option-secondary{opacity:.82}.contact-option-secondary:hover{opacity:1}.form-status a{font-weight:850;text-decoration:underline;text-underline-offset:4px}

/* Niche SEO pages */
.niche-detail-hero{position:relative;min-height:660px;display:grid;align-items:end;color:#fff;overflow:hidden;background:#111}.niche-detail-hero>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.niche-detail-hero:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(6,10,9,.08),rgba(6,10,9,.9))}.niche-detail-hero-inner{position:relative;z-index:2;width:100%;max-width:var(--max);margin:auto;padding:170px 22px 72px}.niche-detail-hero h1{font-size:clamp(3.4rem,6.1vw,6.8rem);line-height:.89;letter-spacing:-.072em;max-width:980px;margin:12px 0}.niche-detail-hero p{font-size:1.1rem;color:#e2e8e5;max-width:720px}.niche-outcome-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.niche-outcome-grid article{background:#fff;border:1px solid var(--line);border-radius:22px;padding:30px;min-height:250px}.niche-outcome-grid span{font-size:.58rem;color:var(--orange);font-weight:950}.niche-outcome-grid h3{font-size:1.4rem;line-height:1.08;margin:18px 0 10px}.niche-outcome-grid p{font-size:.85rem;color:#616c68}.niche-decision-section{padding-top:20px}.niche-decision-layout{display:grid;grid-template-columns:1fr 1fr;gap:16px}.niche-decision-copy,.niche-page-plan{border-radius:26px;padding:38px}.niche-decision-copy{background:var(--ink);color:#fff}.niche-decision-copy .eyebrow{color:#f2c14e}.niche-page-plan{background:#fff;border:1px solid var(--line)}.niche-decision-layout h2{font-size:clamp(2rem,3.2vw,3.5rem);line-height:.98;letter-spacing:-.055em}.niche-decision-layout ul{padding:0;margin:24px 0 0;list-style:none}.niche-decision-layout li{padding:12px 0;border-top:1px solid currentColor;border-color:rgba(128,138,134,.24);font-size:.88rem;font-weight:720}.plan-note{font-size:.72rem;color:#6b7571;margin-top:25px}.faq-stack{display:grid;gap:10px;max-width:900px}.faq-stack details{background:#fff;border:1px solid var(--line);border-radius:16px;padding:18px 20px}.faq-stack summary{cursor:pointer;font-weight:850}.faq-stack p{font-size:.84rem;color:#606b67;margin-bottom:0}.niche-detail-link{display:inline-block;margin-top:18px;font-size:.72rem;font-weight:850;text-decoration:underline;text-underline-offset:5px;color:var(--green)}
.industry-result-count{justify-self:end;font-size:.65rem;color:#64706b;padding:0 8px}

@media(max-width:820px){.buyer-answer-grid,.scope-grid,.accountability-grid,.starter-status-grid,.niche-outcome-grid,.niche-decision-layout{grid-template-columns:1fr}.starter-release{grid-template-columns:1fr}.starter-browser-card[data-viewport="tablet"],.starter-browser-card[data-viewport="mobile"]{max-width:100%}.niche-detail-hero{min-height:560px}.niche-detail-hero-inner{padding-top:130px}.showoff-surface:before{display:none}}
@media(max-width:560px){.buyer-answer-grid article,.scope-grid article{min-height:auto}.starter-release{padding:28px}.niche-detail-hero h1{font-size:3.2rem}.niche-detail-hero-inner{padding:120px 16px 60px}.niche-decision-copy,.niche-page-plan{padding:26px}.device-toggle{flex-wrap:wrap}.industry-result-count{justify-self:start}}
@media(prefers-reduced-motion:reduce){.scroll-progress:after,.journey-line:after,.starter-browser-card,.journey-number,.journey-image,[data-magnetic="true"]{transition:none!important}.showoff-surface:before{display:none}}


/* ==========================================================
   R6 — HERO STABILITY + MAGIC-WAND MICRO-INTERACTIONS
   The hero cards keep fixed composition; motion is layered on top.
   ========================================================== */
.hero-stage{overflow:visible;isolation:isolate}
.hero-stage:after{content:"";position:absolute;inset:6% 0 3% 4%;pointer-events:none;z-index:-1;background:radial-gradient(300px circle at var(--hero-mx,55%) var(--hero-my,42%),rgba(242,193,78,.16),rgba(31,91,77,.07) 38%,transparent 72%);filter:blur(10px);transition:opacity .25s;opacity:.75}
.stage-grid{overflow:visible}
.mini-site{translate:none!important;will-change:transform,box-shadow}
.mini-site.is-featured{animation:pp-card-breathe 2.5s ease-in-out infinite}
.mini-site.is-featured:after{content:"";position:absolute;z-index:5;inset:-50% auto -50% -45%;width:34%;pointer-events:none;background:linear-gradient(105deg,transparent 0%,rgba(255,255,255,.0) 15%,rgba(255,255,255,.52) 49%,rgba(255,255,255,.0) 83%,transparent 100%);transform:skewX(-14deg);animation:pp-card-glint 2.5s ease-out infinite}
@keyframes pp-card-glint{0%,62%{left:-45%;opacity:0}68%{opacity:.55}88%{left:120%;opacity:.16}100%{left:120%;opacity:0}}
@keyframes pp-card-breathe{0%,100%{box-shadow:0 42px 92px rgba(14,23,21,.28),0 0 0 2px rgba(255,107,53,.36)}50%{box-shadow:0 48px 105px rgba(14,23,21,.34),0 0 0 3px rgba(255,107,53,.52)}}

/* Cursor sparkle trail — tiny, short-lived, desktop-only, never interactive. */
.pp-sparkle{position:fixed;left:0;top:0;z-index:140;width:var(--spark-size,9px);height:var(--spark-size,9px);pointer-events:none;color:var(--spark-color,#f2c14e);background:currentColor;clip-path:polygon(50% 0,59% 39%,100% 50%,59% 61%,50% 100%,41% 61%,0 50%,41% 39%);filter:drop-shadow(0 1px 2px rgba(17,23,22,.18));transform:translate(-50%,-50%) rotate(var(--spark-rot,0deg));animation:pp-sparkle-fade var(--spark-life,650ms) cubic-bezier(.15,.76,.28,1) forwards}
.pp-sparkle.dot{border-radius:50%;clip-path:none}
@keyframes pp-sparkle-fade{0%{opacity:0;transform:translate(-50%,-50%) scale(.2) rotate(var(--spark-rot,0deg))}16%{opacity:.9;transform:translate(-50%,-50%) scale(1) rotate(calc(var(--spark-rot,0deg) + 18deg))}100%{opacity:0;transform:translate(calc(-50% + var(--spark-dx,0px)),calc(-50% + var(--spark-dy,-18px))) scale(.15) rotate(calc(var(--spark-rot,0deg) + 88deg))}}

/* A tiny wand-like glint on the hero keyword; visual only. */
.hero-copy h1 span{position:relative;display:block}
.hero-copy h1 span:after{content:"✦";position:absolute;font-family:Georgia,serif;font-style:normal;font-size:.18em;line-height:1;color:var(--yellow);right:-.02em;top:.08em;opacity:.55;transform:rotate(10deg);animation:pp-keyword-glint 5.8s ease-in-out infinite}
@keyframes pp-keyword-glint{0%,72%,100%{opacity:.35;transform:scale(.82) rotate(10deg)}78%{opacity:1;transform:scale(1.25) rotate(24deg)}84%{opacity:.48;transform:scale(.92) rotate(12deg)}}

@media(max-width:980px){.hero-stage:after{display:none}}
@media(max-width:560px){.hero-copy h1 span:after{display:none}}
@media(prefers-reduced-motion:reduce){.mini-site.is-featured,.mini-site.is-featured:after,.hero-copy h1 span:after,.pp-sparkle{animation:none!important}.mini-site.is-featured:after,.pp-sparkle{display:none!important}}

/* R6 polish: make the wand trail readable without becoming confetti. */
.pp-sparkle{filter:drop-shadow(0 0 4px currentColor) drop-shadow(0 1px 2px rgba(17,23,22,.16))}
@media(max-width:560px){.hero-stage{overflow:hidden!important}}


/* R7 hero collage integrity guard */
.hero-stage.showoff-surface > .stage-grid{position:absolute;inset:30px 0 0 12px;height:auto}
.hero-stage.showoff-surface .mini-site{position:absolute}
@media(max-width:560px){.hero-stage.showoff-surface > .stage-grid{inset:30px 0 0 12px}}