/*
Theme Name: Kino Studio
Author: Kino
Description: Landing page cinematográfica para Kino, com parallax, estilos interativos e configuração nativa pelo Personalizar.
Version: 1.9.1
Requires at least: 6.4
Requires PHP: 8.0
Text Domain: kino-studio
License: GPLv2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
*/
:root{--bg:#09090d;--surface:#121218;--line:#ffffff1c;--text:#f3f1f8;--muted:#a4a2b0;--accent:#b592ff;--purple:#8646f6;--radius:24px;--max:1320px}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;-webkit-font-smoothing:antialiased;line-height:1.5}a{color:inherit;text-decoration:none}button,input{font:inherit}button{cursor:pointer}img{max-width:100%;display:block}p{color:var(--muted);margin:0 0 1em}h1,h2,h3{margin:0;line-height:1.06;letter-spacing:-.055em}h1{font-size:clamp(42px,5.8vw,88px);font-weight:650}h2{font-size:clamp(36px,4.5vw,68px);font-weight:600}h3{font-size:24px;letter-spacing:-.03em}em{font-style:normal;color:var(--accent)}::selection{background:#b592ff;color:#09090d}:focus-visible{outline:3px solid var(--accent);outline-offset:6px}.wrap{width:min(var(--max),calc(100% - 96px));margin-inline:auto}.section{padding-block:112px}.eyebrow{font-size:11px;font-weight:600;letter-spacing:.19em;color:var(--accent);margin-bottom:24px}.muted{color:#777582}.nav{height:88px;position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:30px;padding:0 48px;background:#09090de8;border-bottom:1px solid #ffffff0c;backdrop-filter:blur(20px)}.brand{display:flex;align-items:center;gap:10px;font-weight:850;font-size:23px;letter-spacing:.04em;line-height:1}.brand-sub{display:block;font-size:7px;letter-spacing:.22em;font-weight:500;margin-top:6px;color:var(--muted)}.nav nav{display:flex;gap:32px;font-size:13px;color:#b7b4c1}.nav a:hover{color:var(--accent)}.nav-cta{font-size:12px;border:1px solid #ffffff38;border-radius:30px;padding:11px 18px;display:flex;gap:22px}.skip{position:fixed;left:16px;top:-100px;background:white;color:black;padding:12px;z-index:100}.skip:focus{top:12px}.hero{overflow:hidden}.hero-copy{text-align:center;padding-top:72px;position:relative;z-index:2}.hero .eyebrow{display:flex;gap:10px;align-items:center;justify-content:center;text-transform:uppercase}.status-dot{width:6px;height:6px;display:inline-block;background:#b696ff;border-radius:100%;box-shadow:0 0 14px #b696ff80}.hero-desc{max-width:635px;margin:26px auto;font-size:16px;line-height:1.7}.actions{display:flex;justify-content:center;gap:30px;align-items:center}.button{display:inline-flex;justify-content:center;align-items:center;gap:30px;border:1px solid #ffffff38;border-radius:100px;padding:14px 24px;font-size:13px;font-weight:600;transition:background .2s,transform .2s}.button:hover{background:#ffffff13;transform:translateY(-2px)}.button.primary{background:#d0b9ff;color:#171020;border-color:#d0b9ff}.button.primary:hover{background:#e5d8ff}.quiet{font-size:12px;color:#c1bdcc}.hero-stage{max-width:1800px;margin:20px auto 0;position:relative;isolation:isolate}.hero-art{width:100%;height:auto;min-height:390px;object-fit:cover;mask-image:linear-gradient(transparent,black 17%,black 90%,transparent);will-change:transform}.stage-label{position:absolute;bottom:35px;left:6%;right:6%;display:flex;justify-content:space-between;font-size:9px;letter-spacing:.18em;color:#ded7ec}.floating-tag{position:absolute;background:#121018bb;border:1px solid #c9a8ff38;backdrop-filter:blur(15px);font-size:12px;padding:13px 18px;border-radius:14px;display:flex;gap:10px;align-items:center;box-shadow:0 15px 40px #0004}.tag-left{left:10%;top:24%}.tag-right{right:9%;bottom:20%}.feature-strip{display:flex;align-items:center;justify-content:space-between;color:#898594;font-size:10px;letter-spacing:.17em;padding:27px 0;border-bottom:1px solid var(--line)}.feature-strip i{width:4px;height:4px;border-radius:50%;background:#554960}.intro h2{max-width:1050px}.intro-bottom{display:flex;justify-content:space-between;align-items:center;margin-top:40px}.intro-bottom p{max-width:510px;font-size:17px}.big-asterisk{font-size:100px;color:var(--accent);line-height:1}.split-heading{display:grid;grid-template-columns:1.4fr 1fr;align-items:end;gap:100px;margin-bottom:54px}.split-heading p:last-child{font-size:17px;line-height:1.7;margin-bottom:0}.split-heading .eyebrow{font-size:11px}.space-section{padding-bottom:0;background:radial-gradient(ellipse at 50% 30%,#301a4536,transparent 70%)}.space-scroll{height:155vh;min-height:1050px}.space-sticky{position:sticky;top:110px}.app-window{border:1px solid #bca4db4d;border-radius:16px;overflow:hidden;box-shadow:0 40px 130px #58318323;transform:perspective(1400px) rotateX(2deg);transform-origin:center top}.app-window img{width:100%;height:auto;max-height:56vh;object-fit:cover;object-position:top}.window-bar{height:35px;background:#19151f;display:flex;align-items:center;justify-content:space-between;padding:0 16px;font-size:9px;color:#8e8599}.traffic{display:flex;gap:5px}.traffic i{width:7px;height:7px;background:#6c596e;border-radius:50%}.traffic i:first-child{background:#a5727c}.traffic i:nth-child(2){background:#b4a476}.traffic i:last-child{background:#769b8a}.window-local{color:#ac98ca;letter-spacing:.1em}.workflow{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;margin-top:32px}.workflow-step{display:flex;gap:15px;border-top:1px solid #ffffff20;padding-top:20px;opacity:.55;transition:opacity .4s,border-color .4s}.workflow-step.active{opacity:1;border-color:var(--accent)}.workflow-step b{font-size:11px;color:var(--accent);padding-top:3px}.workflow-step h3{font-size:19px;margin-bottom:10px}.workflow-step p{font-size:13px;max-width:270px}.caption{font-size:11px;color:#898293;margin-top:20px}.styles{padding-top:96px}.style-layout{display:grid;grid-template-columns:1.1fr 1fr;gap:60px;align-items:center}.style-main{border-radius:var(--radius);overflow:hidden;position:relative;aspect-ratio:1;background:var(--surface)}.style-main>img{width:100%;height:100%;object-fit:cover;transition:opacity .2s}.style-overlay{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(transparent,#000b);padding:65px 32px 30px}.style-overlay span{font-size:9px;letter-spacing:.16em}.style-overlay h3{font-size:32px;margin-top:12px}.style-options{display:grid;gap:8px}.style-option{width:100%;background:transparent;color:var(--text);border:1px solid transparent;border-bottom-color:var(--line);padding:11px 15px;display:flex;align-items:center;gap:18px;text-align:left;border-radius:13px;transition:background .2s,border-color .2s}.style-option.selected{background:#b592ff0f;border-color:#b592ff5c}.style-option:hover{background:#ffffff08}.style-option img{width:60px;height:60px;object-fit:cover;border-radius:9px}.style-option strong{display:block;font-weight:500;font-size:17px}.style-option small{color:var(--muted);font-size:12px}.style-option>span:last-child{margin-left:auto;color:var(--accent)}.cinema-break{position:relative;height:550px;overflow:hidden;display:grid;place-items:center;text-align:center}.cinema-break>img{position:absolute;width:100%;height:125%;object-fit:cover;filter:brightness(.55);will-change:transform;top:-12%}.cinema-break>div{position:relative}.cinema-break h2{font-size:clamp(54px,8vw,120px)}.cinema-break .eyebrow{color:#fff}.mac-grid{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.silicon-card{padding:48px;border:1px solid #a17bcc33;background:radial-gradient(ellipse at 50% 5%,#7c449229,transparent 65%),#101016;border-radius:var(--radius)}.silicon-card h3{font-size:40px;margin:35px 0 20px}.silicon-card p{font-size:14px;max-width:390px;margin:0}.chip{width:180px;height:180px;margin:10px auto 45px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:12px;border:1px solid #a18aaf88;border-radius:23px;background:linear-gradient(135deg,#ffffff19,#111015 50%,#5d3b6c24);box-shadow:0 0 0 10px #a37bcb08,0 0 0 11px #a37bcb20,0 0 70px #a37bcb24}.chip span{font-size:9px;letter-spacing:.15em;color:#c7b7d6}.benefits article{display:flex;gap:24px;padding:28px 0;border-bottom:1px solid var(--line)}.benefits article>span{color:var(--accent);font-size:28px}.benefits h3{margin:6px 0 15px}.benefits p{font-size:14px;margin:0}.requirements{margin-top:50px;padding:0 25px;border:1px solid var(--line);border-radius:14px;background:#121116}summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:25px}summary::-webkit-details-marker{display:none}summary>span{color:var(--accent);font-size:23px;font-weight:300;transition:transform .2s}details[open] summary>span{transform:rotate(45deg)}.requirements summary{font-size:14px;padding:23px 0}.requirements p{font-size:13px;max-width:1000px;margin-bottom:20px}.pricing{background:#101015;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.pricing-heading{text-align:center;max-width:780px;margin:0 auto 55px}.pricing-heading>p:last-child{margin:25px auto 0;font-size:13px}.plans{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.plan{border:1px solid var(--line);border-radius:18px;padding:30px 24px;background:#15141b;display:flex;flex-direction:column}.plan.featured{border-color:#b592ff88;background:linear-gradient(155deg,#332241,#18151f 70%)}.plan-label{font-size:8px;letter-spacing:.13em;color:var(--accent);min-height:15px}.plan h3{font-size:29px;margin:15px 0}.plan>p:not(.plan-label){font-size:12px;min-height:36px}.price{font-size:49px;font-weight:550;letter-spacing:-.055em;margin:20px 0 0;line-height:1}.price span{font-size:17px;font-weight:400;letter-spacing:0}.payment-note{font-size:10px;color:#aaa1b4;margin-top:10px}.plan ul{padding:25px 0 20px;list-style:none;font-size:12px;color:#bab4c4;margin:0 0 20px;flex:1}.plan li{padding:9px 0;border-bottom:1px solid #ffffff0a}.plan li:before{content:'✓';color:var(--accent);margin-right:9px}.plan .button{padding:12px;font-size:12px;gap:10px}.unavailable{color:#958b9f;cursor:default}.unavailable:hover{transform:none;background:transparent}.pricing-footnote{text-align:center;max-width:830px;font-size:11px;margin:30px auto 0}.faq{display:grid;grid-template-columns:1fr 1.15fr;gap:90px}.faq h2{font-size:46px}.faq details{border-bottom:1px solid var(--line);padding:20px 0}.faq details:first-child{padding-top:0}.faq summary{font-size:16px}.faq details p{font-size:14px;padding-top:20px;margin:0}.closing{text-align:center;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;padding-top:65px;background:#111015}.closing h2{font-size:clamp(42px,5vw,75px)}.closing .button{margin:30px 0 0;position:relative;z-index:2}.closing>img{width:100%;max-height:420px;object-fit:cover;mask-image:linear-gradient(transparent,black 25%);margin-top:-10px}.footer{display:grid;grid-template-columns:1fr 1fr;gap:40px;padding:70px 0 30px}.footer .brand{margin-bottom:18px}.footer p{font-size:12px}.footer-links{display:flex;flex-wrap:wrap;gap:25px;justify-content:flex-end;font-size:12px;color:var(--muted)}.footer small{grid-column:1/-1;font-size:10px;line-height:1.8;color:#797481;border-top:1px solid var(--line);padding-top:25px}.document{min-height:65vh;padding-top:70px}.document h1{font-size:52px;margin-bottom:30px}.document p{max-width:900px}.document a{text-decoration:underline}.js .reveal{opacity:0;transform:translateY(24px);transition:opacity .75s,transform .75s}.js .reveal.visible{opacity:1;transform:none}.admin-bar .nav{top:32px}
@media(min-width:1800px){.hero-stage{margin-top:0;max-width:1500px}.hero-art{max-height:650px;object-fit:cover}}
@media(max-width:1000px){.wrap{width:calc(100% - 48px)}.nav{padding:0 24px}.nav nav{gap:18px}.section{padding-block:80px}.hero-copy{padding-top:60px}.split-heading{gap:40px}.style-layout{gap:30px}.plans{grid-template-columns:repeat(2,1fr)}.mac-grid{gap:35px}.faq{gap:40px}.space-scroll{height:135vh;min-height:850px}.space-sticky{top:100px}.workflow-step h3{font-size:16px}.workflow{gap:20px}.silicon-card{padding:30px}.cinema-break{height:420px}.faq h2{font-size:38px}}
@media(max-width:640px){html{scroll-padding-top:90px}.wrap{width:calc(100% - 36px)}.nav{height:72px;padding:0 18px;gap:10px}.nav nav{display:none}.nav-cta{font-size:10px;padding:10px 13px;gap:9px}.brand{font-size:20px}.brand img{width:30px;height:30px}.brand-sub{font-size:6px}.hero-copy{padding-top:50px}.hero h1{font-size:42px;line-height:1.08;letter-spacing:-.05em}.hero-desc{font-size:14px;max-width:350px;margin:22px auto}.actions{flex-direction:column;gap:18px}.hero-stage{margin-top:25px}.hero-art{min-height:0;object-fit:contain;object-position:center}.hero-stage .tag-left{display:none}.hero-stage .tag-right{bottom:12%;font-size:7px;padding:6px 8px}.hero-stage .stage-label{display:none}.floating-tag{font-size:9px;padding:8px 10px;border-radius:9px}.tag-left{left:5%;top:12%}.tag-right{right:5%;bottom:14%}.stage-label{font-size:6px;bottom:10px;left:5%;right:5%}.feature-strip{display:grid;grid-template-columns:1fr 1fr;text-align:center;gap:18px;font-size:8px}.feature-strip i{display:none}.section{padding-block:64px}.eyebrow{font-size:9px;margin-bottom:20px}.intro h2{font-size:36px}.intro-bottom{margin-top:25px;gap:25px}.big-asterisk{font-size:65px}.intro-bottom p{font-size:14px}.split-heading{display:block;margin-bottom:30px}.split-heading h2{font-size:38px}.split-heading p:last-child{font-size:14px;margin-top:22px}.space-scroll{height:auto;min-height:0}.space-sticky{position:static}.space-section{padding-bottom:15px}.app-window{border-radius:10px;transform:none}.app-window img{max-height:none;object-fit:contain}.window-bar{height:27px;font-size:7px}.workflow{grid-template-columns:1fr;gap:16px;margin-top:26px}.workflow-step{opacity:1;padding-top:16px}.workflow-step p{max-width:none;margin-bottom:0}.workflow-step h3{font-size:19px}.caption{font-size:10px}.style-layout{grid-template-columns:1fr;gap:20px}.style-options{grid-template-columns:1fr 1fr;gap:8px}.style-option{padding:8px;gap:8px;border:1px solid var(--line)}.style-option img{width:40px;height:45px}.style-option strong{font-size:11px}.style-option small{display:none}.style-option>span:last-child{font-size:12px}.style-overlay h3{font-size:28px}.style-overlay span{font-size:7px}.cinema-break{height:330px}.cinema-break h2{font-size:50px}.mac-grid{grid-template-columns:1fr;gap:25px}.silicon-card{padding:35px}.benefits h3{font-size:22px}.requirements{margin-top:30px;padding-inline:18px}.requirements summary{font-size:13px}.pricing-heading h2{font-size:38px}.plans{grid-template-columns:1fr;gap:14px}.plan{padding:25px}.plan>p:not(.plan-label){min-height:0}.plan-label{margin-bottom:0}.plan h3{margin:12px 0}.plan ul{padding-top:15px;margin-bottom:8px}.price{margin-top:10px}.faq{grid-template-columns:1fr;gap:35px}.faq summary{font-size:14px}.closing{padding-top:45px}.closing h2{font-size:40px}.closing>img{height:220px;object-fit:cover;margin-top:10px}.footer{grid-template-columns:1fr;padding-top:50px;gap:25px}.footer-links{justify-content:flex-start;gap:20px}.admin-bar .nav{top:46px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.hero-art,.cinema-break>img{transform:none!important}.js .reveal{opacity:1;transform:none}.space-scroll{height:auto;min-height:0}.space-sticky{position:static}.workflow-step{opacity:1}}

/* Inspiration gallery + H3 by Kino */
.gallery-filter{display:flex;gap:8px;margin:0 0 30px;flex-wrap:wrap}.gallery-filter button{border:1px solid var(--line);border-radius:100px;background:transparent;color:var(--muted);padding:10px 20px;font-size:12px}.gallery-filter button[aria-pressed=true]{background:#d0b9ff;color:#171020;border-color:#d0b9ff}.render-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.render-card{padding:0;position:relative;isolation:isolate;border:1px solid #ffffff20;border-radius:18px;overflow:hidden;text-align:left;background:#14131a;color:white;aspect-ratio:4/5}.render-card[hidden]{display:none}.render-card img{width:100%;height:100%;object-fit:cover;transition:transform .65s cubic-bezier(.2,.7,.3,1)}.render-card:hover img{transform:scale(1.055)}.render-card:after{content:'';position:absolute;inset:35% 0 0;background:linear-gradient(transparent,#000b);z-index:0;pointer-events:none}.render-info{position:absolute;bottom:25px;left:25px;right:20px;z-index:1}.render-info small{font-size:10px;color:#e1dce9;letter-spacing:.025em}.render-info strong{display:block;font-size:24px;font-weight:550;letter-spacing:-.03em;margin-top:7px}.render-expand{position:absolute;right:17px;top:17px;background:#0005;backdrop-filter:blur(10px);border:1px solid #ffffff50;border-radius:50%;width:34px;height:34px;display:grid;place-items:center}.render-dialog{border:1px solid #ffffff35;border-radius:20px;padding:18px;background:#15121c;color:white;max-width:min(92vw,1000px);max-height:94vh;overflow:auto}.render-dialog::backdrop{background:#08060bee;backdrop-filter:blur(12px)}.render-dialog img{max-height:74vh;max-width:100%;margin:auto;object-fit:contain;border-radius:9px}.render-dialog h3{font-size:23px;margin:18px 6px 10px}.render-dialog p{font-size:12px;margin:0 6px}.dialog-close{position:sticky;float:right;top:0;margin:0 0 8px 10px;width:38px;height:38px;display:grid;place-items:center;background:#312a3d;color:white;border:1px solid #ffffff30;border-radius:50%;z-index:2}.h3-section{padding-top:30px}.h3-panel{display:grid;grid-template-columns:.9fr 1.1fr;gap:55px;align-items:center;border:1px solid #b592ff35;border-radius:28px;overflow:hidden;padding:65px 55px;background:radial-gradient(ellipse at 15% 50%,#754baf25,transparent 65%),#111016}.h3-visual{min-height:420px;position:relative;display:grid;place-items:center;isolation:isolate}.h3-mark{width:230px;height:230px;border-radius:44px;background:linear-gradient(145deg,#65507766,#15101dbb 50%,#8b60aa33);border:1px solid #c5a7e970;box-shadow:inset 0 0 45px #c7a3ff15,0 0 80px #9560ef22;display:flex;align-items:center;justify-content:center;flex-direction:column;transform:rotate(-8deg)}.h3-mark>span{font-size:105px;font-weight:700;line-height:1;letter-spacing:-.08em;background:linear-gradient(140deg,#fff,#b894f9);background-clip:text;color:transparent}.h3-mark small{font-size:13px;letter-spacing:.38em;margin-top:18px;color:#ba9dde}.h3-orbit{position:absolute;inset:12%;border:1px solid #b592ff2b;border-radius:50%;transform:rotate(-30deg) scaleX(1.3)}.orbit-two{inset:0;transform:rotate(30deg) scaleX(.86);border-style:dashed;opacity:.5}.h3-dot{position:absolute;top:15%;left:20%;width:8px;height:8px;border-radius:50%;background:#d1b8ff;box-shadow:0 0 24px #b592ff}.h3-chips{position:absolute;bottom:0;display:flex;gap:9px;font-size:8px;letter-spacing:.1em}.h3-chips span{border:1px solid #ffffff20;padding:8px 12px;border-radius:30px;color:#bcb0cc}.h3-copy h2{font-size:clamp(36px,3.8vw,56px)}.h3-copy>p:not(.eyebrow){font-size:15px;margin:24px 0}.h3-facts article{border-top:1px solid var(--line);padding:19px 0}.h3-facts b{font-size:14px;font-weight:550}.h3-facts p{font-size:12px;margin:8px 0 0}.h3-copy .button{margin-top:15px;font-size:12px}.h3-requirements{display:block;font-size:11px;margin-top:20px;color:var(--muted)}
@media(max-width:1000px){.render-grid{gap:12px}.render-info{left:18px;bottom:18px}.render-info strong{font-size:19px}.h3-panel{gap:25px;padding:40px 30px}.h3-mark{width:180px;height:180px}.h3-mark>span{font-size:84px}.nav nav{gap:14px}}
@media(max-width:640px){.render-grid{grid-template-columns:1fr 1fr;gap:10px}.render-info{left:12px;bottom:13px;right:10px}.render-info strong{font-size:15px}.render-info small{font-size:8px}.render-expand{width:26px;height:26px;top:9px;right:9px;font-size:12px}.gallery-filter{gap:6px;margin-bottom:20px}.gallery-filter button{padding:9px 13px;font-size:10px}.render-card{border-radius:12px}.h3-panel{grid-template-columns:1fr;padding:30px 24px;gap:35px}.h3-visual{min-height:290px}.h3-copy h2{font-size:38px}.h3-chips{bottom:0}.h3-copy>p:not(.eyebrow){font-size:14px}.render-dialog{padding:12px}.render-dialog img{max-height:68vh}}

.render-card:nth-child(3) img{object-position:30% center}

.mac-showcase{padding-bottom:30px;overflow:hidden;background:radial-gradient(ellipse at 50% 60%,#38224420,transparent 62%)}.showcase-heading{text-align:center;max-width:970px}.showcase-heading>p:last-child{max-width:600px;margin:25px auto 0;font-size:16px;line-height:1.7}.mac-product{max-width:1600px;width:100%;margin:0 auto;position:relative}.mac-product img{width:100%;height:auto;mask-image:linear-gradient(black 95%,transparent)}.showcase-benefits{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;border-top:1px solid var(--line);padding-top:25px;margin-top:-10px;position:relative}.showcase-benefits span{font-size:13px;color:#c4bdcf}.showcase-benefits b{color:var(--accent);font-size:10px;margin-right:14px}.mac-showcase>.caption{text-align:center;margin-top:25px;font-size:10px}
@media(max-width:640px){.showcase-heading h2{font-size:38px}.showcase-heading>p:last-child{font-size:14px}.mac-product{width:100%;max-width:none;margin-left:0}.showcase-benefits{grid-template-columns:1fr;gap:16px;margin-top:0}.showcase-benefits span{font-size:12px}.mac-showcase{padding-bottom:10px}}

.legal-document{max-width:1100px}.legal-heading h1{font-size:clamp(38px,5vw,68px);max-width:900px}.legal-heading>p:last-child{font-size:12px;margin-top:24px}.legal-notice{background:#b592ff12;border:1px solid #b592ff44;border-radius:14px;padding:24px;margin:35px 0}.legal-notice strong{font-size:15px;color:var(--accent)}.legal-notice p{font-size:13px;margin:10px 0 0}.legal-nav{display:flex;flex-wrap:wrap;gap:10px 22px;padding-bottom:28px;border-bottom:1px solid var(--line);font-size:12px;color:var(--accent)}.legal-copy{max-width:850px;padding-top:35px}.legal-copy h2{font-size:26px;letter-spacing:-.03em;margin:42px 0 18px}.legal-copy p,.legal-copy li{font-size:15px;line-height:1.85;color:#bbb6c4}.legal-copy li{margin-bottom:10px}.legal-copy strong{color:var(--text)}.legal-copy a,.legal-sources a{text-decoration:underline;color:var(--accent);overflow-wrap:anywhere}.legal-pending{background:#ddaf5930;color:#f4d290;padding:2px 5px;border-radius:4px;overflow-wrap:anywhere}.legal-sources{margin-top:50px;border-top:1px solid var(--line);padding-top:24px}.legal-sources p{font-size:11px}.legal-copy ul{padding-left:22px}.document article h2{font-size:28px;margin:36px 0 18px}.document article li{color:var(--muted);line-height:1.8}.document article{overflow-wrap:anywhere}

/* Layered engine showroom, native image proportions. */
.engine-story{position:relative;background:#09090e;margin:70px 0}.js .engine-story{height:360vh}.engine-stage{position:relative;overflow:hidden;padding:35px 0 24px;isolation:isolate}.js .engine-stage{position:sticky;top:70px;height:calc(100svh - 70px);display:flex;flex-direction:column;justify-content:center}.engine-city{position:absolute;z-index:-2;inset:0 -7%;background:url('assets/kino-city.png') center 55%/cover no-repeat;will-change:transform}.engine-stage:after{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(#09090ef5 0%,#09090e99 24%,#09090e05 53%,#09090e44 73%,#09090efa 100%)}.engine-heading{text-align:center;position:relative;z-index:4;flex-shrink:0}.engine-heading h2{font-size:clamp(30px,3.5vw,54px);letter-spacing:-.045em;margin:8px 0}.engine-heading>p:last-child{max-width:720px;margin:10px auto 0;color:#b9b4c7;font-size:14px;line-height:1.6}.engine-car{position:relative;width:100%;max-width:none;margin:0 auto;z-index:1;flex-shrink:0;will-change:transform}.engine-car>img{display:block;width:min(97vw,1450px);height:34vh;max-height:380px;object-fit:contain;margin:auto;filter:drop-shadow(0 20px 14px #0009)}.car-key{display:none}.engine-rail{position:relative;z-index:3;width:100%;overflow-x:auto;scrollbar-width:thin;scrollbar-color:#766194 #15121b;outline-offset:-3px;flex-shrink:0;margin-top:-6vh}.engine-track{display:flex;width:max-content;gap:34px;padding:0 max(30px,calc((100vw - 1120px)/2)) 10px}.engine-unit{position:relative;width:clamp(225px,22vw,310px);flex:0 0 auto;text-align:center}.engine-render{height:clamp(160px,26vh,290px);aspect-ratio:var(--engine-ratio);width:auto;margin:auto;background-image:var(--engine-art);background-size:calc(var(--engine-count)*100%) auto;background-position:var(--engine-position) center;background-repeat:no-repeat;filter:drop-shadow(0 16px 9px #0008)}.engine-badge{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}.engine-unit>p{font-size:12px;color:#d0c9dc;margin:4px 0 8px;text-shadow:0 2px 5px #000}.engine-status{font-size:9px;letter-spacing:.1em;color:#c9aaf8}.engine-status:before{content:'●';padding-right:6px}.engine-future .engine-render{filter:grayscale(1) drop-shadow(0 16px 9px #0008);opacity:.65}.engine-future .engine-status{color:#aaa6b1}.engine-bottom{position:relative;z-index:4;margin-top:10px;text-align:center;flex-shrink:0}.engine-bottom>p{font-size:12px;display:flex;justify-content:center;gap:30px;margin:5px 0 8px}.engine-bottom>p span{color:#bd9aef}.engine-bottom small{display:block;color:#aaa1b7;font-size:10px;line-height:1.6;max-width:800px;margin:auto}.engine-bottom>a{font-size:12px;display:inline-block;margin-top:9px;color:#d4baff}.js .engine-rail.is-driven{overflow-x:hidden}
@media(min-width:641px) and (max-height:800px){.engine-stage{padding:14px 0}.engine-heading h2{font-size:32px}.engine-heading>p:last-child{font-size:12px;max-width:650px;margin-top:5px}.engine-heading .eyebrow{font-size:9px;margin:0}.engine-car>img{height:33vh}.engine-render{height:25vh}.engine-rail{margin-top:-7vh}.engine-unit>p{font-size:10px}.engine-bottom{margin-top:4px}.engine-bottom small{font-size:9px}.engine-bottom>a{margin-top:4px}}
@media(max-width:640px){.js .engine-story{height:auto}.js .engine-stage{position:relative;top:0;height:auto;padding:40px 0 30px}.engine-heading>p:last-child{font-size:14px}.engine-car{margin-top:15px}.engine-car>img{width:110%;max-width:none;margin-left:-5%;height:210px}.engine-render{height:230px}.engine-rail{margin-top:-28px}.engine-unit{width:250px}.engine-track{gap:15px}.engine-bottom>p{flex-direction:column;gap:8px}.engine-city{background-position:center center}.js .engine-rail.is-driven{overflow-x:auto}}
@media(prefers-reduced-motion:reduce){.js .engine-story{height:auto}.js .engine-stage{position:relative;top:0;height:auto}.engine-city,.engine-car{transform:none!important}.js .engine-rail.is-driven{overflow-x:auto}}

.engine-story{--ratio-a:0.6837071240105541;--ratio-b:0.6251576292559899;--ratio-c:0.6666666666666667;}
/* Larger foreground pieces and car, keeping the door mark above the engines. */
.engine-car>img{height:44vh;max-height:490px}.engine-render{height:clamp(215px,34vh,365px)}.engine-rail{margin-top:-12vh}.engine-track{gap:18px}.engine-unit{width:clamp(250px,23vw,335px)}
@media(min-width:641px) and (max-height:800px){.engine-stage{padding:8px 0}.engine-car>img{height:43vh}.engine-render{height:33vh}.engine-rail{margin-top:-15vh}.engine-heading>p:last-child{line-height:1.4}.engine-bottom small{font-size:8px;line-height:1.4}.engine-bottom>a{display:none}.engine-unit>p{margin:0 0 5px}.engine-bottom>p{font-size:10px}}
@media(max-width:640px){.engine-car>img{height:210px}.engine-render{height:285px}.engine-rail{margin-top:-22px}.engine-unit{width:245px}}
@media(min-width:641px) and (max-height:800px){.engine-car>img{height:40vh}.engine-render{height:31vh}.engine-bottom{margin-top:2px}}

.engine-story{--ratio-future:1.0;}

/* Original supplied wordmark, independent of the generated car raster. */
.engine-car-frame{position:relative;aspect-ratio:2098/749;height:min(44vh,490px,34.63vw);width:auto;margin:auto;filter:drop-shadow(0 20px 14px #0009)}.engine-car-frame>img:first-child{display:block;width:100%;height:100%;object-fit:contain}.engine-car-frame .car-original-logo{position:absolute;left:33%;top:44%;width:35%;height:auto;max-width:none;filter:invert(1);mix-blend-mode:screen;transform:rotate(3deg);pointer-events:none}
@media(min-width:641px) and (max-height:800px){.engine-car-frame{height:min(40vh,34.63vw)}}
@media(max-width:640px){.engine-car-frame{height:auto;width:100%;aspect-ratio:2098/749}.engine-car{margin-bottom:28px}}

.car-wheel{position:absolute;width:17%;aspect-ratio:1;z-index:2;pointer-events:none;transform:scaleX(.94)}.car-wheel img{display:block;width:100%;height:100%;transform:rotate(var(--wheel-turn,0deg));will-change:transform}.wheel-rear{left:10.8%;top:46.2%}.wheel-front{left:65.3%;top:50.7%}.engine-car-frame .car-original-logo{z-index:3;left:33%;top:44%;width:35%}
@media(prefers-reduced-motion:reduce){.car-wheel img{transform:none!important}}

@media(min-width:641px){.render-info strong{font-size:clamp(18px,1.8vw,25px)}.render-info{left:18px;right:15px;bottom:20px}}

/* Match the side plane of the revised three-quarter car. */
.wheel-rear{left:2.1%;top:36%;width:17%;transform:scaleX(.67)}.wheel-front{left:46.7%;top:46%;width:18.8%;transform:scaleX(.76)}
.car-wheel:after{content:'';position:absolute;inset:0;border-radius:50%;background:radial-gradient(closest-side,transparent 0 79%,#171719 79.5% 98.5%,transparent 99%);pointer-events:none}.car-wheel img{clip-path:circle(49%)}
.engine-car-frame .car-original-logo{left:21%;top:38%;width:28%;transform:rotate(10deg) skewX(-9deg) scaleY(.93);filter:invert(1) brightness(.68);opacity:.8;mix-blend-mode:screen}
/* Stationary lateral car with wheels integrated into the render. */
.engine-car{transform:none!important}.engine-car-frame{aspect-ratio:3/1}.engine-car-frame .car-original-logo{left:30%;top:34.5%;width:31%;transform:rotate(3deg);filter:invert(1) brightness(.68);opacity:.8}
@media(max-width:640px){.engine-car-frame{aspect-ratio:3/1}}

/* Original Kino wordmark, with its native proportions. */
.nav .brand{flex-shrink:0}.nav .brand-logo{width:132px;height:auto;object-fit:contain}
@media(max-width:600px){.nav .brand-logo{width:108px}}

.compat-scroll{overflow-x:auto;border:1px solid var(--line);border-radius:20px;margin-top:38px;background:var(--surface)}
.compat-table{width:100%;border-collapse:collapse;text-align:left;font-size:14px;min-width:690px}
.compat-table caption{text-align:left;padding:20px 24px;color:var(--muted);font-size:12px}
.compat-table th,.compat-table td{padding:23px 24px;border-top:1px solid var(--line);vertical-align:top}
.compat-table thead th{font-size:11px;text-transform:uppercase;letter-spacing:.09em;color:var(--muted)}
.compat-table tbody th{width:23%;font-weight:600}.compat-table td{color:var(--muted);line-height:1.6}
.compat-confirmed{background:linear-gradient(100deg,#b592ff0d,transparent)}
.compat-confirmed th{color:var(--accent)}.compat-note{font-size:12px;line-height:1.7;margin:18px 0 32px}
.compat-details{display:grid;grid-template-columns:1fr 1fr;gap:32px}.compat-details h3{font-size:22px;margin-bottom:12px}.compat-details p{font-size:14px}
@media(max-width:700px){.compat-details{grid-template-columns:1fr;gap:18px}.compat-table th,.compat-table td{padding:18px}.compat-scroll{margin-top:26px}}

/* International header and premium hardware comparison */
.nav .brand-logo,.footer .brand-logo{display:block!important;width:132px;height:auto;max-width:none;opacity:1;filter:none}.nav{gap:22px}.language-switch{display:flex;align-items:center;gap:7px;padding:8px 10px;border:1px solid #ffffff30;border-radius:9px;color:#ddd;font-size:12px;flex-shrink:0}.language-switch select{background:transparent;border:0;color:inherit;font:inherit;cursor:pointer;max-width:100px}.language-switch option{background:#17121e;color:white}.screen-reader-text{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.price-pending{font-size:24px;line-height:1.2;letter-spacing:-.02em}
.image-engine-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.image-engine-grid article{padding:34px;border:1px solid #ffffff20;border-radius:22px;background:radial-gradient(at 100% 0,#b592ff1a,transparent 70%),#121218}.spec-number{display:block;font-size:70px;letter-spacing:-.07em;color:#d6c2ff;line-height:1;margin-bottom:38px}.spec-number small{font-size:17px;letter-spacing:0;margin-left:8px}.image-engine-grid h3{font-size:24px;margin-bottom:18px}.image-engine-grid p{font-size:14px}.image-engine-grid article>small{font-size:10px;letter-spacing:.1em;color:#b592ff}
.hardware-spotlight{display:grid;grid-template-columns:1.35fr 1fr;gap:20px;margin-top:45px}.hardware-spotlight article{border:1px solid #ffffff26;border-radius:26px;padding:40px;overflow:hidden}.hardware-max{background:radial-gradient(ellipse at 90% 5%,#a78bfa38,transparent 65%),linear-gradient(125deg,#1b1728,#101015);position:relative;box-shadow:inset 0 1px #d1b5ff5c}.hardware-badge{display:inline-block;font-size:10px;letter-spacing:.16em;color:#d6c2ff;border:1px solid #b592ff4d;border-radius:50px;padding:8px 12px;margin-bottom:35px}.hardware-title{display:flex;align-items:center;gap:25px}.hardware-title h3{font-size:38px;letter-spacing:-.04em}.chip-mini{font-size:19px;text-align:center;border:1px solid #b592ff6b;padding:17px;border-radius:14px;background:#211a31;box-shadow:0 0 40px #8646f622}.chip-mini b{font-size:27px}.hardware-specs{display:flex;gap:55px;margin:35px 0}.hardware-specs strong{display:block;font-size:72px;letter-spacing:-.06em;font-weight:500;line-height:1}.hardware-specs strong small{font-size:21px;letter-spacing:0;margin-left:6px}.hardware-specs div>span{display:block;color:#a4a2b0;font-size:12px;margin-top:10px}.hardware-fine{font-size:12px;line-height:1.6;max-width:470px}.hardware-max a{font-size:12px;color:#d6c2ff;text-decoration:underline}.hardware-tested{background:linear-gradient(140deg,#172322,#101315);position:relative}.hardware-tested .hardware-badge{color:#a3e4c8;border-color:#72c49e40}.hardware-tested h3{font-size:37px}.hardware-tested h3>span{font-size:25px;color:#b0bcb7}.hardware-tested h4{font-size:22px;margin:22px 0 10px}.hardware-tested p{font-size:13px;max-width:360px}.hardware-orbit{border:1px solid #79d1ae30;border-radius:50%;height:155px;width:155px;display:grid;place-items:center;margin:24px auto;background:radial-gradient(#79d1ae17,transparent 70%);box-shadow:0 0 0 14px #79d1ae05,0 0 0 28px #79d1ae03}.hardware-orbit span{font-size:60px;letter-spacing:-.05em;color:#d0f8e7}.hardware-orbit small{font-size:16px;margin-left:4px}.hardware-legend{display:flex;gap:23px;flex-wrap:wrap;font-size:11px;color:#aaa;margin:28px 0 0}.hardware-legend span{display:flex;align-items:center;gap:7px}.hardware-legend i{width:6px;height:6px;background:#777;border-radius:100%}.hardware-legend .dot-tested{background:#7ed2ad}.hardware-legend .dot-suggested{background:#ba98ff}.compat-table tbody tr{transition:background .2s}.compat-table tbody tr:hover{background:#ffffff06}.compat-suggested{background:#9e77ed09}.compat-suggested th{color:#d7bdff}.compat-suggested th small{display:block;font-size:9px;letter-spacing:.05em;font-weight:400;margin-top:6px;color:#a99abc}.compat-confirmed th{color:#9de4c4}.compat-table{min-width:760px}.compat-table thead{background:#18151f}.compat-scroll{margin-top:20px}.compat-details article{padding:28px;background:#131118;border:1px solid var(--line);border-radius:20px}
@media(max-width:1000px){.nav{gap:12px}.nav nav{gap:15px}.nav-cta{display:none}.hardware-specs{gap:25px}.hardware-spotlight article{padding:28px}.hardware-specs strong{font-size:60px}}
@media(max-width:700px){.hardware-spotlight,.image-engine-grid{grid-template-columns:1fr}.hardware-title h3{font-size:32px}.hardware-spotlight article{padding:26px}.hardware-specs{gap:40px}.hardware-specs strong{font-size:64px}.hardware-legend{gap:12px}.language-switch{margin-left:auto}.nav .brand-logo{width:114px}.image-engine-grid article{padding:28px}.spec-number{margin-bottom:25px}.compat-table{font-size:12px}.compat-table th,.compat-table td{padding:18px}.hardware-tested h3{font-size:32px}}

/* Monthly headline, explicit total: never imply installment billing. */
.price .price-period{font:500 14px/1.3 var(--font-body, sans-serif);color:#c9bddb;white-space:nowrap}.plan .payment-note{display:block;min-height:44px;font-size:12px;line-height:1.6;color:#b5acbd}.plan .price{flex-wrap:wrap}.compat-table th small a{color:#b7a1e5;text-decoration:none}