.entry-page{max-width:1280px;margin:0 auto;padding:0 48px}
.entry-header{min-height:100px;display:flex;align-items:center;gap:38px;border-bottom:1px solid var(--line)}
.entry-header .brand{display:grid;grid-template-columns:38px auto;column-gap:11px;align-items:center;padding:0;text-align:left}
.entry-header .brand img{grid-row:1/3;width:38px;height:38px}
.entry-header .brand strong{font-size:19px;line-height:1.2}
.entry-header .brand small{font-size:9px;letter-spacing:.14em}
.entry-header>nav{display:flex;gap:24px;margin-left:auto}
.entry-header>nav a,.entry-footer a{font-size:12px;text-decoration:none;color:var(--muted)}
.entry-header>nav a:hover,.entry-footer a:hover{color:var(--accent);text-decoration:underline}
.entry-tools{display:flex;align-items:center;gap:14px}
.entry-main{min-height:calc(100dvh - 180px)}
.entry-footer{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:80px;border-top:1px solid var(--line);color:var(--muted);font-size:11px}
.entry-footer a{display:inline-flex;align-items:center;gap:6px}
.entry-footer .icon{width:14px;height:14px}
.is-entry .skip-link{left:24px}
.is-entry .toast{left:24px}
.home-hero{display:grid;grid-template-columns:1fr 1.03fr;gap:70px;align-items:center;padding:80px 0 92px}
.home-intro h1{font-size:clamp(38px,4.1vw,58px);font-weight:680;line-height:1.08;letter-spacing:-.035em;max-width:11ch;text-wrap:balance}
.home-intro h1 span{color:var(--accent)}
.home-intro>p{font-size:16px;line-height:1.75;color:var(--muted);margin-top:26px;max-width:45ch}
.home-actions{display:flex;align-items:center;gap:22px;flex-wrap:wrap;margin-top:30px}
.home-actions .button{min-height:46px;padding:11px 18px}
.home-intro>.entry-note,.entry-note{font-size:12px;line-height:1.7;color:var(--muted);margin-top:18px;max-width:60ch}
.home-preview{margin:0;border:1px solid var(--line);border-radius:12px;background:var(--surface);overflow:hidden;animation:preview-reveal .55s cubic-bezier(.16,1,.3,1)}
.home-preview figcaption{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:20px;border-bottom:1px solid var(--line)}
.preview-domain{display:flex;align-items:center;gap:11px}
.preview-domain strong{font-size:14px;display:block}
.preview-domain small{font-size:11px;color:var(--muted)}
.preview-metrics{display:grid;grid-template-columns:repeat(3,1fr);padding:24px 20px 18px;gap:16px}
.preview-metrics span{font-size:11px;color:var(--muted);display:block;margin-bottom:6px}
.preview-metrics strong{font-size:24px;font-weight:650;font-variant-numeric:tabular-nums;letter-spacing:-.02em}
.preview-chart{padding:12px 20px 16px}
.preview-chart>div{display:flex;justify-content:space-between;gap:15px;font-size:11px;margin-bottom:14px}
.preview-chart>div span{color:var(--muted)}
.preview-chart .performance-chart{height:125px}
.preview-query{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:11px 20px;border-top:1px solid var(--line);font-size:11px;font-variant-numeric:tabular-nums}
.preview-query strong{font-weight:500;overflow-wrap:anywhere}
.preview-query:has(+.preview-query strong){color:var(--muted)}
.preview-open{display:flex;align-items:center;justify-content:space-between;padding:14px 20px;border-top:1px solid var(--line);background:var(--surface-alt);font-size:12px;font-weight:600;text-decoration:none}
.home-section-intro h2,.home-author h2,.home-faq h2,.home-final h2{font-size:32px;line-height:1.2;letter-spacing:-.025em;font-weight:650;text-wrap:balance}
.home-section-intro>p,.home-author>div>p,.home-faq>div>p{font-size:14px;line-height:1.8;color:var(--muted);margin-top:20px;max-width:48ch}
.home-capabilities{border-top:1px solid var(--line);padding:66px 0 76px;display:grid;grid-template-columns:1fr 1.03fr;gap:70px}
.capability-list article{display:flex;gap:20px;padding:0 0 26px}
.capability-list article+article{border-top:1px solid var(--line);padding-top:26px}
.capability-list article:last-child{padding-bottom:0}
.capability-icon{color:var(--accent);padding-top:3px}
.capability-icon .icon{width:23px;height:23px}
.capability-list h3{font-size:17px;letter-spacing:-.015em}
.capability-list p{font-size:13px;line-height:1.8;color:var(--muted);margin:10px 0 14px}
.home-start{background:var(--surface-alt);padding:48px;border:1px solid var(--line);border-radius:12px}
.home-start .home-section-intro{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:start}
.home-start .home-section-intro p{margin:0}
.start-steps{list-style:none;display:grid;grid-template-columns:repeat(3,1fr);gap:36px;padding:0;margin:36px 0}
.start-steps li{border-top:1px solid var(--line);padding-top:20px}
.step-number{display:flex;width:27px;height:27px;align-items:center;justify-content:center;background:var(--accent-soft);color:var(--accent);border-radius:50%;font-weight:650;font-size:12px;margin-bottom:18px}
.start-steps h3{font-size:15px}
.start-steps p{color:var(--muted);font-size:13px;line-height:1.75;margin-top:9px}
.start-bottom{display:flex;align-items:center;gap:24px;flex-wrap:wrap}
.start-bottom>span{display:flex;gap:9px;align-items:center;color:var(--muted);font-size:11px}
.home-author{display:grid;grid-template-columns:1fr 1.4fr;gap:70px;padding:80px 0;border-bottom:1px solid var(--line)}
.author-profile{display:flex;align-items:flex-start;gap:24px;padding:28px;background:var(--surface);border:1px solid var(--line);border-radius:12px}
.author-profile>img{border-radius:12px;object-fit:cover;flex:none}
.author-profile h3{font-size:21px;letter-spacing:-.02em}
.author-profile p{font-size:13px;line-height:1.85;color:var(--muted);margin-top:14px}
.author-profile .author-role{font-size:11px;margin-top:5px}
.author-links{display:flex;gap:20px;flex-wrap:wrap;margin-top:22px}
.author-links a{display:inline-flex;align-items:center;gap:5px;font-size:11px;font-weight:600;text-decoration:none}
.author-links .icon{width:13px;height:13px}
.home-faq{display:grid;grid-template-columns:1fr 1.4fr;gap:70px;padding:68px 0}
.home-faq details{border-bottom:1px solid var(--line)}
.home-faq summary{font-size:14px;font-weight:550;padding:18px 0;cursor:pointer}
.home-faq details:first-child summary{padding-top:0}
.home-faq details p{font-size:13px;line-height:1.8;padding:0 0 18px;color:var(--muted);max-width:65ch}
.home-final{display:flex;align-items:center;justify-content:space-between;gap:50px;padding:38px 0 60px}
.home-final h2{max-width:20ch}
.home-final p{font-size:11px;color:var(--muted);margin-top:10px}
.entry-login{display:flex;flex-direction:column;align-items:center;padding:64px 0 48px;gap:25px}
.signin-panel{width:100%;max-width:500px;padding:38px;background:var(--surface);border:1px solid var(--line);border-radius:12px}
.signin-panel h1{font-size:30px;letter-spacing:-.03em;line-height:1.2}
.signin-panel>p{font-size:14px;line-height:1.75;color:var(--muted);margin-top:19px}
.signin-button{width:100%;min-height:48px;margin-top:28px;justify-content:space-between;padding:12px 17px;font-size:14px}
.signin-panel>.entry-note{font-size:12px;margin:15px 0 25px}
.signin-benefits{list-style:none;padding:24px 0;margin:0;border-top:1px solid var(--line);display:grid;gap:16px}
.signin-benefits li{display:flex;gap:10px;font-size:12px;align-items:center}
.signin-benefits .icon{color:var(--positive);width:17px;height:17px;flex:none}
.signin-future{display:flex;gap:10px;padding-top:19px;border-top:1px solid var(--line);font-size:11px;color:var(--muted);line-height:1.7}
.signin-future .icon{flex:none;margin-top:2px}
.project-onboarding{display:grid;grid-template-columns:1fr 1.1fr;gap:80px;padding:72px 0 80px;align-items:start}
.onboarding-progress{list-style:none;display:flex;gap:8px;flex-wrap:wrap;padding:0;margin:0 0 35px;color:var(--muted);font-size:10px}
.onboarding-progress li{display:flex;align-items:center;gap:5px}
.onboarding-progress li+li:before{content:'/';margin-right:3px;color:var(--muted)}
.onboarding-progress [aria-current]{color:var(--accent);font-weight:650}
.onboarding-progress .icon{width:13px;height:13px}
.onboarding-intro h1{font-size:36px;letter-spacing:-.03em;line-height:1.2;text-wrap:balance}
.onboarding-intro>p{font-size:14px;color:var(--muted);line-height:1.8;margin-top:23px}


