/*
Theme Name: Cem Portfolio Launch
Theme URI: https://example.com/cem-portfolio
Author: Cem Uyguc
Description: Original product landing theme for Cem Portfolio Free and Pro.
Version: 1.0.1
Requires at least: 6.2
Requires PHP: 7.4
License: GPLv2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: cem-portfolio-site
*/

:root{--ink:#0b1020;--ink-2:#111a2e;--cream:#f7f3ea;--paper:#fffdf8;--coral:#ff6243;--amber:#f4b860;--teal:#4fd1b5;--muted:#627087;--line:rgba(11,16,32,.12);--radius:24px;--shadow:0 30px 80px rgba(11,16,32,.14)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--paper);color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;margin:0;overflow-x:hidden}body.admin-bar .site-header{top:32px}a{color:inherit;text-decoration:none}img{height:auto;max-width:100%}.wrap{margin:0 auto;max-width:1200px;padding-left:24px;padding-right:24px}.site-header{backdrop-filter:blur(18px);background:rgba(255,253,248,.86);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:50}.nav{align-items:center;display:flex;height:74px;justify-content:space-between}.brand{align-items:center;display:flex;font-size:17px;font-weight:900;gap:11px;letter-spacing:-.02em}.brand-mark{background:var(--coral);border-radius:9px;box-shadow:inset 0 -4px 0 rgba(11,16,32,.18);display:grid;height:34px;place-items:center;transform:rotate(-5deg);width:34px}.brand-mark:before{color:#fff;content:"C";font-weight:950;transform:rotate(5deg)}.nav-links{align-items:center;display:flex;gap:30px}.nav-links a{font-size:14px;font-weight:700}.nav-links a:hover{color:var(--coral)}.button{align-items:center;background:var(--coral);border:1px solid var(--coral);border-radius:999px;color:#fff;display:inline-flex;font-size:14px;font-weight:850;gap:8px;justify-content:center;padding:14px 22px;transition:transform .2s,box-shadow .2s,background .2s}.button:hover{box-shadow:0 12px 30px rgba(255,98,67,.26);transform:translateY(-2px)}.button.secondary{background:transparent;border-color:rgba(255,255,255,.32)}.button.ghost{background:#fff;border-color:var(--line);color:var(--ink)}.eyebrow{align-items:center;color:var(--coral);display:flex;font-size:12px;font-weight:900;gap:9px;letter-spacing:.13em;text-transform:uppercase}.eyebrow:before{background:currentColor;border-radius:50%;content:"";height:7px;width:7px}.hero{background:var(--ink);color:#fff;isolation:isolate;min-height:720px;overflow:hidden;padding:88px 0 70px;position:relative}.hero:before{background-image:linear-gradient(rgba(247,243,234,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(247,243,234,.055) 1px,transparent 1px);background-size:64px 64px;content:"";inset:0;mask-image:linear-gradient(to bottom,#000,transparent);position:absolute;z-index:-2}.hero:after{background:radial-gradient(circle,rgba(255,98,67,.6),transparent 68%);content:"";filter:blur(12px);height:600px;position:absolute;right:-200px;top:-240px;width:600px;z-index:-1}.hero-grid{align-items:center;display:grid;gap:64px;grid-template-columns:.9fr 1.1fr}.hero h1{font-size:clamp(48px,6vw,82px);letter-spacing:-.065em;line-height:.95;margin:23px 0}.hero h1 em{color:var(--amber);font-family:Georgia,serif;font-weight:400}.hero-copy>p{color:#b9c2d2;font-size:19px;line-height:1.65;max-width:600px}.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin:32px 0}.hero-trust{align-items:center;color:#9ba8bc;display:flex;flex-wrap:wrap;font-size:13px;gap:22px}.hero-trust strong{color:#fff}.product-stage{perspective:1200px;position:relative}.product-window{background:linear-gradient(155deg,#172239,#0c1322);border:1px solid rgba(255,255,255,.16);border-radius:28px;box-shadow:0 45px 100px rgba(0,0,0,.55),inset 0 1px 0 rgba(255,255,255,.12);padding:22px;transform:rotateY(-7deg) rotateX(3deg)}.window-bar{align-items:center;display:flex;justify-content:space-between;margin-bottom:22px}.window-dots{display:flex;gap:7px}.window-dots i{background:#31405a;border-radius:50%;height:8px;width:8px}.window-dots i:first-child{background:var(--coral)}.filter-pills{display:flex;gap:7px}.filter-pills span{border:1px solid #34435e;border-radius:999px;color:#b6c2d4;font-size:10px;padding:7px 10px}.filter-pills span:first-child{background:var(--coral);border-color:var(--coral);color:#fff}.mock-grid{display:grid;gap:12px;grid-template-columns:repeat(3,1fr)}.mock-card{aspect-ratio:1.15;border-radius:12px;overflow:hidden;position:relative}.mock-card:after{background:linear-gradient(145deg,transparent,rgba(0,0,0,.2));content:"";inset:0;position:absolute}.mock-card:nth-child(1){background:linear-gradient(145deg,#ff684b 0 46%,#f4eee3 46%)}.mock-card:nth-child(2){background:radial-gradient(circle at 66% 40%,#f4b860 0 10%,transparent 11%),repeating-radial-gradient(ellipse at 50% 110%,#4fd1b5 0 7%,#183b45 8% 11%)}.mock-card:nth-child(3){background:linear-gradient(135deg,#f4eee3 0 58%,#ff6243 59%)}.mock-card:nth-child(4){background:repeating-radial-gradient(ellipse at 0 100%,#f4b860 0 3%,#101827 4% 8%)}.mock-card:nth-child(5){background:linear-gradient(130deg,#f7f3ea 0 62%,#f4b860 63%)}.mock-card:nth-child(6){background:radial-gradient(circle at 35% 60%,#ff6243 0 21%,transparent 22%),linear-gradient(130deg,#101827 0 64%,#f4b860 65%)}.float-note{align-items:center;background:var(--cream);border-radius:16px;bottom:-30px;box-shadow:var(--shadow);color:var(--ink);display:flex;font-size:13px;font-weight:800;gap:11px;padding:14px 18px;position:absolute;right:-18px}.float-note b{background:var(--teal);border-radius:50%;display:grid;height:28px;place-items:center;width:28px}.logos{background:var(--cream);border-bottom:1px solid var(--line);padding:20px 0}.logo-row{align-items:center;color:#687487;display:flex;font-size:13px;font-weight:750;justify-content:space-between}.logo-row span:not(:first-child){color:#283246;font-size:15px;letter-spacing:.02em}.section{padding:110px 0}.section.alt{background:#f1eee6}.section.dark{background:var(--ink);color:#fff}.section-head{align-items:end;display:flex;gap:60px;justify-content:space-between;margin-bottom:52px}.section-head h2{font-size:clamp(38px,5vw,62px);letter-spacing:-.055em;line-height:1;margin:16px 0 0;max-width:720px}.section-head>p{color:var(--muted);line-height:1.7;max-width:430px}.dark .section-head>p{color:#aeb8c9}.feature-grid{display:grid;gap:18px;grid-template-columns:repeat(3,1fr)}.feature{background:#fff;border:1px solid var(--line);border-radius:20px;min-height:245px;padding:30px;position:relative;transition:transform .2s,box-shadow .2s}.feature:hover{box-shadow:var(--shadow);transform:translateY(-5px)}.feature-icon{background:var(--cream);border-radius:13px;color:var(--coral);display:grid;font-size:22px;height:48px;place-items:center;width:48px}.feature h3{font-size:19px;margin:24px 0 10px}.feature p{color:var(--muted);font-size:14px;line-height:1.7;margin:0}.layout-showcase{display:grid;gap:18px;grid-template-columns:1.15fr .85fr}.layout-panel{background:#fff;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;padding:25px}.layout-panel.dark-card{background:var(--ink-2);color:#fff}.mini-masonry{columns:3;column-gap:9px;margin-top:22px}.mini-masonry i{background:var(--amber);border-radius:7px;display:block;margin:0 0 9px;min-height:72px}.mini-masonry i:nth-child(2n){background:var(--coral);min-height:110px}.mini-masonry i:nth-child(3n){background:var(--teal);min-height:90px}.carousel-preview{align-items:center;display:flex;gap:12px;margin-top:38px;overflow:hidden}.carousel-preview i{background:linear-gradient(145deg,var(--coral),var(--amber));border-radius:13px;flex:0 0 62%;height:190px}.carousel-preview i+ i{background:linear-gradient(145deg,var(--teal),#164d5b)}.number{color:var(--coral);font-family:Georgia,serif;font-size:48px}.comparison{background:#fff;border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden}.comparison-row{align-items:center;border-bottom:1px solid var(--line);display:grid;grid-template-columns:1.4fr .55fr .55fr;min-height:62px;padding:0 28px}.comparison-row.head{background:var(--ink);color:#fff;font-weight:900}.comparison-row:last-child{border:0}.comparison-row span:nth-child(n+2){text-align:center}.yes{color:#0f9f7f;font-weight:900}.pro{color:var(--coral);font-weight:900}.pricing-grid{display:grid;gap:18px;grid-template-columns:repeat(3,1fr)}.price-card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:34px;position:relative}.price-card.popular{background:var(--ink);border-color:var(--ink);color:#fff;transform:translateY(-12px)}.popular-label{background:var(--coral);border-radius:999px;color:#fff;font-size:11px;font-weight:900;letter-spacing:.08em;padding:8px 13px;position:absolute;right:20px;text-transform:uppercase;top:20px}.price-card h3{font-size:20px}.price{font-size:52px;font-weight:950;letter-spacing:-.06em;margin:22px 0}.price small{color:var(--muted);font-size:14px;font-weight:600;letter-spacing:0}.price-card.popular .price small{color:#aeb8c9}.price-card ul{list-style:none;margin:28px 0;padding:0}.price-card li{border-top:1px solid var(--line);font-size:14px;padding:12px 0}.price-card.popular li{border-color:rgba(255,255,255,.13)}.price-card .button{width:100%}.quote-grid{display:grid;gap:18px;grid-template-columns:repeat(3,1fr)}.quote{background:#fff;border:1px solid var(--line);border-radius:20px;padding:27px}.stars{color:var(--amber);letter-spacing:2px}.quote blockquote{font-size:16px;line-height:1.65;margin:20px 0}.quote cite{color:var(--muted);font-size:13px;font-style:normal;font-weight:700}.faq{margin:0 auto;max-width:860px}.faq details{border-bottom:1px solid rgba(255,255,255,.16);padding:24px 0}.faq summary{cursor:pointer;font-size:19px;font-weight:800;list-style:none;padding-right:40px;position:relative}.faq summary:after{color:var(--coral);content:"+";font-size:28px;position:absolute;right:4px;top:-5px}.faq details[open] summary:after{content:"−"}.faq p{color:#aeb8c9;line-height:1.7}.cta{background:var(--coral);border-radius:32px;color:#fff;display:grid;gap:40px;grid-template-columns:1fr auto;margin-bottom:100px;overflow:hidden;padding:60px;position:relative}.cta:after{border:80px solid rgba(255,255,255,.08);border-radius:50%;content:"";height:320px;position:absolute;right:-140px;top:-180px;width:320px}.cta h2{font-size:clamp(38px,5vw,60px);letter-spacing:-.05em;line-height:1;margin:0}.cta p{color:#ffe2da;line-height:1.6;max-width:650px}.cta .button{background:#fff;border-color:#fff;color:var(--ink);position:relative;z-index:2}.site-footer{background:#070b15;color:#94a0b4;padding:54px 0}.footer-grid{align-items:start;display:flex;justify-content:space-between}.footer-grid p{font-size:13px;line-height:1.7;max-width:480px}.footer-links{display:flex;gap:24px;font-size:13px;font-weight:700}.footer-links a:hover{color:#fff}.single-content{margin:0 auto;max-width:800px;padding:90px 24px}.single-content h1{font-size:48px;letter-spacing:-.04em}@media(max-width:900px){.nav-links a:not(.button){display:none}.hero-grid,.layout-showcase,.cta{grid-template-columns:1fr}.hero{padding-top:60px}.product-stage{margin-top:20px}.feature-grid,.pricing-grid,.quote-grid{grid-template-columns:1fr 1fr}.section-head{align-items:start;flex-direction:column;gap:8px}.logo-row span:nth-child(n+5){display:none}.cta{padding:42px}.footer-grid{gap:30px}}@media(max-width:620px){body.admin-bar .site-header{top:46px}.wrap{padding-left:18px;padding-right:18px}.nav{height:66px}.nav-links{gap:8px}.nav .button{padding:11px 14px}.hero{min-height:auto;padding:50px 0 70px}.hero h1{font-size:48px}.product-window{transform:none}.filter-pills span:nth-child(n+3){display:none}.feature-grid,.pricing-grid,.quote-grid{grid-template-columns:1fr}.section{padding:76px 0}.comparison-row{font-size:13px;grid-template-columns:1.2fr .5fr .5fr;padding:0 14px}.popular{transform:none!important}.cta{margin-bottom:70px;padding:34px 24px}.footer-grid{display:block}.footer-links{flex-wrap:wrap;margin-top:28px}}