@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800&family=Space+Grotesk:wght@400;500;600;700&display=swap');
:root{--navy:#07132d;--ink:#0b1731;--pink:#ff3ca6;--cyan:#29e6ff;--violet:#803bff;--orange:#ffab56;--cream:#f8f8ff;--gradient:linear-gradient(105deg,#663bff 0%,#f638b3 46%,#ff9b54 100%)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#f8f8ff;color:var(--ink);font-family:'DM Sans',sans-serif}h1,h2,h3,.logo{font-family:'Space Grotesk',sans-serif}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}.top{position:relative;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:20px max(5vw,24px);background:#07132d;color:white;border-bottom:1px solid #ffffff21}.logo{font-weight:800;letter-spacing:-.7px;font-size:19px;white-space:nowrap}.logo span:last-child{color:#65e7ff}.logo-mark{display:inline-grid;place-items:center;width:34px;height:34px;margin-right:9px;border-radius:50%;background:conic-gradient(#ff3ca6,#ffab56,#31eaff,#763eff,#ff3ca6);color:white}.top nav{display:flex;gap:32px}.top nav a{font-weight:700;font-size:14px;padding:9px 0;border-bottom:2px solid transparent}.top nav a:hover,.top nav a.active{border-color:#ff55ba}.nav-cta,.btn{display:inline-flex;align-items:center;justify-content:center;gap:20px;border:0;border-radius:999px;font-weight:800;cursor:pointer;transition:transform .2s,box-shadow .2s}.nav-cta{padding:12px 24px;color:#08132d;background:linear-gradient(110deg,#ff59c5,#ffbb70)}.btn{padding:16px 25px;min-height:52px}.btn:hover,.nav-cta:hover{transform:translateY(-3px);box-shadow:0 14px 32px #f842ac50}.btn.gold{background:var(--gradient);color:white;box-shadow:0 9px 26px #ff3ca640}.btn.outline{border:1px solid #ffffff80;background:#ffffff12;color:white}.hero{position:relative;isolation:isolate;overflow:hidden;background:#07132d;color:white}.home-hero{min-height:680px;padding:100px max(6vw,28px) 185px;background:radial-gradient(ellipse at 85% 30%,#fa5f9d99,transparent 32%),radial-gradient(ellipse at 65% 75%,#1679eb88,transparent 42%),linear-gradient(125deg,#07132d 25%,#122a70 70%,#3a195d)}.hero:before{content:'';position:absolute;inset:0;z-index:-1;background:url('world.svg') right 9% center/auto 94% no-repeat;opacity:.98}.hero-content,.subhero-copy{position:relative;z-index:2;max-width:690px}.eyebrow{display:block;color:#ffb1e4;font-weight:800;letter-spacing:2.3px;font-size:12px;margin-bottom:24px}.eyebrow.dark{color:#a135c9}.hero h1{font-size:clamp(45px,5.4vw,84px);line-height:1.04;letter-spacing:-3px;margin:0 0 25px}.hero h1 em,.webdesign h2 em{font-style:normal;background:linear-gradient(100deg,#ff57b6,#ffb85b 55%,#38f0ff);-webkit-background-clip:text;background-clip:text;color:transparent}.hero p{font-size:19px;line-height:1.65;max-width:560px;color:#e9eaff}.actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:33px}.hero-bottom{position:absolute;bottom:0;left:0;right:0;display:grid;grid-template-columns:repeat(3,1fr);gap:26px;padding:26px max(6vw,28px);background:linear-gradient(90deg,#07132de9,#121f49d9);backdrop-filter:blur(14px);border-top:1px solid #ffffff30}.hero-bottom>div{display:grid;grid-template-columns:52px 1fr;column-gap:12px;align-items:center}.hero-bottom b{grid-row:span 2;display:grid;place-items:center;width:48px;height:48px;border-radius:50%;background:linear-gradient(135deg,#f636c0,#5037ff,#13caff);font-size:26px}.hero-bottom strong{font-size:15px}.hero-bottom small{color:#cbd8f1;line-height:1.5}.section-inner{max-width:1250px;margin:auto}.intro{display:grid;grid-template-columns:1fr 1fr;gap:65px;align-items:center;padding:95px 28px}.intro h2,.options h2,.webdesign h2{font-size:clamp(30px,3.5vw,54px);line-height:1.13;letter-spacing:-1.8px;margin:12px 0 20px}.intro p,.option p,.webdesign p{line-height:1.8;color:#4c5570}.art-card{position:relative;min-height:340px;border-radius:30px;overflow:hidden;background:radial-gradient(circle at 75% 20%,#ff9f9f,transparent 37%),radial-gradient(circle at 22% 80%,#15c8f8,transparent 45%),linear-gradient(125deg,#251d76,#8c36c5,#ff5b90);box-shadow:0 25px 65px #30368133}.art-card:before{content:'';position:absolute;inset:0;background:url('world.svg') center/contain no-repeat;transform:scale(1.25)}.art-label{position:absolute;bottom:25px;left:25px;color:white;font-size:12px;font-weight:800;letter-spacing:1.6px}.text-link{display:inline-block;margin-top:12px;color:#7c36ef;font-weight:800}.options{display:grid;grid-template-columns:1fr 1fr;gap:24px;padding:0 28px 90px}.option{padding:38px;border-radius:26px;background:white;box-shadow:0 15px 50px #101f4710;border:1px solid #e8e6f7}.option:first-child{background:linear-gradient(140deg,#fff,#f5eafe)}.option:nth-child(2){background:linear-gradient(140deg,#fff,#e5faff)}.option>span{font-size:12px;font-weight:800;color:#9944e8;letter-spacing:2px}.option h2{font-size:34px}.option a{font-weight:800;color:#783df3}.webdesign{position:relative;overflow:hidden;color:white;background:radial-gradient(circle at 92% 20%,#ae38cf88,transparent 35%),radial-gradient(circle at 7% 90%,#0c97ed77,transparent 42%),#08142e}.webdesign:after{content:'';position:absolute;right:-160px;top:-90px;width:560px;height:560px;border-radius:50%;border:90px solid #ffffff0a;pointer-events:none}.webdesign .section-inner{position:relative;z-index:1;padding:90px 28px}.webdesign h2{max-width:780px}.webdesign p{color:#e2e7f9;max-width:680px}.price-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;max-width:850px;margin:35px 0}.glass{padding:27px;border:1px solid #ffffff4a;background:#ffffff10;border-radius:22px;backdrop-filter:blur(10px)}.glass>span{color:#5df0ff;font-size:11px;font-weight:800;letter-spacing:1.5px}.glass h3{margin:12px 0;font-size:24px}.glass strong{font-size:30px;color:#ff8cda}.glass strong small{font-size:12px;color:#fff}.glass p{font-size:14px;margin-bottom:0}.subhero{min-height:460px;padding:90px max(7vw,30px)}.subhero h1{font-size:clamp(42px,5vw,72px)}.buy-hero{background:radial-gradient(circle at 78% 40%,#ed3da999,transparent 38%),linear-gradient(120deg,#091532,#3d217d)}.rent-hero{background:radial-gradient(circle at 80% 45%,#04cbe488,transparent 37%),linear-gradient(120deg,#091532,#12518b)}.subhero:before{background-position:right 12% center;background-size:auto 120%;opacity:.85}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;padding:55px 28px}.steps>div{padding:22px;border-radius:18px;background:white}.steps b{color:#d832b8;font-size:23px}.steps h3{margin:10px 0}.steps p{color:#59627a;line-height:1.6}.form-wrap{max-width:1120px;margin:20px auto 90px;padding:40px;background:white;border-radius:28px;box-shadow:0 22px 80px #1722551c}.form-heading{display:flex;justify-content:space-between;align-items:center;gap:30px}.form-heading h2{font-size:clamp(28px,3.5vw,44px);margin:0 0 12px}.form-heading p{line-height:1.6;color:#566079}.form-price{min-width:150px;padding:22px;border-radius:20px;background:linear-gradient(130deg,#e9e8ff,#fff0e8);text-align:center}.form-price strong{display:block;font-size:36px}.form-price span{font-size:13px}.fields{display:grid;grid-template-columns:1fr 1fr;gap:19px;margin-top:26px}.fields label{display:grid;gap:9px;font-weight:700;font-size:14px}.fields .wide{grid-column:1/-1}input:not([type=checkbox]),textarea{width:100%;padding:14px 16px;border:1px solid #d9deeb;border-radius:11px;background:#fafbff;outline:none;color:#121b35}input:focus,textarea:focus{border-color:#8a43ed;box-shadow:0 0 0 3px #8a43ed22}.check{display:flex;align-items:flex-start;gap:10px;margin:22px 0;font-size:13px;line-height:1.5}.check a{color:#763bec;text-decoration:underline}.form-bottom{display:flex;gap:22px;align-items:center;flex-wrap:wrap}.form-bottom small{color:#677089}.notice{padding:20px;border-radius:14px;margin:20px 0}.notice.success{background:#e7fff5;color:#095e40}.notice.error{background:#fff0f1;color:#a01c37}.trap{position:absolute;left:-10000px}footer{background:#061026;color:#cbd5e9;padding:42px max(5vw,24px);display:grid;grid-template-columns:1fr auto;gap:25px}footer>div:nth-child(2){display:flex;gap:22px;flex-wrap:wrap}footer small{grid-column:1/-1;border-top:1px solid #ffffff24;padding-top:22px}footer p{font-size:13px}@media(max-width:800px){.top{flex-wrap:wrap}.top nav{order:3;width:100%;justify-content:center;gap:20px}.nav-cta{padding:10px 16px}.home-hero{padding-top:80px;padding-bottom:265px}.hero:before{background-size:auto 60%;background-position:right -140px bottom 90px;opacity:.55}.hero-bottom{grid-template-columns:1fr;gap:12px;padding:18px 24px}.hero-bottom>div{grid-template-columns:42px 1fr}.hero-bottom b{width:38px;height:38px;font-size:20px}.intro,.options,.price-grid,.steps{grid-template-columns:1fr}.intro{padding:55px 24px;gap:35px}.options{padding-bottom:55px}.subhero{min-height:420px}.form-wrap{margin:20px 15px 65px;padding:24px}.form-heading{align-items:flex-start}.fields{grid-template-columns:1fr}.fields .wide{grid-column:auto}footer{grid-template-columns:1fr}footer small{grid-column:auto}}@media(max-width:480px){.top{padding:15px}.logo{font-size:16px}.top nav{gap:14px}.top nav a{font-size:12px}.hero h1{letter-spacing:-1.8px}.hero-content p{font-size:16px}.actions .btn{width:100%}.form-heading{flex-direction:column}.form-price{width:100%}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important}}

/* Vrijblijvend bod */
.offer-inline{display:block;margin-top:14px;color:#8a36b9!important;font-weight:750}.bid-banner{display:flex;align-items:center;justify-content:space-between;gap:28px;padding-top:46px;padding-bottom:46px}.bid-banner>div{max-width:650px}.bid-banner h2{font-size:clamp(2rem,4vw,3.4rem);margin:8px 0}.bid-banner p{line-height:1.7}.bid-banner .btn{flex-shrink:0}@media(max-width:750px){.bid-banner{flex-direction:column;align-items:flex-start}}

/* V8: compactere hero-titel en derde actieknop */
.home-hero .hero-content{max-width:780px}
.home-hero h1{font-size:clamp(38px,4.35vw,66px);letter-spacing:-2.5px;line-height:1.1}
.home-hero .hero-title-first,.home-hero h1 em{display:block}
.home-hero .actions{gap:12px}
.home-hero .actions .btn{padding:15px 19px;gap:12px;font-size:14px}
.btn.bid-btn{background:linear-gradient(105deg,#16d4e8,#8071ff);color:#06132b;box-shadow:0 9px 26px #12c7ef35}
@media(max-width:1100px){.home-hero .hero-content{max-width:640px}.home-hero h1{font-size:clamp(36px,4.6vw,55px)}}
@media(max-width:600px){.home-hero h1{font-size:clamp(34px,8.5vw,48px);letter-spacing:-1.5px}.home-hero .hero-title-first{max-width:100%}}

/* V9: twee duidelijke titelregels en drie volledig omlijnde knoppen */
@media(min-width:801px){
.home-hero .hero-content{max-width:820px}
.home-hero h1{font-size:clamp(39px,4.05vw,60px);letter-spacing:-2px;line-height:1.14}
.home-hero h1 .hero-title-first,.home-hero h1 em{display:block;white-space:nowrap}
}
.home-hero .actions{display:flex;align-items:stretch;gap:12px;flex-wrap:wrap}
.home-hero .actions a.btn.bid-btn{display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:15px 22px;border:2px solid #3ce4f5;border-radius:999px;background:linear-gradient(110deg,#16d4e8,#8071ff);color:#06132b;font-weight:800;box-shadow:0 9px 26px #12c7ef35}
@media(max-width:800px){.home-hero h1 .hero-title-first,.home-hero h1 em{display:block;white-space:normal}.home-hero h1{font-size:clamp(34px,6vw,51px);letter-spacing:-1.5px}}
@media(max-width:480px){.home-hero .actions a.btn{width:100%}}