.project-choice{padding:28px;border:1px solid var(--line);border-radius:12px;background:var(--surface)}
.project-choice fieldset{margin:0;padding:0;border:0;min-width:0}
.project-choice legend{font-size:13px;font-weight:600;padding:0 0 15px}
.property-choice{display:flex;align-items:center;gap:13px;min-height:88px;padding:17px 0;border-top:1px solid var(--line);cursor:pointer}
.property-choice strong{display:block;font-size:13px;overflow-wrap:anywhere}
.property-choice small{display:block;font-size:11px;color:var(--muted);margin-top:4px}
.property-choice .badge{margin-left:auto}
.project-choice>.button{width:100%;min-height:44px;justify-content:space-between;margin-top:12px}
.project-choice>.text-link{margin-top:21px}
::selection{background:var(--accent-soft);color:var(--ink)}
input,textarea{caret-color:var(--accent)}
@keyframes preview-reveal{from{clip-path:inset(0 0 7% 0);transform:translateY(8px)}to{clip-path:inset(0);transform:none}}
@media(max-width:1100px){.entry-page{padding:0 30px}.entry-header{gap:22px}.entry-header>nav{gap:16px}.home-hero,.home-capabilities{gap:38px}.home-hero{padding:60px 0}.home-start{padding:32px}.home-author,.home-faq,.project-onboarding{gap:38px}.author-profile{gap:18px}.author-profile>img{width:80px;height:80px}}
@media(max-width:800px){.entry-header{flex-wrap:wrap;padding:20px 0;gap:20px}.entry-header>nav{order:3;width:100%;justify-content:center}.entry-tools{margin-left:auto}.home-hero{grid-template-columns:1fr;gap:40px;padding:48px 0}.home-intro h1{font-size:48px;max-width:15ch}.home-intro>p{max-width:60ch}.home-preview{max-width:650px;width:100%}.home-capabilities{grid-template-columns:1fr;gap:36px;padding:48px 0}.home-start .home-section-intro{grid-template-columns:1fr;gap:18px}.start-steps{gap:24px}.home-author,.home-faq{grid-template-columns:1fr;gap:30px;padding:48px 0}.home-final{align-items:flex-start}.project-onboarding{grid-template-columns:1fr;gap:32px;padding:40px 0 50px}.onboarding-progress{margin-bottom:25px}.onboarding-intro h1{font-size:32px}}
@media(max-width:520px){.entry-page{padding:0 20px}.entry-header{gap:16px;min-height:88px}.entry-header .brand{grid-template-columns:30px auto;column-gap:8px}.entry-header .brand img{width:30px;height:30px}.entry-header .brand strong{font-size:16px}.entry-header .brand small{font-size:8px}.entry-tools{gap:8px}.entry-tools>.button{display:none}.entry-tools .theme-control>.icon{display:none}.entry-tools select{max-width:111px}.entry-header>nav{justify-content:flex-start;gap:24px;font-size:12px}.home-intro h1{font-size:42px}.home-intro>p{font-size:15px;margin-top:21px}.home-actions{gap:19px}.home-preview figcaption{padding:16px}.preview-metrics{padding:20px 16px 12px;gap:10px}.preview-metrics strong{font-size:22px}.preview-metrics span{font-size:10px}.preview-chart{padding:14px 16px}.preview-chart>div{font-size:10px;gap:8px}.preview-chart .performance-chart{height:110px}.preview-query,.preview-open{padding:12px 16px}.home-section-intro h2,.home-author h2,.home-faq h2,.home-final h2{font-size:28px}.home-start{padding:25px 22px}.start-steps{grid-template-columns:1fr;gap:24px;margin:28px 0}.start-steps li{position:relative;padding:0 0 0 42px;border:0}.step-number{position:absolute;left:0;top:0}.start-steps p{margin-top:7px}.start-bottom{gap:18px}.start-bottom>span{align-items:flex-start;line-height:1.7}.start-bottom .icon{flex:none}.author-profile{flex-direction:column;padding:24px}.author-profile>img{width:80px;height:80px}.author-links{gap:17px}.home-final{flex-direction:column;gap:24px;padding:16px 0 40px}.entry-footer{flex-wrap:wrap;justify-content:flex-start;padding:20px 0;gap:10px 24px}.entry-footer>span:first-child{width:100%}.entry-login{padding:35px 0}.signin-panel{padding:27px 23px}.signin-panel h1{font-size:27px}.signin-panel>p{font-size:13px}.project-choice{padding:23px 18px}.property-choice{gap:10px}.property-choice .badge{display:none}.property-choice .site-mark{width:29px;height:29px;font-size:14px}.property-choice strong{font-size:12px}.project-choice>.button{font-size:12px}.onboarding-intro h1{font-size:30px}}
@media(prefers-reduced-motion:reduce){.home-preview{animation:none}}
