/* TheoByte Apps portfolio. Existing Candle Count styles remain in styles.css. */
.studio-bar{background:#182b23;color:#fffdf7}.studio-bar>.wrap{display:flex;align-items:center;justify-content:space-between;min-height:42px;gap:20px}.studio-wordmark{font-size:.82rem;font-weight:900;letter-spacing:.14em;text-decoration:none;white-space:nowrap}.studio-wordmark span{font-weight:400;letter-spacing:.12em}.studio-note{font-size:.75rem;color:#dce2d7}.app-switcher{display:block;background:#fffdf8;border-bottom:1px solid #d1d4c9}.tab-links{display:flex;gap:8px;overflow-x:auto;scrollbar-width:thin;padding-block:8px;overscroll-behavior-x:contain}.app-switcher a{font-size:.84rem;letter-spacing:-.01em;text-decoration:none;padding:14px 17px;white-space:nowrap;border-radius:5px;min-height:46px;color:#303c33;font-weight:650}.app-switcher a:hover{background:#eceee3}.app-switcher a[aria-current=page]{background:#182b23;color:#fffdf7}.store-banner{background:#eab951;color:#18291f;border-bottom:1px solid #182b2333}.store-banner-inner{display:flex;align-items:center;gap:20px;padding-block:24px;min-height:122px}.store-banner img{width:64px;height:64px;object-fit:contain;border-radius:14px;background:#fffdf6;box-shadow:0 3px 8px #182b2320}.store-banner-inner>div{display:flex;flex-direction:column;gap:6px}.store-banner strong{font-size:1.4rem;letter-spacing:-.04em}.store-banner-inner>div>span{font-size:.9rem;line-height:1.4}.app-store-button{margin-left:auto;display:inline-flex;align-items:center;gap:28px;justify-content:space-between;min-width:210px;padding:14px 22px;border-radius:7px;background:#14271f;color:#fffdf6;text-decoration:none;line-height:1.2;min-height:64px;font-weight:700}.app-store-button small{display:block;font-size:.74rem;font-weight:400}.app-store-button b{display:block;font-size:1.5rem;letter-spacing:-.04em}.app-store-button>span:last-child{font-size:1.7rem}.app-store-button:hover{background:#2b4636;box-shadow:0 5px 0 #14271f26}.beta-banner{background:#e4ebe0}.beta-banner .app-store-button{font-size:1rem;min-width:230px}.studio-footer{background:#14271f;color:#fffdf4;padding:50px 0 26px}.footer-top{display:flex;align-items:flex-start;justify-content:space-between;gap:30px}.footer-top p{font-size:.95rem;color:#d6dfd0;max-width:440px;margin:18px 0}.footer-contact{font-size:1rem;overflow-wrap:anywhere}.studio-footer .studio-wordmark{font-size:1.1rem}.footer-apps{display:flex;flex-wrap:wrap;gap:22px;border-block:1px solid #e3ebdc38;padding-block:24px;margin-block:24px}.footer-apps a{color:#eef2e9;font-size:.9rem}.footer-bottom{display:flex;justify-content:space-between;align-items:center;gap:20px;font-size:.75rem;color:#c5d0bf;line-height:1.7}.footer-bottom>div{display:flex;gap:20px}.footer-bottom a{color:#e4ebde}.other-apps{border-top:1px solid var(--line)}.related-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 40px}.related-grid>a{display:flex;align-items:center;gap:16px;padding:25px 0;border-top:1px solid var(--line);text-decoration:none}.related-grid>a>img{width:48px;height:48px;object-fit:contain;border-radius:11px}.related-grid>a>div{flex:1}.related-grid h3{font-size:1rem;margin:0 0 7px;line-height:1.3;letter-spacing:-.02em}.related-grid p{font-size:.875rem;color:var(--muted);margin:0;line-height:1.4}.related-grid>a>span{font-size:1.2rem}.related-grid>a:hover h3{text-decoration:underline}.cc-questions{padding-top:40px}
.app-page{--app-paper:#f8f5eb;--app-ink:#1a3026;--app-deep:#153b2c;--app-accent:#e6bb61;--app-key:#164d37;--app-pale:#ede8d9;--paper:var(--app-paper);--ink:var(--app-ink);--muted:#566257;--line:#ced0c4;--red:var(--app-key);--yellow:var(--app-accent);background:var(--app-paper);color:var(--app-ink)}.theme-g-golf{--app-paper:#faf7e9;--app-deep:#0f3526;--app-accent:#ebbf66;--app-key:#0f4b33;--app-pale:#e8e4cf}.theme-effortpath{--app-paper:#f6f5f0;--app-deep:#23362b;--app-accent:#d8f36a;--app-key:#375626;--app-pale:#e7ebdc}.theme-where-the-heck-am-i{--app-paper:#f8f4ec;--app-deep:#173950;--app-accent:#f1ba64;--app-key:#175a8c;--app-pale:#e4ebeb}.theme-sweep-protector{--app-paper:#f6f5ef;--app-deep:#173d32;--app-accent:#efa537;--app-key:#24614a;--app-pale:#e5e9da}.app-page .store-banner{background:var(--app-accent)}.app-page .beta-banner{background:#dce9dc}.product-header{display:flex;align-items:center;justify-content:space-between;gap:25px;min-height:92px;border-bottom:1px solid var(--line)}.product-brand{display:flex;align-items:center;gap:12px;text-decoration:none;font-weight:800;font-size:1.05rem;letter-spacing:-.04em}.product-brand img{width:40px;height:40px;border-radius:9px;object-fit:contain}.product-header nav{gap:25px}.product-header nav a{font-size:.84rem;min-height:44px;display:inline-flex;align-items:center}.product-hero{display:grid;grid-template-columns:1.05fr 1fr;gap:65px;padding-block:60px 75px;align-items:center}.product-hero .eyebrow{color:var(--app-key);font-size:.76rem;letter-spacing:.12em;max-width:460px}.product-hero h1{font-size:clamp(3.4rem,6.1vw,6rem);letter-spacing:-.025em;line-height:.97;margin:0 0 28px}.product-hero h1 span{color:var(--app-key)}.answer-lead{font-size:1.13rem;max-width:510px;color:var(--muted);line-height:1.65;margin-bottom:26px}.hero-actions{display:flex;align-items:center;gap:20px;flex-wrap:wrap}.app-page .button.dark{background:var(--app-deep);color:#fffdf6;min-height:54px}.app-page .button.dark:hover{background:var(--app-key)}.hero-actions>.text-link{font-size:.9rem;margin:0}.availability-line{font-size:.77rem;margin:15px 0 0;color:var(--muted)}.hero-showcase{padding:22px 25px;background:var(--app-accent);border:1px solid var(--app-ink);box-shadow:9px 10px 0 var(--app-deep);transform:rotate(1.3deg);color:var(--app-ink);max-width:535px;width:100%;justify-self:center}.showcase-caption{display:flex;gap:18px;justify-content:space-between;font-weight:800;letter-spacing:.06em;font-size:.66rem;line-height:1.5;padding-bottom:15px;border-bottom:1px solid #14271f45}.showcase-screen{display:block;width:min(100%,268px);height:auto;max-height:555px;object-fit:contain;margin:22px auto;border:1px solid #182d2340;border-radius:17px;box-shadow:0 12px 22px #16251a25;transform:rotate(-1.3deg)}.marketing-screen{display:block;width:min(100%,268px);height:auto;max-height:555px;object-fit:contain;margin:22px auto;transform:rotate(-1.3deg)}.showcase-bottom{display:flex;justify-content:space-between;align-items:center;gap:18px;border-top:1px solid #14271f45;padding-top:16px;font-size:.8rem;line-height:1.4;font-weight:700}.showcase-bottom img{width:48px;height:48px;object-fit:contain;border-radius:12px;background:#fffef8}.theme-g-golf .hero-showcase{background:#d8dbbc}.theme-where-the-heck-am-i .hero-showcase{background:#dbe8ef}.app-page .section-heading>.eyebrow{color:var(--app-key)}.app-page h2{font-size:clamp(2.7rem,5vw,4.5rem)}.product-features{display:grid;grid-template-columns:repeat(3,1fr);gap:38px 42px;border-top:1px solid var(--line);padding-top:30px;margin-top:38px}.product-features article{padding-right:8px}.product-features h3{line-height:1.3;font-size:1.2rem;margin-bottom:14px;letter-spacing:-.025em}.product-features p{font-size:.97rem;color:var(--muted);margin:0}.product-features .number{color:var(--app-key);margin-bottom:22px}.how-section{background:var(--app-deep);color:#f6f5e9;padding-block:70px}.how-section>.wrap{display:grid;grid-template-columns:.95fr 1.05fr;gap:80px;align-items:start}.how-section .eyebrow{color:var(--app-accent)}.how-section h2{margin-bottom:0}.how-steps{list-style:none;margin:0;padding:0}.how-steps li{display:flex;align-items:flex-start;gap:22px;border-bottom:1px solid #e8ecd54a;padding:0 0 27px;margin-bottom:27px}.how-steps li:last-child{margin:0;border:0;padding:0}.how-steps>li>span{font-size:.75rem;color:var(--app-accent);font-weight:800;padding-top:5px}.how-steps h3{margin-bottom:10px;font-size:1.25rem;letter-spacing:-.025em}.how-steps p{margin:0;font-size:.98rem;color:#dbe3d5}.split-story{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:90px}.split-story>div>.eyebrow{color:var(--app-key)}.split-story>div>p:not(.eyebrow){font-size:1.05rem;color:var(--muted);max-width:490px}.product-picture{width:min(100%,290px);margin:0;justify-self:center}.product-picture img{width:100%;height:auto;object-fit:contain;border:1px solid #233d2d26;border-radius:12px;box-shadow:12px 15px 0 var(--app-pale)}.product-picture figcaption{margin-top:24px;font-size:.75rem;color:var(--muted);line-height:1.4}.score-guide{background:var(--app-pale);padding-block:70px;border-block:1px solid var(--line)}.score-guide h2{font-size:clamp(2.5rem,4.6vw,4rem)}.score-choices{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}.score-choice{border:1px solid #173d3338;padding:20px 12px;display:flex;flex-direction:column;align-items:center;gap:12px;background:#fffcf0;border-radius:4px;cursor:pointer;color:var(--app-ink);min-height:120px}.score-choice>b{font-size:2.4rem;line-height:1;font-weight:800}.score-choice>span{font-size:.84rem;font-weight:600;line-height:1.4}.score-choice[aria-pressed=true]{background:var(--app-deep);color:#fffdf5}.score-choice:hover{outline:2px solid var(--app-key);outline-offset:2px}.score-explanation{display:flex;align-items:center;gap:25px;margin-top:30px;min-height:70px}.score-explanation strong{font-family:Impact,'Arial Narrow',Arial,sans-serif;font-size:3.8rem;color:var(--app-key);min-width:85px}.score-explanation p{font-size:1.2rem;margin:0;line-height:1.5}.guide-note{font-size:.8rem;color:var(--muted);margin-bottom:0}.focus-section{background:#e8eddc;border-block:1px solid var(--line)}.focus-section .mode-tabs{margin-bottom:0}.focus-section .mode-tabs button[aria-selected=true]{background:var(--app-deep)}.focus-panel{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center;padding-top:40px}.focus-panel[hidden]{display:none}.focus-panel>div{max-width:480px}.focus-panel h3{font-size:2rem;letter-spacing:-.035em;line-height:1.14}.focus-panel p{font-size:1.08rem;color:var(--muted)}.focus-panel .product-picture{width:min(100%,265px)}.yokey-band{background:var(--app-accent);padding-block:75px}.yokey-band>.wrap{display:grid;grid-template-columns:.7fr 1.3fr;gap:80px;align-items:center}.yokey-band h2{font-size:4rem}.yokey-band p{max-width:630px;font-size:1.05rem}.yokey-band .fine{font-size:.82rem;max-width:600px;color:#34432d}.yokey-symbol{display:flex;align-items:center;justify-content:center;font-family:Impact,Arial,sans-serif;font-size:11rem;line-height:1;aspect-ratio:1;max-width:270px;width:100%;border:2px solid #263b2f;border-radius:50%;color:var(--app-deep);transform:rotate(-7deg)}.yokey-symbol>span{font-family:Arial,sans-serif;font-size:5rem;margin-left:-10px}.place-band{background:var(--app-pale);padding-block:75px}.faq-layout{display:grid;grid-template-columns:.8fr 1.2fr;gap:85px;align-items:start}.faq-layout .faq{margin-top:0}.app-page .faq summary{font-size:1rem}.app-page .faq details p{font-size:.97rem}.help-band{background:var(--app-pale);padding-block:65px;border-block:1px solid var(--line)}.help-layout{display:grid;grid-template-columns:1fr 1fr;gap:80px}.help-layout h2{font-size:3.3rem;margin-bottom:20px}.help-layout h3{font-size:1.55rem;margin:0 0 20px}.help-layout p:not(.eyebrow){color:var(--muted);font-size:1rem}.help-layout .eyebrow{font-size:.72rem;color:var(--app-key)}.contact-email{font-size:1.1rem;font-weight:800;overflow-wrap:anywhere}.help-layout .text-link{font-size:.92rem}.beta-intro{display:flex;align-items:center;gap:25px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding-block:26px}.beta-tag{font-size:.73rem;letter-spacing:.08em;font-weight:800;white-space:nowrap;border:1px solid var(--app-key);padding:10px 13px;color:var(--app-key)}.beta-intro p{margin:0;font-size:.94rem;color:var(--muted);max-width:800px}.parking-art{position:relative;margin:24px 0;background:#e9e5d4;border-radius:8px;overflow:hidden;aspect-ratio:1.05}.parking-art>svg{width:100%;height:auto;display:block}.parking-note{position:absolute;left:22px;right:22px;bottom:24px;display:flex;gap:13px;align-items:center;background:#fffdf3;border:1px solid #173d3230;border-radius:5px;padding:18px 17px;box-shadow:0 8px 18px #123b2620}.parking-note strong{display:block;font-size:.95rem;margin-bottom:4px}.parking-note div>span{font-size:.74rem;color:#536451;line-height:1.5}.parking-dot{width:12px;height:12px;border-radius:50%;background:#24614a;flex:none}.coverage-band{padding-block:80px;background:#e6eadb}.coverage-band>.wrap{display:grid;grid-template-columns:.75fr 1.25fr;gap:80px;align-items:center}.coverage-band p{max-width:570px;color:var(--muted);font-size:1.05rem}.coverage-band .eyebrow{color:var(--app-key);font-size:.76rem}.coverage-sign{border:5px solid var(--app-deep);width:240px;aspect-ratio:.78;background:#fbfaed;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;transform:rotate(-5deg);box-shadow:8px 9px 0 #173d3220;justify-self:center}.coverage-sign>span{font-family:Impact,Arial,sans-serif;font-size:7rem;line-height:1;color:var(--app-key)}.coverage-sign>small{font-size:.9rem;font-weight:800;text-align:center;letter-spacing:.09em;line-height:1.4}
@media(min-width:1500px){.product-hero{padding-block:75px 85px}}
@media(max-width:1050px){.product-hero{gap:40px}.product-hero h1{font-size:clamp(3.3rem,6.2vw,5.2rem)}.hero-actions{gap:18px}.product-features{gap:35px 28px}.how-section>.wrap,.split-story,.faq-layout,.help-layout{gap:45px}.product-header nav{gap:20px}.related-grid{gap:0 28px}}
@media(max-width:760px){.studio-note{display:none}.tab-links{width:100%;padding-inline:18px;gap:2px}.app-switcher a{font-size:.79rem;padding:12px}.store-banner-inner{gap:13px;padding-block:20px;flex-wrap:wrap}.store-banner img{width:52px;height:52px;border-radius:12px}.store-banner strong{font-size:1.18rem}.store-banner-inner>div>span{font-size:.78rem}.app-store-button{min-width:190px;padding:12px 18px;min-height:60px}.product-header{min-height:82px}.product-brand{font-size:.95rem;max-width:65%;line-height:1.35}.product-brand img{width:34px;height:34px}.product-header nav{gap:18px}.product-header nav a{font-size:.78rem}.product-header nav a:first-child{display:none}.product-hero{grid-template-columns:1fr;padding-block:40px 55px;gap:38px}.product-hero-copy{max-width:580px}.product-hero h1{font-size:clamp(3.15rem,12.7vw,5.4rem)}.answer-lead{font-size:1.04rem}.product-hero .eyebrow{font-size:.69rem;letter-spacing:.1em}.hero-showcase{max-width:420px;transform:rotate(.8deg);box-shadow:7px 8px 0 var(--app-deep)}.showcase-screen,.marketing-screen{max-height:520px}.product-features{grid-template-columns:1fr 1fr;gap:30px 26px}.product-features h3{font-size:1.1rem}.product-features p{font-size:.93rem}.how-section{padding-block:55px}.how-section>.wrap{grid-template-columns:1fr;gap:35px}.how-section h2{font-size:3rem}.split-story{grid-template-columns:1fr;gap:40px}.product-picture{width:270px}.place-band .product-picture{order:2}.score-choices{grid-template-columns:repeat(3,1fr);gap:10px}.score-choice{min-height:108px;padding:16px 10px}.score-choice>b{font-size:2rem}.score-choice>span{font-size:.78rem}.focus-panel{grid-template-columns:1fr;gap:35px;padding-top:30px}.focus-panel h3{font-size:1.65rem}.focus-panel p{font-size:1rem}.yokey-band{padding-block:55px}.yokey-band>.wrap{grid-template-columns:1fr;gap:35px}.yokey-symbol{max-width:150px;font-size:7rem}.yokey-symbol>span{font-size:3rem}.yokey-band h2{font-size:3rem}.faq-layout{grid-template-columns:1fr;gap:20px}.help-layout{grid-template-columns:1fr;gap:45px}.help-layout h2{font-size:2.8rem}.help-layout article+article{padding-top:35px;border-top:1px solid var(--line)}.related-grid{grid-template-columns:1fr}.related-grid>a{padding:21px 0}.related-grid h3{font-size:1.05rem}.footer-top{flex-direction:column;gap:15px}.footer-bottom{align-items:flex-start;flex-direction:column;gap:15px}.studio-footer{padding-top:40px}.coverage-band{padding-block:55px}.coverage-band>.wrap{grid-template-columns:1fr;gap:40px}.coverage-sign{width:180px;justify-self:start;margin-left:10px}.coverage-sign>span{font-size:5rem}.coverage-sign>small{font-size:.75rem}.beta-intro{flex-direction:column;align-items:flex-start;gap:14px}.beta-intro p{font-size:.9rem}}
@media(max-width:440px){.store-banner-inner .app-store-button{width:100%;margin-left:0;margin-top:2px}.store-banner-inner{padding-block:18px}.product-header{flex-wrap:wrap;padding-block:16px;gap:8px}.product-brand{max-width:100%}.product-header nav{width:100%;justify-content:space-between;border-top:1px solid var(--line);padding-top:6px}.product-header nav a:first-child{display:flex}.product-features{grid-template-columns:1fr}.product-features article{border-bottom:1px solid var(--line);padding-bottom:25px}.product-features article:last-child{padding-bottom:0;border:0}.product-features .number{margin-bottom:14px}.hero-showcase{padding:18px;margin-right:5px}.showcase-caption{font-size:.6rem}.showcase-bottom{font-size:.73rem}.showcase-screen,.marketing-screen{width:min(100%,240px)}.score-guide{padding-block:50px}.score-choice>span{font-size:.74rem}.score-choices{gap:7px}.score-explanation{gap:15px}.score-explanation p{font-size:1rem}.score-explanation strong{font-size:3rem;min-width:60px}.focus-section .mode-tabs button{font-size:.85rem;padding-inline:12px}.footer-apps{gap:18px}.parking-note{left:12px;right:12px;bottom:12px;padding:12px}.parking-note strong{font-size:.85rem}.parking-note div>span{font-size:.67rem}.hero-actions>.button{width:100%}.studio-bar>.wrap{min-height:38px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important;animation:none!important}}

/* Unified app banner */
.store-banner-inner{display:grid;grid-template-columns:minmax(0,1fr) auto auto;grid-template-areas:"identity sections download";gap:24px;align-items:center;padding-block:24px;min-height:122px}
.banner-brand{grid-area:identity;display:flex;align-items:center;gap:20px;min-width:0;text-decoration:none;color:inherit}
.banner-brand>img{flex:none}.banner-copy{display:flex;flex-direction:column;gap:6px;min-width:0}.banner-copy strong{line-height:1.15}.banner-copy>span{font-size:.9rem;line-height:1.4}
.banner-nav{grid-area:sections;display:flex;align-items:center;gap:24px}.banner-nav a{display:inline-flex;align-items:center;min-height:44px;font-size:.87rem;white-space:nowrap;color:inherit;text-decoration:none}.banner-nav a:hover{text-decoration:underline;text-underline-offset:5px}.store-banner .app-store-button{grid-area:download;margin-left:0}
@media(max-width:980px){.store-banner-inner{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"identity download" "sections sections";gap:17px 20px;padding-block:22px 10px}.banner-nav{justify-content:flex-start;gap:32px;padding-top:5px;border-top:1px solid #182b2330}.banner-copy strong{font-size:1.3rem}}
@media(max-width:540px){.store-banner-inner{grid-template-columns:minmax(0,1fr);grid-template-areas:"identity" "download" "sections";gap:16px;padding-block:20px 8px}.banner-brand{gap:14px}.banner-brand>img{width:52px;height:52px;border-radius:12px}.banner-copy strong{font-size:1.22rem}.banner-copy>span{font-size:.78rem}.store-banner .app-store-button{width:100%;margin-top:0;min-height:64px}.banner-nav{justify-content:space-between;gap:16px;padding-top:3px}.banner-nav a{font-size:.79rem}}
