/* Concept work, packages, estimator and advanced page components - ADVENTADOOR v13 */

/* Source consolidated from launch-v7.css */
/* ADVENTADOOR v7 launch-readiness, mockups, estimator, enquiry, founder and accessibility */
:root{--v7-gold:#d9b451;--v7-gold-light:#f0d47a;--v7-panel:#111419;--v7-muted:#c8c5bc}
*:focus-visible{outline:3px solid var(--v7-gold-light)!important;outline-offset:3px!important}
.founder-image-wrap picture{display:block;width:100%;height:100%}
.founder-image-wrap .founder-photo{width:100%;height:100%;object-fit:cover;object-position:center 42%;border-radius:inherit;display:block}
.founder-image-wrap{overflow:hidden;background:#131517}
.v7-why-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin-top:36px}
.v7-why-card{padding:26px;border:1px solid rgba(255,255,255,.085);border-radius:20px;background:linear-gradient(180deg,rgba(20,23,28,.95),rgba(13,15,19,.92));min-height:178px}
.v7-why-card span{display:inline-grid;place-items:center;width:38px;height:38px;border-radius:12px;border:1px solid rgba(217,180,81,.35);color:var(--v7-gold-light);font-weight:800;margin-bottom:18px}
.v7-why-card h3{font-size:1.18rem;margin:0 0 9px}.v7-why-card p{font-size:1rem;line-height:1.62;color:var(--v7-muted);margin:0}
.v7-capability-cta{display:flex;justify-content:space-between;align-items:center;gap:28px;margin-top:34px;padding:28px 30px;border:1px solid rgba(217,180,81,.26);border-radius:22px;background:radial-gradient(circle at 85% 20%,rgba(217,180,81,.15),transparent 38%),#101318}
.v7-capability-cta h3{font-size:1.5rem;margin:0 0 8px}.v7-capability-cta p{margin:0;color:#cbc7be}
.v7-mockup-gallery{margin-top:46px}.v7-mockup-grid{display:grid;grid-template-columns:1.5fr .75fr;gap:20px}.v7-mockup-card{position:relative;overflow:hidden;border-radius:22px;border:1px solid rgba(255,255,255,.09);background:#0d1014;min-height:240px}
.v7-mockup-card img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .45s ease}.v7-mockup-card:hover img{transform:scale(1.02)}
.v7-mockup-card figcaption{position:absolute;left:14px;bottom:14px;padding:8px 11px;border-radius:999px;background:rgba(8,10,13,.82);backdrop-filter:blur(12px);font-size:.82rem;color:#f2d473;border:1px solid rgba(217,180,81,.22)}
.v7-mockup-card.desktop{grid-row:span 2;min-height:610px}.v7-mockup-card.mobile{min-height:295px}.v7-mockup-card.closeup{min-height:295px}.v7-work-visual img{width:100%;height:100%;object-fit:cover}
.v7-estimator{padding:34px;border:1px solid rgba(217,180,81,.22);border-radius:24px;background:#111419}.v7-estimator-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:28px}.v7-estimator-form{display:grid;gap:18px}.v7-estimator-form label{display:grid;gap:8px;font-weight:700}.v7-estimator-form select,.v7-estimator-form input{width:100%;min-height:52px;border-radius:12px;border:1px solid rgba(255,255,255,.14);background:#0b0e12;color:#fff;padding:0 14px;font:inherit}.v7-check-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.v7-check-grid label{display:flex;align-items:center;gap:10px;padding:12px;border:1px solid rgba(255,255,255,.08);border-radius:12px;font-weight:500}.v7-estimator-result{padding:26px;border-radius:18px;background:linear-gradient(160deg,rgba(217,180,81,.13),rgba(255,255,255,.035));border:1px solid rgba(217,180,81,.22);align-self:start;position:sticky;top:110px}.v7-estimator-result [data-estimate-package]{font-size:2rem;color:#f1d578;margin:.25rem 0}.v7-estimator-result dl{display:grid;gap:10px}.v7-estimator-result dl div{display:flex;justify-content:space-between;gap:16px;padding-bottom:10px;border-bottom:1px solid rgba(255,255,255,.08)}.v7-estimator-result dt{color:#aaa}.v7-estimator-result dd{margin:0;font-weight:800;text-align:right}
.proposal-toggle{display:flex!important;align-items:flex-start!important;gap:12px!important;padding:18px;border:1px solid rgba(217,180,81,.22);border-radius:15px;background:rgba(217,180,81,.055);margin-top:10px}.proposal-toggle input{width:20px;height:20px;margin-top:2px}.proposal-fields{display:grid;gap:16px;margin-top:16px;padding:22px;border:1px solid rgba(255,255,255,.09);border-radius:18px;background:#0e1115}.proposal-fields[hidden]{display:none}.proposal-fields h3{margin:0}.proposal-help{color:#b7b3aa;font-size:.94rem}.summary-card{margin:28px auto;max-width:740px;padding:24px;border:1px solid rgba(217,180,81,.22);border-radius:18px;background:#111419;text-align:left}.summary-card dl{display:grid;gap:10px}.summary-card dl div{display:grid;grid-template-columns:160px 1fr;gap:14px;padding-bottom:10px;border-bottom:1px solid rgba(255,255,255,.07)}.summary-card dt{color:#aaa}.summary-card dd{margin:0;color:#fff;font-weight:700}.success-actions{display:flex;gap:12px;flex-wrap:wrap;justify-content:center}.reference-pill{display:inline-flex;padding:9px 14px;border-radius:999px;background:rgba(217,180,81,.1);border:1px solid rgba(217,180,81,.28);color:#f0d47a;font-weight:800;letter-spacing:.06em}.demo-similar-cta{position:fixed;right:20px;bottom:20px;z-index:900;display:flex;align-items:center;gap:14px;padding:14px 17px;border-radius:18px;background:rgba(10,12,15,.94);border:1px solid rgba(217,180,81,.42);box-shadow:0 18px 44px rgba(0,0,0,.42);backdrop-filter:blur(16px);max-width:390px;color:#fff;text-decoration:none}.demo-similar-cta strong{display:block;color:#f0d47a}.demo-similar-cta small{display:block;color:#c6c1b8;margin-top:3px}.demo-similar-cta span:last-child{font-size:1.45rem;color:#f0d47a}.demo-storage-warning{margin:14px auto;max-width:1180px;padding:12px 16px;border-radius:12px;background:#3b2412;color:#ffdba6;border:1px solid #8a5b28}.field-error{color:#ffb4a8;font-size:.9rem;margin-top:6px}.form-status.error{color:#ffb4a8}.form-status.success{color:#b9f5c8}.performance-note{font-size:.9rem;color:#aaa;margin-top:12px}
@media(max-width:1100px){.v7-why-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.v7-mockup-grid{grid-template-columns:1fr 1fr}.v7-mockup-card.desktop{grid-column:1/-1;grid-row:auto;min-height:500px}.v7-estimator-grid{grid-template-columns:1fr}.v7-estimator-result{position:static}}
@media(max-width:760px){.v7-why-grid{grid-template-columns:1fr}.v7-capability-cta{align-items:flex-start;flex-direction:column}.v7-mockup-grid{grid-template-columns:1fr}.v7-mockup-card.desktop,.v7-mockup-card.mobile,.v7-mockup-card.closeup{min-height:240px}.v7-check-grid{grid-template-columns:1fr}.summary-card dl div{grid-template-columns:1fr;gap:4px}.demo-similar-cta{left:12px;right:12px;bottom:12px;max-width:none}.concept-demo-app{padding-bottom:104px}.founder-image-wrap{max-height:620px}}
@media(max-width:430px){.v7-why-card{padding:21px}.v7-estimator{padding:20px}.v7-capability-cta{padding:22px}.v7-mockup-card.desktop{min-height:210px}.button{white-space:normal;text-align:center}.demo-topbar{padding-inline:12px!important}.demo-top-actions .demo-link{display:none}.demo-btn{min-height:44px}.demo-modal{max-height:88vh;overflow:auto}}
@media(prefers-reduced-motion:reduce){.v7-mockup-card img{transition:none}.v7-mockup-card:hover img{transform:none}}
.v7-mockup-card.fullpage{grid-column:1/-1;min-height:420px}.v7-mockup-card.fullpage img{object-position:top center}
@media(max-width:760px){.v7-mockup-card.fullpage{min-height:280px}}


/* -------------------------------------------------------------------------- */
/* V11: coded concept visuals and live working previews                       */
/* -------------------------------------------------------------------------- */
.built-concept-hero .v4-concept-title-grid{grid-template-columns:minmax(0,1.05fr) minmax(390px,.95fr);align-items:center;gap:56px}
.built-concept-hero-card{border:1px solid rgba(232,194,92,.22);border-radius:28px;padding:16px;background:linear-gradient(145deg,rgba(20,22,26,.98),rgba(8,10,13,.98));box-shadow:0 28px 70px rgba(0,0,0,.38);overflow:hidden}
.built-browser-chrome,.built-thumb-bar{display:flex;align-items:center;gap:7px;padding:8px 10px;background:#111419;border-radius:13px 13px 0 0;border-bottom:1px solid rgba(255,255,255,.06)}
.built-browser-chrome span,.built-thumb-bar i{width:8px;height:8px;border-radius:50%;background:#d7b454}.built-browser-chrome span:nth-child(2),.built-thumb-bar i:nth-child(2){background:#8d7441}.built-browser-chrome span:nth-child(3),.built-thumb-bar i:nth-child(3){background:#51545a}.built-browser-chrome small{margin-left:auto;color:#8e918f;font-size:11px;text-transform:uppercase;letter-spacing:.12em}
.built-mini-site{min-height:360px;position:relative;overflow:hidden;background:#0d1014}.built-mini-nav,.bt-nav{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:15px 18px;border-bottom:1px solid rgba(255,255,255,.08);font-size:12px}.built-mini-nav b,.bt-nav b{letter-spacing:.1em}.built-mini-nav span,.bt-nav span{color:#a7aaa7}
.built-restaurant-ui{display:grid;grid-template-columns:48% 52%;background:radial-gradient(circle at 70% 40%,rgba(199,113,45,.22),transparent 45%),#100d0d}.built-restaurant-ui .built-mini-nav{grid-column:1/-1}.built-cover-copy{padding:55px 20px 30px 28px;z-index:2}.built-cover-copy small{color:#d1a353;text-transform:uppercase;letter-spacing:.14em}.built-cover-copy h3{font:700 38px/1.02 Georgia,serif;margin:13px 0;color:#fff}.built-cover-copy p{color:#c7c0b5}.built-mini-button{display:inline-flex;margin-top:15px;padding:10px 13px;border-radius:8px;background:#d7b454;color:#111;font-weight:800;font-size:12px}.built-restaurant-ui>img{width:100%;height:100%;object-fit:cover;min-height:310px}
.built-fashion-ui{background:#e9dfd1;color:#191713}.built-fashion-ui .built-mini-nav{background:#181715;color:#fff}.built-fashion-products{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:18px}.built-fashion-products figure{margin:0;background:#f6f0e8;border-radius:14px;overflow:hidden}.built-fashion-products img{width:100%;height:225px;object-fit:cover}.built-fashion-products figcaption{padding:10px;font:600 13px Georgia,serif}.built-mini-footer{display:flex;justify-content:space-between;padding:0 20px 18px;color:#4d4338;font-size:12px}
.built-care-ui{background:#eaf7f5;color:#103536}.built-care-ui .built-mini-nav{background:#123d3d;color:#fff}.built-care-dashboard{padding:24px}.built-care-profile{display:flex;align-items:center;gap:15px;padding:14px;background:#fff;border-radius:16px;box-shadow:0 12px 30px rgba(10,76,75,.12)}.built-care-profile img{width:88px;height:88px;border-radius:14px;object-fit:cover}.built-care-profile div{display:flex;flex-direction:column}.built-care-profile small{color:#148f8c}.built-care-profile span{color:#508482;font-size:12px}.built-slot-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:9px;margin:18px 0}.built-slot-grid span{padding:10px 4px;text-align:center;border-radius:9px;background:#d7ece9;font-size:12px}.built-slot-grid .active{background:#118c89;color:#fff}.built-care-dashboard button{width:100%;border:0;padding:12px;border-radius:10px;background:#118c89;color:#fff;font-weight:700}
.built-loom-ui{background:#0b141b}.built-loom-ui .built-mini-nav{color:#fff;background:#0b1116}.built-fabric-showcase{display:grid;grid-template-columns:46% 54%;gap:18px;padding:28px}.built-fabric-showcase img{width:100%;height:245px;object-fit:cover;border-radius:16px}.built-fabric-showcase>div{padding:22px 12px;color:#e8edf0}.built-fabric-showcase small{color:#d4a94e;text-transform:uppercase;letter-spacing:.1em}.built-fabric-showcase h3{font:700 28px Georgia,serif}.built-fabric-showcase dl{margin:20px 0}.built-fabric-showcase dl div{display:flex;justify-content:space-between;padding:8px 0;border-bottom:1px solid rgba(255,255,255,.1)}.built-fabric-showcase dt{color:#8ea0aa}.built-fabric-showcase dd{margin:0}
.built-nova-ui{min-height:360px;display:grid;place-content:center;text-align:center;background:linear-gradient(140deg,#132c27,#f3ece0);color:#f4e7cb;grid-template-columns:auto auto;gap:20px;align-items:center}.built-nova-mark{width:120px;height:120px;border:2px solid #c7a15c;display:grid;place-items:center;border-radius:30px;background:#173d33}.built-nova-mark span{font:700 58px Georgia,serif}.built-nova-ui h3{font:700 42px Georgia,serif;margin:3px}.built-nova-ui p{margin:0}.built-palette,.bt-palette{grid-column:1/-1;display:flex;justify-content:center;gap:12px}.built-palette i,.bt-palette i{width:38px;height:38px;border-radius:50%;background:#173d33;border:2px solid rgba(255,255,255,.35)}.built-palette i:nth-child(2),.bt-palette i:nth-child(2){background:#3e5c4a}.built-palette i:nth-child(3),.bt-palette i:nth-child(3){background:#c8a56a}.built-palette i:nth-child(4),.bt-palette i:nth-child(4){background:#f5f2ec}.built-palette i:nth-child(5),.bt-palette i:nth-child(5){background:#222}.built-brand-apps{grid-column:1/-1;display:flex;gap:8px;justify-content:center}.built-brand-apps span{padding:8px 11px;border-radius:999px;background:rgba(17,34,29,.6);font-size:11px}
.built-growth-ui{background:#11151a}.built-growth-ui .built-mini-nav{color:#fff}.built-metrics,.bt-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;padding:15px}.built-metrics span,.bt-metrics span{background:#1c2229;border-radius:12px;padding:13px;display:flex;flex-direction:column;color:#fff}.built-metrics b,.bt-metrics b{color:#e4be59;font-size:20px}.built-metrics small,.bt-metrics small{color:#8f969b}.built-growth-content{display:grid;grid-template-columns:1fr 1fr 1.2fr;gap:11px;padding:0 15px 18px}.built-growth-content img{width:100%;height:190px;object-fit:cover;border-radius:12px}.built-chart{display:flex;align-items:flex-end;gap:8px;height:190px;background:#171d24;border-radius:12px;padding:18px}.built-chart i{flex:1;background:linear-gradient(#e4be59,#805d18);border-radius:6px 6px 0 0}
.built-hero-meta{display:flex;justify-content:space-between;gap:12px;padding:13px 8px 2px;color:#969b99;font-size:11px;text-transform:uppercase;letter-spacing:.09em}.built-hero-meta span:first-child{color:#e4be59}
.built-work-thumb{position:relative;min-height:285px;padding:14px;background:#0b0d10;overflow:hidden}.built-thumb-window{height:245px;border:1px solid rgba(255,255,255,.09);border-radius:16px;overflow:hidden;background:#11151a;box-shadow:0 16px 36px rgba(0,0,0,.28)}.built-concept-label{position:absolute;right:24px;bottom:24px;padding:7px 10px;border-radius:999px;background:#0b0d10;color:#e4be59;border:1px solid rgba(228,190,89,.28);font-size:10px;text-transform:uppercase;letter-spacing:.08em}.bt-nav{padding:10px 12px}.bt-split{display:grid;grid-template-columns:1fr 48%;height:207px}.bt-split>div{padding:27px 15px;color:#fff}.bt-split small{color:#e4be59}.bt-split h4{font:700 23px/1.05 Georgia,serif;margin:10px 0}.bt-split img{width:100%;height:100%;object-fit:cover}.bt-button{display:inline-flex;padding:7px 9px;background:#e4be59;color:#111;border-radius:6px;font-size:10px;font-weight:800}.bt-product-row{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;padding:10px}.bt-product-row figure{margin:0;background:#e9dfd1;color:#1a1714;border-radius:9px;overflow:hidden}.bt-product-row img{width:100%;height:145px;object-fit:cover}.bt-product-row figcaption{padding:7px;font-size:10px}.bt-doctor,.bt-fabric{display:flex;gap:12px;align-items:center;margin:14px;padding:13px;border-radius:13px;background:#effaf8;color:#123d3d}.bt-doctor img,.bt-fabric img{width:86px;height:86px;border-radius:12px;object-fit:cover}.bt-doctor div,.bt-fabric div{display:flex;flex-direction:column}.bt-doctor span,.bt-fabric span{font-size:10px;color:#54817f}.bt-slots{display:flex;gap:7px;padding:0 14px}.bt-slots span{flex:1;padding:9px;text-align:center;background:#d8eeea;border-radius:8px;color:#245b59;font-size:10px}.bt-slots .active{background:#118c89;color:#fff}.bt-fabric{background:#14222b;color:#fff}.bt-fabric span{color:#9db0bb}.bt-brand{display:flex;align-items:center;justify-content:center;gap:14px;padding:30px 10px 15px;color:#ece0c9;background:linear-gradient(135deg,#173d33,#233c35)}.bt-nova-mark{width:75px;height:75px;border:2px solid #c8a56a;border-radius:20px;display:grid;place-items:center;font:700 38px Georgia,serif}.bt-brand div:last-child{display:flex;flex-direction:column}.bt-brand-row{display:flex;justify-content:center;gap:8px;padding:15px}.bt-brand-row span{font-size:9px;padding:6px 8px;border-radius:999px;background:#203b34;color:#e9dcc1}.bt-posts{display:grid;grid-template-columns:1fr 1fr;gap:9px;padding:0 14px 14px}.bt-posts img{width:100%;height:118px;object-fit:cover;border-radius:9px}.built-card-actions{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:16px}.built-card-button{display:inline-flex;padding:10px 12px;border-radius:10px;background:#e4be59;color:#111;font-weight:800;font-size:13px}.built-card-demo{font-size:12px;color:#aeb2af}
.built-concept-showcase{background:linear-gradient(180deg,#0b0d10,#111318);overflow:hidden}.built-device-grid{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:28px;align-items:start}.built-device{margin:0}.built-device-label{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;color:#e7e8e5}.built-device-label span{font-weight:800}.built-device-label a{color:#e4be59;font-size:13px}.built-laptop-frame{position:relative;padding:22px 16px 26px;border-radius:22px 22px 10px 10px;background:linear-gradient(145deg,#383b40,#101216);box-shadow:0 30px 60px rgba(0,0,0,.45)}.built-laptop-camera{position:absolute;top:9px;left:50%;width:7px;height:7px;border-radius:50%;background:#050607}.built-laptop-frame iframe{width:100%;height:575px;border:0;border-radius:10px;background:#0b0d10}.built-phone-frame{position:relative;width:100%;max-width:340px;margin:auto;padding:28px 12px 20px;border:4px solid #34373a;border-radius:42px;background:#08090b;box-shadow:0 30px 60px rgba(0,0,0,.45)}.built-phone-speaker{position:absolute;top:10px;left:50%;width:72px;height:7px;transform:translateX(-50%);border-radius:999px;background:#25282c}.built-phone-frame iframe{width:100%;height:635px;border:0;border-radius:27px;background:#0b0d10}.built-device figcaption,.built-fullpage>p{margin-top:12px;color:#999f9c;font-size:13px}.built-fullpage{margin-top:48px}.built-browser-frame{border:1px solid rgba(255,255,255,.12);border-radius:18px;overflow:hidden;background:#0a0c0f;box-shadow:0 26px 60px rgba(0,0,0,.34)}.built-browser-toolbar{display:flex;align-items:center;gap:7px;padding:11px 14px;background:#171a1f}.built-browser-toolbar i{width:9px;height:9px;border-radius:50%;background:#dcb957}.built-browser-toolbar i:nth-child(2){background:#8e7441}.built-browser-toolbar i:nth-child(3){background:#4a4e53}.built-browser-toolbar span{margin-left:12px;color:#7f8583;font-size:12px}.built-browser-frame iframe{display:block;width:100%;height:720px;border:0;background:#0b0d10}.built-section-heading{max-width:760px;margin:70px 0 28px}.built-section-heading h2{margin:8px 0 0}.built-feature-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.built-feature-ui{min-height:330px;padding:18px;border:1px solid rgba(255,255,255,.1);border-radius:20px;background:#15181d;box-shadow:0 18px 40px rgba(0,0,0,.2)}.built-feature-ui>span{display:block;margin-bottom:14px;color:#e4be59;text-transform:uppercase;letter-spacing:.1em;font-size:12px;font-weight:800}.ui-filter-row,.ui-size-row,.ui-slot-row,.ui-date-row{display:flex;gap:7px;flex-wrap:wrap}.ui-filter-row b,.ui-size-row b,.ui-slot-row span,.ui-date-row span{padding:7px 9px;border-radius:8px;background:#242930;font-size:11px}.ui-filter-row b:first-child,.ui-size-row .active,.ui-slot-row .active,.ui-date-row .active{background:#e4be59;color:#111}.ui-dish-card,.ui-product-detail,.ui-doctor-mini,.ui-appointment-mini{display:flex;gap:12px;align-items:center;margin-top:14px;padding:11px;border-radius:13px;background:#20242a}.ui-dish-card img,.ui-doctor-mini img,.ui-appointment-mini img{width:90px;height:90px;object-fit:cover;border-radius:11px}.ui-dish-card h3,.ui-doctor-mini h3{font-size:17px;margin:4px 0}.ui-dish-card strong{color:#e4be59}.ui-form-mini{display:grid;gap:10px}.ui-form-mini label{display:grid;gap:5px;color:#9ea4a2;font-size:11px}.ui-form-mini input,.ui-form-mini select{width:100%;padding:10px;border:1px solid #333942;border-radius:8px;background:#0e1115;color:#e8e9e7}.ui-form-mini button,.ui-product-detail button,.ui-cart-mini button,.ui-calendar-mini button{border:0;padding:11px;border-radius:8px;background:#e4be59;color:#111;font-weight:800}.ui-gallery-mini,.ui-shop-grid,.ui-fabric-grid,.ui-social-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:9px}.ui-gallery-mini img{width:100%;height:125px;object-fit:cover;border-radius:10px}.ui-gallery-mini img:first-child{grid-column:1/-1}.ui-shop-grid figure{margin:0;background:#eee5d8;color:#1a1713;border-radius:10px;overflow:hidden}.ui-shop-grid img{width:100%;height:180px;object-fit:cover}.ui-shop-grid figcaption{padding:9px;font-size:11px}.ui-product-detail{align-items:stretch}.ui-product-detail>img{width:45%;height:230px;object-fit:cover;border-radius:10px}.ui-product-detail>div{flex:1}.ui-cart-mini{display:grid;gap:12px}.ui-cart-mini>div{display:flex;justify-content:space-between;gap:8px}.ui-cart-mini hr{width:100%;border:0;border-top:1px solid #343941}.ui-search-mini{padding:10px;border-radius:9px;background:#0f1318;color:#777f7d;font-size:11px}.ui-calendar-mini{display:grid;gap:14px}.ui-health-metrics,.ui-analytics-mini{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.ui-health-metrics span{display:flex;flex-direction:column;padding:12px;border-radius:10px;background:#202830}.ui-health-metrics b{color:#4ec7c0;font-size:22px}.ui-health-metrics small{color:#9aa5a1}.ui-appointment-mini img{width:65px;height:65px}.ui-fabric-grid{grid-template-columns:repeat(3,1fr)}.ui-fabric-grid img{width:100%;height:120px;object-fit:cover;border-radius:9px}.ui-spec-table{display:grid}.ui-spec-table div{display:flex;justify-content:space-between;gap:12px;padding:10px 0;border-bottom:1px solid #30353d}.ui-spec-table b{color:#9ea5a1}.ui-logo-system{display:grid;grid-template-columns:1fr 80px;gap:10px}.ui-nova-primary{grid-column:1/-1;padding:35px 20px;background:#173d33;color:#f4efe5;font:700 35px Georgia,serif;text-align:center;border-radius:12px}.ui-nova-icon,.ui-nova-word{display:grid;place-items:center;min-height:80px;border-radius:12px;background:#f4efe5;color:#173d33;font:700 30px Georgia,serif}.ui-nova-word{font-size:13px;letter-spacing:.14em}.ui-nova-palette{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.ui-nova-palette i{padding:16px 8px;border-radius:10px;background:#173d33;color:#fff;font-size:10px}.ui-nova-palette i:nth-child(2){background:#3e5c4a}.ui-nova-palette i:nth-child(3){background:#c8a56a;color:#16120d}.ui-nova-palette i:nth-child(4){background:#f5f2ec;color:#16120d}.ui-type-test{margin-top:15px;padding:18px;border-radius:12px;background:#f5f2ec;color:#173d33;display:flex;flex-direction:column}.ui-type-test b{font:700 23px Georgia,serif}.ui-stationery{display:grid;grid-template-columns:1fr 1fr;gap:9px}.ui-card-front,.ui-letterhead,.ui-social-square{min-height:110px;padding:14px;border-radius:10px;background:#173d33;color:#f3e7ce}.ui-card-front{font:700 35px Georgia,serif}.ui-letterhead{background:#f5f2ec;color:#173d33;display:flex;flex-direction:column}.ui-social-square{grid-column:1/-1;background:#c8a56a;color:#173d33;font:700 25px Georgia,serif}.ui-social-grid img{width:100%;height:125px;object-fit:cover;border-radius:9px}.ui-analytics-mini{grid-template-columns:120px 1fr;align-items:center}.ui-donut{width:110px;height:110px;border-radius:50%;background:conic-gradient(#e4be59 0 45%,#7c6a43 45% 75%,#343a43 75%);position:relative}.ui-donut:after{content:"";position:absolute;inset:27px;border-radius:50%;background:#15181d}.ui-analytics-mini p{display:flex;justify-content:space-between;font-size:11px}.ui-bar-chart{height:95px;display:flex;gap:7px;align-items:flex-end;margin-top:18px}.ui-bar-chart i{flex:1;background:#e4be59;border-radius:5px 5px 0 0}.ui-calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:5px}.ui-calendar-grid b,.ui-calendar-grid span{display:grid;place-items:center;min-height:30px;border-radius:6px;background:#20252b;font-size:10px}.ui-calendar-grid b{background:transparent;color:#8e9693}.ui-calendar-grid span.active{background:#e4be59;color:#111;font-weight:800}.built-workflow{display:grid;grid-template-columns:300px 1fr;gap:38px;margin-top:70px;padding:35px;border:1px solid rgba(228,190,89,.18);border-radius:24px;background:#101318}.built-workflow ol{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;list-style:none;margin:0;padding:0}.built-workflow li{position:relative;display:flex;gap:9px;min-height:125px;padding:14px;border-radius:14px;background:#191d22}.built-workflow li>span{flex:0 0 30px;height:30px;border-radius:50%;display:grid;place-items:center;background:#e4be59;color:#111;font-weight:900}.built-workflow li div{display:flex;flex-direction:column;gap:6px}.built-workflow li small{color:#8f9693;line-height:1.45}.built-workflow li:not(:last-child):after{content:"→";position:absolute;right:-12px;top:48%;color:#e4be59;z-index:2}.built-concept-disclosure{display:flex;align-items:center;gap:16px;margin-top:28px;padding:18px;border-radius:18px;background:rgba(228,190,89,.08);border:1px solid rgba(228,190,89,.2)}.built-concept-disclosure strong{color:#e4be59}.built-concept-disclosure span{color:#a8aeaa}.built-concept-disclosure .button{margin-left:auto}
@media(max-width:1050px){.built-concept-hero .v4-concept-title-grid{grid-template-columns:1fr}.built-device-grid{grid-template-columns:1fr}.built-device.built-mobile{max-width:430px}.built-feature-grid{grid-template-columns:1fr 1fr}.built-workflow{grid-template-columns:1fr}.built-workflow ol{grid-template-columns:repeat(3,1fr)}}
@media(max-width:720px){.built-mini-site{min-height:300px}.built-restaurant-ui{grid-template-columns:1fr}.built-restaurant-ui>img{height:190px;min-height:190px}.built-cover-copy{padding:25px}.built-fashion-products img{height:180px}.built-fabric-showcase{grid-template-columns:1fr;padding:18px}.built-fabric-showcase img{height:160px}.built-device-grid{gap:48px}.built-laptop-frame iframe{height:470px}.built-browser-frame iframe{height:600px}.built-feature-grid{grid-template-columns:1fr}.built-workflow{padding:20px}.built-workflow ol{grid-template-columns:1fr}.built-workflow li:not(:last-child):after{content:"↓";right:auto;left:28px;top:auto;bottom:-18px}.built-concept-disclosure{align-items:flex-start;flex-direction:column}.built-concept-disclosure .button{margin-left:0;width:100%}.built-hero-meta{flex-wrap:wrap}.built-work-thumb{min-height:250px}.built-thumb-window{height:215px}.bt-product-row img{height:120px}}

.related-concept>.built-work-thumb{width:min(480px,100%);border-radius:22px;border:1px solid rgba(228,190,89,.16);box-shadow:0 24px 50px rgba(0,0,0,.25)}
@media(max-width:800px){.related-concept>.built-work-thumb{width:100%}}



/* -------------------------------------------------------------------------- */
/* v12 refined concept pages                                                  */
/* -------------------------------------------------------------------------- */
.v12-concept-showcase{background:linear-gradient(180deg,#0b0d10,#101318);overflow:hidden}
.v12-concept-showcase .section-heading{margin-bottom:32px}
.v12-feature-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-bottom:64px}
.v12-feature-card{min-height:360px;padding:22px;border:1px solid rgba(255,255,255,.1);border-radius:20px;background:#15191e;box-shadow:0 18px 40px rgba(0,0,0,.22)}
.v12-feature-card>span{display:block;margin-bottom:16px;color:#d9dde0;font-size:13px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
.v12-preview-area{margin-top:24px}
.v12-preview-heading{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:22px}
.v12-preview-heading h2{margin:6px 0 0}
.v12-preview-grid{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:28px;align-items:start}
.v12-preview-card{margin:0}
.v12-preview-label{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:12px;color:#eef0ed}
.v12-preview-label span{font-weight:800}
.v12-preview-label a{color:#f1f2ef;text-decoration:underline;text-underline-offset:3px}
.v12-preview-frame{position:relative;min-height:420px;border:1px solid rgba(255,255,255,.12);border-radius:20px;background:linear-gradient(145deg,#20242a,#0c0e12);box-shadow:0 28px 64px rgba(0,0,0,.38);overflow:hidden}
.v12-preview-frame.phone{min-height:610px;max-width:340px;margin:auto;border-radius:38px;border-width:4px;background:#080a0d}
.v12-preview-frame iframe{display:block;width:100%;height:575px;border:0;background:#0b0d10}
.v12-preview-frame.phone iframe{height:610px}
.v12-preview-skeleton{position:absolute;inset:0;display:grid;place-items:center;padding:30px;background:linear-gradient(135deg,#171b20,#0b0d10);z-index:2}
.v12-preview-skeleton::before{content:"";position:absolute;inset:0;background:linear-gradient(100deg,transparent 20%,rgba(255,255,255,.055) 45%,transparent 70%);transform:translateX(-100%);animation:v12Shimmer 2.2s infinite}
.v12-preview-skeleton>div{position:relative;z-index:1;max-width:390px;text-align:center}
.v12-preview-skeleton strong{display:block;font-size:22px;margin-bottom:9px;color:#f0f1ee}
.v12-preview-skeleton p{margin:0 0 18px;color:#c5c9c6}
.v12-preview-controls{display:flex;justify-content:center;gap:10px;flex-wrap:wrap}
.v12-preview-close[hidden]{display:none}
.v12-preview-frame.is-loaded .v12-preview-skeleton{display:none}
.v12-preview-frame.is-loaded .v12-preview-close{display:inline-flex;position:absolute;right:12px;top:12px;z-index:4}
.v12-workflow{margin-top:72px;padding:28px;border:1px solid rgba(255,255,255,.1);border-radius:22px;background:#13161b}
.v12-workflow h2{margin:6px 0 24px}
.v12-workflow-steps{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:16px}
.v12-workflow-step{position:relative;padding:18px;border-radius:16px;background:#1b1f25;border:1px solid rgba(255,255,255,.08)}
.v12-workflow-step b{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:#d6b453;color:#111;font-size:14px}
.v12-workflow-step h3{margin:14px 0 8px;font-size:18px}
.v12-workflow-step p{margin:0;color:#c8ccca;font-size:15px}
.v12-workflow-step:not(:last-child)::after{content:"→";position:absolute;right:-18px;top:28px;color:#777d80;font-size:18px;z-index:2}
.v12-deliverables{background:#0d0f12}
.v12-deliverables-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(320px,.85fr);gap:28px;align-items:start}
.v12-deliverables-card,.v12-package-card{padding:28px;border:1px solid rgba(255,255,255,.1);border-radius:22px;background:#15181d;box-shadow:0 18px 44px rgba(0,0,0,.23)}
.v12-deliverables-card ul{columns:2;gap:32px;margin-bottom:0}
.v12-package-card{position:sticky;top:105px}
.v12-package-card>span{color:#c9cdca;font-size:13px;text-transform:uppercase;letter-spacing:.08em}
.v12-live-cta{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-top:48px;padding:26px;border:1px solid rgba(214,180,83,.22);border-radius:20px;background:linear-gradient(135deg,rgba(214,180,83,.08),rgba(255,255,255,.025))}
.v12-live-cta h2{margin:6px 0 8px}
.v12-card-tags{display:flex;flex-wrap:wrap;gap:8px;margin:14px 0}
.v12-card-tags span{display:inline-flex;padding:6px 9px;border-radius:999px;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.045);color:#d7dad7;font-size:12px}
.v12-card-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:16px}
.v12-card-actions .button{flex:1;justify-content:center;min-width:150px}

/* richer coded preview pieces */
.v12-concept-nav{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 12px;border-radius:11px;background:#0f1216;margin-bottom:14px}
.v12-concept-nav b{font-size:14px;letter-spacing:.06em}.v12-concept-nav span{font-size:11px;color:#aeb4b1}
.v12-menu-tabs,.v12-filter-pills,.v12-stepper,.v12-logo-tabs{display:flex;gap:7px;flex-wrap:wrap;margin-bottom:13px}
.v12-menu-tabs button,.v12-filter-pills button,.v12-logo-tabs button{border:1px solid rgba(255,255,255,.1);border-radius:999px;background:#22272e;color:#d9dcda;padding:7px 10px;font-size:11px}
.v12-menu-tabs button.active,.v12-filter-pills button.active,.v12-logo-tabs button.active{background:#d6b453;color:#111;border-color:#d6b453}
.v12-dish-row,.v12-product-grid,.v12-doctor-grid,.v12-fabric-grid,.v12-social-preview-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}
.v12-dish,.v12-product,.v12-doctor,.v12-fabric,.v12-social-preview{overflow:hidden;border-radius:12px;background:#22272d;border:1px solid rgba(255,255,255,.07)}
.v12-dish img,.v12-product img,.v12-doctor img,.v12-fabric img,.v12-social-preview img{width:100%;height:118px;object-fit:cover;display:block}
.v12-dish div,.v12-product div,.v12-doctor div,.v12-fabric div{padding:9px}.v12-dish b,.v12-product b,.v12-doctor b,.v12-fabric b{font-size:13px;display:block}.v12-dish small,.v12-product small,.v12-doctor small,.v12-fabric small{color:#bdc3c0;font-size:10px}
.v12-product{position:relative}.v12-product-actions{position:absolute;inset:auto 8px 8px 8px;display:flex;gap:6px;opacity:0;transform:translateY(6px);transition:.2s}.v12-product:hover .v12-product-actions,.v12-product:focus-within .v12-product-actions{opacity:1;transform:none}.v12-product-actions button{flex:1;border:0;border-radius:7px;padding:7px;background:#111;color:#fff;font-size:10px}.v12-product-actions button:first-child{background:#d6b453;color:#111}
.v12-option-row{display:flex;gap:6px;margin-top:7px}.v12-option-row i{width:14px;height:14px;border-radius:50%;background:#ede6db;border:1px solid #555}.v12-option-row i:nth-child(2){background:#1f2632}.v12-option-row i:nth-child(3){background:#aa7568}
.v12-cart-drawer{display:grid;gap:10px;padding:14px;border-radius:13px;background:#f3ede3;color:#171511}.v12-cart-item{display:flex;gap:10px;align-items:center}.v12-cart-item img{width:58px;height:66px;object-fit:cover;border-radius:8px}.v12-cart-total{display:flex;justify-content:space-between;border-top:1px solid #d8cfc1;padding-top:10px}.v12-checkout-progress{display:flex;justify-content:space-between;gap:4px;margin-top:10px}.v12-checkout-progress span{flex:1;text-align:center;padding:7px;border-radius:8px;background:#d9d0c3;font-size:10px}.v12-checkout-progress span.active{background:#173d33;color:#fff}
.v12-stepper span{display:flex;align-items:center;gap:5px;color:#c8cdca;font-size:11px}.v12-stepper b{display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:#30363d;color:#fff}.v12-stepper span.active b{background:#d6b453;color:#111}
.v12-gallery-strip{display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:8px}.v12-gallery-strip img{width:100%;height:115px;object-fit:cover;border-radius:10px}
.v12-slot-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:7px}.v12-slot-grid button{border:1px solid rgba(255,255,255,.1);background:#222a31;color:#dce2df;border-radius:8px;padding:8px;font-size:10px}.v12-slot-grid button.active{background:#118c89;color:white;border-color:#118c89}
.v12-confirm-state{display:grid;place-items:center;min-height:170px;text-align:center;border-radius:14px;background:#e8f6f3;color:#164643;padding:18px}.v12-confirm-state b{font-size:28px}.v12-dashboard-switch{display:flex;gap:8px;margin-bottom:12px}.v12-dashboard-switch button{border:0;border-radius:8px;padding:8px 10px;background:#22272e;color:#dce1de}.v12-dashboard-switch button.active{background:#118c89;color:#fff}.v12-admin-list{display:grid;gap:8px}.v12-admin-list div{display:flex;justify-content:space-between;gap:10px;padding:10px;border-radius:9px;background:#20252b;font-size:11px}
.v12-spec-table{display:grid}.v12-spec-table div{display:grid;grid-template-columns:1.2fr repeat(3,1fr);gap:8px;padding:8px 0;border-bottom:1px solid rgba(255,255,255,.08);font-size:10px}.v12-spec-table div:first-child{color:#d6b453;font-weight:800}
.v12-enquiry-summary{display:grid;gap:9px;padding:14px;border-radius:13px;background:#14222b}.v12-enquiry-summary div{display:flex;justify-content:space-between;gap:12px;font-size:11px}.v12-manufacturing-flow{display:flex;align-items:center;justify-content:space-between;gap:5px;margin-top:14px}.v12-manufacturing-flow span{flex:1;text-align:center;padding:9px 5px;border-radius:9px;background:#20272d;font-size:9px}.v12-manufacturing-flow i{color:#7b8286}
.v12-logo-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:8px}.v12-logo-grid div{display:grid;place-items:center;min-height:90px;border-radius:11px;background:#f4efe6;color:#173d33;font:700 17px Georgia,serif}.v12-logo-grid div:first-child{background:#173d33;color:#f4efe6}.v12-logo-grid div.mono{background:#111;color:#fff}.v12-palette-values{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.v12-palette-values div{padding:14px 8px;border-radius:10px;font-size:9px;background:#173d33;color:white}.v12-palette-values div:nth-child(2){background:#3e5c4a}.v12-palette-values div:nth-child(3){background:#c8a56a;color:#1d1710}.v12-palette-values div:nth-child(4){background:#f5f2ec;color:#111}.v12-palette-values div:nth-child(5){background:#d8d2c4;color:#111}.v12-palette-values div:nth-child(6){background:#1a1a1a}.v12-type-tester{display:grid;gap:8px;padding:15px;border-radius:12px;background:#f5f2ec;color:#173d33}.v12-type-tester input{padding:9px;border:1px solid #cfc6b8;background:white;color:#173d33;border-radius:7px}.v12-type-output{font:700 24px Georgia,serif}.v12-brand-mockups{display:grid;grid-template-columns:1fr 1fr;gap:8px}.v12-brand-mockups div{min-height:94px;padding:12px;border-radius:10px;background:#173d33;color:#efe5d1}.v12-brand-mockups div:nth-child(2){background:#f5f2ec;color:#173d33}.v12-brand-mockups div:nth-child(3){background:#c8a56a;color:#173d33}.v12-brand-mockups div:nth-child(4){background:#1a1a1a;color:#fff}
.v12-calendar{display:grid;grid-template-columns:repeat(7,1fr);gap:4px}.v12-calendar span{min-height:32px;padding:5px;border-radius:6px;background:#20252b;font-size:9px;color:#c7cdca}.v12-calendar span.has-post{background:#2b3239;border:1px solid rgba(214,180,83,.3);color:#fff}.v12-calendar span.has-post::after{content:"";display:block;width:5px;height:5px;border-radius:50%;background:#d6b453;margin-top:4px}.v12-chart{height:160px;display:flex;align-items:end;gap:10px;padding:14px;border-radius:12px;background:#101318}.v12-chart i{flex:1;border-radius:7px 7px 0 0;background:linear-gradient(180deg,#d6b453,#6d5a26);min-height:20px}.v12-period-compare{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:10px}.v12-period-compare div{padding:10px;border-radius:9px;background:#20252b}.v12-period-compare b{display:block;font-size:17px}.v12-period-compare small{color:#b9c0bd}.v12-campaign-controls{display:grid;grid-template-columns:1fr 1fr;gap:9px}.v12-campaign-controls label{display:grid;gap:5px;font-size:10px;color:#c4cbc7}.v12-campaign-controls select{padding:9px;border-radius:7px;border:1px solid rgba(255,255,255,.1);background:#0f1317;color:#fff}

@keyframes v12Shimmer{to{transform:translateX(100%)}}
@media(max-width:1000px){.v12-feature-grid{grid-template-columns:1fr}.v12-preview-grid{grid-template-columns:1fr}.v12-workflow-steps{grid-template-columns:1fr 1fr}.v12-workflow-step::after{display:none}.v12-deliverables-grid{grid-template-columns:1fr}.v12-package-card{position:static}.v12-dish-row,.v12-product-grid,.v12-doctor-grid,.v12-fabric-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:650px){.v12-preview-heading,.v12-live-cta{align-items:flex-start;flex-direction:column}.v12-workflow-steps{grid-template-columns:1fr}.v12-deliverables-card ul{columns:1}.v12-dish-row,.v12-product-grid,.v12-doctor-grid,.v12-fabric-grid{grid-template-columns:1fr 1fr}.v12-feature-card{padding:16px;min-height:auto}.v12-preview-frame{min-height:350px}.v12-preview-frame iframe{height:500px}.v12-gallery-strip{grid-template-columns:1fr 1fr}.v12-gallery-strip img:first-child{grid-column:1/-1}}