:root{--page-bg:#0f131c;--page-card:#1b202a;--page-soft:#252b35;--page-line:#333b44;--page-text:#dfe2ee;--page-muted:#aab5bd;--page-green:#4edea3}
.public-page{background:var(--page-bg);color:var(--page-text)}
.public-page main{padding-top:5rem}
.public-page main *{box-sizing:border-box}
.public-page a{color:inherit}
.page-container{width:min(100% - 4rem,1180px);margin-inline:auto}
.page-hero{position:relative;overflow:hidden;padding:6.5rem 0 5.5rem;background:radial-gradient(ellipse 45% 50% at 50% 5%,rgba(38,151,114,.18),transparent 75%),var(--page-bg)}
.page-hero__inner{position:relative;max-width:890px;margin-inline:auto;text-align:center}
.page-eyebrow{display:inline-flex;align-items:center;gap:.55rem;color:#7de1b2;background:#202d2c;border:1px solid #2d5144;border-radius:999px;padding:.5rem .85rem;font:600 .72rem/1.2 'JetBrains Mono',monospace;letter-spacing:.09em;text-transform:uppercase}
.page-eyebrow::before{content:'';width:.4rem;height:.4rem;border-radius:50%;background:var(--page-green)}
.page-hero h1{font:700 clamp(2.45rem,5vw,4.35rem)/1.08 'Plus Jakarta Sans',sans-serif;letter-spacing:-.055em;margin:1.6rem auto 1.3rem;text-wrap:balance}
.page-hero h1 em{font-style:normal;color:var(--page-green)}
.page-lead{max-width:740px;margin:0 auto;color:var(--page-muted);font:400 clamp(1rem,1.5vw,1.13rem)/1.7 'Plus Jakarta Sans',sans-serif}
.page-hero__actions,.page-actions{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:.8rem;margin-top:2rem}
.page-button{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:.7rem 1.2rem;border-radius:.75rem;text-decoration:none!important;font:700 .9rem/1.25 'Plus Jakarta Sans',sans-serif;background:#2a303b;color:#e8edf0!important;border:1px solid #39434b;transition:transform .18s,background-color .18s}
.page-button:hover{transform:translateY(-2px);background:#36404a}
.page-button--primary{background:#10b981;color:#062b20!important;border-color:#10b981}
.page-button--primary:hover{background:#4edea3}
.page-section{padding:5.5rem 0;border-top:1px solid #222932}
.page-section--soft{background:#111820}
.page-section__head{max-width:740px;margin-bottom:2.2rem}
.page-kicker{color:var(--page-green);font:600 .72rem/1.3 'JetBrains Mono',monospace;letter-spacing:.1em;text-transform:uppercase}
.page-section h2{font:700 clamp(1.9rem,3vw,2.85rem)/1.18 'Plus Jakarta Sans',sans-serif;letter-spacing:-.04em;margin:.65rem 0 1rem;text-wrap:balance}
.page-section__head p,.page-card p,.page-text{color:var(--page-muted);line-height:1.7}
.page-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}
.page-grid--two{grid-template-columns:repeat(2,minmax(0,1fr))}
.page-card{min-width:0;background:var(--page-card);border:1px solid var(--page-line);border-radius:1rem;padding:1.55rem}
.page-card__number{display:inline-flex;align-items:center;justify-content:center;width:2.1rem;height:2.1rem;border-radius:.6rem;background:#244b3d;color:#84e5b7;font:700 .8rem/1 'JetBrains Mono',monospace;margin-bottom:1rem}
.page-card h3{font:700 1.15rem/1.35 'Plus Jakarta Sans',sans-serif;letter-spacing:-.025em;margin:0 0 .7rem}
.page-card p{margin:0}
.page-card ul,.page-list{padding-left:1.1rem;color:var(--page-muted);line-height:1.75;margin:.85rem 0 0}
.page-card li+li,.page-list li+li{margin-top:.3rem}
.page-note{border:1px solid #335347;background:#162a25;border-radius:.85rem;padding:1rem 1.25rem;color:#c9e7d9;line-height:1.6}
.page-note strong{color:#e1fff0}
.page-split{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:2rem;align-items:start}
.page-steps{counter-reset:step;display:grid;gap:1rem}
.page-step{display:grid;grid-template-columns:2.5rem 1fr;gap:1rem;align-items:start;background:var(--page-card);border:1px solid var(--page-line);border-radius:.9rem;padding:1.3rem}
.page-step::before{counter-increment:step;content:'0' counter(step);display:grid;place-items:center;width:2.3rem;height:2.3rem;border-radius:.6rem;background:#204f3d;color:#9cf0c2;font:700 .8rem/1 'JetBrains Mono',monospace}
.page-step h3{font:700 1rem/1.3 'Plus Jakarta Sans',sans-serif;margin:.1rem 0 .45rem}
.page-step p{color:var(--page-muted);line-height:1.65;margin:0}
.chat-preview{overflow:hidden;background:#141b20;border:1px solid #355044;border-radius:1.1rem;box-shadow:0 20px 60px #0004}
.chat-preview__head{display:flex;align-items:center;gap:.75rem;padding:1rem 1.25rem;background:#1b3931;border-bottom:1px solid #345548;font-weight:700}
.chat-preview__dot{width:.55rem;height:.55rem;background:var(--page-green);border-radius:50%;margin-left:auto}
.chat-preview__body{display:grid;gap:1rem;min-height:320px;padding:1.35rem;background:linear-gradient(140deg,#121c1c,#141921)}
.chat-bubble{max-width:85%;border-radius:1rem;padding:.8rem 1rem;color:#e7eeeb;background:#2c343d;line-height:1.55}
.chat-bubble--agent{justify-self:end;background:#1d513d}
.chat-bubble small{display:block;color:#a9c6b7;font-size:.72rem;margin-top:.45rem}
.plan-card{display:flex;flex-direction:column;gap:1rem}
.plan-card h2{font:700 1.35rem/1.3 'Plus Jakarta Sans',sans-serif;letter-spacing:0;overflow-wrap:anywhere;margin:.6rem 0}
.plan-card--featured{border-color:#378565;box-shadow:0 0 0 1px #2d6e55}
.plan-card__label{color:var(--page-green);font:700 .72rem/1.3 'JetBrains Mono',monospace;text-transform:uppercase;letter-spacing:.08em}
.plan-card__price{font:700 2.4rem/1 'Plus Jakarta Sans',sans-serif;letter-spacing:-.05em}
.plan-card__price small{font-size:.9rem;color:var(--page-muted);font-weight:400;letter-spacing:0}
.plan-card ul{flex:1}
.comparison{overflow-x:auto;border:1px solid var(--page-line);border-radius:1rem}
.comparison table{width:100%;border-collapse:collapse;min-width:630px}
.comparison th,.comparison td{text-align:left;padding:.95rem 1rem;border-bottom:1px solid var(--page-line)}
.comparison th{color:#dcf8e9;background:#1e2a2a}
.comparison td{color:var(--page-muted)}
.comparison tr:last-child td{border-bottom:0}
.faq-list{display:grid;gap:.75rem}
.faq-list details{border:1px solid var(--page-line);border-radius:.9rem;background:var(--page-card);padding:0 1.25rem}
.faq-list summary{list-style:none;cursor:pointer;font:700 1rem/1.45 'Plus Jakarta Sans',sans-serif;padding:1.2rem 2rem 1.2rem 0;position:relative}
.faq-list summary::-webkit-details-marker{display:none}
.faq-list summary::after{content:'+';position:absolute;right:.1rem;top:1rem;color:var(--page-green);font-size:1.5rem;font-weight:400}
.faq-list details[open] summary::after{content:'−'}
.faq-list details p{color:var(--page-muted);line-height:1.7;margin:0 0 1.3rem}
.page-cta{text-align:center;padding:5rem 0;border-top:1px solid #273038;background:radial-gradient(ellipse 35% 60% at 50% 100%,#16423155,transparent),#101720}
.page-cta h2{font:700 clamp(1.9rem,3vw,2.8rem)/1.2 'Plus Jakarta Sans',sans-serif;letter-spacing:-.04em;max-width:760px;margin:0 auto 1rem}
.page-cta p{color:var(--page-muted);max-width:640px;margin:0 auto;line-height:1.7}
.public-page footer p,.public-page footer a{line-height:1.55}
@media(max-width:900px){.page-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.page-split{grid-template-columns:1fr}}
@media(max-width:680px){.page-container{width:min(100% - 2rem,1180px)}.page-hero{padding:4.5rem 0 4rem}.page-section{padding:3.75rem 0}.page-grid,.page-grid--two{grid-template-columns:1fr}.page-card{padding:1.25rem}.page-hero__actions .page-button,.page-actions .page-button{width:100%}.chat-bubble{max-width:92%}.page-cta{padding:4rem 0}}
/* Interactive Yanıtlıyo tenant simulation */
.simulation-chat{font-family:'Plus Jakarta Sans',sans-serif}
.simulation-chat .chat-preview__head{padding:.9rem 1.1rem}
.simulation-chat__avatar{display:grid;place-items:center;flex:none;width:2.6rem;height:2.6rem;border-radius:.8rem;background:#059669;color:#fff;font-weight:800}
.simulation-chat__identity{display:grid;gap:.1rem;line-height:1.25}
.simulation-chat__identity small{font-size:.72rem;color:#a6d9bf;font-weight:400}
.simulation-chat .chat-preview__body{display:flex;flex-direction:column;gap:.8rem;height:390px;min-height:390px;overflow-y:auto;overscroll-behavior:contain;background-color:#101b1a;background-image:radial-gradient(#ffffff0b 1px,transparent 1px);background-size:20px 20px}
.simulation-chat .chat-bubble{align-self:flex-end;max-width:84%;white-space:pre-wrap;overflow-wrap:anywhere;background:#24543f;border-radius:1rem 1rem .25rem 1rem;box-shadow:0 3px 10px #0002}
.simulation-chat .chat-bubble--agent{align-self:flex-start;background:#29373a;border-radius:1rem 1rem 1rem .25rem}
.simulation-chat__suggestions{display:flex;gap:.45rem;overflow-x:auto;padding:.8rem 1rem .4rem;background:#182721}
.simulation-chat__suggestions button{flex:none;border:1px solid #436958;background:#213d32;color:#d9f7e6;border-radius:999px;padding:.48rem .72rem;font:600 .76rem 'Plus Jakarta Sans',sans-serif;cursor:pointer}
.simulation-chat__suggestions button:hover{background:#305944}
.simulation-chat__form{display:flex;gap:.6rem;padding:.6rem 1rem;background:#182721}
.simulation-chat__form .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.simulation-chat__form input{flex:1;min-width:0;border:1px solid #3a594b;border-radius:999px;background:#273b35;color:#fff;padding:.8rem 1rem;font:400 .9rem 'Plus Jakarta Sans',sans-serif;outline:none}
.simulation-chat__form input:focus{border-color:#4edea3;box-shadow:0 0 0 2px #4edea333}
.simulation-chat__form input::placeholder{color:#aebeb6}
.simulation-chat__form button{flex:none;width:2.75rem;height:2.75rem;border:0;border-radius:50%;background:#059669;color:#fff;font-size:1.1rem;cursor:pointer}
.simulation-chat__form button:disabled,.simulation-chat__suggestions button:disabled{opacity:.5;cursor:wait}
.simulation-chat__status{margin:0;padding:.2rem 1rem .8rem;color:#a9c6b7;background:#182721;font-size:.73rem;line-height:1.4}
@media(max-width:680px){.simulation-chat .chat-preview__body{height:360px;min-height:360px}.simulation-chat .chat-bubble{max-width:90%}}
.simulation-chat__gate{display:grid;gap:.75rem;padding:1rem 1.2rem;background:#1a2b25;border-top:1px solid #335347}
.simulation-chat__gate p{margin:0;color:#c9e7d9;font-size:.82rem;line-height:1.55}
.simulation-chat__gate button{justify-self:start;border:0;border-radius:.65rem;background:#059669;color:#fff;padding:.7rem 1rem;font:700 .82rem 'Plus Jakarta Sans',sans-serif;cursor:pointer}
.simulation-chat__gate button:disabled{opacity:.48;cursor:not-allowed}
.simulation-chat .chat-bubble{animation:chat-enter .28s ease both}
@keyframes chat-enter{from{opacity:0;transform:translateY(8px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}
/* Small responses to interaction inside public pages. */
.faq-list details,.comparison tbody tr{transition:background-color .2s ease,border-color .2s ease}
.faq-list details[open]{border-color:#39765a;background:#1d2b2b}
.faq-list summary::after{transition:transform .2s ease,color .2s ease}
.faq-list details[open] summary::after{transform:rotate(90deg);color:#82e9b4}
.comparison tbody tr:hover{background:#1c2f2b}
.simulation-chat__form button,.simulation-chat__suggestions button{transition:transform .18s ease,background-color .18s ease}
@media(hover:hover){.simulation-chat__form button:not(:disabled):hover{transform:scale(1.06)}.simulation-chat__suggestions button:not(:disabled):hover{transform:translateY(-2px)}}
.simulation-chat .chat-preview__dot{box-shadow:0 0 0 0 #4edea366;animation:presence-pulse 2.8s ease-out infinite}
@keyframes presence-pulse{0%,100%{box-shadow:0 0 0 0 #4edea366}60%{box-shadow:0 0 0 8px #4edea300}}
.simulation-chat .chat-bubble--thinking{background-image:linear-gradient(110deg,#29373a 20%,#375047 48%,#29373a 76%);background-size:220% 100%;animation:thinking-sheen 1.4s linear infinite}
@keyframes thinking-sheen{to{background-position-x:-220%}}
@media(prefers-reduced-motion:reduce){.simulation-chat .chat-preview__dot,.simulation-chat .chat-bubble--thinking{animation:none!important}.page-card,.page-step,.chat-preview,.page-button,.faq-list details,.faq-list summary::after,.comparison tbody tr{transition:none!important}}
