:root {
    --ink:#f5f8ff;
    --muted:#b7c8dc;
    --bg:#07111f;
    --panel:#0e2034;
    --panel-2:#112a45;
    --line:#294866;
    --blue:#2f8df4;
    --green:#36c98f;
    --yellow:#f3ba45;
    --red:#ef6464;
    --purple:#9a64f6;
    --cyan:#25b8cf;
    --shadow:0 22px 55px rgba(0,0,0,.28);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:88px}
body{margin:0;background:radial-gradient(circle at 85% 4%,rgba(47,141,244,.18),transparent 26rem),var(--bg);color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.55}
a{color:inherit}button,a{-webkit-tap-highlight-color:transparent}.shell{width:min(1140px,calc(100% - 36px));margin-inline:auto}
.skip-link{position:fixed;left:12px;top:-80px;z-index:200;padding:10px 14px;border-radius:8px;background:#fff;color:#07111f;font-weight:800}.skip-link:focus{top:12px}
.site-header{position:sticky;top:0;z-index:80;min-height:72px;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:10px max(18px,calc((100vw - 1140px)/2));border-bottom:1px solid rgba(41,72,102,.8);background:rgba(7,17,31,.91);backdrop-filter:blur(14px)}
.brand{display:flex;align-items:center;gap:11px;text-decoration:none}.brand-mark{width:44px;height:44px;display:grid;place-items:center;border-radius:13px;background:linear-gradient(145deg,#40a6ff,#1469c6);font-size:24px;font-weight:950}.brand strong,.brand small{display:block;line-height:1.15}.brand strong{font-size:18px}.brand small{margin-top:4px;color:var(--muted);font-size:11px}.site-header nav{display:flex;gap:5px}.site-header nav a{padding:8px 10px;border-radius:8px;color:#d8e7f7;font-size:13px;font-weight:750;text-decoration:none}.site-header nav a:hover,.site-header nav a:focus-visible{background:#132b45}
.hero{min-height:620px;display:grid;grid-template-columns:1.1fr .9fr;gap:60px;align-items:center;padding-block:70px}.eyebrow{margin:0 0 12px;color:#76b5ff;font-size:12px;font-weight:900;letter-spacing:.12em;text-transform:uppercase}.hero h1{max-width:740px;margin:0 0 22px;font-size:clamp(48px,7vw,82px);line-height:.96;letter-spacing:-.055em}.lead{max-width:700px;margin:0 0 16px;color:#d6e4f3;font-size:clamp(19px,2vw,24px)}.hero-copy>p:not(.eyebrow):not(.lead):not(.audio-status){max-width:650px;color:var(--muted)}
.hero-actions,.cta-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:28px}button,.link-button{min-height:48px;border:1px solid transparent;border-radius:11px;padding:11px 17px;font:inherit;font-weight:850;cursor:pointer}.primary{border-color:#65afff;background:var(--blue);color:#fff}.primary:hover{background:#3f99f8}.secondary{border-color:var(--line);background:#10243a;color:#e7f1fc}.secondary:hover{background:#17314e}button:disabled{opacity:.45;cursor:not-allowed}.audio-status{min-height:22px;margin:10px 0 0;color:#91abc6;font-size:13px}
.reno-stage{position:relative;min-height:430px;display:grid;place-items:center;padding:24px;border:1px solid #29588c;border-radius:32px;background:linear-gradient(150deg,rgba(38,100,170,.72),rgba(11,27,45,.95) 58%);box-shadow:var(--shadow);overflow:hidden}.reno-stage::before{content:"";position:absolute;inset:auto -90px -100px auto;width:300px;height:300px;border-radius:50%;background:rgba(49,153,244,.13)}.reno-dog{width:min(100%,300px);filter:drop-shadow(0 22px 25px rgba(0,0,0,.26));animation:reno-breathe 4.2s ease-in-out infinite}.speech{position:relative;max-width:360px;margin-top:-4px;padding:15px 17px;border:1px solid rgba(243,186,69,.45);border-radius:16px;background:rgba(7,17,31,.88);color:#ffe5aa;font-weight:750}.speech::before{content:"";position:absolute;top:-9px;left:45%;width:16px;height:16px;border-left:1px solid rgba(243,186,69,.45);border-top:1px solid rgba(243,186,69,.45);background:#0a1929;transform:rotate(45deg)}@keyframes reno-breathe{50%{transform:translateY(-6px) rotate(1deg)}}
.quick-strip{border-block:1px solid #244361;background:#0b1c2f}.quick-grid{min-height:88px;display:flex;align-items:center;justify-content:center;gap:28px;color:#d7e8fa;font-weight:800}.quick-grid span{display:flex;align-items:center;gap:9px}.quick-grid b{width:30px;height:30px;display:grid;place-items:center;border-radius:50%;background:#173e68;color:#87c2ff}.quick-grid i{color:#587796;font-style:normal}
.section{padding-block:82px}.section-dark{background:#091827;border-block:1px solid #1c3852}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:28px;margin-bottom:32px}.section-heading.compact{align-items:flex-start}.section-heading h2,.final-cta h2{margin:0 0 9px;font-size:clamp(32px,4vw,49px);line-height:1.08;letter-spacing:-.035em}.section-heading p:not(.eyebrow){max-width:720px;margin:0;color:var(--muted);font-size:17px}.listen-section{flex:0 0 auto;min-height:42px;padding:8px 12px;border-color:#335778;background:#10253b;color:#dceafa;font-size:13px}.listen-section:hover{background:#173653}
.workflow{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;margin:0;padding:0;list-style:none}.workflow li{position:relative;min-height:250px;padding:20px;border:1px solid var(--line);border-radius:19px;background:linear-gradient(155deg,#132b45,#0c1b2c);box-shadow:0 10px 28px rgba(0,0,0,.16)}.workflow li::after{content:"";position:absolute;right:-12px;top:42px;width:12px;height:2px;background:#3b6388}.workflow li:last-child::after{display:none}.step-icon,.tool-icon{display:block;margin-bottom:17px;font-size:31px}.workflow strong{font-size:17px}.workflow p{margin:8px 0 0;color:var(--muted);font-size:14px}
.tool-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.tool-card{position:relative;display:flex;flex-direction:column;min-height:420px;padding:24px;border:1px solid var(--line);border-radius:22px;background:#0e2034;overflow:hidden}.tool-card::before{content:"";position:absolute;inset:0 0 auto;height:5px;background:var(--accent)}.tool-card.blue{--accent:var(--blue)}.tool-card.red{--accent:var(--red)}.tool-card.green{--accent:var(--green)}.tool-card.purple{--accent:var(--purple)}.tool-card.orange{--accent:var(--yellow)}.tool-card.cyan{--accent:var(--cyan)}.tool-card h3{margin:0 0 8px;font-size:24px}.tool-card>p{margin:0 0 12px;color:#c4d4e5}.tool-card ul{margin:0;padding-left:19px;color:#aebfd2}.tool-card li+li{margin-top:5px}.tool-card .site-joke{margin:18px 0;color:#ffe4a7;font-weight:700}.tool-card .listen-section{align-self:flex-start;margin-top:auto}
.day-line{display:grid;grid-template-columns:repeat(5,1fr);border:1px solid var(--line);border-radius:20px;background:#0d1f33;overflow:hidden}.day-line>div{min-height:210px;padding:21px;border-right:1px solid var(--line)}.day-line>div:last-child{border:0}.day-line time{display:block;margin-bottom:16px;color:#78b8ff;font-size:13px;font-weight:900}.day-line strong{display:block;font-size:16px}.day-line p{margin:9px 0 0;color:var(--muted);font-size:14px}
.faq-section{background:linear-gradient(180deg,#0d2137,#081725)}.faq-list{display:grid;grid-template-columns:1fr 1fr;gap:12px}.faq-list details{border:1px solid var(--line);border-radius:16px;background:#10243a;padding:0 18px}.faq-list summary{padding:18px 38px 18px 0;font-weight:850;cursor:pointer}.faq-list details p{color:var(--muted)}.faq-list .listen-section{margin:0 0 18px}.faq-list details[open]{border-color:#3c72a8;background:#122b45}
.final-cta{display:grid;grid-template-columns:auto 1fr auto;gap:24px;align-items:center;margin-block:76px;padding:30px;border:1px solid #356da7;border-radius:25px;background:linear-gradient(140deg,#123c67,#0c2035);box-shadow:var(--shadow)}.mini-reno{width:72px;height:72px;display:grid;place-items:center;border-radius:22px;background:#fff0d2;font-size:43px}.final-cta p:not(.eyebrow){margin:0;color:#c6d8ea}.final-cta .cta-actions{justify-content:flex-end;margin:0}.link-button{display:inline-flex;align-items:center;justify-content:center;text-decoration:none}
footer{border-top:1px solid #1f3d59;background:#050d17}.footer-inner{min-height:90px;display:flex;align-items:center;justify-content:space-between;gap:20px;color:#839ab2;font-size:13px}
.audio-dock{position:fixed;right:max(14px,env(safe-area-inset-right));bottom:max(14px,env(safe-area-inset-bottom));z-index:100;width:min(390px,calc(100% - 28px));display:grid;grid-template-columns:1fr auto auto;gap:10px;align-items:center;padding:12px 13px;border:1px solid #4b7fb2;border-radius:17px;background:rgba(8,27,45,.96);box-shadow:0 18px 50px rgba(0,0,0,.45);backdrop-filter:blur(12px)}.audio-dock[hidden]{display:none}.audio-dock strong,.audio-dock span{display:block}.audio-dock span{color:#91abc4;font-size:11px}.audio-dock button{width:42px;height:42px;min-height:42px;padding:0;border-color:#365f85;background:#15334f;color:#fff}.is-speaking{outline:2px solid #60adff;outline-offset:5px}.is-speaking .reno-dog{animation-duration:1.1s}
@media(max-width:980px){.hero{grid-template-columns:1fr;gap:34px;padding-block:54px}.reno-stage{min-height:390px}.workflow{grid-template-columns:repeat(2,1fr)}.workflow li::after{display:none}.tool-grid{grid-template-columns:1fr 1fr}.day-line{grid-template-columns:1fr 1fr}.day-line>div{min-height:170px;border-bottom:1px solid var(--line)}.final-cta{grid-template-columns:auto 1fr}.final-cta .cta-actions{grid-column:1/-1;justify-content:flex-start}}
@media(max-width:660px){html{scroll-padding-top:70px}.shell{width:min(100% - 24px,1140px)}.site-header{min-height:64px;padding:8px 12px}.brand-mark{width:40px;height:40px}.site-header nav{display:none}.hero{min-height:auto;padding-block:36px}.hero h1{font-size:46px}.lead{font-size:18px}.hero-actions button{width:100%}.reno-stage{min-height:340px;padding:18px}.reno-dog{width:230px}.speech{font-size:14px}.quick-grid{min-height:75px;gap:8px;font-size:12px}.quick-grid b{width:24px;height:24px}.quick-grid i{font-size:11px}.section{padding-block:58px}.section-heading{align-items:flex-start;margin-bottom:24px}.section-heading h2,.final-cta h2{font-size:32px}.workflow,.tool-grid,.faq-list,.day-line{grid-template-columns:1fr}.workflow li{min-height:auto}.tool-card{min-height:auto}.tool-card .listen-section{margin-top:12px}.day-line>div{min-height:auto;border-right:0}.final-cta{grid-template-columns:1fr;margin-block:50px;padding:24px}.mini-reno{width:58px;height:58px}.final-cta .cta-actions{grid-column:auto}.final-cta .link-button{width:100%}.footer-inner{align-items:flex-start;flex-direction:column;justify-content:center}.audio-dock{left:14px;right:14px;width:auto}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reno-dog{animation:none}}
