/* Kelaor Reviews — Fase 1 frontend */
:root{--ink:#211d2d;--muted:#777283;--purple:#7157c8;--purple-dark:#5d43b3;--lavender:#f2effb;--line:#ebe8f1;--surface:#fff;--soft:#faf9fc;--green:#287a57;--green-bg:#eaf6ef;--amber:#e3a83e;--shadow:0 18px 50px rgba(43,31,76,.08)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--surface);color:var(--ink);font-family:"DM Sans",Arial,sans-serif;font-size:15px;line-height:1.6}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}.page-wrap{width:min(1120px,calc(100% - 48px));margin-inline:auto}.site-header{height:82px;padding:0 max(24px,calc((100vw - 1120px)/2));display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);background:#fff}.brand{font-size:27px;font-weight:800;letter-spacing:-1.8px}.brand span,.about-mark span{color:var(--purple)}.header-nav{display:flex;align-items:center;gap:32px;font-size:13px;font-weight:600;color:var(--muted)}.header-nav a:hover,.header-nav .active{color:var(--purple)}.header-nav .nav-cta{border:1px solid var(--line);border-radius:99px;padding:9px 16px;color:var(--ink)}
.hero{min-height:510px;display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:60px;padding-block:76px}.eyebrow{margin:0 0 14px;color:var(--purple);font-size:10px;font-weight:800;letter-spacing:1.8px}.eyebrow-dot{display:inline-block;width:7px;height:7px;background:var(--purple);border-radius:50%;margin-right:7px}.hero h1,.form-intro h1{font-size:clamp(42px,5.2vw,66px);line-height:1.08;letter-spacing:-3.4px;margin:0 0 22px;font-weight:700}.hero h1 span{color:var(--purple)}.hero-description{max-width:500px;color:var(--muted);font-size:15px;line-height:1.85;margin:0 0 30px}.button{display:inline-flex;align-items:center;justify-content:center;gap:22px;border:0;border-radius:9px;padding:13px 19px;font-size:13px;font-weight:700;cursor:pointer;transition:.2s}.button-primary{background:var(--purple);color:white;box-shadow:0 8px 18px rgba(113,87,200,.18)}.button-primary:hover{background:var(--purple-dark);transform:translateY(-1px)}.button-outline{background:white;color:var(--ink);border:1px solid var(--line)}.button-full{width:100%}
.hero-art{height:330px;position:relative;display:grid;place-items:center;background:radial-gradient(ellipse at center,#f1edfc 0%,#faf9fd 58%,transparent 70%)}.art-orbit{position:absolute;border:1px solid rgba(113,87,200,.14);border-radius:50%;width:310px;height:310px}.orbit-two{width:390px;height:250px;transform:rotate(-28deg)}.rating-card{position:relative;width:270px;padding:25px 27px;background:white;border:1px solid #efecf5;border-radius:17px;box-shadow:var(--shadow)}.rating-card-top{display:flex;justify-content:space-between;align-items:center}.mini-label{font-size:9px;letter-spacing:1.2px;color:var(--muted);font-weight:800}.rating-icon{color:var(--purple);font-size:20px}.rating-number{font-size:55px;letter-spacing:-3px;font-weight:700;line-height:1.35}.rating-number span{font-size:17px;color:var(--muted);letter-spacing:0}.stars{color:var(--amber);letter-spacing:3px;font-size:14px}.stars-large{font-size:17px}.rating-card p{font-size:11px;color:var(--muted);margin:9px 0 0}.floating-note{position:absolute;right:0;bottom:32px;display:flex;align-items:center;gap:10px;padding:12px 15px;background:white;border:1px solid var(--line);border-radius:11px;box-shadow:var(--shadow);font-size:10px;color:var(--muted)}.floating-note strong{color:var(--ink)}.note-check{width:25px;height:25px;display:grid;place-items:center;border-radius:50%;background:var(--green-bg);color:var(--green);font-weight:800}
.review-section{padding-block:55px 90px}.section-heading,.reviews-toolbar,.admin-section-heading{display:flex;justify-content:space-between;align-items:end;gap:20px}.section-heading h2,.how-inner h2,.about-section h2,.admin-section h2{font-size:34px;line-height:1.2;letter-spacing:-1.4px;margin:0}.section-side-note,.muted{font-size:12px;color:var(--muted)}.review-summary{margin-top:32px;padding:25px 30px;border:1px solid var(--line);border-radius:14px;display:grid;grid-template-columns:230px 1fr;gap:35px;align-items:center}.summary-score{display:flex;align-items:center;gap:16px}.summary-score>strong{font-size:49px;letter-spacing:-2px}.summary-score span{display:block;color:var(--muted);font-size:11px;margin-top:3px}.rating-bars{display:grid;gap:7px}.rating-row{display:grid;grid-template-columns:12px 1fr 26px;gap:10px;align-items:center;font-size:10px;color:var(--muted)}.bar-track{height:6px;background:#f0edf5;border-radius:99px;overflow:hidden}.bar-fill{height:100%;background:var(--purple);border-radius:99px}.reviews-toolbar{margin-top:45px;align-items:center}.reviews-toolbar h3{font-size:18px;margin:0 0 2px}.toolbar-controls{display:flex;gap:9px}.toolbar-controls select{border:1px solid var(--line);background:white;color:var(--ink);border-radius:8px;padding:10px 30px 10px 12px;font-size:11px;outline-color:var(--purple)}.review-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin-top:20px}.review-card{border:1px solid var(--line);border-radius:12px;padding:20px;min-height:190px;display:flex;flex-direction:column;gap:12px;transition:.2s}.review-card:hover{border-color:#d8d0ef;box-shadow:0 10px 30px rgba(43,31,76,.05)}.review-card-top{display:flex;justify-content:space-between;align-items:center;gap:10px}.customer{display:flex;align-items:center;gap:10px}.avatar{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:var(--lavender);color:var(--purple);font-size:12px;font-weight:800}.customer strong{display:block;font-size:12px}.customer small,.review-date{font-size:10px;color:var(--muted)}.verified{font-size:9px;color:var(--green);background:var(--green-bg);border-radius:99px;padding:4px 7px;white-space:nowrap}.review-comment{font-size:12px;color:#555161;line-height:1.75;margin:0;flex:1}.review-card-footer{padding-top:10px;border-top:1px solid #f1eff5;display:flex;justify-content:space-between;gap:10px;font-size:10px;color:var(--muted)}.review-card-footer strong{font-weight:600;color:#514b60}.empty-state{text-align:center;color:var(--muted);padding:35px}.hidden{display:none!important}.demo-note{font-size:10px;color:#918b9d;margin-top:20px}
.how-section{background:var(--lavender);padding:65px 0}.how-inner{display:grid;grid-template-columns:1fr .8fr;gap:80px;align-items:center}.how-inner h2{font-size:37px}.how-copy p{font-size:14px;color:#5e586b;line-height:1.8;margin-top:0}.how-copy .muted{font-size:11px}.about-section{display:flex;align-items:center;gap:55px;padding-block:85px}.about-mark{width:105px;height:105px;border-radius:25px;background:var(--lavender);display:grid;place-items:center;font-size:57px;font-weight:800;letter-spacing:-5px;color:var(--ink);flex:none}.about-section h2{font-size:30px}.about-text{max-width:560px;color:var(--muted);font-size:13px}.site-footer{min-height:85px;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;color:var(--muted);font-size:10px}.site-footer .brand{color:var(--ink);font-size:22px}.site-footer>a:last-child{color:var(--purple);font-weight:700}
.form-page{background:var(--soft);min-height:100vh}.back-link{font-size:12px;color:var(--muted)}.form-shell{width:min(590px,calc(100% - 36px));margin:60px auto 85px}.form-intro{text-align:center;margin-bottom:30px}.form-intro h1{font-size:43px;letter-spacing:-2px;margin-bottom:12px}.form-intro>p:last-child{max-width:460px;margin:auto;color:var(--muted);font-size:13px}.review-form{background:white;border:1px solid var(--line);border-radius:16px;padding:28px;box-shadow:var(--shadow)}.form-demo-alert,.admin-preview-alert{padding:12px 14px;border-radius:8px;background:#fff7e8;color:#805d20;font-size:11px;line-height:1.6;margin-bottom:22px}.field{display:grid;gap:7px;margin-bottom:19px}.field label,.rating-field legend{font-size:12px;font-weight:700}.field input,.field textarea{width:100%;border:1px solid var(--line);border-radius:8px;padding:12px 13px;outline:none;font-size:12px;background:white;color:var(--ink)}.field input:focus,.field textarea:focus{border-color:var(--purple);box-shadow:0 0 0 3px rgba(113,87,200,.1)}.field textarea{resize:vertical}.field-hint{font-size:10px;color:var(--muted)}.rating-field{border:0;padding:0;margin:0 0 20px}.star-picker{display:flex;flex-direction:row-reverse;justify-content:flex-end;gap:4px;margin:7px 0}.star-picker input{position:absolute;opacity:0;pointer-events:none}.star-picker label{font-size:31px;color:#ddd8e8;cursor:pointer;line-height:1.4}.star-picker label:hover,.star-picker label:hover~label,.star-picker input:checked~label{color:var(--amber)}.star-picker input:focus-visible+label{outline:2px solid var(--purple);outline-offset:3px}.consent{display:flex;align-items:flex-start;gap:9px;color:var(--muted);font-size:10px;line-height:1.6;margin:18px 0}.consent input{accent-color:var(--purple);margin-top:3px}.form-feedback{font-size:11px;text-align:center;color:var(--green);margin-bottom:0}.form-page .site-footer{background:var(--soft)}.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}
.admin-page{background:#faf9fc;min-height:100vh}.admin-sidebar{position:fixed;inset:0 auto 0 0;width:225px;background:white;border-right:1px solid var(--line);padding:25px 18px;display:flex;flex-direction:column;z-index:2}.admin-sidebar .brand{padding:0 10px 40px}.sidebar-label{font-size:9px;font-weight:800;letter-spacing:1.4px;color:#a19bab;padding:0 10px}.sidebar-link{padding:11px 12px;border-radius:8px;color:var(--muted);font-size:13px;display:flex;gap:12px;align-items:center;margin:2px 0}.sidebar-link.selected{background:var(--lavender);color:var(--purple);font-weight:700}.sidebar-bottom{margin-top:auto;display:grid;gap:9px;padding:12px 10px;font-size:11px;color:var(--muted)}.sidebar-bottom a{color:var(--purple);font-weight:700}.sidebar-bottom span{font-size:9px}.admin-main{margin-left:225px;padding:32px clamp(22px,4vw,55px);max-width:1500px}.admin-topbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:22px}.admin-topbar h1{font-size:30px;letter-spacing:-1px;margin:0}.admin-topbar .eyebrow{margin-bottom:4px}.admin-avatar{width:37px;height:37px;display:grid;place-items:center;border-radius:50%;background:var(--lavender);color:var(--purple);font-weight:800}.admin-preview-alert{max-width:900px}.stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:13px}.stat-card{background:white;border:1px solid var(--line);border-radius:11px;padding:19px}.stat-card span{display:block;font-size:11px;color:var(--muted)}.stat-card strong{display:block;font-size:29px;letter-spacing:-1px;margin:8px 0 1px}.stat-card strong em{font-style:normal;color:var(--amber);font-size:18px}.stat-card small{font-size:9px;color:#a19bab}.admin-section{margin-top:42px}.admin-section-heading{margin-bottom:17px;align-items:center}.admin-section-heading h2{font-size:22px}.admin-section-heading .eyebrow{margin-bottom:5px}.admin-table-wrap{overflow-x:auto;background:white;border:1px solid var(--line);border-radius:11px}.admin-table{width:100%;border-collapse:collapse;text-align:left;white-space:nowrap}.admin-table th{background:#fcfbfd;color:#928b9e;font-size:9px;text-transform:uppercase;letter-spacing:.8px;padding:13px 16px}.admin-table td{padding:14px 16px;border-top:1px solid #f1eff5;font-size:11px}.admin-table td strong,.admin-table td small{display:block}.admin-table td small{font-size:9px;color:var(--muted);margin-top:3px}.status{padding:5px 8px;border-radius:99px;font-size:9px}.status-pending{background:#fff4df;color:#9a6b13}.status-approved{background:var(--green-bg);color:var(--green)}.table-action{border:0;background:none;color:var(--purple);font-size:10px;font-weight:700;cursor:pointer}.link-placeholder{display:flex;gap:16px;align-items:center;padding:22px;background:white;border:1px solid var(--line);border-radius:11px}.link-placeholder-icon{width:42px;height:42px;display:grid;place-items:center;border-radius:10px;background:var(--lavender);color:var(--purple);font-size:20px}.link-placeholder strong{font-size:12px}.link-placeholder p{font-size:11px;color:var(--muted);margin:3px 0 0;max-width:540px}
@media(max-width:800px){.hero{gap:25px;grid-template-columns:1fr  .85fr}.hero h1{font-size:48px}.hero-art{transform:scale(.9)}.review-grid{grid-template-columns:repeat(2,1fr)}.stat-grid{grid-template-columns:repeat(2,1fr)}.admin-sidebar{width:190px}.admin-main{margin-left:190px}.how-inner{gap:30px}}
@media(max-width:600px){.page-wrap{width:calc(100% - 36px)}.site-header{height:68px;padding-inline:18px}.brand{font-size:24px}.header-nav{gap:14px;font-size:11px}.header-nav a:nth-child(2){display:none}.header-nav .nav-cta{padding:7px 10px}.hero{display:flex;flex-direction:column;align-items:stretch;padding-block:58px 35px;gap:15px}.hero h1{font-size:46px;letter-spacing:-2.5px}.hero-description{font-size:13px}.hero-art{height:280px;transform:none}.art-orbit{width:260px;height:260px}.orbit-two{width:310px;height:210px}.rating-card{width:245px;padding:20px 23px}.floating-note{right:0;bottom:12px}.review-section{padding-block:40px 65px}.section-heading{align-items:start;flex-direction:column;gap:5px}.section-heading h2{font-size:29px}.review-summary{grid-template-columns:1fr;gap:20px;padding:20px}.summary-score>strong{font-size:42px}.reviews-toolbar{align-items:start;flex-direction:column;gap:13px;margin-top:35px}.toolbar-controls{width:100%}.toolbar-controls select{flex:1;min-width:0;padding:10px 7px;font-size:10px}.review-grid{grid-template-columns:1fr}.review-card{min-height:165px}.how-section{padding:48px 0}.how-inner{grid-template-columns:1fr;gap:15px}.how-inner h2{font-size:32px}.about-section{padding-block:60px;gap:20px;align-items:flex-start}.about-mark{width:65px;height:65px;border-radius:17px;font-size:38px}.about-section h2{font-size:24px}.about-text{font-size:11px}.site-footer{min-height:75px}.site-footer>span{font-size:9px}.form-shell{margin-top:42px}.form-intro h1{font-size:36px}.review-form{padding:20px}.admin-sidebar{position:static;width:auto;height:auto;padding:13px 18px;display:flex;flex-direction:row;align-items:center;gap:15px;border-right:0;border-bottom:1px solid var(--line)}.admin-sidebar .brand{padding:0}.sidebar-label,.sidebar-bottom{display:none}.sidebar-link{font-size:10px;padding:8px}.sidebar-link span{display:none}.admin-main{margin:0;padding:23px 16px}.admin-topbar h1{font-size:25px}.stat-grid{gap:8px}.stat-card{padding:13px}.stat-card strong{font-size:25px}.admin-section-heading{align-items:flex-start}.admin-section-heading .button{padding:10px;font-size:10px}.link-placeholder{align-items:flex-start;padding:15px}}