/*
Theme Name: APIXPRO Starter
Theme URI: https://apixpro.in/
Author: APIXPRO
Description: Responsive launch website for the APIXPRO AI Photography Platform. Marketing-only starter theme; AI, galleries and album integrations require separate software.
Version: 1.0.0
Requires at least: 6.2
Tested up to: 6.8
Requires PHP: 7.4
License: GPL-2.0-or-later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: apixpro-starter
*/
:root{--navy:#0c1426;--navy2:#13213d;--ink:#e9f0ff;--muted:#a0adc9;--indigo:#8f9cff;--teal:#5ce2c2;--light:#f4f7ff;--dark:#15213d;--border:rgba(185,200,235,.18);--radius:22px}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:94px}body{margin:0;background:var(--navy);color:var(--ink);font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:16px;line-height:1.65}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}button{cursor:pointer}img{max-width:100%;height:auto}svg{display:block}a:focus-visible,button:focus-visible{outline:3px solid var(--teal);outline-offset:3px}::selection{background:var(--indigo);color:var(--navy)}.container{max-width:1190px;margin:0 auto;padding:0 25px}.screen-reader-text{position:absolute;left:-9999px}.screen-reader-text:focus{position:fixed;top:12px;left:12px;z-index:1000;padding:10px;background:#fff;color:#000}
.site-header{position:sticky;top:0;z-index:200;background:rgba(12,20,38,.89);border-bottom:1px solid rgba(162,180,215,.12);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}.nav-row{display:flex;align-items:center;min-height:83px;justify-content:space-between;gap:30px}.brand{display:flex;align-items:center;gap:11px;font-size:23px;font-weight:850;letter-spacing:.02em;white-space:nowrap}.brand-sub{display:block;font-size:10px;letter-spacing:.17em;color:#9eafc9;font-weight:700;margin-top:-3px}.brand-mark{display:grid;place-items:center;background:linear-gradient(135deg,#a2abff,#58dbc6);height:40px;width:40px;border-radius:12px;color:#101b34;font-size:26px;font-weight:950;box-shadow:0 0 30px #7189ff33}.custom-logo-link img{max-height:52px;width:auto}.main-menu{display:flex;align-items:center;gap:31px}.main-menu a{font-size:14px;font-weight:600;color:#c7d2e7;transition:color .2s}.main-menu a:hover{color:#fff}.nav-cta,.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;border-radius:12px;font-weight:750;transition:transform .2s,box-shadow .2s,background .2s}.nav-cta{background:#a2adff;color:#0f1b35;padding:12px 17px;font-size:13px}.nav-cta:hover,.btn:hover{transform:translateY(-2px);box-shadow:0 12px 30px #879aff30}.menu-toggle{display:none;background:transparent;color:#fff;border:1px solid var(--border);border-radius:11px;padding:10px}.menu-toggle svg{width:22px;height:22px}
.hero{position:relative;overflow:hidden;padding:93px 0 102px;background:radial-gradient(ellipse 55% 55% at 77% 17%,#293b745e,transparent 80%),radial-gradient(ellipse 45% 55% at 3% 86%,#0b695b38,transparent 78%),#0c1426}.hero:before{position:absolute;inset:0;content:"";background-image:linear-gradient(#bdd0ff06 1px,transparent 1px),linear-gradient(90deg,#bdd0ff06 1px,transparent 1px);background-size:42px 42px;mask-image:linear-gradient(110deg,transparent 0%,#000 65%,transparent 100%);pointer-events:none}.hero-grid{display:grid;grid-template-columns:1fr 1.05fr;gap:55px;align-items:center;position:relative}.eyebrow{display:inline-flex;align-items:center;gap:9px;border:1px solid #8a9afd52;border-radius:100px;padding:7px 14px 7px 10px;color:#c7d5ff;background:#7f90ff12;font-size:11px;font-weight:800;letter-spacing:.14em;text-transform:uppercase}.live-dot{width:8px;height:8px;border-radius:50%;background:var(--teal);box-shadow:0 0 12px var(--teal)}h1,h2,h3,p{margin-top:0}.hero h1{font-size:clamp(48px,5.7vw,80px);letter-spacing:-.061em;line-height:1.075;margin:27px 0 23px;font-weight:850}.hero h1 span{background:linear-gradient(105deg,#b7beff,#69e5ce);color:transparent;background-clip:text;-webkit-background-clip:text}.hero-lead{font-size:18px;color:#b4c1d9;line-height:1.75;max-width:550px}.hero-actions{display:flex;gap:13px;flex-wrap:wrap;margin:29px 0 33px}.btn{padding:14px 22px;font-size:14px;border:1px solid transparent}.btn-primary{background:linear-gradient(125deg,#a5b0ff,#8e9eff);color:#0c1530}.btn-outline{border-color:#576783;background:rgba(255,255,255,.035);color:#edf2ff}.btn svg{width:17px;height:17px}.proof-row{display:flex;gap:19px;flex-wrap:wrap;align-items:center;color:#99abc8;font-size:12px}.proof-row span{display:flex;align-items:center;gap:8px}.proof-row svg{color:var(--teal);width:15px;height:15px}
.hero-visual{position:relative;min-height:460px}.halo{position:absolute;inset:12% 1% 1%;border-radius:50%;background:#667cff30;filter:blur(64px)}.dashboard{position:relative;border:1px solid #8599db48;background:linear-gradient(165deg,#1c2a49,#111b33 75%);border-radius:22px;padding:17px;box-shadow:0 42px 120px #020914af;transform:rotate(1.7deg)}.dashboard-head{display:flex;justify-content:space-between;align-items:center;padding:4px 5px 15px;gap:10px}.dash-brand{font-weight:900;letter-spacing:.1em;font-size:11px}.dash-brand b{color:var(--teal)}.dash-chips{display:flex;gap:5px}.dash-chips i{display:block;width:8px;height:8px;border-radius:50%;background:#56698d}.dash-body{display:grid;grid-template-columns:88px 1fr;gap:11px}.dash-sidebar{padding:12px 8px;border:1px solid #dbe7ff10;background:#0e1729;border-radius:13px}.dash-line{height:7px;background:#455573;border-radius:5px;margin-bottom:18px;width:70%}.dash-line:nth-child(3){width:90%;background:#7d95e3}.dash-line:nth-child(4){width:60%}.dash-main{border-radius:13px;background:#0d182c;padding:14px}.dash-top{display:flex;justify-content:space-between;gap:8px;align-items:center;margin-bottom:10px}.dash-top span{font-size:12px;font-weight:800}.dash-top small{font-size:9px;color:#91ddcc;padding:4px 9px;border:1px solid #4baf9780;border-radius:50px}.photo-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.photo-tile{position:relative;aspect-ratio:1/1.06;border-radius:9px;overflow:hidden;background:linear-gradient(145deg,#778ac0,#263a56)}.photo-tile:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 48% 32%,#f5d7b1 0 13%,transparent 14%),radial-gradient(ellipse at 48% 96%,#566b89 0 34%,transparent 35%),linear-gradient(135deg,#aaabc4,#446781)}.photo-tile:nth-child(2):before{filter:hue-rotate(48deg)}.photo-tile:nth-child(3):before{filter:hue-rotate(135deg)}.photo-tile:nth-child(4):before{filter:hue-rotate(260deg)}.photo-tile:nth-child(5):before{filter:hue-rotate(90deg)}.photo-tile:nth-child(6):before{filter:hue-rotate(180deg)}.photo-tile:after{content:'✓';position:absolute;bottom:7px;right:7px;display:grid;place-items:center;width:21px;height:21px;border-radius:50%;background:#6ce4bb;color:#112d32;font-size:12px;font-weight:900}.photo-tile:nth-child(2):after,.photo-tile:nth-child(5):after{background:#526986;color:transparent}.dash-bottom{display:flex;gap:8px;margin-top:14px}.dash-metric{flex:1;background:#1e2c47;border-radius:9px;padding:10px;color:#c5d2ea;font-size:9px}.dash-metric b{display:block;font-size:20px;color:#fff;line-height:1.3}.dash-metric em{font-style:normal;color:#7de5c4}.floating-note{position:absolute;bottom:-22px;left:-24px;display:flex;align-items:center;gap:12px;padding:12px 16px;border:1px solid #b5f3d640;border-radius:14px;background:#1c3441;box-shadow:0 16px 35px #07101aab;transform:rotate(-3deg);font-size:12px;color:#c7dfdb}.floating-note b{display:block;color:white;font-size:13px}.float-icon{display:grid;place-items:center;width:35px;height:35px;background:#6cdbc538;border-radius:10px;color:#91f5dd}.float-icon svg{width:18px;height:18px}
.section{padding:96px 0}.section-heading{max-width:680px;margin:0 auto 46px;text-align:center}.section-kicker{color:#92a7ff;font-weight:850;text-transform:uppercase;font-size:12px;letter-spacing:.2em;margin-bottom:12px}.section-heading h2,.split-copy h2{font-size:clamp(32px,4vw,51px);line-height:1.14;letter-spacing:-.043em;margin-bottom:15px}.section-heading p,.split-copy p{font-size:16px;color:#a8bad4}.section-features{background:#101a2f}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.feature-card{border:1px solid #8294c02b;background:linear-gradient(155deg,#1a2948,#141e34);border-radius:21px;padding:31px;min-height:314px;position:relative;overflow:hidden}.feature-card:after{content:"";position:absolute;right:-70px;bottom:-95px;width:200px;height:200px;background:#748cff0b;border-radius:50%}.feature-icon{display:grid;place-items:center;width:53px;height:53px;border-radius:15px;background:#8698ff25;color:#bdc6ff;margin-bottom:30px}.feature-icon.teal{background:#5ce2c21b;color:#8cf0d5}.feature-icon.rose{background:#efb5d01c;color:#f3bad7}.feature-icon svg{width:26px;height:26px}.feature-card h3{font-size:22px;line-height:1.25;letter-spacing:-.03em}.feature-card p{font-size:14px;color:#a7b7d1;line-height:1.75;margin-bottom:16px}.coming{font-weight:800;color:#96e4cf;font-size:11px;letter-spacing:.09em;text-transform:uppercase}
.workflow{background:#0b1426}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.step{position:relative;padding:24px 20px;border:1px solid #91a3cc2c;border-radius:18px;background:#151f36}.step-no{width:40px;height:40px;display:grid;place-items:center;background:#7b8eff23;border:1px solid #a2b0ff63;color:#c1caff;border-radius:12px;font-weight:900;margin-bottom:24px}.step h3{font-size:18px}.step p{font-size:13px;color:#a8b6cf;margin:0}.workflow-note{text-align:center;margin:26px auto 0;color:#94a4bd;font-size:13px}
.split-section{background:linear-gradient(145deg,#172443,#101a30);border-top:1px solid #859cce18;border-bottom:1px solid #859cce18}.split-grid{display:grid;grid-template-columns:.95fr 1.05fr;gap:75px;align-items:center}.split-copy{max-width:480px}.checklist{display:grid;gap:15px;margin-top:26px}.checkline{display:flex;gap:12px;align-items:flex-start;color:#d0daeb;font-size:14px}.checkline svg{width:19px;height:19px;color:#71dfc2;flex-shrink:0;margin-top:2px}.service-board{display:grid;grid-template-columns:repeat(2,1fr);gap:13px}.service-mini{background:#0f1930;border:1px solid #a7b6e135;border-radius:18px;padding:28px 24px;min-height:160px}.service-mini:nth-child(2),.service-mini:nth-child(3){background:#1d2e49}.service-mini svg{color:#92a8ff;width:29px;height:29px;margin-bottom:25px}.service-mini span{font-size:15px;font-weight:800;display:block}.service-mini small{color:#9baeca;font-size:12px}
.pricing{background:#0c1426}.launch-panel{border:1px solid #a9b5e04f;border-radius:26px;padding:53px;text-align:center;background:radial-gradient(ellipse 80% 120% at 50% -5%,#5566ad44,transparent),#17233d;max-width:850px;margin:auto}.launch-panel h2{font-size:clamp(31px,4vw,49px);line-height:1.2;letter-spacing:-.04em;margin:16px 0}.launch-panel p{color:#bdcbe0;max-width:570px;margin:0 auto 26px}.faq{border-top:1px solid #8296bd29;background:#111b30}.faq-list{max-width:850px;margin:0 auto}.faq details{border-bottom:1px solid #8296bd39;padding:21px 0}.faq summary{cursor:pointer;font-weight:800;list-style:none;display:flex;justify-content:space-between;gap:22px}.faq summary:after{content:'+';color:#8ee7d0;font-size:23px;font-weight:400}.faq details[open] summary:after{content:'−'}.faq details p{color:#a7b8d0;margin:13px 35px 0 0;font-size:14px}
.site-footer{padding:55px 0 25px;background:#080f1f}.footer-top{display:flex;justify-content:space-between;flex-wrap:wrap;gap:35px;padding-bottom:35px}.footer-text{max-width:360px;color:#97a8c4;font-size:13px;margin:13px 0 0}.footer-links{display:flex;flex-wrap:wrap;gap:16px 28px;align-items:flex-start;font-size:13px;color:#afbdd5}.footer-links a:hover{color:white}.footer-bottom{padding-top:23px;border-top:1px solid #b1c0e224;display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;color:#8495af;font-size:12px}.powered{color:#a9b6d0}
.basic-page{background:#f4f6fb;color:#1c2b46;min-height:56vh;padding:76px 0}.basic-inner{max-width:850px;margin:auto;background:white;border:1px solid #e0e7f2;border-radius:22px;padding:48px}.basic-inner h1{font-size:clamp(34px,4vw,52px);line-height:1.15;letter-spacing:-.04em}.basic-inner a{color:#344dbc;text-decoration:underline}.basic-inner p{color:#47546e}.basic-inner .post-meta{font-size:12px;color:#77839b}.basic-inner img{border-radius:12px}.basic-inner .wp-block-button__link{color:white;text-decoration:none}
@media(max-width:1040px){.main-menu{gap:18px}.hero-grid{gap:25px}.hero h1{font-size:clamp(43px,5vw,66px)}.split-grid{gap:35px}.hero-visual{min-height:auto}}
@media(max-width:780px){.container{padding:0 20px}.site-header{position:sticky}.nav-row{min-height:71px}.menu-toggle{display:block}.main-menu{display:none;position:absolute;top:70px;left:0;right:0;background:#111d33;border-bottom:1px solid #5e7097;padding:20px;box-shadow:0 20px 30px #060a13;flex-direction:column;align-items:stretch;gap:0}.main-menu.is-open{display:flex}.main-menu a{padding:12px 5px}.nav-cta{display:none}.hero{padding:65px 0 90px}.hero-grid,.split-grid{grid-template-columns:1fr}.hero-grid{gap:55px}.hero h1{max-width:650px}.hero-visual{max-width:580px;margin:0 auto;width:100%}.floating-note{left:-8px}.feature-grid{grid-template-columns:1fr}.feature-card{min-height:0;padding:25px}.feature-icon{margin-bottom:22px}.steps{grid-template-columns:repeat(2,1fr)}.section{padding:74px 0}.split-grid{gap:36px}.split-copy{max-width:100%}.launch-panel{padding:35px 24px}}
@media(max-width:500px){.brand{font-size:20px}.brand-mark{height:36px;width:36px}.hero h1{font-size:clamp(44px,13vw,60px)}.hero-lead{font-size:16px}.hero-actions{flex-direction:column;align-items:stretch}.proof-row{gap:9px 15px}.dash-body{grid-template-columns:55px 1fr}.dashboard{padding:10px}.dash-main{padding:9px}.dash-sidebar{padding:10px 5px}.dash-line{margin-bottom:16px}.photo-grid{gap:5px}.dash-metric{padding:6px}.dash-metric b{font-size:15px}.floating-note{bottom:-28px;left:-6px}.steps{grid-template-columns:1fr}.step{padding:20px}.service-board{gap:8px}.service-mini{padding:19px 14px;min-height:135px}.service-mini svg{margin-bottom:18px}.service-mini span{font-size:13px}.basic-inner{padding:28px 22px}.footer-top{flex-direction:column}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.btn,.nav-cta{transition:none}}
.nav-cta svg{width:16px;height:16px;flex-shrink:0}