/* MAKTOTO — custom dark editorial design. Shared between HTML and AMP. */
:root{--bg:#0d0717;--surface:#190d29;--surface2:#241237;--ink:#f7efff;--muted:#c5b4d4;--muted2:#a38db6;--line:rgba(245,198,255,.18);--pink:#ff3eac;--pink-soft:#ff98d4;--violet:#ad64fb;--bright:#eac8ff;--container:1160px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(ellipse 850px 560px at 10% 4%,#35124e 0,transparent 70%),radial-gradient(ellipse 500px 380px at 93% 18%,#411132 0,transparent 72%),var(--bg);color:var(--ink);font:16px/1.78 system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}a:hover{color:var(--pink-soft)}img{max-width:100%;height:auto}h1,h2,h3,h4,p{margin-top:0}h1,h2,h3{line-height:1.24;letter-spacing:-.028em}h1{font-size:clamp(2.05rem,4.1vw,3.85rem);font-weight:850}h2{font-size:clamp(1.46rem,2.5vw,2.15rem);font-weight:800}h3{font-size:1.13rem;font-weight:730}p{color:var(--muted)}strong{color:#fff}::selection{background:#af2a93;color:white}
.topline{background:#1a0a2c;border-bottom:1px solid var(--line);font-size:.72rem;letter-spacing:.12em;text-transform:uppercase;color:#e7bde9}.topline .inner{max-width:var(--container);margin:auto;padding:7px 24px;display:flex;align-items:center;justify-content:space-between;gap:16px}.topline span+span{color:#baa6cb}
.site-header{position:relative;z-index:5;background:rgba(16,7,26,.93);border-bottom:1px solid var(--line)}.nav-shell{max-width:var(--container);margin:auto;padding:15px 24px;display:flex;align-items:center;gap:21px}.brand-logo{width:190px;display:block;flex:none}.brand-logo img,.brand-logo amp-img{display:block;width:100%;height:auto}.brand-kicker{font-size:.64rem;letter-spacing:.19em;color:var(--muted2);border-left:1px solid var(--line);padding-left:13px;white-space:nowrap}.primary-nav{display:flex;align-items:center;gap:18px;margin-left:auto}.primary-nav a{font-size:.80rem;font-weight:650;white-space:nowrap;color:#d8c4e4}.primary-nav a.active,.primary-nav a:hover{color:#ff8dd0}.nav-contact{white-space:nowrap;border:1px solid #a84d91;padding:10px 15px;border-radius:10px;font-size:.75rem;font-weight:800;background:linear-gradient(135deg,rgba(236,43,151,.13),rgba(105,37,167,.23))}.mobile-nav{display:none}
.page-wrap{max-width:var(--container);padding:0 24px 90px;margin:auto}.breadcrumbs{display:flex;align-items:center;gap:8px;color:#b9a4c8;padding:28px 0 17px;font-size:.78rem}.breadcrumbs a{color:#d7b3e4}.breadcrumbs span{color:#a594b4}.breadcrumbs .sep{color:#6e517c}
.sp-layout{display:flex;flex-direction:column;gap:23px}.sp-module{scroll-margin-top:36px}.vc-block{background:linear-gradient(145deg,rgba(36,18,57,.90),rgba(19,11,34,.95));border:1px solid var(--line);border-radius:24px;padding:clamp(24px,4vw,43px);box-shadow:0 16px 36px rgba(0,0,0,.10)}.sp-module h2{margin-bottom:12px}.sp-module h2::before{content:"";display:inline-block;width:25px;height:4px;background:linear-gradient(90deg,var(--pink),var(--violet));vertical-align:middle;border-radius:4px;margin-right:12px}.sp-module h3 a{color:#fff}.sp-module p{margin-bottom:15px}.sp-module p:last-child{margin-bottom:0}.vc-section-intro{max-width:800px;margin-bottom:25px}.eyebrow{display:inline-flex;align-items:center;gap:9px;color:#ffc0e2;letter-spacing:.17em;text-transform:uppercase;font-size:.72rem;font-weight:800;margin-bottom:20px}.eyebrow:before{content:"";width:26px;height:2px;background:var(--pink)}
.vc-hero-compact{padding:clamp(28px,5vw,60px);max-width:960px}.vc-hero-compact>p{max-width:800px;line-height:1.9;font-size:1.02rem}.sp-type-hero .vc-block{position:relative;overflow:hidden;padding:0;background:linear-gradient(128deg,#33134d,#1a0c2e);border-color:rgba(245,129,211,.32)}.vc-hero-poster{display:grid;grid-template-columns:1.07fr .93fr;min-height:455px}.vc-hero-poster.is-text-only{grid-template-columns:1fr;min-height:0}.vc-hero-poster.is-text-only .vc-copy{max-width:950px}.vc-hero-poster .vc-copy{padding:clamp(30px,5.1vw,67px);align-self:center;position:relative;z-index:1;grid-column:1;grid-row:1}.vc-hero-poster .vc-copy h1{margin-bottom:20px}.vc-hero-poster .vc-copy>p{font-size:1.02rem;color:#ead7f0;line-height:1.84}.vc-hero-poster figure{margin:0;position:relative;grid-column:2;grid-row:1;overflow:hidden;min-height:400px}.vc-hero-poster figure::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#2d123e 0,rgba(53,11,61,.08) 38%,rgba(229,31,139,.22) 100%)}.vc-hero-poster figure img,.vc-hero-poster figure amp-img{height:100%;width:100%;object-fit:cover;display:block;filter:saturate(.82)}
.vc-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:27px}.vc-button,.pill-link{display:inline-flex;align-items:center;justify-content:center;min-height:43px;padding:10px 19px;font-size:.82rem;font-weight:800;border-radius:11px;color:#fff;background:linear-gradient(110deg,#d31b8d,#9137dd);border:1px solid rgba(255,202,234,.44);box-shadow:0 7px 23px rgba(205,21,132,.17)}.vc-button:hover,.pill-link:hover{color:white;transform:translateY(-1px);filter:brightness(1.13)}.vc-button:nth-child(even){background:rgba(255,255,255,.06);border-color:rgba(246,177,242,.3)}
.vc-cards-inset-grid,.vc-gallery-portrait-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.vc-cards-inset-grid article,.vc-gallery-portrait-grid article{min-width:0;background:linear-gradient(140deg,rgba(72,30,87,.55),rgba(16,9,29,.82));border:1px solid rgba(240,174,249,.14);border-radius:18px;padding:23px}.vc-cards-inset-grid article:hover,.vc-gallery-portrait-grid article:hover{border-color:rgba(255,83,177,.5)}.vc-cards-inset-grid article h3,.vc-gallery-portrait-grid article h3{margin-bottom:10px}.vc-cards-inset-grid article p,.vc-gallery-portrait-grid article p{font-size:.91rem;line-height:1.75}.vc-gallery-portrait-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.vc-gallery-portrait-grid article{padding:0;overflow:hidden}.vc-gallery-portrait-grid img,.vc-gallery-portrait-grid amp-img{width:100%;aspect-ratio:4/3;display:block;object-fit:cover;filter:saturate(.85)}.vc-gallery-portrait-grid article>div{padding:18px}
.vc-prose{max-width:900px}.vc-prose p{line-height:1.96}.vc-media-editorial{display:grid;grid-template-columns: minmax(0,.92fr) minmax(0,1.08fr);gap:32px;align-items:center}.vc-media-editorial figure{margin:0}.vc-media-editorial img,.vc-media-editorial amp-img{display:block;width:100%;border-radius:17px;aspect-ratio:5/4;object-fit:cover;border:1px solid var(--line);filter:saturate(.85)}.vc-media-editorial .vc-copy p{line-height:1.9}
.vc-table-scroll{width:100%;overflow-x:auto;border:1px solid var(--line);border-radius:15px}.vc-table table{width:100%;border-collapse:collapse;min-width:600px}.vc-table th,.vc-table td{text-align:left;padding:15px 16px;border-bottom:1px solid var(--line);vertical-align:top;font-size:.87rem}.vc-table th{background:rgba(200,45,174,.13);color:#ffd1eb}.vc-table td{color:var(--muted)}.vc-table tr:last-child td{border-bottom:0}
.vc-list ul{padding-left:22px;margin:14px 0 0}.vc-list li{margin-bottom:9px;color:var(--muted)}.vc-list li::marker{color:var(--pink)}.vc-steps ol{list-style:none;counter-reset:steps;display:grid;grid-template-columns:repeat(3,1fr);gap:14px;padding:0;margin:22px 0 0}.vc-steps li{counter-increment:steps;padding:22px;background:rgba(117,46,138,.12);border:1px solid var(--line);border-radius:15px;position:relative}.vc-steps li::before{content:counter(steps,decimal-leading-zero);display:block;color:var(--pink);font-weight:900;font-size:1.22rem;margin-bottom:12px}.vc-steps li h3{margin-bottom:7px}.vc-steps li p{font-size:.91rem}
.vc-faq-columns-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}details,.faq-accordion section{border:1px solid rgba(234,169,250,.20);border-radius:14px;background:#29163d;overflow:hidden}details summary,.faq-accordion h3{cursor:pointer;list-style:none;color:#fff;padding:18px 21px;font-size:.91rem;font-weight:750;line-height:1.5;margin:0}details summary::-webkit-details-marker{display:none}details summary::after{content:"+";float:right;color:var(--pink-soft);font-size:1.25rem}details[open] summary::after{content:"−"}details p,.faq-accordion .faq-answer{padding:0 21px 18px;margin:0;font-size:.88rem;color:var(--muted)}.faq-accordion .faq-answer p{padding:0;margin:0}
.editor-note{padding:25px 29px;background:linear-gradient(118deg,rgba(190,47,155,.15),rgba(101,53,153,.09));border:1px solid rgba(254,128,211,.26);border-radius:18px}.editor-note h2{margin:0 0 14px;font-size:1.36rem}.editor-note p{margin:0 0 11px;line-height:1.88}.editor-note p:last-child{margin-bottom:0}.editor-note .note-flag{letter-spacing:.12em;text-transform:uppercase;font-size:.70rem;color:#ffabdc;font-weight:800;margin-bottom:6px}
.support-cta{margin:25px 0 0;padding:28px 32px;background:linear-gradient(110deg,#39144f,#5a174f 65%,#421346);border:1px solid rgba(255,119,200,.37);border-radius:20px;display:flex;justify-content:space-between;align-items:center;gap:18px}.support-cta h2{font-size:1.34rem;margin:0 0 4px}.support-cta p{margin:0;font-size:.92rem}
.site-footer{background:#10071b;border-top:1px solid var(--line);padding:55px 24px 25px}.footer-shell{max-width:var(--container);margin:auto}.footer-head{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:35px;padding-bottom:29px;border-bottom:1px solid var(--line)}.footer-head img,.footer-head amp-img{max-width:200px}.footer-head p{max-width:630px;font-size:.88rem;margin:0}.footer-columns{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:22px}.footer-columns h2{font-size:.89rem;color:#ffe4f3;letter-spacing:.03em;margin-bottom:15px}.footer-columns nav{display:flex;flex-direction:column;gap:9px}.footer-columns a{font-size:.80rem;color:#bdaacf}.footer-bottom{border-top:1px solid var(--line);padding-top:22px;margin-top:32px;display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;color:#a48db7;font-size:.75rem}.footer-bottom a{color:#ffc1e7}
@media (max-width:1070px){.brand-kicker{display:none}.primary-nav{gap:12px}.primary-nav a{font-size:.75rem}.brand-logo{width:172px}.nav-contact{padding:9px 11px}.vc-gallery-portrait-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:830px){.primary-nav,.nav-contact{display:none}.nav-shell{padding:12px 18px}.brand-logo{width:180px}.mobile-nav{display:flex;gap:20px;overflow-x:auto;white-space:nowrap;padding:10px 18px 13px;border-top:1px solid var(--line);scrollbar-width:thin}.mobile-nav a{font-size:.78rem;color:#dfcaed;font-weight:700}.mobile-nav .active{color:var(--pink-soft)}.vc-hero-poster{grid-template-columns:1fr;min-height:0}.vc-hero-poster .vc-copy{grid-column:1;grid-row:2;padding:30px 27px 35px}.vc-hero-poster figure{grid-column:1;grid-row:1;height:220px;min-height:0}.vc-hero-poster figure::after{background:linear-gradient(0deg,#30103f 0,rgba(39,7,58,.06) 70%)}.vc-cards-inset-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.vc-media-editorial{grid-template-columns:1fr}.vc-steps ol{grid-template-columns:1fr}.vc-faq-columns-grid{grid-template-columns:1fr}.footer-columns{grid-template-columns:repeat(3,minmax(0,1fr))}.footer-head{align-items:flex-start;flex-direction:column}}
@media (max-width:560px){.topline .inner{padding:7px 17px}.topline span+span{display:none}.page-wrap{padding:0 15px 60px}.breadcrumbs{padding:19px 3px 13px}.sp-layout{gap:15px}.vc-block{padding:21px;border-radius:18px}.sp-type-hero .vc-block{padding:0}.vc-hero-poster figure{height:190px}.vc-hero-poster.is-text-only{grid-template-columns:1fr;min-height:0}.vc-hero-poster.is-text-only .vc-copy{max-width:950px}.vc-hero-poster .vc-copy{padding:24px 22px 29px}.vc-hero-poster .vc-copy>p{font-size:.93rem}.vc-actions{gap:9px;margin-top:22px}.vc-button{font-size:.76rem;padding:9px 12px}.vc-cards-inset-grid,.vc-gallery-portrait-grid{grid-template-columns:1fr}.vc-gallery-portrait-grid img{aspect-ratio:16/8}.editor-note{padding:22px}.support-cta{padding:22px;flex-direction:column;align-items:flex-start}.footer-columns{grid-template-columns:repeat(2,minmax(0,1fr));gap:23px}.site-footer{padding:38px 18px 20px}h1{font-size:2rem}h2{font-size:1.45rem}}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
/* Compact access link immediately below the site navigation — HTML and AMP. */
.maktoto-top-access{position:relative;width:100%;background:linear-gradient(110deg,#250e37 0%,#361044 55%,#290c34 100%);border-bottom:1px solid rgba(255,106,207,.38)}
.maktoto-top-access:before{content:"";position:absolute;inset:0 0 auto;height:3px;background:linear-gradient(90deg,#9f4cfe 0%,#ff41b1 50%,#d95ff7 100%)}
.maktoto-top-access__inner{max-width:var(--container);min-height:78px;margin:0 auto;padding:14px 24px;display:flex;align-items:center;justify-content:center;gap:clamp(20px,4vw,55px);flex-wrap:wrap}
.maktoto-top-access__label{display:flex;align-items:center;gap:10px;color:#ffe4f5;font-size:.77rem;font-weight:800;letter-spacing:.075em;text-transform:uppercase}
.maktoto-top-access__muted{color:#dcb6e7;font-weight:500;letter-spacing:.015em;text-transform:none}
.maktoto-top-access__dot{width:8px;height:8px;flex:none;border-radius:50%;background:#ff54c4;box-shadow:0 0 0 4px rgba(255,84,196,.13)}
.maktoto-top-access__button{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:45px;padding:10px 25px;background:linear-gradient(115deg,#ec188f 0%,#fe45b6 51%,#aa49ec 100%);color:#fff;border:1px solid rgba(255,218,247,.38);border-radius:12px;box-shadow:0 6px 24px rgba(238,36,154,.22);font-size:.92rem;font-weight:850;line-height:1.35;white-space:nowrap;text-decoration:none}
.maktoto-top-access__button:hover{color:#fff;filter:brightness(1.1)}
.maktoto-top-access__button:focus-visible{outline:3px solid #ffe4f5;outline-offset:4px}
.maktoto-top-access__button span{font-size:1.15em;line-height:1}
@media(max-width:600px){.maktoto-top-access__inner{min-height:0;padding:13px 18px 15px;flex-direction:column;gap:9px}.maktoto-top-access__label{font-size:.69rem}.maktoto-top-access__button{width:100%;max-width:360px;min-height:43px}}
