:root{--gold:#e8b75a;--pale:#ffe3a0;--bg:#090909;--muted:#b9b3a9}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:#fff;font-family:Arial,Helvetica,sans-serif;line-height:1.6}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}button{cursor:pointer}.wrap{max-width:1180px;margin:auto;padding:0 24px}.nav{position:sticky;top:0;z-index:5;background:#080808ed;backdrop-filter:blur(16px);border-bottom:1px solid #73531d55}.navin{display:flex;align-items:center;justify-content:space-between;min-height:88px;gap:20px}.brand{display:flex;align-items:center;gap:12px;color:var(--gold)}.mark{font-family:Georgia,serif;font-size:48px;font-weight:bold;line-height:1;position:relative;text-shadow:0 2px 2px #71410d,0 0 16px #d19a3d77}.mark:before{content:'♛';position:absolute;font-size:22px;top:-18px;left:11px}.brandname{font:26px Georgia,serif;letter-spacing:2px}.brandname small{display:block;font:10px Arial,sans-serif;letter-spacing:5px}.links{display:flex;align-items:center;gap:25px;font-size:12px;letter-spacing:1px}.links a:hover{color:var(--gold)}.btn{display:inline-block;padding:13px 25px;border:1px solid var(--gold);border-radius:7px;color:var(--pale);background:#110e09;transition:.25s}.btn:hover{background:var(--gold);color:#100c06;transform:translateY(-2px)}.btn.primary{background:linear-gradient(120deg,#a66a1d,#ffdb86,#bd7d24);color:#170d00;font-weight:bold;border:0;box-shadow:0 0 28px #d49a3d66}.menu{display:none;background:none;border:1px solid #896a37;color:var(--gold);border-radius:5px;padding:7px 12px}.hero{min-height:690px;display:flex;align-items:center;position:relative;overflow:hidden;background:radial-gradient(ellipse at 76% 38%,#8b561f55,transparent 32%),radial-gradient(ellipse at 50% 100%,#5c3a1450,transparent 45%),linear-gradient(125deg,#090909 12%,#1b1610 70%,#050505)}.hero:before{content:'';position:absolute;inset:0;background:repeating-linear-gradient(90deg,transparent 0 180px,#e0b25a08 181px 182px);pointer-events:none}.hero .wrap{width:100%;display:grid;grid-template-columns:1.1fr .9fr;gap:35px;align-items:center;position:relative}.eyebrow{color:var(--gold);letter-spacing:4px;font-size:13px;font-weight:bold}h1,h2,h3{font-family:Georgia,'Times New Roman',serif;line-height:1.12}h1{font-size:clamp(42px,5.3vw,76px);margin:22px 0}h1 span,.gold{color:var(--gold)}.lead{color:#ddd;max-width:530px;font-size:17px}.actions{display:flex;flex-wrap:wrap;gap:15px;margin-top:32px}.visual{min-height:380px;display:flex;align-items:center;justify-content:center;position:relative}.globe{width:min(420px,80vw);height:min(420px,80vw);border:2px solid #bd883d;border-radius:50%;box-shadow:0 0 60px #b8802a66,inset 0 0 70px #a56a2277;background:repeating-radial-gradient(ellipse at center,transparent 0 32px,#b98a3766 33px 34px,transparent 35px 65px),repeating-linear-gradient(0deg,transparent 0 45px,#c8984266 46px 47px,transparent 48px 90px),radial-gradient(circle at 30% 20%,#bd8a3a55,#0a0907 70%);transform:rotate(-12deg)}.bigR{position:absolute;font:bold clamp(170px,22vw,310px) Georgia,serif;color:#e8b75a;text-shadow:2px 4px #603808,5px 9px #2b1805,0 0 40px #efb84b99}.crown{position:absolute;top:0;font-size:95px;color:var(--gold);filter:drop-shadow(0 0 20px #d8a44e)}.highlights{border-top:1px solid #89612e77;border-bottom:1px solid #89612e77;background:#100e0b}.features{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;padding-top:28px;padding-bottom:28px}.feature{font-size:13px}.feature strong{display:block;color:var(--gold);letter-spacing:1px;font-size:14px}.feature p{color:var(--muted);margin:4px 0}.symbol{font-size:28px;color:var(--gold);float:left;margin-right:13px}section{padding:95px 0}.center{text-align:center}.center p{color:var(--muted)}h2{font-size:clamp(32px,4vw,48px);margin:14px 0}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:42px}.card{background:linear-gradient(140deg,#18140f,#0a0908);border:1px solid #8e642d;border-radius:14px;padding:30px;box-shadow:inset 0 0 35px #d8a54a0c;transition:transform .2s}.card:hover{transform:translateY(-5px);border-color:var(--gold)}.card .ico{font-size:35px;color:var(--gold)}.card h3{font-size:23px}.card p{color:var(--muted);font-size:15px}.about{background:linear-gradient(90deg,#17120c,#090909)}.split{display:grid;grid-template-columns:1fr 1fr;gap:55px;align-items:center}.panel{border:1px solid #8b622e;border-radius:20px;padding:60px 30px;text-align:center;background:radial-gradient(circle,#61431d,#17120b 60%,#090909);font:clamp(60px,12vw,130px) Georgia,serif;color:var(--gold);text-shadow:0 5px 0 #75420c,0 0 35px #f0b44a}.portfolio{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:35px}.sample{border:1px solid #6c512b;border-radius:14px;overflow:hidden;background:#15120e}.sampleart{height:170px;display:grid;place-items:center;background:linear-gradient(140deg,#34250f,#080808);color:var(--gold);font:35px Georgia,serif}.sample p{padding:0 20px 20px;color:var(--muted);font-size:14px}.sample h3{padding:0 20px}.contact{background:linear-gradient(130deg,#0b0a08,#23190d)}.contactgrid{display:grid;grid-template-columns:1fr 1fr;gap:55px}.field{display:block;margin:0 0 17px;color:var(--pale);font-size:13px}.field input,.field textarea{width:100%;margin-top:7px;background:#0d0c0a;border:1px solid #6d5634;border-radius:7px;padding:12px;color:#fff;outline:none}.field input:focus,.field textarea:focus{border-color:var(--gold)}.note{font-size:13px;color:var(--muted)}footer{padding:30px 0;border-top:1px solid #6b4a26;color:#b8ae9e;font-size:13px}.foot{display:flex;justify-content:space-between;gap:15px;flex-wrap:wrap}@media(max-width:850px){.menu{display:block}.links{display:none;position:absolute;top:88px;left:0;right:0;background:#090909;padding:25px;flex-direction:column;align-items:stretch;border-bottom:1px solid #87632e}.links.open{display:flex}.hero .wrap,.split,.contactgrid{grid-template-columns:1fr}.hero{padding:75px 0}.visual{min-height:320px}.globe{width:300px;height:300px}.features{grid-template-columns:repeat(2,1fr)}.cards,.portfolio{grid-template-columns:1fr 1fr}}@media(max-width:540px){.brandname{font-size:19px}.navin{min-height:78px}.links{top:78px}.hero{padding:55px 0}.hero .wrap{gap:0}.visual{min-height:280px}.globe{width:260px;height:260px}.crown{font-size:65px;top:4px}.features,.cards,.portfolio{grid-template-columns:1fr}.actions .btn{width:100%;text-align:center}section{padding:65px 0}}


.lang-switch{display:flex;align-items:center;gap:6px;margin-left:12px}.lang-switch button{background:transparent;color:#d6b76d;border:1px solid #7a6334;border-radius:6px;padding:7px 10px;cursor:pointer;font-weight:700}.lang-switch button[aria-pressed="true"]{background:#d6b76d;color:#15110a}@media(max-width:800px){.lang-switch{margin:10px 0}}

.pricing-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:32px}.price-card{padding:30px 24px;border:1px solid #65502b;border-radius:18px;background:linear-gradient(145deg,#201b13,#0d0d0d);display:flex;flex-direction:column}.price-card.featured{border-color:#e8b75a;box-shadow:0 0 32px #dba94924}.price-card h3{color:#e8b75a;letter-spacing:2px}.price-card .amount{font-size:40px;font-weight:800;color:#ffe3a0}.price-card ul{padding-left:20px;flex:1;color:#ddd}.price-card li{margin:10px 0}.price-card .btn{text-align:center;margin-top:20px}@media(max-width:850px){.pricing-grid{grid-template-columns:1fr}}

.trap{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}.btn:disabled{opacity:.55;cursor:wait}

/* Royal Web Service — mobile navigation refinement */
@media (max-width:850px) {
  .nav {z-index:100;}
  .navin {position:relative; gap:10px;}
  .menu {display:inline-flex; align-items:center; justify-content:center; min-height:40px; padding:8px 12px; flex-shrink:0; border-radius:9px; border:1px solid #9a773d; background:#18130b; color:#f1cb80; transition:background .2s ease,border-color .2s ease,box-shadow .2s ease;}
  .menu:focus-visible,.links a:focus-visible {outline:2px solid #ffe3a0;outline-offset:3px;}
  .menu[aria-expanded="true"] {font-size:0;min-width:78px;}
  .menu[aria-expanded="true"]::after {content:"×";font-size:27px;line-height:20px;}
  .links {display:flex; position:absolute; top:100%; left:0; right:0; padding:10px 24px 16px; gap:0; flex-direction:column; align-items:stretch; background:linear-gradient(180deg,#15110c,#090909); border-bottom:1px solid #b48b45; box-shadow:0 16px 30px #000a; opacity:0; visibility:hidden; transform:translateY(-9px); pointer-events:none; transition:opacity .23s ease,transform .23s ease,visibility .23s;}
  .links.open {display:flex;opacity:1;visibility:visible;transform:translateY(0);pointer-events:auto;}
  .links a {display:block; padding:12px 7px; min-height:44px; border-bottom:1px solid #8c6b302c; font-size:13px; line-height:20px; letter-spacing:1.2px;}
  .links a:last-child {border-bottom:0;}
  .links a:hover,.links a:focus-visible {color:#ffe3a0;background:#d8a34c12;}
  .lang-switch {margin:0 0 0 auto;gap:4px;flex-shrink:0;}
  .lang-switch button {padding:7px 8px;min-height:36px;}
}
@media (max-width:540px) {
  .navin {min-height:78px;gap:7px;}
  .brand {gap:6px;min-width:0;}
  .mark {font-size:40px;}
  .mark:before {font-size:18px;top:-15px;left:9px;}
  .brandname {font-size:17px;letter-spacing:1px;}
  .brandname small {font-size:9px;letter-spacing:2.7px;}
  .menu {padding:7px 9px;font-size:12px;}
  .menu[aria-expanded="true"] {min-width:65px;}
  .links {top:100%;}
}
@media (max-width:370px) {
  .wrap {padding-left:15px;padding-right:15px;}
  .brandname {font-size:15px;}
  .brandname small {font-size:8px;letter-spacing:2px;}
  .lang-switch button {padding:6px;}
}
@media (prefers-reduced-motion:reduce) {
  .links,.menu {transition:none!important;}
}

/* 2026-10 — compact mobile dropdown polish (desktop unchanged) */
@media (max-width:850px) {
  .links {padding:7px 20px 13px; max-height:calc(100dvh - 88px); overflow-y:auto; overscroll-behavior:contain;}
  .links a:not(.btn) {min-height:37px; padding:8px 7px; line-height:21px; font-size:12px;}
  .links a.btn {min-height:40px; padding:9px 12px; margin-top:10px; margin-bottom:4px; line-height:20px; border:1px solid #c99b4f; border-radius:7px; font-size:12px; font-weight:700;}
  .menu[aria-expanded="true"] {min-width:42px; width:42px; height:40px; padding:0; font-size:0;}
  .menu[aria-expanded="true"]::after {content:"\00D7"; display:block; font-size:30px; line-height:1; font-weight:400;}
}
@media (max-width:540px) {
  .links {max-height:calc(100dvh - 78px);}
}


/* Royal Web Service — company details footer and mobile finishing */
footer{padding:42px 0 20px;background:linear-gradient(145deg,#15110b,#080808);border-top:1px solid #8b622e;color:#c9c0b1}
.footer-layout{display:grid;grid-template-columns:1fr 1fr;gap:35px;padding-bottom:28px}
.footer-brandname{font:700 21px Georgia,serif;letter-spacing:1.5px;color:var(--gold)}
.footer-brand p{font-size:14px;max-width:310px}
.footer-company h2{font:700 19px Georgia,serif;color:var(--pale);margin:0 0 15px}
.footer-company p{margin:7px 0;overflow-wrap:anywhere}
.footer-company strong{color:#f6e8c9}
.footer-company a{color:#e7c47f;text-decoration:underline;text-decoration-color:#9d753a;text-underline-offset:3px}
.footer-company a:hover,.footer-company a:focus-visible{color:#fff0c9}
.footer-bottom{border-top:1px solid #70532d77;padding-top:17px;display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px;font-size:12px}
.footer-en{display:none}
html:has(.lang-switch button[data-lang="en"][aria-pressed="true"]) .footer-en{display:block}
html:has(.lang-switch button[data-lang="en"][aria-pressed="true"]) .footer-et{display:none}
@media(max-width:850px){
  #teenused .cards{gap:15px;margin-top:30px}
  #teenused .card{padding:23px 24px}
  #teenused .card .ico{font-family:Arial,Helvetica,sans-serif;color:var(--gold);filter:grayscale(1) sepia(1) saturate(3)}
  #teenused .card h3{margin:13px 0 8px}
  #teenused .card p{margin:0}
  #portfoolio .portfolio{gap:16px;margin-top:28px}
  #portfoolio .sampleart{height:130px}
  #portfoolio .sample h3{margin:15px 0 6px}
  #portfoolio .sample p{margin:0;padding-bottom:18px}
  #hinnad .pricing-grid{gap:16px}
  #hinnad .price-card{padding:24px 22px}
  #hinnad .price-card h3{margin:0 0 10px}
  #hinnad .price-card .amount{line-height:1.2}
  #hinnad .price-card ul{margin:12px 0}
  #hinnad .price-card li{margin:7px 0}
  #meist .panel{padding:42px 25px}
  #kontakt .field input,#kontakt .field textarea{font-size:16px;min-height:44px}
  #kontakt .field input:focus-visible,#kontakt .field textarea:focus-visible{border-color:#ffe3a0;box-shadow:0 0 0 3px #e8b75a30}
  .footer-layout{grid-template-columns:1fr;gap:22px}
}
@media(max-width:540px){
  #meist .panel{padding:32px 20px}
  #meist .btn,#kontakt button[type="submit"]{display:block;width:100%;text-align:center}
  #kontakt .contactgrid{gap:25px}
  #kontakt .lead{margin-bottom:0}
  #kontakt button[type="submit"]{min-height:48px}
  #portfoolio .sampleart{height:118px}
  .footer-bottom{flex-direction:column}
}

/* Royal Web Service — footer readability polish, 2026-10-28 */
footer{padding-top:44px;padding-bottom:26px}
.footer-layout{grid-template-columns:minmax(0,1fr) minmax(0,1fr);max-width:1050px;column-gap:48px;row-gap:24px;padding-bottom:32px}
.footer-brandname{font-size:23px;line-height:1.35}
.footer-brand p{font-size:15px;line-height:1.7;margin:12px 0 0;color:#d5cbbc}
.footer-company h2{font-size:21px;line-height:1.3;margin-bottom:16px}
.footer-company p{font-size:15px;line-height:1.65;margin:9px 0}
.footer-company a{font-weight:600;text-decoration-thickness:1px;text-underline-offset:4px}
.footer-bottom{max-width:1050px;padding-top:20px;line-height:1.6;font-size:13px}
@media(max-width:850px){
  .footer-layout{grid-template-columns:1fr;gap:26px}
}
@media(max-width:540px){
  footer{padding-top:34px;padding-bottom:30px}
  .footer-layout{gap:26px;padding-bottom:28px}
  .footer-brandname{font-size:22px;letter-spacing:.8px}
  .footer-brand p{font-size:14px;margin-top:9px}
  .footer-company h2{font-size:21px;margin-bottom:14px}
  .footer-company p{font-size:15px;margin:10px 0;line-height:1.65}
  .footer-company a{display:inline-block;min-height:26px}
  .footer-bottom{padding-top:20px;gap:7px;font-size:13px}
}


/* Royal cover redesign — scoped to homepage hero; other sections remain intact */
.royal-cover-hero{min-height:780px;padding:85px 0 75px;background:radial-gradient(ellipse at 82% 12%,#b8782433,transparent 35%),linear-gradient(100deg,#070605 0%,#16100a 50%,#070809 100%);isolation:isolate}
.royal-cover-hero:before{background:repeating-linear-gradient(90deg,transparent 0 125px,#e8b75a0c 126px 129px,transparent 130px 200px);opacity:.65}
.royal-cover-hero:after{content:"";position:absolute;inset:auto -10% 0;height:32%;background:linear-gradient(0deg,#b37b2524,transparent);pointer-events:none}
.royal-cover-hero .royal-cover-layout{max-width:1650px;display:grid;grid-template-columns:minmax(210px,.8fr) minmax(350px,1.15fr) minmax(360px,1.25fr);gap:clamp(20px,2.6vw,55px);align-items:center}
.royal-cover-brand{text-align:center;min-width:0;border-right:2px solid #bc883f;padding:25px 25px 30px 0;color:#f9d680;text-shadow:0 2px 0 #613907,0 0 24px #db9e4680}
.royal-cover-crown{font-size:clamp(60px,8vw,125px);line-height:.9}
.royal-cover-r{font:clamp(165px,19vw,320px)/.85 Georgia,serif;background:linear-gradient(110deg,#8e4e10,#fff2b6 35%,#b56a14 60%,#ffeaa2 78%,#90520c);background-clip:text;-webkit-background-clip:text;color:transparent;filter:drop-shadow(3px 7px 2px #000)}
.royal-cover-word{font:clamp(35px,4.5vw,75px)/1 Georgia,serif;letter-spacing:.04em}
.royal-cover-sub{font:clamp(12px,1.5vw,23px)/1.5 Georgia,serif;letter-spacing:.2em}
.royal-cover-copy{position:relative;z-index:2}
.royal-cover-copy h1{font-size:clamp(46px,5vw,90px);letter-spacing:-.04em;line-height:1.02;text-transform:none;margin:22px 0}
.royal-cover-copy h1 .line-gold{color:#eab64d}.royal-cover-copy h1 .line-white{color:#f6f1e9}
.royal-cover-copy .lead{font-size:16px;max-width:540px}
.royal-cover-copy .highlights{background:transparent;border:0;margin-top:35px}
.royal-cover-copy .features{padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.royal-cover-copy .feature{text-align:center;min-width:0}
.royal-cover-copy .feature .symbol{float:none;display:grid;place-items:center;width:60px;height:60px;margin:0 auto 12px;border:1.5px solid #e7b85c;border-radius:50%;font-size:28px}
.royal-cover-copy .feature strong{font-size:10px;line-height:1.35;letter-spacing:.02em;color:#fff}
.royal-cover-copy .feature p{display:none}
.royal-cover-devices{position:relative;min-height:510px;align-self:center;filter:drop-shadow(0 25px 30px #000b)}
.royal-monitor{position:absolute;top:55px;left:0;right:35px;aspect-ratio:1.52;border:12px solid #171717;border-bottom-width:28px;border-radius:18px;background:#050505;box-shadow:0 0 0 2px #ae7e3d,0 18px 45px #000}
.royal-screen{height:100%;padding:8% 8%;background:radial-gradient(circle at 90% 55%,#d7953655,transparent 45%),linear-gradient(125deg,#090909 35%,#261a0e 100%);overflow:hidden}
.royal-screen-brand{font:30px Georgia,serif;color:#eac06d}.royal-screen-brand small{display:block;font:9px Arial,sans-serif;letter-spacing:2px}
.royal-screen-title{font:clamp(20px,2.5vw,41px)/1.05 Georgia,serif;margin-top:25px;color:#f9e9c9}.royal-screen-title em{color:#e6aa44;font-style:normal}
.royal-screen-button,.royal-phone-button{display:inline-block;margin-top:22px;padding:10px 14px;border-radius:6px;background:linear-gradient(90deg,#ac6f21,#ffe08c,#b77c29);color:#1b1104;font:bold 10px Arial,sans-serif}
.royal-monitor-stand{position:absolute;top:calc(55px + (100% - 35px)/1.52);left:34%;width:30%;height:75px;background:linear-gradient(90deg,#242424,#8a8a8a,#222);clip-path:polygon(38% 0,62% 0,68% 76%,100% 100%,0 100%,32% 76%)}
.royal-phone{position:absolute;right:0;bottom:0;width:28%;min-width:115px;height:285px;padding:24px 12px 10px;text-align:center;border:6px solid #171717;border-radius:23px;background:radial-gradient(circle at 75% 70%,#8d5b2740,transparent 60%),#060606;box-shadow:0 0 0 2px #d5a451,0 12px 30px #000}
.royal-phone-crown{color:#f4c76a;font-size:30px;line-height:1}.royal-phone-r{font:75px/.9 Georgia,serif;color:#e8b75a}.royal-phone-label{font-size:7px;color:#f4ca74;letter-spacing:1px}.royal-phone-copy{font:16px/1.15 Georgia,serif;margin-top:20px}.royal-phone-button{font-size:7px;padding:8px 5px;margin-top:14px}
@media(max-width:1250px){.royal-cover-hero .royal-cover-layout{grid-template-columns:minmax(160px,.65fr) minmax(330px,1.2fr)}.royal-cover-devices{grid-column:1/-1;width:min(650px,100%);justify-self:center;min-height:450px}.royal-cover-brand{padding-right:15px}.royal-cover-copy h1{font-size:clamp(44px,6vw,80px)}}
@media(max-width:750px){.royal-cover-hero{padding:55px 0 65px}.royal-cover-hero .royal-cover-layout{grid-template-columns:1fr;gap:28px}.royal-cover-brand{border-right:0;border-bottom:1px solid #bc883f;padding:0 0 25px}.royal-cover-r{font-size:155px}.royal-cover-crown{font-size:70px}.royal-cover-word{font-size:42px}.royal-cover-sub{font-size:13px}.royal-cover-copy{text-align:center}.royal-cover-copy h1{font-size:clamp(40px,9vw,68px)}.royal-cover-copy .lead{margin-left:auto;margin-right:auto}.royal-cover-copy .actions{justify-content:center}.royal-cover-copy .features{grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}.royal-cover-copy .feature .symbol{width:50px;height:50px;font-size:23px}.royal-cover-copy .feature strong{font-size:9px}.royal-cover-devices{width:min(520px,100%);min-height:390px}.royal-monitor{top:25px;right:25px}.royal-monitor-stand{top:300px}.royal-screen-title{font-size:clamp(22px,5vw,34px)}}
@media(max-width:440px){.royal-cover-devices{min-height:285px}.royal-monitor{border-width:7px;border-bottom-width:17px;top:12px;right:22px}.royal-monitor-stand{top:215px;height:40px}.royal-phone{min-width:85px;width:27%;height:195px;padding:14px 5px 5px;border-width:4px;border-radius:15px}.royal-phone-crown{font-size:20px}.royal-phone-r{font-size:47px}.royal-phone-label{font-size:5px}.royal-phone-copy{font-size:11px;margin-top:10px}.royal-phone-button{font-size:5px;margin-top:10px;padding:5px 3px}.royal-screen-title{font-size:20px;margin-top:12px}.royal-screen-brand{font-size:20px}.royal-screen-button{font-size:7px;padding:6px;margin-top:10px}.royal-cover-copy .feature .symbol{width:43px;height:43px;font-size:20px}.royal-cover-copy .feature strong{font-size:8px}}

/* Photorealistic hero assets — main text/buttons remain actual HTML */
.royal-cover-hero{background:radial-gradient(ellipse at 70% 24%,#a56a2b32,transparent 48%),linear-gradient(90deg,#070606 0%,#100d0b 49%,#15100a 100%)}
.royal-cover-hero:before{background:linear-gradient(115deg,transparent 0%,#efb85c08 48%,transparent 75%);opacity:1}
.royal-cover-hero .royal-cover-layout{max-width:1700px;grid-template-columns:minmax(230px,.95fr) minmax(430px,1.15fr) minmax(380px,1.35fr);gap:clamp(14px,2vw,38px)}
.royal-cover-brand{padding:0 18px 0 0;line-height:0;align-self:stretch;display:flex;align-items:center;justify-content:center;min-height:550px}
.royal-cover-brand img{display:block;width:100%;height:100%;max-height:660px;object-fit:contain;filter:drop-shadow(0 0 20px #bb7a3029)}
.royal-cover-devices{min-height:550px;display:flex;align-items:center;justify-content:center;filter:drop-shadow(0 25px 32px #0008)}
.royal-cover-devices img{display:block;width:100%;height:auto;max-height:650px;object-fit:contain}
.royal-cover-copy h1{font-size:clamp(43px,4.6vw,78px);line-height:1.04}
.royal-cover-copy .features{grid-template-columns:repeat(4,minmax(0,1fr))}
@media(max-width:1250px){.royal-cover-hero .royal-cover-layout{grid-template-columns:minmax(180px,.7fr) minmax(360px,1.3fr)}.royal-cover-brand{min-height:420px}.royal-cover-devices{grid-column:1/-1;min-height:0;width:min(760px,100%)}.royal-cover-devices img{max-height:520px}}
@media(max-width:750px){.royal-cover-hero .royal-cover-layout{grid-template-columns:1fr;gap:25px}.royal-cover-brand{min-height:0;max-width:340px;width:75%;height:270px;justify-self:center;border-right:0;border-bottom:1px solid #bc883f;padding:0 0 18px}.royal-cover-brand img{height:100%;object-fit:contain}.royal-cover-devices{width:min(520px,100%);min-height:0}.royal-cover-devices img{max-height:440px}.royal-cover-copy h1{font-size:clamp(39px,8vw,66px)}}
@media(max-width:440px){.royal-cover-brand{height:220px}.royal-cover-devices img{max-height:300px}.royal-cover-copy .feature strong{font-size:8px}}


/* 2026-10-28: Maci ekraanil nähtud disain, ilma seadmete makettideta. */
.royal-screen-inspired{min-height:740px;padding:95px 0 100px;background:linear-gradient(90deg,rgba(0,0,0,.95) 0%,rgba(0,0,0,.80) 30%,rgba(0,0,0,.47) 59%,rgba(0,0,0,.16) 100%),url('royal-mountains.webp') center 53%/cover no-repeat #090807;isolation:isolate}
.royal-screen-inspired::before{background:linear-gradient(90deg,rgba(0,0,0,.5),transparent 50%),linear-gradient(0deg,#090909aa,transparent 35%);opacity:1}
.royal-screen-inspired::after{display:none}
.royal-screen-inspired .royal-cover-layout{max-width:1350px;grid-template-columns:minmax(230px,.68fr) minmax(0,1.3fr);gap:clamp(38px,5vw,90px);align-items:center}
.royal-screen-inspired .royal-cover-brand{height:auto;min-height:0;max-height:none;align-self:center;padding:10px 45px 10px 0;border-right:1px solid #d9a54d;display:flex;align-items:center;justify-content:center}
.royal-screen-inspired .royal-cover-brand img{height:auto;width:100%;max-height:420px;object-fit:contain;filter:drop-shadow(0 10px 24px #000)}
.royal-screen-inspired .royal-cover-copy{max-width:690px;text-shadow:0 2px 16px #0009}
.royal-screen-inspired .royal-cover-copy .eyebrow{font-size:12px;letter-spacing:3px;color:#f5c76b}
.royal-screen-inspired .royal-cover-copy h1{font-size:clamp(53px,5.5vw,94px);line-height:1.04;letter-spacing:-.035em;margin:22px 0 24px}
.royal-screen-inspired .royal-cover-copy h1 .line-gold{color:#f0bd58}
.royal-screen-inspired .royal-cover-copy h1 .line-white{color:#fffaf0}
.royal-screen-inspired .royal-cover-copy .lead{font-size:17px;line-height:1.7;max-width:560px;color:#f2ede3}
.royal-screen-inspired .actions{margin-top:28px;gap:14px}
.royal-screen-inspired .actions .btn{padding:15px 23px;font-weight:700}
.royal-screen-inspired .royal-cover-copy .highlights{margin-top:42px}
.royal-screen-inspired .royal-cover-copy .features{gap:15px;max-width:560px}
.royal-screen-inspired .royal-cover-copy .feature .symbol{background:#08080870;border:2px solid #f3c15e;width:65px;height:65px;color:#f5c56b}
.royal-screen-inspired .royal-cover-copy .feature strong{font-size:11px;color:#fff}
@media(max-width:900px){.royal-screen-inspired .royal-cover-layout{grid-template-columns:minmax(180px,.55fr) minmax(0,1fr);gap:28px}.royal-screen-inspired .royal-cover-brand{padding-right:25px}.royal-screen-inspired .royal-cover-copy h1{font-size:clamp(44px,6vw,70px)}}
@media(max-width:750px){.royal-screen-inspired{padding:60px 0 75px;background-position:62% center}.royal-screen-inspired .royal-cover-layout{grid-template-columns:1fr;gap:26px}.royal-screen-inspired .royal-cover-brand{border-right:0;border-bottom:1px solid #d9a54d;max-width:270px;width:65%;height:auto;min-height:0;padding:0 0 20px;margin:auto}.royal-screen-inspired .royal-cover-brand img{max-height:240px}.royal-screen-inspired .royal-cover-copy{text-align:center}.royal-screen-inspired .royal-cover-copy h1{font-size:clamp(42px,9vw,65px)}.royal-screen-inspired .royal-cover-copy .lead{margin:auto}.royal-screen-inspired .royal-cover-copy .features{margin:auto}.royal-screen-inspired .royal-cover-copy .highlights{margin-top:34px}}
@media(max-width:440px){.royal-screen-inspired{padding:40px 0 55px}.royal-screen-inspired .royal-cover-brand{width:57%;max-width:200px}.royal-screen-inspired .royal-cover-brand img{max-height:190px}.royal-screen-inspired .royal-cover-copy h1{font-size:clamp(38px,10.3vw,50px)}.royal-screen-inspired .royal-cover-copy .lead{font-size:15px}.royal-screen-inspired .royal-cover-copy .features{gap:5px}.royal-screen-inspired .royal-cover-copy .feature .symbol{width:46px;height:46px;font-size:21px}.royal-screen-inspired .royal-cover-copy .feature strong{font-size:8px}}

/* Final polish: same gold emblem in header and hero, transparent background */
.nav .brand{gap:8px;flex-shrink:0}
.nav .header-royal-logo{width:54px;height:65px;object-fit:contain;filter:drop-shadow(0 0 7px #e2a64c55)}
.nav .brandname{font-size:23px;letter-spacing:1.2px}
.nav .brandname small{font-size:9px;letter-spacing:3px}
.royal-screen-inspired .royal-cover-brand img{filter:drop-shadow(0 9px 18px #0009) drop-shadow(0 0 12px #d5a04833)}
.royal-screen-inspired{background-image:linear-gradient(90deg,rgba(0,0,0,.73) 0%,rgba(0,0,0,.52) 38%,rgba(0,0,0,.18) 76%,rgba(0,0,0,.06) 100%),url('royal-mountains.webp')}
@media(max-width:850px){.nav .header-royal-logo{width:40px;height:49px}.nav .brandname{font-size:17px}.nav .brandname small{font-size:8px;letter-spacing:2px}}
@media(max-width:540px){.nav .header-royal-logo{width:33px;height:42px}.nav .brandname{font-size:15px;letter-spacing:.5px}.nav .brandname small{font-size:7px;letter-spacing:1.5px}}

/* Uus kõrglahutusega mägitaust, 2026-10-28 */
.royal-cover-hero {
  background-image: linear-gradient(90deg,rgba(0,0,0,.55) 0%,rgba(0,0,0,.40) 42%,rgba(0,0,0,.15) 100%),url("royal-mountains.webp");
  background-size:cover;
  background-position:center center;
  background-repeat:no-repeat;
}
@media(max-width:750px){.royal-cover-hero{background-position:43% center}}

/* 2026-10-28: footer registration number stays on one line */
.footer-company .footer-registration{white-space:nowrap;overflow-wrap:normal;font-size:clamp(12px,1.15vw,15px)}
@media(max-width:540px){.footer-company .footer-registration{font-size:14px}}
@media(max-width:360px){.footer-company .footer-registration{font-size:12px}}