/* Netic koduleht — kujundus „C · objektid ees” (Claude Design, 24.10.2026) */
:root{--ink:#141414;--text:#3a3a3a;--muted:#555;--rule:#dcdcdc;--soft:#f4f4f2;--yellow:#f2c230;--yellow-ink:#6b5800;--dark:#141414;--head:'Barlow Semi Condensed',Barlow,system-ui,sans-serif}
*{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{margin:0;font-family:Barlow,system-ui,-apple-system,"Segoe UI",sans-serif;font-size:18px;line-height:1.6;color:var(--ink);background:#fff}
img{max-width:100%;height:auto;display:block}
a{color:var(--ink)}a:hover{color:var(--yellow-ink)}
:focus-visible{outline:3px solid var(--yellow);outline-offset:3px}
h1,h2,h3{font-family:var(--head);font-weight:700;line-height:1.05;margin:0}
h1{font-size:clamp(40px,5.6vw,76px);letter-spacing:-.5px}
h2{font-size:clamp(32px,4vw,54px)}
h3{font-size:clamp(24px,2.4vw,32px);line-height:1.12}
p{margin:0 0 16px}
.wrap{max-width:1240px;margin:0 auto;padding:0 28px}
.skip{position:absolute;left:-999px;top:8px;background:#fff;padding:10px 14px;z-index:10}.skip:focus{left:8px}
.muted{color:var(--muted)}
/* päis */
.site-header{border-bottom:1px solid var(--rule);background:#fff}
.site-header .wrap{display:flex;flex-wrap:wrap;align-items:center;gap:14px 34px;padding-top:20px;padding-bottom:20px}
.logo{display:block;line-height:0}.logo img{height:24px;width:auto}
.nav{display:flex;flex-wrap:wrap;gap:6px 28px;font-size:17px;font-weight:500;flex:1 1 auto}
.nav a{text-decoration:none;padding:6px 0}.nav a[aria-current=page]{box-shadow:inset 0 -3px var(--yellow)}
.phone{font-weight:600;text-decoration:none;white-space:nowrap}
/* nupud ja sildid */
.btn{display:inline-block;background:var(--ink);color:#fff;text-decoration:none;font-weight:600;padding:14px 24px;border:0;font:inherit;font-weight:600;cursor:pointer;line-height:1.3}
.btn:hover{background:#333;color:#fff}
.btn.yellow{background:var(--yellow);color:var(--ink)}.btn.yellow:hover{background:#e0b21f;color:var(--ink)}
.kicker{display:flex;align-items:center;gap:14px;margin:0 0 12px;font-weight:600;font-size:16px}
.kicker:before{content:"";width:36px;height:6px;background:var(--yellow);flex:none}
.status{font-size:16px;font-weight:600;color:var(--muted);margin:0 0 6px}.status.tos{color:var(--yellow-ink)}
.more{font-weight:600}
/* avalehe hero */
.hero{display:flex;flex-wrap:wrap;gap:30px 70px;align-items:flex-end;padding-top:64px;padding-bottom:40px}
.hero h1{flex:2 1 560px;min-width:0}
.hero .side{flex:1 1 320px;min-width:0}.hero .side p{color:var(--text);margin-bottom:22px}
.bigfig{margin:0}.bigfig img{width:100%;height:clamp(300px,48vw,620px);object-fit:cover}
.herovideo{position:relative;background:var(--ink)}.herovideo img{display:block}
.herovideo video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .8s}
.herovideo.ready video,.herovideo.playing video{opacity:1}
.vpause{position:absolute;right:16px;bottom:16px;font:600 14px/1 Barlow,sans-serif;color:#fff;background:rgba(20,20,20,.6);border:0;padding:9px 12px;cursor:pointer}
.vpause:hover,.vpause:focus-visible{background:rgba(20,20,20,.9)}
.vlabel{position:absolute;left:16px;top:16px;max-width:calc(100% - 150px);font-size:15px;line-height:1.3;color:#fff;background:rgba(20,20,20,.6);padding:8px 12px;text-decoration:none;border-left:3px solid var(--yellow)}
.herovideo .vlabel strong{color:#fff}.vlabel:hover,.vlabel:focus-visible{background:rgba(20,20,20,.9)}
.vlabel[hidden]{display:none}
.bigfig figcaption,.caption{font-size:16px;color:var(--muted);padding-top:14px}
.bigfig figcaption{max-width:1240px;margin:0 auto;padding-left:28px;padding-right:28px}
.bigfig strong,.caption strong{color:var(--ink)}
/* sektsioonid */
.section{padding:96px 0}.section.soft{background:var(--soft)}.section.tight{padding:64px 0}
.section h2{max-width:840px}
.lead{font-size:20px;color:var(--text);max-width:780px}
.intro{margin-bottom:48px}.intro h2{margin-bottom:18px}
/* objektid vaheldumisi */
.feature{display:flex;flex-wrap:wrap;gap:28px 56px;align-items:center;padding-bottom:64px}
.feature.rev{flex-wrap:wrap-reverse}
.feature .ph{flex:3 1 560px;min-width:0}.feature .ph img{width:100%;height:clamp(240px,32vw,420px);object-fit:cover}
.feature .tx{flex:2 1 360px;min-width:0}.feature h3{font-size:36px;margin-bottom:6px}
.feature .where{color:var(--muted);font-size:16px;margin-bottom:18px}
.pair{display:flex;flex-wrap:wrap;gap:40px}.pair figure{margin:0;flex:1 1 380px;min-width:0}
.pair img{width:100%;height:260px;object-fit:cover}
.list2{border-top:2px solid var(--ink);display:flex;flex-wrap:wrap;gap:0 48px;margin-top:56px}
.list2 > *{flex:1 1 340px;min-width:0;padding:18px 0;border-bottom:1px solid var(--rule)}
.list2 .sm{color:var(--muted);font-size:16px}
.list2 a{text-decoration:none}.list2 a:hover strong{text-decoration:underline;text-decoration-color:var(--yellow);text-decoration-thickness:3px}
/* teenused */
.svc{display:flex;flex-wrap:wrap;gap:40px 48px}
.svc > *{flex:1 1 250px;min-width:0}.svc > a{text-decoration:none;color:inherit;display:block}
.svc h3{font-size:24px;margin-bottom:8px}.svc p{color:var(--text);font-size:17px;margin:0}
.svc > a:hover h3{text-decoration:underline;text-decoration-color:var(--yellow);text-decoration-thickness:3px;text-underline-offset:4px}
/* sisuleht */
.pagehead{padding:56px 0 40px;border-bottom:1px solid var(--rule)}
.crumbs{font-size:15px;color:var(--muted);margin:0 0 20px}.crumbs a{color:var(--muted)}
.pagehead h1{max-width:960px;font-size:clamp(38px,5vw,64px)}
.pagehead .lead{margin-top:20px}
.cols{display:flex;flex-wrap:wrap;gap:48px 72px;align-items:flex-start}
.cols .main{flex:3 1 560px;min-width:0}.cols .aside{flex:1 1 280px;min-width:0}
.prose h2{font-size:clamp(28px,3vw,38px);margin:48px 0 14px}.prose h2:first-child{margin-top:0}
.prose h3{font-size:24px;margin:28px 0 8px}
.prose p,.prose li{color:var(--text)}
.prose ul{padding-left:22px;margin:0 0 16px}.prose li{margin-bottom:6px}
.box{border-top:2px solid var(--ink);padding-top:18px;margin-bottom:36px}
.box h2{font-size:22px;margin-bottom:10px}
.box ul{list-style:none;padding:0;margin:0}.box li{padding:8px 0;border-bottom:1px solid var(--rule);font-size:17px}
.box p{font-size:17px;color:var(--text)}
.facts{display:grid;grid-template-columns:minmax(110px,auto) 1fr;gap:10px 22px;margin:0 0 34px;font-size:17px}
.facts dt{color:var(--muted)}.facts dd{margin:0;font-weight:600}
.tags{display:flex;flex-wrap:wrap;gap:8px;list-style:none;padding:0;margin:0}
.tags li{border:1px solid var(--rule);padding:4px 10px;font-size:16px;margin:0}.prose .tags{padding-left:0}
.faq details{border-bottom:1px solid var(--rule);padding:16px 0}
.faq summary{cursor:pointer;font-weight:600;font-size:19px}
.faq details p{margin:10px 0 0}
.wide-img img{width:100%;height:clamp(260px,40vw,560px);object-fit:cover}
/* inimesed ja logod */
.logos{display:flex;flex-wrap:wrap;gap:16px 26px;align-items:center}.logos img{height:32px;width:auto}
.person{border-top:2px solid var(--ink);padding-top:18px}
.person .name{font-family:var(--head);font-size:26px;font-weight:700;margin:0}
/* kontakt (tume) */
.contact{background:var(--dark);color:#f2f2f2;padding:96px 0}
.contact h2{color:#fff;margin-bottom:22px}
.contact .big{font-family:var(--head);font-size:26px;margin:0 0 6px}.contact .big a{color:#fff;text-decoration:none}
.contact a{color:#fff}
.contact .offices{display:flex;flex-wrap:wrap;gap:24px 48px;border-top:1px solid #444;padding-top:22px;margin-top:30px}
.contact .offices > div{flex:1 1 200px}.contact .offices p{margin:0;color:#c4c4c4}.contact .offices strong{color:#fff}
.contact .row{display:flex;flex-wrap:wrap;gap:48px 72px}.contact .row > *{flex:1 1 420px;min-width:0}
form.ask{display:flex;flex-direction:column;gap:18px}
form.ask label{display:flex;flex-direction:column;gap:4px;font-size:16px;color:#c4c4c4}
form.ask input,form.ask textarea{font:inherit;font-size:18px;color:#fff;background:transparent;border:0;border-bottom:1px solid #8a8a8a;padding:10px 0;border-radius:0}
form.ask input:focus,form.ask textarea:focus{outline:none;border-bottom-color:var(--yellow)}
form.ask textarea{resize:vertical;min-height:110px}
form.ask .hp{position:absolute;left:-5000px}
form.ask .note{font-size:15px;color:#a8a8a8;margin:0}
.notice{padding:14px 18px;margin:0 0 18px;font-weight:600}.notice.ok{background:#e9f6ec;color:#1d5b2c}.notice.err{background:#fcebe7;color:#8a2a17}
/* jalus */
.site-footer{border-top:1px solid var(--rule);font-size:16px;color:var(--muted)}
.site-footer .top{display:flex;flex-wrap:wrap;gap:30px 60px;padding-top:48px;padding-bottom:36px}
.site-footer .top > div{flex:1 1 220px;min-width:0}
.site-footer h2{font-size:20px;color:var(--ink);margin-bottom:10px}
.site-footer ul{list-style:none;padding:0;margin:0}.site-footer li{margin-bottom:4px}
.site-footer a{color:var(--muted)}.site-footer a:hover{color:var(--ink)}
.site-footer .bottom{display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px;padding-top:20px;padding-bottom:28px;border-top:1px solid var(--rule)}
@media (max-width:560px){body{font-size:17px}.wrap{padding:0 20px}.section,.contact{padding:64px 0}.bigfig figcaption{padding-left:20px;padding-right:20px}.feature h3{font-size:30px}.facts{grid-template-columns:1fr;gap:2px}.facts dd{margin-bottom:10px}h1{font-size:40px}}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
@media print{.site-header nav,.contact form,.site-footer .top{display:none}}